hazo_notify 1.1.3 → 3.0.0

package/README.md

@@ -1,6 +1,8 @@
 # Hazo Notify
 
-A reusable component library for sending email notifications with template management. Implements Zeptomail API integration with support for text and HTML emails, Handlebars-based email templates, multiple attachments, and comprehensive security features.
+A reusable component library for sending email notifications with scope-aware template management. Implements Zeptomail API integration with support for text and HTML emails, Handlebars-based email templates with multi-tenant resolution, multiple attachments, and comprehensive security features.
+
+**Version**: 3.0.0
 
 ## Features
 
@@ -34,6 +36,18 @@ The package automatically installs required dependencies including `hazo_config`
 
 **Note:** This package is an ESM module (`"type": "module"`) and requires Node.js 18+ with ESM support.
 
+### Upgrading from v1.x to v2.0.0
+
+v2.0.0 introduces scope-aware template management, which requires a database migration:
+
+1. **Run database migration**: Execute `migrations/002_scope_migration.sql` against your database to rename `org_id` and `root_org_id` columns to `scope_id`.
+2. **Update environment variables**: Add `HAZO_NOTIFY_CORS_ORIGINS` to `.env.local` or configure `cors_allowed_origins` in `hazo_notify_config.ini`.
+3. **Add auth permissions**: Register `notify_templates_admin` and `notify_templates_super_admin` roles in your auth system.
+4. **Initialize template manager**: Call `init_template_manager(...)` in your `instrumentation.ts` or app bootstrap.
+5. **Update Tailwind config** (if using admin UI): Add `@source "../node_modules/hazo_notify/dist";` to your Tailwind CSS entry.
+
+The `send_email()` API is fully backward-compatible; no changes required for existing code.
+
 ### Optional: Enhanced Logging with hazo_logs
 
 For structured logging with file rotation, install the optional `hazo_logs` peer dependency:
