@jhits/plugin-newsletter 0.0.8 → 0.0.10

package/dist/views/CanvasEditor/EditorHeader.js

@@ -1,11 +1,53 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ArrowLeft, Settings2, Save, Edit, Eye } from 'lucide-react';
+import { useState, useRef, useEffect } from 'react';
+import { ArrowLeft, Settings2, Save, Edit, Eye, Plus } from 'lucide-react';
 import { useEditor } from '../../state/EditorContext';
-export function EditorHeader({ isPreviewMode, onPreviewToggle, isSidebarOpen, onSidebarToggle, isSaving, onSave, onSaveError, isDirty = false, }) {
+const ALL_LANGUAGES = [
+    { code: 'en', name: 'English' },
+    { code: 'nl', name: 'Dutch' },
+    { code: 'sv', name: 'Swedish' },
+    { code: 'de', name: 'German' },
+    { code: 'fr', name: 'French' },
+    { code: 'es', name: 'Spanish' },
+    { code: 'it', name: 'Italian' },
+    { code: 'pt', name: 'Portuguese' },
+    { code: 'pl', name: 'Polish' },
+    { code: 'ru', name: 'Russian' },
+    { code: 'ja', name: 'Japanese' },
+    { code: 'zh', name: 'Chinese' },
+    { code: 'ar', name: 'Arabic' },
+    { code: 'tr', name: 'Turkish' },
+    { code: 'cs', name: 'Czech' },
+    { code: 'da', name: 'Danish' },
+    { code: 'fi', name: 'Finnish' },
+    { code: 'el', name: 'Greek' },
+    { code: 'he', name: 'Hebrew' },
+    { code: 'hi', name: 'Hindi' },
+    { code: 'hu', name: 'Hungarian' },
+    { code: 'id', name: 'Indonesian' },
+    { code: 'ko', name: 'Korean' },
+    { code: 'no', name: 'Norwegian' },
+    { code: 'ro', name: 'Romanian' },
+    { code: 'th', name: 'Thai' },
+    { code: 'uk', name: 'Ukrainian' },
+    { code: 'vi', name: 'Vietnamese' },
+];
+export function EditorHeader({ isPreviewMode, onPreviewToggle, isSidebarOpen, onSidebarToggle, isSaving, onSave, onSaveError, isDirty = false, isWelcomeEmail = false, languages = ['en'], currentLanguage = 'en', onLanguageChange, onAddLanguage, }) {
     const { state } = useEditor();
     const [saveError, setSaveError] = useState(null);
+    const [isAddLangOpen, setIsAddLangOpen] = useState(false);
+    const addLangRef = useRef(null);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (addLangRef.current && !addLangRef.current.contains(event.target)) {
+                setIsAddLangOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    const availableToAdd = ALL_LANGUAGES.filter(l => !languages.includes(l.code));
     const handleSave = async () => {
         try {
             setSaveError(null);
@@ -21,15 +63,28 @@ export function EditorHeader({ isPreviewMode, onPreviewToggle, isSidebarOpen, on
             onSaveError(errorMessage);
         }
     };
-    return (_jsxs("header", { className: "flex items-center justify-between px-6 py-3 bg-dashboard-sidebar backdrop-blur-md border-b border-dashboard-border flex-none shrink-0", children: [_jsx("div", { className: "flex items-center gap-6", children: _jsx("button", { onClick: () => {
-                        if (isDirty) {
-                            const confirmed = window.confirm('You have unsaved changes. Are you sure you want to leave? Your changes will be lost.');
-                            if (!confirmed) {
-                                return;
+    const currentLangName = ALL_LANGUAGES.find(l => l.code === currentLanguage)?.name || currentLanguage.toUpperCase();
+    return (_jsxs("header", { className: "flex items-center justify-between px-6 py-3 bg-dashboard-sidebar backdrop-blur-md border-b border-dashboard-border flex-none shrink-0 z-50 relative", children: [_jsxs("div", { className: "flex items-center gap-6", children: [_jsx("button", { onClick: () => {
+                            if (isDirty) {
+                                const confirmed = window.confirm('You have unsaved changes. Are you sure you want to leave? Your changes will be lost.');
+                                if (!confirmed) {
+                                    return;
+                                }
                             }
-                        }
-                        window.location.href = '/dashboard/newsletter';
-                    }, className: "text-neutral-500 dark:text-neutral-400 hover:text-neutral-950 dark:hover:text-white transition-colors", children: _jsx(ArrowLeft, { size: 20, strokeWidth: 1.5 }) }) }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "flex items-center bg-dashboard-bg border border-dashboard-border rounded-full p-1 gap-1", children: [_jsxs("button", { onClick: () => {
+                            window.location.href = '/dashboard/newsletter';
+                        }, className: "text-neutral-500 dark:text-neutral-400 hover:text-neutral-950 dark:hover:text-white transition-colors", children: _jsx(ArrowLeft, { size: 20, strokeWidth: 1.5 }) }), languages.length > 0 && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("select", { value: currentLanguage, onChange: (e) => {
+                                    if (onLanguageChange) {
+                                        onLanguageChange(e.target.value);
+                                    }
+                                }, className: "px-3 py-1.5 text-xs bg-dashboard-bg border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text font-medium", children: languages.map((lang) => {
+                                    const langInfo = ALL_LANGUAGES.find(l => l.code === lang);
+                                    return (_jsx("option", { value: lang, children: langInfo?.name || lang.toUpperCase() }, lang));
+                                }) }), availableToAdd.length > 0 && (_jsxs("div", { className: "relative", ref: addLangRef, children: [_jsx("button", { onClick: () => setIsAddLangOpen(!isAddLangOpen), className: "p-1.5 text-neutral-500 hover:text-primary transition-colors", title: "Add language", children: _jsx(Plus, { size: 16 }) }), isAddLangOpen && (_jsxs("div", { className: "absolute top-full left-0 mt-1 w-48 bg-dashboard-card border border-dashboard-border rounded-lg shadow-lg z-[100] py-1 max-h-60 overflow-y-auto", children: [_jsx("div", { className: "px-3 py-2 text-[10px] uppercase tracking-wider text-neutral-500 font-bold border-b border-dashboard-border", children: "Add Language" }), availableToAdd.map((lang) => (_jsx("button", { onClick: () => {
+                                                    if (onAddLanguage) {
+                                                        onAddLanguage(lang.code);
+                                                    }
+                                                    setIsAddLangOpen(false);
+                                                }, className: "w-full text-left px-3 py-2 text-xs hover:bg-dashboard-bg transition-colors text-dashboard-text", children: lang.name }, lang.code)))] }))] }))] }))] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "flex items-center bg-dashboard-bg border border-dashboard-border rounded-full p-1 gap-1", children: [_jsxs("button", { onClick: () => {
                                     if (isPreviewMode) {
                                         onPreviewToggle();
                                     }

package/dist/views/CanvasEditor/components/EditorSidebar.d.ts

@@ -1,9 +1,13 @@
 import type { NewsletterMetadata } from '../../../types/newsletter';
 export interface EditorSidebarProps {
-    slug: string;
     metadata: NewsletterMetadata;
     status: string;
     onMetadataUpdate: (metadata: Partial<NewsletterMetadata>) => void;
+    defaultLanguage?: string;
+    isWelcomeEmail?: boolean;
+    languages?: string[];
+    currentLanguage?: string;
+    onLanguageChange?: (language: string) => void;
 }
-export declare function EditorSidebar({ slug, metadata, status, onMetadataUpdate, }: EditorSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorSidebar({ metadata, status, onMetadataUpdate, defaultLanguage, isWelcomeEmail, languages, currentLanguage, onLanguageChange, }: EditorSidebarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EditorSidebar.d.ts.map

package/dist/views/CanvasEditor/components/EditorSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorSidebar.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/components/EditorSidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;CACrE;AAED,wBAAgB,aAAa,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,gBAAgB,GACnB,EAAE,kBAAkB,2CAyIpB"}
+{"version":3,"file":"EditorSidebar.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/components/EditorSidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,eAAsB,EACtB,cAAsB,EACtB,SAAkB,EAClB,eAAsB,EACtB,gBAAgB,GACnB,EAAE,kBAAkB,2CAgHpB"}

package/dist/views/CanvasEditor/components/EditorSidebar.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Mail, Users } from 'lucide-react';
-export function EditorSidebar({ slug, metadata, status, onMetadataUpdate, }) {
-    return (_jsxs("div", { className: "p-8 w-80 min-w-0 max-w-full space-y-12 overflow-y-auto max-h-full", children: [_jsxs("section", { children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx(Mail, { size: 14, className: "text-neutral-500 dark:text-neutral-400" }), _jsx("label", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black", children: "Newsletter Settings" })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Email Subject" }), _jsx("input", { type: "text", value: metadata.subject || '', onChange: (e) => onMetadataUpdate({ subject: e.target.value }), placeholder: "Enter email subject", className: "w-full px-3 py-2 text-xs bg-dashboard-card border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text" }), _jsxs("p", { className: "text-[9px] text-neutral-400 dark:text-neutral-500 mt-1", children: [metadata.subject?.length || 0, " / 100 characters"] })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Preview Text" }), _jsx("textarea", { value: metadata.previewText || '', onChange: (e) => onMetadataUpdate({ previewText: e.target.value }), placeholder: "Preview text shown in email clients", rows: 3, className: "w-full px-3 py-2 text-xs bg-dashboard-card border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text resize-none" }), _jsxs("p", { className: "text-[9px] text-neutral-400 dark:text-neutral-500 mt-1", children: [metadata.previewText?.length || 0, " / 150 characters"] })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Language" }), _jsxs("select", { value: metadata.lang || 'en', onChange: (e) => onMetadataUpdate({ lang: e.target.value }), className: "w-full px-3 py-2 text-xs bg-dashboard-card border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text", children: [_jsx("option", { value: "en", children: "English" }), _jsx("option", { value: "nl", children: "Dutch" }), _jsx("option", { value: "sv", children: "Swedish" })] })] })] })] }), _jsxs("section", { className: "pt-8 border-t border-neutral-200 dark:border-neutral-800", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx(Users, { size: 14, className: "text-neutral-500 dark:text-neutral-400" }), _jsx("label", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black", children: "Recipients" })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Filter Type" }), _jsxs("select", { value: metadata.recipientFilter?.type || 'all', onChange: (e) => onMetadataUpdate({
+export function EditorSidebar({ metadata, status, onMetadataUpdate, defaultLanguage = 'en', isWelcomeEmail = false, languages = ['en'], currentLanguage = 'en', onLanguageChange, }) {
+    return (_jsxs("div", { className: "p-8 w-80 min-w-0 max-w-full space-y-12 overflow-y-auto max-h-full", children: [_jsxs("section", { children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx(Mail, { size: 14, className: "text-neutral-500 dark:text-neutral-400" }), _jsx("label", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black", children: "Newsletter Settings" })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Email Subject" }), _jsx("input", { type: "text", value: metadata.subject || '', onChange: (e) => onMetadataUpdate({ subject: e.target.value }), placeholder: "Enter email subject", className: "w-full px-3 py-2 text-xs bg-dashboard-card border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text" }), _jsxs("p", { className: "text-[9px] text-neutral-400 dark:text-neutral-500 mt-1", children: [metadata.subject?.length || 0, " / 100 characters"] })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Preview Text" }), _jsx("textarea", { value: metadata.previewText || '', onChange: (e) => onMetadataUpdate({ previewText: e.target.value }), placeholder: "Preview text shown in email clients", rows: 3, className: "w-full px-3 py-2 text-xs bg-dashboard-card border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text resize-none" }), _jsxs("p", { className: "text-[9px] text-neutral-400 dark:text-neutral-500 mt-1", children: [metadata.previewText?.length || 0, " / 150 characters"] })] })] })] }), _jsxs("section", { className: "pt-8 border-t border-neutral-200 dark:border-neutral-800", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx(Users, { size: 14, className: "text-neutral-500 dark:text-neutral-400" }), _jsx("label", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black", children: "Recipients" })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Filter Type" }), _jsxs("select", { value: metadata.recipientFilter?.type || 'all', onChange: (e) => onMetadataUpdate({
                                             recipientFilter: {
                                                 type: e.target.value,
                                                 value: metadata.recipientFilter?.value,
@@ -12,5 +12,5 @@ export function EditorSidebar({ slug, metadata, status, onMetadataUpdate, }) {
                                                 type: 'language',
                                                 value: e.target.value,
                                             }
-                                        }), className: "w-full px-3 py-2 text-xs bg-dashboard-card border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text", children: [_jsx("option", { value: "en", children: "English" }), _jsx("option", { value: "nl", children: "Dutch" }), _jsx("option", { value: "sv", children: "Swedish" })] })] }))] })] }), _jsx("section", { className: "pt-8 border-t border-neutral-200 dark:border-neutral-800", children: _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Slug" }), _jsx("input", { type: "text", value: slug, readOnly: true, className: "w-full px-3 py-2 text-xs bg-dashboard-bg border border-dashboard-border rounded-lg text-dashboard-text opacity-60 cursor-not-allowed" })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Status" }), _jsx("div", { className: "px-3 py-2 text-xs bg-dashboard-bg border border-dashboard-border rounded-lg", children: _jsx("span", { className: "uppercase font-bold", children: status }) })] })] }) })] }));
+                                        }), className: "w-full px-3 py-2 text-xs bg-dashboard-card border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text", children: [_jsx("option", { value: "en", children: "English" }), _jsx("option", { value: "nl", children: "Dutch" }), _jsx("option", { value: "sv", children: "Swedish" })] })] }))] })] }), _jsx("section", { className: "pt-8 border-t border-neutral-200 dark:border-neutral-800", children: _jsx("div", { className: "space-y-3", children: _jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Status" }), _jsx("div", { className: "px-3 py-2 text-xs bg-dashboard-bg border border-dashboard-border rounded-lg", children: _jsx("span", { className: "uppercase font-bold", children: status }) })] }) }) })] }));
 }

package/dist/views/CanvasEditor/hooks/useNewsletterLoader.d.ts

@@ -1,5 +1,5 @@
 import { Newsletter } from '../../../types/newsletter';
-export declare function useNewsletterLoader(newsletterSlug: string | undefined, currentNewsletterId: string | null, loadNewsletter: (newsletter: Newsletter) => void): {
+export declare function useNewsletterLoader(newsletterId: string | undefined, currentNewsletterId: string | null, loadNewsletter: (newsletter: Newsletter) => void, isWelcomeEmail?: boolean, language?: string): {
     isLoadingNewsletter: boolean;
 };
 //# sourceMappingURL=useNewsletterLoader.d.ts.map

package/dist/views/CanvasEditor/hooks/useNewsletterLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNewsletterLoader.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/hooks/useNewsletterLoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,wBAAgB,mBAAmB,CAC/B,cAAc,EAAE,MAAM,GAAG,SAAS,EAClC,mBAAmB,EAAE,MAAM,GAAG,IAAI,EAClC,cAAc,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI;;EA2BnD"}
+{"version":3,"file":"useNewsletterLoader.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/hooks/useNewsletterLoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,wBAAgB,mBAAmB,CAC/B,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,mBAAmB,EAAE,MAAM,GAAG,IAAI,EAClC,cAAc,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,EAChD,cAAc,CAAC,EAAE,OAAO,EACxB,QAAQ,CAAC,EAAE,MAAM;;EAgEpB"}

package/dist/views/CanvasEditor/hooks/useNewsletterLoader.js

@@ -1,16 +1,52 @@
-import { useEffect, useState } from 'react';
-export function useNewsletterLoader(newsletterSlug, currentNewsletterId, loadNewsletter) {
+import { useEffect, useState, useRef } from 'react';
+export function useNewsletterLoader(newsletterId, currentNewsletterId, loadNewsletter, isWelcomeEmail, language) {
     const [isLoadingNewsletter, setIsLoadingNewsletter] = useState(false);
+    const hasLoadedRef = useRef(false);
     useEffect(() => {
-        if (newsletterSlug && !currentNewsletterId) {
+        // Prevent double loading
+        if (hasLoadedRef.current) {
+            return;
+        }
+        // For welcome emails, wait until language is provided
+        if (isWelcomeEmail && !language) {
+            return;
+        }
+        // Skip if we have a regular newsletter id but no id yet, or if this is welcome email mode
+        if (isWelcomeEmail) {
+            // Load welcome email with language
+            // Load welcome email with language
+            const loadWelcomeEmail = async () => {
+                try {
+                    setIsLoadingNewsletter(true);
+                    const langParam = language ? `?language=${language}` : '';
+                    const response = await fetch(`/api/plugin-newsletter/welcome-email${langParam}`);
+                    if (!response.ok) {
+                        throw new Error('Failed to load welcome email');
+                    }
+                    const newsletter = await response.json();
+                    hasLoadedRef.current = true;
+                    loadNewsletter(newsletter);
+                }
+                catch (error) {
+                    console.error('Failed to load welcome email:', error);
+                }
+                finally {
+                    setIsLoadingNewsletter(false);
+                }
+            };
+            loadWelcomeEmail();
+            return;
+        }
+        if (newsletterId && !currentNewsletterId) {
             const loadNewsletterData = async () => {
                 try {
                     setIsLoadingNewsletter(true);
-                    const response = await fetch(`/api/plugin-newsletter/newsletters/${newsletterSlug}`);
+                    const response = await fetch(`/api/plugin-newsletter/newsletters/${newsletterId}`);
                     if (!response.ok) {
                         throw new Error('Failed to load newsletter');
                     }
                     const newsletter = await response.json();
+                    hasLoadedRef.current = true;
                     loadNewsletter(newsletter);
                 }
                 catch (error) {
@@ -23,6 +59,6 @@ export function useNewsletterLoader(newsletterSlug, currentNewsletterId, loadNew
             };
             loadNewsletterData();
         }
-    }, [newsletterSlug, currentNewsletterId, loadNewsletter]);
+    }, [newsletterId, currentNewsletterId, isWelcomeEmail, language]);
     return { isLoadingNewsletter };
 }

package/dist/views/NewsletterEditor.d.ts

@@ -3,7 +3,7 @@
  * Block-based editor for creating and editing newsletters
  */
 export interface NewsletterEditorViewProps {
-    newsletterSlug?: string;
+    newsletterId?: string;
     siteId: string;
     locale: string;
     darkMode?: boolean;
@@ -11,6 +11,8 @@ export interface NewsletterEditorViewProps {
         light: string;
         dark?: string;
     };
+    /** If true, this editor is for the welcome email */
+    isWelcomeEmail?: boolean;
 }
-export declare function NewsletterEditorView({ newsletterSlug, siteId, locale, darkMode, backgroundColors }: NewsletterEditorViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function NewsletterEditorView({ newsletterId, siteId, locale, darkMode, backgroundColors, isWelcomeEmail }: NewsletterEditorViewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NewsletterEditor.d.ts.map

package/dist/views/NewsletterEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewsletterEditor.d.ts","sourceRoot":"","sources":["../../src/views/NewsletterEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,MAAM,WAAW,yBAAyB;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED,wBAAgB,oBAAoB,CAAC,EACjC,cAAc,EACd,MAAM,EACN,MAAM,EACN,QAAQ,EACR,gBAAgB,EACnB,EAAE,yBAAyB,2CAU3B"}
+{"version":3,"file":"NewsletterEditor.d.ts","sourceRoot":"","sources":["../../src/views/NewsletterEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,MAAM,WAAW,yBAAyB;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACjC,YAAY,EACZ,MAAM,EACN,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACjB,EAAE,yBAAyB,2CAW3B"}

package/dist/views/NewsletterEditor.js

@@ -5,6 +5,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CanvasEditorView } from './CanvasEditor';
-export function NewsletterEditorView({ newsletterSlug, siteId, locale, darkMode, backgroundColors }) {
-    return (_jsx(CanvasEditorView, { newsletterSlug: newsletterSlug, siteId: siteId, locale: locale, darkMode: darkMode, backgroundColors: backgroundColors }));
+export function NewsletterEditorView({ newsletterId, siteId, locale, darkMode, backgroundColors, isWelcomeEmail }) {
+    return (_jsx(CanvasEditorView, { newsletterId: newsletterId, siteId: siteId, locale: locale, darkMode: darkMode, backgroundColors: backgroundColors, isWelcomeEmail: isWelcomeEmail }));
 }

package/dist/views/NewsletterManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewsletterManager.d.ts","sourceRoot":"","sources":["../../src/views/NewsletterManager.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,MAAM,WAAW,0BAA0B;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAiBD,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,0BAA0B,2CAgNnF"}
+{"version":3,"file":"NewsletterManager.d.ts","sourceRoot":"","sources":["../../src/views/NewsletterManager.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAWH,MAAM,WAAW,0BAA0B;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAiBD,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,0BAA0B,2CAgcnF"}

package/dist/views/NewsletterManager.js

@@ -3,9 +3,12 @@
  * List and manage newsletters
  */
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Plus, Mail, Calendar, Trash2, Edit2 } from 'lucide-react';
+import { Plus, Mail, Calendar, Trash2, Edit2, Settings2, Sparkles, CheckCircle2, Clock, Send, Users } from 'lucide-react';
+import { SmtpSettingsModal } from './components/SmtpSettingsModal';
+import { TestEmailModal } from './components/TestEmailModal';
+import { SendNewsletterModal } from './components/SendNewsletterModal';
 function getStatusBadgeColor(status) {
     switch (status) {
         case 'sent':
@@ -24,6 +27,15 @@ export function NewsletterManagerView({ siteId, locale }) {
     const [newsletters, setNewsletters] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [statusFilter, setStatusFilter] = useState('all');
+    const [showSmtpModal, setShowSmtpModal] = useState(false);
+    const [showTestEmailModal, setShowTestEmailModal] = useState(false);
+    const [showSendModal, setShowSendModal] = useState(false);
+    const [selectedNewsletter, setSelectedNewsletter] = useState(null);
+    const [smtpStatus, setSmtpStatus] = useState('loading');
+    // Welcome Email Status
+    const [welcomeEmailStatus, setWelcomeEmailStatus] = useState('not_configured');
+    const [welcomeEmailLastUpdated, setWelcomeEmailLastUpdated] = useState(null);
+    const [subscriberCount, setSubscriberCount] = useState(0);
     // Fetch newsletters
     useEffect(() => {
         const fetchNewsletters = async () => {
@@ -47,6 +59,65 @@ export function NewsletterManagerView({ siteId, locale }) {
         };
         fetchNewsletters();
     }, []);
+    // Fetch welcome email status
+    useEffect(() => {
+        const fetchWelcomeEmailStatus = async () => {
+            try {
+                const response = await fetch('/api/plugin-newsletter/welcome-email/status', {
+                    credentials: 'include',
+                });
+                if (response.ok) {
+                    const data = await response.json();
+                    setWelcomeEmailStatus(data.configured ? 'configured' : 'not_configured');
+                    setWelcomeEmailLastUpdated(data.lastUpdated || null);
+                }
+            }
+            catch (error) {
+                console.error('Failed to load welcome email status:', error);
+            }
+        };
+        fetchWelcomeEmailStatus();
+    }, []);
+    // Fetch SMTP status
+    useEffect(() => {
+        const fetchSmtpStatus = async () => {
+            try {
+                const response = await fetch('/api/plugin-newsletter/smtp', {
+                    credentials: 'include',
+                });
+                if (response.ok) {
+                    const data = await response.json();
+                    setSmtpStatus(data.host ? 'configured' : 'not_configured');
+                }
+                else {
+                    setSmtpStatus('not_configured');
+                }
+            }
+            catch (error) {
+                console.error('Failed to load SMTP status:', error);
+                setSmtpStatus('not_configured');
+            }
+        };
+        fetchSmtpStatus();
+    }, []);
+    // Fetch subscriber count
+    useEffect(() => {
+        const fetchSubscriberCount = async () => {
+            try {
+                const response = await fetch('/api/plugin-newsletter/subscribers', {
+                    credentials: 'include',
+                });
+                if (response.ok) {
+                    const data = await response.json();
+                    setSubscriberCount(Array.isArray(data) ? data.length : 0);
+                }
+            }
+            catch (error) {
+                console.error('Failed to load subscriber count:', error);
+            }
+        };
+        fetchSubscriberCount();
+    }, []);
     // Filter newsletters
     const filteredNewsletters = statusFilter === 'all'
         ? newsletters
@@ -56,16 +127,55 @@ export function NewsletterManagerView({ siteId, locale }) {
         window.location.href = '/dashboard/newsletter/new';
     };
     // Handle edit newsletter
-    const handleEdit = (slug) => {
-        window.location.href = `/dashboard/newsletter/editor/${slug}`;
+    const handleEdit = (id) => {
+        if (!id) {
+            alert('Cannot edit: newsletter id is missing');
+            return;
+        }
+        window.location.href = `/dashboard/newsletter/editor/${id}`;
+    };
+    // Handle send newsletter
+    const handleSend = async (newsletter) => {
+        if (smtpStatus === 'not_configured') {
+            alert('Please configure SMTP settings first');
+            setShowSmtpModal(true);
+            return;
+        }
+        if (newsletter.status === 'sent') {
+            alert('This newsletter has already been sent');
+            return;
+        }
+        try {
+            const response = await fetch(`/api/plugin-newsletter/newsletters/${newsletter.id}/send`, {
+                credentials: 'include',
+            });
+            const data = await response.json();
+            if (!response.ok) {
+                alert(data.error || 'Failed to load newsletter details');
+                return;
+            }
+            setSelectedNewsletter({
+                ...newsletter,
+                hasContent: data.hasContent,
+            });
+            setShowSendModal(true);
+        }
+        catch (error) {
+            console.error('Failed to load newsletter:', error);
+            alert('Failed to load newsletter details');
+        }
     };
     // Handle delete newsletter
-    const handleDelete = async (slug, title) => {
+    const handleDelete = async (id, title) => {
+        if (!id) {
+            alert('Cannot delete: newsletter id is missing');
+            return;
+        }
         if (!confirm(`Are you sure you want to delete "${title}"?`)) {
             return;
         }
         try {
-            const response = await fetch(`/api/plugin-newsletter/newsletters/${slug}`, {
+            const response = await fetch(`/api/plugin-newsletter/newsletters/${id}`, {
                 method: 'DELETE',
                 credentials: 'include',
             });
@@ -73,7 +183,7 @@ export function NewsletterManagerView({ siteId, locale }) {
                 throw new Error('Failed to delete newsletter');
             }
             // Remove from local state
-            setNewsletters(prev => prev.filter(n => n.slug !== slug));
+            setNewsletters(prev => prev.filter(n => n.id !== id));
         }
         catch (error) {
             console.error('Failed to delete newsletter:', error);
@@ -91,5 +201,24 @@ export function NewsletterManagerView({ siteId, locale }) {
             year: 'numeric',
         });
     };
-    return (_jsx("div", { className: "h-full w-full rounded-[2.5rem] bg-white dark:bg-neutral-900 p-8 overflow-y-auto", children: _jsxs("div", { className: "max-w-7xl mx-auto", children: [_jsxs("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-black text-dashboard-text uppercase tracking-tighter mb-2", children: "Newsletters" }), _jsx("p", { className: "text-sm text-dashboard-text-secondary", children: "Create and manage your email newsletters" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("select", { value: statusFilter, onChange: (e) => setStatusFilter(e.target.value), className: "bg-dashboard-bg border border-dashboard-border rounded-xl px-4 py-2.5 text-xs font-bold text-dashboard-text outline-none cursor-pointer uppercase tracking-widest", children: [_jsx("option", { value: "all", children: "All Status" }), _jsx("option", { value: "draft", children: "Draft" }), _jsx("option", { value: "scheduled", children: "Scheduled" }), _jsx("option", { value: "sent", children: "Sent" }), _jsx("option", { value: "archived", children: "Archived" })] }), _jsxs("button", { onClick: handleCreate, className: "inline-flex items-center gap-2 px-6 py-3 rounded-full text-[10px] font-black uppercase tracking-widest transition-colors shadow-lg shadow-primary/20 bg-primary text-white hover:bg-primary/90", children: [_jsx(Plus, { size: 14 }), "New Newsletter"] })] })] }), _jsx("div", { className: "bg-dashboard-bg rounded-3xl border border-dashboard-border overflow-hidden", children: isLoading ? (_jsx("div", { className: "flex items-center justify-center py-20", children: _jsx("div", { className: "w-8 h-8 border-4 border-primary/20 border-t-primary rounded-full animate-spin" }) })) : filteredNewsletters.length === 0 ? (_jsxs("div", { className: "py-24 text-center", children: [_jsx(Mail, { size: 64, className: "mx-auto text-dashboard-text-secondary mb-4" }), _jsx("p", { className: "text-dashboard-text-secondary font-serif italic text-lg mb-6", children: statusFilter === 'all' ? 'No newsletters yet.' : `No newsletters found with status "${statusFilter}".` }), _jsxs("button", { onClick: handleCreate, className: "inline-flex items-center gap-2 px-6 py-3 rounded-full text-[10px] font-black uppercase tracking-widest transition-colors shadow-lg shadow-primary/20 bg-primary text-white hover:bg-primary/90", children: [_jsx(Plus, { size: 14 }), "Create Your First Newsletter"] })] })) : (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-left border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-dashboard-bg text-dashboard-text text-[10px] uppercase tracking-[0.2em] font-black border-b border-dashboard-border", children: [_jsx("th", { className: "px-8 py-5", children: "Title" }), _jsx("th", { className: "px-8 py-5", children: "Subject" }), _jsx("th", { className: "px-8 py-5", children: "Status" }), _jsx("th", { className: "px-8 py-5 text-right", children: "Updated" }), _jsx("th", { className: "px-8 py-5 text-right", children: "Actions" })] }) }), _jsx("tbody", { className: "divide-y divide-dashboard-border", children: filteredNewsletters.map((newsletter) => (_jsxs("tr", { className: "hover:bg-dashboard-bg transition-colors group", children: [_jsx("td", { className: "px-8 py-5", children: _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary group-hover:bg-primary group-hover:text-white transition-colors", children: _jsx(Mail, { size: 18 }) }), _jsx("span", { className: "text-sm font-medium text-dashboard-text tracking-tight", children: newsletter.title })] }) }), _jsx("td", { className: "px-8 py-5", children: _jsx("span", { className: "text-sm text-dashboard-text-secondary", children: newsletter.subject || 'No subject' }) }), _jsx("td", { className: "px-8 py-5", children: _jsx("span", { className: `text-[10px] font-black px-3 py-1 rounded-full uppercase border ${getStatusBadgeColor(newsletter.status)}`, children: newsletter.status }) }), _jsx("td", { className: "px-8 py-5 text-right text-xs text-dashboard-text-secondary font-medium", children: _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Calendar, { size: 14 }), formatDate(newsletter.updatedAt)] }) }), _jsx("td", { className: "px-8 py-5 text-right", children: _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx("button", { onClick: () => handleEdit(newsletter.slug), className: "p-2.5 rounded-full text-dashboard-text-secondary hover:text-primary hover:bg-primary/10 transition-colors", title: "Edit newsletter", children: _jsx(Edit2, { size: 18 }) }), _jsx("button", { onClick: () => handleDelete(newsletter.slug, newsletter.title), className: "p-2.5 rounded-full text-dashboard-text-secondary hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors", title: "Delete newsletter", children: _jsx(Trash2, { size: 18 }) })] }) })] }, newsletter.id))) })] }) })) })] }) }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-full w-full rounded-[2.5rem] bg-white dark:bg-neutral-900 p-8 overflow-y-auto", children: _jsxs("div", { className: "max-w-7xl mx-auto", children: [_jsxs("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-black text-dashboard-text uppercase tracking-tighter mb-2", children: "Newsletters" }), _jsx("p", { className: "text-sm text-dashboard-text-secondary", children: "Create and manage your email newsletters" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("button", { onClick: () => window.location.href = '/dashboard/newsletter/subscribers', className: "inline-flex items-center gap-2 px-4 py-3 rounded-full text-[10px] font-black uppercase tracking-widest transition-colors bg-dashboard-bg border border-dashboard-border text-dashboard-text hover:bg-dashboard-border", children: [_jsx(Users, { size: 14 }), "Subscribers"] }), _jsxs("button", { onClick: () => {
+                                                if (smtpStatus === 'not_configured') {
+                                                    alert('Please configure SMTP settings first');
+                                                    setShowSmtpModal(true);
+                                                }
+                                                else {
+                                                    setShowTestEmailModal(true);
+                                                }
+                                            }, className: "inline-flex items-center gap-2 px-4 py-3 rounded-full text-[10px] font-black uppercase tracking-widest transition-colors bg-dashboard-bg border border-dashboard-border text-dashboard-text hover:bg-dashboard-border", children: [_jsx(Send, { size: 14 }), "Test Email"] }), _jsxs("button", { onClick: () => setShowSmtpModal(true), className: `inline-flex items-center gap-2 px-4 py-3 rounded-full text-[10px] font-black uppercase tracking-widest transition-colors ${smtpStatus === 'not_configured'
+                                                ? 'bg-amber-50 border-amber-300 text-amber-700 dark:bg-amber-900/20 dark:border-amber-700 dark:text-amber-400 hover:bg-amber-100 dark:hover:bg-amber-900/40'
+                                                : 'bg-dashboard-bg border border-dashboard-border text-dashboard-text hover:bg-dashboard-border'}`, children: [_jsx(Settings2, { size: 14 }), "SMTP", smtpStatus === 'not_configured' && (_jsx("span", { className: "w-2 h-2 rounded-full bg-amber-500" }))] }), _jsxs("select", { value: statusFilter, onChange: (e) => setStatusFilter(e.target.value), className: "bg-dashboard-bg border border-dashboard-border rounded-xl px-4 py-2.5 text-xs font-bold text-dashboard-text outline-none cursor-pointer uppercase tracking-widest", children: [_jsx("option", { value: "all", children: "All Status" }), _jsx("option", { value: "draft", children: "Draft" }), _jsx("option", { value: "scheduled", children: "Scheduled" }), _jsx("option", { value: "sent", children: "Sent" }), _jsx("option", { value: "archived", children: "Archived" })] }), _jsxs("button", { onClick: handleCreate, className: "inline-flex items-center gap-2 px-6 py-3 rounded-full text-[10px] font-black uppercase tracking-widest transition-colors shadow-lg shadow-primary/20 bg-primary text-white hover:bg-primary/90", children: [_jsx(Plus, { size: 14 }), "New Newsletter"] })] })] }), _jsx("div", { className: "mb-6 p-6 rounded-2xl bg-gradient-to-br from-primary/5 via-primary/10 to-transparent border border-dashboard-border", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-5", children: [_jsx("div", { className: "w-12 h-12 rounded-2xl bg-primary/10 flex items-center justify-center", children: _jsx(Sparkles, { className: "w-6 h-6 text-primary" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-black text-dashboard-text uppercase tracking-tight mb-1", children: "Welcome Email" }), _jsx("p", { className: "text-xs text-dashboard-text-secondary mb-2", children: "The email sent automatically when someone subscribes" }), _jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [welcomeEmailStatus === 'configured' ? (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-widest text-green-600 dark:text-green-400", children: [_jsx(CheckCircle2, { size: 12 }), "Configured"] })) : (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400", children: [_jsx(Clock, { size: 12 }), "Not configured"] })), _jsxs("button", { onClick: () => window.location.href = '/dashboard/newsletter/subscribers', className: "inline-flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-widest text-primary hover:underline", children: [_jsx(Users, { size: 12 }), subscriberCount, " subscriber", subscriberCount !== 1 ? 's' : ''] }), welcomeEmailLastUpdated && (_jsxs("span", { className: "text-[10px] text-dashboard-text-secondary", children: ["Last updated: ", new Date(welcomeEmailLastUpdated).toLocaleDateString()] }))] })] })] }), _jsxs("button", { onClick: () => window.location.href = '/dashboard/newsletter/welcome', className: "inline-flex items-center gap-2 px-4 py-2.5 rounded-full text-[10px] font-black uppercase tracking-widest transition-colors bg-primary text-white hover:bg-primary/90", children: [_jsx(Edit2, { size: 14 }), welcomeEmailStatus === 'configured' ? 'Edit' : 'Configure'] })] }) }), _jsx("div", { className: "bg-dashboard-bg rounded-3xl border border-dashboard-border overflow-hidden", children: isLoading ? (_jsx("div", { className: "flex items-center justify-center py-20", children: _jsx("div", { className: "w-8 h-8 border-4 border-primary/20 border-t-primary rounded-full animate-spin" }) })) : filteredNewsletters.length === 0 ? (_jsxs("div", { className: "py-24 text-center", children: [_jsx(Mail, { size: 64, className: "mx-auto text-dashboard-text-secondary mb-4" }), _jsx("p", { className: "text-dashboard-text-secondary font-serif italic text-lg mb-6", children: statusFilter === 'all' ? 'No newsletters yet.' : `No newsletters found with status "${statusFilter}".` }), _jsxs("button", { onClick: handleCreate, className: "inline-flex items-center gap-2 px-6 py-3 rounded-full text-[10px] font-black uppercase tracking-widest transition-colors shadow-lg shadow-primary/20 bg-primary text-white hover:bg-primary/90", children: [_jsx(Plus, { size: 14 }), "Create Your First Newsletter"] })] })) : (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-left border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-dashboard-bg text-dashboard-text text-[10px] uppercase tracking-[0.2em] font-black border-b border-dashboard-border", children: [_jsx("th", { className: "px-8 py-5", children: "Title" }), _jsx("th", { className: "px-8 py-5", children: "Subject" }), _jsx("th", { className: "px-8 py-5", children: "Status" }), _jsx("th", { className: "px-8 py-5 text-right", children: "Updated" }), _jsx("th", { className: "px-8 py-5 text-right", children: "Actions" })] }) }), _jsx("tbody", { className: "divide-y divide-dashboard-border", children: filteredNewsletters.map((newsletter) => (_jsxs("tr", { className: "hover:bg-dashboard-bg transition-colors group", children: [_jsx("td", { className: "px-8 py-5", children: _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary group-hover:bg-primary group-hover:text-white transition-colors", children: _jsx(Mail, { size: 18 }) }), _jsx("span", { className: "text-sm font-medium text-dashboard-text tracking-tight", children: newsletter.title })] }) }), _jsx("td", { className: "px-8 py-5", children: _jsx("span", { className: "text-sm text-dashboard-text-secondary", children: newsletter.subject || 'No subject' }) }), _jsx("td", { className: "px-8 py-5", children: _jsx("span", { className: `text-[10px] font-black px-3 py-1 rounded-full uppercase border ${getStatusBadgeColor(newsletter.status)}`, children: newsletter.status }) }), _jsx("td", { className: "px-8 py-5 text-right text-xs text-dashboard-text-secondary font-medium", children: _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Calendar, { size: 14 }), formatDate(newsletter.updatedAt)] }) }), _jsx("td", { className: "px-8 py-5 text-right", children: _jsxs("div", { className: "flex items-center justify-end gap-2", children: [newsletter.status !== 'sent' && (_jsx("button", { onClick: () => handleSend(newsletter), className: "p-2.5 rounded-full text-dashboard-text-secondary hover:text-primary hover:bg-primary/10 transition-colors", title: "Send newsletter", children: _jsx(Send, { size: 18 }) })), _jsx("button", { onClick: () => handleEdit(newsletter.id), className: "p-2.5 rounded-full text-dashboard-text-secondary hover:text-primary hover:bg-primary/10 transition-colors", title: "Edit newsletter", children: _jsx(Edit2, { size: 18 }) }), _jsx("button", { onClick: () => handleDelete(newsletter.id, newsletter.title), className: "p-2.5 rounded-full text-dashboard-text-secondary hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors", title: "Delete newsletter", children: _jsx(Trash2, { size: 18 }) })] }) })] }, newsletter.id))) })] }) })) })] }) }), _jsx(SmtpSettingsModal, { isOpen: showSmtpModal, onClose: () => setShowSmtpModal(false) }), _jsx(TestEmailModal, { isOpen: showTestEmailModal, onClose: () => setShowTestEmailModal(false) }), selectedNewsletter && (_jsx(SendNewsletterModal, { isOpen: showSendModal, onClose: () => {
+                    setShowSendModal(false);
+                    setSelectedNewsletter(null);
+                }, newsletter: {
+                    id: selectedNewsletter.id,
+                    title: selectedNewsletter.title,
+                    subject: selectedNewsletter.subject,
+                    status: selectedNewsletter.status,
+                    hasContent: selectedNewsletter.hasContent,
+                }, subscriberCount: subscriberCount }))] }));
 }

package/dist/views/components/SendNewsletterModal.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Send Newsletter Modal Component
+ */
+interface SendNewsletterModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    newsletter: {
+        id: string;
+        title: string;
+        subject: string;
+        status: string;
+        hasContent: boolean;
+    };
+    subscriberCount: number;
+}
+export declare function SendNewsletterModal({ isOpen, onClose, newsletter, subscriberCount }: SendNewsletterModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SendNewsletterModal.d.ts.map

package/dist/views/components/SendNewsletterModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendNewsletterModal.d.ts","sourceRoot":"","sources":["../../../src/views/components/SendNewsletterModal.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAOH,UAAU,wBAAwB;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE;QACR,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,OAAO,CAAC;KACvB,CAAC;IACF,eAAe,EAAE,MAAM,CAAC;CAC3B;AAWD,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,wBAAwB,kDAkS7G"}