@ciridae/ui 0.17.0 → 1.0.1

package/dist/components/blocks/feedback-center-comments.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertCircleIcon, MessageSquareTextIcon } from "lucide-react";
-import { CommentComposer } from "./comment-composer.js";
-import { CommentItem } from "./comment-item.js";
-import { formatFeedbackTimestamp, formatFeedbackTimestampFull, getFeedbackTimestampDateTime, } from "./feedback-date-format.js";
-import { FeedbackStatusBadge } from "./feedback-status-badge.js";
-import { useRevealThreadEnd } from "./use-reveal-thread-end.js";
-import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
-import { Button } from "../ui/button.js";
-import { Skeleton } from "../ui/skeleton.js";
-function FeedbackCenterCommentThread({ comments, error, feedback, isCommentSubmitting, isCommentsLoading, onRetry, onSubmitComment, statusEvents, submitError, }) {
-    const activity = mergeFeedbackActivity(statusEvents, comments);
-    const initialStatusEventId = activity.find((entry) => entry.kind === "status")?.event.id;
-    const { armReveal, endRef } = useRevealThreadEnd(activity.length);
-    // A retry in flight shows the thread's loading state, not the stale error.
-    if (error && !isCommentsLoading) {
-        return (_jsxs(Alert, { variant: "destructive", children: [_jsx(AlertCircleIcon, {}), _jsx(AlertTitle, { children: "Conversation could not be loaded" }), _jsxs(AlertDescription, { className: "grid gap-3", children: [_jsx("span", { children: error.message }), onRetry ? (_jsx(Button, { className: "justify-self-start", onClick: onRetry, size: "sm", type: "button", variant: "outline", children: "Try again" })) : null] })] }));
-    }
-    const submitComment = getCommentSubmitHandler(feedback, onSubmitComment, armReveal);
-    return (_jsxs("section", { "aria-label": "Activity", className: "relative grid gap-(--panel-gap)", children: [_jsxs("div", { className: "grid gap-1", children: [activity.length === 0 && !isCommentsLoading ? _jsx(FeedbackActivityEmpty, {}) : null, activity.map((entry) => entry.kind === "comment" ? (_jsx(CommentItem, { comment: entry.comment }, entry.comment.id)) : (_jsx(FeedbackStatusActivity, { event: entry.event, isInitial: entry.event.id === initialStatusEventId }, entry.event.id))), isCommentsLoading ? _jsx(FeedbackActivityLoading, {}) : null] }), submitComment ? (_jsx(CommentComposer, { isSubmitting: isCommentSubmitting, onSubmit: submitComment, placeholder: "Write a reply...", submitLabel: "Reply" })) : null, submitError && !isCommentSubmitting ? (_jsxs(Alert, { variant: "destructive", children: [_jsx(AlertCircleIcon, {}), _jsx(AlertTitle, { children: "Reply could not be sent" }), _jsx(AlertDescription, { children: submitError.message })] })) : null, _jsx("div", { "aria-hidden": true, className: "absolute bottom-0", ref: endRef })] }));
-}
-function FeedbackActivityEmpty() {
-    return (_jsxs("div", { className: "flex items-start gap-2 py-2 text-sm text-muted-foreground", children: [_jsx(MessageSquareTextIcon, { className: "mt-0.5 size-4 shrink-0" }), _jsx("span", { children: "No activity yet." })] }));
-}
-function mergeFeedbackActivity(statusEvents, comments) {
-    return [
-        ...statusEvents.map((event) => ({
-            createdAt: event.createdAt,
-            event,
-            kind: "status",
-        })),
-        ...comments.map((comment) => ({
-            comment,
-            createdAt: comment.createdAt,
-            kind: "comment",
-        })),
-    ].sort(compareActivityEntries);
-}
-function compareActivityEntries(left, right) {
-    const leftTimestamp = getFeedbackTimestampDateTime(left.createdAt) ?? left.createdAt;
-    const rightTimestamp = getFeedbackTimestampDateTime(right.createdAt) ?? right.createdAt;
-    const timestampOrder = leftTimestamp.localeCompare(rightTimestamp);
-    if (timestampOrder !== 0)
-        return timestampOrder;
-    return left.kind === right.kind ? 0 : left.kind === "status" ? -1 : 1;
-}
-function FeedbackStatusActivity({ event, isInitial, }) {
-    return (_jsxs("div", { className: "flex min-w-0 items-center gap-2 py-2 text-xs text-muted-foreground", children: [_jsx("span", { "aria-hidden": true, className: "size-1.5 shrink-0 bg-border" }), _jsx("span", { children: isInitial ? "Initial status" : "Status changed to" }), _jsx(FeedbackStatusBadge, { status: event.status }), _jsx("time", { className: "ml-auto shrink-0 font-mono tabular-nums", dateTime: getFeedbackTimestampDateTime(event.createdAt), title: formatFeedbackTimestampFull(event.createdAt), children: formatFeedbackTimestamp(event.createdAt) })] }));
-}
-function FeedbackActivityLoading() {
-    return (_jsxs("div", { "aria-label": "Loading activity", className: "flex gap-3 px-1 py-2", role: "status", children: [_jsx(Skeleton, { className: "size-6 rounded-none" }), _jsxs("div", { className: "grid flex-1 gap-2", children: [_jsx(Skeleton, { className: "h-3 w-32" }), _jsx(Skeleton, { className: "h-3 w-4/5" })] })] }));
-}
-function getCommentSubmitHandler(feedback, onSubmitComment, armReveal) {
-    if (!feedback || !onSubmitComment)
-        return undefined;
-    return async (body) => {
-        await onSubmitComment(feedback, body);
-        armReveal();
-    };
-}
-export { FeedbackCenterCommentThread };

package/dist/components/blocks/feedback-center-footer.d.ts