@@ -64,10 +78,108 @@ For the template manager module, install the optional `hazo_connect` peer depend
 npm install hazo_connect
 ```
 
-Then run the migration in `migrations/001_create_template_tables.sql` against your database to create the required tables (`hazo_notify_template_cat` and `hazo_notify_templates`).
+Then create the required tables (`hazo_notify_template_cat` and `hazo_notify_templates`) by running the appropriate SQL below for your database. The same SQL is also packaged at `node_modules/hazo_notify/migrations/001_create_template_tables.sql`.
 
 If `hazo_connect` is not installed, the emailer module still works independently.
 
+#### Database Tables
+
+The template manager requires two tables:
+
+| Table | Purpose |
+|-------|---------|
+| `hazo_notify_template_cat` | Template categories (groups templates per scope) |
+| `hazo_notify_templates` | Email templates with HTML, text, and variable definitions |
+
+Both tables use `scope_id` (nullable UUID) for multi-tenant isolation: NULL = global/system templates; non-NULL = tenant-scoped templates. `hazo_notify_templates.template_category_id` references `hazo_notify_template_cat.id`.
+
+#### PostgreSQL Schema (v2.0.0+)
+
+```sql
+CREATE TABLE IF NOT EXISTS hazo_notify_template_cat (
+  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
+  scope_id UUID,
+  template_category_name VARCHAR(100) NOT NULL,
+  created_at TIMESTAMPTZ DEFAULT NOW(),
+  changed_at TIMESTAMPTZ
+);
+
+CREATE INDEX IF NOT EXISTS idx_notify_template_cat_scope
+  ON hazo_notify_template_cat (scope_id);
+
+CREATE TABLE IF NOT EXISTS hazo_notify_templates (
+  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
+  scope_id UUID,
+  template_category_id UUID NOT NULL REFERENCES hazo_notify_template_cat(id),
+  template_variables JSONB DEFAULT '{}',
+  template_name VARCHAR(100) NOT NULL,
+  template_html TEXT NOT NULL DEFAULT '',
+  template_text TEXT NOT NULL DEFAULT '',
+  email_type VARCHAR(10) NOT NULL DEFAULT 'user',
+  created_at TIMESTAMPTZ DEFAULT NOW(),
+  changed_at TIMESTAMPTZ
+);
+
+CREATE INDEX IF NOT EXISTS idx_notify_templates_scope
+  ON hazo_notify_templates (scope_id);
+
+CREATE INDEX IF NOT EXISTS idx_notify_templates_category
+  ON hazo_notify_templates (template_category_id);
+
+CREATE INDEX IF NOT EXISTS idx_notify_templates_name
+  ON hazo_notify_templates (scope_id, template_name);
+```
+
+**Note**: `scope_id` is nullable. NULL represents global/system templates; non-NULL represents tenant-scoped templates.
+
+#### SQLite Schema (v2.0.0+)
+
+```sql
+CREATE TABLE IF NOT EXISTS hazo_notify_template_cat (
+  id TEXT PRIMARY KEY,
+  scope_id TEXT,
+  template_category_name TEXT NOT NULL,
+  created_at TEXT DEFAULT (datetime('now')),
+  changed_at TEXT
+);
+
+CREATE INDEX IF NOT EXISTS idx_notify_template_cat_scope
+  ON hazo_notify_template_cat (scope_id);
+
+CREATE TABLE IF NOT EXISTS hazo_notify_templates (
+  id TEXT PRIMARY KEY,
+  scope_id TEXT,
+  template_category_id TEXT NOT NULL REFERENCES hazo_notify_template_cat(id),
+  template_variables TEXT DEFAULT '{}',
+  template_name TEXT NOT NULL,
+  template_html TEXT NOT NULL DEFAULT '',
+  template_text TEXT NOT NULL DEFAULT '',
+  email_type TEXT NOT NULL DEFAULT 'user',
+  created_at TEXT DEFAULT (datetime('now')),
+  changed_at TEXT
+);
+
+CREATE INDEX IF NOT EXISTS idx_notify_templates_scope
+  ON hazo_notify_templates (scope_id);
+
+CREATE INDEX IF NOT EXISTS idx_notify_templates_category
+  ON hazo_notify_templates (template_category_id);
+
+CREATE INDEX IF NOT EXISTS idx_notify_templates_name
+  ON hazo_notify_templates (scope_id, template_name);
+```
+
+**Note**: `scope_id` is nullable. NULL represents global/system templates; non-NULL represents tenant-scoped templates.
+
+#### Type Mapping (PostgreSQL ↔ SQLite)
+
+| Concept | PostgreSQL | SQLite |
+|---------|------------|--------|
+| Primary / foreign keys | `UUID` (with `gen_random_uuid()` default) | `TEXT` (UUID string supplied by app) |
+| Scope key (`scope_id`) | `UUID` (nullable) | `TEXT` (nullable, UUID string or NULL) |
+| JSON column (`template_variables`) | `JSONB` | `TEXT` (serialized JSON) |
+| Timestamps | `TIMESTAMPTZ` with `NOW()` default | `TEXT` with `datetime('now')` default |
+
 ## Quick Start
 
 1. **Create `.env.local` file** with your Zeptomail API key:
@@ -201,16 +313,19 @@ const result = await send_email({
 ```typescript
 {
   success: true,
-  message_id: 'msg_abc123def456',
+  // message_id is the request_id Zeptomail assigns to the send. Use it for
+  // delivery lookup in Zeptomail logs.
+  message_id: '7a6803.5aa56c8edd39e440.m1.…',
   message: 'Email sent successfully',
   raw_response: {
-    status: 200,
-    status_text: 'OK',
+    status: 201,
+    status_text: '',
     headers: { /* response headers */ },
     body: {
-      data: {
-        message_id: 'msg_abc123def456'
-      }
+      data: [{ code: 'EM_104', additional_info: [], message: 'Email request received' }],
+      message: 'OK',
+      request_id: '7a6803.5aa56c8edd39e440.m1.…',
+      object: 'email'
     }
   }
 }
