@usergist/feedback-react-native 0.1.0

package/dist/ui/requests/CommentsSection.js

@@ -0,0 +1,254 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Comments stream beneath a suggestion's dev response.
+ * Internal to the SDK. Self-contained: fetches own data + manages
+ * its own optimistic state.
+ */
+import { useCallback, useEffect, useState } from 'react';
+import { ActionSheetIOS, ActivityIndicator, Alert, AppState, Platform, Pressable, StyleSheet, Text, TextInput, View, } from 'react-native';
+import { UserGist } from '../../UserGist.js';
+export function CommentsSection({ requestId, accent }) {
+    const [comments, setComments] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [draft, setDraft] = useState('');
+    const [posting, setPosting] = useState(false);
+    const [editingId, setEditingId] = useState(null);
+    const load = useCallback(async () => {
+        setLoading(true);
+        try {
+            const items = await UserGist.getComments(requestId);
+            setComments(items);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [requestId]);
+    useEffect(() => {
+        void load();
+        const sub = AppState.addEventListener('change', (state) => {
+            if (state === 'active')
+                void load();
+        });
+        return () => sub.remove();
+    }, [load]);
+    const trimmed = draft.trim();
+    const canPost = trimmed.length > 0 && trimmed.length <= 1000 && !posting;
+    const handlePost = useCallback(async () => {
+        if (!canPost)
+            return;
+        const submittedBody = trimmed;
+        setPosting(true);
+        setDraft('');
+        try {
+            const created = await UserGist.postComment(requestId, submittedBody);
+            if (created) {
+                setComments((prev) => [...prev, created]);
+            }
+        }
+        catch (e) {
+            setDraft((current) => (current.length === 0 ? submittedBody : current));
+            Alert.alert('Could not post', String(e?.message ?? e));
+        }
+        finally {
+            setPosting(false);
+        }
+    }, [canPost, requestId, trimmed]);
+    const handleEdit = useCallback(async (commentId, body) => {
+        const before = comments;
+        setComments((prev) => prev.map((c) => c.id === commentId
+            ? { ...c, body, updatedAt: new Date().toISOString() }
+            : c));
+        try {
+            const updated = await UserGist.editComment(requestId, commentId, body);
+            if (updated) {
+                setComments((prev) => prev.map((c) => (c.id === commentId ? updated : c)));
+            }
+        }
+        catch (e) {
+            setComments(before);
+            Alert.alert('Could not save', String(e?.message ?? e));
+        }
+    }, [comments, requestId]);
+    const handleDelete = useCallback((commentId) => {
+        const confirm = () => {
+            const before = comments;
+            setComments((prev) => prev.filter((c) => c.id !== commentId));
+            void UserGist.deleteComment(requestId, commentId).catch((e) => {
+                setComments(before);
+                Alert.alert('Could not delete', String(e?.message ?? e));
+            });
+        };
+        Alert.alert('Delete comment?', 'This cannot be undone.', [
+            { text: 'Cancel', style: 'cancel' },
+            { text: 'Delete', style: 'destructive', onPress: confirm },
+        ]);
+    }, [comments, requestId]);
+    return (_jsxs(View, { style: styles.section, children: [_jsxs(Text, { style: styles.sectionTitle, children: ["Comments", comments.length > 0 ? ` · ${comments.length}` : ''] }), _jsxs(View, { style: styles.composeCard, children: [_jsx(TextInput, { accessibilityLabel: "Request comment", testID: "request-comment-input", value: draft, onChangeText: setDraft, maxLength: 1000, multiline: true, style: styles.composeInput, placeholder: "Add a comment\u2026", placeholderTextColor: "#9ca3af", textAlignVertical: "top" }), _jsxs(View, { style: styles.composeFooter, children: [_jsxs(Text, { style: styles.counter, children: [draft.length, "/1000"] }), _jsx(Pressable, { accessibilityLabel: "Post request comment", testID: "request-comment-post", onPress: handlePost, disabled: !canPost, style: [
+                                    styles.postBtn,
+                                    { backgroundColor: canPost ? accent : '#e5e7eb' },
+                                ], children: _jsx(Text, { style: [
+                                        styles.postBtnText,
+                                        { color: canPost ? '#fff' : '#9ca3af' },
+                                    ], children: posting ? 'Posting…' : 'Post' }) })] })] }), loading ? (_jsx(ActivityIndicator, { color: accent, style: { marginTop: 12 } })) : comments.length === 0 ? (_jsx(Text, { style: styles.empty, children: "No comments yet \u2014 be the first to weigh in." })) : (comments.map((c) => (_jsx(CommentRow, { comment: c, accent: accent, isEditing: editingId === c.id, onStartEdit: () => setEditingId(c.id), onCancelEdit: () => setEditingId(null), onSubmitEdit: async (body) => {
+                    await handleEdit(c.id, body);
+                    setEditingId(null);
+                }, onDelete: () => handleDelete(c.id) }, c.id))))] }));
+}
+function CommentRow({ comment, accent, isEditing, onStartEdit, onCancelEdit, onSubmitEdit, onDelete, }) {
+    const [draft, setDraft] = useState(comment.body);
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        if (!isEditing)
+            setDraft(comment.body);
+    }, [isEditing, comment.body]);
+    const trimmed = draft.trim();
+    const canSave = trimmed.length > 0 && trimmed.length <= 1000 && !saving;
+    const showOverflow = useCallback(() => {
+        if (Platform.OS === 'ios') {
+            ActionSheetIOS.showActionSheetWithOptions({
+                options: ['Edit', 'Delete', 'Cancel'],
+                destructiveButtonIndex: 1,
+                cancelButtonIndex: 2,
+            }, (idx) => {
+                if (idx === 0)
+                    onStartEdit();
+                if (idx === 1)
+                    onDelete();
+            });
+        }
+        else {
+            Alert.alert('Comment', undefined, [
+                { text: 'Edit', onPress: onStartEdit },
+                { text: 'Delete', style: 'destructive', onPress: onDelete },
+                { text: 'Cancel', style: 'cancel' },
+            ]);
+        }
+    }, [onDelete, onStartEdit]);
+    const wasEdited = comment.updatedAt !== comment.createdAt;
+    return (_jsxs(View, { style: styles.commentCard, children: [_jsxs(View, { style: styles.commentHeader, children: [_jsx(View, { style: [
+                            styles.authorBadge,
+                            comment.viewerIsAuthor
+                                ? { backgroundColor: accent }
+                                : styles.authorBadgeOther,
+                        ], children: _jsx(Text, { style: [
+                                styles.authorBadgeText,
+                                { color: comment.viewerIsAuthor ? '#fff' : '#374151' },
+                            ], children: comment.viewerIsAuthor ? 'You' : 'Anon' }) }), _jsxs(Text, { style: styles.commentTime, children: [formatRelative(comment.createdAt), wasEdited ? ' · edited' : ''] }), comment.viewerIsAuthor && !isEditing ? (_jsx(Pressable, { accessibilityLabel: "Comment actions", testID: "request-comment-actions", onPress: showOverflow, hitSlop: 12, style: styles.overflowBtn, children: _jsx(Text, { style: styles.overflowDots, children: "\u22EF" }) })) : null] }), isEditing ? (_jsxs(_Fragment, { children: [_jsx(TextInput, { value: draft, onChangeText: setDraft, maxLength: 1000, multiline: true, style: [styles.editInput, { borderColor: accent + '55' }], textAlignVertical: "top", autoFocus: true }), _jsxs(View, { style: styles.editActions, children: [_jsx(Pressable, { onPress: onCancelEdit, hitSlop: 8, children: _jsx(Text, { style: styles.editCancel, children: "Cancel" }) }), _jsx(Pressable, { onPress: async () => {
+                                    if (!canSave)
+                                        return;
+                                    setSaving(true);
+                                    try {
+                                        await onSubmitEdit(trimmed);
+                                    }
+                                    finally {
+                                        setSaving(false);
+                                    }
+                                }, disabled: !canSave, style: [
+                                    styles.editSaveBtn,
+                                    { backgroundColor: canSave ? accent : '#e5e7eb' },
+                                ], children: _jsx(Text, { style: [
+                                        styles.editSaveText,
+                                        { color: canSave ? '#fff' : '#9ca3af' },
+                                    ], children: saving ? 'Saving…' : 'Save' }) })] })] })) : (_jsx(Text, { style: styles.commentBody, children: comment.body }))] }));
+}
+function formatRelative(iso) {
+    const then = new Date(iso).getTime();
+    if (Number.isNaN(then))
+        return '';
+    const diff = Date.now() - then;
+    const m = Math.floor(diff / 60000);
+    if (m < 1)
+        return 'just now';
+    if (m < 60)
+        return `${m}m ago`;
+    const h = Math.floor(m / 60);
+    if (h < 24)
+        return `${h}h ago`;
+    const d = Math.floor(h / 24);
+    if (d < 7)
+        return `${d}d ago`;
+    return new Date(iso).toLocaleDateString();
+}
+const styles = StyleSheet.create({
+    section: { marginTop: 28 },
+    sectionTitle: {
+        fontSize: 13,
+        fontWeight: '700',
+        color: '#374151',
+        textTransform: 'uppercase',
+        letterSpacing: 0.5,
+        marginBottom: 12,
+    },
+    composeCard: {
+        backgroundColor: '#fff',
+        borderRadius: 12,
+        padding: 12,
+        borderWidth: 1,
+        borderColor: '#f3f4f6',
+    },
+    composeInput: {
+        minHeight: 60,
+        fontSize: 14,
+        color: '#111',
+        paddingVertical: 4,
+    },
+    composeFooter: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        marginTop: 8,
+    },
+    counter: { fontSize: 11, color: '#9ca3af', fontWeight: '500' },
+    postBtn: { paddingHorizontal: 14, paddingVertical: 7, borderRadius: 8 },
+    postBtnText: { fontSize: 13, fontWeight: '600' },
+    empty: { marginTop: 16, fontSize: 13, color: '#9ca3af', fontStyle: 'italic' },
+    commentCard: {
+        backgroundColor: '#fff',
+        borderRadius: 12,
+        padding: 12,
+        marginTop: 8,
+        borderWidth: 1,
+        borderColor: '#f3f4f6',
+    },
+    commentHeader: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+        marginBottom: 6,
+    },
+    authorBadge: { paddingHorizontal: 8, paddingVertical: 2, borderRadius: 6 },
+    authorBadgeOther: { backgroundColor: '#f3f4f6' },
+    authorBadgeText: { fontSize: 11, fontWeight: '700' },
+    commentTime: { fontSize: 11, color: '#9ca3af', flex: 1 },
+    overflowBtn: {
+        width: 28,
+        height: 24,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    overflowDots: { fontSize: 18, color: '#6b7280', lineHeight: 18 },
+    commentBody: { fontSize: 14, lineHeight: 20, color: '#111' },
+    editInput: {
+        minHeight: 70,
+        fontSize: 14,
+        color: '#111',
+        borderWidth: 1.5,
+        borderRadius: 8,
+        padding: 10,
+    },
+    editActions: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'flex-end',
+        gap: 12,
+        marginTop: 8,
+    },
+    editCancel: { fontSize: 13, color: '#6b7280', fontWeight: '500' },
+    editSaveBtn: {
+        paddingHorizontal: 14,
+        paddingVertical: 7,
+        borderRadius: 8,
+    },
+    editSaveText: { fontSize: 13, fontWeight: '600' },
+});
+//# sourceMappingURL=CommentsSection.js.map

