@canvas-digital/blog-sdk 2.0.0

package/dist/components/BlogUploader/PostFormatHero.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveFormatAudioSrc, resolveFormatVideoSrc } from '../lib/format-media';
+import { videoEmbedSrc } from '../lib/post-format';
+import { mediaUrl } from '../lib/seo';
+const asObj = (v) => (typeof v === 'object' && v !== null ? v : null);
+export const PostFormatHero = ({ post }) => {
+    const format = (post.postFormat || 'standard');
+    const meta = post.formatMeta;
+    if (format === 'video') {
+        const src = resolveFormatVideoSrc(post);
+        if (!src)
+            return null;
+        const embed = videoEmbedSrc(src);
+        if (!embed && !src)
+            return null;
+        const playSrc = embed || src;
+        return (_jsx("figure", { className: "format-hero format-hero-video", children: playSrc.includes('youtube') || playSrc.includes('vimeo') ? (_jsx("iframe", { src: playSrc, title: post.title, allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true })) : (_jsx("video", { src: playSrc, controls: true, preload: "metadata" })) }));
+    }
+    if (format === 'audio') {
+        const src = resolveFormatAudioSrc(post);
+        if (!src)
+            return null;
+        if (/\.(mp3|wav|ogg|m4a|aac)(\?|$)/i.test(src) || src.startsWith('/')) {
+            return (_jsx("figure", { className: "format-hero format-hero-audio wrap", children: _jsx("audio", { src: src, controls: true, preload: "metadata" }) }));
+        }
+    }
+    if (format === 'quote' && meta?.quoteText) {
+        return (_jsx("figure", { className: "format-hero format-hero-quote wrap", children: _jsxs("blockquote", { children: [_jsx("p", { children: meta.quoteText }), meta.quoteSource ? _jsxs("cite", { children: ["\u2014 ", meta.quoteSource] }) : null] }) }));
+    }
+    if (format === 'link' && meta?.linkUrl) {
+        return (_jsx("div", { className: "format-hero format-hero-link wrap", children: _jsxs("a", { href: meta.linkUrl, target: "_blank", rel: "noreferrer", children: [_jsx("span", { className: "format-link-kicker", children: "External link" }), _jsx("span", { className: "format-link-title", children: meta.linkTitle || post.title }), _jsx("span", { className: "format-link-url", children: meta.linkUrl })] }) }));
+    }
+    if (format === 'gallery' && Array.isArray(meta?.gallery) && meta.gallery.length) {
+        const images = meta.gallery
+            .map((item) => asObj(item))
+            .filter((m) => !!m);
+        if (!images.length)
+            return null;
+        return (_jsx("figure", { className: "format-hero format-hero-gallery", children: _jsx("div", { className: "format-gallery-public", children: images.map((img) => {
+                    const src = mediaUrl(img, 'hero');
+                    if (!src)
+                        return null;
+                    return _jsx("img", { src: src, alt: img.alt ?? '', loading: "lazy", decoding: "async" }, img.id);
+                }) }) }));
+    }
+    return null;
+};

package/dist/components/BlogUploader/ReadingProgress.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A one-line progress bar for the article.
+ *
+ * Deliberately tiny — it reads scroll position and sets a width, nothing else.
+ * The whole article renders and is readable without it; this is the only
+ * JavaScript on the page besides the view beacon.
+ */
+export declare const ReadingProgress: () => import("react").JSX.Element;
+//# sourceMappingURL=ReadingProgress.d.ts.map

package/dist/components/BlogUploader/ReadingProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadingProgress.d.ts","sourceRoot":"","sources":["../../../app/components/BlogUploader/ReadingProgress.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,mCAuB3B,CAAA"}