@@ -455,20 +570,18 @@ const result = await send_email({
 ```typescript
 {
   success: true,
-  message_id: 'msg_xyz789abc123',
+  // message_id is Zeptomail's request_id (the unique identifier for the send)
+  message_id: '7a6803.5aa56c8edd39e440.m1.…',
   message: 'Email sent successfully',
   raw_response: {
-    status: 200,
-    status_text: 'OK',
-    headers: {
-      'content-type': 'application/json',
-      'content-length': '156',
-      // ... other headers
-    },
+    status: 201,
+    status_text: '',
+    headers: { /* response headers */ },
     body: {
-      data: {
-        message_id: 'msg_xyz789abc123'
-      }
+      data: [{ code: 'EM_104', additional_info: [], message: 'Email request received' }],
+      message: 'OK',
+      request_id: '7a6803.5aa56c8edd39e440.m1.…',
+      object: 'email'
     }
   }
 }
@@ -700,9 +813,115 @@ console.log('Emailer module:', config.emailer_module);
 console.log('From email:', config.from_email);
 ```
 
+## Template Manager (v2.0.0+)
+
+The scope-aware template manager allows you to define, store, and render email templates with multi-tenant isolation. Templates are stored in the database and support hierarchical resolution: tenant-scoped templates take precedence over global system templates.
+
+### Initialization
+
+In your app's `instrumentation.ts` or bootstrap code, initialize the template manager once:
+
+```typescript
+import { init_template_manager, register_template_type } from 'hazo_notify/template_manager';
+import { createHazoConnect } from 'hazo_connect/server';
+
+export async function register() {
+  const hazo_connect = await createHazoConnect();
+
+  // Register template types (optional, but recommended)
+  register_template_type({
+    type_id: 'welcome_email',
+    display_name: 'Welcome Email',
+    variables: {
+      user_name: { type: 'string', description: 'User full name' },
+      login_url: { type: 'string', description: 'Link to login page' }
+    }
+  });
+
+  // Initialize template manager with optional scope resolver
+  await init_template_manager({
+    hazo_connect,
+    scope_resolver: async (scope_id) => {
+      // Optional: resolve tenant hierarchy (e.g., org > parent_org > system)
+      // Return { scope_id, parent_scope_id? }
+      return { scope_id };
+    },
+    system_templates: [
+      // Optional: define system templates to auto-seed
+      {
+        template_name: 'welcome_email',
+        type_id: 'welcome_email',
+        template_html: '<h1>Welcome, {{user_name}}!</h1><p><a href="{{login_url}}">Log in here</a></p>',
+        template_text: 'Welcome, {{user_name}}! Visit {{login_url}} to log in.'
+      }
+    ]
+  });
+}
+```
+
+### Sending Template Emails
+
+```typescript
+import { send_template_email } from 'hazo_notify/template_manager';
+
+const result = await send_template_email({
+  template_name: 'welcome_email',
+  variables: {
+    user_name: 'Alice',
+    login_url: 'https://app.example.com/login'
+  },
+  to: 'alice@example.com',
+  subject: 'Welcome to Our App'
+}, hazo_connect, scope_id);
+
+if (result.success) {
+  console.log('Email sent:', result.message_id);
+} else {
+  console.error('Failed:', result.error);
+}
+```
+
+### Admin UI
+
+Mount the admin UI in a protected Next.js page:
+
+```typescript
+// app/admin/templates/page.tsx
+import { TemplateManagerAdmin, TemplateGlobalsAdmin } from 'hazo_notify/template_manager_admin';
+import { requireAdmin } from '@/lib/auth'; // Your auth check
+
+export default async function TemplatesPage() {
+  await requireAdmin();
+
+  return (
+    <div className="space-y-8">
+      <section>
+        <h1>Tenant Templates</h1>
+        <TemplateManagerAdmin scope_id={current_tenant_id} />
+      </section>
+      <section>
+        <h1>System Templates (Global)</h1>
+        <TemplateGlobalsAdmin />
+      </section>
+    </div>
+  );
+}
+```
+
+**Permission requirements**:
+- `notify_templates_admin` — read/write templates
+- `notify_templates_super_admin` — delete system templates
+
+**Tailwind v4 requirement**: If using the admin UI, add this to your `globals.css`:
+
+```css
+@import "tailwindcss";
+@source "../node_modules/hazo_notify/dist";
+```
+
 ### Template Manager API
 
-#### `send_template_email(options, hazo_connect, org_id, config?): Promise<SendTemplateEmailResponse>`
+#### `send_template_email(options, hazo_connect, scope_id, config?): Promise<SendTemplateEmailResponse>`
 
 Render a named template and send it as an email.
 

package/dist/components/template_manager/category_dialog.d.ts

@@ -0,0 +1,11 @@
+import type { TemplateCategory } from '../../lib/template_manager/index.js';
+interface CategoryDialogProps {
+    open: boolean;
+    on_close: () => void;
+    on_save: (name: string) => void;
+    category?: TemplateCategory | null;
+    loading?: boolean;
+}
+export declare function CategoryDialog({ open, on_close, on_save, category, loading, }: CategoryDialogProps): import("react/jsx-runtime").JSX.Element;
+export default CategoryDialog;
+//# sourceMappingURL=category_dialog.d.ts.map

package/dist/components/template_manager/category_dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category_dialog.d.ts","sourceRoot":"","sources":["../../../src/components/template_manager/category_dialog.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAe,GAChB,EAAE,mBAAmB,2CAoFrB;AAED,eAAe,cAAc,CAAC"}

package/dist/components/template_manager/category_dialog.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Category Dialog Component
+ *
+ * Dialog for creating and editing template categories
+ */
+import { useState, useEffect } from 'react';
+import { Button, Input, Label, HazoUiDialogRoot, HazoUiDialogContent, HazoUiDialogDescription, HazoUiDialogFooter, HazoUiDialogHeader, HazoUiDialogTitle, } from 'hazo_ui';
+export function CategoryDialog({ open, on_close, on_save, category, loading = false, }) {
+    const [name, set_name] = useState('');
+    const [error, set_error] = useState(null);
+    const is_edit = !!category;
+    useEffect(() => {
+        if (open) {
+            set_name(category?.template_category_name || '');
+            set_error(null);
+        }
+    }, [open, category]);
+    const handle_submit = (e) => {
+        e.preventDefault();
+        const trimmed = name.trim();
+        if (!trimmed) {
+            set_error('Category name is required');
+            return;
+        }
+        if (trimmed.length > 100) {
+            set_error('Category name must be 100 characters or less');
+            return;
+        }
+        on_save(trimmed);
+    };
+    return (_jsx(HazoUiDialogRoot, { open: open, onOpenChange: (open) => !open && on_close(), children: _jsx(HazoUiDialogContent, { className: "cls_category_dialog sm:max-w-[425px]", children: _jsxs("form", { onSubmit: handle_submit, children: [_jsxs(HazoUiDialogHeader, { children: [_jsx(HazoUiDialogTitle, { children: is_edit ? 'Edit Category' : 'New Category' }), _jsx(HazoUiDialogDescription, { children: is_edit
+                                    ? 'Update the category name.'
+                                    : 'Create a new template category to organize your email templates.' })] }), _jsx("div", { className: "cls_dialog_body grid gap-4 py-4", children: _jsxs("div", { className: "cls_form_field grid gap-2", children: [_jsx(Label, { htmlFor: "category_name", children: "Category Name" }), _jsx(Input, { id: "category_name", value: name, onChange: (e) => {
+                                        set_name(e.target.value);
+                                        set_error(null);
+                                    }, placeholder: "e.g., Marketing, Transactional, Notifications", disabled: loading, autoFocus: true }), error && (_jsx("p", { className: "cls_error_message text-sm text-destructive", children: error }))] }) }), _jsxs(HazoUiDialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: on_close, disabled: loading, children: "Cancel" }), _jsx(Button, { type: "submit", disabled: loading, children: loading ? 'Saving...' : is_edit ? 'Save Changes' : 'Create' })] })] }) }) }));
+}
+export default CategoryDialog;
+//# sourceMappingURL=category_dialog.js.map

