convex-feedback-ui 0.1.8 → 0.2.0-beta.0

package/dist/native/shared/ui/RoadmapScreen.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Pressable, ScrollView, Text, View } from "react-native";
+import { FeedbackProvider, useFeedbackUi, } from "../../../shared/context/FeedbackProvider.js";
+import { allowAuthenticatedAction } from "../../../shared/helpers.js";
+import { useNativeAction } from "../helpers.js";
+import { Button } from "./Button.js";
+import { FeedbackBoard, FeedbackEntry } from "./primitives.js";
+export function RoadmapScreen({ hooks, messages, theme, unstyled, onEntryOpen, onUnauthenticated, pageSize, entryPageSize, ...colors }) {
+    return (_jsx(FeedbackProvider, { messages: messages, theme: theme, unstyled: unstyled, children: _jsx(RoadmapScreenInner, { hooks: hooks, onEntryOpen: onEntryOpen, onUnauthenticated: onUnauthenticated, pageSize: pageSize ?? hooks.pageSizes.roadmap, entryPageSize: entryPageSize ?? hooks.pageSizes.entries, ...colors }) }));
+}
+function RoadmapScreenInner({ hooks, onEntryOpen, onUnauthenticated, pageSize, entryPageSize, ...colors }) {
+    const { messages, theme } = useFeedbackUi();
+    const [query, setQuery] = useState("");
+    const [selectedId, setSelectedId] = useState(null);
+    const roadmap = hooks.useRoadmap();
+    const search = hooks.useSearchRoadmap(query);
+    const searching = query.trim().length > 0;
+    const items = searching ? (search ?? []) : roadmap.results;
+    const selected = items.find((item) => item.id === selectedId) ?? null;
+    if (selected !== null) {
+        return (_jsx(FeedbackBoard.Root, { ...colors, children: _jsx(ScrollView, { contentContainerStyle: { gap: theme.spacing, padding: theme.spacing }, children: _jsx(RoadmapDetail, { item: selected, hooks: hooks, entryPageSize: entryPageSize, onEntryOpen: onEntryOpen, onUnauthenticated: onUnauthenticated, onBack: () => setSelectedId(null) }) }) }));
+    }
+    const loading = searching
+        ? search === undefined
+        : roadmap.status === "LoadingFirstPage";
+    return (_jsxs(FeedbackBoard.Root, { ...colors, children: [_jsxs(FeedbackBoard.Header, { style: { gap: theme.spacing, padding: theme.spacing }, children: [_jsx(FeedbackBoard.Title, { children: "Roadmap" }), _jsx(Text, { style: { color: theme.colors.mutedText }, children: "See what is planned, in progress, and shipped." }), _jsx(FeedbackBoard.Search, { value: query, onValueChange: setQuery, placeholder: "Search roadmap" })] }), loading ? (_jsx(FeedbackBoard.State, { children: _jsx(Text, { style: { color: theme.colors.mutedText }, children: messages.board.loading }) })) : items.length === 0 ? (_jsx(FeedbackBoard.State, { children: _jsx(Text, { style: { color: theme.colors.mutedText }, children: searching ? "No roadmap items found." : "No roadmap items yet." }) })) : (_jsx(FeedbackBoard.List, { contentContainerStyle: { padding: theme.spacing }, children: items.map((item) => (_jsx(RoadmapCard, { item: item, onOpen: () => setSelectedId(item.id) }, item.id))) })), !searching &&
+                (roadmap.status === "CanLoadMore" ||
+                    roadmap.status === "LoadingMore") && (_jsx(Button, { label: messages.board.loadMore, disabled: roadmap.status === "LoadingMore", onPress: () => roadmap.loadMore(pageSize) }))] }));
+}
+function RoadmapCard({ item, onOpen, }) {
+    const { theme } = useFeedbackUi();
+    return (_jsxs(Pressable, { onPress: onOpen, style: { gap: 5, padding: 12 }, children: [_jsxs(View, { style: {
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                    gap: 8,
+                }, children: [_jsx(Text, { style: {
+                            color: theme.colors.mutedText,
+                            fontSize: 12,
+                            fontWeight: "600",
+                        }, children: item.status.replaceAll("_", " ") }), _jsxs(Text, { style: { color: theme.colors.mutedText, fontSize: 12 }, children: [item.feedbackCount, " linked"] })] }), _jsx(Text, { style: { color: theme.colors.text, fontSize: 16, fontWeight: "700" }, children: item.title }), item.description && (_jsx(Text, { style: { color: theme.colors.mutedText, lineHeight: 20 }, children: item.description }))] }));
+}
+function RoadmapDetail({ item, hooks, entryPageSize, onEntryOpen, onUnauthenticated, onBack, }) {
+    const { messages, theme } = useFeedbackUi();
+    const feedback = hooks.useRoadmapFeedback(item.id);
+    return (_jsxs(View, { style: { gap: theme.spacing }, children: [_jsx(Button, { label: messages.entry.back, onPress: onBack }), _jsxs(View, { style: { gap: 6 }, children: [_jsxs(Text, { style: {
+                            color: theme.colors.mutedText,
+                            fontSize: 12,
+                            fontWeight: "600",
+                        }, children: [item.status.replaceAll("_", " "), " \u00B7 Position ", item.position] }), _jsx(Text, { style: { color: theme.colors.text, fontSize: 23, fontWeight: "700" }, children: item.title }), _jsx(Text, { style: { color: theme.colors.mutedText, lineHeight: 21 }, children: item.description ?? "No description." })] }), _jsxs(View, { style: { gap: 4 }, children: [_jsx(RoadmapField, { label: "ID", value: item.id }), _jsx(RoadmapField, { label: "Linked feedback", value: String(item.feedbackCount) }), _jsx(RoadmapField, { label: "Created", value: new Date(item.createdAt).toLocaleString() }), _jsx(RoadmapField, { label: "Updated", value: new Date(item.updatedAt).toLocaleString() }), _jsx(RoadmapField, { label: "Document created", value: new Date(item.creationTime).toLocaleString() })] }), _jsx(Text, { style: { color: theme.colors.text, fontSize: 18, fontWeight: "700" }, children: "Attached feedback" }), feedback.status === "LoadingFirstPage" ? (_jsx(Text, { style: { color: theme.colors.mutedText }, children: messages.board.loading })) : feedback.results.length === 0 ? (_jsx(Text, { style: { color: theme.colors.mutedText }, children: "No feedback attached." })) : (_jsx(View, { style: { gap: 8 }, children: feedback.results.map((entry) => (_jsx(RoadmapEntry, { entry: entry, hooks: hooks, onOpen: onEntryOpen, onUnauthenticated: onUnauthenticated }, entry.id))) })), (feedback.status === "CanLoadMore" ||
+                feedback.status === "LoadingMore") && (_jsx(Button, { label: messages.comments.loadMore, disabled: feedback.status === "LoadingMore", onPress: () => feedback.loadMore(entryPageSize) }))] }));
+}
+function RoadmapField({ label, value }) {
+    const { theme } = useFeedbackUi();
+    return (_jsxs(View, { style: { flexDirection: "row", gap: 8 }, children: [_jsxs(Text, { style: { color: theme.colors.mutedText, fontWeight: "600" }, children: [label, ":"] }), _jsx(Text, { style: { flex: 1, color: theme.colors.text }, children: value })] }));
+}
+function RoadmapEntry({ entry, hooks, onOpen, onUnauthenticated, }) {
+    const { isAuthenticated } = useFeedbackAuth(hooks);
+    const setUpvote = hooks.useSetEntryUpvote();
+    const action = useNativeAction();
+    const toggle = (desiredState) => {
+        if (!allowAuthenticatedAction(isAuthenticated, onUnauthenticated) ||
+            action.pending) {
+            return;
+        }
+        void action.run(() => setUpvote({ entryId: entry.id, desiredState }), "Could not update vote");
+    };
+    return (_jsxs(FeedbackEntry.Root, { entry: entry, children: [_jsx(FeedbackEntry.Upvote, { disabled: isAuthenticated === undefined || action.pending, onToggle: toggle }), _jsx(Pressable, { onPress: onOpen === undefined ? undefined : () => onOpen(entry.id), accessibilityRole: onOpen === undefined ? undefined : "button", style: { flex: 1, minWidth: 0 }, children: _jsx(FeedbackEntry.Content, { children: _jsxs(View, { style: { gap: 5 }, children: [_jsxs(View, { style: { flexDirection: "row", gap: 8 }, children: [_jsx(FeedbackEntry.Kind, {}), _jsx(FeedbackEntry.Status, {})] }), _jsx(FeedbackEntry.Title, {}), _jsx(FeedbackEntry.Body, {}), _jsx(FeedbackEntry.CommentCount, {})] }) }) })] }));
+}
+function useFeedbackAuth(hooks) {
+    return { isAuthenticated: hooks.useIsAuthenticated() };
+}
+//# sourceMappingURL=RoadmapScreen.js.map