@@ -1,12 +0,0 @@
-import type { FeedbackCenterTab } from "./feedback-center-sheet-parts.js";
-import type { FeedbackUrgency } from "./feedback-composer-types.js";
-type FeedbackCenterFooterProps = {
-    activeTab: FeedbackCenterTab;
-    formId: string;
-    isSubmitted: boolean;
-    isSubmitting: boolean;
-    onCancel: () => void;
-    urgency: FeedbackUrgency;
-};
-declare function FeedbackCenterFooter({ activeTab, formId, isSubmitted, isSubmitting, onCancel, urgency, }: FeedbackCenterFooterProps): import("@types/react").JSX.Element | null;
-export { FeedbackCenterFooter, type FeedbackCenterFooterProps };

package/dist/components/blocks/feedback-center-footer.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertTriangleIcon, SendIcon } from "lucide-react";
-import { Button } from "../ui/button.js";
-import { SheetFooter } from "../ui/sheet.js";
-function FeedbackCenterFooter({ activeTab, formId, isSubmitted, isSubmitting, onCancel, urgency, }) {
-    if (activeTab !== "submit" || isSubmitted)
-        return null;
-    return (_jsxs(SheetFooter, { children: [_jsx(Button, { disabled: isSubmitting, onClick: onCancel, type: "button", variant: "outline", children: "Cancel" }), _jsxs(Button, { form: formId, loading: isSubmitting, type: "submit", variant: urgency === "emergency" ? "destructive" : "default", children: [urgency === "emergency" ? _jsx(AlertTriangleIcon, {}) : _jsx(SendIcon, {}), urgency === "emergency" ? "Send emergency" : "Submit feedback"] })] }));
-}
-export { FeedbackCenterFooter };

package/dist/components/blocks/feedback-center-sheet-parts.d.ts

@@ -1,40 +0,0 @@
-import type * as React from "react";
-import type { CommentItemData } from "./comment-types.js";
-import { type FeedbackCommentSubmitHandler } from "./feedback-center-comments.js";
-import { type FeedbackComposerProps } from "./feedback-composer.js";
-import type { FeedbackUrgency } from "./feedback-composer-types.js";
-import type { UserFeedbackItem, UserFeedbackStatusEvent } from "./feedback-tracking-types.js";
-type FeedbackCenterTab = "mine" | "submit";
-type FeedbackCenterView = "detail" | "list";
-type FeedbackCenterComposerProps = Omit<FeedbackComposerProps, "actions" | "formId" | "onCancel" | "onDirtyChange" | "onSubmittedChange" | "onUrgencyChange">;
-type FeedbackCenterTabsProps = {
-    canComment?: (item: UserFeedbackItem) => boolean;
-    commentsByFeedbackId: Record<string, CommentItemData[]>;
-    commentsError?: Error | null;
-    commentSubmitError?: Error | null;
-    composerProps: FeedbackCenterComposerProps;
-    formId: string;
-    onDirtyChange: (dirty: boolean) => void;
-    onUrgencyChange: (urgency: FeedbackUrgency) => void;
-    isCommentSubmitting: boolean;
-    isCommentsLoading: boolean;
-    isLoading: boolean;
-    items: UserFeedbackItem[];
-    itemsError?: Error | null;
-    onBack: () => void;
-    onCancel: () => void;
-    onSelectFeedback: (item: UserFeedbackItem) => void;
-    onRetryComments?: () => void;
-    onRetryItems?: () => void;
-    onSubmittedChange: (submitted: boolean) => void;
-    onSubmitComment?: FeedbackCommentSubmitHandler;
-    selectedFeedback?: UserFeedbackItem;
-    renderEvidence?: (item: UserFeedbackItem) => React.ReactNode;
-    statusEventsByFeedbackId: Record<string, UserFeedbackStatusEvent[]>;
-    view: FeedbackCenterView;
-};
-declare function FeedbackCenterSheetHeader({ unreadReplyCount }: {
-    unreadReplyCount: number;
-}): React.JSX.Element;
-declare function FeedbackCenterTabs({ canComment, composerProps, commentsByFeedbackId, commentsError, commentSubmitError, formId, onDirtyChange, onUrgencyChange, isCommentSubmitting, isCommentsLoading, isLoading, items, itemsError, onBack, onCancel, onSelectFeedback, onRetryComments, onRetryItems, onSubmittedChange, onSubmitComment, selectedFeedback, renderEvidence, statusEventsByFeedbackId, view, }: FeedbackCenterTabsProps): React.JSX.Element;
-export { FeedbackCenterSheetHeader, FeedbackCenterTabs, type FeedbackCenterTab, type FeedbackCenterView, };

