@bernierllc/email-admin-suite 0.1.0

package/dist/EmailAdminSuite.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { EmailManager } from '@bernierllc/email-manager';
+interface EmailAdminSuiteProps {
+    emailManager?: EmailManager;
+    basePath?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const EmailAdminSuite: React.FC<EmailAdminSuiteProps>;
+export {};
+//# sourceMappingURL=EmailAdminSuite.d.ts.map

package/dist/EmailAdminSuite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailAdminSuite.d.ts","sourceRoot":"","sources":["../src/EmailAdminSuite.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMzD,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAWD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkF1D,CAAC"}

package/dist/EmailAdminSuite.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+Copyright (c) 2025 Bernier LLC
+
+This file is licensed to the client under a limited-use license.
+The client may use and modify this code *only within the scope of the project it was delivered for*.
+Redistribution or use in other products or commercial offerings is not permitted without written consent from Bernier LLC.
+*/
+import { useState } from 'react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { BrowserRouter as Router, Routes, Route, NavLink } from 'react-router-dom';
+import { EmailManager } from '@bernierllc/email-manager';
+import { TemplatesPage } from './pages/TemplatesPage';
+import { SchedulePage } from './pages/SchedulePage';
+import { AnalyticsPage } from './pages/AnalyticsPage';
+import { ComposePage } from './pages/ComposePage';
+const queryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            retry: 2,
+            refetchOnWindowFocus: false,
+        },
+    },
+});
+export const EmailAdminSuite = ({ emailManager, basePath = '/admin/email', className = '', style, }) => {
+    const [manager] = useState(() => emailManager || new EmailManager({
+        providers: [],
+        scheduling: {
+            enabled: true,
+            checkIntervalMs: 60000,
+            maxRetries: 3,
+            retryDelayMs: 5000
+        },
+        analytics: {
+            enabled: true,
+            trackOpens: true,
+            trackClicks: true,
+            trackBounces: true,
+            maxEvents: 10000
+        }
+    }));
+    const navigation = [
+        { name: 'Compose', path: `${basePath}/compose`, icon: '✉️' },
+        { name: 'Templates', path: `${basePath}/templates`, icon: '📄' },
+        { name: 'Schedule', path: `${basePath}/schedule`, icon: '📅' },
+        { name: 'Analytics', path: `${basePath}/analytics`, icon: '📊' },
+    ];
+    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(Router, { children: _jsxs("div", { className: `email-admin-suite ${className}`, style: style, children: [_jsxs("nav", { className: "email-admin-suite__nav", children: [_jsx("div", { className: "nav__brand", children: _jsx("h1", { children: "Email Admin" }) }), _jsx("div", { className: "nav__links", children: navigation.map((item) => (_jsxs(NavLink, { to: item.path, className: ({ isActive }) => `nav__link ${isActive ? 'nav__link--active' : ''}`, children: [_jsx("span", { className: "nav__icon", children: item.icon }), item.name] }, item.path))) })] }), _jsx("main", { className: "email-admin-suite__content", children: _jsxs(Routes, { children: [_jsx(Route, { path: `${basePath}/compose`, element: _jsx(ComposePage, { emailManager: manager }) }), _jsx(Route, { path: `${basePath}/templates`, element: _jsx(TemplatesPage, { emailManager: manager }) }), _jsx(Route, { path: `${basePath}/schedule`, element: _jsx(SchedulePage, { emailManager: manager }) }), _jsx(Route, { path: `${basePath}/analytics`, element: _jsx(AnalyticsPage, { emailManager: manager }) }), _jsx(Route, { path: basePath, element: _jsx(ComposePage, { emailManager: manager }) })] }) })] }) }) }));
+};

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { EmailAdminSuite } from './EmailAdminSuite';
+export * from './pages';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,9 @@
+/*
+Copyright (c) 2025 Bernier LLC
+
+This file is licensed to the client under a limited-use license.
+The client may use and modify this code *only within the scope of the project it was delivered for*.
+Redistribution or use in other products or commercial offerings is not permitted without written consent from Bernier LLC.
+*/
+export { EmailAdminSuite } from './EmailAdminSuite';
+export * from './pages';

