payload-plugin-newsletter 0.15.0 → 0.15.1

package/dist/collections.js

@@ -529,6 +529,103 @@ import {
   InlineToolbarFeature,
   lexicalEditor
 } from "@payloadcms/richtext-lexical";
+
+// src/utils/blockValidation.ts
+var EMAIL_INCOMPATIBLE_TYPES = [
+  "chart",
+  "dataTable",
+  "interactive",
+  "streamable",
+  "video",
+  "iframe",
+  "form",
+  "carousel",
+  "tabs",
+  "accordion",
+  "map"
+];
+var validateEmailBlocks = (blocks) => {
+  blocks.forEach((block) => {
+    if (EMAIL_INCOMPATIBLE_TYPES.includes(block.slug)) {
+      console.warn(`\u26A0\uFE0F  Block "${block.slug}" may not be email-compatible. Consider creating an email-specific version.`);
+    }
+    const hasComplexFields = block.fields?.some((field) => {
+      const complexTypes = ["code", "json", "richText", "blocks", "array"];
+      return complexTypes.includes(field.type);
+    });
+    if (hasComplexFields) {
+      console.warn(`\u26A0\uFE0F  Block "${block.slug}" contains complex field types that may not render consistently in email clients.`);
+    }
+  });
+};
+var createEmailSafeBlocks = (customBlocks = []) => {
+  validateEmailBlocks(customBlocks);
+  const baseBlocks = [
+    {
+      slug: "button",
+      fields: [
+        {
+          name: "text",
+          type: "text",
+          label: "Button Text",
+          required: true
+        },
+        {
+          name: "url",
+          type: "text",
+          label: "Button URL",
+          required: true,
+          admin: {
+            description: "Enter the full URL (including https://)"
+          }
+        },
+        {
+          name: "style",
+          type: "select",
+          label: "Button Style",
+          defaultValue: "primary",
+          options: [
+            { label: "Primary", value: "primary" },
+            { label: "Secondary", value: "secondary" },
+            { label: "Outline", value: "outline" }
+          ]
+        }
+      ],
+      interfaceName: "EmailButton",
+      labels: {
+        singular: "Button",
+        plural: "Buttons"
+      }
+    },
+    {
+      slug: "divider",
+      fields: [
+        {
+          name: "style",
+          type: "select",
+          label: "Divider Style",
+          defaultValue: "solid",
+          options: [
+            { label: "Solid", value: "solid" },
+            { label: "Dashed", value: "dashed" },
+            { label: "Dotted", value: "dotted" }
+          ]
+        }
+      ],
+      interfaceName: "EmailDivider",
+      labels: {
+        singular: "Divider",
+        plural: "Dividers"
+      }
+    }
+  ];
+  return [
+    ...baseBlocks,
+    ...customBlocks
+  ];
+};
+
+// src/fields/emailContent.ts
 var createEmailSafeFeatures = (additionalBlocks) => {
   const baseBlocks = [
     {
@@ -666,16 +763,89 @@ var createEmailSafeFeatures = (additionalBlocks) => {
     })
   ];
 };
+var createEmailLexicalEditor = (customBlocks = []) => {
+  const emailSafeBlocks = createEmailSafeBlocks(customBlocks);
+  return lexicalEditor({
+    features: [
+      // Toolbars
+      FixedToolbarFeature(),
+      InlineToolbarFeature(),
+      // Basic text formatting
+      BoldFeature(),
+      ItalicFeature(),
+      UnderlineFeature(),
+      StrikethroughFeature(),
+      // Links with enhanced configuration
+      LinkFeature({
+        fields: [
+          {
+            name: "url",
+            type: "text",
+            required: true,
+            admin: {
+              description: "Enter the full URL (including https://)"
+            }
+          },
+          {
+            name: "newTab",
+            type: "checkbox",
+            label: "Open in new tab",
+            defaultValue: false
+          }
+        ]
+      }),
+      // Lists
+      OrderedListFeature(),
+      UnorderedListFeature(),
+      // Headings - limited to h1, h2, h3 for email compatibility
+      HeadingFeature({
+        enabledHeadingSizes: ["h1", "h2", "h3"]
+      }),
+      // Basic paragraph and alignment
+      ParagraphFeature(),
+      AlignFeature(),
+      // Blockquotes
+      BlockquoteFeature(),
+      // Upload feature for images
+      UploadFeature({
+        collections: {
+          media: {
+            fields: [
+              {
+                name: "caption",
+                type: "text",
+                admin: {
+                  description: "Optional caption for the image"
+                }
+              },
+              {
+                name: "altText",
+                type: "text",
+                label: "Alt Text",
+                required: true,
+                admin: {
+                  description: "Alternative text for accessibility and when image cannot be displayed"
+                }
+              }
+            ]
+          }
+        }
+      }),
+      // Email-safe blocks (processed server-side)
+      BlocksFeature({
+        blocks: emailSafeBlocks
+      })
+    ]
+  });
+};
 var emailSafeFeatures = createEmailSafeFeatures();
 var createEmailContentField = (overrides) => {
-  const features = createEmailSafeFeatures(overrides?.additionalBlocks);
+  const editor = overrides?.editor || createEmailLexicalEditor(overrides?.additionalBlocks);
   return {
     name: "content",
     type: "richText",
     required: true,
-    editor: lexicalEditor({
-      features
-    }),
+    editor,
     admin: {
       description: "Email content with limited formatting for compatibility",
       ...overrides?.admin
@@ -1027,13 +1197,15 @@ var createBroadcastsCollection = (pluginConfig) => {
                 }
               },
               // Apply content field customization if provided
-              customizations?.fieldOverrides?.content ? customizations.fieldOverrides.content(createEmailContentField({
-                admin: { description: "Email content" },
-                additionalBlocks: customizations.customBlocks
-              })) : createEmailContentField({
-                admin: { description: "Email content" },
-                additionalBlocks: customizations?.customBlocks
-              })
+              // Process blocks server-side to avoid client serialization issues
+              (() => {
+                const emailEditor = createEmailLexicalEditor(customizations?.customBlocks);
+                const baseField = createEmailContentField({
+                  admin: { description: "Email content" },
+                  editor: emailEditor
+                });
+                return customizations?.fieldOverrides?.content ? customizations.fieldOverrides.content(baseField) : baseField;
+              })()
             ]
           },
           {