@denarolabs/email-template 1.0.5 → 1.0.6

package/dist/schemas/aiEmail.js

@@ -1,29 +0,0 @@
-import { z } from "zod";
-export const AiEmailImageSchema = z.object({
-    id: z.string().min(1),
-    url: z.string().min(1),
-    name: z.string().optional(),
-});
-export const AiEmailChatMessageSchema = z.object({
-    id: z.string().min(1),
-    role: z.enum(["user", "assistant"]),
-    content: z.string(),
-    contextImages: z.array(AiEmailImageSchema).optional(),
-    appliedHtml: z.boolean().optional(),
-    snapshotId: z.string().optional(),
-    selectedBlockIds: z.array(z.string()).optional(),
-    phase: z.enum(["thinking", "planning", "applying"]).optional(),
-    timestamp: z.number(),
-});
-export const AiEmailHtmlSnapshotSchema = z.object({
-    id: z.string().min(1),
-    html: z.string(),
-    label: z.string().optional(),
-    timestamp: z.number(),
-});
-export const AiEmailSessionSchema = z.object({
-    messages: z.array(AiEmailChatMessageSchema).default([]),
-    snapshots: z.array(AiEmailHtmlSnapshotSchema).default([]),
-    snapshotIndex: z.number().int().min(0).default(0),
-    contextImages: z.array(AiEmailImageSchema).default([]),
-});

package/dist/schemas/aiEmailResponse.d.ts

@@ -1,15 +0,0 @@
-import { z } from "zod";
-export declare const AiEmailResponseSchema: z.ZodObject<{
-    plan: z.ZodArray<z.ZodString, "many">;
-    suggestions: z.ZodArray<z.ZodString, "many">;
-    html: z.ZodString;
-}, "strip", z.ZodTypeAny, {
-    html: string;
-    plan: string[];
-    suggestions: string[];
-}, {
-    html: string;
-    plan: string[];
-    suggestions: string[];
-}>;
-export type AiEmailResponse = z.infer<typeof AiEmailResponseSchema>;

package/dist/schemas/aiEmailResponse.js

@@ -1,15 +0,0 @@
-import { z } from "zod";
-export const AiEmailResponseSchema = z.object({
-    plan: z
-        .array(z.string())
-        .min(2)
-        .max(4)
-        .describe("2-4 first-person present-tense bullets describing each change being made to the email"),
-    suggestions: z
-        .array(z.string())
-        .length(3)
-        .describe("Exactly 3 short follow-up prompts the user might send next, each under 12 words and specific to this email"),
-    html: z
-        .string()
-        .describe("The complete updated HTML document with inline CSS. No markdown, code fences, or commentary."),
-});

package/dist/types.d.ts

@@ -1,57 +0,0 @@
-import type { AiEmailSession } from "./schemas/aiEmail";
-export type AIEmailEditorMode = "email" | "landing";
-export type AIEmailEditorErrorSource = "stream" | "upload" | "save" | "image" | "html" | "send";
-export interface AIEmailEditorErrorContext {
-    source: AIEmailEditorErrorSource;
-}
-export type AIEmailEditorSuccessSource = "upload" | "save" | "image" | "html" | "undo" | "revert" | "send";
-export interface AIEmailEditorSuccessContext {
-    source: AIEmailEditorSuccessSource;
-    message: string;
-}
-export interface SendTestEmailInput {
-    to: string;
-    subject: string;
-    html: string;
-    mergeTagValues: Record<string, string>;
-}
-export interface AIEmailModelOption {
-    id: string;
-    label: string;
-    hint?: string;
-}
-export interface StoredEmailRecord {
-    id: string;
-    name: string;
-    html: string;
-    createdAt: number;
-    updatedAt: number;
-    aiSession?: AiEmailSession;
-}
-export interface AIEmailEditorProps {
-    name: string;
-    savedTemplate: StoredEmailRecord | null;
-    onSave: (record: StoredEmailRecord) => Promise<void> | void;
-    streamRoute: string;
-    mergeTags: string[];
-    defaultMergeTagValues?: Record<string, string>;
-    mode?: AIEmailEditorMode;
-    systemPrompt?: string;
-    onUploadImage: (file: File | Blob) => Promise<{
-        url: string;
-    }>;
-    onDeleteImage: (url: string) => Promise<void>;
-    onSendTestEmail?: (input: SendTestEmailInput) => Promise<void>;
-    defaultTestEmailRecipient?: string;
-    defaultTestEmailSubject?: string;
-    onError: (error: Error, context: AIEmailEditorErrorContext) => void;
-    onSuccess?: (context: AIEmailEditorSuccessContext) => void;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    brandLabel?: string;
-    brandIconUrl?: string;
-    productLabel?: string;
-    models?: readonly AIEmailModelOption[];
-    defaultModel?: string;
-    initialSuggestions?: readonly string[];
-}

