@kgalexander/mcreate 1.0.7 → 1.0.9

package/dist/{chunk-B46UUREH.mjs → chunk-R3LRNUKL.mjs}

@@ -1707,7 +1707,7 @@ var empty_default = {
   version: "1.0.0",
   published: true,
   creator: "Kevin Guerrero",
-  image: "https://mzyngaqmbvhpgmmipndy.supabase.co/storage/v1/object/public/Maillow/placeholder_image.png",
+  image: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN88P/BfwAJhAPkD+pMGAAAAABJRU5ErkJggg==",
   content: [
     {
       id: "main-body",
@@ -3418,7 +3418,7 @@ function getEditorStyles(isDragButtonHovered, textEditingIdx) {
   /* Merge field tags - dashed underline for {{variable}} patterns */
   .merge-field-tag {
   
-    background-color: var(--background);
+    background-color: white;
     border-radius: 4px;
     padding: 0px;
     border: 1px solid var(--border);
@@ -4286,7 +4286,7 @@ var DragButton = ({ getReferenceRect, focusIdx, elementType, isDragging }) => {
         zIndex: 49,
         opacity: isDragging ? 0.3 : 1
       },
-      className: "flex items-center justify-center bg-background border shadow-sm rounded-full cursor-grab hover:bg-blue-400 hover:border-blue-300 active:cursor-grabbing transition-colors",
+      className: "flex items-center justify-center bg-white border shadow-sm rounded-full cursor-grab hover:bg-blue-400 hover:border-blue-300 active:cursor-grabbing transition-colors",
       children: /* @__PURE__ */ jsx2(Move, { className: "w-4 h-4pointer-events-none", color: isDragButtonHovered ? "white" : "gray" })
     }
   );
@@ -11303,7 +11303,7 @@ function Separator({
 }
 
 // src/core/editor/components/float-ui/helper.ts
-var floatButtonVariants = "shadow-none transition-none cursor-pointer rounded-full h-[34px] w-[34px] p-0";
+var floatButtonVariants = "shadow-none transition-none cursor-pointer rounded-full h-[34px] w-[34px] p-0 text-black";
 
 // src/components/ui/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
@@ -11407,7 +11407,7 @@ var TextLinkMenu = ({ editor }) => {
         Button,
         {
           variant: "ghost",
-          className: "shadow-none transition-none cursor-pointer rounded-full outline-none h-[34px]",
+          className: "shadow-none transition-none cursor-pointer rounded-full outline-none h-[34px] text-black",
           onMouseDown: (e) => e.preventDefault(),
           children: [
             /* @__PURE__ */ jsx20(LinkIcon2, { className: "size-4" }),
@@ -12289,7 +12289,7 @@ var TiptapOverlayContent = ({ idx, getReferenceRect, getShadowElement, initialWi
           text-align: inherit;
         }
         .tiptap-overlay .ProseMirror .merge-field-tag {
-          background-color: var(--background);
+          background-color: white;
           border-radius: 4px;
           padding: 0px;
           border: 1px solid var(--border);
@@ -12366,7 +12366,7 @@ var DeleteButton = () => {
         variant: "ghost",
         className: floatButtonVariants,
         onClick: handleDelete,
-        children: /* @__PURE__ */ jsx23(TrashIcon2, { className: "size-4" })
+        children: /* @__PURE__ */ jsx23(TrashIcon2, { className: "size-4 " })
       }
     ) }),
     /* @__PURE__ */ jsx23(TooltipContent, { side: "bottom", children: "Delete" })
@@ -12663,7 +12663,7 @@ var HrefMenu = () => {
         Button,
         {
           variant: "ghost",
-          className: "shadow-none transition-none cursor-pointer rounded-full outline-none h-[34px]",
+          className: "shadow-none transition-none cursor-pointer rounded-full outline-none h-[34px] text-black",
           children: [
             /* @__PURE__ */ jsx26(LinkIcon3, { className: "size-4" }),
             /* @__PURE__ */ jsx26("p", { children: "Add link" })
@@ -13472,7 +13472,7 @@ var MlsNumberMenu = () => {
         Button,
         {
           variant: "ghost",
-          className: "shadow-none transition-none cursor-pointer rounded-full outline-none h-[34px]",
+          className: "shadow-none transition-none cursor-pointer rounded-full outline-none h-[34px] text-black",
           children: [
             /* @__PURE__ */ jsx38(HousePlusIcon, { className: "size-4" }),
             /* @__PURE__ */ jsx38("p", { children: "MLS" })
@@ -13821,14 +13821,14 @@ var DividerScale = ({ getReferenceRect }) => {
           "div",
           {
             onPointerDown: (e) => handlePointerDown(e, "left"),
-            className: `w-[18px] h-[18px] cursor-ew-resize bg-background shadow-md border rounded-full absolute -left-[9px] top-1/2 -translate-y-1/2 touch-none select-none ${activeSide === "left" ? "bg-blue-400 border-blue-300" : "hover:bg-blue-400 hover:border-blue-300"}`
+            className: `w-[18px] h-[18px] cursor-ew-resize bg-white shadow-md border rounded-full absolute -left-[9px] top-1/2 -translate-y-1/2 touch-none select-none ${activeSide === "left" ? "bg-blue-400 border-blue-300" : "hover:bg-blue-400 hover:border-blue-300"}`
           }
         ),
         showRightHandle && (activeSide === null || activeSide === "right") && /* @__PURE__ */ jsx43(
           "div",
           {
             onPointerDown: (e) => handlePointerDown(e, "right"),
-            className: `w-[18px] h-[18px] cursor-ew-resize bg-background shadow-md border rounded-full absolute -right-[9px] top-1/2 -translate-y-1/2 touch-none select-none ${activeSide === "right" ? "bg-blue-400 border-blue-300" : "hover:bg-blue-400 hover:border-blue-300"}`
+            className: `w-[18px] h-[18px] cursor-ew-resize bg-white shadow-md border rounded-full absolute -right-[9px] top-1/2 -translate-y-1/2 touch-none select-none ${activeSide === "right" ? "bg-blue-400 border-blue-300" : "hover:bg-blue-400 hover:border-blue-300"}`
           }
         )
       ]
@@ -13973,7 +13973,7 @@ var ButtonScale = ({ getReferenceRect }) => {
   }, [getReferenceRect, refs, update, virtualReference]);
   const showLeftHandle = currentAlign !== "left";
   const showRightHandle = currentAlign !== "right";
-  const handleBaseClass = "bg-background shadow-md border rounded-full absolute touch-none select-none pointer-events-auto";
+  const handleBaseClass = "bg-white shadow-md border rounded-full absolute touch-none select-none pointer-events-auto";
   const getHandleActiveClass = (side) => activeSide === side ? "bg-blue-400 border-blue-300" : "hover:bg-blue-400 hover:border-blue-300";
   return /* @__PURE__ */ jsxs27(
     "div",
@@ -14186,7 +14186,7 @@ var ImageScale = ({ getReferenceRect }) => {
   const showTopRight = currentAlign !== "right";
   const showBottomLeft = currentAlign !== "left";
   const showBottomRight = currentAlign !== "right";
-  const handleBaseClass = "bg-background shadow-md border rounded-full absolute touch-none select-none pointer-events-auto";
+  const handleBaseClass = "bg-white shadow-md border rounded-full absolute touch-none select-none pointer-events-auto";
   const getHandleActiveClass = (side) => activeSide === side ? "bg-blue-400 border-blue-300" : "hover:bg-blue-400 hover:border-blue-300";
   return /* @__PURE__ */ jsxs28(
     "div",
@@ -14364,7 +14364,7 @@ var SpacerScale = ({ getReferenceRect }) => {
     );
     return cleanup;
   }, [getReferenceRect, refs, update, virtualReference]);
-  const handleBaseClass = "bg-background shadow-md border rounded-full absolute touch-none select-none pointer-events-auto";
+  const handleBaseClass = "bg-white shadow-md border rounded-full absolute touch-none select-none pointer-events-auto";
   const getHandleActiveClass = (side) => activeSide === side ? "bg-blue-400 border-blue-300" : "hover:bg-blue-400 hover:border-blue-300";
   return /* @__PURE__ */ jsxs29(
     "div",
@@ -14531,7 +14531,7 @@ var ColumnScale = ({ sectionColumnIdx, shadowRoot }) => {
   if (columnRects.length < 2 || columnWidths.length < 2) {
     return null;
   }
-  const handleBaseClass = "bg-background shadow-md border rounded-full touch-none select-none pointer-events-auto";
+  const handleBaseClass = "bg-white shadow-md border rounded-full touch-none select-none pointer-events-auto";
   const getHandleActiveClass = (index) => activeDivider === index ? "bg-blue-400 border-blue-300" : "hover:bg-blue-400 hover:border-blue-300";
   return /* @__PURE__ */ jsx47(Fragment17, { children: columnRects.slice(0, -1).map((rect, index) => {
     const nextRect = columnRects[index + 1];
@@ -14702,6 +14702,16 @@ function validate_editor_onPreview(template, mergeFields) {
   const is_over_size_limit = templateSize > 50 * 1024;
   return { invalid_merge_fields, missing_links, is_over_size_limit, placeholder_property_images };
 }
+function validate_campaign_onCreate() {
+  return true;
+}
+function campaign_validation_warnings() {
+  return {
+    invalid_merge_fields: true,
+    missing_properties_attributes: true,
+    missing_links: true
+  };
+}
 
 // src/core/editor/components/preview.tsx
 import { jsx as jsx49, jsxs as jsxs30 } from "react/jsx-runtime";
@@ -16079,6 +16089,9 @@ export {
   SidebarProvider,
   useSidebarContext,
   Textarea,
+  validate_editor_onPreview,
+  validate_campaign_onCreate,
+  campaign_validation_warnings,
   Preview,
   History,
   MAILLOW_EMAIL_EDITOR_VERSION,

package/dist/{core-FWDS3AQF.mjs → core-HIQH4BAG.mjs}

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

package/dist/index.d.mts

@@ -320,6 +320,38 @@ declare function TemplatePage({ templateId, initialTemplate, onSave, onToast, on
 
 declare const MAX_TEMPLATE_SIZE: number;
 
+interface MergeFieldType {
+    label: string;
+    value: string;
+}
+interface MissingLinkType {
+    type: 'button' | 'social-item';
+    label: string;
+}
+interface PreviewValidationType {
+    invalid_merge_fields: string[];
+    missing_links: MissingLinkType[];
+    is_over_size_limit: boolean;
+    placeholder_property_images: number;
+}
+
+/**
+ * Validate a template when the user previews the template
+ */
+declare function validate_editor_onPreview(template: any, mergeFields: MergeFieldType[]): PreviewValidationType;
+/**
+ * Validate a campaign template when the user creates a new campaign
+ */
+declare function validate_campaign_onCreate(): boolean;
+/**
+ * Return validation warnings for a campaign template
+ */
+declare function campaign_validation_warnings(): {
+    invalid_merge_fields: boolean;
+    missing_properties_attributes: boolean;
+    missing_links: boolean;
+};
+
 /**
  * JSON to MJML Converter
  * Converts template JSON to MJML string for rendering
@@ -338,4 +370,4 @@ interface RenderOptions {
  */
 declare function json2mjml(template: TemplateJSON, mode?: RenderMode, options?: RenderOptions): string;
 
-export { Editor, type ImageData, MAX_TEMPLATE_SIZE, type MergeField, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnToastCallback, type PaidLevel, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, json2mjml };
+export { Editor, type ImageData, MAX_TEMPLATE_SIZE, type MergeField, type MergeFieldType, type MissingLinkType, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnToastCallback, type PaidLevel, type PreviewValidationType, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, campaign_validation_warnings, json2mjml, validate_campaign_onCreate, validate_editor_onPreview };

package/dist/index.d.ts

@@ -320,6 +320,38 @@ declare function TemplatePage({ templateId, initialTemplate, onSave, onToast, on
 
 declare const MAX_TEMPLATE_SIZE: number;
 
+interface MergeFieldType {
+    label: string;
+    value: string;
+}
+interface MissingLinkType {
+    type: 'button' | 'social-item';
+    label: string;
+}
+interface PreviewValidationType {
+    invalid_merge_fields: string[];
+    missing_links: MissingLinkType[];
+    is_over_size_limit: boolean;
+    placeholder_property_images: number;
+}
+
+/**
+ * Validate a template when the user previews the template
+ */
+declare function validate_editor_onPreview(template: any, mergeFields: MergeFieldType[]): PreviewValidationType;
+/**
+ * Validate a campaign template when the user creates a new campaign
+ */
+declare function validate_campaign_onCreate(): boolean;
+/**
+ * Return validation warnings for a campaign template
+ */
+declare function campaign_validation_warnings(): {
+    invalid_merge_fields: boolean;
+    missing_properties_attributes: boolean;
+    missing_links: boolean;
+};
+
 /**
  * JSON to MJML Converter
  * Converts template JSON to MJML string for rendering
@@ -338,4 +370,4 @@ interface RenderOptions {
  */
 declare function json2mjml(template: TemplateJSON, mode?: RenderMode, options?: RenderOptions): string;
 
-export { Editor, type ImageData, MAX_TEMPLATE_SIZE, type MergeField, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnToastCallback, type PaidLevel, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, json2mjml };
+export { Editor, type ImageData, MAX_TEMPLATE_SIZE, type MergeField, type MergeFieldType, type MissingLinkType, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnToastCallback, type PaidLevel, type PreviewValidationType, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, campaign_validation_warnings, json2mjml, validate_campaign_onCreate, validate_editor_onPreview };