package/dist/pages/AnalyticsPage.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { EmailManager } from '@bernierllc/email-manager';
+interface AnalyticsPageProps {
+    emailManager: EmailManager;
+}
+export declare const AnalyticsPage: React.FC<AnalyticsPageProps>;
+export {};
+//# sourceMappingURL=AnalyticsPage.d.ts.map

package/dist/pages/AnalyticsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsPage.d.ts","sourceRoot":"","sources":["../../src/pages/AnalyticsPage.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0EtD,CAAC"}

package/dist/pages/AnalyticsPage.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+Copyright (c) 2025 Bernier LLC
+
+This file is licensed to the client under a limited-use license.
+The client may use and modify this code *only within the scope of the project it was delivered for*.
+Redistribution or use in other products or commercial offerings is not permitted without written consent from Bernier LLC.
+*/
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { AnalyticsDashboard } from '@bernierllc/email-ui';
+export const AnalyticsPage = ({ emailManager }) => {
+    const [dateRange, setDateRange] = useState({
+        start: new Date(Date.now() - 30 * 24 * 60 * 60 * 1000), // 30 days ago
+        end: new Date(),
+    });
+    const { data: analytics, isLoading, refetch } = useQuery({
+        queryKey: ['analytics', dateRange],
+        queryFn: async () => {
+            const days = Math.ceil((dateRange.end.getTime() - dateRange.start.getTime()) / (1000 * 60 * 60 * 24));
+            return await emailManager.getAnalyticsSummary(days);
+        },
+        staleTime: 1000 * 60 * 5, // 5 minutes
+    });
+    const handleRefresh = async () => {
+        await refetch();
+    };
+    const handleExport = async (format) => {
+        try {
+            // Export functionality would be implemented here
+            console.log(`Exporting analytics as ${format}`);
+        }
+        catch (error) {
+            console.error(`Failed to export ${format}:`, error);
+        }
+    };
+    const handleDateRangeChange = (start, end) => {
+        setDateRange({ start, end });
+    };
+    return (_jsxs("div", { className: "analytics-page", children: [_jsxs("div", { className: "page-header", children: [_jsx("h2", { children: "Email Analytics" }), _jsx("div", { className: "page-header__controls", children: _jsxs("div", { className: "date-range-picker", children: [_jsx("label", { children: "Date Range:" }), _jsx("input", { type: "date", value: dateRange.start.toISOString().split('T')[0], onChange: (e) => handleDateRangeChange(new Date(e.target.value), dateRange.end), className: "form-input" }), _jsx("span", { children: "to" }), _jsx("input", { type: "date", value: dateRange.end.toISOString().split('T')[0], onChange: (e) => handleDateRangeChange(dateRange.start, new Date(e.target.value)), className: "form-input" })] }) })] }), isLoading ? (_jsx("div", { className: "loading-state", children: "Loading analytics..." })) : analytics ? (_jsx(AnalyticsDashboard, { analytics: analytics, isLoading: isLoading, onRefresh: handleRefresh, onExport: handleExport, className: "analytics-page__dashboard" })) : (_jsxs("div", { className: "empty-state", children: [_jsx("h3", { children: "No analytics data available" }), _jsx("p", { children: "Analytics will appear here once you start sending emails." })] }))] }));
+};

package/dist/pages/ComposePage.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { EmailManager } from '@bernierllc/email-manager';
+interface ComposePageProps {
+    emailManager: EmailManager;
+}
+export declare const ComposePage: React.FC<ComposePageProps>;
+export {};
+//# sourceMappingURL=ComposePage.d.ts.map

package/dist/pages/ComposePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposePage.d.ts","sourceRoot":"","sources":["../../src/pages/ComposePage.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAIzD,UAAU,gBAAgB;IACxB,YAAY,EAAE,YAAY,CAAC;CAC5B;AAeD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoFlD,CAAC"}

