@jhits/plugin-newsletter 0.0.8 → 0.0.9

package/dist/api/router.js

@@ -4,7 +4,7 @@
  */
 'use server';
 import { NextResponse } from 'next/server';
-import { GET_SUBSCRIBERS, POST_SUBSCRIBE, GET_SUBSCRIBER, DELETE_SUBSCRIBER, GET_SETTINGS, POST_SETTINGS, GET_NEWSLETTERS, GET_NEWSLETTER, POST_NEWSLETTER, PUT_NEWSLETTER, DELETE_NEWSLETTER, } from './handler';
+import { GET_SUBSCRIBERS, POST_SUBSCRIBE, GET_SUBSCRIBER, DELETE_SUBSCRIBER, GET_SETTINGS, POST_SETTINGS, GET_NEWSLETTERS, GET_NEWSLETTER, POST_NEWSLETTER, PUT_NEWSLETTER, DELETE_NEWSLETTER, GET_WELCOME_EMAIL_STATUS, GET_WELCOME_EMAIL, POST_WELCOME_EMAIL, GET_SMTP_SETTINGS, POST_SMTP_SETTINGS, POST_TEST_EMAIL, POST_LOGO_UPLOAD, POST_SEND_NEWSLETTER, GET_NEWSLETTER_FOR_SEND, } from './handler';
 /**
  * Handle newsletter API requests
  */
@@ -50,16 +50,24 @@ export async function handleNewsletterApi(req, path, config) {
                 return await POST_NEWSLETTER(req, config);
             }
             if (path[1]) {
-                // /api/plugin-newsletter/newsletters/[slug]
-                const newsletterSlug = decodeURIComponent(path[1]);
+                const newsletterIdOrSlug = decodeURIComponent(path[1]);
+                // Special route: /api/plugin-newsletter/newsletters/[id]/send
+                if (path[2] === 'send' && method === 'POST') {
+                    return await POST_SEND_NEWSLETTER(req, newsletterIdOrSlug, config);
+                }
+                // Special route: /api/plugin-newsletter/newsletters/[id]/send (GET for info)
+                if (path[2] === 'send' && method === 'GET') {
+                    return await GET_NEWSLETTER_FOR_SEND(req, newsletterIdOrSlug, config);
+                }
+                // /api/plugin-newsletter/newsletters/[id-or-slug]
                 if (method === 'GET') {
-                    return await GET_NEWSLETTER(req, newsletterSlug, config);
+                    return await GET_NEWSLETTER(req, newsletterIdOrSlug, config);
                 }
                 if (method === 'PUT') {
-                    return await PUT_NEWSLETTER(req, newsletterSlug, config);
+                    return await PUT_NEWSLETTER(req, newsletterIdOrSlug, config);
                 }
                 if (method === 'DELETE') {
-                    return await DELETE_NEWSLETTER(req, newsletterSlug, config);
+                    return await DELETE_NEWSLETTER(req, newsletterIdOrSlug, config);
                 }
             }
             else {
@@ -72,6 +80,37 @@ export async function handleNewsletterApi(req, path, config) {
                 }
             }
         }