package/dist/components/template_manager/category_dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"category_dialog.js","sourceRoot":"","sources":["../../../src/components/template_manager/category_dialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/template_manager/category_tree.d.ts

@@ -0,0 +1,13 @@
+import type { TemplateCategory, EmailTemplate, CategoryTreeItem } from '../../lib/template_manager/index.js';
+interface CategoryTreeProps {
+    categories: CategoryTreeItem[];
+    selected_template_id?: string | null;
+    on_select_template: (template: EmailTemplate) => void;
+    on_create_category: () => void;
+    on_delete_category: (category: TemplateCategory) => void;
+    on_create_template: (category: TemplateCategory) => void;
+    loading?: boolean;
+}
+export declare function CategoryTree({ categories, selected_template_id, on_select_template, on_create_category, on_delete_category, on_create_template, loading, }: CategoryTreeProps): import("react/jsx-runtime").JSX.Element;
+export default CategoryTree;
+//# sourceMappingURL=category_tree.d.ts.map

package/dist/components/template_manager/category_tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category_tree.d.ts","sourceRoot":"","sources":["../../../src/components/template_manager/category_tree.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EACV,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EACjB,MAAM,qCAAqC,CAAC;AAE7C,UAAU,iBAAiB;IACzB,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,kBAAkB,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,OAAe,GAChB,EAAE,iBAAiB,2CAiFnB;AAwHD,eAAe,YAAY,CAAC"}

package/dist/components/template_manager/category_tree.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Category Tree Component
+ *
+ * Displays template categories in an expandable tree structure
+ */
+import { useState, useEffect } from 'react';
+import { ChevronRight, ChevronDown, Plus, Trash2, FileText, FolderOpen } from 'lucide-react';
+import { Button, Card, CardContent, CardHeader, CardTitle, ScrollArea, Collapsible, CollapsibleContent, CollapsibleTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from 'hazo_ui';
+import { cn } from '../../lib/utils.js';
+export function CategoryTree({ categories, selected_template_id, on_select_template, on_create_category, on_delete_category, on_create_template, loading = false, }) {
+    const [expanded_categories, set_expanded_categories] = useState(new Set());
+    const toggle_category = (category_id) => {
+        set_expanded_categories((prev) => {
+            const next = new Set(prev);
+            if (next.has(category_id)) {
+                next.delete(category_id);
+            }
+            else {
+                next.add(category_id);
+            }
+            return next;
+        });
+    };
+    // Expand categories that contain the selected template
+    useEffect(() => {
+        if (selected_template_id) {
+            for (const item of categories) {
+                const has_selected = item.templates.some((t) => t.id === selected_template_id);
+                if (has_selected) {
+                    set_expanded_categories((prev) => new Set(prev).add(item.category.id));
+                }
+            }
+        }
+    }, [selected_template_id, categories]);
+    return (_jsxs(Card, { className: "cls_category_tree h-full", children: [_jsx(CardHeader, { className: "cls_category_tree_header pb-2", children: _jsx("div", { className: "cls_category_tree_title_row flex items-center justify-between", children: _jsx(CardTitle, { className: "text-lg", children: "Templates" }) }) }), _jsx(CardContent, { className: "cls_category_tree_content p-2", children: _jsx(ScrollArea, { className: "h-[calc(100vh-200px)]", children: _jsxs("div", { className: "cls_category_list space-y-1", children: [_jsxs(Button, { variant: "ghost", size: "sm", className: "cls_add_category_btn w-full justify-start text-primary hover:text-primary hover:bg-primary/10", onClick: on_create_category, disabled: loading, children: [_jsx(Plus, { className: "h-4 w-4 mr-2" }), "New Category"] }), loading ? (_jsx("div", { className: "cls_loading_state p-4 text-center text-muted-foreground", children: "Loading..." })) : categories.length === 0 ? (_jsx("div", { className: "cls_empty_state p-4 text-center text-muted-foreground", children: "No categories yet" })) : (categories.map((item) => (_jsx(CategoryItem, { item: item, is_expanded: expanded_categories.has(item.category.id), selected_template_id: selected_template_id, on_toggle: () => toggle_category(item.category.id), on_select_template: on_select_template, on_delete_category: () => on_delete_category(item.category), on_create_template: () => on_create_template(item.category) }, item.category.id))))] }) }) })] }));
+}
+function CategoryItem({ item, is_expanded, selected_template_id, on_toggle, on_select_template, on_delete_category, on_create_template, }) {
+    const { category, templates } = item;
+    return (_jsx(Collapsible, { open: is_expanded, onOpenChange: on_toggle, children: _jsxs("div", { className: "cls_category_item group", children: [_jsxs("div", { className: "cls_category_header flex items-center", children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "cls_category_toggle flex-1 justify-start p-2 h-auto", children: [is_expanded ? (_jsx(ChevronDown, { className: "h-4 w-4 mr-1 shrink-0" })) : (_jsx(ChevronRight, { className: "h-4 w-4 mr-1 shrink-0" })), _jsx(FolderOpen, { className: "h-4 w-4 mr-2 text-muted-foreground shrink-0" }), _jsx("span", { className: "truncate", children: category.template_category_name }), _jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: templates.length })] }) }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "cls_delete_category_btn h-8 w-8 opacity-0 group-hover:opacity-100 transition-opacity text-destructive hover:text-destructive hover:bg-destructive/10", children: _jsx(Trash2, { className: "h-4 w-4" }) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete Category" }), _jsxs(AlertDialogDescription, { children: ["Are you sure you want to delete \"", category.template_category_name, "\"? This will also delete all ", templates.length, " templates in this category. This action cannot be undone."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: on_delete_category, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Delete" })] })] })] })] }), _jsx(CollapsibleContent, { children: _jsxs("div", { className: "cls_template_list ml-4 border-l border-border pl-2 space-y-1", children: [_jsxs(Button, { variant: "ghost", size: "sm", className: "cls_add_template_btn w-full justify-start text-sm text-primary hover:text-primary hover:bg-primary/10 h-8", onClick: on_create_template, children: [_jsx(Plus, { className: "h-3 w-3 mr-2" }), "New Template"] }), templates.map((template) => (_jsxs(Button, { variant: "ghost", size: "sm", className: cn('cls_template_item w-full justify-start text-sm h-8', selected_template_id === template.id &&
+                                    'bg-accent text-accent-foreground'), onClick: () => on_select_template(template), children: [_jsx(FileText, { className: "h-3 w-3 mr-2 shrink-0" }), _jsx("span", { className: "truncate", children: template.template_name }), template.scope_id === null && (_jsx("span", { className: "ml-auto text-xs text-muted-foreground bg-muted px-1 rounded", children: "global" }))] }, template.id)))] }) })] }) }));
+}
+export default CategoryTree;
+//# sourceMappingURL=category_tree.js.map

