@prenta/admin 1.5.1 → 1.6.1

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

@@ -25,9 +25,9 @@ import {
   fetchPostForEditor,
   fetchTemplateForEditor,
   missingPostFields,
-  publishPost,
   savePostDraft,
   toggleSectionVisibility,
+  transitionPostWorkflow,
   updateSectionContent,
   updateSectionMeta,
   validatePost,
@@ -35,6 +35,7 @@ import {
   type PostHeaderConfig,
   type ValidationResult,
 } from '../../lib/post-editor-service.js'
+import { resolveWorkflowChrome, type WorkflowStage } from '../../lib/workflow-chrome.js'
 import { SharePreviewLinkDialog } from '../../components/SharePreviewLinkDialog.js'
 import { defaultPostHeader } from '@prenta/core/page-sections'
 import { openPublicSiteTab } from '../../lib/open-public-site-tab.js'
@@ -160,7 +161,6 @@ export function PostSectionEditor({
    * audit so the header chip and tab dot always have a number.
    */
   const [liveAudit, setLiveAudit] = useState<PageAuditResult | null>(null)
-  const [confirmPublish, setConfirmPublish] = useState(false)
   const [scheduleOpen, setScheduleOpen] = useState(false)
   const [shareOpen, setShareOpen] = useState(false)
   const [leaveTarget, setLeaveTarget] = useState<string | null>(null)
@@ -180,7 +180,8 @@ export function PostSectionEditor({
     setBaseline(snapshotBaseline(p.sections, p.status))
   }, [])
 
-  const { canEdit, canPublish } = useMemo(() => deriveCan(session), [session])
+  const { canEdit } = useMemo(() => deriveCan(session), [session])
+  const sessionRole = String(session?.user?.role ?? '')
   const customRenderers = useAdminSectionRenderers()
   const {
     siteUrl: publicSiteUrl,
@@ -225,7 +226,7 @@ export function PostSectionEditor({
     post: {
       title: post?.title,
       bodyHtml: post?.body,
-      featuredImage: post?.featuredImage,
+      featuredImage: post?.featuredImageUrl,
     },
   })
   const audit = liveAudit ?? savedAudit
@@ -337,7 +338,7 @@ export function PostSectionEditor({
       title: post?.title,
       excerpt: post?.excerpt,
       body: post?.body,
-      featuredImageUrl: post?.featuredImage,
+      featuredImageUrl: post?.featuredImageUrl,
       publishDate: post?.publishDate ?? post?.updatedAt ?? null,
       category: post?.category,
       author: { name: session?.user?.name || session?.user?.email },
@@ -391,61 +392,36 @@ export function PostSectionEditor({
   }, [])
 
   // ─── Save / publish ──────────────────────────────────────────────────
-  const handleSaveDraft = useCallback(async (): Promise<boolean> => {
-    if (!post) return false
-    const result = validatePost(post, false)
-    if (result.errors.length > 0) {
-      setValidation(result)
-      toast.error(result.errors[0]!)
-      setFieldsOpen(true)
-      return false
-    }
-    setSaveState('saving')
-    try {
-      const saved = await savePostDraft(post)
-      acceptPost(saved)
-      setDirty(false)
-      setSaveState('saved')
-      setValidation(null)
-      toast.success('Draft saved')
-      if (!documentId && saved.id) onNavigate(`/posts/${postType}/${saved.id}/edit`)
-      return true
-    } catch (err) {
-      setSaveState('error')
-      toast.error(err instanceof Error ? err.message : 'Failed to save draft')
-      return false
-    }
-  }, [post, documentId, postType, onNavigate])
-
-  const requestPublish = useCallback(() => {
-    if (!post) 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 publishing')
-      return
-    }
-    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 handleSaveDraft = useCallback(
+    async (options?: { navigate?: boolean }): Promise<EditorPost | false> => {
+      if (!post) return false
+      const result = validatePost(post, false)
+      if (result.errors.length > 0) {
+        setValidation(result)
+        toast.error(result.errors[0]!)
+        setFieldsOpen(true)
+        return false
+      }
+      setSaveState('saving')
+      try {
+        const saved = await savePostDraft(post)
+        acceptPost(saved)
+        setDirty(false)
+        setSaveState('saved')
+        setValidation(null)
+        toast.success('Draft saved')
+        if ((options?.navigate ?? true) && !documentId && saved.id) {
+          onNavigate(`/posts/${postType}/${saved.id}/edit`)
+        }
+        return saved
+      } catch (err) {
+        setSaveState('error')
+        toast.error(err instanceof Error ? err.message : 'Failed to save draft')
+        return false
+      }
+    },
+    [post, documentId, postType, onNavigate, acceptPost],
+  )
 
   const handleScheduled = useCallback(
     (next: { status: string; scheduledAt: string | null; scheduledUnpublishAt: string | null }) => {
@@ -465,24 +441,6 @@ export function PostSectionEditor({
     [],
   )
 
-  const doPublish = useCallback(async () => {
-    if (!post) return
-    setPublishing(true)
-    try {
-      const published = await publishPost(post)
-      acceptPost(published)
-      setDirty(false)
-      setSaveState('saved')
-      setValidation(null)
-      toast.success('Post published')
-      if (!documentId && published.id) onNavigate(`/posts/${postType}/${published.id}/edit`)
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : 'Failed to publish post')
-    } finally {
-      setPublishing(false)
-    }
-  }, [post, documentId, postType, onNavigate])
-
   // ─── Version history ─────────────────────────────────────────────────
   // History is a MODE, not a dialog: it overlays the rail and drives the
   // canvas, so the version being reviewed is editor state rather than
@@ -555,6 +513,76 @@ export function PostSectionEditor({
   const effectiveCanEdit = canEdit && !reviewing
   const canRestoreVersion = canEdit
 
+  const runWorkflow = useCallback(
+    async (stage: WorkflowStage, note?: string, toastOk?: string) => {
+      if (!post) return
+      let current = post
+      if (dirty || !current.id) {
+        const saved = await handleSaveDraft({ navigate: false })
+        if (!saved) return
+        current = saved
+      }
+      setPublishing(true)
+      try {
+        const next = await transitionPostWorkflow(current, stage, note)
+        acceptPost(next)
+        if (!documentId && next.id) onNavigate(`/posts/${postType}/${next.id}/edit`)
+        if (toastOk) toast.success(toastOk)
+      } catch (err) {
+        toast.error(err instanceof Error ? err.message : 'Transition failed')
+      } finally {
+        setPublishing(false)
+      }
+    },
+    [post, dirty, documentId, postType, handleSaveDraft, acceptPost, onNavigate],
+  )
+
+  const handleSubmitForReview = useCallback(
+    () => runWorkflow('IN_REVIEW', undefined, 'Submitted for review.'),
+    [runWorkflow],
+  )
+
+  const handleApprove = useCallback(() => {
+    if (!post) return
+    const result = validatePost(post, true)
+    if (result.errors.length > 0) {
+      toast.error('Resolve the listed issues before publishing')
+      return
+    }
+    void runWorkflow('PUBLISHED', undefined, 'Published.')
+  }, [post, runWorkflow])
+
+  const handleRequestChanges = useCallback(
+    (note: string) => runWorkflow('DRAFT', note || undefined, 'Sent back to draft.'),
+    [runWorkflow],
+  )
+
+  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
+    }
+    const chrome = resolveWorkflowChrome({
+      stage: post.workflowStage,
+      status: post.status,
+      role: sessionRole,
+      canEdit: effectiveCanEdit,
+    })
+    if (!chrome.showSchedule) return
+    setScheduleOpen(true)
+  }, [post, dirty, handleSaveDraft, sessionRole, effectiveCanEdit])
+
   const handleSeoSaved = useCallback(() => {
     if (!post?.id) return
     fetchPostForEditor(postType, post.id)
@@ -616,7 +644,7 @@ export function PostSectionEditor({
         data: { path: (post as { path?: string }).path },
         trailingSlash,
         dirty,
-        saveDraft: handleSaveDraft,
+        saveDraft: async () => Boolean(await handleSaveDraft()),
       }).catch((err) => {
         toast.error(err instanceof Error ? err.message : 'Failed to open the site')
       })
@@ -688,11 +716,13 @@ export function PostSectionEditor({
         <EditorTopBar
           title={post.title || `New ${typeLabel}`}
           status={post.status}
+          workflowStage={post.workflowStage}
+          reviewNote={post.reviewNote}
+          role={sessionRole}
           dirty={dirty}
           saveState={saveState}
           publishing={publishing}
           canEdit={effectiveCanEdit}
-          canPublish={canPublish && effectiveCanEdit}
           publishReady={publishReady}
           publishDisabledReason={publishDisabledReason}
           viewport={viewport}
@@ -716,7 +746,9 @@ export function PostSectionEditor({
             typeof audit?.seo.score === 'number' ? scoreBand(audit.seo.score) : undefined
           }
           onSaveDraft={handleSaveDraft}
-          onPublish={requestPublish}
+          onSubmitForReview={handleSubmitForReview}
+          onApprove={handleApprove}
+          onRequestChanges={handleRequestChanges}
           onSchedule={post.id ? requestSchedule : undefined}
           scheduleReady={Boolean(post.id)}
           scheduledAt={post.scheduledAt}
@@ -809,7 +841,7 @@ export function PostSectionEditor({
                         contentHtml={seoContentHtml}
                         title={post.title}
                         bodyHtml={post.body}
-                        featuredImage={post.featuredImage}
+                        featuredImage={post.featuredImageUrl}
                         draftMeta={{
                           seoTitle: post.seoTitle,
                           seoDescription: post.seoDescription,
@@ -889,15 +921,6 @@ export function PostSectionEditor({
         onSave={handleFields}
       />
 
-      <ConfirmDialog
-        open={confirmPublish}
-        onClose={() => setConfirmPublish(false)}
-        onConfirm={doPublish}
-        title="Publish this post?"
-        description="The current content will go live and replace the published version."
-        confirmLabel="Publish"
-      />
-
       {post.id && (
         <SchedulePublishDialog
           collectionSlug={postType}

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

@@ -30,6 +30,7 @@ export function PostTab({ post, canEdit, fields, onChange }: PostTabProps) {
           slug: post.slug,
           excerpt: post.excerpt,
           featuredImage: post.featuredImage,
+          featuredImageUrl: post.featuredImageUrl,
           category: post.category,
           tags: post.tags,
         }}