package/dist/components/blocks/feedback-center-sheet-parts.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { FeedbackCenterCommentThread, } from "./feedback-center-comments.js";
-import { FeedbackComposer } from "./feedback-composer.js";
-import { FeedbackUserDetail } from "./feedback-user-detail.js";
-import { FeedbackUserList } from "./feedback-user-list.js";
-import { Badge } from "../ui/badge.js";
-import { SheetDescription, SheetHeader, SheetTitle } from "../ui/sheet.js";
-import { TabsContent, TabsList, TabsTrigger } from "../ui/tabs.js";
-function FeedbackCenterSheetHeader({ unreadReplyCount }) {
-    return (_jsxs(SheetHeader, { className: "gap-3", children: [_jsxs("div", { className: "grid gap-1.5 pr-12", children: [_jsx(SheetTitle, { children: "Feedback" }), _jsx(SheetDescription, { children: "Send feedback and track your submissions in one place." })] }), _jsx(FeedbackCenterTabsList, { unreadReplyCount: unreadReplyCount })] }));
-}
-function FeedbackCenterTabs({ canComment, composerProps, commentsByFeedbackId, commentsError, commentSubmitError, formId, onDirtyChange, onUrgencyChange, isCommentSubmitting, isCommentsLoading, isLoading, items, itemsError, onBack, onCancel, onSelectFeedback, onRetryComments, onRetryItems, onSubmittedChange, onSubmitComment, selectedFeedback, renderEvidence, statusEventsByFeedbackId, view, }) {
-    return (_jsxs(_Fragment, { children: [_jsx(FeedbackCenterSubmitTab, { composerProps: composerProps, formId: formId, onCancel: onCancel, onDirtyChange: onDirtyChange, onSubmittedChange: onSubmittedChange, onUrgencyChange: onUrgencyChange }), _jsx(FeedbackCenterMineContent, { commentsByFeedbackId: commentsByFeedbackId, canComment: canComment, commentsError: commentsError, commentSubmitError: commentSubmitError, isCommentSubmitting: isCommentSubmitting, isCommentsLoading: isCommentsLoading, isLoading: isLoading, items: items, itemsError: itemsError, onBack: onBack, onSelectFeedback: onSelectFeedback, onRetryComments: onRetryComments, onRetryItems: onRetryItems, onSubmitComment: onSubmitComment, selectedFeedback: selectedFeedback, renderEvidence: renderEvidence, statusEventsByFeedbackId: statusEventsByFeedbackId, view: view })] }));
-}
-function FeedbackCenterTabsList({ unreadReplyCount }) {
-    return (_jsxs(TabsList, { className: "w-full", children: [_jsx(TabsTrigger, { value: "submit", children: "Send feedback" }), _jsxs(TabsTrigger, { value: "mine", children: ["My feedback", unreadReplyCount > 0 ? _jsx(Badge, { variant: "secondary", children: unreadReplyCount }) : null] })] }));
-}
-function FeedbackCenterSubmitTab({ composerProps, formId, onCancel, onDirtyChange, onSubmittedChange, onUrgencyChange, }) {
-    // forceMount keeps the composer draft alive across tab switches
-    return (_jsx(TabsContent, { className: "mt-0 data-[state=inactive]:hidden", forceMount: true, value: "submit", children: _jsx(FeedbackComposer, { ...composerProps, actions: "external", formId: formId, onCancel: onCancel, onDirtyChange: onDirtyChange, onSubmittedChange: onSubmittedChange, onUrgencyChange: onUrgencyChange }) }));
-}
-function FeedbackCenterMineContent(props) {
-    return (_jsx(TabsContent, { className: "mt-0", value: "mine", children: _jsx(FeedbackCenterMineTab, { ...props }) }));
-}
-function FeedbackCenterMineTab({ canComment, isLoading, commentsByFeedbackId, commentsError, commentSubmitError, isCommentSubmitting, isCommentsLoading, items, itemsError, onBack, onSelectFeedback, onRetryComments, onRetryItems, onSubmitComment, selectedFeedback, renderEvidence, statusEventsByFeedbackId, view, }) {
-    if (view === "detail") {
-        return (_jsx(FeedbackCenterDetailPane, { comments: getFeedbackScopedItems(commentsByFeedbackId, selectedFeedback), canComment: canComment, commentsError: commentsError, commentSubmitError: commentSubmitError, feedback: selectedFeedback, isCommentSubmitting: isCommentSubmitting, isCommentsLoading: isCommentsLoading, onBack: onBack, onRetryComments: onRetryComments, onSubmitComment: onSubmitComment, renderEvidence: renderEvidence, statusEvents: getFeedbackScopedItems(statusEventsByFeedbackId, selectedFeedback) }));
-    }
-    return (_jsx(FeedbackUserList, { error: itemsError, isLoading: isLoading, items: items, onSelectFeedback: onSelectFeedback, onRetry: onRetryItems, selectedId: selectedFeedback?.id }));
-}
-function FeedbackCenterDetailPane({ canComment, comments, commentsError, commentSubmitError, feedback, isCommentSubmitting, isCommentsLoading, onBack, onRetryComments, onSubmitComment, renderEvidence, statusEvents, }) {
-    return (_jsx(FeedbackUserDetail, { activityLabel: "Activity", activitySlot: _jsx(FeedbackCenterCommentThread, { comments: comments, error: commentsError, feedback: feedback, isCommentSubmitting: isCommentSubmitting, isCommentsLoading: isCommentsLoading, onSubmitComment: feedback && canComment?.(feedback) === false ? undefined : onSubmitComment, onRetry: onRetryComments, statusEvents: statusEvents, submitError: commentSubmitError }), evidenceSlot: feedback ? renderEvidence?.(feedback) : undefined, feedback: feedback, onBack: onBack }));
-}
-function getFeedbackScopedItems(itemsByFeedbackId, feedback) {
-    if (!feedback)
-        return [];
-    return itemsByFeedbackId[feedback.id] ?? [];
-}
-export { FeedbackCenterSheetHeader, FeedbackCenterTabs, };

package/dist/components/blocks/feedback-center-sheet.d.ts

@@ -1,28 +0,0 @@
-import * as React from "react";
-import type { CommentItemData } from "./comment-types.js";
-import type { FeedbackCommentSubmitHandler } from "./feedback-center-comments.js";
-import { type FeedbackCenterTab } from "./feedback-center-sheet-parts.js";
-import type { FeedbackComposerProps } from "./feedback-composer.js";
-import type { UserFeedbackItem, UserFeedbackStatusEvent } from "./feedback-tracking-types.js";
-type FeedbackCenterSheetProps = Omit<FeedbackComposerProps, "actions" | "formId" | "onCancel" | "onDirtyChange" | "onSubmittedChange" | "onUrgencyChange"> & {
-    canComment?: (item: UserFeedbackItem) => boolean;
-    commentsByFeedbackId?: Record<string, CommentItemData[]>;
-    commentsError?: Error | null;
-    commentSubmitError?: Error | null;
-    defaultTab?: FeedbackCenterTab;
-    isCommentSubmitting?: boolean;
-    isCommentsLoading?: boolean;
-    isLoading?: boolean;
-    itemsError?: Error | null;
-    items: UserFeedbackItem[];
-    onSelectFeedback?: (item: UserFeedbackItem | undefined) => void;
-    onRetryComments?: () => void;
-    onRetryItems?: () => void;
-    onSubmitComment?: FeedbackCommentSubmitHandler;
-    onOpenChange: (open: boolean) => void;
-    open: boolean;
-    renderEvidence?: (item: UserFeedbackItem) => React.ReactNode;
-    statusEventsByFeedbackId?: Record<string, UserFeedbackStatusEvent[]>;
-};
-declare function FeedbackCenterSheet(props: FeedbackCenterSheetProps): React.JSX.Element;
-export { FeedbackCenterSheet, type FeedbackCenterSheetProps, type FeedbackCenterTab };