package/dist/components/template_manager/category_tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"category_tree.js","sourceRoot":"","sources":["../../../src/components/template_manager/category_tree.tsx"],"names":[],"mappings":"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"}

package/dist/components/template_manager/index.d.ts

@@ -0,0 +1,10 @@
+export { CategoryTree } from './category_tree.js';
+export { CategoryDialog } from './category_dialog.js';
+export { TemplateDialog } from './template_dialog.js';
+export { TemplateEditor } from './template_editor.js';
+export { PreviewDialog } from './preview_dialog.js';
+export { TemplateManagerAdmin } from './template_manager_admin.js';
+export type { TemplateManagerAdminProps } from './template_manager_admin.js';
+export { TemplateGlobalsAdmin } from './template_globals_admin.js';
+export type { TemplateGlobalsAdminProps } from './template_globals_admin.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/template_manager/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/template_manager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/components/template_manager/index.js

@@ -0,0 +1,8 @@
+export { CategoryTree } from './category_tree.js';
+export { CategoryDialog } from './category_dialog.js';
+export { TemplateDialog } from './template_dialog.js';
+export { TemplateEditor } from './template_editor.js';
+export { PreviewDialog } from './preview_dialog.js';
+export { TemplateManagerAdmin } from './template_manager_admin.js';
+export { TemplateGlobalsAdmin } from './template_globals_admin.js';
+//# sourceMappingURL=index.js.map

