payload-plugin-newsletter 0.14.0 → 0.14.2

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## [0.14.2] - 2025-07-22
+
+### Added
+- Custom email template support for transactional emails (magic link, welcome, sign-in)
+  - Configure via `customTemplates` in plugin config
+  - Full React Email component support
+  - Fallback to built-in templates when custom ones not provided
+- Comprehensive email template documentation
+  - Guide for creating custom broadcast templates
+  - Guide for creating custom transactional templates
+  - Examples and best practices for template development
+  - Extension patterns for advanced use cases
+
+### Fixed
+- Custom templates now properly used when configured in plugin settings
+- All email rendering functions now accept config parameter for template customization
+
+## [0.14.1] - 2025-07-22
+
+### Changed
+- Improved email preview in Broadcasts collection to use full container height
+  - Email preview now utilizes all available vertical space
+  - Maintains realistic email widths (600px for desktop, 375px for mobile)
+  - Added scrolling within preview container for longer email content
+  - Better space utilization for viewing and editing broadcast emails
+
 ## [0.14.0] - 2025-07-22
 
 ### Added

package/dist/components.cjs

@@ -1888,13 +1888,16 @@ var EmailRenderer = ({
     width: "100%",
     height: "100%",
     display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
+    alignItems: "flex-start",
+    justifyContent: "center",
+    overflow: "auto",
+    padding: "2rem",
+    boxSizing: "border-box"
   };
   const iframeStyle = {
     width: device === "mobile" ? "375px" : "600px",
-    maxWidth: "100%",
     height: "100%",
+    minHeight: "600px",
     background: "white",
     boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
     borderRadius: device === "mobile" ? "20px" : "8px",
@@ -2090,7 +2093,7 @@ var BroadcastInlinePreview = () => {
     display: "flex",
     flexDirection: "column",
     background: "#f3f4f6",
-    minHeight: "600px"
+    overflow: "hidden"
   };
   const errorStyle = {
     padding: "2rem",
@@ -2146,14 +2149,14 @@ var BroadcastInlinePreview = () => {
           isLoading
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { flex: 1, display: "flex", alignItems: "center", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         EmailRenderer,
         {
           template: previewData.template,
           data: previewData.data,
           device
         }
-      ) })
+      )
     ] }) : null })
   ] });
 };