package/dist/components/blocks/feedback-center-sheet.js

@@ -1,106 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { FeedbackCenterFooter } from "./feedback-center-footer.js";
-import { FeedbackCenterSheetHeader, FeedbackCenterTabs, } from "./feedback-center-sheet-parts.js";
-import { FormSheet, useFormSheetActions } from "../ui/form-sheet.js";
-import { SheetBody, SheetContent } from "../ui/sheet.js";
-import { Tabs } from "../ui/tabs.js";
-function FeedbackCenterSheet(props) {
-    const state = useFeedbackCenterSheetState(props);
-    return (_jsx(FormSheet, { closeDisabled: props.isSubmitting ?? false, isDirty: state.isDirty, onOpenChange: props.onOpenChange, open: props.open, children: _jsx(FeedbackCenterSheetContent, { props: props, state: state }) }));
-}
-function FeedbackCenterSheetContent({ props, state, }) {
-    const { contentProps, requestClose } = useFormSheetActions();
-    return (_jsx(SheetContent, { size: "md", ...contentProps, children: _jsxs(Tabs, { className: "min-h-0 flex-1", onValueChange: setFeedbackCenterTab(state.handleTabChange), value: state.activeTab, children: [_jsx(FeedbackCenterSheetHeader, { unreadReplyCount: state.unreadReplyCount }), _jsx(SheetBody, { className: "pb-(--panel-padding)", children: _jsx(FeedbackCenterTabs, { canComment: props.canComment, composerProps: getFeedbackComposerProps(props), commentsByFeedbackId: props.commentsByFeedbackId ?? {}, commentsError: props.commentsError, commentSubmitError: props.commentSubmitError, formId: state.formId, isCommentSubmitting: props.isCommentSubmitting ?? false, isCommentsLoading: props.isCommentsLoading ?? false, isLoading: props.isLoading ?? false, items: props.items, itemsError: props.itemsError, onBack: state.handleBack, onCancel: requestClose, onDirtyChange: state.setIsDirty, onRetryComments: props.onRetryComments, onRetryItems: props.onRetryItems, onSelectFeedback: state.handleSelectFeedback, onSubmitComment: props.onSubmitComment, onSubmittedChange: state.setIsSubmitted, onUrgencyChange: state.setUrgency, renderEvidence: props.renderEvidence, selectedFeedback: state.selectedFeedback, statusEventsByFeedbackId: props.statusEventsByFeedbackId ?? {}, view: state.view }) }), _jsx(FeedbackCenterFooter, { activeTab: state.activeTab, formId: state.formId, isSubmitted: state.isSubmitted, isSubmitting: props.isSubmitting ?? false, onCancel: requestClose, urgency: state.urgency })] }) }));
-}
-function useFeedbackCenterSheetState(props) {
-    const defaultTab = props.defaultTab ?? "submit";
-    const onSelectFeedback = props.onSelectFeedback;
-    const formId = React.useId();
-    const [activeTab, setActiveTab] = React.useState(defaultTab);
-    const [isSubmitted, setIsSubmitted] = React.useState(false);
-    const [isDirty, setIsDirty] = React.useState(false);
-    const [selectedId, setSelectedId] = React.useState();
-    const [urgency, setUrgency] = React.useState("normal");
-    const [view, setView] = React.useState("list");
-    const selectedFeedback = getSelectedFeedback(props.items, selectedId);
-    const unreadReplyCount = props.items.reduce((count, item) => count + (item.unreadReplyCount ?? 0), 0);
-    const handleBack = React.useCallback(() => {
-        setSelectedId(undefined);
-        setView("list");
-        onSelectFeedback?.(undefined);
-    }, [onSelectFeedback]);
-    const handleSelectFeedback = React.useCallback((item) => {
-        setSelectedId(item.id);
-        setView("detail");
-        onSelectFeedback?.(item);
-    }, [onSelectFeedback]);
-    const handleTabChange = React.useCallback((tab) => {
-        setActiveTab(tab);
-        setSelectedId(undefined);
-        setView("list");
-        onSelectFeedback?.(undefined);
-    }, [onSelectFeedback]);
-    const wasOpenRef = React.useRef(props.open);
-    React.useEffect(() => {
-        if (props.open) {
-            wasOpenRef.current = true;
-            return;
-        }
-        if (!wasOpenRef.current)
-            return;
-        wasOpenRef.current = false;
-        setActiveTab(defaultTab);
-        setIsSubmitted(false);
-        setIsDirty(false);
-        setSelectedId(undefined);
-        setUrgency("normal");
-        setView("list");
-        // hosts tracking selection drop it when the sheet closes
-        onSelectFeedback?.(undefined);
-    }, [defaultTab, onSelectFeedback, props.open]);
-    return {
-        activeTab,
-        formId,
-        handleBack,
-        handleSelectFeedback,
-        handleTabChange,
-        isDirty,
-        isSubmitted,
-        selectedFeedback,
-        setIsDirty,
-        setIsSubmitted,
-        setUrgency,
-        unreadReplyCount,
-        urgency,
-        view,
-    };
-}
-function getFeedbackComposerProps(props) {
-    return {
-        acceptedFileTypes: props.acceptedFileTypes,
-        attachmentsEnabled: props.attachmentsEnabled,
-        defaultType: props.defaultType,
-        defaultUrgency: props.defaultUrgency,
-        isSubmitting: props.isSubmitting,
-        submitStatus: props.submitStatus,
-        maxAttachmentSizeMb: props.maxAttachmentSizeMb,
-        maxAttachments: props.maxAttachments,
-        maxDescriptionLength: props.maxDescriptionLength,
-        maxSubjectLength: props.maxSubjectLength,
-        onSubmit: props.onSubmit,
-        urgencyEnabled: props.urgencyEnabled,
-    };
-}
-function getSelectedFeedback(items, selectedId) {
-    if (!selectedId)
-        return undefined;
-    return items.find((item) => item.id === selectedId);
-}
-function setFeedbackCenterTab(onTabChange) {
-    return (value) => {
-        if (value === "submit" || value === "mine")
-            onTabChange(value);
-    };
-}
-export { FeedbackCenterSheet };