package/dist/ui/requests/CommentsSection.js.map

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

package/dist/ui/requests/DetailView.d.ts

@@ -0,0 +1,8 @@
+import { type Branding } from './shared.js';
+export interface DetailViewProps {
+    readonly branding: Branding;
+    readonly requestId: string;
+    readonly onBack: () => void;
+}
+export declare function DetailView({ branding, requestId, onBack }: DetailViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DetailView.d.ts.map

package/dist/ui/requests/DetailView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailView.d.ts","sourceRoot":"","sources":["../../../src/ui/requests/DetailView.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA8C,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAA;AAIvF,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,eAAe,2CA+K1E"}

package/dist/ui/requests/DetailView.js

@@ -0,0 +1,206 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { ActivityIndicator, Alert, Pressable, ScrollView, StyleSheet, Text, View, } from 'react-native';
+import { UserGist } from '../../UserGist.js';
+import { applyOptimisticFollow, applyOptimisticVote } from './shared.js';
+import { StatusPill } from './StatusPill.js';
+import { CommentsSection } from './CommentsSection.js';
+export function DetailView({ branding, requestId, onBack }) {
+    const accent = branding.accentColor;
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        let cancelled = false;
+        void (async () => {
+            setLoading(true);
+            try {
+                const r = await UserGist.getRequest(requestId);
+                if (!cancelled)
+                    setData(r);
+            }
+            finally {
+                if (!cancelled)
+                    setLoading(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [requestId]);
+    const onUpvote = useCallback(async () => {
+        if (!data)
+            return;
+        const before = data;
+        const next = !data.viewerHasUpvoted;
+        setData(applyOptimisticVote(data, next));
+        try {
+            await UserGist.voteOnRequest(data.id, next);
+        }
+        catch (e) {
+            setData(before);
+            Alert.alert('Vote failed', String(e));
+        }
+    }, [data]);
+    const onFollow = useCallback(async () => {
+        if (!data)
+            return;
+        const before = data;
+        const next = !data.viewerIsFollowing;
+        setData(applyOptimisticFollow(data, next));
+        try {
+            await UserGist.followRequest(data.id, next);
+        }
+        catch (e) {
+            setData(before);
+            Alert.alert('Follow failed', String(e));
+        }
+    }, [data]);
+    return (_jsxs(View, { style: styles.container, children: [_jsxs(View, { style: styles.header, children: [_jsx(Pressable, { accessibilityLabel: "Back to requests", testID: "request-detail-back", onPress: onBack, hitSlop: 12, style: styles.backBtn, children: _jsx(Text, { style: styles.backText, children: "\u2039" }) }), _jsx(View, { style: styles.headerCenter, children: _jsx(Text, { style: styles.headerEyebrow, children: "SUGGESTION" }) }), _jsx(View, { style: { width: 40 } })] }), loading || !data ? (_jsx(View, { style: styles.centered, children: _jsx(ActivityIndicator, { color: accent, size: "large" }) })) : (_jsxs(_Fragment, { children: [_jsxs(ScrollView, { automaticallyAdjustKeyboardInsets: true, keyboardShouldPersistTaps: "handled", contentContainerStyle: styles.body, children: [_jsx(StatusPill, { status: data.status }), _jsx(Text, { style: styles.title, children: data.title }), _jsxs(View, { style: styles.statsRow, children: [_jsxs(View, { accessible: true, accessibilityLabel: `${data.upvoteCount} upvotes`, testID: "request-detail-upvote-count", style: styles.stat, children: [_jsx(Text, { style: [styles.statValue, { color: accent }], children: data.upvoteCount }), _jsx(Text, { style: styles.statLabel, children: "upvotes" })] }), _jsx(View, { style: styles.statDivider }), _jsxs(View, { accessible: true, accessibilityLabel: `${data.followerCount} followers`, testID: "request-detail-follower-count", style: styles.stat, children: [_jsx(Text, { style: styles.statValue, children: data.followerCount }), _jsx(Text, { style: styles.statLabel, children: "followers" })] })] }), _jsx(Text, { style: styles.description, children: data.description }), data.devResponse ? (_jsxs(View, { style: [styles.responseCard, { borderLeftColor: accent }], children: [_jsxs(View, { style: styles.responseHeader, children: [_jsx(View, { style: [styles.responseBadge, { backgroundColor: accent }], children: _jsx(Text, { style: styles.responseBadgeText, children: "\u2713" }) }), _jsx(Text, { style: styles.responseLabel, children: "From the team" })] }), _jsx(Text, { style: styles.responseBody, children: data.devResponse })] })) : (_jsxs(View, { style: styles.noResponseCard, children: [_jsx(Text, { style: styles.noResponseTitle, children: "No update yet" }), _jsx(Text, { style: styles.noResponseBody, children: "Follow this suggestion to be notified when the team posts an update or moves it forward." })] })), _jsx(CommentsSection, { requestId: data.id, accent: accent })] }), _jsxs(View, { style: styles.actionBar, children: [_jsx(Pressable, { accessibilityLabel: data.viewerHasUpvoted ? 'Remove request vote' : 'Upvote request', testID: "request-detail-vote", style: [
+                                    styles.actionButton,
+                                    data.viewerHasUpvoted
+                                        ? { backgroundColor: accent }
+                                        : { backgroundColor: accent + '15' },
+                                ], onPress: onUpvote, children: _jsx(Text, { style: [
+                                        styles.actionLabel,
+                                        { color: data.viewerHasUpvoted ? '#fff' : accent },
+                                    ], children: data.viewerHasUpvoted
+                                        ? `▲ Upvoted (${data.upvoteCount})`
+                                        : `▲ Upvote (${data.upvoteCount})` }) }), _jsx(Pressable, { accessibilityLabel: data.viewerIsFollowing ? 'Unfollow request' : 'Follow request', testID: "request-detail-follow", style: [
+                                    styles.actionButton,
+                                    {
+                                        backgroundColor: data.viewerIsFollowing ? '#111' : '#f3f4f6',
+                                    },
+                                ], onPress: onFollow, children: _jsx(Text, { style: [
+                                        styles.actionLabel,
+                                        { color: data.viewerIsFollowing ? '#fff' : '#111' },
+                                    ], children: data.viewerIsFollowing ? '✓ Following' : 'Follow' }) })] })] }))] }));
+}
+const styles = StyleSheet.create({
+    container: { flex: 1, backgroundColor: '#fafafa' },
+    centered: { flex: 1, alignItems: 'center', justifyContent: 'center' },
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        backgroundColor: '#fff',
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        borderBottomColor: '#e5e7eb',
+    },
+    headerCenter: { flex: 1, alignItems: 'center' },
+    headerEyebrow: {
+        fontSize: 11,
+        color: '#6b7280',
+        fontWeight: '600',
+        letterSpacing: 0.8,
+    },
+    backBtn: {
+        width: 40,
+        height: 32,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    backText: { fontSize: 28, color: '#111', fontWeight: '300', lineHeight: 28 },
+    body: { padding: 20, paddingBottom: 32 },
+    title: {
+        fontSize: 24,
+        fontWeight: '700',
+        color: '#111',
+        marginTop: 12,
+        lineHeight: 30,
+    },
+    statsRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginTop: 16,
+        paddingVertical: 14,
+        paddingHorizontal: 18,
+        backgroundColor: '#fff',
+        borderRadius: 14,
+    },
+    stat: { flex: 1, alignItems: 'center' },
+    statValue: { fontSize: 22, fontWeight: '700', color: '#111' },
+    statLabel: {
+        fontSize: 11,
+        color: '#9ca3af',
+        fontWeight: '500',
+        textTransform: 'uppercase',
+        marginTop: 2,
+        letterSpacing: 0.4,
+    },
+    statDivider: { width: 1, height: 30, backgroundColor: '#e5e7eb' },
+    description: {
+        marginTop: 20,
+        fontSize: 15,
+        lineHeight: 23,
+        color: '#1f2937',
+    },
+    responseCard: {
+        marginTop: 24,
+        padding: 16,
+        backgroundColor: '#fff',
+        borderLeftWidth: 4,
+        borderRadius: 12,
+        shadowColor: '#000',
+        shadowOpacity: 0.04,
+        shadowRadius: 4,
+        shadowOffset: { width: 0, height: 1 },
+        elevation: 1,
+    },
+    responseHeader: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 8,
+        gap: 8,
+    },
+    responseBadge: {
+        width: 22,
+        height: 22,
+        borderRadius: 11,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    responseBadgeText: { color: '#fff', fontSize: 12, fontWeight: '700' },
+    responseLabel: {
+        fontSize: 12,
+        color: '#374151',
+        fontWeight: '600',
+        textTransform: 'uppercase',
+        letterSpacing: 0.5,
+    },
+    responseBody: { fontSize: 14, lineHeight: 21, color: '#111' },
+    noResponseCard: {
+        marginTop: 20,
+        padding: 16,
+        backgroundColor: '#f9fafb',
+        borderRadius: 12,
+        borderWidth: 1,
+        borderColor: '#f3f4f6',
+        borderStyle: 'dashed',
+    },
+    noResponseTitle: {
+        fontSize: 13,
+        fontWeight: '600',
+        color: '#374151',
+        marginBottom: 4,
+    },
+    noResponseBody: { fontSize: 13, color: '#6b7280', lineHeight: 18 },
+    actionBar: {
+        flexDirection: 'row',
+        gap: 8,
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        borderTopWidth: StyleSheet.hairlineWidth,
+        borderTopColor: '#e5e7eb',
+        backgroundColor: '#fff',
+    },
+    actionButton: {
+        flex: 1,
+        paddingVertical: 14,
+        borderRadius: 12,
+        alignItems: 'center',
+    },
+    actionLabel: { fontSize: 15, fontWeight: '700' },
+});
+//# sourceMappingURL=DetailView.js.map

package/dist/ui/requests/DetailView.js.map

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

package/dist/ui/requests/RequestsHost.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Single root-level Modal that hosts the feature-requests pillar UI.
+ * Listens for `showRequestsBoard` / `showRequestDetail` events and
+ * switches between Board / Detail / Submit views via an internal
+ * state machine — NO nested modals.
+ *
+ * Mounted automatically by <UserGistProvider>; host apps never render
+ * this themselves. They open it with `UserGist.openRequestsBoard()`.
+ */
+import React from 'react';
+export declare function RequestsHost(): React.ReactElement | null;
+//# sourceMappingURL=RequestsHost.d.ts.map

package/dist/ui/requests/RequestsHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestsHost.d.ts","sourceRoot":"","sources":["../../../src/ui/requests/RequestsHost.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAA8B,MAAM,OAAO,CAAA;AAelD,wBAAgB,YAAY,IAAI,KAAK,CAAC,YAAY,GAAG,IAAI,CAmExD"}

package/dist/ui/requests/RequestsHost.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Single root-level Modal that hosts the feature-requests pillar UI.
+ * Listens for `showRequestsBoard` / `showRequestDetail` events and
+ * switches between Board / Detail / Submit views via an internal
+ * state machine — NO nested modals.
+ *
+ * Mounted automatically by <UserGistProvider>; host apps never render
+ * this themselves. They open it with `UserGist.openRequestsBoard()`.
+ */
+import { useEffect, useState } from 'react';
+import { Modal, SafeAreaView, StatusBar, StyleSheet } from 'react-native';
+import { UserGist } from '../../UserGist.js';
+import { BoardView } from './BoardView.js';
+import { DetailView } from './DetailView.js';
+import { SubmitView } from './SubmitView.js';
+import { useBranding } from './shared.js';
+import { useModalSlot } from '../../internal/modal-coordinator.js';
+export function RequestsHost() {
+    const [view, setView] = useState({ kind: 'closed' });
+    const branding = useBranding();
+    useEffect(() => {
+        let unsubBoard = null;
+        let unsubDetail = null;
+        let retryTimer = null;
+        function attach() {
+            try {
+                const bus = UserGist.__internal_events();
+                unsubBoard = bus.on('showRequestsBoard', () => {
+                    setView({ kind: 'board' });
+                });
+                unsubDetail = bus.on('showRequestDetail', ({ requestId }) => {
+                    setView({ kind: 'detail', requestId });
+                });
+            }
+            catch {
+                retryTimer = setTimeout(attach, 250);
+            }
+        }
+        attach();
+        return () => {
+            if (retryTimer)
+                clearTimeout(retryTimer);
+            if (unsubBoard)
+                unsubBoard();
+            if (unsubDetail)
+                unsubDetail();
+        };
+    }, []);
+    const visible = view.kind !== 'closed';
+    const modalGranted = useModalSlot('requests', visible);
+    const close = () => setView({ kind: 'closed' });
+    return (_jsxs(Modal, { visible: visible && modalGranted, animationType: "slide", presentationStyle: "fullScreen", onRequestClose: close, statusBarTranslucent: false, children: [_jsx(StatusBar, { barStyle: "dark-content" }), _jsx(SafeAreaView, { style: styles.safe, children: view.kind === 'board' ? (_jsx(BoardView, { branding: branding, onClose: close, onOpenDetail: (requestId) => setView({ kind: 'detail', requestId }), onOpenSubmit: () => setView({ kind: 'submit' }) })) : view.kind === 'detail' ? (_jsx(DetailView, { branding: branding, requestId: view.requestId, onBack: () => setView({ kind: 'board' }) })) : view.kind === 'submit' ? (_jsx(SubmitView, { branding: branding, onCancel: () => setView({ kind: 'board' }), onPosted: (requestId) => setView({ kind: 'detail', requestId }) })) : null })] }));
+}
+const styles = StyleSheet.create({
+    safe: { flex: 1, backgroundColor: '#fafafa' },
+});
+//# sourceMappingURL=RequestsHost.js.map

package/dist/ui/requests/RequestsHost.js.map

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

package/dist/ui/requests/StatusPill.d.ts

@@ -0,0 +1,6 @@
+import type { RequestStatus } from '@usergist/sdk-core/mobile';
+export interface StatusPillProps {
+    readonly status: RequestStatus;
+}
+export declare function StatusPill({ status }: StatusPillProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusPill.d.ts.map

package/dist/ui/requests/StatusPill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPill.d.ts","sourceRoot":"","sources":["../../../src/ui/requests/StatusPill.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAG9D,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAA;CAC/B;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,2CAarD"}

package/dist/ui/requests/StatusPill.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, Text, View } from 'react-native';
+import { STATUS_COLOR, STATUS_LABEL } from './shared.js';
+export function StatusPill({ status }) {
+    const color = STATUS_COLOR[status];
+    return (_jsxs(View, { style: [
+            styles.pill,
+            { borderColor: color + '55', backgroundColor: color + '18' },
+        ], children: [_jsx(View, { style: [styles.dot, { backgroundColor: color }] }), _jsx(Text, { style: [styles.text, { color }], children: STATUS_LABEL[status] })] }));
+}
+const styles = StyleSheet.create({
+    pill: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: 8,
+        paddingVertical: 3,
+        borderRadius: 6,
+        borderWidth: 1,
+        gap: 5,
+        alignSelf: 'flex-start',
+    },
+    dot: { width: 5, height: 5, borderRadius: 2.5 },
+    text: { fontSize: 11, fontWeight: '600' },
+});
+//# sourceMappingURL=StatusPill.js.map

package/dist/ui/requests/StatusPill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPill.js","sourceRoot":"","sources":["../../../src/ui/requests/StatusPill.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAMxD,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAmB;IACpD,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IAClC,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,IAAI;YACX,EAAE,WAAW,EAAE,KAAK,GAAG,IAAI,EAAE,eAAe,EAAE,KAAK,GAAG,IAAI,EAAE;SAC7D,aAED,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,GAAI,EACzD,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,YAAG,YAAY,CAAC,MAAM,CAAC,GAAQ,IAC/D,CACR,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,CAAC;QACpB,eAAe,EAAE,CAAC;QAClB,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;QACd,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,YAAY;KACxB;IACD,GAAG,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE;IAC/C,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;CAC1C,CAAC,CAAA"}