convex-feedback-ui 0.1.1

package/dist/native/primitives.js

@@ -0,0 +1,303 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { Pressable, ScrollView, Text, TextInput, View, } from "react-native";
+import { SafeAreaView, } from "react-native-safe-area-context";
+import { FeedbackNativeThemeScope, useFeedbackUi } from "./context.js";
+function combineStyle(enabled, fallback, style) {
+    return enabled ? [fallback, style] : style;
+}
+function BoardRoot({ primaryColor, backgroundColor, surfaceColor, textColor, mutedColor, borderColor, dangerColor, children, style, ...props }) {
+    const { theme, unstyled } = useFeedbackUi();
+    const colorOverrides = useMemo(() => ({
+        ...(primaryColor === undefined ? {} : { primary: primaryColor }),
+        ...(backgroundColor === undefined ? {} : { background: backgroundColor }),
+        ...(surfaceColor === undefined ? {} : { surface: surfaceColor }),
+        ...(textColor === undefined ? {} : { text: textColor }),
+        ...(mutedColor === undefined ? {} : { mutedText: mutedColor }),
+        ...(borderColor === undefined ? {} : { border: borderColor }),
+        ...(dangerColor === undefined ? {} : { danger: dangerColor }),
+    }), [
+        backgroundColor,
+        borderColor,
+        dangerColor,
+        mutedColor,
+        primaryColor,
+        surfaceColor,
+        textColor,
+    ]);
+    const background = backgroundColor ?? theme.colors.background;
+    return (_jsx(FeedbackNativeThemeScope, { colors: colorOverrides, children: _jsx(SafeAreaView, { ...props, style: combineStyle(!unstyled, {
+                flex: 1,
+                gap: theme.spacing,
+                padding: theme.spacing,
+                backgroundColor: background,
+            }, style), children: children }) }));
+}
+function BoardHeader({ style, ...props }) {
+    const { theme, unstyled } = useFeedbackUi();
+    return (_jsx(View, { ...props, style: combineStyle(!unstyled, { gap: theme.spacing }, style) }));
+}
+function BoardTitle({ style, children, ...props }) {
+    const { messages, theme, unstyled } = useFeedbackUi();
+    return (_jsx(Text, { ...props, style: combineStyle(!unstyled, { color: theme.colors.text, fontSize: 24, fontWeight: "700" }, style), children: children ?? messages.board.title }));
+}
+function BoardSearch({ value, onValueChange, children, style, ...props }) {
+    const { messages, theme, unstyled } = useFeedbackUi();
+    const state = { value, setValue: onValueChange };
+    if (typeof children === "function")
+        return _jsx(_Fragment, { children: children(state) });
+    return (_jsx(TextInput, { ...props, value: value, onChangeText: onValueChange, placeholder: props.placeholder ?? messages.board.searchPlaceholder, placeholderTextColor: props.placeholderTextColor ?? theme.colors.mutedText, style: combineStyle(!unstyled, {
+            color: theme.colors.text,
+            borderWidth: 1,
+            borderColor: theme.colors.border,
+            borderRadius: Math.max(8, theme.radius - 2),
+            paddingHorizontal: 12,
+            paddingVertical: 10,
+            backgroundColor: theme.colors.surface,
+        }, style) }));
+}
+function BoardList({ style, ...props }) {
+    const { theme, unstyled } = useFeedbackUi();
+    return (_jsx(ScrollView, { keyboardShouldPersistTaps: "handled", contentInsetAdjustmentBehavior: "automatic", automaticallyAdjustKeyboardInsets: true, style: { flex: 1 }, ...props, contentContainerStyle: combineStyle(!unstyled, { gap: Math.max(8, theme.spacing - 2) }, style) }));
+}
+export const FeedbackBoard = {
+    Root: BoardRoot,
+    Header: BoardHeader,
+    Title: BoardTitle,
+    Search: BoardSearch,
+    List: BoardList,
+};
+const EntryContext = createContext(null);
+function useEntryContext() {
+    const value = useContext(EntryContext);
+    if (value === null)
+        throw new Error("FeedbackEntry compound must be inside FeedbackEntry.Root.");
+    return value;
+}
+function EntryRoot({ entry, style, ...props }) {
+    const { theme, unstyled } = useFeedbackUi();
+    return (_jsx(EntryContext.Provider, { value: entry, children: _jsx(View, { ...props, style: combineStyle(!unstyled, {
+                flexDirection: "row",
+                gap: 12,
+                padding: 12,
+                borderWidth: 1,
+                borderColor: theme.colors.border,
+                borderRadius: theme.radius,
+                backgroundColor: theme.colors.surface,
+            }, style) }) }));
+}
+function EntryUpvote({ onToggle, children, primaryColor, style, accessibilityLabel, ...props }) {
+    const entry = useEntryContext();
+    const { theme, unstyled, messages } = useFeedbackUi();
+    const activeColor = primaryColor ?? theme.colors.primary;
+    const toggle = () => onToggle(!entry.viewerHasUpvoted);
+    const state = {
+        entry,
+        active: entry.viewerHasUpvoted,
+        count: entry.upvoteCount,
+        toggle,
+    };
+    if (typeof children === "function")
+        return _jsx(_Fragment, { children: children(state) });
+    return (_jsx(Pressable, { ...props, accessibilityLabel: accessibilityLabel ??
+            (entry.viewerHasUpvoted
+                ? messages.entry.removeUpvote
+                : messages.entry.upvote), onPress: toggle, style: combineStyle(!unstyled, {
+            width: 48,
+            minHeight: 54,
+            alignItems: "center",
+            justifyContent: "center",
+            borderWidth: 1,
+            borderColor: entry.viewerHasUpvoted
+                ? activeColor
+                : theme.colors.border,
+            borderRadius: 10,
+            backgroundColor: theme.colors.surfaceMuted,
+        }, style), children: children ?? (_jsxs(_Fragment, { children: [_jsx(Text, { style: {
+                        color: entry.viewerHasUpvoted
+                            ? activeColor
+                            : theme.colors.mutedText,
+                    }, children: "\u25B2" }), _jsx(Text, { style: {
+                        color: entry.viewerHasUpvoted ? activeColor : theme.colors.text,
+                        fontWeight: "700",
+                    }, children: entry.upvoteCount })] })) }));
+}
+function EntryKind({ style, children, ...props }) {
+    const entry = useEntryContext();
+    const { messages, theme, unstyled } = useFeedbackUi();
+    return (_jsx(Text, { ...props, style: combineStyle(!unstyled, {
+            color: theme.colors.mutedText,
+            fontSize: 12,
+            fontWeight: "600",
+        }, style), children: children ?? messages.kinds[entry.kind] }));
+}
+function EntryContent({ style, ...props }) {
+    return _jsx(View, { ...props, style: [{ flex: 1, minWidth: 0 }, style] });
+}
+function EntryTitle({ style, children, ...props }) {
+    const entry = useEntryContext();
+    const { theme, unstyled } = useFeedbackUi();
+    return (_jsx(Text, { ...props, style: combineStyle(!unstyled, { color: theme.colors.text, fontWeight: "700", fontSize: 16 }, style), children: children ?? entry.title }));
+}
+function EntryBody({ style, children, ...props }) {
+    const entry = useEntryContext();
+    const { theme, unstyled } = useFeedbackUi();
+    return (_jsx(Text, { ...props, style: combineStyle(!unstyled, { color: theme.colors.mutedText, lineHeight: 20 }, style), children: children ?? entry.body }));
+}
+function EntryStatus({ style, children, ...props }) {
+    const entry = useEntryContext();
+    const { messages, theme, unstyled } = useFeedbackUi();
+    return (_jsx(Text, { ...props, style: combineStyle(!unstyled, { color: theme.colors.mutedText, fontSize: 12, fontWeight: "600" }, style), children: children ?? messages.statuses[entry.status] }));
+}
+function EntryCommentCount({ style, children, ...props }) {
+    const entry = useEntryContext();
+    const { messages, theme, unstyled } = useFeedbackUi();
+    return (_jsx(Text, { ...props, style: combineStyle(!unstyled, { color: theme.colors.mutedText, fontSize: 12 }, style), children: children ?? messages.entry.comments(entry.commentCount) }));
+}
+export const FeedbackEntry = {
+    Root: EntryRoot,
+    Upvote: EntryUpvote,
+    Content: EntryContent,
+    Kind: EntryKind,
+    Title: EntryTitle,
+    Body: EntryBody,
+    Status: EntryStatus,
+    CommentCount: EntryCommentCount,
+};
+const CommentContext = createContext(null);
+function useCommentContext() {
+    const value = useContext(CommentContext);
+    if (value === null)
+        throw new Error("Comment compound must be inside Comment.Root.");
+    return value;
+}
+function CommentRoot({ comment, style, ...props }) {
+    const { theme, unstyled } = useFeedbackUi();
+    return (_jsx(CommentContext.Provider, { value: comment, children: _jsx(View, { ...props, style: combineStyle(!unstyled, {
+                gap: 7,
+                padding: 10,
+                borderWidth: 1,
+                borderColor: theme.colors.border,
+                borderRadius: Math.max(8, theme.radius - 2),
+                backgroundColor: theme.colors.surface,
+            }, style) }) }));
+}
+function CommentBody({ style, children, ...props }) {
+    const comment = useCommentContext();
+    const { messages, theme, unstyled } = useFeedbackUi();
+    return (_jsx(Text, { ...props, style: combineStyle(!unstyled, {
+            color: comment.body === null ? theme.colors.mutedText : theme.colors.text,
+            lineHeight: 20,
+        }, style), children: children ?? comment.body ?? messages.comments.deleted }));
+}
+function CommentLike({ onToggle, children, primaryColor, style, accessibilityLabel, ...props }) {
+    const comment = useCommentContext();
+    const { theme, unstyled, messages } = useFeedbackUi();
+    const color = primaryColor ?? theme.colors.primary;
+    const toggle = () => onToggle(!comment.viewerHasLiked);
+    const state = {
+        comment,
+        active: comment.viewerHasLiked,
+        count: comment.likeCount,
+        toggle,
+    };
+    if (typeof children === "function")
+        return _jsx(_Fragment, { children: children(state) });
+    return (_jsx(Pressable, { ...props, accessibilityLabel: accessibilityLabel ??
+            props["aria-label"] ??
+            (comment.viewerHasLiked
+                ? messages.comments.unlike
+                : messages.comments.like), onPress: toggle, style: combineStyle(!unstyled, {
+            flexDirection: "row",
+            gap: 4,
+            alignItems: "center",
+            paddingVertical: 4,
+            paddingHorizontal: 5,
+        }, style), children: children ?? (_jsxs(_Fragment, { children: [_jsx(Text, { style: {
+                        color: comment.viewerHasLiked ? color : theme.colors.mutedText,
+                    }, children: comment.viewerHasLiked ? "♥" : "♡" }), _jsx(Text, { style: {
+                        color: comment.viewerHasLiked ? color : theme.colors.mutedText,
+                        fontSize: 12,
+                    }, children: comment.likeCount })] })) }));
+}
+function CommentReply({ onActivate, children, style, ...props }) {
+    const comment = useCommentContext();
+    const { messages, theme, unstyled } = useFeedbackUi();
+    const state = { comment, activate: onActivate };
+    if (typeof children === "function")
+        return _jsx(_Fragment, { children: children(state) });
+    return (_jsx(Pressable, { ...props, onPress: onActivate, style: combineStyle(!unstyled, { padding: 5 }, style), children: _jsx(Text, { style: { color: theme.colors.mutedText, fontSize: 12 }, children: children ?? messages.comments.reply }) }));
+}
+function CommentRepliesButton({ expanded, onExpandedChange, children, style, ...props }) {
+    const comment = useCommentContext();
+    const { messages, theme, unstyled } = useFeedbackUi();
+    const activate = () => onExpandedChange(!expanded);
+    const state = { comment, expanded, count: comment.replyCount, activate };
+    if (typeof children === "function")
+        return _jsx(_Fragment, { children: children(state) });
+    if (comment.replyCount === 0)
+        return null;
+    return (_jsx(Pressable, { ...props, onPress: activate, style: combineStyle(!unstyled, { padding: 5 }, style), children: _jsx(Text, { style: { color: theme.colors.primary, fontSize: 12, fontWeight: "600" }, children: children ??
+                (expanded
+                    ? messages.comments.hideReplies
+                    : messages.comments.viewReplies(comment.replyCount)) }) }));
+}
+function CommentChildren({ style, ...props }) {
+    const { theme, unstyled } = useFeedbackUi();
+    return (_jsx(View, { ...props, style: combineStyle(!unstyled, {
+            gap: 8,
+            marginLeft: 14,
+            paddingLeft: 10,
+            borderLeftWidth: 2,
+            borderLeftColor: theme.colors.border,
+        }, style) }));
+}
+export const Comment = {
+    Root: CommentRoot,
+    Body: CommentBody,
+    Like: CommentLike,
+    Reply: CommentReply,
+    RepliesButton: CommentRepliesButton,
+    Children: CommentChildren,
+};
+function FormRoot({ style, ...props }) {
+    const { unstyled } = useFeedbackUi();
+    return (_jsx(View, { ...props, style: combineStyle(!unstyled, { gap: 9 }, style) }));
+}
+function FormInput({ style, ...props }) {
+    const { theme, unstyled } = useFeedbackUi();
+    return (_jsx(TextInput, { ...props, placeholderTextColor: props.placeholderTextColor ?? theme.colors.mutedText, style: combineStyle(!unstyled, {
+            color: theme.colors.text,
+            borderWidth: 1,
+            borderColor: theme.colors.border,
+            borderRadius: Math.max(8, theme.radius - 2),
+            paddingHorizontal: 11,
+            paddingVertical: 9,
+            backgroundColor: theme.colors.surface,
+        }, style) }));
+}
+function FormTextarea({ style, ...props }) {
+    return (_jsx(FormInput, { ...props, multiline: true, textAlignVertical: props.textAlignVertical ?? "top", style: [{ minHeight: 90 }, style] }));
+}
+function FormSubmit({ submitting = false, children, primaryColor, disabled, style, ...props }) {
+    const { messages, theme, unstyled } = useFeedbackUi();
+    const state = { submitting };
+    if (typeof children === "function")
+        return _jsx(_Fragment, { children: children(state) });
+    return (_jsx(Pressable, { ...props, disabled: disabled ?? submitting, style: combineStyle(!unstyled, {
+            minHeight: 42,
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: Math.max(8, theme.radius - 2),
+            paddingHorizontal: 12,
+            backgroundColor: primaryColor ?? theme.colors.primary,
+            opacity: (disabled ?? submitting) ? 0.55 : 1,
+        }, style), children: _jsx(Text, { style: { color: "#ffffff", fontWeight: "700" }, children: children ?? messages.form.submit }) }));
+}
+export const FeedbackForm = {
+    Root: FormRoot,
+    Input: FormInput,
+    Textarea: FormTextarea,
+    Submit: FormSubmit,
+};
+//# sourceMappingURL=primitives.js.map