package/dist/components/blocks/feedback-composer-parts.d.ts

@@ -1,16 +0,0 @@
-import type { FeedbackType, FeedbackUrgency } from "./feedback-composer-types.js";
-declare function FeedbackTypeField({ disabled, onTypeChange, type, }: {
-    disabled: boolean;
-    onTypeChange: (type: FeedbackType) => void;
-    type: FeedbackType;
-}): import("@types/react").JSX.Element;
-declare function FeedbackSubmittedState({ onCancel, onSendAnother, }: {
-    onCancel?: () => void;
-    onSendAnother: () => void;
-}): import("@types/react").JSX.Element;
-declare function FeedbackComposerActions({ isSubmitting, onCancel, urgency, }: {
-    isSubmitting: boolean;
-    onCancel?: () => void;
-    urgency: FeedbackUrgency;
-}): import("@types/react").JSX.Element;
-export { FeedbackComposerActions, FeedbackSubmittedState, FeedbackTypeField };

package/dist/components/blocks/feedback-composer-parts.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BugIcon, CheckCircle2Icon, LightbulbIcon, MessageSquareTextIcon, SendIcon, } from "lucide-react";
-import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
-import { Button } from "../ui/button.js";
-import { FieldContent, FieldSet, FieldTitle } from "../ui/field.js";
-import { ToggleGroup, ToggleGroupItem } from "../ui/toggle-group.js";
-const feedbackTypeOptions = [
-    {
-        icon: BugIcon,
-        label: "Bug",
-        value: "bug",
-    },
-    {
-        icon: LightbulbIcon,
-        label: "Feature request",
-        value: "feature",
-    },
-    {
-        icon: MessageSquareTextIcon,
-        label: "General",
-        value: "general",
-    },
-];
-function FeedbackTypeField({ disabled, onTypeChange, type, }) {
-    return (_jsxs(FieldSet, { className: "gap-2", children: [_jsx(FieldContent, { children: _jsx(FieldTitle, { children: "Type" }) }), _jsx(ToggleGroup, { className: "grid w-full grid-cols-3", disabled: disabled, size: "lg", type: "single", variant: "outline", onValueChange: (value) => {
-                    if (isFeedbackType(value))
-                        onTypeChange(value);
-                }, value: type, children: feedbackTypeOptions.map((option) => (_jsx(FeedbackTypeOption, { option: option }, option.value))) })] }));
-}
-function FeedbackTypeOption({ option }) {
-    const Icon = option.icon;
-    return (_jsxs(ToggleGroupItem, { className: "w-full px-2", value: option.value, children: [_jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx("span", { className: "truncate", children: option.label })] }));
-}
-function FeedbackSubmittedState({ onCancel, onSendAnother, }) {
-    return (_jsxs("div", { className: "grid gap-(--panel-gap)", children: [_jsxs(Alert, { children: [_jsx(CheckCircle2Icon, {}), _jsx(AlertTitle, { children: "Feedback sent" }), _jsx(AlertDescription, { children: _jsx("p", { children: "The team will follow up here." }) })] }), _jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [_jsx(Button, { onClick: onSendAnother, type: "button", variant: "outline", children: "Send another" }), onCancel ? (_jsx(Button, { onClick: onCancel, type: "button", children: "Done" })) : null] })] }));
-}
-function FeedbackComposerActions({ isSubmitting, onCancel, urgency, }) {
-    return (_jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [onCancel ? (_jsx(Button, { disabled: isSubmitting, onClick: onCancel, type: "button", variant: "outline", children: "Cancel" })) : null, _jsxs(Button, { loading: isSubmitting, type: "submit", variant: urgency === "emergency" ? "destructive" : "default", children: [_jsx(SendIcon, {}), urgency === "emergency" ? "Send emergency" : "Submit feedback"] })] }));
-}
-function isFeedbackType(value) {
-    return feedbackTypeOptions.some((option) => option.value === value);
-}
-export { FeedbackComposerActions, FeedbackSubmittedState, FeedbackTypeField };

package/dist/components/blocks/feedback-composer-types.d.ts

@@ -1,12 +0,0 @@
-import type { FeedbackAffectedScope, FeedbackUrgency } from "./feedback-tracking-types.js";
-type FeedbackType = "bug" | "feature" | "general";
-type FeedbackSubmitValues = {
-    affectedScope: FeedbackAffectedScope;
-    attachments: File[];
-    description: string;
-    subject: string;
-    type: FeedbackType;
-    urgency: FeedbackUrgency;
-};
-type FeedbackValidationError = "description" | "emergency_confirmation" | "subject" | undefined;
-export type { FeedbackAffectedScope, FeedbackSubmitValues, FeedbackType, FeedbackUrgency, FeedbackValidationError, };

package/dist/components/blocks/feedback-composer.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-import type { FeedbackSubmitValues, FeedbackType, FeedbackUrgency } from "./feedback-composer-types.js";
-type FeedbackComposerProps = {
-    acceptedFileTypes?: string;
-    actions?: "inline" | "external";
-    attachmentsEnabled?: boolean;
-    defaultType?: FeedbackType;
-    defaultUrgency?: FeedbackUrgency;
-    formId?: string;
-    isSubmitting?: boolean;
-    submitStatus?: string;
-    maxAttachmentSizeMb?: number;
-    maxAttachments?: number;
-    maxDescriptionLength?: number;
-    maxSubjectLength?: number;
-    onCancel?: () => void;
-    onDirtyChange?: (dirty: boolean) => void;
-    onSubmittedChange?: (submitted: boolean) => void;
-    onUrgencyChange?: (urgency: FeedbackUrgency) => void;
-    onSubmit: (values: FeedbackSubmitValues) => void | Promise<void>;
-    urgencyEnabled?: boolean;
-};
-declare function FeedbackComposer(props: FeedbackComposerProps): React.JSX.Element;
-export { FeedbackComposer, type FeedbackComposerProps, type FeedbackSubmitValues, type FeedbackType, };