package/dist/pages/ComposePage.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from '@tanstack/react-query';
+import { EmailComposer } from '@bernierllc/email-ui';
+const convertTemplateToUI = (template) => ({
+    id: template.id,
+    name: template.name,
+    subject: template.subject,
+    content: template.htmlTemplate,
+    variables: template.variables.map(v => v.name),
+    category: template.category,
+    tags: [], // email-manager doesn't have tags field
+    createdAt: template.createdAt,
+    updatedAt: template.updatedAt,
+    isActive: template.isActive,
+});
+export const ComposePage = ({ emailManager }) => {
+    const { data: templates, isLoading: templatesLoading } = useQuery({
+        queryKey: ['templates'],
+        queryFn: async () => {
+            const result = await emailManager.listTemplates();
+            return result.templates.map(convertTemplateToUI);
+        },
+        staleTime: 1000 * 60 * 5, // 5 minutes
+    });
+    const convertToEmailData = async (email) => {
+        // Convert File[] attachments to Attachment[] format
+        const attachments = email.attachments ? await Promise.all(email.attachments.map(async (file) => {
+            const buffer = Buffer.from(await file.arrayBuffer());
+            return {
+                filename: file.name,
+                content: buffer,
+                contentType: file.type,
+            };
+        })) : undefined;
+        return {
+            to: email.to,
+            cc: email.cc,
+            bcc: email.bcc,
+            subject: email.subject,
+            html: email.content,
+            templateId: email.templateId,
+            attachments,
+        };
+    };
+    const handleSend = async (email) => {
+        try {
+            const emailData = await convertToEmailData(email);
+            await emailManager.sendEmail(emailData);
+            // Show success notification
+        }
+        catch (error) {
+            console.error('Failed to send email:', error);
+            // Show error notification
+        }
+    };
+    const handleSchedule = async (email) => {
+        try {
+            if (email.scheduleTime) {
+                const emailData = await convertToEmailData(email);
+                await emailManager.scheduleEmail(emailData, email.scheduleTime);
+                // Show success notification
+            }
+        }
+        catch (error) {
+            console.error('Failed to schedule email:', error);
+            // Show error notification
+        }
+    };
+    const handleSaveDraft = async (email) => {
+        try {
+            // Save draft functionality would be implemented here
+            console.log('Saving draft:', email);
+        }
+        catch (error) {
+            console.error('Failed to save draft:', error);
+        }
+    };
+    return (_jsxs("div", { className: "compose-page", children: [_jsxs("div", { className: "page-header", children: [_jsx("h2", { children: "Compose Email" }), _jsx("p", { children: "Create and send emails using templates or compose from scratch" })] }), _jsx(EmailComposer, { templates: templates || [], onSend: handleSend, onSchedule: handleSchedule, onSaveDraft: handleSaveDraft, isLoading: templatesLoading, className: "compose-page__composer" })] }));
+};

package/dist/pages/SchedulePage.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { EmailManager } from '@bernierllc/email-manager';
+interface SchedulePageProps {
+    emailManager: EmailManager;
+}
+export declare const SchedulePage: React.FC<SchedulePageProps>;
+export {};
+//# sourceMappingURL=SchedulePage.d.ts.map

package/dist/pages/SchedulePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchedulePage.d.ts","sourceRoot":"","sources":["../../src/pages/SchedulePage.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,UAAU,iBAAiB;IACzB,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6MpD,CAAC"}