package/dist/types.js

@@ -1 +0,0 @@
-export {};

package/dist/ui/button.d.ts

@@ -1,11 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import type { ButtonHTMLAttributes } from "react";
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "xs" | "icon" | "icon-sm" | "icon-xs" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-};
-export declare function Button({ className, variant, size, asChild, type, ...props }: ButtonProps): import("react").JSX.Element;
-export { buttonVariants };

package/dist/ui/button.js

@@ -1,34 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/cn";
-const buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground hover:bg-primary/90",
-            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20",
-            outline: "border border-border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-9 px-4 py-2",
-            sm: "h-8 gap-1.5 rounded-md px-3 text-xs",
-            xs: "h-7 gap-1 rounded-md px-2 text-xs",
-            icon: "size-9",
-            "icon-sm": "size-8",
-            "icon-xs": "size-7",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-export function Button({ className, variant = "default", size = "default", asChild = false, type = "button", ...props }) {
-    const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { type: asChild ? undefined : type, "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
-}
-export { buttonVariants };

package/dist/ui/dialog.d.ts

@@ -1,33 +0,0 @@
-import { type ReactNode } from "react";
-export declare function Dialog({ open, onOpenChange, children, }: {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    children: ReactNode;
-}): import("react").JSX.Element | null;
-export declare function DialogContent({ children, className, fullscreen, showCloseButton, onClose, }: {
-    children: ReactNode;
-    className?: string;
-    fullscreen?: boolean;
-    showCloseButton?: boolean;
-    onClose?: () => void;
-}): import("react").JSX.Element;
-export declare function DialogHeader({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): import("react").JSX.Element;
-export declare function DialogTitle({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): import("react").JSX.Element;
-export declare function DialogDescription({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): import("react").JSX.Element;
-export declare function DialogFooter({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): import("react").JSX.Element;
-export declare function DialogPanel({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): import("react").JSX.Element;

package/dist/ui/dialog.js

@@ -1,39 +0,0 @@
-"use client";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { X } from "lucide-react";
-import { cn } from "../lib/cn";
-import { Button } from "./button";
-export function Dialog({ open, onOpenChange, children, }) {
-    useEffect(() => {
-        if (!open)
-            return;
-        const onKey = (event) => {
-            if (event.key === "Escape")
-                onOpenChange(false);
-        };
-        window.addEventListener("keydown", onKey);
-        return () => window.removeEventListener("keydown", onKey);
-    }, [open, onOpenChange]);
-    if (!open)
-        return null;
-    return _jsx(_Fragment, { children: children });
-}
-export function DialogContent({ children, className, fullscreen = false, showCloseButton = true, onClose, }) {
-    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [_jsx("div", { className: "absolute inset-0 bg-black/40 backdrop-blur-sm", onClick: onClose, "aria-hidden": true }), _jsxs("div", { className: cn("relative z-10 flex max-h-[90vh] w-full max-w-lg flex-col overflow-hidden rounded-2xl border border-border bg-background shadow-xl", fullscreen && "h-full max-h-none max-w-none rounded-none", className), children: [showCloseButton && onClose && (_jsx(Button, { variant: "ghost", size: "icon", className: "absolute right-2 top-2", onClick: onClose, "aria-label": "Close", children: _jsx(X, { className: "h-4 w-4" }) })), children] })] }));
-}
-export function DialogHeader({ children, className }) {
-    return _jsx("div", { className: cn("flex flex-col gap-2 p-6", className), children: children });
-}
-export function DialogTitle({ children, className }) {
-    return _jsx("h2", { className: cn("text-lg font-semibold", className), children: children });
-}
-export function DialogDescription({ children, className }) {
-    return _jsx("p", { className: cn("text-sm text-muted-foreground", className), children: children });
-}
-export function DialogFooter({ children, className }) {
-    return (_jsx("div", { className: cn("flex flex-col-reverse gap-2 border-t border-border p-4 sm:flex-row sm:justify-end", className), children: children }));
-}
-export function DialogPanel({ children, className }) {
-    return _jsx("div", { className: cn("min-h-0 flex-1 overflow-y-auto p-6", className), children: children });
-}

package/dist/ui/dropdown-menu.d.ts

@@ -1,8 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import type { ComponentProps } from "react";
-export declare function DropdownMenu({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react").JSX.Element;
-export declare function DropdownMenuTrigger({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react").JSX.Element;
-export declare function DropdownMenuContent({ className, sideOffset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react").JSX.Element;
-export declare function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label>): import("react").JSX.Element;
-export declare function DropdownMenuRadioGroup({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react").JSX.Element;
-export declare function DropdownMenuRadioItem({ className, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react").JSX.Element;

package/dist/ui/dropdown-menu.js

@@ -1,23 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Check } from "lucide-react";
-import { cn } from "../lib/cn";
-export function DropdownMenu({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-export function DropdownMenuTrigger({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
-}
-export function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-44 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border bg-popover/95 p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 backdrop-blur-xl", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className), ...props }) }));
-}
-export function DropdownMenuLabel({ className, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", className: cn("px-2 py-1.5 text-xs text-muted-foreground", className), ...props }));
-}
-export function DropdownMenuRadioGroup({ ...props }) {
-    return (_jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props }));
-}
-export function DropdownMenuRadioItem({ className, children, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn("relative flex min-h-7 cursor-default items-center gap-2 rounded-md py-1.5 pr-8 pl-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", className), ...props, children: [_jsx("span", { "data-slot": "dropdown-menu-radio-item-indicator", className: "pointer-events-none absolute right-2 flex items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "size-3.5" }) }) }), children] }));
-}

package/dist/ui/input.d.ts

@@ -1,2 +0,0 @@
-import type { InputHTMLAttributes } from "react";
-export declare function Input({ className, ...props }: InputHTMLAttributes<HTMLInputElement>): import("react").JSX.Element;

package/dist/ui/input.js

@@ -1,6 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../lib/cn";
-export function Input({ className, ...props }) {
-    return (_jsx("input", { className: cn("flex h-9 w-full rounded-lg border border-border bg-background px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-cyan-500/40", className), ...props }));
-}

package/dist/ui/textarea.d.ts

@@ -1,2 +0,0 @@
-import { type TextareaHTMLAttributes } from "react";
-export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/ui/textarea.js

@@ -1,7 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { cn } from "../lib/cn";
-export const Textarea = forwardRef(function Textarea({ className, ...props }, ref) {
-    return (_jsx("textarea", { ref: ref, className: cn("flex min-h-20 w-full rounded-lg border border-border bg-background px-3 py-2 text-sm outline-none focus-visible:ring-2 focus-visible:ring-cyan-500/40", className), ...props }));
-});

package/src/styles.css

@@ -1,197 +0,0 @@
-@import "tailwindcss";
-
-:root {
-    --background: #ffffff;
-    --foreground: #0f172a;
-    --card: #ffffff;
-    --card-foreground: #0f172a;
-    --popover: #ffffff;
-    --popover-foreground: #0f172a;
-    --primary: #0891b2;
-    --primary-foreground: #ffffff;
-    --secondary: #f1f5f9;
-    --secondary-foreground: #0f172a;
-    --muted: #f1f5f9;
-    --muted-foreground: #64748b;
-    --accent: #f1f5f9;
-    --accent-foreground: #0f172a;
-    --destructive: #dc2626;
-    --destructive-foreground: #ffffff;
-    --border: #e2e8f0;
-    --input: #e2e8f0;
-    --ring: #0891b2;
-}
-
-@media (prefers-color-scheme: dark) {
-    :root {
-        --background: #0b1220;
-        --foreground: #f8fafc;
-        --card: #0f172a;
-        --card-foreground: #f8fafc;
-        --popover: #0f172a;
-        --popover-foreground: #f8fafc;
-        --primary: #22d3ee;
-        --primary-foreground: #082f49;
-        --secondary: #1e293b;
-        --secondary-foreground: #f8fafc;
-        --muted: #1e293b;
-        --muted-foreground: #94a3b8;
-        --accent: #1e293b;
-        --accent-foreground: #f8fafc;
-        --destructive: #ef4444;
-        --destructive-foreground: #ffffff;
-        --border: #334155;
-        --input: #334155;
-        --ring: #22d3ee;
-    }
-}
-
-body {
-    background: var(--background);
-    color: var(--foreground);
-}
-
-.bg-background {
-    background-color: var(--background);
-}
-
-.bg-card {
-    background-color: var(--card);
-}
-
-.bg-popover\/95 {
-    background-color: color-mix(in srgb, var(--popover) 95%, transparent);
-}
-
-.bg-primary {
-    background-color: var(--primary);
-}
-
-.bg-secondary {
-    background-color: var(--secondary);
-}
-
-.bg-muted {
-    background-color: var(--muted);
-}
-
-.bg-muted\/20 {
-    background-color: color-mix(in srgb, var(--muted) 20%, transparent);
-}
-
-.bg-muted\/40 {
-    background-color: color-mix(in srgb, var(--muted) 40%, transparent);
-}
-
-.bg-muted\/60 {
-    background-color: color-mix(in srgb, var(--muted) 60%, transparent);
-}
-
-.bg-muted\/90 {
-    background-color: color-mix(in srgb, var(--muted) 90%, transparent);
-}
-
-.text-foreground {
-    color: var(--foreground);
-}
-
-.text-primary {
-    color: var(--primary);
-}
-
-.text-primary-foreground {
-    color: var(--primary-foreground);
-}
-
-.text-muted-foreground {
-    color: var(--muted-foreground);
-}
-
-.text-popover-foreground {
-    color: var(--popover-foreground);
-}
-
-.text-accent-foreground {
-    color: var(--accent-foreground);
-}
-
-.text-secondary-foreground {
-    color: var(--secondary-foreground);
-}
-
-.border-border {
-    border-color: var(--border);
-}
-
-.border-primary\/30 {
-    border-color: color-mix(in srgb, var(--primary) 30%, transparent);
-}
-
-.ring-foreground\/10 {
-    --tw-ring-color: color-mix(in srgb, var(--foreground) 10%, transparent);
-}
-
-.ring-ring\/50 {
-    --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent);
-}
-
-.bg-primary\/10 {
-    background-color: color-mix(in srgb, var(--primary) 10%, transparent);
-}
-
-.hover\:bg-primary\/15:hover {
-    background-color: color-mix(in srgb, var(--primary) 15%, transparent);
-}
-
-.hover\:bg-primary\/90:hover {
-    background-color: color-mix(in srgb, var(--primary) 90%, transparent);
-}
-
-.hover\:bg-accent:hover {
-    background-color: var(--accent);
-}
-
-.hover\:text-accent-foreground:hover {
-    color: var(--accent-foreground);
-}
-
-.focus\:bg-accent:focus {
-    background-color: var(--accent);
-}
-
-.focus\:text-accent-foreground:focus {
-    color: var(--accent-foreground);
-}
-
-.focus-visible\:border-ring:focus-visible {
-    border-color: var(--ring);
-}
-
-.focus-visible\:ring-ring\/50:focus-visible {
-    --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent);
-}
-
-.data-\[state\=open\]\:bg-accent[data-state="open"] {
-    background-color: var(--accent);
-}
-
-.data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
-    color: var(--accent-foreground);
-}
-
-.hover\:bg-destructive:hover {
-    background-color: var(--destructive);
-}
-
-.hover\:text-destructive-foreground:hover {
-    color: var(--destructive-foreground);
-}
-
-.scrollbar-hidden {
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-}
-
-.scrollbar-hidden::-webkit-scrollbar {
-    display: none;
-}