package/dist/components/blocks/feedback-composer.js

@@ -1,82 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { FeedbackComposerActions, FeedbackSubmittedState, FeedbackTypeField, } from "./feedback-composer-parts.js";
-import { FeedbackEmergencyFields } from "./feedback-emergency-fields.js";
-import { submitFeedbackComposer } from "./submit-feedback-composer.js";
-import { useFeedbackComposerState } from "./use-feedback-composer-state.js";
-import { FileUploadField } from "../ui/file-upload-field.js";
-import { Field, FieldContent, FieldError, FieldGroup, FieldLabel } from "../ui/field.js";
-import { Input } from "../ui/input.js";
-import { Textarea } from "../ui/textarea.js";
-function FeedbackComposer(props) {
-    // Without its controls, emergency could never be confirmed — a hidden
-    // emergency default would soft-lock submit — so it needs urgencyEnabled.
-    const defaultUrgency = props.urgencyEnabled ? (props.defaultUrgency ?? "normal") : "normal";
-    const state = useFeedbackComposerState(props.defaultType ?? "bug", defaultUrgency);
-    const ids = useFeedbackComposerIds();
-    const { onDirtyChange, onUrgencyChange } = props;
-    React.useEffect(() => {
-        onDirtyChange?.(state.isDirty);
-    }, [onDirtyChange, state.isDirty]);
-    React.useEffect(() => {
-        onUrgencyChange?.(state.urgency);
-    }, [onUrgencyChange, state.urgency]);
-    if (state.isSubmitted) {
-        return (_jsx(FeedbackSubmittedState, { onCancel: props.onCancel, onSendAnother: () => {
-                state.resetForm();
-                props.onSubmittedChange?.(false);
-            } }));
-    }
-    return _jsx(FeedbackComposerForm, { ids: ids, props: props, state: state });
-}
-function FeedbackComposerForm({ ids, props, state, }) {
-    const isSubmitting = props.isSubmitting ?? false;
-    return (_jsxs("form", { className: "grid gap-(--panel-gap)", id: props.formId, onSubmit: (event) => submitFeedbackComposer(event, props, state), children: [_jsxs(FieldGroup, { children: [state.urgency === "normal" ? (_jsx(FeedbackTypeField, { disabled: isSubmitting, onTypeChange: state.setType, type: state.type })) : null, _jsx(FeedbackSubjectField, { disabled: isSubmitting, error: state.error, errorId: ids.subjectErrorId, fieldId: ids.subjectId, maxLength: props.maxSubjectLength ?? 255, onSubjectChange: state.setSubject, subject: state.subject }), _jsx(FeedbackDescriptionField, { description: state.description, disabled: isSubmitting, error: state.error, errorId: ids.descriptionErrorId, fieldId: ids.descriptionId, maxLength: props.maxDescriptionLength ?? 10000, onDescriptionChange: state.setDescription }), _jsx(FeedbackAttachmentsField, { props: props, state: state }), props.submitStatus ? (_jsx("p", { role: "status", className: "text-sm text-muted-foreground", children: props.submitStatus })) : null, _jsx(FeedbackComposerEmergencySection, { ids: ids, props: props, state: state }), state.submitError ? _jsx(FieldError, { children: state.submitError }) : null] }), props.actions === "external" ? null : (_jsx(FeedbackComposerActions, { isSubmitting: isSubmitting, onCancel: props.onCancel, urgency: state.urgency }))] }));
-}
-function FeedbackSubjectField({ disabled, error, errorId, fieldId, maxLength, onSubjectChange, subject, }) {
-    const invalid = error === "subject";
-    return (_jsxs(Field, { "data-invalid": invalid, children: [_jsx(FieldContent, { children: _jsx(FieldLabel, { htmlFor: fieldId, required: true, children: "Subject" }) }), _jsx(Input, { "aria-describedby": invalid ? errorId : undefined, "aria-invalid": invalid, "aria-required": "true", disabled: disabled, id: fieldId, maxLength: maxLength, onChange: (event) => onSubjectChange(event.target.value), placeholder: "Short subject for the team", value: subject }), invalid ? _jsx(FieldError, { id: errorId, children: "Subject is required." }) : null] }));
-}
-function FeedbackDescriptionField({ description, disabled, error, errorId, fieldId, maxLength, onDescriptionChange, }) {
-    const invalid = error === "description";
-    return (_jsxs(Field, { "data-invalid": invalid, children: [_jsx(FieldContent, { children: _jsx(FieldLabel, { htmlFor: fieldId, required: true, children: "Feedback" }) }), _jsx(Textarea, { "aria-describedby": invalid ? errorId : undefined, "aria-invalid": invalid, "aria-required": "true", className: "min-h-40", disabled: disabled, id: fieldId, maxLength: maxLength, onChange: (event) => onDescriptionChange(event.target.value), placeholder: "What happened, what did you expect, or what would you like to see?", rows: 6, value: description }), invalid ? _jsx(FieldError, { id: errorId, children: "Feedback is required." }) : null] }));
-}
-function FeedbackAttachmentsField({ props, state, }) {
-    if (props.attachmentsEnabled === false)
-        return null;
-    return (_jsx(FileUploadField, { acceptedFileTypes: props.acceptedFileTypes ?? "image/*,.pdf,.csv,.txt,.doc,.docx,.xls,.xlsx", disabled: props.isSubmitting ?? false, files: state.attachments, maxAttachmentSizeMb: props.maxAttachmentSizeMb, maxAttachments: props.maxAttachments, onFilesChange: state.setAttachments, showConstraints: false, variant: "dropzone" }));
-}
-function FeedbackComposerEmergencySection({ ids, props, state, }) {
-    if (!props.urgencyEnabled)
-        return null;
-    return (_jsx(FeedbackEmergencyFields, { affectedScope: state.affectedScope, affectedScopeId: ids.emergencyAffectedScopeId, confirmed: state.emergencyConfirmed, confirmationDescriptionId: ids.emergencyConfirmationDescriptionId, confirmationErrorId: ids.emergencyConfirmationErrorId, confirmationId: ids.emergencyConfirmationId, confirmationInvalid: state.error === "emergency_confirmation", disabled: props.isSubmitting ?? false, isEmergency: state.urgency === "emergency", onAffectedScopeChange: state.setAffectedScope, onConfirmedChange: (confirmed) => {
-            state.setEmergencyConfirmed(confirmed);
-            if (confirmed && state.error === "emergency_confirmation") {
-                state.setError(undefined);
-            }
-        }, onEmergencyChange: (emergency) => {
-            state.setUrgency(emergency ? "emergency" : "normal");
-            if (emergency) {
-                state.setType("bug");
-            }
-            else {
-                // leaving emergency mode abandons its scope and confirmation
-                state.setAffectedScope("unknown");
-                state.setEmergencyConfirmed(false);
-            }
-        } }));
-}
-function useFeedbackComposerIds() {
-    const formId = React.useId();
-    return {
-        descriptionErrorId: `${formId}-description-error`,
-        descriptionId: `${formId}-description`,
-        emergencyAffectedScopeId: `${formId}-emergency-affected-scope`,
-        emergencyConfirmationDescriptionId: `${formId}-emergency-confirmation-description`,
-        emergencyConfirmationErrorId: `${formId}-emergency-confirmation-error`,
-        emergencyConfirmationId: `${formId}-emergency-confirmation`,
-        subjectErrorId: `${formId}-subject-error`,
-        subjectId: `${formId}-subject`,
-    };
-}
-export { FeedbackComposer, };