package/dist/pages/SchedulePage.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+Copyright (c) 2025 Bernier LLC
+
+This file is licensed to the client under a limited-use license.
+The client may use and modify this code *only within the scope of the project it was delivered for*.
+Redistribution or use in other products or commercial offerings is not permitted without written consent from Bernier LLC.
+*/
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { format } from 'date-fns';
+export const SchedulePage = ({ emailManager }) => {
+    const [statusFilter, setStatusFilter] = useState('all');
+    const queryClient = useQueryClient();
+    // Note: EmailManager doesn't currently expose getScheduledEmails() method
+    // This would need to be added to the EmailScheduler manager and exposed via EmailManager
+    const { data: scheduledEmails, isLoading } = useQuery({
+        queryKey: ['scheduled-emails', statusFilter],
+        queryFn: async () => {
+            // Stubbed for now - would need EmailManager.getScheduledEmails() implementation
+            return [];
+        },
+    });
+    const cancelEmailMutation = useMutation({
+        mutationFn: (emailId) => emailManager.cancelScheduledEmail(emailId),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['scheduled-emails'] });
+        },
+    });
+    const rescheduleEmailMutation = useMutation({
+        mutationFn: async ({ emailId, newTime }) => {
+            // Note: EmailManager doesn't have rescheduleEmail method
+            // Workaround: cancel and reschedule
+            await emailManager.cancelScheduledEmail(emailId);
+            // Would need to store original email data to reschedule
+            // This is a limitation of the current API
+            return { success: true };
+        },
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['scheduled-emails'] });
+        },
+    });
+    const handleCancelEmail = (emailId) => {
+        if (window.confirm('Are you sure you want to cancel this scheduled email?')) {
+            cancelEmailMutation.mutate(emailId);
+        }
+    };
+    const handleReschedule = (emailId) => {
+        const newTimeStr = prompt('Enter new date and time (YYYY-MM-DD HH:MM):');
+        if (newTimeStr) {
+            const newTime = new Date(newTimeStr);
+            if (!isNaN(newTime.getTime()) && newTime > new Date()) {
+                rescheduleEmailMutation.mutate({ emailId, newTime });
+            }
+            else {
+                alert('Please enter a valid future date and time.');
+            }
+        }
+    };
+    const getStatusColor = (status) => {
+        switch (status) {
+            case 'pending': return 'text-yellow-600';
+            case 'sent': return 'text-green-600';
+            case 'failed': return 'text-red-600';
+            case 'cancelled': return 'text-gray-600';
+            default: return 'text-gray-600';
+        }
+    };
+    const getStatusIcon = (status) => {
+        switch (status) {
+            case 'pending': return '⏳';
+            case 'sent': return '✅';
+            case 'failed': return '❌';
+            case 'cancelled': return '🚫';
+            default: return '❓';
+        }
+    };
+    return (_jsxs("div", { className: "schedule-page", children: [_jsxs("div", { className: "page-header", children: [_jsx("h2", { children: "Scheduled Emails" }), _jsx("div", { className: "page-header__controls", children: _jsxs("div", { className: "filter-controls", children: [_jsx("label", { htmlFor: "status-filter", children: "Filter by status:" }), _jsxs("select", { id: "status-filter", value: statusFilter, onChange: (e) => setStatusFilter(e.target.value), className: "form-select", children: [_jsx("option", { value: "all", children: "All" }), _jsx("option", { value: "pending", children: "Pending" }), _jsx("option", { value: "sent", children: "Sent" }), _jsx("option", { value: "failed", children: "Failed" }), _jsx("option", { value: "cancelled", children: "Cancelled" })] })] }) })] }), isLoading ? (_jsx("div", { className: "loading-state", children: "Loading scheduled emails..." })) : scheduledEmails && scheduledEmails.length > 0 ? (_jsx("div", { className: "scheduled-emails-table", children: _jsxs("table", { className: "data-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Status" }), _jsx("th", { children: "Recipient" }), _jsx("th", { children: "Template" }), _jsx("th", { children: "Scheduled Time" }), _jsx("th", { children: "Created" }), _jsx("th", { children: "Actions" })] }) }), _jsx("tbody", { children: scheduledEmails.map((email) => (_jsxs("tr", { children: [_jsx("td", { children: _jsxs("span", { className: `status-badge ${getStatusColor(email.status)}`, children: [getStatusIcon(email.status), " ", email.status] }) }), _jsx("td", { children: email.recipientEmail }), _jsx("td", { children: email.templateId }), _jsx("td", { children: format(new Date(email.scheduledTime), 'MMM dd, yyyy HH:mm') }), _jsx("td", { children: format(new Date(email.scheduledTime), 'MMM dd, yyyy') }), _jsx("td", { children: _jsxs("div", { className: "action-buttons", children: [email.status === 'pending' && (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => handleReschedule(email.id), className: "btn btn--small btn--secondary", disabled: rescheduleEmailMutation.isPending, children: "Reschedule" }), _jsx("button", { onClick: () => handleCancelEmail(email.id), className: "btn btn--small btn--danger", disabled: cancelEmailMutation.isPending, children: "Cancel" })] })), email.status === 'failed' && (_jsx("button", { onClick: () => {
+                                                        // Retry logic would be implemented here
+                                                        console.log('Retrying email:', email.id);
+                                                    }, className: "btn btn--small btn--primary", children: "Retry" }))] }) })] }, email.id))) })] }) })) : (_jsxs("div", { className: "empty-state", children: [_jsx("h3", { children: "No scheduled emails" }), _jsx("p", { children: statusFilter !== 'all'
+                            ? `No ${statusFilter} scheduled emails found.`
+                            : 'You haven\'t scheduled any emails yet.' })] })), _jsxs("div", { className: "schedule-summary", children: [_jsx("h3", { children: "Quick Statistics" }), _jsxs("div", { className: "stats-grid", children: [_jsxs("div", { className: "stat-card", children: [_jsx("div", { className: "stat-card__value", children: scheduledEmails?.filter((e) => e.status === 'pending').length || 0 }), _jsx("div", { className: "stat-card__label", children: "Pending" })] }), _jsxs("div", { className: "stat-card", children: [_jsx("div", { className: "stat-card__value", children: scheduledEmails?.filter((e) => e.status === 'sent').length || 0 }), _jsx("div", { className: "stat-card__label", children: "Sent" })] }), _jsxs("div", { className: "stat-card", children: [_jsx("div", { className: "stat-card__value", children: scheduledEmails?.filter((e) => e.status === 'failed').length || 0 }), _jsx("div", { className: "stat-card__label", children: "Failed" })] }), _jsxs("div", { className: "stat-card", children: [_jsx("div", { className: "stat-card__value", children: scheduledEmails?.filter((e) => e.status === 'cancelled').length || 0 }), _jsx("div", { className: "stat-card__label", children: "Cancelled" })] })] })] })] }));
+};

