payload-plugin-newsletter 0.12.3 → 0.13.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [0.13.0] - 2025-07-21
+
+### Changed
+- **BREAKING**: Broadcasts collection field structure has been updated for improved layout
+  - Fields `subject`, `preheader`, and `content` are now nested under `contentSection` group
+  - Email preview is now displayed side-by-side with content fields on desktop screens
+  - Responsive design switches to vertical layout on screens smaller than 1024px
+  
+### Migration Guide
+If you have existing broadcast data, you'll need to migrate the field structure:
+- `subject` → `contentSection.subject`
+- `preheader` → `contentSection.preheader`
+- `content` → `contentSection.content`
+
 ## [0.12.3] - 2025-07-20
 
 ### Fixed

package/dist/components.cjs

@@ -1446,9 +1446,9 @@ var EmailPreviewField = () => {
   const [isValid, setIsValid] = (0, import_react6.useState)(true);
   const [validationSummary, setValidationSummary] = (0, import_react6.useState)("");
   const fields = (0, import_ui.useFormFields)(([fields2]) => ({
-    content: fields2.content,
-    subject: fields2.subject,
-    preheader: fields2.preheader,
+    content: fields2["contentSection.content"],
+    subject: fields2["contentSection.subject"],
+    preheader: fields2["contentSection.preheader"],
     channel: fields2.channel
   }));
   const handleValidation = (result) => {
@@ -1588,8 +1588,8 @@ var BroadcastEditor = (props) => {
   const [isValid, setIsValid] = (0, import_react7.useState)(true);
   const [validationSummary, setValidationSummary] = (0, import_react7.useState)("");
   const fields = (0, import_ui2.useFormFields)(([fields2]) => ({
-    subject: fields2.subject,
-    preheader: fields2.preheader
+    subject: fields2["contentSection.subject"],
+    preheader: fields2["contentSection.preheader"]
   }));
   const handleValidation = (0, import_react7.useCallback)((result) => {
     setIsValid(result.valid);
@@ -2031,9 +2031,9 @@ var BroadcastInlinePreview = () => {
   const [previewData, setPreviewData] = (0, import_react9.useState)(null);
   const [error, setError] = (0, import_react9.useState)(null);
   const fields = (0, import_ui3.useFormFields)(([fields2]) => ({
-    subject: fields2.subject?.value,
-    preheader: fields2.preheader?.value,
-    content: fields2.content?.value
+    subject: fields2["contentSection.subject"]?.value,
+    preheader: fields2["contentSection.preheader"]?.value,
+    content: fields2["contentSection.content"]?.value
   }));
   const updatePreview = (0, import_react9.useCallback)(async () => {
     if (!fields.content) {
@@ -2064,10 +2064,12 @@ var BroadcastInlinePreview = () => {
     }
   }, [fields]);
   const containerStyle = {
-    marginTop: "2rem",
     border: "1px solid #e5e7eb",
     borderRadius: "8px",
-    overflow: "hidden"
+    overflow: "hidden",
+    height: "100%",
+    display: "flex",
+    flexDirection: "column"
   };
   const headerStyle = {
     display: "flex",
@@ -2084,10 +2086,11 @@ var BroadcastInlinePreview = () => {
     margin: 0
   };
   const previewContainerStyle = {
-    height: "600px",
+    flex: 1,
     display: "flex",
     flexDirection: "column",
-    background: "#f3f4f6"
+    background: "#f3f4f6",
+    minHeight: "600px"
   };
   const errorStyle = {
     padding: "2rem",