package/dist/components/blocks/feedback-date-format.d.ts

@@ -1,5 +0,0 @@
-import { toUtcTimestamp, type TimestampFormatOptions } from "./timestamp-format.js";
-declare function formatFeedbackTimestamp(value: string | undefined, options?: TimestampFormatOptions): string;
-declare function formatFeedbackTimestampFull(value: string | undefined, options?: TimestampFormatOptions): string;
-declare function getFeedbackTimestampDateTime(value: string | undefined): string | undefined;
-export { formatFeedbackTimestamp, formatFeedbackTimestampFull, getFeedbackTimestampDateTime, toUtcTimestamp, };

package/dist/components/blocks/feedback-date-format.js

@@ -1,11 +0,0 @@
-import { formatTimestamp, formatTimestampFull, getTimestampDateTime, toUtcTimestamp, } from "./timestamp-format.js";
-function formatFeedbackTimestamp(value, options = {}) {
-    return formatTimestamp(value, options);
-}
-function formatFeedbackTimestampFull(value, options = {}) {
-    return formatTimestampFull(value, options);
-}
-function getFeedbackTimestampDateTime(value) {
-    return getTimestampDateTime(value);
-}
-export { formatFeedbackTimestamp, formatFeedbackTimestampFull, getFeedbackTimestampDateTime, toUtcTimestamp, };

package/dist/components/blocks/feedback-detail-sheet.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { type FeedbackStatus, type StakeholderFeedbackItem } from "./feedback-tracking-types.js";
-type FeedbackDetailSheetProps = {
-    /** Rendered after the submission — the slot for a comment thread. */
-    conversation?: React.ReactNode;
-    feedback?: StakeholderFeedbackItem;
-    onOpenChange: (open: boolean) => void;
-    /** Renders a status select when present; the app owns the save. */
-    onStatusChange?: (status: FeedbackStatus) => void;
-    open: boolean;
-    /** The selection being saved: shown and locked in the select while set. */
-    pendingStatus?: FeedbackStatus;
-};
-declare function FeedbackDetailSheet({ conversation, feedback, onOpenChange, onStatusChange, open, pendingStatus, }: FeedbackDetailSheetProps): React.JSX.Element;
-export { FeedbackDetailSheet, type FeedbackDetailSheetProps };