package/dist/components/BlogUploader/ReadingProgress.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+/**
+ * A one-line progress bar for the article.
+ *
+ * Deliberately tiny — it reads scroll position and sets a width, nothing else.
+ * The whole article renders and is readable without it; this is the only
+ * JavaScript on the page besides the view beacon.
+ */
+export const ReadingProgress = () => {
+    const [pct, setPct] = useState(0);
+    useEffect(() => {
+        const update = () => {
+            const doc = document.documentElement;
+            const scrollable = doc.scrollHeight - doc.clientHeight;
+            setPct(scrollable > 0 ? Math.min(100, (doc.scrollTop / scrollable) * 100) : 0);
+        };
+        update();
+        window.addEventListener('scroll', update, { passive: true });
+        window.addEventListener('resize', update);
+        return () => {
+            window.removeEventListener('scroll', update);
+            window.removeEventListener('resize', update);
+        };
+    }, []);
+    return (_jsx("div", { className: "progress", "aria-hidden": "true", children: _jsx("span", { style: { width: `${pct}%` } }) }));
+};

package/dist/components/BlogUploader/RichText.d.ts

@@ -0,0 +1,5 @@
+import type { SerializedEditorState } from '@payloadcms/richtext-lexical/lexical';
+export declare const RichText: ({ data }: {
+    data: SerializedEditorState | null | undefined;
+}) => import("react").JSX.Element | null;
+//# sourceMappingURL=RichText.d.ts.map

package/dist/components/BlogUploader/RichText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../app/components/BlogUploader/RichText.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AA4EjF,eAAO,MAAM,QAAQ,GAAI,UAAU;IAAE,IAAI,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,uCAGpF,CAAA"}

package/dist/components/BlogUploader/RichText.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RichText as PayloadRichText, LinkJSXConverter, } from '@payloadcms/richtext-lexical/react';
+import { categoryPath, postPath } from '../lib/slug';
+import { headingId } from '../lib/toc';
+/**
+ * Renders the stored Lexical tree as React elements.
+ *
+ * There is no HTML string anywhere in this path — nodes become components, so
+ * untrusted content can never become markup. That is the property that removes
+ * stored XSS rather than mitigating it.
+ */
+/**
+ * Internal links resolve here, at render time, from the content id stored in the
+ * document. Renaming a post's slug therefore updates every link pointing at it
+ * without touching the linking documents.
+ *
+ * A link whose target has been deleted resolves to the blog index rather than a
+ * dead "#", so an internal link can never render as a broken anchor.
+ */
+const internalDocToHref = ({ linkNode }) => {
+    const doc = linkNode.fields?.doc;
+    const value = doc?.value;
+    const slug = value && typeof value === 'object' && 'slug' in value
+        ? String(value.slug ?? '')
+        : '';
+    if (!slug)
+        return '/blog';
+    if (doc?.relationTo === 'categories')
+        return categoryPath(slug);
+    return postPath(slug);
+};
+/**
+ * Headings carry a stable anchor derived from their text, generated by the same
+ * function the contents rail uses (lib/toc.ts). That is what lets the rail, the
+ * deep links people paste into chat, and the article itself all agree.
+ */
+const headingConverter = ({ node, nodesToJSX, }) => {
+    const children = nodesToJSX({ nodes: node.children });
+    const text = node.children
+        .map((child) => {
+        const value = child.text;
+        return typeof value === 'string' ? value : '';
+    })
+        .join('')
+        .trim();
+    const Tag = node.tag;
+    const anchored = (node.tag === 'h2' || node.tag === 'h3') && text;
+    return (_jsxs(Tag, { id: anchored ? headingId(text) : undefined, className: anchored ? 'anchored' : undefined, children: [anchored ? (_jsx("a", { className: "anchor-link", href: `#${headingId(text)}`, "aria-label": `Link to ${text}`, children: "#" })) : null, children] }));
+};
+const converters = ({ defaultConverters }) => ({
+    ...defaultConverters,
+    ...LinkJSXConverter({ internalDocToHref }),
+    heading: headingConverter,
+});
+export const RichText = ({ data }) => {
+    if (!data)
+        return null;
+    return _jsx(PayloadRichText, { data: data, converters: converters, className: "prose" });
+};

