payload-plugin-newsletter 0.15.0 → 0.16.0

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
@@ -985,6 +1155,12 @@ var createBroadcastsCollection = (pluginConfig) => {
   const customizations = pluginConfig.customizations?.broadcasts;
   return {
     slug: "broadcasts",
+    versions: {
+      drafts: {
+        autosave: true,
+        schedulePublish: true
+      }
+    },
     labels: {
       singular: "Broadcast",
       plural: "Broadcasts"
@@ -992,7 +1168,7 @@ var createBroadcastsCollection = (pluginConfig) => {
     admin: {
       useAsTitle: "subject",
       description: "Individual email campaigns sent to subscribers",
-      defaultColumns: ["subject", "status", "sentAt", "recipientCount", "actions"]
+      defaultColumns: ["subject", "_status", "status", "sentAt", "recipientCount"]
     },
     fields: [
       {
@@ -1027,13 +1203,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;
+              })()
             ]
           },
           {
@@ -1203,18 +1381,6 @@ var createBroadcastsCollection = (pluginConfig) => {
           condition: () => false
           // Hidden by default
         }
-      },
-      // UI Field for custom actions in list view
-      {
-        name: "actions",
-        type: "ui",
-        admin: {
-          components: {
-            Cell: "payload-plugin-newsletter/components#ActionsCell",
-            Field: "payload-plugin-newsletter/components#EmptyField"
-          },
-          disableListColumn: false
-        }
       }
     ],
     hooks: {
@@ -1328,6 +1494,48 @@ var createBroadcastsCollection = (pluginConfig) => {
             req.payload.logger.error("Failed to delete broadcast from provider:", error);
           }
           return doc;
+        },
+        // Hook to send when published
+        async ({ doc, req }) => {
+          if (doc._status === "published" && doc.providerId) {
+            if (doc.status === "sent" || doc.status === "sending") {
+              return doc;
+            }
+            try {
+              const broadcastConfig = pluginConfig.providers?.broadcast;
+              const resendConfig = pluginConfig.providers?.resend;
+              if (!broadcastConfig && !resendConfig) {
+                req.payload.logger.error("No provider configured for sending");
+                return doc;
+              }
+              if (broadcastConfig) {
+                const { BroadcastApiProvider: BroadcastApiProvider2 } = await Promise.resolve().then(() => (init_broadcast2(), broadcast_exports));
+                const provider = new BroadcastApiProvider2(broadcastConfig);
+                await provider.send(doc.providerId);
+              }
+              await req.payload.update({
+                collection: "broadcasts",
+                id: doc.id,
+                data: {
+                  status: "sending" /* SENDING */,
+                  sentAt: (/* @__PURE__ */ new Date()).toISOString()
+                },
+                req
+              });
+              req.payload.logger.info(`Broadcast ${doc.id} sent successfully`);
+            } catch (error) {
+              req.payload.logger.error(`Failed to send broadcast ${doc.id}:`, error);
+              await req.payload.update({
+                collection: "broadcasts",
+                id: doc.id,
+                data: {
+                  status: "failed" /* FAILED */
+                },
+                req
+              });
+            }
+          }
+          return doc;
         }
       ]
     }