package/dist/components/blocks/feedback-detail-sheet.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { PaperclipIcon } from "lucide-react";
-import { formatFeedbackTimestampFull, getFeedbackTimestampDateTime } from "./feedback-date-format.js";
-import { FeedbackStatusBadge } from "./feedback-status-badge.js";
-import { FeedbackTypeBadge } from "./feedback-type-badge.js";
-import { feedbackStatusLabels, feedbackTriageStatusValues, getFeedbackInitials, } from "./feedback-tracking-types.js";
-import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar.js";
-import { Button } from "../ui/button.js";
-import { Card } from "../ui/card.js";
-import { Item, ItemActions, ItemContent, ItemDescription, ItemGroup, ItemGroupItem, ItemMedia, ItemTitle, } from "../ui/item.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
-import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "../ui/property-list.js";
-import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from "../ui/sheet.js";
-function FeedbackDetailSheet({ conversation, feedback, onOpenChange, onStatusChange, open, pendingStatus, }) {
-    return (_jsx(Sheet, { onOpenChange: onOpenChange, open: open, children: _jsxs(SheetContent, { size: "md", children: [_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: feedback?.subject ?? "Feedback" }), _jsx(SheetDescription, { children: onStatusChange
-                                ? "Review the submission and set where it stands."
-                                : "Review the original submission and current progress." })] }), _jsxs(SheetBody, { className: "grid content-start gap-(--panel-gap) pb-(--panel-padding)", children: [feedback ? (_jsx(FeedbackDetailContent, { feedback: feedback, onStatusChange: onStatusChange, pendingStatus: pendingStatus })) : null, feedback ? conversation : null] }), _jsx(SheetFooter, { children: _jsx(Button, { onClick: () => onOpenChange(false), type: "button", children: "Done" }) })] }) }));
-}
-function FeedbackDetailContent({ feedback, onStatusChange, pendingStatus, }) {
-    return (_jsxs(_Fragment, { children: [_jsx(FeedbackDetailSummary, { feedback: feedback }), onStatusChange ? (_jsx(FeedbackDetailStatusSection, { onStatusChange: onStatusChange, pendingStatus: pendingStatus, status: feedback.status })) : null, _jsx(FeedbackDetailBody, { feedback: feedback }), _jsx(FeedbackDetailAttachments, { feedback: feedback })] }));
-}
-/**
- * Presentation only — the app owns the save. Selecting fires onStatusChange;
- * while pendingStatus is set the select shows it and locks, so the sheet
- * reflects the in-flight decision until the app's write settles.
- */
-function FeedbackDetailStatusSection({ onStatusChange, pendingStatus, status, }) {
-    const selectId = React.useId();
-    return (_jsxs("div", { className: "grid gap-2", children: [_jsx("label", { className: "text-meta text-muted-foreground", htmlFor: selectId, children: "Status" }), _jsxs(Select, { disabled: status === "withdrawn" || pendingStatus !== undefined, onValueChange: (value) => {
-                    const next = feedbackTriageStatusValues.find((candidate) => candidate === value);
-                    if (next && next !== status)
-                        onStatusChange(next);
-                }, value: pendingStatus ?? status, children: [_jsx(SelectTrigger, { className: "w-full", id: selectId, children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [status === "withdrawn" ? (_jsx(SelectItem, { value: "withdrawn", children: feedbackStatusLabels.withdrawn })) : null, feedbackTriageStatusValues.map((value) => (_jsx(SelectItem, { value: value, children: feedbackStatusLabels[value] }, value)))] })] })] }));
-}
-function FeedbackDetailSummary({ feedback }) {
-    const submitter = feedback.submittedBy;
-    const affiliation = submitter.organization ?? submitter.email ?? "Stakeholder";
-    return (_jsxs(Item, { variant: "outline", children: [_jsx(ItemMedia, { children: _jsxs(Avatar, { children: [_jsx(AvatarImage, { alt: "", src: submitter.imageUrl }), _jsx(AvatarFallback, { children: getFeedbackInitials(submitter.name, submitter.email) })] }) }), _jsxs(ItemContent, { children: [_jsx(ItemTitle, { className: "max-w-full truncate", title: submitter.name, children: submitter.name }), _jsx(ItemDescription, { title: affiliation, children: affiliation })] }), _jsx(ItemActions, { children: _jsx(FeedbackStatusBadge, { status: feedback.status }) })] }));
-}
-function FeedbackDetailBody({ feedback }) {
-    return (_jsxs("div", { className: "grid gap-(--panel-gap)", children: [_jsxs(PropertyList, { children: [_jsx(FeedbackProperty, { label: "Type", children: _jsx(FeedbackTypeBadge, { type: feedback.type }) }), _jsx(FeedbackProperty, { label: "Submitted", children: _jsx(FeedbackDetailDateValue, { value: feedback.submittedAt }) }), _jsx(FeedbackProperty, { label: "Updated", children: _jsx(FeedbackDetailDateValue, { value: feedback.updatedAt }) }), feedback.referenceId ? (_jsx(FeedbackProperty, { label: "Reference", children: _jsx("span", { className: "font-mono text-xs tabular-nums", children: feedback.referenceId }) })) : null] }), _jsxs(Card, { className: "grid gap-2 p-(--panel-padding)", children: [_jsx("div", { className: "text-meta text-muted-foreground", children: "Feedback" }), feedback.description ? (_jsx("p", { className: "text-sm whitespace-pre-wrap text-foreground", children: feedback.description })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: "No description provided." }))] })] }));
-}
-function FeedbackProperty({ children, label }) {
-    return (_jsxs(PropertyListItem, { children: [_jsx(PropertyListLabel, { children: label }), _jsx(PropertyListValue, { children: children })] }));
-}
-function FeedbackDetailDateValue({ value }) {
-    return (_jsx("time", { className: "font-mono text-xs tabular-nums", dateTime: getFeedbackTimestampDateTime(value), children: formatFeedbackTimestampFull(value) }));
-}
-function FeedbackDetailAttachments({ feedback }) {
-    const attachments = feedback.attachments ?? [];
-    if (attachments.length === 0)
-        return null;
-    return (_jsxs("section", { className: "grid gap-2", children: [_jsx("div", { className: "text-meta text-muted-foreground", children: "Attachments" }), _jsx(ItemGroup, { children: attachments.map((attachment, index) => (_jsx(ItemGroupItem, { children: _jsxs(Item, { size: "sm", variant: "outline", children: [_jsx(ItemMedia, { variant: "icon", children: _jsx(PaperclipIcon, {}) }), _jsx(ItemContent, { children: _jsx(ItemTitle, { children: attachment.url ? (_jsx("a", { className: "underline-offset-4 hover:underline", href: attachment.url, children: attachment.name })) : (attachment.name) }) })] }) }, getAttachmentKey(attachment, index)))) })] }));
-}
-function getAttachmentKey(attachment, index) {
-    return `${attachment.url ?? attachment.name}-${index}`;
-}
-export { FeedbackDetailSheet };

package/dist/components/blocks/feedback-emergency-fields.d.ts

@@ -1,17 +0,0 @@
-import type { FeedbackAffectedScope } from "./feedback-composer-types.js";
-type FeedbackEmergencyFieldsProps = {
-    affectedScope: FeedbackAffectedScope;
-    affectedScopeId: string;
-    confirmed: boolean;
-    confirmationDescriptionId: string;
-    confirmationErrorId: string;
-    confirmationId: string;
-    confirmationInvalid: boolean;
-    disabled: boolean;
-    onAffectedScopeChange: (scope: FeedbackAffectedScope) => void;
-    onConfirmedChange: (confirmed: boolean) => void;
-    onEmergencyChange: (emergency: boolean) => void;
-    isEmergency: boolean;
-};
-declare function FeedbackEmergencyFields({ affectedScope, affectedScopeId, confirmed, confirmationDescriptionId, confirmationErrorId, confirmationId, confirmationInvalid, disabled, onAffectedScopeChange, onConfirmedChange, onEmergencyChange, isEmergency, }: FeedbackEmergencyFieldsProps): import("@types/react").JSX.Element;
-export { FeedbackEmergencyFields, type FeedbackEmergencyFieldsProps };