package/dist/native/primitives.js.map

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

package/dist/native/screen.d.ts

@@ -0,0 +1,3 @@
+import type { FeedbackScreenRootProps } from "../shared/types";
+export declare function FeedbackScreen({ hooks, messages, theme, unstyled, entrySort, commentSort, enabledKinds, maxCommentDepth, transformComments, renderActor, ...colors }: FeedbackScreenRootProps): import("react").JSX.Element;
+//# sourceMappingURL=screen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/native/screen.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAOV,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAmBzB,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAiB,EACjB,WAAmB,EACnB,YAAoB,EACpB,eAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,GAAG,MAAM,EACV,EAAE,uBAAuB,+BAezB"}

package/dist/native/screen.js

@@ -0,0 +1,284 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { ActivityIndicator, Alert, Modal, Platform, Pressable, ScrollView, Text, View, } from "react-native";
+import { FeedbackProvider, useFeedbackUi } from "./context.js";
+import { Comment, FeedbackBoard, FeedbackEntry, FeedbackForm, } from "./primitives.js";
+const kinds = [
+    "feedback",
+    "feature_request",
+    "bug_report",
+];
+const isIos26OrNewer = Platform.OS === "ios" &&
+    Number.parseInt(String(Platform.Version).split(".")[0] ?? "0", 10) >= 26;
+export function FeedbackScreen({ hooks, messages, theme, unstyled, entrySort = "top", commentSort = "top", enabledKinds = kinds, maxCommentDepth = 5, transformComments, renderActor, ...colors }) {
+    return (_jsx(FeedbackProvider, { messages: messages, theme: theme, unstyled: unstyled, children: _jsx(ScreenBody, { hooks: hooks, entrySort: entrySort, commentSort: commentSort, enabledKinds: enabledKinds, maxCommentDepth: maxCommentDepth, transformComments: transformComments, renderActor: renderActor, ...colors }) }));
+}
+function ScreenBody({ hooks, entrySort, commentSort, enabledKinds, maxCommentDepth, transformComments, renderActor, ...colors }) {
+    const { messages, theme } = useFeedbackUi();
+    const [query, setQuery] = useState("");
+    const [selectedEntryId, setSelectedEntryId] = useState(null);
+    const [showForm, setShowForm] = useState(false);
+    const list = hooks.useEntries({ sort: entrySort, kinds: enabledKinds });
+    const search = hooks.useSearchEntries({
+        searchQuery: query,
+        kinds: enabledKinds,
+    });
+    if (selectedEntryId !== null) {
+        return (_jsx(FeedbackBoard.Root, { ...colors, children: _jsx(EntryDetail, { hooks: hooks, entryId: selectedEntryId, onBack: () => setSelectedEntryId(null), commentSort: commentSort, maxCommentDepth: maxCommentDepth, transformComments: transformComments, renderActor: renderActor }) }));
+    }
+    const searching = query.trim().length > 0;
+    const entries = searching ? search : list.results;
+    return (_jsxs(_Fragment, { children: [_jsxs(FeedbackBoard.Root, { ...colors, children: [_jsxs(FeedbackBoard.Header, { children: [_jsx(FeedbackBoard.Title, {}), _jsx(Text, { style: { color: theme.colors.mutedText }, children: messages.board.subtitle }), _jsx(Pressable, { onPress: () => setShowForm(true), style: {
+                                    alignSelf: "flex-start",
+                                    paddingVertical: 9,
+                                    paddingHorizontal: 12,
+                                    borderRadius: 9,
+                                    backgroundColor: theme.colors.primary,
+                                }, children: _jsx(Text, { style: { color: "#ffffff", fontWeight: "700" }, children: messages.board.createEntry }) })] }), _jsx(FeedbackBoard.Search, { value: query, onValueChange: setQuery }), _jsx(FeedbackBoard.List, { children: (entries ?? []).map((entry) => (_jsx(EntryCard, { entry: entry, hooks: hooks, onOpen: () => setSelectedEntryId(entry.id) }, entry.id))) }), !searching && list.status === "CanLoadMore" ? (_jsx(NativeButton, { label: messages.board.loadMore, onPress: () => list.loadMore(hooks.pageSizes.entries) })) : null] }), showForm ? (_jsx(CreateEntryModal, { hooks: hooks, enabledKinds: enabledKinds, onRequestClose: () => setShowForm(false), onCreated: (id) => {
+                    setShowForm(false);
+                    setSelectedEntryId(id);
+                } })) : null] }));
+}
+function NativeButton({ label, onPress, }) {
+    const { theme } = useFeedbackUi();
+    return (_jsx(Pressable, { onPress: onPress, style: {
+            alignSelf: "flex-start",
+            paddingVertical: 8,
+            paddingHorizontal: 11,
+            borderRadius: 8,
+            borderWidth: 1,
+            borderColor: theme.colors.border,
+        }, children: _jsx(Text, { style: { color: theme.colors.text, fontWeight: "600" }, children: label }) }));
+}
+function EntryCard({ entry, hooks, onOpen }) {
+    const setUpvote = hooks.useSetEntryUpvote();
+    return (_jsxs(FeedbackEntry.Root, { entry: entry, children: [_jsx(FeedbackEntry.Upvote, { onToggle: (active) => void setUpvote({ entryId: entry.id, desiredState: active }) }), _jsxs(Pressable, { onPress: onOpen, style: { flex: 1, gap: 4 }, children: [_jsxs(View, { style: {
+                            flexDirection: "row",
+                            alignItems: "center",
+                            justifyContent: "space-between",
+                            gap: 8,
+                        }, children: [_jsx(FeedbackEntry.Kind, {}), _jsx(FeedbackEntry.Status, {})] }), _jsx(FeedbackEntry.Title, {}), _jsx(FeedbackEntry.Body, { numberOfLines: 3 }), _jsx(FeedbackEntry.CommentCount, {})] })] }));
+}
+function CreateEntryModal({ hooks, enabledKinds, onRequestClose, onCreated, }) {
+    const { messages, theme } = useFeedbackUi();
+    const isIos = Platform.OS === "ios";
+    const [previewEntryId, setPreviewEntryId] = useState(null);
+    const [kind, setKind] = useState(enabledKinds[0] ?? "feedback");
+    const [title, setTitle] = useState("");
+    const [body, setBody] = useState("");
+    return (_jsx(Modal, { visible: true, animationType: "slide", presentationStyle: isIos ? "formSheet" : "overFullScreen", transparent: !isIos, allowSwipeDismissal: isIos, onRequestClose: onRequestClose, ...(isIos
+            ? {
+                backdropColor: isIos26OrNewer
+                    ? "transparent"
+                    : theme.colors.background,
+            }
+            : {}), children: _jsxs(View, { style: isIos
+                ? {
+                    flex: 1,
+                    backgroundColor: isIos26OrNewer
+                        ? "transparent"
+                        : theme.colors.background,
+                }
+                : {
+                    flex: 1,
+                    justifyContent: "flex-end",
+                    backgroundColor: "rgba(0, 0, 0, 0.35)",
+                }, children: [!isIos ? (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: messages.form.cancel, onPress: onRequestClose, style: {
+                        position: "absolute",
+                        top: 0,
+                        right: 0,
+                        bottom: 0,
+                        left: 0,
+                    } })) : null, _jsxs(View, { style: isIos
+                        ? {
+                            flex: 1,
+                            backgroundColor: "transparent",
+                        }
+                        : {
+                            maxHeight: "92%",
+                            minHeight: 360,
+                            overflow: "hidden",
+                            borderTopLeftRadius: theme.radius * 2,
+                            borderTopRightRadius: theme.radius * 2,
+                            backgroundColor: theme.colors.background,
+                        }, children: [_jsxs(View, { style: {
+                                flexDirection: "row",
+                                alignItems: "center",
+                                justifyContent: "space-between",
+                                paddingHorizontal: 16,
+                                paddingVertical: 14,
+                                borderBottomWidth: 1,
+                                borderBottomColor: theme.colors.border,
+                            }, children: [_jsx(Text, { style: {
+                                        color: theme.colors.text,
+                                        fontSize: 18,
+                                        fontWeight: "700",
+                                    }, children: messages.board.createEntry }), _jsx(Pressable, { accessibilityRole: "button", onPress: onRequestClose, hitSlop: 8, children: _jsx(Text, { style: {
+                                            color: theme.colors.primary,
+                                            fontWeight: "600",
+                                        }, children: messages.form.cancel }) })] }), _jsx(ScrollView, { keyboardShouldPersistTaps: "handled", keyboardDismissMode: isIos ? "interactive" : "on-drag", contentInsetAdjustmentBehavior: "automatic", contentContainerStyle: {
+                                padding: 16,
+                                paddingBottom: 32,
+                            }, children: previewEntryId !== null ? (_jsx(EntryDetail, { hooks: hooks, entryId: previewEntryId, onBack: () => setPreviewEntryId(null), commentSort: "top", maxCommentDepth: 5 })) : (_jsx(CreateForm, { hooks: hooks, enabledKinds: enabledKinds, kind: kind, onKindChange: setKind, title: title, onTitleChange: setTitle, body: body, onBodyChange: setBody, onCreated: onCreated, onOpenSuggestion: setPreviewEntryId })) })] })] }) }));
+}
+function CreateForm({ hooks, enabledKinds, kind, onKindChange, title, onTitleChange, body, onBodyChange, onCreated, onOpenSuggestion, }) {
+    const { messages, theme } = useFeedbackUi();
+    const [submitting, setSubmitting] = useState(false);
+    const create = hooks.useCreateEntry();
+    const similar = hooks.useSimilarEntries({ title, body, kind, limit: 3 });
+    const suggestions = useMemo(() => {
+        if (similar === undefined)
+            return [];
+        return [...similar.exact, ...similar.similar];
+    }, [similar]);
+    const submit = async () => {
+        if (submitting || title.trim().length === 0 || body.trim().length === 0) {
+            return;
+        }
+        setSubmitting(true);
+        try {
+            onCreated(await create({ kind, title, body }));
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    const requestSubmit = () => {
+        if (submitting ||
+            similar === undefined ||
+            title.trim().length === 0 ||
+            body.trim().length === 0) {
+            return;
+        }
+        if (suggestions.length === 0) {
+            void submit();
+            return;
+        }
+        Alert.alert(similar.exact.length > 0
+            ? messages.form.exactDuplicate
+            : messages.form.possibleDuplicates, messages.form.duplicateWarning, [
+            {
+                text: messages.form.cancel,
+                style: "cancel",
+            },
+            {
+                text: messages.form.submitAnyway,
+                onPress: () => {
+                    void submit();
+                },
+            },
+        ]);
+    };
+    return (_jsxs(FeedbackForm.Root, { children: [_jsx(Text, { style: { color: theme.colors.text, fontWeight: "600" }, children: messages.form.kind }), _jsx(View, { style: { flexDirection: "row", flexWrap: "wrap", gap: 7 }, children: enabledKinds.map((value) => (_jsx(Pressable, { onPress: () => onKindChange(value), style: {
+                        paddingVertical: 6,
+                        paddingHorizontal: 9,
+                        borderRadius: 999,
+                        borderWidth: 1,
+                        borderColor: value === kind ? theme.colors.primary : theme.colors.border,
+                    }, children: _jsx(Text, { style: {
+                            color: value === kind
+                                ? theme.colors.primary
+                                : theme.colors.mutedText,
+                        }, children: messages.kinds[value] }) }, value))) }), _jsx(FeedbackForm.Input, { value: title, onChangeText: onTitleChange, placeholder: messages.form.titlePlaceholder }), _jsx(FeedbackForm.Textarea, { value: body, onChangeText: onBodyChange, placeholder: messages.form.bodyPlaceholder }), suggestions.length > 0 ? (_jsxs(View, { style: {
+                    gap: 8,
+                    padding: 10,
+                    borderWidth: 1,
+                    borderColor: theme.colors.border,
+                    borderRadius: theme.radius,
+                    backgroundColor: theme.colors.surfaceMuted,
+                }, children: [_jsx(Text, { style: {
+                            color: theme.colors.text,
+                            fontWeight: "600",
+                        }, children: similar?.exact.length
+                            ? messages.form.exactDuplicate
+                            : messages.form.possibleDuplicates }), suggestions.map((entry) => (_jsxs(Pressable, { onPress: () => onOpenSuggestion(entry.id), style: {
+                            gap: 4,
+                            padding: 10,
+                            borderWidth: 1,
+                            borderColor: theme.colors.border,
+                            borderRadius: Math.max(8, theme.radius - 2),
+                            backgroundColor: theme.colors.surface,
+                        }, children: [_jsxs(View, { style: {
+                                    flexDirection: "row",
+                                    alignItems: "center",
+                                    justifyContent: "space-between",
+                                    gap: 8,
+                                }, children: [_jsx(Text, { style: {
+                                            flexShrink: 1,
+                                            color: theme.colors.mutedText,
+                                            fontSize: 12,
+                                            fontWeight: "600",
+                                        }, children: messages.kinds[entry.kind] }), _jsx(Text, { style: {
+                                            color: theme.colors.mutedText,
+                                            fontSize: 12,
+                                        }, children: messages.statuses[entry.status] })] }), _jsx(Text, { numberOfLines: 2, style: {
+                                    color: theme.colors.text,
+                                    fontWeight: "700",
+                                }, children: entry.title }), _jsx(Text, { numberOfLines: 2, style: {
+                                    color: theme.colors.mutedText,
+                                    lineHeight: 18,
+                                }, children: entry.body }), _jsxs(Text, { style: {
+                                    color: theme.colors.mutedText,
+                                    fontSize: 12,
+                                }, children: ["\u25B2 ", entry.upvoteCount, " \u00B7", " ", messages.entry.comments(entry.commentCount)] })] }, entry.id)))] })) : null, _jsx(FeedbackForm.Submit, { submitting: submitting, onPress: requestSubmit })] }));
+}
+function EntryDetail({ hooks, entryId, onBack, commentSort, maxCommentDepth, transformComments, renderActor, }) {
+    const { messages, theme } = useFeedbackUi();
+    const entry = hooks.useEntry(entryId);
+    const comments = hooks.useComments({ entryId, sort: commentSort });
+    const setUpvote = hooks.useSetEntryUpvote();
+    const createComment = hooks.useCreateComment();
+    const [body, setBody] = useState("");
+    const visible = useMemo(() => transformComments?.(comments.results) ?? comments.results, [comments.results, transformComments]);
+    if (entry === undefined)
+        return (_jsxs(View, { style: {
+                flex: 1,
+                gap: 8,
+                alignItems: "center",
+                justifyContent: "center",
+            }, children: [_jsx(ActivityIndicator, { size: "large" }), _jsx(Text, { style: { color: theme.colors.mutedText }, children: messages.board.loading })] }));
+    if (entry === null)
+        return _jsx(NativeButton, { label: messages.entry.back, onPress: onBack });
+    return (_jsxs(View, { style: { gap: 12 }, children: [_jsx(NativeButton, { label: messages.entry.back, onPress: onBack }), _jsxs(FeedbackEntry.Root, { entry: entry, children: [_jsx(FeedbackEntry.Upvote, { onToggle: (active) => void setUpvote({ entryId, desiredState: active }) }), _jsxs(FeedbackEntry.Content, { style: { gap: 5 }, children: [_jsx(FeedbackEntry.Status, {}), _jsx(FeedbackEntry.Title, {}), _jsx(FeedbackEntry.Body, {}), _jsx(FeedbackEntry.CommentCount, {})] })] }), _jsx(Text, { style: { color: theme.colors.text, fontSize: 18, fontWeight: "700" }, children: messages.comments.title }), _jsxs(FeedbackForm.Root, { children: [_jsx(FeedbackForm.Textarea, { value: body, onChangeText: setBody, placeholder: messages.comments.placeholder }), _jsx(FeedbackForm.Submit, { onPress: async () => {
+                            if (body.trim().length === 0)
+                                return;
+                            await createComment({ entryId, body });
+                            setBody("");
+                        }, children: messages.comments.submit })] }), _jsx(View, { style: { gap: 8 }, children: visible.map((comment) => (_jsx(CommentBranch, { comment: comment, entryId: entryId, hooks: hooks, commentSort: commentSort, maxCommentDepth: maxCommentDepth, transformComments: transformComments, renderActor: renderActor }, comment.id))) }), comments.status === "CanLoadMore" ? (_jsx(NativeButton, { label: messages.comments.loadMore, onPress: () => comments.loadMore(hooks.pageSizes.comments) })) : null] }));
+}
+function CommentBranch({ comment, entryId, hooks, commentSort, maxCommentDepth, transformComments, renderActor, }) {
+    const { messages, theme } = 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(View, { children: renderActor(comment.actorId) })), _jsx(Comment.Body, {}), _jsxs(View, { style: {
+                    flexDirection: "row",
+                    flexWrap: "wrap",
+                    alignItems: "center",
+                    gap: 4,
+                }, 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) })) : null, _jsx(Comment.RepliesButton, { expanded: expanded, onExpandedChange: setExpanded })] }), replying ? (_jsxs(FeedbackForm.Root, { children: [_jsx(FeedbackForm.Textarea, { value: replyBody, onChangeText: setReplyBody, placeholder: messages.comments.placeholder }), _jsx(FeedbackForm.Submit, { onPress: async () => {
+                            if (replyBody.trim().length === 0)
+                                return;
+                            await createComment({
+                                entryId,
+                                parentCommentId: comment.id,
+                                body: replyBody,
+                            });
+                            setReplyBody("");
+                            setReplying(false);
+                            setExpanded(true);
+                        }, children: messages.comments.reply }), _jsx(NativeButton, { label: messages.comments.cancelReply, onPress: () => setReplying(false) })] })) : null, expanded ? (_jsx(ReplyList, { hooks: hooks, entryId: entryId, parentCommentId: comment.id, commentSort: commentSort, maxCommentDepth: maxCommentDepth, transformComments: transformComments, renderActor: renderActor })) : null, comment.deletedAt !== undefined ? (_jsx(Text, { style: { color: theme.colors.mutedText, fontSize: 11 }, children: messages.comments.deleted })) : null] }));
+}
+function ReplyList({ hooks, entryId, parentCommentId, commentSort, maxCommentDepth, transformComments, renderActor, }) {
+    const { messages } = useFeedbackUi();
+    const replies = hooks.useComments({
+        entryId,
+        parentCommentId,
+        sort: commentSort,
+    });
+    const visible = useMemo(() => transformComments?.(replies.results) ?? replies.results, [replies.results, transformComments]);
+    return (_jsxs(Comment.Children, { children: [visible.map((reply) => (_jsx(CommentBranch, { comment: reply, entryId: entryId, hooks: hooks, commentSort: commentSort, maxCommentDepth: maxCommentDepth, transformComments: transformComments, renderActor: renderActor }, reply.id))), replies.status === "CanLoadMore" ? (_jsx(NativeButton, { label: messages.comments.loadMore, onPress: () => replies.loadMore(hooks.pageSizes.replies) })) : null] }));
+}
+//# sourceMappingURL=screen.js.map