@denarolabs/email-template 1.0.5 → 1.0.6

package/dist/components/ai-email-editor/send-test-email-modal.d.ts

@@ -1,13 +0,0 @@
-import type { AIEmailEditorErrorContext, AIEmailEditorSuccessContext, SendTestEmailInput } from "../../types";
-export declare function SendTestEmailModal({ open, onOpenChange, getHtml, templateName, defaultMergeTagValues, defaultRecipient, defaultSubject, onSendTestEmail, onError, onSuccess, }: {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    getHtml: () => string;
-    templateName: string;
-    defaultMergeTagValues?: Record<string, string>;
-    defaultRecipient?: string;
-    defaultSubject?: string;
-    onSendTestEmail?: (input: SendTestEmailInput) => Promise<void>;
-    onError: (error: Error, context: AIEmailEditorErrorContext) => void;
-    onSuccess?: (context: AIEmailEditorSuccessContext) => void;
-}): import("react").JSX.Element;

package/dist/components/ai-email-editor/send-test-email-modal.js

@@ -1,70 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Loader2 } from "lucide-react";
-import { useEffect, useMemo, useState } from "react";
-import { applyMergeTags, extractMergeTags } from "../../lib/merge-tag-validation";
-import { Button } from "../../ui/button";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogTitle, } from "../../ui/dialog";
-import { Input } from "../../ui/input";
-export function SendTestEmailModal({ open, onOpenChange, getHtml, templateName, defaultMergeTagValues, defaultRecipient, defaultSubject, onSendTestEmail, onError, onSuccess, }) {
-    const [sourceHtml, setSourceHtml] = useState("");
-    const [to, setTo] = useState("");
-    const [subject, setSubject] = useState("");
-    const [values, setValues] = useState({});
-    const [sending, setSending] = useState(false);
-    const tags = useMemo(() => extractMergeTags(sourceHtml), [sourceHtml]);
-    useEffect(() => {
-        if (!open)
-            return;
-        const html = getHtml();
-        const nextTags = extractMergeTags(html);
-        const nextValues = {};
-        for (const tag of nextTags) {
-            nextValues[tag] = defaultMergeTagValues?.[tag] ?? "";
-        }
-        setSourceHtml(html);
-        setTo(defaultRecipient ?? "");
-        setSubject(defaultSubject ?? templateName);
-        setValues(nextValues);
-        setSending(false);
-    }, [open, getHtml, defaultMergeTagValues, defaultRecipient, defaultSubject, templateName]);
-    const handleSend = async () => {
-        const trimmedTo = to.trim();
-        const trimmedSubject = subject.trim();
-        if (!trimmedTo) {
-            onError(new Error("Recipient email is required."), { source: "send" });
-            return;
-        }
-        if (!trimmedSubject) {
-            onError(new Error("Subject is required."), { source: "send" });
-            return;
-        }
-        const html = applyMergeTags(sourceHtml, values);
-        const input = {
-            to: trimmedTo,
-            subject: trimmedSubject,
-            html,
-            mergeTagValues: values,
-        };
-        if (!onSendTestEmail) {
-            onError(new Error("onSendTestEmail is not configured."), { source: "send" });
-            return;
-        }
-        setSending(true);
-        try {
-            await onSendTestEmail(input);
-            onSuccess?.({ source: "send", message: "Test email sent" });
-            onOpenChange(false);
-        }
-        catch (error) {
-            onError(error instanceof Error ? error : new Error("Failed to send test email."), { source: "send" });
-        }
-        finally {
-            setSending(false);
-        }
-    };
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { showCloseButton: true, onClose: () => onOpenChange(false), className: "flex max-h-[85vh] max-w-lg flex-col gap-0 p-0", children: [_jsxs(DialogHeader, { className: "shrink-0 gap-1.5 px-6 pb-3 pt-4 pr-12", children: [_jsx(DialogTitle, { children: "Send test email" }), _jsx(DialogDescription, { children: "Fill in values for merge tags." })] }), _jsxs(DialogPanel, { className: "space-y-4 px-6 pb-6 pt-0", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { htmlFor: "test-email-to", className: "text-sm font-medium", children: "To" }), _jsx(Input, { id: "test-email-to", type: "email", value: to, onChange: (event) => setTo(event.target.value), placeholder: "you@example.com", disabled: sending })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { htmlFor: "test-email-subject", className: "text-sm font-medium", children: "Subject" }), _jsx(Input, { id: "test-email-subject", value: subject, onChange: (event) => setSubject(event.target.value), placeholder: templateName, disabled: sending })] }), tags.length > 0 ? (tags.map((tag) => (_jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { htmlFor: `merge-tag-${tag}`, className: "text-sm font-medium", children: `{{${tag}}}` }), _jsx(Input, { id: `merge-tag-${tag}`, value: values[tag] ?? "", onChange: (event) => setValues((prev) => ({
-                                        ...prev,
-                                        [tag]: event.target.value,
-                                    })), placeholder: `Value for {{${tag}}}`, disabled: sending })] }, tag)))) : (_jsx("p", { className: "text-sm text-muted-foreground", children: "No merge tags." }))] }), _jsxs(DialogFooter, { className: "shrink-0", children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: sending, children: "Cancel" }), _jsx(Button, { type: "button", onClick: () => void handleSend(), disabled: sending, children: sending ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Sending\u2026"] })) : ("Send email") })] })] }) }));
-}

package/dist/components/ai-email-editor/stream.d.ts

@@ -1,20 +0,0 @@
-import { type DeepPartial } from "ai";
-import type { AiEmailResponse } from "../../schemas/aiEmailResponse";
-export type PartialAiEmailResponse = DeepPartial<AiEmailResponse>;
-export declare function phaseLabel(phase: "thinking" | "planning" | "applying"): string;
-export declare function formatPlan(plan: (string | undefined)[] | undefined): string;
-export declare function extractStreamParts(partial: PartialAiEmailResponse | undefined): {
-    narration: string;
-    suggestions: string[];
-    html: string;
-};
-export declare function parseStructuredStream(accumulatedText: string): Promise<{
-    html?: string | undefined;
-    plan?: (string | undefined)[] | undefined;
-    suggestions?: (string | undefined)[] | undefined;
-} | undefined>;
-export declare function detectPhase(partial: PartialAiEmailResponse | undefined): "thinking" | "planning" | "applying";
-export declare const DEFAULT_NEW_TEMPLATE_SUGGESTIONS: string[];
-export declare const DEFAULT_EDIT_SUGGESTIONS: string[];
-export declare function defaultSuggestions(hasHtml: boolean): string[];
-export declare function resolveInitialSuggestions(suggestions?: readonly string[]): readonly string[];

package/dist/components/ai-email-editor/stream.js

@@ -1,57 +0,0 @@
-import { parsePartialJson } from "ai";
-const PHASE_LABELS = {
-    thinking: "Analyzing your request…",
-    planning: "Planning changes…",
-    applying: "Applying to preview…",
-};
-export function phaseLabel(phase) {
-    return PHASE_LABELS[phase];
-}
-export function formatPlan(plan) {
-    if (!plan?.length)
-        return "";
-    return plan
-        .filter((line) => typeof line === "string" && line.trim().length > 0)
-        .map((line) => (line.startsWith("- ") ? line : `- ${line}`))
-        .join("\n");
-}
-export function extractStreamParts(partial) {
-    const narration = formatPlan(partial?.plan);
-    const suggestions = (partial?.suggestions ?? [])
-        .filter((s) => typeof s === "string" && s.trim().length > 0)
-        .slice(0, 3);
-    const html = typeof partial?.html === "string" ? partial.html : "";
-    return { narration, suggestions, html };
-}
-export async function parseStructuredStream(accumulatedText) {
-    const { value } = await parsePartialJson(accumulatedText);
-    return value;
-}
-export function detectPhase(partial) {
-    if (!partial)
-        return "thinking";
-    const { narration, html } = extractStreamParts(partial);
-    if (html)
-        return "applying";
-    if (narration.trim())
-        return "planning";
-    return "thinking";
-}
-export const DEFAULT_NEW_TEMPLATE_SUGGESTIONS = [
-    "A welcome email with a clear call-to-action",
-    "A short update email with a summary and next steps",
-    "A friendly follow-up with one primary button",
-];
-export const DEFAULT_EDIT_SUGGESTIONS = [
-    "Make the header darker and bolder",
-    "Shorten the intro to one sentence",
-    "Add a P.S. about our support line",
-];
-export function defaultSuggestions(hasHtml) {
-    return hasHtml ? DEFAULT_EDIT_SUGGESTIONS : DEFAULT_NEW_TEMPLATE_SUGGESTIONS;
-}
-export function resolveInitialSuggestions(suggestions) {
-    if (!suggestions?.length)
-        return DEFAULT_NEW_TEMPLATE_SUGGESTIONS;
-    return suggestions;
-}

package/dist/components/ai-email-editor/use-ai-email-editor.d.ts

@@ -1,117 +0,0 @@
-import type { AIEmailEditorMode, AIEmailEditorErrorSource, AIEmailEditorSuccessSource, AIEmailModelOption, StoredEmailRecord } from "../../types";
-import type { ClipboardEvent as ReactClipboardEvent, DragEvent as ReactDragEvent } from "react";
-export declare function useAiEmailEditor({ name, savedTemplate, onSave, streamRoute, mergeTags, mode, systemPrompt, onUploadImage, onDeleteImage, onError, onSuccess, open, models, defaultModel, initialSuggestions, }: {
-    name: string;
-    savedTemplate: StoredEmailRecord | null;
-    onSave: (record: StoredEmailRecord) => Promise<void> | void;
-    streamRoute: string;
-    mergeTags: string[];
-    mode?: AIEmailEditorMode;
-    systemPrompt?: string;
-    onUploadImage: (file: File | Blob) => Promise<{
-        url: string;
-    }>;
-    onDeleteImage: (url: string) => Promise<void>;
-    onError: (error: Error, context: {
-        source: AIEmailEditorErrorSource;
-    }) => void;
-    onSuccess?: (context: {
-        source: AIEmailEditorSuccessSource;
-        message: string;
-    }) => void;
-    open: boolean;
-    defaultModel?: string;
-    models?: readonly AIEmailModelOption[];
-    initialSuggestions?: readonly string[];
-}): {
-    iframeRef: import("react").RefObject<HTMLIFrameElement | null>;
-    scrollRef: import("react").RefObject<HTMLDivElement | null>;
-    chatPinSpacerHeight: number;
-    hasHtml: boolean;
-    loading: boolean;
-    saving: boolean;
-    hasSessionChanges: boolean;
-    getCleanHtml: () => string;
-    messages: ({
-        id: string;
-        role: "user" | "assistant";
-        content: string;
-        timestamp: number;
-        contextImages?: {
-            id: string;
-            url: string;
-            name?: string | undefined;
-        }[] | undefined;
-        appliedHtml?: boolean | undefined;
-        snapshotId?: string | undefined;
-        selectedBlockIds?: string[] | undefined;
-        phase?: "thinking" | "planning" | "applying" | undefined;
-    } & {
-        pending?: boolean;
-        error?: boolean;
-    })[];
-    input: string;
-    setInput: import("react").Dispatch<import("react").SetStateAction<string>>;
-    contextImages: {
-        id: string;
-        url: string;
-        name?: string | undefined;
-    }[];
-    contextImageBusy: boolean;
-    removeContextImage: (url: string) => Promise<void>;
-    removeMessageContextImage: (messageId: string, url: string) => Promise<void>;
-    addContextImageFromFile: (file: File) => Promise<void>;
-    canRemoveContextImages: boolean;
-    chatDropActive: boolean;
-    handleChatPaste: (event: ReactClipboardEvent) => void;
-    handleChatDragOver: (event: ReactDragEvent) => void;
-    handleChatDragLeave: (event: ReactDragEvent) => void;
-    handleChatDrop: (event: ReactDragEvent) => void;
-    isStreaming: boolean;
-    editingMessageId: string | null;
-    editDraft: string;
-    setEditDraft: import("react").Dispatch<import("react").SetStateAction<string>>;
-    editContextImages: {
-        url: string;
-        label: string;
-    }[];
-    addEditContextImageFromFile: (file: File) => Promise<void>;
-    removeEditContextImage: (url: string) => void;
-    startEditing: (id: string) => void;
-    cancelEditing: () => void;
-    requestSubmitEdit: () => void;
-    confirmSubmitEdit: () => void;
-    cancelSubmitConfirm: () => void;
-    resubmitConfirmOpen: boolean;
-    handleSend: () => void;
-    cancelStream: () => void;
-    canRevertToCheckpoint: (userMessageId: string) => boolean;
-    requestRevertToCheckpoint: (userMessageId: string) => void;
-    confirmRevertToCheckpoint: () => void;
-    cancelRevertConfirm: () => void;
-    revertConfirmOpen: boolean;
-    suggestions: string[];
-    defaultSystemPrompt: string;
-    effectiveSystemPrompt: string;
-    applySystemPrompt: (next: string) => boolean;
-    resetSystemPrompt: () => void;
-    selectMode: boolean;
-    exitSelectMode: () => void;
-    toggleSelectMode: () => void;
-    selectedBlockIds: string[];
-    toggleBlockSelection: (blockId: string) => void;
-    canGoBack: boolean;
-    requestBack: () => void;
-    confirmBack: () => void;
-    cancelBack: () => void;
-    backConfirmOpen: boolean;
-    backConfirmSummary: string;
-    previewDropActive: boolean;
-    handleSave: () => Promise<boolean>;
-    handleRestart: () => Promise<void>;
-    canRestart: boolean;
-    modelOptions: readonly AIEmailModelOption[];
-    selectedModel: string;
-    setSelectedModel: import("react").Dispatch<import("react").SetStateAction<string>>;
-    showModelSelector: boolean;
-};