@kgalexander/mcreate 1.0.11 → 1.0.12

package/dist/{chunk-CLU5KQRY.mjs → chunk-RKZFFE24.mjs}

@@ -1243,6 +1243,8 @@ function json2mjml(template, mode = "production", options = {}) {
       <mj-head>
 
         <mj-breakpoint width="480px" />
+        <mj-preview>${options.previewText ?? template?.preview ?? ""}</mj-preview>
+        
         ${mjFontTags}
 
         <mj-style>

package/dist/{core-CH5LA5D6.mjs → core-IGOHPWMU.mjs}

@@ -5,7 +5,7 @@ import {
   MAILLOW_EMAIL_EDITOR_VERSION,
   Preview,
   useEditorStore
-} from "./chunk-CLU5KQRY.mjs";
+} from "./chunk-RKZFFE24.mjs";
 export {
   Editor,
   History,

package/dist/index.d.mts

@@ -254,6 +254,7 @@ type TemplateJSON = {
     id: string;
     name: string;
     image: string;
+    preview: string;
     version: string;
     published: boolean;
     creator: string;
@@ -368,6 +369,7 @@ declare function campaign_validation_warnings(): {
 type RenderMode = 'production' | 'editing';
 interface RenderOptions {
     isPaidLevel?: number;
+    previewText?: string;
 }
 /**
  * Convert template JSON to MJML string

package/dist/index.d.ts

@@ -254,6 +254,7 @@ type TemplateJSON = {
     id: string;
     name: string;
     image: string;
+    preview: string;
     version: string;
     published: boolean;
     creator: string;
@@ -368,6 +369,7 @@ declare function campaign_validation_warnings(): {
 type RenderMode = 'production' | 'editing';
 interface RenderOptions {
     isPaidLevel?: number;
+    previewText?: string;
 }
 /**
  * Convert template JSON to MJML string

package/dist/index.js

@@ -1326,6 +1326,8 @@ function json2mjml(template, mode = "production", options = {}) {
       <mj-head>
 
         <mj-breakpoint width="480px" />
+        <mj-preview>${options.previewText ?? template?.preview ?? ""}</mj-preview>
+        
         ${mjFontTags}
 
         <mj-style>
@@ -18225,11 +18227,11 @@ function PreviewSection({
       /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Button,
         {
-          variant: "outline",
+          variant: "ghost",
           size: "icon-sm",
           onClick: () => scroll("left"),
           className: cn(
-            "absolute left-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer rounded-full",
+            "absolute left-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer shadow-md border border-border rounded-full bg-white text-muted-foreground hover:bg-muted hover:dark:bg-muted-foreground",
             !canGoLeft && "hidden"
           ),
           children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react34.ChevronLeftIcon, { className: "size-6 " })
@@ -18248,11 +18250,11 @@ function PreviewSection({
       /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Button,
         {
-          variant: "outline",
+          variant: "ghost",
           size: "icon-sm",
           onClick: () => scroll("right"),
           className: cn(
-            "absolute right-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer rounded-full",
+            "absolute right-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer shadow-md border border-border rounded-full bg-white text-muted-foreground hover:bg-muted hover:dark:bg-muted-foreground",
             !canGoRight && "hidden"
           ),
           children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react34.ChevronRightIcon, { className: "size-6" })

package/dist/index.mjs

@@ -64,7 +64,7 @@ import {
   useSidebarContext,
   validate_campaign_onCreate,
   validate_editor_onPreview
-} from "./chunk-CLU5KQRY.mjs";
+} from "./chunk-RKZFFE24.mjs";
 
 // src/core/editor/components/email-template-v2/header.tsx
 import { ArrowLeftIcon, CopyIcon, MegaphoneIcon, MoreHorizontalIcon, PencilIcon, SendIcon, TrashIcon } from "lucide-react";
@@ -1338,11 +1338,11 @@ function PreviewSection({
       /* @__PURE__ */ jsx5(
         Button,
         {
-          variant: "outline",
+          variant: "ghost",
           size: "icon-sm",
           onClick: () => scroll("left"),
           className: cn(
-            "absolute left-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer rounded-full",
+            "absolute left-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer shadow-md border border-border rounded-full bg-white text-muted-foreground hover:bg-muted hover:dark:bg-muted-foreground",
             !canGoLeft && "hidden"
           ),
           children: /* @__PURE__ */ jsx5(ChevronLeftIcon, { className: "size-6 " })
@@ -1361,11 +1361,11 @@ function PreviewSection({
       /* @__PURE__ */ jsx5(
         Button,
         {
-          variant: "outline",
+          variant: "ghost",
           size: "icon-sm",
           onClick: () => scroll("right"),
           className: cn(
-            "absolute right-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer rounded-full",
+            "absolute right-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer shadow-md border border-border rounded-full bg-white text-muted-foreground hover:bg-muted hover:dark:bg-muted-foreground",
             !canGoRight && "hidden"
           ),
           children: /* @__PURE__ */ jsx5(ChevronRightIcon, { className: "size-6" })
@@ -12283,7 +12283,7 @@ function useAutoSave() {
 // src/core/editor/components/email-template-v2/template-page.tsx
 import "react-json-view-lite/dist/index.css";
 import { jsx as jsx75, jsxs as jsxs60 } from "react/jsx-runtime";
-var Editor2 = lazy(() => import("./core-CH5LA5D6.mjs").then((module) => ({
+var Editor2 = lazy(() => import("./core-IGOHPWMU.mjs").then((module) => ({
   default: module.Editor
 })));
 function TemplatePage({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kgalexander/mcreate",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "Maillow email template editor",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",