package/dist/native/shared/ui/RoadmapScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoadmapScreen.js","sourceRoot":"","sources":["../../../../src/native/shared/ui/RoadmapScreen.tsx"],"names":[],"mappings":"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"}

package/dist/react/action.d.ts

@@ -0,0 +1,14 @@
+export interface FeedbackActionFailure {
+    message: string;
+    retry: () => void;
+}
+/** Runs a UI mutation and exposes a single retryable failure state. */
+export declare function useFeedbackAction(): {
+    pending: boolean;
+    failure: FeedbackActionFailure | null;
+    run: <T>(action: () => Promise<T>, retryAction?: () => Promise<unknown>) => Promise<T | undefined>;
+};
+export declare function FeedbackActionError({ failure, }: {
+    failure: FeedbackActionFailure | null;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=action.d.ts.map

package/dist/react/action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../src/react/action.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAMD,uEAAuE;AACvE,wBAAgB,iBAAiB;;;UAIZ,CAAC,UACV,MAAM,OAAO,CAAC,CAAC,CAAC,gBACX,MAAM,OAAO,CAAC,OAAO,CAAC,KAClC,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;EAoB1B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,qBAAqB,GAAG,IAAI,CAAC;CACvC,sCAUA"}

package/dist/react/action.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+function messageForError(error) {
+    return error instanceof Error ? error.message : "Something went wrong.";
+}
+/** Runs a UI mutation and exposes a single retryable failure state. */
+export function useFeedbackAction() {
+    const [pending, setPending] = useState(false);
+    const [failure, setFailure] = useState(null);
+    const run = async (action, retryAction = action) => {
+        if (pending)
+            return undefined;
+        setPending(true);
+        setFailure(null);
+        try {
+            return await action();
+        }
+        catch (error) {
+            setFailure({
+                message: messageForError(error),
+                retry: () => {
+                    void run(retryAction, retryAction);
+                },
+            });
+            return undefined;
+        }
+        finally {
+            setPending(false);
+        }
+    };
+    return { pending, failure, run };
+}
+export function FeedbackActionError({ failure, }) {
+    if (failure === null)
+        return null;
+    return (_jsxs("div", { className: "cf-action-error", role: "alert", children: [_jsx("span", { children: failure.message }), _jsx("button", { type: "button", className: "cf-button", onClick: failure.retry, children: "Retry" })] }));
+}
+//# sourceMappingURL=action.js.map

package/dist/react/action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.js","sourceRoot":"","sources":["../../src/react/action.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOjC,SAAS,eAAe,CAAC,KAAc;IACrC,OAAO,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;AAC1E,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,iBAAiB;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAA+B,IAAI,CAAC,CAAC;IAE3E,MAAM,GAAG,GAAG,KAAK,EACf,MAAwB,EACxB,cAAsC,MAAM,EACpB,EAAE;QAC1B,IAAI,OAAO;YAAE,OAAO,SAAS,CAAC;QAC9B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,OAAO,MAAM,MAAM,EAAE,CAAC;QACxB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,UAAU,CAAC;gBACT,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC;gBAC/B,KAAK,EAAE,GAAG,EAAE;oBACV,KAAK,GAAG,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;gBACrC,CAAC;aACF,CAAC,CAAC;YACH,OAAO,SAAS,CAAC;QACnB,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,OAAO,GAGR;IACC,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAClC,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,aAC3C,yBAAO,OAAO,CAAC,OAAO,GAAQ,EAC9B,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,CAAC,KAAK,sBAEzD,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/react/index.d.ts

@@ -5,5 +5,6 @@ export type * from "../shared/types";
 export * from "./css.js";
 export * from "./metadata.js";
 export * from "./primitives.js";
+export * from "./roadmap.js";
 export * from "./screen.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,mBAAmB,iBAAiB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,mBAAmB,iBAAiB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

package/dist/react/index.js

@@ -4,5 +4,6 @@ export * from "../shared/theme.js";
 export * from "./css.js";
 export * from "./metadata.js";
 export * from "./primitives.js";
+export * from "./roadmap.js";
 export * from "./screen.js";
 //# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

package/dist/react/roadmap.d.ts

@@ -0,0 +1,3 @@
+import type { RoadmapScreenProps } from "../shared/types/index.js";
+export declare function RoadmapScreen({ hooks, messages, theme, unstyled, onEntryOpen, onUnauthenticated, pageSize, entryPageSize, ...colors }: RoadmapScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=roadmap.d.ts.map

package/dist/react/roadmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roadmap.d.ts","sourceRoot":"","sources":["../../src/react/roadmap.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAInE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,QAAQ,EACR,aAAa,EACb,GAAG,MAAM,EACV,EAAE,kBAAkB,+BAepB"}

package/dist/react/roadmap.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { FeedbackProvider, useFeedbackUi, } from "../shared/context/FeedbackProvider.js";
+import { allowAuthenticatedAction } from "../shared/helpers.js";
+import { FeedbackActionError, useFeedbackAction } from "./action.js";
+import { FeedbackBoard, FeedbackEntry } from "./primitives.js";
+export function RoadmapScreen({ hooks, messages, theme, unstyled, onEntryOpen, onUnauthenticated, pageSize, entryPageSize, ...colors }) {
+    const resolvedPageSize = pageSize ?? hooks.pageSizes.roadmap;
+    const resolvedEntryPageSize = entryPageSize ?? hooks.pageSizes.entries;
+    return (_jsx(FeedbackProvider, { messages: messages, theme: theme, unstyled: unstyled, children: _jsx(RoadmapScreenInner, { hooks: hooks, onEntryOpen: onEntryOpen, onUnauthenticated: onUnauthenticated, pageSize: resolvedPageSize, entryPageSize: resolvedEntryPageSize, ...colors }) }));
+}
+function RoadmapScreenInner({ hooks, onEntryOpen, onUnauthenticated, pageSize, entryPageSize, ...colors }) {
+    const { messages } = useFeedbackUi();
+    const [query, setQuery] = useState("");
+    const [selectedId, setSelectedId] = useState(null);
+    const roadmap = hooks.useRoadmap();
+    const search = hooks.useSearchRoadmap(query);
+    const searching = query.trim().length > 0;
+    const items = searching ? (search ?? []) : roadmap.results;
+    const selected = items.find((item) => item.id === selectedId) ?? null;
+    if (selected !== null) {
+        return (_jsx(FeedbackBoard.Root, { ...colors, children: _jsx(RoadmapDetail, { item: selected, hooks: hooks, entryPageSize: entryPageSize, onEntryOpen: onEntryOpen, onUnauthenticated: onUnauthenticated, onBack: () => setSelectedId(null) }) }));
+    }
+    const loading = searching
+        ? search === undefined
+        : roadmap.status === "LoadingFirstPage";
+    return (_jsxs(FeedbackBoard.Root, { ...colors, children: [_jsx(FeedbackBoard.Header, { children: _jsxs("div", { children: [_jsx(FeedbackBoard.Title, { children: "Roadmap" }), _jsx("p", { className: "cf-board__subtitle", children: "See what is planned, in progress, and shipped." })] }) }), _jsx(FeedbackBoard.Search, { value: query, onValueChange: setQuery, placeholder: "Search roadmap\u2026" }), loading ? (_jsx(FeedbackBoard.State, { children: messages.board.loading })) : items.length === 0 ? (_jsx(FeedbackBoard.State, { children: searching ? "No roadmap items found." : "No roadmap items yet." })) : (_jsx(FeedbackBoard.List, { children: items.map((item) => (_jsx(RoadmapCard, { item: item, onOpen: () => setSelectedId(item.id) }, item.id))) })), !searching &&
+                (roadmap.status === "CanLoadMore" ||
+                    roadmap.status === "LoadingMore") && (_jsx("button", { type: "button", className: "cf-button", disabled: roadmap.status === "LoadingMore", onClick: () => roadmap.loadMore(pageSize), children: messages.board.loadMore }))] }));
+}
+function RoadmapCard({ item, onOpen, }) {
+    return (_jsx("button", { type: "button", className: "cf-entry cf-roadmap-card", onClick: onOpen, children: _jsxs("span", { className: "cf-entry__content", children: [_jsxs("span", { className: "cf-entry__meta", children: [_jsx("span", { className: "cf-entry__kind", children: item.status.replaceAll("_", " ") }), _jsxs("span", { className: "cf-status", children: [item.feedbackCount, " linked"] })] }), _jsx("strong", { className: "cf-entry__title", children: item.title }), item.description && (_jsx("span", { className: "cf-entry__body", children: item.description }))] }) }));
+}
+function RoadmapDetail({ item, hooks, entryPageSize, onEntryOpen, onUnauthenticated, onBack, }) {
+    const { messages } = useFeedbackUi();
+    const feedback = hooks.useRoadmapFeedback(item.id);
+    return (_jsxs("div", { className: "cf-detail", children: [_jsx("button", { type: "button", className: "cf-button cf-button--link", onClick: onBack, children: messages.entry.back }), _jsxs("header", { children: [_jsxs("div", { className: "cf-entry__meta", children: [_jsx("span", { className: "cf-entry__kind", children: item.status.replaceAll("_", " ") }), _jsxs("span", { className: "cf-status", children: ["Position ", item.position] })] }), _jsx("h2", { className: "cf-board__title", children: item.title }), _jsx("p", { className: "cf-entry__body", children: item.description ?? "No description." })] }), _jsxs("dl", { className: "cf-roadmap-meta", children: [_jsxs("div", { children: [_jsx("dt", { children: "ID" }), _jsx("dd", { children: item.id })] }), _jsxs("div", { children: [_jsx("dt", { children: "Linked feedback" }), _jsx("dd", { children: item.feedbackCount })] }), _jsxs("div", { children: [_jsx("dt", { children: "Created" }), _jsx("dd", { children: new Date(item.createdAt).toLocaleString() })] }), _jsxs("div", { children: [_jsx("dt", { children: "Updated" }), _jsx("dd", { children: new Date(item.updatedAt).toLocaleString() })] }), _jsxs("div", { children: [_jsx("dt", { children: "Document created" }), _jsx("dd", { children: new Date(item.creationTime).toLocaleString() })] })] }), _jsxs("section", { className: "cf-discussion", children: [_jsx("h3", { children: "Attached feedback" }), feedback.status === "LoadingFirstPage" ? (_jsx("p", { className: "cf-state", children: messages.board.loading })) : feedback.results.length === 0 ? (_jsx("p", { className: "cf-state", children: "No feedback attached." })) : (_jsx("div", { className: "cf-comments", children: feedback.results.map((entry) => (_jsx(RoadmapEntry, { entry: entry, hooks: hooks, onOpen: onEntryOpen, onUnauthenticated: onUnauthenticated }, entry.id))) })), (feedback.status === "CanLoadMore" ||
+                        feedback.status === "LoadingMore") && (_jsx("button", { type: "button", className: "cf-button", disabled: feedback.status === "LoadingMore", onClick: () => feedback.loadMore(entryPageSize), children: messages.comments.loadMore }))] })] }));
+}
+function RoadmapEntry({ entry, hooks, onOpen, onUnauthenticated, }) {
+    const isAuthenticated = hooks.useIsAuthenticated();
+    const setUpvote = hooks.useSetEntryUpvote();
+    const action = useFeedbackAction();
+    const toggle = (desiredState) => {
+        if (!allowAuthenticatedAction(isAuthenticated, onUnauthenticated) ||
+            action.pending) {
+            return;
+        }
+        void action.run(() => setUpvote({ entryId: entry.id, desiredState }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(FeedbackEntry.Root, { entry: entry, children: [_jsx(FeedbackEntry.Upvote, { disabled: isAuthenticated === undefined || action.pending, onToggle: toggle }), _jsxs(FeedbackEntry.Content, { onClick: () => onOpen?.(entry.id), onKeyDown: (event) => {
+                            if (event.key === "Enter" || event.key === " ") {
+                                event.preventDefault();
+                                onOpen?.(entry.id);
+                            }
+                        }, role: onOpen === undefined ? undefined : "button", tabIndex: onOpen === undefined ? undefined : 0, children: [_jsxs("div", { className: "cf-entry__meta", children: [_jsx(FeedbackEntry.Kind, {}), _jsx(FeedbackEntry.Status, {}), _jsx(FeedbackEntry.CommentCount, {})] }), _jsx(FeedbackEntry.Title, {}), _jsx(FeedbackEntry.Body, {})] })] }), _jsx(FeedbackActionError, { failure: action.failure })] }));
+}
+//# sourceMappingURL=roadmap.js.map

package/dist/react/roadmap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roadmap.js","sourceRoot":"","sources":["../../src/react/roadmap.tsx"],"names":[],"mappings":"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"}

package/dist/react/screen.d.ts

@@ -2,5 +2,5 @@ import type { FeedbackScreenRootProps } from "../shared/types/";
 export interface FeedbackScreenProps extends FeedbackScreenRootProps {
     className?: string | undefined;
 }
-export declare function FeedbackScreen({ hooks, messages, theme, unstyled, entrySort, commentSort, enabledKinds, maxCommentDepth, transformComments, renderActor, debounceDuration, collectMetadata, emptyState, loading, ...props }: FeedbackScreenProps): import("react").JSX.Element;
+export declare function FeedbackScreen({ hooks, messages, theme, unstyled, entrySort, commentSort, enabledKinds, maxCommentDepth, transformComments, renderActor, onUnauthenticated, debounceDuration, collectMetadata, emptyState, loading, ...props }: FeedbackScreenProps): import("react").JSX.Element;
 //# sourceMappingURL=screen.d.ts.map

package/dist/react/screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/react/screen.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAOV,uBAAuB,EACxB,MAAM,kBAAkB,CAAC;AAiB1B,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB;IAClE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAiB,EACjB,WAAmB,EACnB,YAAyB,EACzB,eAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,gBAAsB,EACtB,eAAe,EACf,UAAU,EACV,OAAO,EACP,GAAG,KAAK,EACT,EAAE,mBAAmB,+BAqBrB"}
+{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/react/screen.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAOV,uBAAuB,EACxB,MAAM,kBAAkB,CAAC;AAkB1B,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB;IAClE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAiB,EACjB,WAAmB,EACnB,YAAyB,EACzB,eAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,gBAAsB,EACtB,eAAe,EACf,UAAU,EACV,OAAO,EACP,GAAG,KAAK,EACT,EAAE,mBAAmB,+BAsBrB"}

package/dist/react/screen.js

@@ -1,10 +1,11 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { FeedbackBodyProvider, useFeedbackBody, } from "../shared/context/FeedbackBodyProvider.js";
 import { FeedbackProvider, useFeedbackUi, } from "../shared/context/FeedbackProvider";
-import { createEntryLabel, entryStatusChoices } from "../shared/helpers.js";
+import { allowAuthenticatedAction, createEntryLabel, entryStatusChoices, } from "../shared/helpers.js";
 import { Comment, ChoiceChips, FeedbackBoard, FeedbackEntry, FeedbackForm, } from "./primitives.js";
+import { FeedbackActionError, useFeedbackAction } from "./action.js";
 import { collectWebMetadata } from "./metadata.js";
 import { collectEntryMetadata, formatMetadataKey } from "../shared/metadata.js";
 const entryKinds = [
@@ -12,11 +13,11 @@ const entryKinds = [
     "feature_request",
     "bug_report",
 ];
-export function FeedbackScreen({ hooks, messages, theme, unstyled, entrySort = "top", commentSort = "top", enabledKinds = entryKinds, maxCommentDepth = 5, transformComments, renderActor, debounceDuration = 300, collectMetadata, emptyState, loading, ...props }) {
-    return (_jsx(FeedbackProvider, { messages: messages, theme: theme, unstyled: unstyled, children: _jsx(FeedbackBodyProvider, { hooks: hooks, entrySort: entrySort, commentSort: commentSort, enabledKinds: enabledKinds, maxCommentDepth: maxCommentDepth, debounceDuration: debounceDuration, collectMetadata: collectMetadata, emptyState: emptyState, loading: loading, collectStandardMetadata: collectWebMetadata, transformComments: transformComments, renderActor: renderActor, children: _jsx(FeedbackScreenInner, { ...props }) }) }));
+export function FeedbackScreen({ hooks, messages, theme, unstyled, entrySort = "top", commentSort = "top", enabledKinds = entryKinds, maxCommentDepth = 5, transformComments, renderActor, onUnauthenticated, debounceDuration = 300, collectMetadata, emptyState, loading, ...props }) {
+    return (_jsx(FeedbackProvider, { messages: messages, theme: theme, unstyled: unstyled, children: _jsx(FeedbackBodyProvider, { hooks: hooks, entrySort: entrySort, commentSort: commentSort, enabledKinds: enabledKinds, maxCommentDepth: maxCommentDepth, debounceDuration: debounceDuration, collectMetadata: collectMetadata, emptyState: emptyState, loading: loading, collectStandardMetadata: collectWebMetadata, transformComments: transformComments, renderActor: renderActor, onUnauthenticated: onUnauthenticated, children: _jsx(FeedbackScreenInner, { ...props }) }) }));
 }
 function FeedbackScreenInner({ className, ...colors }) {
-    const { hooks, entrySort, enabledKinds, showForm, setShowForm, setSelectedEntryId, selectedEntryId, statusFilter, setStatusFilter, query, setQuery, debouncedQuery, emptyState, loading: loadingIndicator, } = useFeedbackBody();
+    const { hooks, entrySort, enabledKinds, showForm, setShowForm, setSelectedEntryId, selectedEntryId, statusFilter, setStatusFilter, query, setQuery, debouncedQuery, emptyState, loading: loadingIndicator, isAuthenticated, onUnauthenticated, } = useFeedbackBody();
     const { messages } = useFeedbackUi();
     const list = hooks.useEntries({
         sort: entrySort,
@@ -31,37 +32,59 @@ function FeedbackScreenInner({ className, ...colors }) {
     if (selectedEntryId !== null) {
         return (_jsx(FeedbackBoard.Root, { className: className, ...colors, children: _jsx(EntryDetail, { entryId: selectedEntryId, onBack: () => setSelectedEntryId(null) }) }));
     }
-    const searching = query.trim().length > 0;
+    const normalizedQuery = query.trim();
+    const normalizedDebouncedQuery = debouncedQuery.trim();
+    const searching = normalizedQuery.length > 0;
     const entries = searching ? searchResults : list.results;
     const isLoading = searching
-        ? searchResults === undefined
+        ? normalizedQuery !== normalizedDebouncedQuery ||
+            searchResults === undefined
         : list.status === "LoadingFirstPage";
-    return (_jsxs(FeedbackBoard.Root, { className: className, ...colors, children: [_jsxs(FeedbackBoard.Header, { children: [_jsxs("div", { children: [_jsx(FeedbackBoard.Title, {}), _jsx("p", { className: "cf-board__subtitle", children: messages.board.subtitle }), _jsx(ChoiceChips, { "aria-label": messages.board.statusFilter, options: entryStatusChoices(messages), value: statusFilter, onValueChange: setStatusFilter })] }), _jsx("button", { type: "button", className: "cf-button cf-button--primary", onClick: () => setShowForm((current) => !current), children: showForm
+    return (_jsxs(FeedbackBoard.Root, { className: className, ...colors, children: [_jsxs(FeedbackBoard.Header, { children: [_jsxs("div", { children: [_jsx(FeedbackBoard.Title, {}), _jsx("p", { className: "cf-board__subtitle", children: messages.board.subtitle }), _jsx(ChoiceChips, { "aria-label": messages.board.statusFilter, options: entryStatusChoices(messages), value: statusFilter, onValueChange: setStatusFilter })] }), _jsx("button", { type: "button", className: "cf-button cf-button--primary", disabled: isAuthenticated === undefined, onClick: () => {
+                            if (!allowAuthenticatedAction(isAuthenticated, onUnauthenticated)) {
+                                return;
+                            }
+                            setShowForm((current) => !current);
+                        }, children: showForm
                             ? messages.form.cancel
                             : createEntryLabel(enabledKinds, messages) })] }), showForm && (_jsx(CreateEntryForm, { onCreated: (entryId) => {
                     setShowForm(false);
                     setSelectedEntryId(entryId);
                 } })), _jsx(FeedbackBoard.Search, { value: query, onValueChange: setQuery }), isLoading ? (_jsx(FeedbackBoard.State, { children: loadingIndicator ?? (_jsx("span", { className: "cf-state__message", children: messages.board.loading })) })) : entries !== undefined && entries.length === 0 ? (_jsxs(FeedbackBoard.State, { children: [emptyState, _jsx("span", { className: "cf-state__message", children: searching
                             ? messages.board.noSearchResults
-                            : messages.board.noEntries }), _jsx("button", { type: "button", className: "cf-button cf-button--primary", onClick: () => setShowForm(true), children: createEntryLabel(enabledKinds, messages) })] })) : (_jsx(FeedbackBoard.List, { children: (entries ?? []).map((entry) => (_jsx(EntryCard, { entry: entry, hooks: hooks, onOpen: () => setSelectedEntryId(entry.id) }, entry.id))) })), !searching && list.status === "CanLoadMore" && (_jsx("button", { type: "button", className: "cf-button", onClick: () => list.loadMore(hooks.pageSizes.entries), children: messages.board.loadMore }))] }));
+                            : messages.board.noEntries }), _jsx("button", { type: "button", className: "cf-button cf-button--primary", disabled: isAuthenticated === undefined, onClick: () => {
+                            if (allowAuthenticatedAction(isAuthenticated, onUnauthenticated)) {
+                                setShowForm(true);
+                            }
+                        }, children: createEntryLabel(enabledKinds, messages) })] })) : (_jsx(FeedbackBoard.List, { children: (entries ?? []).map((entry) => (_jsx(EntryCard, { entry: entry, hooks: hooks, onOpen: () => setSelectedEntryId(entry.id) }, entry.id))) })), !searching &&
+                (list.status === "CanLoadMore" || list.status === "LoadingMore") && (_jsx("button", { type: "button", className: "cf-button", disabled: list.status === "LoadingMore", onClick: () => list.loadMore(hooks.pageSizes.entries), children: messages.board.loadMore }))] }));
 }
 function EntryCard({ entry, hooks, onOpen }) {
+    const { isAuthenticated, onUnauthenticated } = useFeedbackBody();
     const setUpvote = hooks.useSetEntryUpvote();
-    return (_jsxs(FeedbackEntry.Root, { entry: entry, children: [_jsx(FeedbackEntry.Upvote, { onToggle: (active) => void setUpvote({ entryId: entry.id, desiredState: active }) }), _jsxs(FeedbackEntry.Content, { onClick: onOpen, onKeyDown: (event) => {
-                    if (event.key === "Enter" || event.key === " ") {
-                        event.preventDefault();
-                        onOpen();
-                    }
-                }, role: "button", tabIndex: 0, children: [_jsxs("div", { className: "cf-entry__meta", children: [_jsx(FeedbackEntry.Kind, {}), _jsx(FeedbackEntry.Status, {}), _jsx(FeedbackEntry.CommentCount, {})] }), _jsx(FeedbackEntry.Title, {}), _jsx(FeedbackEntry.Body, {})] })] }));
+    const action = useFeedbackAction();
+    const toggleUpvote = (desiredState) => {
+        if (!allowAuthenticatedAction(isAuthenticated, onUnauthenticated) ||
+            action.pending) {
+            return;
+        }
+        void action.run(() => setUpvote({ entryId: entry.id, desiredState }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(FeedbackEntry.Root, { entry: entry, children: [_jsx(FeedbackEntry.Upvote, { disabled: isAuthenticated === undefined || action.pending, onToggle: toggleUpvote }), _jsxs(FeedbackEntry.Content, { onClick: onOpen, onKeyDown: (event) => {
+                            if (event.key === "Enter" || event.key === " ") {
+                                event.preventDefault();
+                                onOpen();
+                            }
+                        }, role: "button", tabIndex: 0, children: [_jsxs("div", { className: "cf-entry__meta", children: [_jsx(FeedbackEntry.Kind, {}), _jsx(FeedbackEntry.Status, {}), _jsx(FeedbackEntry.CommentCount, {})] }), _jsx(FeedbackEntry.Title, {}), _jsx(FeedbackEntry.Body, {})] })] }), _jsx(FeedbackActionError, { failure: action.failure })] }));
 }
 function CreateEntryForm({ onCreated }) {
-    const { hooks, enabledKinds, collectMetadata, collectStandardMetadata } = useFeedbackBody();
+    const { hooks, enabledKinds, collectMetadata, collectStandardMetadata, isAuthenticated, onUnauthenticated, } = useFeedbackBody();
     const { messages } = useFeedbackUi();
     const [kind, setKind] = useState(enabledKinds[0] ?? "feedback");
     const [title, setTitle] = useState("");
     const [body, setBody] = useState("");
-    const [submitting, setSubmitting] = useState(false);
     const createEntry = hooks.useCreateEntry();
+    const action = useFeedbackAction();
     const similar = hooks.useSimilarEntries({ title, body, kind });
     const [confirmingDuplicate, setConfirmingDuplicate] = useState(false);
     const submit = (event) => {
@@ -78,10 +101,11 @@ function CreateEntryForm({ onCreated }) {
         void create();
     };
     const create = async () => {
-        if (submitting)
+        if (action.pending)
             return;
-        setSubmitting(true);
-        try {
+        if (!allowAuthenticatedAction(isAuthenticated, onUnauthenticated))
+            return;
+        await action.run(async () => {
             const metadata = await collectEntryMetadata(collectMetadata, kind, collectStandardMetadata);
             const entryId = await createEntry({
                 kind,
@@ -90,10 +114,7 @@ function CreateEntryForm({ onCreated }) {
                 ...(metadata === undefined ? {} : { metadata }),
             });
             onCreated(entryId);
-        }
-        finally {
-            setSubmitting(false);
-        }
+        });
     };
     const suggestions = useMemo(() => {
         if (similar === undefined)
@@ -105,7 +126,7 @@ function CreateEntryForm({ onCreated }) {
                             label: messages.kinds[value],
                         })), value: kind, onValueChange: setKind })] })), _jsxs("label", { className: "cf-field", children: [_jsx("span", { children: messages.form.title }), _jsx(FeedbackForm.Input, { value: title, onChange: (event) => setTitle(event.currentTarget.value), placeholder: messages.form.titlePlaceholder, required: true })] }), _jsxs("label", { className: "cf-field", children: [_jsx("span", { children: messages.form.body }), _jsx(FeedbackForm.Textarea, { value: body, onChange: (event) => setBody(event.currentTarget.value), placeholder: messages.form.bodyPlaceholder, rows: 5, required: true })] }), suggestions.length > 0 && (_jsxs("aside", { className: "cf-duplicates", children: [_jsx("strong", { children: similar?.exact.length
                             ? messages.form.exactDuplicate
-                            : messages.form.possibleDuplicates }), _jsx("div", { className: "cf-duplicates__list", children: suggestions.map((entry) => (_jsxs("div", { className: "cf-duplicate", children: [_jsxs("div", { className: "cf-entry__meta", children: [_jsx("span", { className: "cf-entry__kind", children: messages.kinds[entry.kind] }), _jsx("span", { className: "cf-status", children: messages.statuses[entry.status] })] }), _jsx("strong", { children: entry.title }), _jsx("span", { className: "cf-duplicate__body", children: entry.body }), _jsxs("span", { className: "cf-duplicate__meta", children: ["\u25B2 ", entry.upvoteCount, " \u00B7", " ", messages.entry.comments(entry.commentCount)] })] }, entry.id))) })] })), _jsx(FeedbackForm.Submit, { submitting: submitting, disabled: confirmingDuplicate || submitting }), confirmingDuplicate && (_jsx("div", { className: "cf-confirm-backdrop", children: _jsxs("div", { className: "cf-confirm", role: "alertdialog", "aria-modal": "true", "aria-labelledby": "cf-duplicate-confirm-title", children: [_jsx("strong", { id: "cf-duplicate-confirm-title", children: similar?.exact.length
+                            : messages.form.possibleDuplicates }), _jsx("div", { className: "cf-duplicates__list", children: suggestions.map((entry) => (_jsxs("div", { className: "cf-duplicate", children: [_jsxs("div", { className: "cf-entry__meta", children: [_jsx("span", { className: "cf-entry__kind", children: messages.kinds[entry.kind] }), _jsx("span", { className: "cf-status", children: messages.statuses[entry.status] })] }), _jsx("strong", { children: entry.title }), _jsx("span", { className: "cf-duplicate__body", children: entry.body }), _jsxs("span", { className: "cf-duplicate__meta", children: ["\u25B2 ", entry.upvoteCount, " \u00B7", " ", messages.entry.comments(entry.commentCount)] })] }, entry.id))) })] })), _jsx(FeedbackForm.Submit, { submitting: action.pending, disabled: confirmingDuplicate || action.pending || isAuthenticated === undefined }), _jsx(FeedbackActionError, { failure: action.failure }), confirmingDuplicate && (_jsx("div", { className: "cf-confirm-backdrop", children: _jsxs("div", { className: "cf-confirm", role: "alertdialog", "aria-modal": "true", "aria-labelledby": "cf-duplicate-confirm-title", children: [_jsx("strong", { id: "cf-duplicate-confirm-title", children: similar?.exact.length
                                 ? messages.form.exactDuplicate
                                 : messages.form.possibleDuplicates }), _jsx("p", { children: messages.form.duplicateWarning }), _jsxs("div", { className: "cf-inline-actions", children: [_jsx("button", { type: "button", className: "cf-button", onClick: () => setConfirmingDuplicate(false), children: messages.form.cancel }), _jsx("button", { type: "button", className: "cf-button cf-button--primary", onClick: () => {
                                         setConfirmingDuplicate(false);
@@ -113,7 +134,7 @@ function CreateEntryForm({ onCreated }) {
                                     }, children: messages.form.submitAnyway })] })] }) }))] }));
 }
 function EntryDetail({ entryId, onBack }) {
-    const { hooks, commentSort, transformComments } = useFeedbackBody();
+    const { hooks, commentSort, transformComments, isAuthenticated, onUnauthenticated, } = useFeedbackBody();
     const { messages } = useFeedbackUi();
     const entry = hooks.useEntry(entryId);
     const setUpvote = hooks.useSetEntryUpvote();
@@ -121,19 +142,35 @@ function EntryDetail({ entryId, onBack }) {
     const createComment = hooks.useCreateComment();
     const [body, setBody] = useState("");
     const [showMetadata, setShowMetadata] = useState(false);
+    const upvoteAction = useFeedbackAction();
+    const commentAction = useFeedbackAction();
+    const toggleUpvote = (desiredState) => {
+        if (!allowAuthenticatedAction(isAuthenticated, onUnauthenticated) ||
+            upvoteAction.pending) {
+            return;
+        }
+        void upvoteAction.run(() => setUpvote({ entryId, desiredState }));
+    };
     const visibleComments = useMemo(() => transformComments?.(comments.results) ?? comments.results, [comments.results, transformComments]);
     if (entry === undefined)
         return _jsx("p", { className: "cf-state", children: messages.board.loading });
     if (entry === null)
         return (_jsx("button", { type: "button", className: "cf-button", onClick: onBack, children: messages.entry.back }));
-    return (_jsxs("div", { className: "cf-detail", children: [_jsx("button", { type: "button", className: "cf-button cf-button--link", onClick: onBack, children: messages.entry.back }), _jsxs(FeedbackEntry.Root, { entry: entry, children: [_jsx(FeedbackEntry.Upvote, { onToggle: (active) => void setUpvote({ entryId, desiredState: active }) }), _jsxs(FeedbackEntry.Content, { children: [_jsxs("div", { className: "cf-entry__meta", children: [_jsx(FeedbackEntry.Status, {}), _jsx(FeedbackEntry.CommentCount, {})] }), _jsx(FeedbackEntry.Title, {}), _jsx(FeedbackEntry.Body, {})] })] }), entry.metadata !== undefined && (_jsx("div", { children: _jsx("button", { type: "button", className: "cf-button", onClick: () => setShowMetadata(true), children: messages.metadata.view }) })), showMetadata && entry.metadata !== undefined && (_jsx(MetadataDialog, { metadata: entry.metadata, onClose: () => setShowMetadata(false) })), _jsxs("section", { className: "cf-discussion", children: [_jsx("h3", { children: messages.comments.title }), _jsxs(FeedbackForm.Root, { onSubmit: async (event) => {
+    return (_jsxs("div", { className: "cf-detail", children: [_jsx("button", { type: "button", className: "cf-button cf-button--link", onClick: onBack, children: messages.entry.back }), _jsxs(FeedbackEntry.Root, { entry: entry, children: [_jsx(FeedbackEntry.Upvote, { disabled: isAuthenticated === undefined || upvoteAction.pending, onToggle: toggleUpvote }), _jsxs(FeedbackEntry.Content, { children: [_jsxs("div", { className: "cf-entry__meta", children: [_jsx(FeedbackEntry.Status, {}), _jsx(FeedbackEntry.CommentCount, {})] }), _jsx(FeedbackEntry.Title, {}), _jsx(FeedbackEntry.Body, {})] })] }), _jsx(FeedbackActionError, { failure: upvoteAction.failure }), entry.metadata !== undefined && (_jsx("div", { children: _jsx("button", { type: "button", className: "cf-button", onClick: () => setShowMetadata(true), children: messages.metadata.view }) })), showMetadata && entry.metadata !== undefined && (_jsx(MetadataDialog, { metadata: entry.metadata, onClose: () => setShowMetadata(false) })), _jsxs("section", { className: "cf-discussion", children: [_jsx("h3", { children: messages.comments.title }), _jsxs(FeedbackForm.Root, { onSubmit: (event) => {
                             event.preventDefault();
                             if (body.trim().length === 0)
                                 return;
-                            await createComment({ entryId, body });
-                            setBody("");
-                        }, children: [_jsx(FeedbackForm.Textarea, { value: body, onChange: (event) => setBody(event.currentTarget.value), placeholder: messages.comments.placeholder, rows: 3 }), _jsx("button", { type: "submit", className: "cf-button cf-button--primary", children: messages.comments.submit })] }), comments.status === "LoadingFirstPage" && (_jsx("p", { className: "cf-state", children: messages.board.loading })), comments.status !== "LoadingFirstPage" &&
-                        visibleComments.length === 0 && (_jsx("p", { className: "cf-state", children: messages.comments.noComments })), _jsx("div", { className: "cf-comments", children: visibleComments.map((comment) => (_jsx(CommentBranch, { comment: comment, entryId: entryId }, comment.id))) }), comments.status === "CanLoadMore" && (_jsx("button", { type: "button", className: "cf-button", onClick: () => comments.loadMore(hooks.pageSizes.comments), children: messages.comments.loadMore }))] })] }));
+                            if (!allowAuthenticatedAction(isAuthenticated, onUnauthenticated) ||
+                                commentAction.pending) {
+                                return;
+                            }
+                            void commentAction.run(async () => {
+                                await createComment({ entryId, body });
+                                setBody("");
+                            });
+                        }, children: [_jsx(FeedbackForm.Textarea, { value: body, onChange: (event) => setBody(event.currentTarget.value), placeholder: messages.comments.placeholder, rows: 3 }), _jsx("button", { type: "submit", className: "cf-button cf-button--primary", disabled: isAuthenticated === undefined || commentAction.pending, children: messages.comments.submit })] }), _jsx(FeedbackActionError, { failure: commentAction.failure }), comments.status === "LoadingFirstPage" && (_jsx("p", { className: "cf-state", children: messages.board.loading })), comments.status !== "LoadingFirstPage" &&
+                        visibleComments.length === 0 && (_jsx("p", { className: "cf-state", children: messages.comments.noComments })), _jsx("div", { className: "cf-comments", children: visibleComments.map((comment) => (_jsx(CommentBranch, { comment: comment, entryId: entryId }, comment.id))) }), (comments.status === "CanLoadMore" ||
+                        comments.status === "LoadingMore") && (_jsx("button", { type: "button", className: "cf-button", disabled: comments.status === "LoadingMore", onClick: () => comments.loadMore(hooks.pageSizes.comments), children: messages.comments.loadMore }))] })] }));
 }
 function MetadataDialog({ metadata, onClose, }) {
     const { messages } = useFeedbackUi();
@@ -145,26 +182,45 @@ function MetadataDialog({ metadata, onClose, }) {
     return (_jsx("div", { className: "cf-confirm-backdrop", onMouseDown: onClose, children: _jsxs("div", { className: "cf-confirm cf-metadata-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "cf-metadata-title", onMouseDown: (event) => event.stopPropagation(), children: [_jsx("h3", { id: "cf-metadata-title", children: messages.metadata.title }), hasValues ? (sections.map(([label, values]) => values === undefined || Object.keys(values).length === 0 ? null : (_jsxs("section", { className: "cf-metadata-section", children: [_jsx("h4", { children: label }), _jsx("dl", { children: Object.entries(values).map(([key, value]) => (_jsxs("div", { className: "cf-metadata-row", children: [_jsx("dt", { children: formatMetadataKey(key) }), _jsx("dd", { children: String(value) })] }, key))) })] }, label)))) : (_jsx("p", { children: messages.metadata.empty })), _jsx("div", { className: "cf-inline-actions", children: _jsx("button", { type: "button", className: "cf-button", onClick: onClose, children: messages.metadata.close }) })] }) }));
 }
 function CommentBranch({ comment, entryId }) {
-    const { hooks, maxCommentDepth, renderActor } = useFeedbackBody();
+    const { hooks, maxCommentDepth, renderActor, isAuthenticated, onUnauthenticated, } = useFeedbackBody();
     const { messages } = useFeedbackUi();
     const [expanded, setExpanded] = useState(false);
     const [replying, setReplying] = useState(false);
     const [replyBody, setReplyBody] = useState("");
     const setLike = hooks.useSetCommentLike();
     const createComment = hooks.useCreateComment();
-    return (_jsxs(Comment.Root, { comment: comment, children: [renderActor === undefined ? null : (_jsx("div", { className: "cf-comment__author", children: renderActor(comment.actorId) })), _jsx(Comment.Body, {}), _jsxs("div", { className: "cf-comment__toolbar", children: [_jsx(Comment.Like, { onToggle: (active) => void setLike({ commentId: comment.id, desiredState: active }) }), comment.body !== null && comment.depth < maxCommentDepth && (_jsx(Comment.Reply, { onActivate: () => setReplying((value) => !value) })), _jsx(Comment.RepliesButton, { expanded: expanded, onExpandedChange: setExpanded })] }), replying && (_jsxs(FeedbackForm.Root, { onSubmit: async (event) => {
+    const likeAction = useFeedbackAction();
+    const replyAction = useFeedbackAction();
+    const toggleLike = (desiredState) => {
+        if (!allowAuthenticatedAction(isAuthenticated, onUnauthenticated) ||
+            likeAction.pending) {
+            return;
+        }
+        void likeAction.run(() => setLike({ commentId: comment.id, desiredState }));
+    };
+    return (_jsxs(Comment.Root, { comment: comment, children: [renderActor === undefined ? null : (_jsx("div", { className: "cf-comment__author", children: renderActor(comment.actorId) })), _jsx(Comment.Body, {}), _jsxs("div", { className: "cf-comment__toolbar", children: [_jsx(Comment.Like, { disabled: isAuthenticated === undefined || likeAction.pending, onToggle: toggleLike }), comment.body !== null && comment.depth < maxCommentDepth && (_jsx(Comment.Reply, { disabled: isAuthenticated === undefined || replyAction.pending, onActivate: () => {
+                            if (allowAuthenticatedAction(isAuthenticated, onUnauthenticated)) {
+                                setReplying((value) => !value);
+                            }
+                        } })), _jsx(Comment.RepliesButton, { expanded: expanded, onExpandedChange: setExpanded })] }), _jsx(FeedbackActionError, { failure: likeAction.failure }), replying && (_jsxs(FeedbackForm.Root, { onSubmit: (event) => {
                     event.preventDefault();
                     if (replyBody.trim().length === 0)
                         return;
-                    await createComment({
-                        entryId,
-                        parentCommentId: comment.id,
-                        body: replyBody,
+                    if (!allowAuthenticatedAction(isAuthenticated, onUnauthenticated) ||
+                        replyAction.pending) {
+                        return;
+                    }
+                    void replyAction.run(async () => {
+                        await createComment({
+                            entryId,
+                            parentCommentId: comment.id,
+                            body: replyBody,
+                        });
+                        setReplyBody("");
+                        setReplying(false);
+                        setExpanded(true);
                     });
-                    setReplyBody("");
-                    setReplying(false);
-                    setExpanded(true);
-                }, children: [_jsx(FeedbackForm.Textarea, { value: replyBody, onChange: (event) => setReplyBody(event.currentTarget.value), placeholder: messages.comments.placeholder, rows: 2 }), _jsxs("div", { className: "cf-inline-actions", children: [_jsx("button", { type: "submit", className: "cf-button cf-button--primary", children: messages.comments.reply }), _jsx("button", { type: "button", className: "cf-button", onClick: () => setReplying(false), children: messages.comments.cancelReply })] })] })), expanded && _jsx(ReplyList, { entryId: entryId, parentCommentId: comment.id })] }));
+                }, children: [_jsx(FeedbackForm.Textarea, { value: replyBody, onChange: (event) => setReplyBody(event.currentTarget.value), placeholder: messages.comments.placeholder, rows: 2 }), _jsxs("div", { className: "cf-inline-actions", children: [_jsx("button", { type: "submit", className: "cf-button cf-button--primary", disabled: isAuthenticated === undefined || replyAction.pending, children: messages.comments.reply }), _jsx("button", { type: "button", className: "cf-button", onClick: () => setReplying(false), children: messages.comments.cancelReply })] })] })), _jsx(FeedbackActionError, { failure: replyAction.failure }), expanded && _jsx(ReplyList, { entryId: entryId, parentCommentId: comment.id })] }));
 }
 function ReplyList({ entryId, parentCommentId }) {
     const { hooks, commentSort, transformComments } = useFeedbackBody();
@@ -175,6 +231,7 @@ function ReplyList({ entryId, parentCommentId }) {
         sort: commentSort,
     });
     const visibleReplies = useMemo(() => transformComments?.(replies.results) ?? replies.results, [replies.results, transformComments]);
-    return (_jsxs(Comment.Children, { children: [replies.status === "LoadingFirstPage" && (_jsx("p", { className: "cf-state", children: messages.board.loading })), visibleReplies.map((reply) => (_jsx(CommentBranch, { comment: reply, entryId: entryId }, reply.id))), replies.status === "CanLoadMore" && (_jsx("button", { type: "button", className: "cf-button", onClick: () => replies.loadMore(hooks.pageSizes.replies), children: messages.comments.loadMore }))] }));
+    return (_jsxs(Comment.Children, { children: [replies.status === "LoadingFirstPage" && (_jsx("p", { className: "cf-state", children: messages.board.loading })), visibleReplies.map((reply) => (_jsx(CommentBranch, { comment: reply, entryId: entryId }, reply.id))), (replies.status === "CanLoadMore" ||
+                replies.status === "LoadingMore") && (_jsx("button", { type: "button", className: "cf-button", disabled: replies.status === "LoadingMore", onClick: () => replies.loadMore(hooks.pageSizes.replies), children: messages.comments.loadMore }))] }));
 }
 //# sourceMappingURL=screen.js.map