package/dist/components/template_manager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/template_manager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/components/template_manager/preview_dialog.d.ts

@@ -0,0 +1,11 @@
+interface PreviewDialogProps {
+    open: boolean;
+    on_close: () => void;
+    rendered_html?: string;
+    rendered_text?: string;
+    loading?: boolean;
+    error?: string;
+}
+export declare function PreviewDialog({ open, on_close, rendered_html, rendered_text, loading, error, }: PreviewDialogProps): import("react/jsx-runtime").JSX.Element;
+export default PreviewDialog;
+//# sourceMappingURL=preview_dialog.d.ts.map

package/dist/components/template_manager/preview_dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview_dialog.d.ts","sourceRoot":"","sources":["../../../src/components/template_manager/preview_dialog.tsx"],"names":[],"mappings":"AAmBA,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,OAAe,EACf,KAAK,GACN,EAAE,kBAAkB,2CAwEpB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/template_manager/preview_dialog.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Preview Dialog Component
+ *
+ * Dialog for previewing rendered email templates
+ */
+import { useState } from 'react';
+import { Button, ScrollArea, HazoUiDialogRoot, HazoUiDialogContent, HazoUiDialogDescription, HazoUiDialogHeader, HazoUiDialogTitle, } from 'hazo_ui';
+export function PreviewDialog({ open, on_close, rendered_html, rendered_text, loading = false, error, }) {
+    const [active_tab, set_active_tab] = useState('html');
+    return (_jsx(HazoUiDialogRoot, { open: open, onOpenChange: (open) => !open && on_close(), children: _jsxs(HazoUiDialogContent, { className: "cls_preview_dialog max-w-4xl max-h-[90vh]", children: [_jsxs(HazoUiDialogHeader, { children: [_jsx(HazoUiDialogTitle, { children: "Template Preview" }), _jsx(HazoUiDialogDescription, { children: "Preview how your email will look when rendered with variables." })] }), _jsxs("div", { className: "cls_preview_tabs flex gap-2 mb-4", children: [_jsx(Button, { variant: active_tab === 'html' ? 'default' : 'outline', size: "sm", onClick: () => set_active_tab('html'), children: "HTML Preview" }), _jsx(Button, { variant: active_tab === 'text' ? 'default' : 'outline', size: "sm", onClick: () => set_active_tab('text'), children: "Plain Text" })] }), _jsx(ScrollArea, { className: "h-[60vh]", children: loading ? (_jsx("div", { className: "cls_preview_loading flex items-center justify-center h-full", children: _jsx("p", { className: "text-muted-foreground", children: "Rendering preview..." }) })) : error ? (_jsxs("div", { className: "cls_preview_error p-4 bg-destructive/10 rounded-lg", children: [_jsx("p", { className: "text-destructive font-medium", children: "Error rendering preview" }), _jsx("p", { className: "text-sm text-destructive/80 mt-1", children: error })] })) : active_tab === 'html' ? (_jsx("div", { className: "cls_html_preview", children: rendered_html ? (_jsx("iframe", { srcDoc: rendered_html, title: "Email Preview", className: "w-full h-[55vh] border rounded-lg bg-white", sandbox: "allow-same-origin" })) : (_jsx("div", { className: "cls_empty_preview p-8 text-center text-muted-foreground border rounded-lg", children: "No HTML content to preview" })) })) : (_jsx("div", { className: "cls_text_preview", children: rendered_text ? (_jsx("pre", { className: "p-4 bg-muted rounded-lg text-sm whitespace-pre-wrap font-mono", children: rendered_text })) : (_jsx("div", { className: "cls_empty_preview p-8 text-center text-muted-foreground border rounded-lg", children: "No plain text content to preview" })) })) })] }) }));
+}
+export default PreviewDialog;
+//# sourceMappingURL=preview_dialog.js.map

