@local-civics/hub-ui 0.1.250 → 0.1.252

package/dist/index.d.ts

@@ -1355,15 +1355,14 @@ type ProfileHeroCardProps = {
     impactStatement?: string;
     placeName?: string;
     communityName?: string;
-    level?: number;
-    xp?: number;
-    nextXP?: number;
     onEdit?: () => void;
 };
 /**
- * The student dashboard's profile summary: avatar/name/meta (formerly `ProfileWidget`), bio and
- * place/community (formerly `AboutWidget`), and level/XP progress (formerly `ImpactWidget`)
- * consolidated into a single card, matching Mockup I's layout and color treatment.
+ * The student dashboard's profile summary: avatar/name/meta (formerly `ProfileWidget`) and bio and
+ * place/community (formerly `AboutWidget`) consolidated into a single card, matching Mockup I's
+ * layout and color treatment. The level/XP gamification section (formerly `ImpactWidget`) that used
+ * to also live here was removed at Colin's direction as vestigial - not part of the PRD, never
+ * validated as something students found meaningful.
  * @param props
  * @constructor
  */
@@ -1390,6 +1389,45 @@ type BadgesCardProps = {
  */
 declare const BadgesCard: (props: BadgesCardProps) => JSX.Element;
 
+/**
+ * A single comment as My Profile's CommentsCard needs it - the same shape hub's useMyComments()
+ * hook already produces (Comments.tsx, Badge.tsx, Lesson.tsx all resolve badgeName/lessonName
+ * client-side the same way, since study's own comment records only carry raw badgeId/lessonId).
+ */
+type CommentItem = {
+    commentId: string;
+    commentText: string;
+    requireValidation: boolean;
+    resolvedAt?: string;
+    authorName?: string;
+    createdAt: string;
+    badgeId?: string;
+    badgeName?: string;
+    lessonId?: string;
+    lessonName?: string;
+};
+/**
+ * CommentsCardProps
+ */
+type CommentsCardProps = {
+    comments: CommentItem[];
+    isLoading?: boolean;
+    onViewAll?: () => void;
+    onBadgeClick?: (badgeId: string) => void;
+    onLessonClick?: (lessonId: string) => void;
+};
+/**
+ * My Profile's "Comments" summary card - a presentational sibling to PathwaysCard/BadgesCard.
+ * Gives a student a passive, at-a-glance view of what's been said about their own badges/lessons
+ * without having to visit the standalone /comments page first: 3 status-dimension stats (Total /
+ * Needs Attention / Resolved), then the most recent comments themselves, each with a hyperlink
+ * straight to the badge/lesson it concerns. "View All" is the same destination the sidebar's own
+ * Comments tab already points at - this card is a summary of that page, not a replacement for it.
+ * @param props
+ * @constructor
+ */
+declare const CommentsCard: (props: CommentsCardProps) => JSX.Element;
+
 /**
  * DashboardShellProps
  */
@@ -1597,7 +1635,7 @@ declare const FileLocker: (props: FileLockerProps) => JSX.Element;
  */
 type CommentsItem = {
     commentId: string;
-    authorName?: string;
+    commenterName?: string;
     badgeId?: string;
     badgeName?: string;
     lessonId?: string;
@@ -1605,6 +1643,7 @@ type CommentsItem = {
     commentText: string;
     requireValidation: boolean;
     resolvedAt?: string;
+    needsSubmission?: boolean;
     createdAt: string;
 };
 /**
@@ -1722,4 +1761,4 @@ type HomeLayoutProps = {
  */
 declare const HomeLayout: (props: HomeLayoutProps) => JSX.Element;
 
-export { AboutWidget, AboutWidgetProps, AchievementWidget, AchievementWidgetProps, ActivityCard, ActivityCardProps, ActivityItem, ActivityItemProps, ActivityList, ActivityListProps, ActivityReflection, ActivityReflectionProps, AuthLayout, AuthLayoutProps, Badge, BadgeActivityMenu, BadgeActivityMenuProps, BadgeDetail, BadgeDetailProps, BadgeFilterOption, BadgeProps, BadgeSection, BadgeSectionProps, BadgeSuccessDialog, BadgeSuccessDialogProps, BadgesCard, BadgesCardProps, BadgesList, BadgesListProps, Board, BoardProps, Button, ButtonBorder, ButtonColor, ButtonFilter, ButtonJustify, ButtonProps, ButtonSize, ButtonSpacing, ButtonTheme, Card, CardProps, Comments, CommentsItem, CommentsProps, CtaListProps, DashboardShell, DashboardShellProps, DashboardSidebar, DashboardSidebarIdentity, DashboardSidebarLinks, DashboardSidebarProps, DashboardSidebarTabName, DashboardTopBar, DashboardTopBarBreadcrumbSegment, DashboardTopBarProps, DateSelection, DateSelectionProps, DaySelectionOptionProps, EventItem, EventItemProps, EventList, EventListProps, FileList, FileListItem, FileListProps, FileLocker, FileLockerBadge, FileLockerPathway, FileLockerProps, Footer, FooterProps, Home, HomeLayout, HomeLayoutProps, Icon, IconName, IconProps, ImpactWidget, ImpactWidgetProps, LearningForm, LearningFormProps, Loader, LoaderProps, LogServiceButton, LogServiceButtonProps, Logo, Modal, ModalProps, NavBar, NavBarProps, NavLink, NavLinkName, NavLinkProps, NotFound, NotFoundProps, Onboarding, OnboardingProps, Overlay, OverlayProps, Pathway, PathwayButton, PathwayButtonProps, PathwayDetail, PathwayDetailProps, PathwayFilter, PathwayFilterOption, PathwayFilterProps, PathwayItem, PathwayProgress, PathwayProgressHeight, PathwayProgressProps, PathwayProps, PathwaySection, PathwaySectionProps, PathwayTranscript, PathwayWidget, PathwayWidgetProps, PathwaysCard, PathwaysCardProps, PathwaysList, PathwaysListProps, Pill, PillAccent, PillProps, ProfileHeroCard, ProfileHeroCardProps, ProfileWidget, Progress, ProgressProps, ResidentWidgetProps, Search, SearchButton, SearchButtonProps, SearchProps, SearchResult, SearchResultProps, SettingsCard, SettingsCardProps, SortableHeader, SortableHeaderProps, StatTile, StatTileAccent, StatTileProps, StatTileRow, StatTileRowProps, Stopwatch, StopwatchProps, SubmissionItem, SubmissionQueueNav, SubmissionQueueNavProps, SubmissionReviewHeader, SubmissionReviewHeaderProps, Tab, TabProps, TagFilter, TagFilterProps, TaskItem, TaskItemProps, TaskList, TaskListProps, Widget, WidgetBody, WidgetBodyProps, WidgetHeader, WidgetHeaderLink, WidgetHeaderLinkProps, WidgetHeaderProps, WidgetProps, WidgetTitle, WidgetTitleProps };
+export { AboutWidget, AboutWidgetProps, AchievementWidget, AchievementWidgetProps, ActivityCard, ActivityCardProps, ActivityItem, ActivityItemProps, ActivityList, ActivityListProps, ActivityReflection, ActivityReflectionProps, AuthLayout, AuthLayoutProps, Badge, BadgeActivityMenu, BadgeActivityMenuProps, BadgeDetail, BadgeDetailProps, BadgeFilterOption, BadgeProps, BadgeSection, BadgeSectionProps, BadgeSuccessDialog, BadgeSuccessDialogProps, BadgesCard, BadgesCardProps, BadgesList, BadgesListProps, Board, BoardProps, Button, ButtonBorder, ButtonColor, ButtonFilter, ButtonJustify, ButtonProps, ButtonSize, ButtonSpacing, ButtonTheme, Card, CardProps, CommentItem, Comments, CommentsCard, CommentsCardProps, CommentsItem, CommentsProps, CtaListProps, DashboardShell, DashboardShellProps, DashboardSidebar, DashboardSidebarIdentity, DashboardSidebarLinks, DashboardSidebarProps, DashboardSidebarTabName, DashboardTopBar, DashboardTopBarBreadcrumbSegment, DashboardTopBarProps, DateSelection, DateSelectionProps, DaySelectionOptionProps, EventItem, EventItemProps, EventList, EventListProps, FileList, FileListItem, FileListProps, FileLocker, FileLockerBadge, FileLockerPathway, FileLockerProps, Footer, FooterProps, Home, HomeLayout, HomeLayoutProps, Icon, IconName, IconProps, ImpactWidget, ImpactWidgetProps, LearningForm, LearningFormProps, Loader, LoaderProps, LogServiceButton, LogServiceButtonProps, Logo, Modal, ModalProps, NavBar, NavBarProps, NavLink, NavLinkName, NavLinkProps, NotFound, NotFoundProps, Onboarding, OnboardingProps, Overlay, OverlayProps, Pathway, PathwayButton, PathwayButtonProps, PathwayDetail, PathwayDetailProps, PathwayFilter, PathwayFilterOption, PathwayFilterProps, PathwayItem, PathwayProgress, PathwayProgressHeight, PathwayProgressProps, PathwayProps, PathwaySection, PathwaySectionProps, PathwayTranscript, PathwayWidget, PathwayWidgetProps, PathwaysCard, PathwaysCardProps, PathwaysList, PathwaysListProps, Pill, PillAccent, PillProps, ProfileHeroCard, ProfileHeroCardProps, ProfileWidget, Progress, ProgressProps, ResidentWidgetProps, Search, SearchButton, SearchButtonProps, SearchProps, SearchResult, SearchResultProps, SettingsCard, SettingsCardProps, SortableHeader, SortableHeaderProps, StatTile, StatTileAccent, StatTileProps, StatTileRow, StatTileRowProps, Stopwatch, StopwatchProps, SubmissionItem, SubmissionQueueNav, SubmissionQueueNavProps, SubmissionReviewHeader, SubmissionReviewHeaderProps, Tab, TabProps, TagFilter, TagFilterProps, TaskItem, TaskItemProps, TaskList, TaskListProps, Widget, WidgetBody, WidgetBodyProps, WidgetHeader, WidgetHeaderLink, WidgetHeaderLinkProps, WidgetHeaderProps, WidgetProps, WidgetTitle, WidgetTitleProps };