@dev.smartpricing/message-composer-utils 4.2.7-maizzle.0 → 4.2.7

package/dist/types/message.js

@@ -1,7 +1,6 @@
 import { z } from "zod";
 import { brandDefaultEmailSettingsSchema, brandDefaultButtonSettingsSchema, } from "./brand.js";
 export const MESSAGE_RENDER_TYPES = ["whatsapp_v1", "email_v1"];
-export const EMAIL_RENDERERS = ["mjml", "maizzle"];
 export const MESSAGE_STATUS = [
     "pending",
     "draft",
@@ -37,6 +36,5 @@ export const previewMessageRequestSchema = z.object({
     })
         .passthrough(),
     brand: brandCascadeDataSchema.nullable().optional(),
-    renderer: z.enum(EMAIL_RENDERERS).default("mjml").optional(),
 });
 //# sourceMappingURL=message.js.map

package/dist/types/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sourceRoot":"","sources":["../../src/types/message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAUxB,OAAO,EACL,+BAA+B,EAC/B,gCAAgC,GACjC,MAAM,YAAY,CAAC;AAEpB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,aAAa,EAAE,UAAU,CAAU,CAAC;AAGzE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,SAAS,CAAU,CAAC;AAE5D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,SAAS;IACT,OAAO;IACP,UAAU;IACV,UAAU;CACF,CAAC;AAmDX,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAW,EAAE,SAAS,CAAU,CAAC;AAG1E,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,QAAQ,EAAE,UAAU,CAAU,CAAC;AAiExE;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7C,sBAAsB,EAAE,+BAA+B;IACvD,uBAAuB,EAAE,gCAAgC;IACzD,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC5D,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAChC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,CAAC,MAAM,CAAC;IAClD,OAAO,EAAE,CAAC;SACP,MAAM,CAAC;QACN,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;QAClC,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE;QACvB,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;YACb,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE;YACnB,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;YAClD,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;SAC5C,CAAC;QACF,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,EAAE;KACvD,CAAC;SACD,WAAW,EAAE;IAChB,KAAK,EAAE,sBAAsB,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;IACnD,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE;CAC7D,CAAC,CAAC"}
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../src/types/message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAUxB,OAAO,EACL,+BAA+B,EAC/B,gCAAgC,GACjC,MAAM,YAAY,CAAC;AAEpB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,aAAa,EAAE,UAAU,CAAU,CAAC;AAEzE,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,SAAS;IACT,OAAO;IACP,UAAU;IACV,UAAU;CACF,CAAC;AAmDX,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAW,EAAE,SAAS,CAAU,CAAC;AAG1E,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,QAAQ,EAAE,UAAU,CAAU,CAAC;AA8DxE;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7C,sBAAsB,EAAE,+BAA+B;IACvD,uBAAuB,EAAE,gCAAgC;IACzD,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC5D,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAChC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,CAAC,MAAM,CAAC;IAClD,OAAO,EAAE,CAAC;SACP,MAAM,CAAC;QACN,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;QAClC,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE;QACvB,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;YACb,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE;YACnB,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;YAClD,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;SAC5C,CAAC;QACF,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,EAAE;KACvD,CAAC;SACD,WAAW,EAAE;IAChB,KAAK,EAAE,sBAAsB,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;CACpD,CAAC,CAAC"}

package/dist/utils/index.js

@@ -14,7 +14,6 @@ export * from "./templates/tiptap.js";
 export * from "./templates/whatsapp-compiler.js";
 export * from "./templates/email-compiler.js";
 export * from "./templates/email-mjml.js";