package/dist/components/BlogUploader/ShareRow.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Share links as plain anchors — no third-party share widget, so no third-party
+ * script, no tracking pixel and nothing to consent to. The copy-link control is
+ * a `<details>` holding the URL, which works with JavaScript disabled.
+ */
+export declare const ShareRow: ({ title, slug, origin, path, }: {
+    title: string;
+    slug: string;
+    origin: string;
+    path?: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=ShareRow.d.ts.map

package/dist/components/BlogUploader/ShareRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareRow.d.ts","sourceRoot":"","sources":["../../../app/components/BlogUploader/ShareRow.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,gCAKtB;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,gCA0BA,CAAA"}

package/dist/components/BlogUploader/ShareRow.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { postPath } from '../lib/slug';
+/**
+ * Share links as plain anchors — no third-party share widget, so no third-party
+ * script, no tracking pixel and nothing to consent to. The copy-link control is
+ * a `<details>` holding the URL, which works with JavaScript disabled.
+ */
+export const ShareRow = ({ title, slug, origin, path, }) => {
+    const url = `${origin}${path ?? postPath(slug)}`;
+    const encoded = encodeURIComponent(url);
+    const text = encodeURIComponent(title);
+    return (_jsxs("div", { className: "share", children: [_jsx("span", { className: "share-label", children: "Share" }), _jsx("a", { href: `https://www.linkedin.com/sharing/share-offsite/?url=${encoded}`, target: "_blank", rel: "noreferrer noopener", children: "LinkedIn" }), _jsx("a", { href: `https://x.com/intent/tweet?url=${encoded}&text=${text}`, target: "_blank", rel: "noreferrer noopener", children: "X" }), _jsx("a", { href: `https://api.whatsapp.com/send?text=${text}%20${encoded}`, target: "_blank", rel: "noreferrer noopener", children: "WhatsApp" }), _jsx("a", { href: `mailto:?subject=${text}&body=${encoded}`, children: "Email" }), _jsxs("details", { className: "share-copy", children: [_jsx("summary", { children: "Copy link" }), _jsx("input", { readOnly: true, value: url, "aria-label": "Article URL" })] })] }));
+};

package/dist/components/BlogUploader/ViewBeacon.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Fires one view per article render.
+ *
+ * A client beacon rather than a server-side increment because article pages are
+ * statically cached — a server counter would only ever record cache misses. This
+ * is the entire client-side cost of the analytics feature: ~40 lines, no library,
+ * no cookie, and it runs after paint so it cannot affect LCP.
+ */
+export declare const ViewBeacon: ({ postId }: {
+    postId: string;
+}) => null;
+//# sourceMappingURL=ViewBeacon.d.ts.map

package/dist/components/BlogUploader/ViewBeacon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewBeacon.d.ts","sourceRoot":"","sources":["../../../app/components/BlogUploader/ViewBeacon.tsx"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,SA2BxD,CAAA"}

package/dist/components/BlogUploader/ViewBeacon.js

@@ -0,0 +1,37 @@
+'use client';
+import { useEffect } from 'react';
+/**
+ * Fires one view per article render.
+ *
+ * A client beacon rather than a server-side increment because article pages are
+ * statically cached — a server counter would only ever record cache misses. This
+ * is the entire client-side cost of the analytics feature: ~40 lines, no library,
+ * no cookie, and it runs after paint so it cannot affect LCP.
+ */
+export const ViewBeacon = ({ postId }) => {
+    useEffect(() => {
+        // Bots and prerenders should not inflate the numbers.
+        if (typeof navigator !== 'undefined' && navigator.webdriver)
+            return;
+        const key = `seen:${postId}:${new Date().toISOString().slice(0, 10)}`;
+        try {
+            if (sessionStorage.getItem(key))
+                return;
+            sessionStorage.setItem(key, '1');
+        }
+        catch {
+            /* private mode — still count the view */
+        }
+        const send = () => {
+            fetch('/api/track', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ postId }),
+                keepalive: true,
+            }).catch(() => { });
+        };
+        const t = setTimeout(send, 900); // a bounce under a second is not a read
+        return () => clearTimeout(t);
+    }, [postId]);
+    return null;
+};

