@jhits/plugin-newsletter 0.0.11 → 0.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jhits/plugin-newsletter",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "Newsletter management and email delivery plugin for the JHITS ecosystem",
   "publishConfig": {
     "access": "public"
@@ -30,7 +30,7 @@
     "mongodb": "^7.1.0",
     "next-auth": "^4.24.13",
     "nodemailer": "^8.0.1",
-    "@jhits/plugin-core": "0.0.9"
+    "@jhits/plugin-core": "0.0.10"
   },
   "peerDependencies": {
     "next": ">=15.0.0",
@@ -51,9 +51,7 @@
   "files": [
     "src",
     "dist",
-    "package.json",
-    "templates",
-    "data"
+    "package.json"
   ],
   "scripts": {
     "build": "tsc"

package/src/api/handlers/newsletters.ts

@@ -48,6 +48,7 @@ export async function GET_NEWSLETTERS(
 
         const filter = {
             ...query,
+            type: { $ne: 'welcome_email' },
             $or: [
                 { hidden: { $exists: false } },
                 { hidden: { $eq: false } }

package/src/state/EditorContext.tsx

@@ -25,7 +25,7 @@ export interface EditorProviderProps {
     /** Initial state (optional) */
     initialState?: Partial<EditorState>;
     /** Callback when save is triggered */
-    onSave?: (state: EditorState) => Promise<void>;
+    onSave?: (state: EditorState, extraData?: { language?: string }) => Promise<void>;
     /** 
      * Custom blocks from client application
      * These blocks will be registered in the BlockRegistry on mount
@@ -178,9 +178,9 @@ export function EditorProvider({
         dispatch({ type: 'RESET_EDITOR' });
     }, []);
 
-    const save = useCallback(async () => {
+    const save = useCallback(async (extraData?: { language?: string }) => {
         if (onSave) {
-            await onSave(stateRef.current);
+            await onSave(stateRef.current, extraData);
             dispatch({ type: 'MARK_CLEAN' });
         }
     }, [onSave]);

package/src/views/CanvasEditor/CanvasEditorView.tsx

@@ -218,7 +218,7 @@ export function CanvasEditorView({ newsletterId, darkMode, backgroundColors: pro
         setIsSaving(true);
         setSaveError(null);
         try {
-            await helpers.save();
+            await helpers.save(isWelcomeEmail ? { language: currentLanguage } : undefined);
             setIsSaving(false);
         } catch (error: any) {
             console.error('[CanvasEditorView] Save error:', error);

package/data/locales/en/common.json

@@ -1,12 +0,0 @@
-{
-    "testEmail": {
-        "title": "SMTP Configuration Verified",
-        "greeting": "Hello,",
-        "description": "This is a test email to verify that your SMTP configuration is working correctly.",
-        "successTitle": "Success!",
-        "successMessage": "Your SMTP settings are configured correctly.",
-        "recipientLabel": "Email sent to:",
-        "footerText": "This is an automated test email from",
-        "ignoreText": "If you did not expect to receive this email, you can safely ignore it."
-    }
-}

package/data/locales/nl/common.json

@@ -1,12 +0,0 @@
-{
-    "testEmail": {
-        "title": "SMTP-configuratie geverifieerd",
-        "greeting": "Hallo,",
-        "description": "Dit is een test e-mail om te verifiëren dat je SMTP-configuratie correct werkt.",
-        "successTitle": "Gelukt!",
-        "successMessage": "Je SMTP-instellingen zijn correct geconfigureerd.",
-        "recipientLabel": "E-mail verzonden naar:",
-        "footerText": "Dit is een automatische test e-mail van",
-        "ignoreText": "Als je deze e-mail niet verwacht, kun je hem negeren."
-    }
-}

package/data/locales/sv/common.json

@@ -1,12 +0,0 @@
-{
-    "testEmail": {
-        "title": "SMTP-konfiguration verifierad",
-        "greeting": "Hej,",
-        "description": "Detta är ett testmeddelande för att verifiera att din SMTP-konfiguration fungerar korrekt.",
-        "successTitle": "Framgång!",
-        "successMessage": "Dina SMTP-inställningar är korrekt konfigurerade.",
-        "recipientLabel": "E-post skickat till:",
-        "footerText": "Detta är ett automatiskt testmeddelande från",
-        "ignoreText": "Om du inte förväntade dig detta e-postmeddelande kan du ignorera det."
-    }
-}

package/src/index.tsx.patch

@@ -1,98 +0,0 @@
---- a/packages/plugin-newsletter/src/index.tsx
-+++ b/packages/plugin-newsletter/src/index.tsx
-@@ -165,7 +165,50 @@ export default function NewsletterPlugin(props: PluginProps) {
-                     onSave={async (state) => {
--                        // Save to API - update existing newsletter
-+                        // Save to API - create new or update existing newsletter
-                         const originalSlug = newsletterSlug || state.slug;
--                        if (!originalSlug) {
--                            throw new Error('Cannot save: no newsletter identifier available. Please reload the page.');
--                        }
--                        console.log('[NewsletterPlugin] Saving newsletter with slug:', originalSlug);
-                         const apiData = editorStateToAPI(state);
--                        const response = await fetch(`/api/plugin-newsletter/newsletters/${originalSlug}`, {
--                            method: 'PUT',
--                            headers: { 'Content-Type': 'application/json' },
--                            credentials: 'include',
--                            body: JSON.stringify(apiData),
--                        });
--                        if (!response.ok) {
--                            const error = await response.json();
--                            console.error('[NewsletterPlugin] Save failed:', {
--                                status: response.status,
--                                statusText: response.statusText,
--                                error,
--                            });
--                            const errorMessage = error.message || error.error || 'Failed to save newsletter';
--                            throw new Error(errorMessage);
--                        }
--                        const result = await response.json();
--                        // If the slug changed, update the URL
--                        if (result.slug && result.slug !== originalSlug) {
--                            window.history.replaceState(null, '', `/dashboard/newsletter/editor/${result.slug}`);
--                        }
--                        return result;
-+                        
-+                        // If we have a slug, try to update first
-+                        if (originalSlug) {
-+                            console.log('[NewsletterPlugin] Attempting to update newsletter with slug:', originalSlug);
-+                            const updateResponse = await fetch(`/api/plugin-newsletter/newsletters/${originalSlug}`, {
-+                                method: 'PUT',
-+                                headers: { 'Content-Type': 'application/json' },
-+                                credentials: 'include',
-+                                body: JSON.stringify(apiData),
-+                            });
-+                            
-+                            if (updateResponse.ok) {
-+                                const result = await updateResponse.json();
-+                                // If the slug changed, update the URL
-+                                if (result.slug && result.slug !== originalSlug) {
-+                                    window.history.replaceState(null, '', `/dashboard/newsletter/editor/${result.slug}`);
-+                                }
-+                                return result;
-+                            }
-+                            
-+                            // If 404, newsletter doesn't exist, create a new one
-+                            if (updateResponse.status === 404) {
-+                                console.log('[NewsletterPlugin] Newsletter not found, creating new newsletter');
-+                            } else {
-+                                // Other error, throw it
-+                                const error = await updateResponse.json();
-+                                console.error('[NewsletterPlugin] Save failed:', {
-+                                    status: updateResponse.status,
-+                                    statusText: updateResponse.statusText,
-+                                    error,
-+                                });
-+                                const errorMessage = error.message || error.error || 'Failed to save newsletter';
-+                                throw new Error(errorMessage);
-+                            }
-+                        }
-+                        
-+                        // Create new newsletter (either no slug or update returned 404)
-+                        console.log('[NewsletterPlugin] Creating new newsletter');
-+                        const createResponse = await fetch('/api/plugin-newsletter/newsletters/new', {
-+                            method: 'POST',
-+                            headers: { 'Content-Type': 'application/json' },
-+                            credentials: 'include',
-+                            body: JSON.stringify(apiData),
-+                        });
-+                        
-+                        if (!createResponse.ok) {
-+                            const error = await createResponse.json();
-+                            console.error('[NewsletterPlugin] Create failed:', {
-+                                status: createResponse.status,
-+                                statusText: createResponse.statusText,
-+                                error,
-+                            });
-+                            const errorMessage = error.message || error.error || 'Failed to create newsletter';
-+                            throw new Error(errorMessage);
-+                        }
-+                        
-+                        const result = await createResponse.json();
-+                        // Update the URL to the new newsletter's slug
-+                        if (result.slug) {
-+                            window.history.replaceState(null, '', `/dashboard/newsletter/editor/${result.slug}`);
-+                        }
-+                        return result;
-                     }}
-                 >

package/templates/test-email.hbs

@@ -1,221 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <style>
-    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
-
-    body {
-      background-color: #fafaf9;
-      margin: 0;
-      padding: 0;
-      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    }
-
-    .container {
-      max-width: 520px;
-      margin: 40px auto;
-      background-color: #ffffff;
-      border-radius: 24px;
-      border: 1px solid #e5e5e5;
-      overflow: hidden;
-      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-    }
-
-    .header {
-      padding: 32px 40px 28px 40px;
-      text-align: center;
-      background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 100%);
-    }
-
-    .logo-container {
-      display: inline-flex;
-      align-items: center;
-    }
-
-    .logo-frame {
-      width: 66px;
-      height: 66px;
-      background: rgba(255, 255, 255, 0.15);
-      border: 1px solid rgba(255, 255, 255, 0.3);
-      border-radius: 14px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .logo-img {
-      width: 66px;
-      height: 66px;
-    }
-
-    .logo-text {
-      text-align: left;
-      margin-left: 12px;
-    }
-
-    .logo-jhits {
-      font-size: 36px;
-      font-weight: 700;
-      color: white;
-      line-height: 1;
-      letter-spacing: 0.02em;
-    }
-
-    .logo-sub {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      margin-top: 6px;
-    }
-
-    .logo-platform {
-      font-size: 10px;
-      font-weight: 700;
-      letter-spacing: 0.35em;
-      color: rgba(255, 255, 255, 0.6);
-      text-transform: uppercase;
-    }
-
-    .logo-v2 {
-      font-size: 10px;
-      font-weight: 700;
-      font-style: italic;
-      color: #c4b5fd;
-      text-transform: uppercase;
-    }
-
-    .content {
-      padding: 32px 40px 40px 40px;
-      color: #18181b;
-      line-height: 1.6;
-      font-size: 14px;
-    }
-
-    .footer {
-      padding: 24px 40px;
-      text-align: center;
-      font-size: 11px;
-      color: #71717a;
-      border-top: 1px solid #f4f4f5;
-      background-color: #fafaf9;
-    }
-
-    h1 {
-      font-weight: 800;
-      font-size: 24px;
-      margin-bottom: 20px;
-      color: #18181b;
-      text-align: center;
-      letter-spacing: -0.025em;
-    }
-
-    .highlight {
-      background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
-      border: 1px solid #22c55e;
-      border-radius: 12px;
-      padding: 20px;
-      margin: 24px 0;
-      text-align: center;
-    }
-
-    .highlight-icon {
-      font-size: 32px;
-      margin-bottom: 8px;
-    }
-
-    .highlight-text {
-      font-size: 14px;
-      color: #166534;
-      font-weight: 600;
-    }
-
-    .badge {
-      display: inline-block;
-      background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 100%);
-      color: white;
-      font-size: 10px;
-      font-weight: 800;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      padding: 6px 12px;
-      border-radius: 6px;
-      margin-bottom: 20px;
-    }
-
-    .recipient {
-      background-color: #f4f4f5;
-      padding: 8px 16px;
-      border-radius: 8px;
-      font-family: monospace;
-      font-size: 13px;
-      color: #5b21b6;
-    }
-
-    .divider {
-      height: 1px;
-      background: linear-gradient(to right, transparent, #e5e5e5, transparent);
-      margin: 24px 0;
-    }
-  </style>
-</head>
-
-<body>
-  <div class="container">
-    <div class="header">
-      <div class="logo-container">
-        <div class="logo-frame">
-          <img src="cid:logo" alt="JHITS" class="logo-img">
-        </div>
-        <div class="logo-text">
-          <div class="logo-jhits">JHITS</div>
-          <div class="logo-sub">
-            <span class="logo-platform">Platform</span>
-            <span class="logo-v2">V2</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="content">
-      <div style="text-align: center;">
-        <span class="badge">Test Email</span>
-      </div>
-
-      <h1>{{title}}</h1>
-
-      <p>{{greeting}}</p>
-
-      <p>{{description}}</p>
-
-      <div class="highlight">
-        <div class="highlight-icon">✓</div>
-        <div class="highlight-text">
-          {{successTitle}} {{successMessage}}
-        </div>
-      </div>
-
-      <p>{{recipientLabel}}</p>
-      <div style="text-align: center;">
-        <span class="recipient">{{recipientEmail}}</span>
-      </div>
-
-      <div class="divider"></div>
-
-      <p style="text-align: center; font-size: 12px; color: #71717a;">
-        {{footerText}}<br />
-        <strong>{{fromName}}</strong>
-      </p>
-
-      <p style="text-align: center; font-size: 11px; color: #a1a1aa; margin-top: 20px;">
-        {{ignoreText}}
-      </p>
-    </div>
-    <div class="footer">
-      © {{currentYear}} {{fromName}}. All rights reserved.<br />
-      <span style="color: #5b21b6; font-weight: 600;">Powered by JHITS</span>
-    </div>
-  </div>
-</body>
-
-</html>

package/templates/welcome-email-legacy.hbs

@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <style>
-      body { background-color: #faf9f6; margin: 0; padding: 0; font-family: 'Georgia', serif; }
-      .container { max-width: 600px; margin: 20px auto; background-color: #ffffff; border-radius: 40px; border: 1px solid #1a2e260d; overflow: hidden; }
-      .header { padding: 40px 0 20px 0; text-align: center; }
-      .logo { width: 180px; height: auto; }
-      .content { padding: 0 50px 40px 50px; color: #1a2e26; line-height: 1.8; font-size: 15px; }
-      .footer { padding: 40px 50px; text-align: center; font-family: sans-serif; font-size: 10px; color: #a1a1aa; letter-spacing: 1px; border-top: 1px solid #faf9f6; }
-      h1 { font-weight: normal; font-style: italic; font-size: 30px; margin-bottom: 30px; color: #1a2e26; text-align: center; }
-      .divider { height: 1px; width: 40px; background-color: #1a2e2620; margin: 30px auto; }
-    </style>
-  </head>
-  <body>
-    <div class="container">
-      <div class="header">
-        <img src="cid:botanics-logo" alt="{{fromName}}" class="logo">
-      </div>
-      <div class="content">
-        <h1>{{title}}</h1>
-        <div class="divider"></div>
-        <div>{{{message}}}</div>
-      </div>
-      <div class="footer">
-        <strong>{{fromName}}</strong> &copy; {{currentYear}}<br/>
-        {{tagline}}<br/><br/>
-        <a href="{{unsubscribeUrl}}" style="color: #a1a1aa; text-decoration: underline;">
-          {{unsubscribeText}}
-        </a>
-      </div>
-    </div>
-  </body>
-</html>