payload-plugin-newsletter 0.12.3 → 0.13.0

package/dist/components.js

@@ -1394,9 +1394,9 @@ var EmailPreviewField = () => {
   const [isValid, setIsValid] = useState6(true);
   const [validationSummary, setValidationSummary] = useState6("");
   const fields = 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) => {
@@ -1536,8 +1536,8 @@ var BroadcastEditor = (props) => {
   const [isValid, setIsValid] = useState7(true);
   const [validationSummary, setValidationSummary] = useState7("");
   const fields = useFormFields2(([fields2]) => ({
-    subject: fields2.subject,
-    preheader: fields2.preheader
+    subject: fields2["contentSection.subject"],
+    preheader: fields2["contentSection.preheader"]
   }));
   const handleValidation = useCallback2((result) => {
     setIsValid(result.valid);
@@ -1989,9 +1989,9 @@ var BroadcastInlinePreview = () => {
   const [previewData, setPreviewData] = useState9(null);
   const [error, setError] = useState9(null);
   const fields = useFormFields3(([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 = useCallback4(async () => {
     if (!fields.content) {
@@ -2022,10 +2022,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",
@@ -2042,10 +2044,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",