-export * from "./templates/email-maizzle.js";
 export * from "./templates/brand-cascade.js";
 export * from "./templates/html-sanitizer.js";
 export * from "./validations.js";

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAEjC,wDAAwD;AACxD,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AACzC,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AACzC,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AACvC,OAAO,KAAK,WAAW,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,WAAW,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,WAAW,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,aAAa,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,gBAAgB,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AAEvC,wDAAwD;AACxD,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,IAAI,0BAA0B,GACjD,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EACL,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAEjC,wDAAwD;AACxD,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AACzC,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AACzC,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AACvC,OAAO,KAAK,WAAW,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,WAAW,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,WAAW,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,aAAa,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,gBAAgB,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AAEvC,wDAAwD;AACxD,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,IAAI,0BAA0B,GACjD,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EACL,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,+BAA+B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-utils",
-  "version": "4.2.7-maizzle.0",
+  "version": "4.2.7",
   "description": "Shared types and utilities for the message composer",
   "type": "module",
   "exports": {

package/src/types/message.ts

@@ -15,9 +15,6 @@ import {
 
 export const MESSAGE_RENDER_TYPES = ["whatsapp_v1", "email_v1"] as const;
 export type RenderType = (typeof MESSAGE_RENDER_TYPES)[number];
-
-export const EMAIL_RENDERERS = ["mjml", "maizzle"] as const;
-export type EmailRenderer = (typeof EMAIL_RENDERERS)[number];
 export const MESSAGE_STATUS = [
   "pending",
   "draft",
@@ -137,9 +134,6 @@ export interface CompileMessageRequest {
 
   /** When true, skips "first available" fallback and returns 404 if neither language nor fallbackLanguage found */
   strict_language?: boolean;
-
-  /** Email renderer to use for compilation (default: "mjml") */
-  renderer?: EmailRenderer;
 }
 
 /**
@@ -170,7 +164,6 @@ export const previewMessageRequestSchema = z.object({
     })
     .passthrough(),
   brand: brandCascadeDataSchema.nullable().optional(),
-  renderer: z.enum(EMAIL_RENDERERS).default("mjml").optional(),
 });
 
 export type PreviewMessageRequest = z.infer<typeof previewMessageRequestSchema>;
@@ -221,9 +214,6 @@ export interface TestEmailRequest {
 
   /** Sender email address — falls back to TEST_EMAIL_FROM env var */
   from?: string;
-
-  /** Email renderer to use for compilation (default: "mjml") */
-  renderer?: EmailRenderer;
 }
 
 /**
@@ -338,7 +328,6 @@ export interface CompileEmailResponse {
   language: string;
   subject: string;
   html: string;
-  plaintext?: string;
   parameters_used: string[];
   missingParameters?: string[];
 }

package/src/utils/index.ts

@@ -14,7 +14,6 @@ export * from "./templates/tiptap.js";
 export * from "./templates/whatsapp-compiler.js";
 export * from "./templates/email-compiler.js";
 export * from "./templates/email-mjml.js";
-export * from "./templates/email-maizzle.js";
 export * from "./templates/brand-cascade.js";
 export * from "./templates/html-sanitizer.js";
 export * from "./validations.js";

package/src/utils/templates/email-maizzle.ts

@@ -1,581 +0,0 @@
-import type {
-  EmailMessage,
-  EmailBlock,
-  EmailGlobalSettings,
-  SpacerBlock,
-  DividerBlock,
-  HeadingBlock,
-  ParagraphBlock,
-  ImageBlock,
-  ButtonBlock,
-  GridBlock,
-  RawHtmlBlock,
-  DiscountBlock,
-  HeaderBlock,
-  FooterBlock,
-  UnsubscribeLinkBlock,
-  SocialsBlock,
-  TopProductsBlock,
-  GridAllowedBlock,
-  SocialPlatform,
-} from "../../types/index.js";
-import { SOCIAL_ICONS, SOCIAL_PLATFORMS } from "../../types/index.js";
-
-import { generateHTML } from "@tiptap/html";
-import type { JSONContent } from "@tiptap/core";
-import { getTipTapExtensions, sanitizeContent } from "./tiptap.js";
-import { generateHtml } from "./messages.js";
-
-// Default internal horizontal padding for text blocks (heading, paragraph, footer, unsubscribe_link)
-const TEXT_HORIZONTAL_PADDING = 25;
-
-/**
- * Converts TipTap JSONContent to HTML for email rendering
- */
-function generateEmailHtml(content: JSONContent | undefined): string {
-  if (!content) return "";
-  const extensions = getTipTapExtensions({ preset: "email" });
-  const html = generateHTML(sanitizeContent(content, extensions), extensions);
-  // Preserve empty paragraphs as spacing (TipTap outputs <p></p> which collapses)
-  return html.replace(/<p><\/p>/g, "<p><br></p>");
-}
-
-/**
- * Escapes special characters for HTML attributes
- */
-function escapeHtmlAttribute(value: string | undefined): string {
-  if (value === undefined || value === null) {
-    return "";
-  }
-  return value
-    .replace(/&/g, "&amp;")
-    .replace(/</g, "&lt;")
-    .replace(/>/g, "&gt;")
-    .replace(/"/g, "&quot;")
-    .replace(/'/g, "&apos;");
-}
-
-/**
- * Wraps HTML content in v-pre to prevent Vue from parsing {{ }} placeholders.
- * Used for TipTap-generated HTML that may contain {{param}} template variables.
- */
-function _wrapVPre(html: string): string {
-  return `<div v-pre>${html}</div>`;
-}
-
-/**
- * Build a bg class from a color, treating #FFFFFF00 as transparent (no class).
- */
-function bgClass(color: string | undefined): string {
-  if (!color || color === "#FFFFFF00" || color === "transparent") return "";
-  return ` bg-[${color}]`;
-}
-
-/**
- * Translates a spacer block to Maizzle
- */
-function translateSpacerBlock(
-  block: SpacerBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const hPad = settings.horizontalSpacing ?? 0;
-
-  return `<Spacer class="h-[${block.settings.height}px] px-[${hPad}px]${bgClass(block.settings.backgroundColor)}" />`;
-}
-
-/**
- * Translates a divider block to Maizzle.
- * Maizzle's <Hr> is a <div role="separator"> styled with bg-* for color.
- * For dotted/dashed styles we use a raw div with border-top.
- */
-function translateDividerBlock(
-  block: DividerBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const hPad = settings.horizontalSpacing ?? 0;
-  const bg = bgClass(block.settings.backgroundColor);
-  const color = escapeHtmlAttribute(block.settings.color);
-
-  if (block.settings.style === "solid") {
-    return `<Hr class="bg-[${color}] h-[${block.settings.thickness}px] my-0 mx-auto max-w-[${block.settings.width}%] px-[${hPad}px]${bg}" />`;
-  }
-
-  // dotted/dashed — Hr can't express border styles, use raw div
-  return `<div role="separator" class="my-0 mx-auto max-w-[${block.settings.width}%] px-[${hPad}px]${bg}" style="border-top: ${block.settings.thickness}px ${block.settings.style} ${color};"></div>`;
-}
-
-/**
- * Translates a heading block to Maizzle.
- *
- * Uses <div> instead of Maizzle's <Text> (which renders <p>) because the inner
- * content contains block-level elements (<h1>–<h6>, <div>, <ul>, etc.).
- * Nesting block elements inside <p> is invalid HTML — browsers auto-close the
- * <p>, orphaning all styles (background, color, font, padding).
- * Maizzle's CSS pipeline (inlining, purging, shorthand) works on all elements,
- * not just Maizzle components, so <div> gets identical treatment.
- */
-function translateHeadingBlock(
-  block: HeadingBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const html = generateEmailHtml(block.settings.content);
-  const textColor = block.settings.textColor ?? settings.textColor ?? "#1F2937";
-  const fontFamily =
-    block.settings.fontFamily ?? settings.fontFamily ?? "Arial";
-  const hPad = TEXT_HORIZONTAL_PADDING + (settings.horizontalSpacing ?? 0);
-
-  return `<div class="overflow-hidden font-[${escapeHtmlAttribute(fontFamily)}] text-[${block.settings.fontSize}px] text-[${escapeHtmlAttribute(textColor)}] px-[${hPad}px]${bgClass(block.settings.backgroundColor)}" v-pre>
-  <${block.settings.tag} style="margin: 0; font-size: ${block.settings.fontSize}px">${html}</${block.settings.tag}>
-</div>`;
-}
-
-/**
- * Translates a paragraph block to Maizzle
- * See translateHeadingBlock for why <div> is used instead of <Text>.
- */
-function translateParagraphBlock(
-  block: ParagraphBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const html = generateEmailHtml(block.settings.content);
-  const textColor = block.settings.textColor ?? settings.textColor ?? "#1F2937";
-  const fontFamily =
-    block.settings.fontFamily ?? settings.fontFamily ?? "Arial";
-  const hPad = TEXT_HORIZONTAL_PADDING + (settings.horizontalSpacing ?? 0);
-
-  return `<div class="overflow-hidden font-[${escapeHtmlAttribute(fontFamily)}] text-[${block.settings.fontSize}px] text-[${escapeHtmlAttribute(textColor)}] px-[${hPad}px]${bgClass(block.settings.backgroundColor)}" v-pre>
-  <${block.settings.tag} style="margin: 0; font-size: ${block.settings.fontSize}px">${html}</${block.settings.tag}>
-</div>`;
-}
-
-/**
- * Translates an image block to Maizzle
- */
-function translateImageBlock(
-  block: ImageBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const hPad = settings.horizontalSpacing ?? 0;
-  const src = escapeHtmlAttribute(block.settings.src);
-  const hrefAttr = block.settings.href
-    ? ` href="${escapeHtmlAttribute(block.settings.href)}"`
-    : "";
-
-  return `<Img src="${src}" alt="" width="600"${hrefAttr} class="w-full px-[${hPad}px]" />`;
-}
-
-/**
- * Translates a button block to Maizzle
- */
-function translateButtonBlock(
-  block: ButtonBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const text = generateHtml(block.settings.content!, "email_v1");
-
-  const borderRadius =
-    block.settings.shape === "square"
-      ? "0px"
-      : block.settings.shape === "rounded"
-        ? "4px"
-        : "50px";
-
-  const widthClass =
-    block.settings.width === "full_width" ? " w-full box-border" : "";
-
-  let href = block.settings.url;
-  if (block.settings.linkType === "email" && !href.startsWith("mailto:")) {
-    href = `mailto:${href}`;
-  } else if (block.settings.linkType === "phone" && !href.startsWith("tel:")) {
-    href = `tel:${href}`;
-  }
-
-  const textColor =
-    block.settings.textColor ?? settings.button?.textColor ?? "#FFFFFF";
-  const backgroundColor =
-    block.settings.backgroundColor ??
-    settings.button?.backgroundColor ??
-    "#000000";
-  const fontFamily =
-    block.settings.fontFamily ?? settings.fontFamily ?? "Arial";
-
-  const alignAttr =
-    block.settings.width === "full_width" ? "center" : block.settings.alignment;
-
-  const btn = `<Button href="${escapeHtmlAttribute(href)}" align="${alignAttr}" class="no-underline bg-[${escapeHtmlAttribute(backgroundColor)}] text-[${escapeHtmlAttribute(textColor)}] rounded-[${borderRadius}] font-[${escapeHtmlAttribute(fontFamily)}] text-[${block.settings.fontSize}px]${widthClass}">
-  <span v-pre>${text}</span>
-</Button>`;
-
-  const bg = bgClass(block.settings.backgroundBlock);
-  if (bg) {
-    return `<div class="${bg.trim()}">${btn}</div>`;
-  }
-  return btn;
-}
-
-/**
- * Translates a content block inside a grid column to Maizzle
- */
-function translateContentBlockToMaizzle(
-  block: GridAllowedBlock,
-  settings: EmailGlobalSettings,
-): string {
-  switch (block.type) {
-    case "discount":
-      return translateDiscountBlock(block, settings);
-    case "heading":
-      return translateHeadingBlock(block, settings);
-    case "paragraph":
-      return translateParagraphBlock(block, settings);
-    case "image":
-      return translateImageBlock(block, settings);
-    case "button":
-      return translateButtonBlock(block, settings);
-    default:
-      return "";
-  }
-}
-
-/**
- * Extracts the "container background color" from a grid-allowed block.
- * Mirrors MJML's container-background-color which fills the parent column cell.
- */
-function getBlockContainerBg(block: GridAllowedBlock): string | undefined {
-  switch (block.type) {
-    case "heading":
-    case "paragraph":
-      return block.settings.backgroundColor;
-    case "discount":
-    case "button":
-      return block.settings.backgroundBlock;
-    default:
-      return undefined;
-  }
-}
-
-/**
- * Translates a grid block to Maizzle (multi-column layout).
- * Columns stack to full-width rows on mobile via max-sm:min-w-full.
- * Lifts first block's container-bg to Column so it fills the full cell height.
- *
- * TODO: equal-height columns — add `table-cell` back on <Column> once we have
- * a mobile-safe approach (table-cell prevents stacking on small viewports).
- */
-function translateGridBlock(
-  block: GridBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const cols = block.settings.columns;
-  const widthClass = `w-${cols === 3 ? "1/3" : cols === 4 ? "1/4" : "1/2"}`;
-
-  const columns = block.settings.columnData
-    .map((col) => {
-      const content = col.blocks
-        .map((b) => translateContentBlockToMaizzle(b, settings))
-        .join("\n      ");
-      const colBg =
-        col.blocks.length > 0
-          ? bgClass(getBlockContainerBg(col.blocks[0]))
-          : "";
-
-      return `
-    <Column class="${widthClass} max-sm:min-w-full${colBg}">
-      ${content}
-    </Column>`;
-    })
-    .join("");
-
-  return `<Row class="${bgClass(block.settings.backgroundColor).trim()}">
-${columns}
-</Row>`;
-}
-
-/**
- * Translates a raw HTML block to Maizzle
- */
-function translateRawHtmlBlock(block: RawHtmlBlock): string {
-  return `<Raw>${block.settings.html}</Raw>`;
-}
-
-/**
- * Translates a discount block to Maizzle
- */
-function translateDiscountBlock(
-  block: DiscountBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const html = generateEmailHtml(block.settings.content);
-
-  const borderRadius =
-    block.settings.style === "square"
-      ? "0px"
-      : block.settings.style === "rounded"
-        ? "4px"
-        : "50px";
-
-  const widthClass =
-    block.settings.width === "full_width" ? " w-full" : " inline-block";
-
-  const textColor = block.settings.textColor ?? settings.textColor ?? "#1F2937";
-  const fontFamily =
-    block.settings.fontFamily ?? settings.fontFamily ?? "Arial";
-  const hPad = settings.horizontalSpacing ?? 0;
-
-  return `<div class="overflow-hidden font-[${escapeHtmlAttribute(fontFamily)}] text-[${block.settings.fontSize}px] text-[${escapeHtmlAttribute(textColor)}] text-center px-[${hPad}px]${bgClass(block.settings.backgroundBlock)}" v-pre>
-  <${block.settings.tag} class="rounded-[${borderRadius}] bg-[${escapeHtmlAttribute(block.settings.backgroundComponent)}] px-2 py-3 ${widthClass} box-border" style="margin: 0; font-size: ${block.settings.fontSize}px;">${html}</${block.settings.tag}>
-</div>`;
-}
-
-/**
- * Translates a header block to Maizzle.
- * When a backgroundColor is set, wraps <Img> in a <div> so the bg fills the
- * full container width (mimics MJML's container-background-color on the section cell).
- */
-function translateHeaderBlock(
-  block: HeaderBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const hPad = settings.horizontalSpacing ?? 0;
-
-  const alignClass =
-    block.settings.alignment === "center"
-      ? " block mx-auto"
-      : block.settings.alignment === "right"
-        ? " block ml-auto"
-        : "";
-
-  const bg = bgClass(block.settings.backgroundColor);
-  const img = `<Img src="${escapeHtmlAttribute(block.settings.src)}" alt="${escapeHtmlAttribute(block.settings.alt)}" width="${block.settings.width}" class="${alignClass.trim()}" />`;
-
-  if (bg) {
-    return `<div class="px-[${hPad}px]${bg}">${img}</div>`;
-  }
-
-  return `<Img src="${escapeHtmlAttribute(block.settings.src)}" alt="${escapeHtmlAttribute(block.settings.alt)}" width="${block.settings.width}" class="px-[${hPad}px]${alignClass}" />`;
-}
-
-/**
- * Translates a footer block to Maizzle
- */
-function translateFooterBlock(
-  block: FooterBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const html = generateEmailHtml(block.settings.content);
-  const textColor = block.settings.textColor ?? settings.textColor ?? "#1F2937";
-  const fontFamily =
-    block.settings.fontFamily ?? settings.fontFamily ?? "Arial";
-  const hPad = TEXT_HORIZONTAL_PADDING + (settings.horizontalSpacing ?? 0);
-
-  return `<div class="overflow-hidden font-[${escapeHtmlAttribute(fontFamily)}] text-[${block.settings.fontSize}px] text-[${escapeHtmlAttribute(textColor)}] px-[${hPad}px]${bgClass(block.settings.backgroundColor)} leading-lg" v-pre>
-  ${html}
-</div>`;
-}
-
-/**
- * Translates an unsubscribe link block to Maizzle
- * See translateHeadingBlock for why <div> is used instead of <Text>.
- */
-function translateUnsubscribeLinkBlock(
-  block: UnsubscribeLinkBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const html = generateEmailHtml(block.settings.content);
-  const textColor = block.settings.textColor ?? settings.textColor ?? "#1F2937";
-  const fontFamily =
-    block.settings.fontFamily ?? settings.fontFamily ?? "Arial";
-  const hPad = TEXT_HORIZONTAL_PADDING + (settings.horizontalSpacing ?? 0);
-
-  return `<div class="overflow-hidden font-[${escapeHtmlAttribute(fontFamily)}] text-[${block.settings.fontSize}px] text-[${escapeHtmlAttribute(textColor)}] text-${block.settings.alignment} px-[${hPad}px]${bgClass(block.settings.backgroundColor)}" v-pre>
-  ${html}
-</div>`;
-}
-
-/**
- * Translates a socials block to Maizzle
- */
-function translateSocialsBlock(
-  block: SocialsBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const hPad = settings.horizontalSpacing ?? 0;
-
-  const enabledSocials = SOCIAL_PLATFORMS.filter(
-    (platform: SocialPlatform) => block.settings.socials[platform].enabled,
-  );
-
-  const socialIconsHtml = enabledSocials
-    .filter((platform: SocialPlatform) => {
-      const url = block.settings.socials[platform].url;
-      return url && url.trim() !== "";
-    })
-    .map((platform: SocialPlatform) => {
-      const url = escapeHtmlAttribute(block.settings.socials[platform].url);
-      const icon = SOCIAL_ICONS[platform];
-      return `<a href="${url}" target="_blank" rel="noopener noreferrer" class="inline-block mx-1"><img src="${icon}" alt="${platform}" width="24" height="24" class="border-0 inline-block" /></a>`;
-    })
-    .join("");
-
-  return `<Text class="m-0 text-center px-[${hPad}px]${bgClass(block.settings.backgroundColor)}">
-  ${socialIconsHtml}
-</Text>`;
-}
-
-/**
- * Translates a top products block to Maizzle
- * Products are pre-fetched during compilation enrichment
- */
-function translateTopProductsBlock(
-  block: TopProductsBlock,
-  settings: EmailGlobalSettings,
-): string {
-  const products = block._products;
-  if (!products || products.length === 0) return "";
-
-  const fontFamily = settings.fontFamily || "Arial";
-  const displayProducts = products.slice(0, block.settings.maxProducts);
-
-  const productCards = displayProducts
-    .map((product) => {
-      const parsed = parseFloat(product.price);
-      const showPrice =
-        product.price &&
-        product.price !== "0" &&
-        !isNaN(parsed) &&
-        parsed !== 0;
-      const priceHtml = showPrice
-        ? `\n            <Text class="text-[10px] leading-[16px] text-[#86837C] font-[${escapeHtmlAttribute(fontFamily)}]">${escapeHtmlAttribute(product.price)}</Text>`
-        : "";
-
-      return `<Row class="mb-2 bg-white rounded-xl border-2 border-[#F1F0EF]">
-        <Column class="w-1/4 table-cell p-1 align-top">
-          <Link href="${escapeHtmlAttribute(product.link)}">
-            <Img src="${escapeHtmlAttribute(product.image)}" alt="${escapeHtmlAttribute(product.name)}" class="rounded w-full" />
-          </Link>
-        </Column>
-        <Column class="w-3/4 table-cell px-2 py-3 align-top">
-          <Text class="text-xs leading-[18px] font-medium text-[#292826] font-[${escapeHtmlAttribute(fontFamily)}]">${escapeHtmlAttribute(product.name)}</Text>${priceHtml}
-        </Column>
-      </Row>`;
-    })
-    .join("\n    ");
-
-  return `<div class="p-6 bg-[${escapeHtmlAttribute(block.settings.backgroundColor)}]">
-    ${productCards}
-</div>`;
-}
-
-/**
- * Translates a block to a section fragment.
- * Adds vertical spacing between blocks via a Spacer when not the first block.
- */
-function translateBlockToSection(
-  block: EmailBlock,
-  settings: EmailGlobalSettings,
-  isFirst: boolean,
-): string {
-  const { verticalSpacing = 0 } = settings;
-  const spacer =
-    !isFirst && verticalSpacing > 0
-      ? `<Spacer class="h-[${verticalSpacing}px]" />\n      `
-      : "";
-
-  let content = "";
-  switch (block.type) {
-    case "spacer":
-      content = translateSpacerBlock(block, settings);
-      break;
-    case "divider":
-      content = translateDividerBlock(block, settings);
-      break;
-    case "heading":
-      content = translateHeadingBlock(block, settings);
-      break;
-    case "paragraph":
-      content = translateParagraphBlock(block, settings);
-      break;
-    case "image":
-      content = translateImageBlock(block, settings);
-      break;
-    case "button":
-      content = translateButtonBlock(block, settings);
-      break;
-    case "discount":
-      content = translateDiscountBlock(block, settings);
-      break;
-    case "header":
-      content = translateHeaderBlock(block, settings);
-      break;
-    case "raw_html":
-      return `${spacer}${translateRawHtmlBlock(block)}`;
-    case "grid":
-      return `${spacer}${translateGridBlock(block, settings)}`;
-    case "footer":
-      content = translateFooterBlock(block, settings);
-      break;
-    case "unsubscribe_link":
-      content = translateUnsubscribeLinkBlock(block, settings);
-      break;
-    case "socials":
-      content = translateSocialsBlock(block, settings);
-      break;
-    case "top_products":
-      return `${spacer}${translateTopProductsBlock(block, settings)}`;
-    default:
-      return "";
-  }
-
-  return `${spacer}${content}`;
-}
-
-/**
- * Translates an EmailMessage to a Maizzle Vue SFC string.
- *
- * The output is a raw Vue Single File Component string ready to be
- * compiled by Maizzle's render() API. User-generated content containing
- * {{param}} placeholders is wrapped in v-pre to prevent Vue evaluation.
- * Parameters are injected post-render via string replacement.
- *
- * @param message - The email message to translate
- * @returns Vue SFC string ready for Maizzle render()
- */
-export function translateEmailToMaizzle(message: EmailMessage): string {
-  const { blocks, settings } = message.body;
-
-  const sections = blocks
-    .map((block, index) =>
-      translateBlockToSection(block, settings, index === 0),
-    )
-    .join("\n      ");
-
-  const contentBackgroundColor = settings.contentBackgroundColor || "#FFFFFF";
-  const backgroundColor = settings.backgroundColor || "#F3F4F6";
-  const contentWidth = settings.contentWidth || 600;
-
-  const preheader = message.metadata.preheader
-    ? `\n    <Preheader v-pre>${escapeHtmlAttribute(message.metadata.preheader)}</Preheader>`
-    : "";
-
-  const fontFamily = settings.fontFamily || "Arial";
-  const textColor = settings.textColor || "#1F2937";
-
-  return `<script setup>
-usePlaintext()
-</script>
-
-<template>
-  <Layout body-class="font-[${escapeHtmlAttribute(fontFamily)}] text-[${escapeHtmlAttribute(textColor)}] bg-[${escapeHtmlAttribute(backgroundColor)}]">
-    <Head>
-      <style embed>
-        p { margin: 0; line-height: 1.5em }
-        h1, h2, h3, h4, h5, h6 { font-weight: normal; }
-        .tiptap-emoji img { height: 1em !important; width: 1em !important; vertical-align: middle !important; }
-      </style>
-    </Head>${preheader}
-    <Container class="max-w-[${contentWidth}px] bg-[${escapeHtmlAttribute(contentBackgroundColor)}]">
-      ${sections}
-    </Container>
-  </Layout>
-</template>
-`;
-}