@actuate-media/cms-admin 0.75.0 → 0.76.0

package/src/views/post-editor/PostSectionEditor.tsx

@@ -4,6 +4,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react'
 import { AlertTriangle, Loader2, Lock } from 'lucide-react'
 import { toast } from 'sonner'
 import { ConfirmDialog } from '../../components/ui/ConfirmDialog.js'
+import { SchedulePublishDialog } from '../../components/SchedulePublishDialog.js'
 import { EditorSeoAside } from '../../components/EditorSeoAside.js'
 import { ErrorBoundary } from '../../components/ErrorBoundary.js'
 import { VersionHistory } from '../../components/VersionHistory.js'
@@ -128,6 +129,7 @@ export function PostSectionEditor({
   const [historyOpen, setHistoryOpen] = useState(false)
   const [deleteTargetId, setDeleteTargetId] = useState<string | null>(null)
   const [confirmPublish, setConfirmPublish] = useState(false)
+  const [scheduleOpen, setScheduleOpen] = useState(false)
   const [leaveTarget, setLeaveTarget] = useState<string | null>(null)
   const [validation, setValidation] = useState<ValidationResult | null>(null)
 
@@ -375,6 +377,43 @@ export function PostSectionEditor({
     setConfirmPublish(true)
   }, [post])
 
+  const requestSchedule = useCallback(async () => {
+    if (!post) return
+    if (!post.id) {
+      toast.error('Save the post before scheduling')
+      return
+    }
+    const result = validatePost(post, true)
+    setValidation(result.errors.length || result.warnings.length ? result : null)
+    if (result.errors.length > 0) {
+      toast.error('Resolve the listed issues before scheduling')
+      return
+    }
+    if (dirty) {
+      const ok = await handleSaveDraft()
+      if (!ok) return
+    }
+    setScheduleOpen(true)
+  }, [post, dirty, handleSaveDraft])
+
+  const handleScheduled = useCallback(
+    (next: { status: string; scheduledAt: string | null; scheduledUnpublishAt: string | null }) => {
+      setPost((prev) =>
+        prev
+          ? {
+              ...prev,
+              status: next.status as EditorPost['status'],
+              scheduledAt: next.scheduledAt,
+              scheduledUnpublishAt: next.scheduledUnpublishAt,
+              publishDate: next.scheduledAt ?? prev.publishDate,
+            }
+          : prev,
+      )
+      setValidation(null)
+    },
+    [],
+  )
+
   const doPublish = useCallback(async () => {
     if (!post) return
     setPublishing(true)
@@ -576,6 +615,10 @@ export function PostSectionEditor({
           seoScore={liveSeoScore}
           onSaveDraft={handleSaveDraft}
           onPublish={requestPublish}
+          onSchedule={post.id ? requestSchedule : undefined}
+          scheduleReady={Boolean(post.id)}
+          scheduledAt={post.scheduledAt}
+          scheduledUnpublishAt={post.scheduledUnpublishAt}
           structuralTypes={structuralTypes}
         />
 
@@ -718,6 +761,18 @@ export function PostSectionEditor({
         confirmLabel="Publish"
       />
 
+      {post.id && (
+        <SchedulePublishDialog
+          collectionSlug={postType}
+          documentId={post.id}
+          scheduledAt={post.scheduledAt}
+          scheduledUnpublishAt={post.scheduledUnpublishAt}
+          open={scheduleOpen}
+          onClose={() => setScheduleOpen(false)}
+          onScheduled={handleScheduled}
+        />
+      )}
+
       <ConfirmDialog
         open={leaveTarget !== null}
         onClose={() => setLeaveTarget(null)}