package/dist/components/BlogUploader/dashboard/BrandSettings.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Brand settings.
+ *
+ * The hostname list is the part worth understanding: the renderer is one
+ * deployment serving every brand, and it decides which brand a request belongs
+ * to by matching the incoming Host header against this list. A missing hostname
+ * here is why a staging domain "shows the wrong blog" — not a code problem.
+ */
+export type BrandForm = {
+    id: string;
+    name: string;
+    slug: string;
+    primaryDomain: string;
+    domains: string[];
+    accent: string;
+    font: 'serif' | 'sans';
+    siteName: string;
+    titleTemplate: string;
+    blogTitle: string;
+    blogDescription: string;
+    ga4MeasurementId: string;
+    gscVerification: string;
+};
+export declare const BrandSettings: ({ brand, canEdit }: {
+    brand: BrandForm;
+    canEdit: boolean;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=BrandSettings.d.ts.map

package/dist/components/BlogUploader/dashboard/BrandSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandSettings.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/dashboard/BrandSettings.tsx"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AAEH,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,OAAO,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,oBAAoB;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,gCA8MvF,CAAA"}

package/dist/components/BlogUploader/dashboard/BrandSettings.js

@@ -0,0 +1,60 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition } from 'react';
+import { useRouter } from 'next/navigation';
+import { saveBrandSettings } from '../../app/(dashboard)/_actions/admin';
+export const BrandSettings = ({ brand, canEdit }) => {
+    const router = useRouter();
+    const [form, setForm] = useState(brand);
+    const [hostDraft, setHostDraft] = useState('');
+    const [pending, start] = useTransition();
+    const [error, setError] = useState(null);
+    const [flash, setFlash] = useState(null);
+    const set = (key, value) => {
+        setForm((f) => ({ ...f, [key]: value }));
+        setFlash(null);
+    };
+    const submit = () => {
+        setError(null);
+        setFlash(null);
+        start(async () => {
+            const res = await saveBrandSettings({
+                id: form.id,
+                name: form.name,
+                primaryDomain: form.primaryDomain,
+                domains: form.domains,
+                theme: { accent: form.accent, font: form.font },
+                seoDefaults: {
+                    siteName: form.siteName,
+                    titleTemplate: form.titleTemplate,
+                    blogTitle: form.blogTitle,
+                    blogDescription: form.blogDescription,
+                },
+                analytics: {
+                    ga4MeasurementId: form.ga4MeasurementId,
+                    gscVerification: form.gscVerification,
+                },
+            });
+            if (!res.ok) {
+                setError(res.error);
+                return;
+            }
+            setFlash('Settings saved.');
+            router.refresh();
+        });
+    };
+    return (_jsxs("fieldset", { className: "settings", disabled: !canEdit, children: [!canEdit ? (_jsx("p", { className: "explain", children: "These are read-only for your account \u2014 changing a brand\u2019s domains changes where its content publishes, so it is a platform-admin job." })) : null, error ? _jsx("p", { className: "form-error", role: "alert", children: error }) : null, flash ? _jsx("p", { className: "form-ok", role: "status", children: flash }) : null, _jsxs("div", { className: "grid grid-2", children: [_jsxs("section", { className: "panel", children: [_jsx("div", { className: "panel-head", children: _jsx("h2", { children: "Identity" }) }), _jsxs("div", { className: "panel-body stack", children: [_jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Brand name" }), _jsx("input", { className: "fld", value: form.name, onChange: (e) => set('name', e.target.value) })] }), _jsxs("label", { className: "fld-row", children: [_jsxs("span", { className: "fld-lbl", children: ["Internal slug ", _jsx("em", { children: "used in cache tags and preview URLs" })] }), _jsx("input", { className: "fld mono", value: form.slug, disabled: true, readOnly: true })] }), _jsxs("label", { className: "fld-row", children: [_jsxs("span", { className: "fld-lbl", children: ["Primary domain ", _jsx("em", { children: "canonical URLs are built from this" })] }), _jsx("input", { className: "fld mono", value: form.primaryDomain, onChange: (e) => set('primaryDomain', e.target.value) })] }), _jsxs("div", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Hostnames that resolve to this brand" }), _jsxs("div", { className: "chips", children: [form.domains.map((host) => (_jsxs("span", { className: "token", children: [host, _jsx("button", { type: "button", "aria-label": `Remove ${host}`, onClick: () => set('domains', form.domains.filter((h) => h !== host)), children: "\u2715" })] }, host))), form.domains.length === 0 ? _jsx("span", { className: "note", children: "None yet." }) : null] }), _jsxs("div", { className: "btn-row", children: [_jsx("input", { className: "fld mono", placeholder: "staging.brand.com or localhost:3001", value: hostDraft, onChange: (e) => setHostDraft(e.target.value), onKeyDown: (e) => {
+                                                            if (e.key === 'Enter') {
+                                                                e.preventDefault();
+                                                                if (hostDraft.trim()) {
+                                                                    set('domains', [...form.domains, hostDraft.trim().toLowerCase()]);
+                                                                    setHostDraft('');
+                                                                }
+                                                            }
+                                                        } }), _jsx("button", { type: "button", className: "btn", onClick: () => {
+                                                            if (!hostDraft.trim())
+                                                                return;
+                                                            set('domains', [...form.domains, hostDraft.trim().toLowerCase()]);
+                                                            setHostDraft('');
+                                                        }, children: "Add" })] })] })] })] }), _jsxs("section", { className: "panel", children: [_jsx("div", { className: "panel-head", children: _jsx("h2", { children: "Presentation" }) }), _jsxs("div", { className: "panel-body stack", children: [_jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Accent colour" }), _jsxs("span", { className: "colour-row", children: [_jsx("input", { type: "color", className: "colour", value: /^#[0-9a-f]{6}$/i.test(form.accent) ? form.accent : '#2e3a8c', onChange: (e) => set('accent', e.target.value), "aria-label": "Accent colour" }), _jsx("input", { className: "fld mono", value: form.accent, onChange: (e) => set('accent', e.target.value) })] })] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Body typeface" }), _jsxs("select", { className: "fld", value: form.font, onChange: (e) => set('font', e.target.value), children: [_jsx("option", { value: "serif", children: "Serif" }), _jsx("option", { value: "sans", children: "Sans-serif" })] })] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Blog index heading" }), _jsx("input", { className: "fld", value: form.blogTitle, onChange: (e) => set('blogTitle', e.target.value) })] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Blog index description" }), _jsx("textarea", { className: "fld", rows: 2, value: form.blogDescription, onChange: (e) => set('blogDescription', e.target.value) })] })] })] }), _jsxs("section", { className: "panel", children: [_jsx("div", { className: "panel-head", children: _jsx("h2", { children: "Search defaults" }) }), _jsxs("div", { className: "panel-body stack", children: [_jsxs("label", { className: "fld-row", children: [_jsxs("span", { className: "fld-lbl", children: ["Site name ", _jsx("em", { children: "used in Open Graph and Organization schema" })] }), _jsx("input", { className: "fld", value: form.siteName, onChange: (e) => set('siteName', e.target.value) })] }), _jsxs("label", { className: "fld-row", children: [_jsxs("span", { className: "fld-lbl", children: ["Title template ", _jsx("em", { children: "%s is the page title, %site% the site name" })] }), _jsx("input", { className: "fld mono", value: form.titleTemplate, onChange: (e) => set('titleTemplate', e.target.value) })] }), _jsx("p", { className: "note", children: "Canonical URLs and structured data are generated from the page itself, not stored here \u2014 an editor cannot produce a canonical that disagrees with the page it sits on." })] })] }), _jsxs("section", { className: "panel", children: [_jsx("div", { className: "panel-head", children: _jsx("h2", { children: "Measurement" }) }), _jsxs("div", { className: "panel-body stack", children: [_jsxs("p", { className: "note", style: { marginTop: 0 }, children: ["GA4 and Search Console have dedicated screens under", ' ', _jsx("strong", { children: "SEO & Discovery" }), " in the sidebar \u2014 use those for day-to-day setup."] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "GA4 measurement id" }), _jsx("input", { className: "fld mono", placeholder: "G-XXXXXXXXXX", value: form.ga4MeasurementId, onChange: (e) => set('ga4MeasurementId', e.target.value) })] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Search Console verification" }), _jsx("input", { className: "fld mono", value: form.gscVerification, onChange: (e) => set('gscVerification', e.target.value) })] })] })] })] }), canEdit ? (_jsxs("div", { className: "save-bar", children: [_jsx("span", { className: "note", children: "Changes apply to the live site as soon as caches revalidate." }), _jsx("button", { className: "btn btn-primary", type: "button", onClick: submit, disabled: pending, children: pending ? 'Saving…' : 'Save settings' })] })) : null] }));
+};

package/dist/components/BlogUploader/dashboard/BrandSwitcher.d.ts

@@ -0,0 +1,14 @@
+import type { Tenant } from '../../payload-types';
+/**
+ * Top-bar brand menu.
+ *
+ * Stays on the current admin path when switching brands (so Posts stays Posts),
+ * and never presents an empty “All brands” selection when a real brand is active.
+ */
+type Props = {
+    tenants: Tenant[];
+    activeBrand?: Tenant;
+};
+export declare const BrandSwitcher: ({ tenants, activeBrand }: Props) => import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=BrandSwitcher.d.ts.map

package/dist/components/BlogUploader/dashboard/BrandSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandSwitcher.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/dashboard/BrandSwitcher.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAEjD;;;;;GAKG;AAEH,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAaD,eAAO,MAAM,aAAa,GAAI,0BAA0B,KAAK,uCA8C5D,CAAA"}

package/dist/components/BlogUploader/dashboard/BrandSwitcher.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { usePathname, useSearchParams } from 'next/navigation';
+const hrefForBrand = (pathname, search, brandSlug) => {
+    // Create post never takes a brand query — pickers belong to the Brand card.
+    if (pathname === '/admin/posts/new')
+        return '/admin/posts/new';
+    const params = new URLSearchParams(search);
+    if (brandSlug)
+        params.set('brand', brandSlug);
+    else
+        params.delete('brand');
+    const q = params.toString();
+    return q ? `${pathname}?${q}` : pathname;
+};
+export const BrandSwitcher = ({ tenants, activeBrand }) => {
+    const pathname = usePathname() || '/admin';
+    const searchParams = useSearchParams();
+    const search = searchParams?.toString() ?? '';
+    if (tenants.length <= 1)
+        return null;
+    const label = activeBrand?.name ?? 'All brands';
+    return (_jsxs("details", { className: "menu", children: [_jsxs("summary", { className: "btn", children: [_jsx("span", { className: "dot", style: { background: activeBrand?.theme?.accent || 'var(--viz-1)' }, "aria-hidden": "true" }), label, _jsx("span", { className: "caret", "aria-hidden": "true", children: "\u25BE" })] }), _jsxs("div", { className: "menu-panel", children: [_jsx(Link, { href: hrefForBrand(pathname, search, null), "aria-current": !activeBrand ? 'true' : undefined, children: "All brands" }), tenants.map((t) => (_jsxs(Link, { href: hrefForBrand(pathname, search, t.slug), "aria-current": activeBrand?.id === t.id ? 'true' : undefined, children: [_jsx("span", { className: "dot", style: { background: t.theme?.accent || 'var(--viz-2)' }, "aria-hidden": "true" }), t.name] }, t.id)))] })] }));
+};

package/dist/components/BlogUploader/dashboard/Chips.d.ts

@@ -0,0 +1,15 @@
+/**
+ * State is encoded in form as well as text — colour plus shape — so the pipeline
+ * reads at a glance without anyone parsing a sentence.
+ */
+export declare const StateChip: ({ status, reviewState, }: {
+    status?: string | null;
+    reviewState?: string | null;
+}) => import("react").JSX.Element;
+export declare const BrandChip: ({ name }: {
+    name: string;
+}) => import("react").JSX.Element;
+export declare const BlockedChip: ({ count }: {
+    count: number;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=Chips.d.ts.map

package/dist/components/BlogUploader/dashboard/Chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/dashboard/Chips.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,0BAGvB;IACD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B,gCAOA,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,UAAU;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,gCAEnD,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,gCAIvD,CAAA"}

package/dist/components/BlogUploader/dashboard/Chips.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { REVIEW_LABELS } from '../../lib/publishing';
+/**
+ * State is encoded in form as well as text — colour plus shape — so the pipeline
+ * reads at a glance without anyone parsing a sentence.
+ */
+export const StateChip = ({ status, reviewState, }) => {
+    if (status === 'published')
+        return _jsx("span", { className: "chip chip-live", children: "Live" });
+    const rs = (reviewState ?? 'writing');
+    const cls = rs === 'in-review' ? 'chip-review' : rs === 'approved' ? 'chip-approved' : 'chip-writing';
+    return _jsx("span", { className: `chip ${cls}`, children: REVIEW_LABELS[rs] ?? rs });
+};
+export const BrandChip = ({ name }) => (_jsx("span", { className: "chip chip-brand", children: name }));
+export const BlockedChip = ({ count }) => (_jsxs("span", { className: "chip chip-blocked", children: [count, " blocker", count === 1 ? '' : 's'] }));

package/dist/components/BlogUploader/dashboard/CommentsManager.d.ts

@@ -0,0 +1,19 @@
+export type CommentRow = {
+    id: string;
+    authorName: string;
+    authorEmail?: string | null;
+    body: string;
+    status: 'approved' | 'pending' | 'rejected';
+    createdAt: string;
+    postId: string | null;
+    postTitle: string | null;
+    postOwnerId?: string | null;
+    brandName?: string | null;
+};
+export declare const CommentsManager: ({ rows, showBrand, canModerateAll, currentUserId, }: {
+    rows: CommentRow[];
+    showBrand: boolean;
+    canModerateAll: boolean;
+    currentUserId: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=CommentsManager.d.ts.map

package/dist/components/BlogUploader/dashboard/CommentsManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsManager.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/dashboard/CommentsManager.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAA;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,qDAK7B;IACD,IAAI,EAAE,UAAU,EAAE,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;CACtB,gCAoHA,CAAA"}

package/dist/components/BlogUploader/dashboard/CommentsManager.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+import { useTransition } from 'react';
+import { deleteComment, setCommentStatus } from '../../app/(dashboard)/_actions/comments';
+export const CommentsManager = ({ rows, showBrand, canModerateAll, currentUserId, }) => {
+    const router = useRouter();
+    const [pending, start] = useTransition();
+    const run = (fn) => {
+        start(async () => {
+            const res = await fn();
+            if (!res.ok) {
+                alert(res.error);
+                return;
+            }
+            router.refresh();
+        });
+    };
+    return (_jsxs("section", { className: "panel", children: [_jsxs("div", { className: "panel-head", children: [_jsx("h2", { children: "All comments" }), _jsx("span", { className: "hint", children: rows.length })] }), rows.length === 0 ? (_jsx("p", { className: "d-empty", children: "No comments yet." })) : (_jsx("div", { className: "tw", children: _jsxs("table", { className: "tbl", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Comment" }), _jsx("th", { children: "Post" }), _jsx("th", { children: "Status" }), showBrand ? _jsx("th", { children: "Brand" }) : null, _jsx("th", { children: "Date" })] }) }), _jsx("tbody", { children: rows.map((row) => {
+                                const canModerate = canModerateAll || (row.postOwnerId != null && row.postOwnerId === currentUserId);
+                                return (_jsxs("tr", { children: [_jsxs("td", { children: [_jsx("span", { className: "row-title", children: row.authorName }), row.authorEmail ? _jsx("span", { className: "cell-sub", children: row.authorEmail }) : null, _jsx("span", { className: "cell-sub", style: { whiteSpace: 'pre-wrap' }, children: row.body.length > 180 ? `${row.body.slice(0, 180)}…` : row.body }), canModerate ? (_jsxs("div", { className: "row-actions", children: [row.status !== 'approved' ? (_jsx("button", { type: "button", disabled: pending, onClick: () => run(() => setCommentStatus(row.id, 'approved')), children: "Approve" })) : null, row.status !== 'rejected' ? (_jsx("button", { type: "button", disabled: pending, onClick: () => run(() => setCommentStatus(row.id, 'rejected')), children: "Reject" })) : null, canModerateAll ? (_jsx("button", { type: "button", className: "danger", disabled: pending, onClick: () => {
+                                                                if (confirm('Delete this comment permanently?')) {
+                                                                    run(() => deleteComment(row.id));
+                                                                }
+                                                            }, children: "Delete" })) : null] })) : null] }), _jsx("td", { children: row.postId ? (_jsx(Link, { href: `/admin/posts/${row.postId}`, children: row.postTitle || 'Post' })) : ('—') }), _jsx("td", { children: _jsx("span", { className: `chip ${row.status === 'approved'
+                                                    ? 'chip-approved'
+                                                    : row.status === 'pending'
+                                                        ? 'chip-writing'
+                                                        : 'chip-writing'}`, children: row.status }) }), showBrand ? _jsx("td", { children: row.brandName || '—' }) : null, _jsx("td", { className: "mono", children: new Date(row.createdAt).toLocaleString() })] }, row.id));
+                            }) })] }) }))] }));
+};

package/dist/components/BlogUploader/dashboard/LogOutButton.d.ts

@@ -0,0 +1,4 @@
+export declare const LogOutButton: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=LogOutButton.d.ts.map

package/dist/components/BlogUploader/dashboard/LogOutButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogOutButton.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/dashboard/LogOutButton.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,gCAwCjE,CAAA"}

package/dist/components/BlogUploader/dashboard/LogOutButton.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+export const LogOutButton = ({ className }) => {
+    const [pending, setPending] = useState(false);
+    const handleLogout = async () => {
+        setPending(true);
+        try {
+            await fetch('/api/dashboard/logout', {
+                method: 'POST',
+                credentials: 'include',
+            });
+        }
+        catch {
+            // Cookie clear may still have run; always leave the app.
+        }
+        finally {
+            window.location.href = '/cms/login';
+        }
+    };
+    return (_jsxs("button", { type: "button", className: className ?? 'btn btn-danger-link', onClick: handleLogout, disabled: pending, "aria-label": pending ? 'Signing out' : 'Log out', children: [_jsx("svg", { className: "logout-btn-icon", viewBox: "0 0 20 20", "aria-hidden": "true", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M7.5 17H4.5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1H7.5M13 14l3.5-3.5L13 7M16.5 10.5H7.5" }) }), pending ? 'Signing out…' : 'Log out'] }));
+};

package/dist/components/BlogUploader/dashboard/MediaLibrary.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The image library.
+ *
+ * Alt text is treated as part of the image, not as an optional extra: the
+ * collection refuses to save without it, uploads fall back to the filename, and
+ * anything still carrying that fallback is flagged here until someone writes a
+ * real description. It is the one piece of metadata a reader actually depends on.
+ */
+type Props = {
+    tenant: string | null;
+    tenantName: string;
+    total: number;
+};
+export declare const MediaLibrary: ({ tenant, tenantName, total }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MediaLibrary.d.ts.map

package/dist/components/BlogUploader/dashboard/MediaLibrary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibrary.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/dashboard/MediaLibrary.tsx"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AAEH,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAIzE,eAAO,MAAM,YAAY,GAAI,+BAA+B,KAAK,gCAyQhE,CAAA"}