package/dist/pages/TemplatesPage.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { EmailManager } from '@bernierllc/email-manager';
+interface TemplatesPageProps {
+    emailManager: EmailManager;
+}
+export declare const TemplatesPage: React.FC<TemplatesPageProps>;
+export {};
+//# sourceMappingURL=TemplatesPage.d.ts.map

package/dist/pages/TemplatesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatesPage.d.ts","sourceRoot":"","sources":["../../src/pages/TemplatesPage.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAIzD,UAAU,kBAAkB;IAC1B,YAAY,EAAE,YAAY,CAAC;CAC5B;AAeD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkMtD,CAAC"}

package/dist/pages/TemplatesPage.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+Copyright (c) 2025 Bernier LLC
+
+This file is licensed to the client under a limited-use license.
+The client may use and modify this code *only within the scope of the project it was delivered for*.
+Redistribution or use in other products or commercial offerings is not permitted without written consent from Bernier LLC.
+*/
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { TemplateEditor } from '@bernierllc/email-ui';
+const convertTemplateToUI = (template) => ({
+    id: template.id,
+    name: template.name,
+    subject: template.subject,
+    content: template.htmlTemplate,
+    variables: template.variables.map(v => v.name),
+    category: template.category,
+    tags: [], // email-manager doesn't have tags field
+    createdAt: template.createdAt,
+    updatedAt: template.updatedAt,
+    isActive: template.isActive,
+});
+export const TemplatesPage = ({ emailManager }) => {
+    const [selectedTemplate, setSelectedTemplate] = useState(null);
+    const [isEditing, setIsEditing] = useState(false);
+    const [searchTerm, setSearchTerm] = useState('');
+    const queryClient = useQueryClient();
+    const { data: templates, isLoading } = useQuery({
+        queryKey: ['templates'],
+        queryFn: async () => {
+            const result = await emailManager.listTemplates();
+            return result.templates.map(convertTemplateToUI);
+        },
+    });
+    const createTemplateMutation = useMutation({
+        mutationFn: (templateData) => emailManager.createTemplate(templateData),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['templates'] });
+            setIsEditing(false);
+            setSelectedTemplate(null);
+        },
+    });
+    const updateTemplateMutation = useMutation({
+        mutationFn: ({ id, data }) => emailManager.updateTemplate(id, data),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['templates'] });
+            setIsEditing(false);
+            setSelectedTemplate(null);
+        },
+    });
+    const deleteTemplateMutation = useMutation({
+        mutationFn: (id) => emailManager.deleteTemplate(id),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['templates'] });
+            setSelectedTemplate(null);
+        },
+    });
+    const filteredTemplates = templates?.filter((template) => template.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
+        template.subject.toLowerCase().includes(searchTerm.toLowerCase()) ||
+        template.category?.toLowerCase().includes(searchTerm.toLowerCase())) || [];
+    const handleSaveTemplate = async (templateData) => {
+        if (selectedTemplate?.id) {
+            await updateTemplateMutation.mutateAsync({
+                id: selectedTemplate.id,
+                data: templateData,
+            });
+        }
+        else {
+            await createTemplateMutation.mutateAsync(templateData);
+        }
+    };
+    const handleDeleteTemplate = (id) => {
+        if (window.confirm('Are you sure you want to delete this template?')) {
+            deleteTemplateMutation.mutate(id);
+        }
+    };
+    const handleNewTemplate = () => {
+        setSelectedTemplate(null);
+        setIsEditing(true);
+    };
+    const handleEditTemplate = (template) => {
+        setSelectedTemplate(template);
+        setIsEditing(true);
+    };
+    if (isEditing) {
+        return (_jsxs("div", { className: "templates-page", children: [_jsx("div", { className: "page-header", children: _jsx("h2", { children: selectedTemplate ? 'Edit Template' : 'Create Template' }) }), _jsx(TemplateEditor, { template: selectedTemplate || undefined, onSave: handleSaveTemplate, onCancel: () => {
+                        setIsEditing(false);
+                        setSelectedTemplate(null);
+                    }, isLoading: createTemplateMutation.isPending || updateTemplateMutation.isPending })] }));
+    }
+    return (_jsxs("div", { className: "templates-page", children: [_jsxs("div", { className: "page-header", children: [_jsx("h2", { children: "Email Templates" }), _jsxs("div", { className: "page-header__actions", children: [_jsx("div", { className: "search-bar", children: _jsx("input", { type: "text", placeholder: "Search templates...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "form-input" }) }), _jsx("button", { onClick: handleNewTemplate, className: "btn btn--primary", children: "New Template" })] })] }), isLoading ? (_jsx("div", { className: "loading-state", children: "Loading templates..." })) : (_jsx("div", { className: "templates-grid", children: filteredTemplates.map((template) => (_jsxs("div", { className: "template-card", children: [_jsxs("div", { className: "template-card__header", children: [_jsx("h3", { className: "template-card__title", children: template.name }), _jsxs("div", { className: "template-card__actions", children: [_jsx("button", { onClick: () => handleEditTemplate(template), className: "btn btn--small btn--secondary", children: "Edit" }), _jsx("button", { onClick: () => handleDeleteTemplate(template.id), className: "btn btn--small btn--danger", children: "Delete" })] })] }), _jsxs("div", { className: "template-card__content", children: [_jsx("p", { className: "template-card__subject", children: template.subject }), template.category && (_jsx("span", { className: "template-card__category", children: template.category })), _jsx("div", { className: "template-card__tags", children: template.tags?.map((tag) => (_jsx("span", { className: "tag", children: tag }, tag))) }), _jsxs("div", { className: "template-card__variables", children: [_jsx("strong", { children: "Variables:" }), template.variables.length > 0 ? (_jsx("span", { children: template.variables.join(', ') })) : (_jsx("span", { className: "text-muted", children: "None" }))] })] }), _jsxs("div", { className: "template-card__footer", children: [_jsx("span", { className: "template-card__status", children: template.isActive ? '✅ Active' : '❌ Inactive' }), _jsxs("span", { className: "template-card__date", children: ["Updated ", new Date(template.updatedAt).toLocaleDateString()] })] })] }, template.id))) })), filteredTemplates.length === 0 && !isLoading && (_jsxs("div", { className: "empty-state", children: [_jsx("h3", { children: "No templates found" }), _jsx("p", { children: searchTerm
+                            ? 'No templates match your search criteria.'
+                            : 'Create your first email template to get started.' }), _jsx("button", { onClick: handleNewTemplate, className: "btn btn--primary", children: "Create Template" })] }))] }));
+};

package/dist/pages/index.d.ts

@@ -0,0 +1,5 @@
+export { ComposePage } from './ComposePage';
+export { TemplatesPage } from './TemplatesPage';
+export { AnalyticsPage } from './AnalyticsPage';
+export { SchedulePage } from './SchedulePage';
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pages/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/pages/index.js

@@ -0,0 +1,11 @@
+/*
+Copyright (c) 2025 Bernier LLC
+
+This file is licensed to the client under a limited-use license.
+The client may use and modify this code *only within the scope of the project it was delivered for*.
+Redistribution or use in other products or commercial offerings is not permitted without written consent from Bernier LLC.
+*/
+export { ComposePage } from './ComposePage';
+export { TemplatesPage } from './TemplatesPage';
+export { AnalyticsPage } from './AnalyticsPage';
+export { SchedulePage } from './SchedulePage';

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@bernierllc/email-admin-suite",
+  "version": "0.1.0",
+  "description": "Complete email administration suite with UI components, templates, scheduling, and analytics management",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "lint": "eslint src/**/*.{ts,tsx}",
+    "lint:fix": "eslint src/**/*.{ts,tsx} --fix",
+    "clean": "rimraf dist",
+    "prebuild": "npm run clean",
+    "storybook": "storybook dev -p 6007",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [
+    "email",
+    "admin",
+    "suite",
+    "management",
+    "ui",
+    "templates",
+    "scheduling",
+    "analytics",
+    "bernierllc"
+  ],
+  "author": "Bernier LLC",
+  "license": "Bernier LLC",
+  "dependencies": {
+    "@bernierllc/email-manager": "^0.1.3",
+    "@bernierllc/email-ui": "^0.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.15.0",
+    "react-query": "^3.39.0",
+    "@tanstack/react-query": "^4.32.0",
+    "@headlessui/react": "^1.7.0",
+    "@heroicons/react": "^2.0.0",
+    "clsx": "^2.0.0",
+    "date-fns": "^2.30.0",
+    "zod": "^3.22.4"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@types/jest": "^29.5.5",
+    "@types/node": "^20.6.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/jest-dom": "^6.1.0",
+    "@testing-library/user-event": "^14.4.0",
+    "@storybook/react": "^7.4.0",
+    "@storybook/addon-essentials": "^7.4.0",
+    "jest": "^29.6.4",
+    "jest-environment-jsdom": "^29.6.4",
+    "ts-jest": "^29.1.1",
+    "typescript": "^5.2.2",
+    "eslint": "^8.50.0",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/parser": "^6.7.0",
+    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "rimraf": "^5.0.1"
+  },
+  "files": [
+    "dist/**/*",
+    "README.md",
+    "LICENSE"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bernier-llc/tools.git",
+    "directory": "packages/suite/email-admin-suite"
+  },
+  "publishConfig": {
+    "access": "restricted"
+  }
+}