package/dist/components/template_manager/preview_dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview_dialog.js","sourceRoot":"","sources":["../../../src/components/template_manager/preview_dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EACL,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAWjB,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,OAAO,GAAG,KAAK,EACf,KAAK,GACc;IACnB,MAAM,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkB,MAAM,CAAC,CAAC;IAEvE,OAAO,CACL,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,QAAQ,EAAE,YACvE,MAAC,mBAAmB,IAAC,SAAS,EAAC,2CAA2C,aACxE,MAAC,kBAAkB,eACjB,KAAC,iBAAiB,mCAAqC,EACvD,KAAC,uBAAuB,iFAEE,IACP,EAErB,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,MAAM,IACL,OAAO,EAAE,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,6BAG9B,EACT,KAAC,MAAM,IACL,OAAO,EAAE,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,2BAG9B,IACL,EAEN,KAAC,UAAU,IAAC,SAAS,EAAC,UAAU,YAC7B,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,6DAA6D,YAC1E,YAAG,SAAS,EAAC,uBAAuB,qCAAyB,GACzD,CACP,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,eAAK,SAAS,EAAC,oDAAoD,aACjE,YAAG,SAAS,EAAC,8BAA8B,wCAA4B,EACvE,YAAG,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAK,IACvD,CACP,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,CAC1B,cAAK,SAAS,EAAC,kBAAkB,YAC9B,aAAa,CAAC,CAAC,CAAC,CACf,iBACE,MAAM,EAAE,aAAa,EACrB,KAAK,EAAC,eAAe,EACrB,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAC,mBAAmB,GAC3B,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,2EAA2E,2CAEpF,CACP,GACG,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,kBAAkB,YAC9B,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAC,+DAA+D,YAC3E,aAAa,GACV,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,2EAA2E,iDAEpF,CACP,GACG,CACP,GACU,IACO,GACL,CACpB,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/components/template_manager/template_dialog.d.ts

@@ -0,0 +1,12 @@
+import type { TemplateCategory, TemplateTypeDefinition } from '../../lib/template_manager/index.js';
+interface TemplateDialogProps {
+    open: boolean;
+    on_close: () => void;
+    on_save: (template_name: string) => void;
+    category: TemplateCategory | null;
+    template_types: TemplateTypeDefinition[];
+    loading?: boolean;
+}
+export declare function TemplateDialog({ open, on_close, on_save, category, template_types, loading, }: TemplateDialogProps): import("react/jsx-runtime").JSX.Element;
+export default TemplateDialog;
+//# sourceMappingURL=template_dialog.d.ts.map

package/dist/components/template_manager/template_dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template_dialog.d.ts","sourceRoot":"","sources":["../../../src/components/template_manager/template_dialog.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAEpG,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,cAAc,EAAE,sBAAsB,EAAE,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,cAAc,EACd,OAAe,GAChB,EAAE,mBAAmB,2CAiHrB;AAED,eAAe,cAAc,CAAC"}

package/dist/components/template_manager/template_dialog.js

@@ -0,0 +1,46 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Template Dialog Component
+ *
+ * Dialog for creating new email templates
+ */
+import { useState, useEffect } from 'react';
+import { Button, Input, Label, HazoUiDialogRoot, HazoUiDialogContent, HazoUiDialogDescription, HazoUiDialogFooter, HazoUiDialogHeader, HazoUiDialogTitle, } from 'hazo_ui';
+export function TemplateDialog({ open, on_close, on_save, category, template_types, loading = false, }) {
+    const [name, set_name] = useState('');
+    const [error, set_error] = useState(null);
+    useEffect(() => {
+        if (open) {
+            set_name('');
+            set_error(null);
+        }
+    }, [open]);
+    const handle_submit = (e) => {
+        e.preventDefault();
+        const trimmed = name.trim().toLowerCase().replace(/\s+/g, '_');
+        if (!trimmed) {
+            set_error('Template name is required');
+            return;
+        }
+        // Validate format
+        if (!/^[a-z][a-z0-9_]*$/.test(trimmed)) {
+            set_error('Template name must start with a letter and contain only lowercase letters, numbers, and underscores');
+            return;
+        }
+        if (trimmed.length > 100) {
+            set_error('Template name must be 100 characters or less');
+            return;
+        }
+        on_save(trimmed);
+    };
+    return (_jsx(HazoUiDialogRoot, { open: open, onOpenChange: (open) => !open && on_close(), children: _jsx(HazoUiDialogContent, { className: "cls_template_dialog sm:max-w-[500px]", children: _jsxs("form", { onSubmit: handle_submit, children: [_jsxs(HazoUiDialogHeader, { children: [_jsx(HazoUiDialogTitle, { children: "New Email Template" }), _jsxs(HazoUiDialogDescription, { children: ["Create a new email template in", ' ', _jsx("strong", { children: category?.template_category_name || 'this category' }), "."] })] }), _jsxs("div", { className: "cls_dialog_body grid gap-4 py-4", children: [_jsxs("div", { className: "cls_form_field grid gap-2", children: [_jsx(Label, { htmlFor: "template_name", children: "Template Name" }), _jsx(Input, { id: "template_name", value: name, onChange: (e) => {
+                                            set_name(e.target.value);
+                                            set_error(null);
+                                        }, placeholder: "e.g., welcome_email, order_confirmation", disabled: loading, autoFocus: true }), _jsx("p", { className: "cls_hint text-xs text-muted-foreground", children: "Use lowercase letters, numbers, and underscores only." }), error && (_jsx("p", { className: "cls_error_message text-sm text-destructive", children: error }))] }), template_types.length > 0 && (_jsxs("div", { className: "cls_template_types", children: [_jsx(Label, { className: "text-sm text-muted-foreground", children: "Suggested template types:" }), _jsx("div", { className: "cls_type_buttons flex flex-wrap gap-2 mt-2", children: template_types.map((type) => (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => {
+                                                set_name(type.template_name);
+                                                set_error(null);
+                                            }, className: "text-xs", children: type.template_label }, type.template_name))) })] }))] }), _jsxs(HazoUiDialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: on_close, disabled: loading, children: "Cancel" }), _jsx(Button, { type: "submit", disabled: loading, children: loading ? 'Creating...' : 'Create Template' })] })] }) }) }));
+}
+export default TemplateDialog;
+//# sourceMappingURL=template_dialog.js.map