+        // Route: /api/plugin-newsletter/welcome-email
+        if (route === 'welcome-email') {
+            // Status endpoint: /api/plugin-newsletter/welcome-email/status
+            if (path[1] === 'status' && method === 'GET') {
+                return await GET_WELCOME_EMAIL_STATUS(req, config);
+            }
+            // Welcome email content: /api/plugin-newsletter/welcome-email
+            if (method === 'GET') {
+                return await GET_WELCOME_EMAIL(req, config);
+            }
+            if (method === 'POST' || method === 'PUT') {
+                return await POST_WELCOME_EMAIL(req, config);
+            }
+        }
+        // Route: /api/plugin-newsletter/smtp
+        if (route === 'smtp') {
+            // Test email endpoint: /api/plugin-newsletter/smtp/test
+            if (path[1] === 'test' && method === 'POST') {
+                return await POST_TEST_EMAIL(req, config);
+            }
+            if (method === 'GET') {
+                return await GET_SMTP_SETTINGS(req, config);
+            }
+            if (method === 'POST' || method === 'PUT') {
+                return await POST_SMTP_SETTINGS(req, config);
+            }
+        }
+        // Route: /api/plugin-newsletter/upload
+        if (route === 'upload' && method === 'POST') {
+            return await POST_LOGO_UPLOAD(req, config);
+        }
         // Method not allowed
         return NextResponse.json({ error: `Method ${method} not allowed for route: ${route || '/'}` }, { status: 405 });
     }

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAOtD;;;GAGG;AACH,MAAM,WAAW,WAAW;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,yGAAyG;IACzG,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE;QACf,iDAAiD;QACjD,KAAK,EAAE,MAAM,CAAC;QACd,gDAAgD;QAChD,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,WAAW,2CAsO1D;AAGD,OAAO,EAAE,gBAAgB,IAAI,KAAK,EAAE,CAAC;AAGrC,YAAY,EACR,KAAK,EACL,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,cAAc,EACd,iBAAiB,EACjB,eAAe,GAClB,MAAM,eAAe,CAAC;AAGvB,YAAY,EACR,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,GAC1B,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAGrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGpF,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAOtD;;;GAGG;AACH,MAAM,WAAW,WAAW;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,yGAAyG;IACzG,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE;QACf,iDAAiD;QACjD,KAAK,EAAE,MAAM,CAAC;QACd,gDAAgD;QAChD,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,WAAW,2CA8Q1D;AAGD,OAAO,EAAE,gBAAgB,IAAI,KAAK,EAAE,CAAC;AAGrC,YAAY,EACR,KAAK,EACL,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,cAAc,EACd,iBAAiB,EACjB,eAAe,GAClB,MAAM,eAAe,CAAC;AAGvB,YAAY,EACR,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,GAC1B,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAGrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGpF,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -120,15 +120,20 @@ export default function NewsletterPlugin(props) {
         case 'newsletters':
             return _jsx(NewsletterManagerView, { siteId: siteId, locale: locale });
         case 'editor':
-            const newsletterSlug = subPath[1];
-            return (_jsx(EditorProvider, { customBlocks: customBlocks, darkMode: darkMode, backgroundColors: backgroundColors, onSave: async (state) => {
+            const newsletterId = subPath[1];
+            return (_jsx(EditorProvider, { customBlocks: customBlocks, darkMode: darkMode, backgroundColors: backgroundColors, onSave: async (state, extraData) => {
                     // Save to API - create new or update existing newsletter
-                    const originalSlug = newsletterSlug || state.slug;
+                    const originalId = newsletterId || state.slug;
                     const apiData = editorStateToAPI(state);
-                    // 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}`, {
+                    // Include language in metadata if provided
+                    if (extraData?.language) {
+                        apiData.metadata = apiData.metadata || {};
+                        apiData.metadata.lang = extraData.language;
+                    }
+                    // If we have an id, try to update first
+                    if (originalId) {
+                        console.log('[NewsletterPlugin] Attempting to update newsletter with id:', originalId);
+                        const updateResponse = await fetch(`/api/plugin-newsletter/newsletters/${originalId}`, {
                             method: 'PUT',
                             headers: { 'Content-Type': 'application/json' },
                             credentials: 'include',
@@ -136,9 +141,9 @@ export default function NewsletterPlugin(props) {
                         });
                         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}`);
+                            // If the id changed, update the URL
+                            if (result.id && result.id !== originalId) {
+                                window.history.replaceState(null, '', `/dashboard/newsletter/editor/${result.id}`);
                             }
                             return result;
                         }
@@ -158,7 +163,7 @@ export default function NewsletterPlugin(props) {
                             throw new Error(errorMessage);
                         }
                     }
-                    // Create new newsletter (either no slug or update returned 404)
+                    // Create new newsletter (either no id or update returned 404)
                     console.log('[NewsletterPlugin] Creating new newsletter');
                     const createResponse = await fetch('/api/plugin-newsletter/newsletters/new', {
                         method: 'POST',
@@ -177,16 +182,21 @@ export default function NewsletterPlugin(props) {
                         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}`);
+                    // Update the URL to the new newsletter's id
+                    if (result.id) {
+                        window.history.replaceState(null, '', `/dashboard/newsletter/editor/${result.id}`);
                     }
                     return result;
-                }, children: _jsx(NewsletterEditorView, { newsletterSlug: newsletterSlug, siteId: siteId, locale: locale, darkMode: darkMode, backgroundColors: backgroundColors }) }));
+                }, children: _jsx(NewsletterEditorView, { newsletterId: newsletterId, siteId: siteId, locale: locale, darkMode: darkMode, backgroundColors: backgroundColors }) }));
         case 'new':
-            return (_jsx(EditorProvider, { customBlocks: customBlocks, darkMode: darkMode, backgroundColors: backgroundColors, onSave: async (state) => {
+            return (_jsx(EditorProvider, { customBlocks: customBlocks, darkMode: darkMode, backgroundColors: backgroundColors, onSave: async (state, extraData) => {
                     // Save to API - create new newsletter
                     const apiData = editorStateToAPI(state);
+                    // Include language in metadata if provided
+                    if (extraData?.language) {
+                        apiData.metadata = apiData.metadata || {};
+                        apiData.metadata.lang = extraData.language;
+                    }
                     const response = await fetch('/api/plugin-newsletter/newsletters/new', {
                         method: 'POST',
                         headers: { 'Content-Type': 'application/json' },
@@ -206,6 +216,22 @@ export default function NewsletterPlugin(props) {
                 }, children: _jsx(NewsletterEditorView, { siteId: siteId, locale: locale, darkMode: darkMode, backgroundColors: backgroundColors }) }));
         case 'subscribers':
             return _jsx(SubscribersView, { siteId: siteId, locale: locale });
+        case 'welcome':
+            return (_jsx(EditorProvider, { customBlocks: customBlocks, darkMode: darkMode, backgroundColors: backgroundColors, isWelcomeEmail: true, onSave: async (state, extraData) => {
+                    const apiData = editorStateToAPI(state);
+                    const language = extraData?.language || locale || 'en';
+                    const response = await fetch(`/api/plugin-newsletter/welcome-email?language=${language}`, {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        credentials: 'include',
+                        body: JSON.stringify(apiData),
+                    });
+                    if (!response.ok) {
+                        const error = await response.json();
+                        throw new Error(error.message || 'Failed to save welcome email');
+                    }
+                    return await response.json();
+                }, children: _jsx(NewsletterEditorView, { siteId: siteId, locale: locale, darkMode: darkMode, backgroundColors: backgroundColors, isWelcomeEmail: true }) }));
         case 'settings':
             return _jsx(SettingsView, { siteId: siteId, locale: locale });
         default:

package/dist/lib/email/EmailRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailRenderer.d.ts","sourceRoot":"","sources":["../../../src/lib/email/EmailRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE,kBAAuB,GAAG,MAAM,CAwBzF;AA0OD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,GAAE,kBAAuB,GAAG,MAAM,CAE7F;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CACvC,MAAM,EAAE,KAAK,EAAE,EACf,QAAQ,EAAE;IACN,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,EACD,OAAO,EAAE,kBAAkB,GAAG;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,GACF,MAAM,CA8GR"}
+{"version":3,"file":"EmailRenderer.d.ts","sourceRoot":"","sources":["../../../src/lib/email/EmailRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE,kBAAuB,GAAG,MAAM,CAmBzF;AA0OD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,GAAE,kBAAuB,GAAG,MAAM,CAE7F;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CACvC,MAAM,EAAE,KAAK,EAAE,EACf,QAAQ,EAAE;IACN,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,EACD,OAAO,EAAE,kBAAkB,GAAG;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,GACF,MAAM,CA8GR"}

package/dist/lib/email/EmailRenderer.js

@@ -16,11 +16,8 @@ import { blockRegistry } from '../../registry/BlockRegistry';
  */
 export function renderBlockToEmail(block, context = {}) {
     const definition = blockRegistry.get(block.type);
-    if (!definition) {
-        return `<p style="color: #666; font-size: 14px; padding: 10px;">Unknown block type: ${block.type}</p>`;
-    }
-    // Check if block has email-specific renderer (preferred)
-    if (definition.components.Email) {
+    // If block is registered and has Email component, use it
+    if (definition?.components?.Email) {
         const childBlocks = block.children && Array.isArray(block.children) && block.children.length > 0
             ? (typeof block.children[0] === 'object' ? block.children : [])
             : [];
@@ -31,8 +28,7 @@ export function renderBlockToEmail(block, context = {}) {
             renderChild: (childBlock) => renderBlockToEmail(childBlock, context),
         });
     }
-    // Fallback to converting Preview component output to email HTML
-    // For now, we'll create basic email-safe HTML based on block type
+    // Fallback: render using built-in email-safe HTML (handles all standard block types)
     return renderBlockByType(block, context);
 }
 /**

package/dist/lib/i18n.d.ts

@@ -0,0 +1,16 @@
+/**
+ * i18n Utility
+ * Simple translation loader for the newsletter plugin
+ */
+export declare function getTranslations(locale: string): any;
+export declare function getTestEmailTranslations(language: string): {
+    title: string;
+    greeting: string;
+    description: string;
+    successTitle: string;
+    successMessage: string;
+    recipientLabel: string;
+    footerText: string;
+    ignoreText: string;
+};
+//# sourceMappingURL=i18n.d.ts.map

package/dist/lib/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/lib/i18n.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA4CH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,CASnD;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,GAAG;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACtB,CAcA"}

package/dist/lib/i18n.js

@@ -0,0 +1,60 @@
+/**
+ * i18n Utility
+ * Simple translation loader for the newsletter plugin
+ */
+import fs from 'fs';
+import path from 'path';
+function getLocalesDir() {
+    const possiblePaths = [
+        path.join(process.cwd(), 'node_modules', '@jhits', 'plugin-newsletter', 'data', 'locales'),
+        path.join(__dirname, '..', 'data', 'locales'),
+        path.join(__dirname, '..', '..', 'data', 'locales'),
+    ];
+    for (const localesPath of possiblePaths) {
+        if (fs.existsSync(localesPath)) {
+            return localesPath;
+        }
+    }
+    return possiblePaths[0];
+}
+const localesDir = getLocalesDir();
+const cache = {};
+function loadLocale(locale) {
+    if (cache[locale]) {
+        return cache[locale];
+    }
+    try {
+        const localePath = path.join(localesDir, locale, 'common.json');
+        if (fs.existsSync(localePath)) {
+            const content = fs.readFileSync(localePath, 'utf-8');
+            cache[locale] = JSON.parse(content);
+            return cache[locale];
+        }
+    }
+    catch (error) {
+        console.error(`[i18n] Failed to load locale ${locale}:`, error);
+    }
+    return null;
+}
+export function getTranslations(locale) {
+    const translations = loadLocale(locale);
+    if (translations) {
+        return translations;
+    }
+    const fallback = loadLocale('en');
+    return fallback || {};
+}
+export function getTestEmailTranslations(language) {
+    const translations = getTranslations(language);
+    const enTranslations = getTranslations('en');
+    return translations.testEmail || enTranslations.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/dist/state/EditorContext.d.ts

@@ -29,13 +29,15 @@ export interface EditorProviderProps {
         /** Background color for dark mode (optional) */
         dark?: string;
     };
+    /** If true, this editor is for the welcome email */
+    isWelcomeEmail?: boolean;
 }
 /**
  * Editor Provider
  * Provides editor state and actions to child components
  * Automatically registers client-provided blocks on mount
  */
-export declare function EditorProvider({ children, initialState, onSave, customBlocks, darkMode, backgroundColors }: EditorProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorProvider({ children, initialState, onSave, customBlocks, darkMode, backgroundColors, isWelcomeEmail }: EditorProviderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to access editor context
  * @throws Error if used outside EditorProvider

package/dist/state/EditorContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../src/state/EditorContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAmG,MAAM,OAAO,CAAC;AAExH,OAAO,EAAE,WAAW,EAAoC,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG5F,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAMvD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACpC,sCAAsC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C;;;OAGG;IACH,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE;QACf,iDAAiD;QACjD,KAAK,EAAE,MAAM,CAAC;QACd,gDAAgD;QAChD,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC3B,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,YAAiB,EACjB,QAAe,EACf,gBAAgB,EACnB,EAAE,mBAAmB,2CAkNrB;AAED;;;GAGG;AACH,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C"}
+{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../src/state/EditorContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAmG,MAAM,OAAO,CAAC;AAExH,OAAO,EAAE,WAAW,EAAoC,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG5F,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAMvD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACpC,sCAAsC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C;;;OAGG;IACH,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE;QACf,iDAAiD;QACjD,KAAK,EAAE,MAAM,CAAC;QACd,gDAAgD;QAChD,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC3B,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,YAAiB,EACjB,QAAe,EACf,gBAAgB,EAChB,cAAc,EACjB,EAAE,mBAAmB,2CA8MrB;AAED;;;GAGG;AACH,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C"}

package/dist/state/EditorContext.js

@@ -16,7 +16,7 @@ const EditorContext = createContext(null);
  * Provides editor state and actions to child components
  * Automatically registers client-provided blocks on mount
  */
-export function EditorProvider({ children, initialState, onSave, customBlocks = [], darkMode = true, backgroundColors }) {
+export function EditorProvider({ children, initialState, onSave, customBlocks = [], darkMode = true, backgroundColors, isWelcomeEmail }) {
     // Register client blocks on mount
     useEffect(() => {
         if (customBlocks && customBlocks.length > 0) {
@@ -116,12 +116,8 @@ export function EditorProvider({ children, initialState, onSave, customBlocks =
     const resetEditor = useCallback(() => {
         dispatch({ type: 'RESET_EDITOR' });
     }, []);
-    // Helper: Save
-    // Uses stateRef to always get the latest state, avoiding stale closure issues
     const save = useCallback(async () => {
         if (onSave) {
-            // Use stateRef.current to get the absolute latest state
-            // This ensures we don't have stale closure issues with React state updates
             await onSave(stateRef.current);
             dispatch({ type: 'MARK_CLEAN' });
         }

package/dist/state/reducer.js

@@ -453,11 +453,11 @@ export function editorReducer(state, action) {
             const newsletter = action.payload;
             return {
                 ...state,
-                blocks: newsletter.blocks,
-                title: newsletter.title,
-                slug: newsletter.slug,
-                metadata: newsletter.metadata,
-                status: newsletter.publication.status,
+                blocks: newsletter.blocks || [],
+                title: newsletter.title || 'Untitled',
+                slug: newsletter.slug || '',
+                metadata: newsletter.metadata || { subject: '', previewText: '' },
+                status: newsletter.publication?.status || 'draft',
                 newsletterId: newsletter.id,
                 isDirty: false,
                 selectedBlockId: null,

package/dist/types/newsletter.d.ts

@@ -94,6 +94,7 @@ export interface NewsletterListItem {
     authorId?: string;
     updatedAt: string;
     recipientCount?: number;
+    hidden?: boolean;
 }
 /**
  * Newsletter Filter Options

package/dist/types/newsletter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"newsletter.d.ts","sourceRoot":"","sources":["../../src/types/newsletter.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"newsletter.d.ts","sourceRoot":"","sources":["../../src/types/newsletter.ts"],"names":[],"mappings":"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"}

package/dist/views/CanvasEditor/CanvasEditorView.d.ts

@@ -1,5 +1,5 @@
 export interface CanvasEditorViewProps {
-    newsletterSlug?: string;
+    newsletterId?: string;
     siteId: string;
     locale: string;
     /** Enable dark mode for content area and wrappers (default: true) */
@@ -9,6 +9,8 @@ export interface CanvasEditorViewProps {
         light: string;
         dark?: string;
     };
+    /** If true, this editor is for the welcome email */
+    isWelcomeEmail?: boolean;
 }
-export declare function CanvasEditorView({ newsletterSlug, darkMode, backgroundColors: propsBackgroundColors, siteId, locale }: CanvasEditorViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function CanvasEditorView({ newsletterId, darkMode, backgroundColors: propsBackgroundColors, siteId, locale, isWelcomeEmail }: CanvasEditorViewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CanvasEditorView.d.ts.map

package/dist/views/CanvasEditor/CanvasEditorView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasEditorView.d.ts","sourceRoot":"","sources":["../../../src/views/CanvasEditor/CanvasEditorView.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,qBAAqB;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CA4N5I"}
+{"version":3,"file":"CanvasEditorView.d.ts","sourceRoot":"","sources":["../../../src/views/CanvasEditor/CanvasEditorView.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,qBAAqB;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,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,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,qBAAqB,2CAwT1J"}

package/dist/views/CanvasEditor/CanvasEditorView.js

@@ -10,7 +10,7 @@ import { SlashCommandMenu } from './components/SlashCommandMenu';
 import { useSlashCommand } from './hooks/useSlashCommand';
 import { useNewsletterLoader, useRegisteredBlocks, useKeyboardShortcuts } from './hooks';
 import { blockRegistry } from '../../registry';
-export function CanvasEditorView({ newsletterSlug, darkMode, backgroundColors: propsBackgroundColors, siteId, locale }) {
+export function CanvasEditorView({ newsletterId, darkMode, backgroundColors: propsBackgroundColors, siteId, locale, isWelcomeEmail }) {
     const { state, helpers, dispatch, darkMode: contextDarkMode, backgroundColors: contextBackgroundColors, canUndo, canRedo } = useEditor();
     const effectiveDarkMode = darkMode !== undefined ? darkMode : contextDarkMode;
     const effectiveBackgroundColors = propsBackgroundColors || contextBackgroundColors;
@@ -18,21 +18,85 @@ export function CanvasEditorView({ newsletterSlug, darkMode, backgroundColors: p
     const [isPreviewMode, setIsPreviewMode] = useState(false);
     const [isSaving, setIsSaving] = useState(false);
     const [saveError, setSaveError] = useState(null);
+    // Primary language from SMTP settings (used for welcome email)
+    const [primaryLanguage, setPrimaryLanguage] = useState(locale || 'en');
+    const [isLoadingLanguage, setIsLoadingLanguage] = useState(true);
+    const [availableLanguages, setAvailableLanguages] = useState([locale || 'en']);
+    const [currentLanguage, setCurrentLanguage] = useState(locale || 'en');
     // Get registered blocks
     const registeredBlocks = useRegisteredBlocks();
-    // Newsletter loading
-    const { isLoadingNewsletter } = useNewsletterLoader(newsletterSlug, state.newsletterId, (newsletter) => {
+    // Newsletter loading - use current language for welcome email (wait until language settings are loaded)
+    const { isLoadingNewsletter } = useNewsletterLoader(newsletterId, state.newsletterId, (newsletter) => {
         helpers.loadNewsletter(newsletter);
+        // Set current language from loaded newsletter metadata
+        if (newsletter.metadata?.lang && !isWelcomeEmail) {
+            setCurrentLanguage(newsletter.metadata.lang);
+        }
         setTimeout(() => {
             dispatch({ type: 'MARK_CLEAN' });
         }, 0);
-    });
+    }, isWelcomeEmail, !isLoadingLanguage ? currentLanguage : undefined);
+    // Fetch primary language and available languages from SMTP/welcome-email settings
+    useEffect(() => {
+        const fetchLanguageSettings = async () => {
+            try {
+                const [smtpResponse, welcomeResponse] = await Promise.all([
+                    fetch('/api/plugin-newsletter/smtp'),
+                    fetch('/api/plugin-newsletter/welcome-email/status')
+                ]);
+                const smtpData = await smtpResponse.json();
+                const welcomeData = await welcomeResponse.json();
+                const primary = smtpData.primaryLanguage || 'en';
+                const available = welcomeData.availableLanguages || [primary];
+                if (!available.includes(primary)) {
+                    available.unshift(primary);
+                }
+                setPrimaryLanguage(primary);
+                setAvailableLanguages(available);
+                setCurrentLanguage(primary);
+            }
+            catch (error) {
+                console.error('Failed to fetch language settings:', error);
+            }
+            finally {
+                setIsLoadingLanguage(false);
+            }
+        };
+        fetchLanguageSettings();
+    }, []);
+    // Handle language change for welcome email
+    const handleLanguageChange = async (newLanguage) => {
+        // Save current content first if dirty
+        if (state.isDirty) {
+            const confirmed = window.confirm('You have unsaved changes. Do you want to save them first?');
+            if (confirmed) {
+                await handleSave();
+            }
+        }
+        setCurrentLanguage(newLanguage);
+        // Reload with new language
+        const response = await fetch(`/api/plugin-newsletter/welcome-email?language=${newLanguage}`);
+        if (response.ok) {
+            const newsletter = await response.json();
+            helpers.loadNewsletter(newsletter);
+            dispatch({ type: 'MARK_CLEAN' });
+        }
+    };
+    // Handle adding a new language
+    const handleAddLanguage = async (newLanguage) => {
+        if (availableLanguages.includes(newLanguage))
+            return;
+        // Add the new language to the list
+        setAvailableLanguages([...availableLanguages, newLanguage]);
+        // Switch to the new language (it will copy from primary language)
+        await handleLanguageChange(newLanguage);
+    };
     // Ensure at least one paragraph block exists when creating new newsletter
     useEffect(() => {
-        if (!newsletterSlug && state.blocks.length === 0 && !isLoadingNewsletter) {
+        if (!newsletterId && !isWelcomeEmail && state.blocks.length === 0 && !isLoadingNewsletter) {
             helpers.addBlock('paragraph', 0, undefined);
         }
-    }, [newsletterSlug, state.blocks.length, isLoadingNewsletter, helpers]);
+    }, [newsletterId, state.blocks.length, isLoadingNewsletter, helpers, isWelcomeEmail]);
     // Track if we just loaded a newsletter to prevent marking as dirty during cleanup
     const justLoadedRef = useRef(false);
     const previousIsLoadingRef = useRef(false);
@@ -48,7 +112,6 @@ export function CanvasEditorView({ newsletterSlug, darkMode, backgroundColors: p
             requestAnimationFrame(() => {
                 requestAnimationFrame(() => {
                     loadingCleanupTimerRef.current = setTimeout(() => {
-                        console.log('[CanvasEditorView] Newsletter loading complete - ensuring clean state');
                         dispatch({ type: 'MARK_CLEAN' });
                         justLoadedRef.current = false;
                         loadingCleanupTimerRef.current = null;
@@ -124,16 +187,16 @@ export function CanvasEditorView({ newsletterSlug, darkMode, backgroundColors: p
     if (isLoadingNewsletter) {
         return (_jsx("div", { className: "h-full w-full bg-dashboard-card text-dashboard-text flex items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "w-8 h-8 border-4 border-primary/20 border-t-primary rounded-full animate-spin mx-auto mb-4" }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Loading newsletter..." })] }) }));
     }
-    return (_jsx("div", { className: "h-full rounded-[2.5rem] w-full bg-dashboard-card text-dashboard-text flex flex-col font-sans transition-colors duration-300 overflow-hidden relative", children: _jsxs("main", { className: "flex flex-1 flex-col relative min-h-0", children: [_jsx(ErrorBanner, { error: saveError, onDismiss: () => setSaveError(null) }), _jsx(EditorHeader, { isPreviewMode: isPreviewMode, onPreviewToggle: () => setIsPreviewMode(!isPreviewMode), isSidebarOpen: isSidebarOpen, onSidebarToggle: () => setSidebarOpen(!isSidebarOpen), isSaving: isSaving, onSave: handleSave, onSaveError: (error) => {
+    return (_jsx("div", { className: "h-full rounded-[2.5rem] w-full bg-dashboard-card text-dashboard-text flex flex-col font-sans transition-colors duration-300 overflow-hidden relative", children: isLoadingLanguage ? (_jsx("div", { className: "h-full w-full flex items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin mx-auto mb-4" }), _jsx("p", { className: "text-sm text-dashboard-text-secondary", children: "Loading..." })] }) })) : (_jsxs("main", { className: "flex flex-1 flex-col relative min-h-0", children: [_jsx(ErrorBanner, { error: saveError, onDismiss: () => setSaveError(null) }), _jsx(EditorHeader, { isPreviewMode: isPreviewMode, onPreviewToggle: () => setIsPreviewMode(!isPreviewMode), isSidebarOpen: isSidebarOpen, onSidebarToggle: () => setSidebarOpen(!isSidebarOpen), isSaving: isSaving, onSave: handleSave, onSaveError: (error) => {
                         if (error) {
                             setSaveError(error);
                         }
                         else {
                             setSaveError(null);
                         }
-                    }, isDirty: state.isDirty }), _jsxs("div", { className: "flex flex-1 relative overflow-hidden min-h-0 flex-nowrap", children: [_jsx(EditorCanvas, { isPreviewMode: isPreviewMode, contentBlocks: state.blocks, title: state.title, siteId: siteId, locale: locale, darkMode: effectiveDarkMode, backgroundColors: effectiveBackgroundColors, metadata: state.metadata, onTitleChange: (title) => dispatch({ type: 'SET_TITLE', payload: title }), onMetadataChange: (metadata) => dispatch({ type: 'SET_METADATA', payload: metadata }), onBlockAdd: (type, index, containerId) => helpers.addBlock(type, index, containerId), onBlockUpdate: (id, data) => helpers.updateBlock(id, data), onBlockDelete: (id) => helpers.deleteBlock(id), onBlockMove: (id, newIndex, containerId) => helpers.moveBlock(id, newIndex, containerId), slashCommand: slashCommand }), !isPreviewMode && (_jsx("aside", { className: `transition-all duration-500 ease-[cubic-bezier(0.4,0,0.2,1)] border-l border-dashboard-border bg-dashboard-sidebar overflow-y-auto overflow-x-hidden h-full ${isSidebarOpen ? 'w-80' : 'w-0 opacity-0 pointer-events-none'}`, children: _jsx(EditorSidebar, { slug: state.slug, metadata: state.metadata, status: state.status, onMetadataUpdate: (metadata) => dispatch({ type: 'SET_METADATA', payload: metadata }) }) }))] }), slashCommand.isOpen && slashCommand.position && (_jsx(SlashCommandMenu, { blocks: slashCommand.filteredBlocks, query: slashCommand.query, selectedIndex: slashCommand.selectedIndex, onSelect: (replaceBlockId) => {
+                    }, isDirty: state.isDirty, isWelcomeEmail: isWelcomeEmail, languages: availableLanguages, currentLanguage: currentLanguage, onLanguageChange: handleLanguageChange, onAddLanguage: handleAddLanguage }), _jsxs("div", { className: "flex flex-1 relative overflow-hidden min-h-0 flex-nowrap", children: [_jsx(EditorCanvas, { isPreviewMode: isPreviewMode, contentBlocks: state.blocks, title: state.title, siteId: siteId, locale: locale, darkMode: effectiveDarkMode, backgroundColors: effectiveBackgroundColors, metadata: state.metadata, onTitleChange: (title) => dispatch({ type: 'SET_TITLE', payload: title }), onMetadataChange: (metadata) => dispatch({ type: 'SET_METADATA', payload: metadata }), onBlockAdd: (type, index, containerId) => helpers.addBlock(type, index, containerId), onBlockUpdate: (id, data) => helpers.updateBlock(id, data), onBlockDelete: (id) => helpers.deleteBlock(id), onBlockMove: (id, newIndex, containerId) => helpers.moveBlock(id, newIndex, containerId), slashCommand: slashCommand }), !isPreviewMode && (_jsx("aside", { className: `transition-all duration-500 ease-[cubic-bezier(0.4,0,0.2,1)] border-l border-dashboard-border bg-dashboard-sidebar overflow-y-auto overflow-x-hidden h-full ${isSidebarOpen ? 'w-80' : 'w-0 opacity-0 pointer-events-none'}`, children: _jsx(EditorSidebar, { metadata: state.metadata, status: state.status, onMetadataUpdate: (metadata) => dispatch({ type: 'SET_METADATA', payload: metadata }), defaultLanguage: primaryLanguage, isWelcomeEmail: isWelcomeEmail, languages: availableLanguages, currentLanguage: currentLanguage, onLanguageChange: handleLanguageChange }) }))] }), slashCommand.isOpen && slashCommand.position && (_jsx(SlashCommandMenu, { blocks: slashCommand.filteredBlocks, query: slashCommand.query, selectedIndex: slashCommand.selectedIndex, onSelect: (replaceBlockId) => {
                         // Use the replaceBlockId passed from the menu (which comes from state)
                         // This ensures we use the correct block ID that was set when the menu opened
                         slashCommand.selectCurrent(replaceBlockId);
-                    }, position: slashCommand.position, onClose: slashCommand.closeMenu, replaceBlockId: slashCommand.replaceBlockId }))] }) }));
+                    }, position: slashCommand.position, onClose: slashCommand.closeMenu, replaceBlockId: slashCommand.replaceBlockId }))] })) }));
 }

package/dist/views/CanvasEditor/EditorHeader.d.ts

@@ -7,6 +7,11 @@ export interface EditorHeaderProps {
     onSave: () => Promise<void>;
     onSaveError: (error: string | null) => void;
     isDirty?: boolean;
+    isWelcomeEmail?: boolean;
+    languages?: string[];
+    currentLanguage?: string;
+    onLanguageChange?: (language: string) => void;
+    onAddLanguage?: (language: string) => void;
 }
-export declare function EditorHeader({ isPreviewMode, onPreviewToggle, isSidebarOpen, onSidebarToggle, isSaving, onSave, onSaveError, isDirty, }: EditorHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorHeader({ isPreviewMode, onPreviewToggle, isSidebarOpen, onSidebarToggle, isSaving, onSave, onSaveError, isDirty, isWelcomeEmail, languages, currentLanguage, onLanguageChange, onAddLanguage, }: EditorHeaderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EditorHeader.d.ts.map

package/dist/views/CanvasEditor/EditorHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorHeader.d.ts","sourceRoot":"","sources":["../../../src/views/CanvasEditor/EditorHeader.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EACzB,aAAa,EACb,eAAe,EACf,aAAa,EACb,eAAe,EACf,QAAQ,EACR,MAAM,EACN,WAAW,EACX,OAAe,GAClB,EAAE,iBAAiB,2CAgHnB"}
+{"version":3,"file":"EditorHeader.d.ts","sourceRoot":"","sources":["../../../src/views/CanvasEditor/EditorHeader.tsx"],"names":[],"mappings":"AAqCA,MAAM,WAAW,iBAAiB;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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;IAC9C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,YAAY,CAAC,EACzB,aAAa,EACb,eAAe,EACf,aAAa,EACb,eAAe,EACf,QAAQ,EACR,MAAM,EACN,WAAW,EACX,OAAe,EACf,cAAsB,EACtB,SAAkB,EAClB,eAAsB,EACtB,gBAAgB,EAChB,aAAa,GAChB,EAAE,iBAAiB,2CA2LnB"}