package/dist/components/template_manager/template_dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template_dialog.js","sourceRoot":"","sources":["../../../src/components/template_manager/template_dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAYjB,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,cAAc,EACd,OAAO,GAAG,KAAK,GACK;IACpB,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,aAAa,GAAG,CAAC,CAAkB,EAAE,EAAE;QAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,SAAS,CAAC,2BAA2B,CAAC,CAAC;YACvC,OAAO;QACT,CAAC;QAED,kBAAkB;QAClB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACvC,SAAS,CAAC,qGAAqG,CAAC,CAAC;YACjH,OAAO;QACT,CAAC;QAED,IAAI,OAAO,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC;YACzB,SAAS,CAAC,8CAA8C,CAAC,CAAC;YAC1D,OAAO;QACT,CAAC;QAED,OAAO,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,QAAQ,EAAE,YACvE,KAAC,mBAAmB,IAAC,SAAS,EAAC,sCAAsC,YACnE,gBAAM,QAAQ,EAAE,aAAa,aAC3B,MAAC,kBAAkB,eACjB,KAAC,iBAAiB,qCAAuC,EACzD,MAAC,uBAAuB,iDACS,GAAG,EAClC,2BAAS,QAAQ,EAAE,sBAAsB,IAAI,eAAe,GAAU,SAC9C,IACP,EAErB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,KAAK,IAAC,OAAO,EAAC,eAAe,8BAAsB,EACpD,KAAC,KAAK,IACJ,EAAE,EAAC,eAAe,EAClB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4CACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4CACzB,SAAS,CAAC,IAAI,CAAC,CAAC;wCAClB,CAAC,EACD,WAAW,EAAC,yCAAyC,EACrD,QAAQ,EAAE,OAAO,EACjB,SAAS,SACT,EACF,YAAG,SAAS,EAAC,wCAAwC,sEAEjD,EACH,KAAK,IAAI,CACR,YAAG,SAAS,EAAC,4CAA4C,YACtD,KAAK,GACJ,CACL,IACG,EAEL,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,eAAK,SAAS,EAAC,oBAAoB,aACjC,KAAC,KAAK,IAAC,SAAS,EAAC,+BAA+B,0CAExC,EACR,cAAK,SAAS,EAAC,4CAA4C,YACxD,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC5B,KAAC,MAAM,IAEL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;gDACZ,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gDAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;4CAClB,CAAC,EACD,SAAS,EAAC,SAAS,YAElB,IAAI,CAAC,cAAc,IAVf,IAAI,CAAC,aAAa,CAWhB,CACV,CAAC,GACE,IACF,CACP,IACG,EAEN,MAAC,kBAAkB,eACjB,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,OAAO,uBAGV,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,OAAO,YACpC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,GACrC,IACU,IAChB,GACa,GACL,CACpB,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/components/template_manager/template_editor.d.ts

@@ -0,0 +1,12 @@
+import type { EmailTemplate, TemplateTypeDefinition } from '../../lib/template_manager/index.js';
+interface TemplateEditorProps {
+    template: EmailTemplate | null;
+    template_types: TemplateTypeDefinition[];
+    on_save: (html: string, text: string) => void;
+    on_delete: () => void;
+    on_preview: (html: string, text: string) => void;
+    loading?: boolean;
+}
+export declare function TemplateEditor({ template, template_types, on_save, on_delete, on_preview, loading, }: TemplateEditorProps): import("react/jsx-runtime").JSX.Element;
+export default TemplateEditor;
+//# sourceMappingURL=template_editor.d.ts.map

package/dist/components/template_manager/template_editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template_editor.d.ts","sourceRoot":"","sources":["../../../src/components/template_manager/template_editor.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EACV,aAAa,EACb,sBAAsB,EACvB,MAAM,qCAAqC,CAAC;AAG7C,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,sBAAsB,EAAE,CAAC;IACzC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,cAAc,EACd,OAAO,EACP,SAAS,EACT,UAAU,EACV,OAAe,GAChB,EAAE,mBAAmB,2CAoJrB;AAED,eAAe,cAAc,CAAC"}