npm - admin-ui-starter-kit - Versions diffs - 0.6.6 → 0.6.8 - Mend

admin-ui-starter-kit 0.6.6 → 0.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1256) hide show

package/dist/components/composed/timelines/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/timelines/steps-card/steps-card.tsx","../../../../src/components/composed/timelines/order-timeline/order-timeline.tsx","../../../../src/components/composed/timelines/payment-timeline/payment-timeline.tsx","../../../../src/components/composed/timelines/activity-stream/types.ts","../../../../src/components/composed/timelines/activity-stream/activity-stream.tsx","../../../../src/components/composed/timelines/shared/timeline.tsx","../../../../src/components/composed/timelines/changelog/types.ts","../../../../src/components/composed/timelines/changelog/changelog-timeline.tsx","../../../../src/components/composed/timelines/milestones/types.ts","../../../../src/components/composed/timelines/milestones/milestones-timeline.tsx"],"sourcesContent":["import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { Badge } from '@/components/base/badge/badge';\nimport { cn } from '@/lib/utils';\nimport { Check, Circle, Loader2 } from 'lucide-react';\nimport { type StepStatus, type StepsCardProps, type StepsHorizontalProps } from './types';\n\nconst statusStyles: Record<StepStatus, {\n dot: string;\n line: string;\n title: string;\n Icon: typeof Check;\n}> = {\n completed: {\n dot: 'bg-success text-success-foreground',\n line: 'bg-success',\n title: 'text-foreground',\n Icon: Check,\n },\n current: {\n dot: 'bg-primary text-primary-foreground ring-4 ring-primary/20',\n line: 'bg-border',\n title: 'text-foreground',\n Icon: Loader2,\n },\n upcoming: {\n dot: 'bg-muted text-muted-foreground',\n line: 'bg-border',\n title: 'text-muted-foreground',\n Icon: Circle,\n },\n};\n\nfunction StepIndicator({ status }: { status: StepStatus }) {\n const { dot, Icon } = statusStyles[status];\n const isAnimated = status === 'current';\n\n return (\n <div className={cn('steps-card--component', \n 'relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all',\n dot,\n )}>\n <Icon className={cn('h-4 w-4', isAnimated && 'animate-spin')} />\n </div>\n );\n}\n\n/* ─── Vertical StepsCard (original) ────────────────────────────────────────── /\n\nexport function StepsCard({ title, description, steps, footerText, className }: StepsCardProps) {\n return (\n <SmartCard\n title={title}\n description={description}\n footerText={footerText}\n className={className}\n >\n <div className=\"relative\">\n {steps.map((step, idx) => {\n const isLast = idx === steps.length - 1;\n const { line, title: titleColor } = statusStyles[step.status];\n\n return (\n <div key={step.id} className=\"relative flex gap-4\">\n {/ Vertical line + dot /}\n <div className=\"flex flex-col items-center\">\n <StepIndicator status={step.status} />\n {!isLast && (\n <div className={cn('w-0.5 flex-1 min-h-6', line)} />\n )}\n </div>\n\n {/ Content /}\n <div className={cn('flex-1 pb-6', isLast && 'pb-0')}>\n <div className=\"flex items-center gap-2 pt-1\">\n <Text weight=\"semibold\" className={titleColor}>\n {step.title}\n </Text>\n {!!step.badge && (\n <Badge variant={step.badgeVariant ?? 'secondary'}>\n {step.badge}\n </Badge>\n )}\n </div>\n {!!step.description && (\n <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n {step.description}\n </Text>\n )}\n {!!step.timestamp && (\n <Text size=\"xxs\" type=\"discrete\" className=\"mt-1\">\n {step.timestamp}\n </Text>\n )}\n {!!step.content && (\n <div className=\"mt-2\">{step.content}</div>\n )}\n </div>\n </div>\n );\n })}\n </div>\n </SmartCard>\n );\n}\n\nStepsCard.displayName = 'StepsCard';\n\n/──────────────────────────────────────────────────────────────────────────────\n * STEPS HORIZONTAL — Horizontal step bar with connecting lines\n ────────────────────────────────────────────────────────────────────────────/\n\nfunction HorizontalDot({ status, stepNumber }: { status: StepStatus; stepNumber: number }) {\n if (status === 'completed') {\n return (\n <div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground\">\n <Check className=\"h-4 w-4\" />\n </div>\n );\n }\n\n if (status === 'current') {\n return (\n <div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground\">\n <Text weight=\"bold\" className=\"text-primary-foreground\">\n {stepNumber}\n </Text>\n </div>\n );\n }\n\n return (\n <div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border-2 border-muted text-muted-foreground\">\n <Text weight=\"medium\" className=\"text-muted-foreground\">\n {stepNumber}\n </Text>\n </div>\n );\n}\n\nexport function StepsHorizontal({ title, description, steps, footerText, className }: StepsHorizontalProps) {\n return (\n <SmartCard\n title={title}\n description={description}\n footerText={footerText}\n className={className}\n >\n <div className=\"space-y-3 sm:hidden\">\n {steps.map((step, idx) => {\n const isLast = idx === steps.length - 1;\n const lineColor = step.status === 'completed' ? 'bg-success' : 'bg-border';\n\n return (\n <div key={step.id} className=\"flex gap-3\">\n <div className=\"flex flex-col items-center\">\n <HorizontalDot status={step.status} stepNumber={idx + 1} />\n {!isLast && <div className={cn('mt-1 w-0.5 flex-1 min-h-5', lineColor)} />}\n </div>\n <div className={cn('min-w-0 flex-1 pb-2', isLast && 'pb-0')}>\n <Text\n weight=\"semibold\"\n className={cn(\n 'leading-snug',\n step.status === 'upcoming' ? 'text-muted-foreground' : 'text-foreground',\n )}\n >\n {step.title}\n </Text>\n {!!step.description && (\n <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5 line-clamp-2\">\n {step.description}\n </Text>\n )}\n </div>\n </div>\n );\n })}\n </div>\n\n {/* Horizontal scroll wrapper — when total step width exceeds the\n card, this lets users scroll instead of clipping labels. /}\n <div className=\"-mx-1 hidden overflow-x-auto px-1 sm:block\">\n <div className=\"flex min-w-fit items-start\">\n {steps.map((step, idx) => {\n const isLast = idx === steps.length - 1;\n const lineColor = step.status === 'completed' ? 'bg-success' : 'bg-border';\n\n return (\n <div key={step.id} className=\"flex min-w-28 flex-1 items-start\">\n <div className=\"flex w-full flex-col items-center\">\n <div className=\"flex w-full items-center\">\n {idx > 0 && (\n <div className={cn(\n 'h-0.5 flex-1',\n steps[idx - 1].status === 'completed' ? 'bg-success' : 'bg-border',\n )} />\n )}\n {idx === 0 && <div className=\"flex-1\" />}\n\n <HorizontalDot status={step.status} stepNumber={idx + 1} />\n\n {!isLast && (\n <div className={cn('h-0.5 flex-1', lineColor)} />\n )}\n {!!isLast && <div className=\"flex-1\" />}\n </div>\n\n {/ Labels below dot — clamped to 2 lines so long step\n names break gracefully instead of pushing the\n row taller. /}\n <div className=\"mt-2 flex w-full flex-col items-center px-1 text-center\">\n <Text\n size=\"xs\"\n weight=\"semibold\"\n className={cn(\n 'leading-snug line-clamp-2',\n step.status === 'upcoming' ? 'text-muted-foreground' : 'text-foreground',\n )}\n >\n {step.title}\n </Text>\n {!!step.description && (\n <Text size=\"xxs\" type=\"secondary\" className=\"mt-0.5 leading-snug line-clamp-2\">\n {step.description}\n </Text>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </div>\n </SmartCard>\n );\n}\n\nStepsHorizontal.displayName = 'StepsHorizontal';\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\nimport { type OrderTimelineEvent, type OrderTimelineCardProps } from './types';\n\nconst timelineStatusDot: Record<OrderTimelineEvent['status'], string> = {\n completed: 'bg-success',\n current: 'bg-primary ring-3 ring-primary/20',\n pending: 'bg-muted',\n};\n\nexport function OrderTimelineCard({ title, description, events, footerText, className }: OrderTimelineCardProps) {\n return (\n <SmartCard title={title} description={description} footerText={footerText} className={cn('order-timeline--component', className)}>\n <div className=\"relative space-y-0\">\n {events.map((event, index) => {\n const isLast = index === events.length - 1;\n\n return (\n <div key={event.id} className=\"relative flex gap-3 pb-4 last:pb-0\">\n {/ Connector line /}\n {!isLast && (\n <div className=\"absolute bottom-0 left-[5px] top-[14px] w-px bg-border\" />\n )}\n\n {/ Dot /}\n <div className=\"relative z-10 mt-[5px] flex-shrink-0\">\n <div className={cn('size-3 rounded-full', timelineStatusDot[event.status])} />\n </div>\n\n {/ Content /}\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-baseline justify-between gap-2\">\n <Text weight=\"medium\" className=\"truncate\">\n {event.title}\n </Text>\n <Text size=\"xxs\" type=\"secondary\" className=\"flex-shrink-0 font-mono tabular-nums\">\n {event.timestamp}\n </Text>\n </div>\n {!!event.description && (\n <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n {event.description}\n </Text>\n )}\n </div>\n </div>\n );\n })}\n </div>\n </SmartCard>\n );\n}\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { PaymentTimelineCardProps } from './types';\n\nexport function PaymentTimelineCard({ events, className }: PaymentTimelineCardProps) {\n return (\n <SmartCard title=\"Payment Timeline\" className={cn('payment-timeline--component', className)}>\n <div className=\"mt-5 space-y-0\">\n {events.map((evt, i) => {\n const Icon = evt.icon;\n return (\n <div key={evt.label} className=\"flex gap-4\">\n <div className=\"flex flex-col items-center\">\n <div\n className={cn(\n 'flex size-8 items-center justify-center rounded-full',\n evt.done ? 'bg-success/20' : 'bg-muted',\n )}\n >\n <Icon className={cn('size-3.5', evt.done ? 'text-success' : 'text-muted-foreground')} />\n </div>\n {i < events.length - 1 && (\n <div className={cn('mt-1 h-8 w-px', evt.done ? 'bg-success/30' : 'bg-border')} />\n )}\n </div>\n <div className=\"pb-6\">\n <Text weight=\"medium\">\n {evt.label}\n </Text>\n <Text size=\"xs\" type=\"secondary\">\n {evt.date}\n </Text>\n {!!evt.amount && (\n <Text size=\"xs\" weight=\"medium\" className=\"mt-0.5 tabular-nums text-success\">\n {evt.amount}\n </Text>\n )}\n </div>\n </div>\n );\n })}\n </div>\n </SmartCard>\n );\n}\n","import type { LucideIcon } from 'lucide-react';\nimport type { ComposedBadgeVariant } from '@/components/base/badge/badge';\nimport type { StringsProp } from '@/lib/strings';\n\nexport interface ActivityStreamItem {\n\tid: string;\n\ticon?: LucideIcon;\n\ticonVariant?: ComposedBadgeVariant;\n\tactor?: string;\n\taction: string;\n\ttarget?: string;\n\ttimestamp: string;\n\tmetadata?: { label: string; value: string }[];\n}\n\nexport interface ActivityStreamStrings {\n\ttitle: string;\n\tempty: string;\n}\n\nexport const defaultActivityStreamStrings: ActivityStreamStrings = {\n\ttitle: 'Activity',\n\tempty: 'No activity yet',\n};\n\nexport interface ActivityStreamCardProps {\n\titems: ActivityStreamItem[];\n\tclassName?: string;\n\tstrings?: StringsProp<ActivityStreamStrings>;\n}\n","/\n ActivityStreamCard — chronological list of icon + actor + action + target items\n * with optional inline metadata. Designed for audit logs / \"what happened\" feeds.\n /\nimport { Activity, Circle } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultActivityStreamStrings,\n\ttype ActivityStreamCardProps,\n} from './types';\n\nconst VARIANT_CLASSES: Record<string, string> = {\n\tprimary: 'bg-primary/10 text-primary',\n\tsecondary: 'bg-secondary text-secondary-foreground',\n\tsuccess: 'bg-success/15 text-success',\n\tinfo: 'bg-info/15 text-info',\n\twarning: 'bg-warning/30 text-warning-foreground',\n\terror: 'bg-destructive/15 text-destructive',\n};\n\nexport function ActivityStreamCard({ items, className, strings: stringsProp }: ActivityStreamCardProps) {\n\tconst strings = useStrings(defaultActivityStreamStrings, stringsProp);\n\n\tif (items.length === 0) {\n\t\treturn (\n\t\t\t<SmartCard icon={<Activity className=\"size-4\" />} title={strings.title} className={cn('activity-stream--component', className)}>\n\t\t\t\t<Text type=\"secondary\" align=\"center\" className=\"py-6\">{strings.empty}</Text>\n\t\t\t</SmartCard>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SmartCard icon={<Activity className=\"size-4\" />} title={strings.title} className={className}>\n\t\t\t<ul className=\"space-y-3\">\n\t\t\t\t{items.map((it, idx) => {\n\t\t\t\t\tconst Icon = it.icon ?? Circle;\n\t\t\t\t\tconst isLast = idx === items.length - 1;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={it.id} className=\"relative flex gap-3\">\n\t\t\t\t\t\t\t<div className=\"relative flex flex-col items-center\">\n\t\t\t\t\t\t\t\t<div className={cn('flex size-7 items-center justify-center rounded-full', VARIANT_CLASSES[it.iconVariant ?? 'primary'])}>\n\t\t\t\t\t\t\t\t\t<Icon className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{!isLast && <div className=\"mt-1 w-px flex-1 bg-border\" />}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1 pb-3\">\n\t\t\t\t\t\t\t\t<div className=\"flex flex-wrap items-baseline gap-x-1.5\">\n\t\t\t\t\t\t\t\t\t{!!it.actor && <Text tag=\"span\" weight=\"semibold\">{it.actor}</Text>}\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">{it.action}</Text>\n\t\t\t\t\t\t\t\t\t{!!it.target && <Text tag=\"span\" weight=\"medium\">{it.target}</Text>}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{!!it.metadata && it.metadata.length > 0 && (\n\t\t\t\t\t\t\t\t\t<div className=\"mt-1 flex flex-wrap gap-x-3 gap-y-0.5\">\n\t\t\t\t\t\t\t\t\t\t{it.metadata.map((m) => (\n\t\t\t\t\t\t\t\t\t\t\t<Text key={m.label} size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"discrete\">{m.label}: </Text>\n\t\t\t\t\t\t\t\t\t\t\t\t{m.value}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"discrete\" className=\"mt-0.5 tabular-nums\">{it.timestamp}</Text>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t</SmartCard>\n\t);\n}\n\nActivityStreamCard.displayName = 'ActivityStreamCard';\n","/\n Timeline — shared base primitive for the composed timeline family.\n \n Renders a vertical, dot-and-line list of events. Each item supports an\n * icon (Lucide component), a status that maps to dot tone, a title row, an\n * optional description block, an optional timestamp, and free-form content\n * via `children`. Use this primitive directly for new timeline variants\n * instead of reinventing the dot/line geometry — see `ChangeLogTimeline`,\n * `MilestonesTimeline`, and the existing OrderTimeline / PaymentTimeline /\n * ActivityStream consumers for examples.\n /\nimport type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport type TimelineStatus =\n\t\| 'completed'\n\t\| 'current'\n\t\| 'pending'\n\t\| 'success'\n\t\| 'warning'\n\t\| 'error'\n\t\| 'neutral';\n\nexport type TimelineDotSize = 'sm' \| 'base' \| 'lg';\n\nexport interface TimelineItem {\n\tid: string;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\ttimestamp?: ReactNode;\n\ticon?: LucideIcon;\n\tstatus?: TimelineStatus;\n\tchildren?: ReactNode;\n}\n\nexport interface TimelineProps {\n\titems: TimelineItem[];\n\tdotSize?: TimelineDotSize;\n\tclassName?: string;\n}\n\nconst DOT_PX: Record<TimelineDotSize, string> = {\n\tsm: 'size-2.5',\n\tbase: 'size-3.5',\n\tlg: 'size-5',\n};\n\nconst ICON_PX: Record<TimelineDotSize, string> = {\n\tsm: 'size-2',\n\tbase: 'size-2.5',\n\tlg: 'size-3',\n};\n\nconst STATUS_TONE: Record<TimelineStatus, { bg: string; text: string; ring: string; line: string }> = {\n\tcompleted: { bg: 'bg-success', text: 'text-success-foreground', ring: 'ring-success/20', line: 'bg-success/40' },\n\tcurrent: { bg: 'bg-primary', text: 'text-primary-foreground', ring: 'ring-primary/30', line: 'bg-primary/40' },\n\tpending: { bg: 'bg-muted', text: 'text-muted-foreground', ring: 'ring-border', line: 'bg-border' },\n\tsuccess: { bg: 'bg-success', text: 'text-success-foreground', ring: 'ring-success/20', line: 'bg-success/40' },\n\twarning: { bg: 'bg-warning', text: 'text-warning-foreground', ring: 'ring-warning/30', line: 'bg-warning/40' },\n\terror: { bg: 'bg-destructive', text: 'text-destructive-foreground', ring: 'ring-destructive/30', line: 'bg-destructive/40' },\n\tneutral: { bg: 'bg-card', text: 'text-foreground', ring: 'ring-border', line: 'bg-border' },\n};\n\nexport function Timeline({ items, dotSize = 'base', className }: TimelineProps) {\n\treturn (\n\t\t<ol className={cn('timeline--component', 'relative space-y-4', className)}>\n\t\t\t{items.map((item, i) => {\n\t\t\t\tconst status = item.status ?? 'neutral';\n\t\t\t\tconst tone = STATUS_TONE[status];\n\t\t\t\tconst Icon = item.icon;\n\t\t\t\tconst isLast = i === items.length - 1;\n\n\t\t\t\treturn (\n\t\t\t\t\t<li key={item.id} className=\"relative flex gap-3\">\n\t\t\t\t\t\t{/ Connector line — fills available space below dot until last /}\n\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'absolute left-[7px] top-4 bottom-[-1rem] w-px',\n\t\t\t\t\t\t\t\t\ttone.line,\n\t\t\t\t\t\t\t\t\tdotSize === 'lg' && 'left-[10px]',\n\t\t\t\t\t\t\t\t\tdotSize === 'sm' && 'left-[5px]',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div className=\"relative z-[1] mt-0.5 flex shrink-0 items-start\">\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'inline-flex items-center justify-center rounded-full ring-2',\n\t\t\t\t\t\t\t\t\ttone.bg,\n\t\t\t\t\t\t\t\t\ttone.text,\n\t\t\t\t\t\t\t\t\ttone.ring,\n\t\t\t\t\t\t\t\t\tDOT_PX[dotSize],\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!Icon && <Icon className={ICON_PX[dotSize]} />}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"min-w-0 flex-1 pb-2\">\n\t\t\t\t\t\t\t<div className=\"flex items-baseline justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text weight=\"medium\" className=\"leading-tight\">\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!item.timestamp && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{item.timestamp}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!item.children && <div className=\"mt-2\">{item.children}</div>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ol>\n\t);\n}\n\nTimeline.displayName = 'Timeline';\n","import type { ReactNode } from 'react';\nimport type { StringsProp } from '@/lib/strings';\n\nexport type ChangelogEntryKind = 'added' \| 'removed' \| 'modified' \| 'fixed';\n\nexport interface ChangelogEntry {\n\tid: string;\n\tkind: ChangelogEntryKind;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tversion?: string;\n\ttimestamp?: string;\n\tauthor?: string;\n}\n\nexport interface ChangelogTimelineStrings {\n\ttitle: string;\n\tadded: string;\n\tremoved: string;\n\tmodified: string;\n\tfixed: string;\n}\n\nexport const defaultChangelogTimelineStrings: ChangelogTimelineStrings = {\n\ttitle: 'Changelog',\n\tadded: 'Added',\n\tremoved: 'Removed',\n\tmodified: 'Modified',\n\tfixed: 'Fixed',\n};\n\nexport interface ChangelogTimelineCardProps {\n\tentries: ChangelogEntry[];\n\tclassName?: string;\n\tstrings?: StringsProp<ChangelogTimelineStrings>;\n}\n","/\n ChangelogTimelineCard — code/release changelog rendered through the shared\n * `Timeline` primitive. Each entry maps a semantic kind (added / removed /\n * modified / fixed) to a colour-coded chip (green / red / amber / blue) plus\n * an optional version label and timestamp. Strings overridable for i18n.\n /\nimport { GitCommit, Minus, Plus, Wrench } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\n\nimport {\n\tTimeline,\n\ttype TimelineItem,\n\ttype TimelineStatus,\n} from '../shared';\nimport {\n\tdefaultChangelogTimelineStrings,\n\ttype ChangelogEntry,\n\ttype ChangelogEntryKind,\n\ttype ChangelogTimelineCardProps,\n} from './types';\n\nimport { cn } from '@/lib/utils';\nconst KIND_TO_STATUS: Record<ChangelogEntryKind, TimelineStatus> = {\n\tadded: 'success',\n\tremoved: 'error',\n\tmodified: 'warning',\n\tfixed: 'current',\n};\n\nconst KIND_TO_BADGE: Record<\n\tChangelogEntryKind,\n\t'success' \| 'error' \| 'warning' \| 'info'\n> = {\n\tadded: 'success',\n\tremoved: 'error',\n\tmodified: 'warning',\n\tfixed: 'info',\n};\n\nconst KIND_ICON = {\n\tadded: Plus,\n\tremoved: Minus,\n\tmodified: Wrench,\n\tfixed: GitCommit,\n} as const;\n\nexport function ChangelogTimelineCard({\n\tentries,\n\tclassName,\n\tstrings: stringsProp,\n}: ChangelogTimelineCardProps) {\n\tconst strings = useStrings(defaultChangelogTimelineStrings, stringsProp);\n\tconst labelByKind: Record<ChangelogEntryKind, string> = {\n\t\tadded: strings.added,\n\t\tremoved: strings.removed,\n\t\tmodified: strings.modified,\n\t\tfixed: strings.fixed,\n\t};\n\n\tconst items: TimelineItem[] = entries.map((entry: ChangelogEntry) => ({\n\t\tid: entry.id,\n\t\ttitle: (\n\t\t\t<span className=\"inline-flex flex-wrap items-center gap-1.5\">\n\t\t\t\t<Badge variant={KIND_TO_BADGE[entry.kind]}>\n\t\t\t\t\t{labelByKind[entry.kind]}\n\t\t\t\t</Badge>\n\t\t\t\t<span>{entry.title}</span>\n\t\t\t\t{!!entry.version && (\n\t\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"secondary\" className=\"font-mono\">\n\t\t\t\t\t\t{entry.version}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t),\n\t\tdescription: entry.author ? (\n\t\t\t<>\n\t\t\t\t{entry.description}\n\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"discrete\" className=\"ml-2\">\n\t\t\t\t\t— {entry.author}\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t) : (\n\t\t\tentry.description\n\t\t),\n\t\ttimestamp: entry.timestamp,\n\t\ticon: KIND_ICON[entry.kind],\n\t\tstatus: KIND_TO_STATUS[entry.kind],\n\t}));\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<GitCommit className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('changelog-timeline--component', className)}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"base\" />\n\t\t</SmartCard>\n\t);\n}\n\nChangelogTimelineCard.displayName = 'ChangelogTimelineCard';\n","import type { ReactNode } from 'react';\nimport type { StringsProp } from '@/lib/strings';\n\nexport type MilestoneStatus = 'completed' \| 'in_progress' \| 'upcoming' \| 'blocked';\n\nexport interface MilestoneItem {\n\tid: string;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tdueDate?: string;\n\tstatus: MilestoneStatus;\n\t/* 0–100; only used when status is `in_progress`. /\n\tprogress?: number;\n}\n\nexport interface MilestonesTimelineStrings {\n\ttitle: string;\n\tcompleted: string;\n\tin_progress: string;\n\tupcoming: string;\n\tblocked: string;\n\tdueOn: string;\n}\n\nexport const defaultMilestonesTimelineStrings: MilestonesTimelineStrings = {\n\ttitle: 'Milestones',\n\tcompleted: 'Completed',\n\tin_progress: 'In progress',\n\tupcoming: 'Upcoming',\n\tblocked: 'Blocked',\n\tdueOn: 'Due',\n};\n\nexport interface MilestonesTimelineCardProps {\n\tmilestones: MilestoneItem[];\n\tclassName?: string;\n\tstrings?: StringsProp<MilestonesTimelineStrings>;\n}\n","/\n MilestonesTimelineCard — project / goal milestones rendered through the\n * shared `Timeline` primitive. Each milestone has a status (completed /\n * in-progress / upcoming / blocked) that drives the dot tone, and an\n * optional `progress` percent that renders an inline progress bar when the\n * milestone is in flight. Strings overridable for i18n.\n */\nimport { Check, Circle, Clock, Flag, X } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tTimeline,\n\ttype TimelineItem,\n\ttype TimelineStatus,\n} from '../shared';\nimport {\n\tdefaultMilestonesTimelineStrings,\n\ttype MilestoneItem,\n\ttype MilestoneStatus,\n\ttype MilestonesTimelineCardProps,\n} from './types';\n\nconst STATUS_TO_TIMELINE: Record<MilestoneStatus, TimelineStatus> = {\n\tcompleted: 'completed',\n\tin_progress: 'current',\n\tupcoming: 'pending',\n\tblocked: 'error',\n};\n\nconst STATUS_ICON = {\n\tcompleted: Check,\n\tin_progress: Clock,\n\tupcoming: Circle,\n\tblocked: X,\n} as const;\n\nconst STATUS_BADGE: Record<MilestoneStatus, 'success' \| 'primary' \| 'secondary' \| 'error'> = {\n\tcompleted: 'success',\n\tin_progress: 'primary',\n\tupcoming: 'secondary',\n\tblocked: 'error',\n};\n\nexport function MilestonesTimelineCard({\n\tmilestones,\n\tclassName,\n\tstrings: stringsProp,\n}: MilestonesTimelineCardProps) {\n\tconst strings = useStrings(defaultMilestonesTimelineStrings, stringsProp);\n\tconst labelByStatus: Record<MilestoneStatus, string> = {\n\t\tcompleted: strings.completed,\n\t\tin_progress: strings.in_progress,\n\t\tupcoming: strings.upcoming,\n\t\tblocked: strings.blocked,\n\t};\n\n\tconst items: TimelineItem[] = milestones.map((m: MilestoneItem) => ({\n\t\tid: m.id,\n\t\ttitle: (\n\t\t\t<span className=\"inline-flex flex-wrap items-center gap-1.5\">\n\t\t\t\t<span>{m.title}</span>\n\t\t\t\t<Badge variant={STATUS_BADGE[m.status]}>\n\t\t\t\t\t{labelByStatus[m.status]}\n\t\t\t\t</Badge>\n\t\t\t</span>\n\t\t),\n\t\tdescription: m.description,\n\t\ttimestamp: m.dueDate ? `${strings.dueOn} ${m.dueDate}` : undefined,\n\t\ticon: STATUS_ICON[m.status],\n\t\tstatus: STATUS_TO_TIMELINE[m.status],\n\t\tchildren:\n\t\t\tm.status === 'in_progress' && typeof m.progress === 'number' ? (\n\t\t\t\t<div className=\"space-y-1\">\n\t\t\t\t\t<div className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn('h-full rounded-full bg-primary transition-[width] duration-300')}\n\t\t\t\t\t\t\tstyle={{ width: `${Math.max(0, Math.min(100, m.progress))}%` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t{Math.round(m.progress)}%\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t) : undefined,\n\t}));\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Flag className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('milestones-timeline--component', className)}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"base\" />\n\t\t</SmartCard>\n\t);\n}\n\nMilestonesTimelineCard.displayName = 'MilestonesTimelineCard';\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/timelines/steps-card/steps-card.tsx","../../../../src/components/composed/timelines/order-timeline/order-timeline.tsx","../../../../src/components/composed/timelines/payment-timeline/payment-timeline.tsx","../../../../src/components/composed/timelines/activity-stream/types.ts","../../../../src/components/composed/timelines/activity-stream/activity-stream.tsx","../../../../src/components/composed/timelines/shared/timeline.tsx","../../../../src/components/composed/timelines/changelog/types.ts","../../../../src/components/composed/timelines/changelog/changelog-timeline.tsx","../../../../src/components/composed/timelines/milestones/types.ts","../../../../src/components/composed/timelines/milestones/milestones-timeline.tsx"],"sourcesContent":["import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { Badge } from '@/components/base/badge/badge';\nimport { cn } from '@/lib/utils';\nimport { Check, Circle, Loader2 } from 'lucide-react';\nimport { type StepStatus, type StepsCardProps, type StepsHorizontalProps } from './types';\n\nconst statusStyles: Record<StepStatus, {\n dot: string;\n line: string;\n title: string;\n Icon: typeof Check;\n}> = {\n completed: {\n dot: 'bg-success text-success-foreground',\n line: 'bg-success',\n title: 'text-foreground',\n Icon: Check,\n },\n current: {\n dot: 'bg-primary text-primary-foreground ring-4 ring-primary/20',\n line: 'bg-border',\n title: 'text-foreground',\n Icon: Loader2,\n },\n upcoming: {\n dot: 'bg-muted text-muted-foreground',\n line: 'bg-border',\n title: 'text-muted-foreground',\n Icon: Circle,\n },\n};\n\nfunction StepIndicator({ status }: { status: StepStatus }) {\n const { dot, Icon } = statusStyles[status];\n const isAnimated = status === 'current';\n\n return (\n <div className={cn('steps-card--component', \n 'relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all',\n dot,\n )}>\n <Icon className={cn('h-4 w-4', isAnimated && 'animate-spin')} />\n </div>\n );\n}\n\n/* ─── Vertical StepsCard (original) ────────────────────────────────────────── /\n\nexport function StepsCard({ title, description, steps, footerText, className }: StepsCardProps) {\n return (\n <SmartCard\n title={title}\n description={description}\n footerText={footerText}\n className={className}\n >\n <div className=\"relative\">\n {steps.map((step, idx) => {\n const isLast = idx === steps.length - 1;\n const { line, title: titleColor } = statusStyles[step.status];\n\n return (\n <div key={step.id} className=\"relative flex gap-4\">\n {/ Vertical line + dot /}\n <div className=\"flex flex-col items-center\">\n <StepIndicator status={step.status} />\n {!isLast && (\n <div className={cn('w-0.5 flex-1 min-h-6', line)} />\n )}\n </div>\n\n {/ Content /}\n <div className={cn('flex-1 pb-6', isLast && 'pb-0')}>\n <div className=\"flex items-center gap-2 pt-1\">\n <Text weight=\"semibold\" className={titleColor}>\n {step.title}\n </Text>\n {!!step.badge && (\n <Badge variant={step.badgeVariant ?? 'secondary'}>\n {step.badge}\n </Badge>\n )}\n </div>\n {!!step.description && (\n <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n {step.description}\n </Text>\n )}\n {!!step.timestamp && (\n <Text size=\"xs\" type=\"discrete\" className=\"mt-1\">\n {step.timestamp}\n </Text>\n )}\n {!!step.content && (\n <div className=\"mt-2\">{step.content}</div>\n )}\n </div>\n </div>\n );\n })}\n </div>\n </SmartCard>\n );\n}\n\nStepsCard.displayName = 'StepsCard';\n\n/──────────────────────────────────────────────────────────────────────────────\n * STEPS HORIZONTAL — Horizontal step bar with connecting lines\n ────────────────────────────────────────────────────────────────────────────/\n\nfunction HorizontalDot({ status, stepNumber }: { status: StepStatus; stepNumber: number }) {\n if (status === 'completed') {\n return (\n <div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground\">\n <Check className=\"h-4 w-4\" />\n </div>\n );\n }\n\n if (status === 'current') {\n return (\n <div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground\">\n <Text weight=\"bold\" className=\"text-primary-foreground\">\n {stepNumber}\n </Text>\n </div>\n );\n }\n\n return (\n <div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border-2 border-muted text-muted-foreground\">\n <Text weight=\"medium\" className=\"text-muted-foreground\">\n {stepNumber}\n </Text>\n </div>\n );\n}\n\nexport function StepsHorizontal({ title, description, steps, footerText, className }: StepsHorizontalProps) {\n return (\n <SmartCard\n title={title}\n description={description}\n footerText={footerText}\n className={className}\n >\n <div className=\"space-y-3 sm:hidden\">\n {steps.map((step, idx) => {\n const isLast = idx === steps.length - 1;\n const lineColor = step.status === 'completed' ? 'bg-success' : 'bg-border';\n\n return (\n <div key={step.id} className=\"flex gap-3\">\n <div className=\"flex flex-col items-center\">\n <HorizontalDot status={step.status} stepNumber={idx + 1} />\n {!isLast && <div className={cn('mt-1 w-0.5 flex-1 min-h-5', lineColor)} />}\n </div>\n <div className={cn('min-w-0 flex-1 pb-2', isLast && 'pb-0')}>\n <Text\n weight=\"semibold\"\n className={cn(\n 'leading-snug',\n step.status === 'upcoming' ? 'text-muted-foreground' : 'text-foreground',\n )}\n >\n {step.title}\n </Text>\n {!!step.description && (\n <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5 line-clamp-2\">\n {step.description}\n </Text>\n )}\n </div>\n </div>\n );\n })}\n </div>\n\n {/* Horizontal scroll wrapper — when total step width exceeds the\n card, this lets users scroll instead of clipping labels. /}\n <div className=\"-mx-1 hidden overflow-x-auto px-1 sm:block\">\n <div className=\"flex min-w-fit items-start\">\n {steps.map((step, idx) => {\n const isLast = idx === steps.length - 1;\n const lineColor = step.status === 'completed' ? 'bg-success' : 'bg-border';\n\n return (\n <div key={step.id} className=\"flex min-w-28 flex-1 items-start\">\n <div className=\"flex w-full flex-col items-center\">\n <div className=\"flex w-full items-center\">\n {idx > 0 && (\n <div className={cn(\n 'h-0.5 flex-1',\n steps[idx - 1].status === 'completed' ? 'bg-success' : 'bg-border',\n )} />\n )}\n {idx === 0 && <div className=\"flex-1\" />}\n\n <HorizontalDot status={step.status} stepNumber={idx + 1} />\n\n {!isLast && (\n <div className={cn('h-0.5 flex-1', lineColor)} />\n )}\n {!!isLast && <div className=\"flex-1\" />}\n </div>\n\n {/ Labels below dot — clamped to 2 lines so long step\n names break gracefully instead of pushing the\n row taller. /}\n <div className=\"mt-2 flex w-full flex-col items-center px-1 text-center\">\n <Text\n size=\"xs\"\n weight=\"semibold\"\n className={cn(\n 'leading-snug line-clamp-2',\n step.status === 'upcoming' ? 'text-muted-foreground' : 'text-foreground',\n )}\n >\n {step.title}\n </Text>\n {!!step.description && (\n <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5 leading-snug line-clamp-2\">\n {step.description}\n </Text>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </div>\n </SmartCard>\n );\n}\n\nStepsHorizontal.displayName = 'StepsHorizontal';\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\nimport { type OrderTimelineEvent, type OrderTimelineCardProps } from './types';\n\nconst timelineStatusDot: Record<OrderTimelineEvent['status'], string> = {\n completed: 'bg-success',\n current: 'bg-primary ring-3 ring-primary/20',\n pending: 'bg-muted',\n};\n\nexport function OrderTimelineCard({ title, description, events, footerText, className }: OrderTimelineCardProps) {\n return (\n <SmartCard title={title} description={description} footerText={footerText} className={cn('order-timeline--component', className)}>\n <div className=\"relative space-y-0\">\n {events.map((event, index) => {\n const isLast = index === events.length - 1;\n\n return (\n <div key={event.id} className=\"relative flex gap-3 pb-4 last:pb-0\">\n {/ Connector line /}\n {!isLast && (\n <div className=\"absolute bottom-0 left-[5px] top-[14px] w-px bg-border\" />\n )}\n\n {/ Dot /}\n <div className=\"relative z-10 mt-[5px] flex-shrink-0\">\n <div className={cn('size-3 rounded-full', timelineStatusDot[event.status])} />\n </div>\n\n {/ Content /}\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-baseline justify-between gap-2\">\n <Text weight=\"medium\" className=\"truncate\">\n {event.title}\n </Text>\n <Text size=\"xs\" type=\"secondary\" className=\"flex-shrink-0 font-mono tabular-nums\">\n {event.timestamp}\n </Text>\n </div>\n {!!event.description && (\n <Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n {event.description}\n </Text>\n )}\n </div>\n </div>\n );\n })}\n </div>\n </SmartCard>\n );\n}\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { PaymentTimelineCardProps } from './types';\n\nexport function PaymentTimelineCard({ events, className }: PaymentTimelineCardProps) {\n return (\n <SmartCard title=\"Payment Timeline\" className={cn('payment-timeline--component', className)}>\n <div className=\"mt-5 space-y-0\">\n {events.map((evt, i) => {\n const Icon = evt.icon;\n return (\n <div key={evt.label} className=\"flex gap-4\">\n <div className=\"flex flex-col items-center\">\n <div\n className={cn(\n 'flex size-8 items-center justify-center rounded-full',\n evt.done ? 'bg-success/20' : 'bg-muted',\n )}\n >\n <Icon className={cn('size-3.5', evt.done ? 'text-success' : 'text-muted-foreground')} />\n </div>\n {i < events.length - 1 && (\n <div className={cn('mt-1 h-8 w-px', evt.done ? 'bg-success/30' : 'bg-border')} />\n )}\n </div>\n <div className=\"pb-6\">\n <Text weight=\"medium\">\n {evt.label}\n </Text>\n <Text size=\"xs\" type=\"secondary\">\n {evt.date}\n </Text>\n {!!evt.amount && (\n <Text size=\"xs\" weight=\"medium\" className=\"mt-0.5 tabular-nums text-success\">\n {evt.amount}\n </Text>\n )}\n </div>\n </div>\n );\n })}\n </div>\n </SmartCard>\n );\n}\n","import type { LucideIcon } from 'lucide-react';\nimport type { ComposedBadgeVariant } from '@/components/base/badge/badge';\nimport type { StringsProp } from '@/lib/strings';\n\nexport interface ActivityStreamItem {\n\tid: string;\n\ticon?: LucideIcon;\n\ticonVariant?: ComposedBadgeVariant;\n\tactor?: string;\n\taction: string;\n\ttarget?: string;\n\ttimestamp: string;\n\tmetadata?: { label: string; value: string }[];\n}\n\nexport interface ActivityStreamStrings {\n\ttitle: string;\n\tempty: string;\n}\n\nexport const defaultActivityStreamStrings: ActivityStreamStrings = {\n\ttitle: 'Activity',\n\tempty: 'No activity yet',\n};\n\nexport interface ActivityStreamCardProps {\n\titems: ActivityStreamItem[];\n\tclassName?: string;\n\tstrings?: StringsProp<ActivityStreamStrings>;\n}\n","/\n ActivityStreamCard — chronological list of icon + actor + action + target items\n * with optional inline metadata. Designed for audit logs / \"what happened\" feeds.\n /\nimport { Activity, Circle } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultActivityStreamStrings,\n\ttype ActivityStreamCardProps,\n} from './types';\n\nconst VARIANT_CLASSES: Record<string, string> = {\n\tprimary: 'bg-primary/10 text-primary',\n\tsecondary: 'bg-secondary text-secondary-foreground',\n\tsuccess: 'bg-success/15 text-success',\n\tinfo: 'bg-info/15 text-info',\n\twarning: 'bg-warning/30 text-warning-foreground',\n\terror: 'bg-destructive/15 text-destructive',\n};\n\nexport function ActivityStreamCard({ items, className, strings: stringsProp }: ActivityStreamCardProps) {\n\tconst strings = useStrings(defaultActivityStreamStrings, stringsProp);\n\n\tif (items.length === 0) {\n\t\treturn (\n\t\t\t<SmartCard icon={<Activity className=\"size-4\" />} title={strings.title} className={cn('activity-stream--component', className)}>\n\t\t\t\t<Text type=\"secondary\" align=\"center\" className=\"py-6\">{strings.empty}</Text>\n\t\t\t</SmartCard>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SmartCard icon={<Activity className=\"size-4\" />} title={strings.title} className={className}>\n\t\t\t<ul className=\"space-y-3\">\n\t\t\t\t{items.map((it, idx) => {\n\t\t\t\t\tconst Icon = it.icon ?? Circle;\n\t\t\t\t\tconst isLast = idx === items.length - 1;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={it.id} className=\"relative flex gap-3\">\n\t\t\t\t\t\t\t<div className=\"relative flex flex-col items-center\">\n\t\t\t\t\t\t\t\t<div className={cn('flex size-7 items-center justify-center rounded-full', VARIANT_CLASSES[it.iconVariant ?? 'primary'])}>\n\t\t\t\t\t\t\t\t\t<Icon className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{!isLast && <div className=\"mt-1 w-px flex-1 bg-border\" />}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1 pb-3\">\n\t\t\t\t\t\t\t\t<div className=\"flex flex-wrap items-baseline gap-x-1.5\">\n\t\t\t\t\t\t\t\t\t{!!it.actor && <Text tag=\"span\" weight=\"semibold\">{it.actor}</Text>}\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">{it.action}</Text>\n\t\t\t\t\t\t\t\t\t{!!it.target && <Text tag=\"span\" weight=\"medium\">{it.target}</Text>}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{!!it.metadata && it.metadata.length > 0 && (\n\t\t\t\t\t\t\t\t\t<div className=\"mt-1 flex flex-wrap gap-x-3 gap-y-0.5\">\n\t\t\t\t\t\t\t\t\t\t{it.metadata.map((m) => (\n\t\t\t\t\t\t\t\t\t\t\t<Text key={m.label} size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"discrete\">{m.label}: </Text>\n\t\t\t\t\t\t\t\t\t\t\t\t{m.value}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"discrete\" className=\"mt-0.5 tabular-nums\">{it.timestamp}</Text>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t</SmartCard>\n\t);\n}\n\nActivityStreamCard.displayName = 'ActivityStreamCard';\n","/\n Timeline — shared base primitive for the composed timeline family.\n \n Renders a vertical, dot-and-line list of events. Each item supports an\n * icon (Lucide component), a status that maps to dot tone, a title row, an\n * optional description block, an optional timestamp, and free-form content\n * via `children`. Use this primitive directly for new timeline variants\n * instead of reinventing the dot/line geometry — see `ChangeLogTimeline`,\n * `MilestonesTimeline`, and the existing OrderTimeline / PaymentTimeline /\n * ActivityStream consumers for examples.\n /\nimport type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport type TimelineStatus =\n\t\| 'completed'\n\t\| 'current'\n\t\| 'pending'\n\t\| 'success'\n\t\| 'warning'\n\t\| 'error'\n\t\| 'neutral';\n\nexport type TimelineDotSize = 'sm' \| 'base' \| 'lg';\n\nexport interface TimelineItem {\n\tid: string;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\ttimestamp?: ReactNode;\n\ticon?: LucideIcon;\n\tstatus?: TimelineStatus;\n\tchildren?: ReactNode;\n}\n\nexport interface TimelineProps {\n\titems: TimelineItem[];\n\tdotSize?: TimelineDotSize;\n\tclassName?: string;\n}\n\nconst DOT_PX: Record<TimelineDotSize, string> = {\n\tsm: 'size-2.5',\n\tbase: 'size-3.5',\n\tlg: 'size-5',\n};\n\nconst ICON_PX: Record<TimelineDotSize, string> = {\n\tsm: 'size-2',\n\tbase: 'size-2.5',\n\tlg: 'size-3',\n};\n\nconst STATUS_TONE: Record<TimelineStatus, { bg: string; text: string; ring: string; line: string }> = {\n\tcompleted: { bg: 'bg-success', text: 'text-success-foreground', ring: 'ring-success/20', line: 'bg-success/40' },\n\tcurrent: { bg: 'bg-primary', text: 'text-primary-foreground', ring: 'ring-primary/30', line: 'bg-primary/40' },\n\tpending: { bg: 'bg-muted', text: 'text-muted-foreground', ring: 'ring-border', line: 'bg-border' },\n\tsuccess: { bg: 'bg-success', text: 'text-success-foreground', ring: 'ring-success/20', line: 'bg-success/40' },\n\twarning: { bg: 'bg-warning', text: 'text-warning-foreground', ring: 'ring-warning/30', line: 'bg-warning/40' },\n\terror: { bg: 'bg-destructive', text: 'text-destructive-foreground', ring: 'ring-destructive/30', line: 'bg-destructive/40' },\n\tneutral: { bg: 'bg-card', text: 'text-foreground', ring: 'ring-border', line: 'bg-border' },\n};\n\nexport function Timeline({ items, dotSize = 'base', className }: TimelineProps) {\n\treturn (\n\t\t<ol className={cn('timeline--component', 'relative space-y-4', className)}>\n\t\t\t{items.map((item, i) => {\n\t\t\t\tconst status = item.status ?? 'neutral';\n\t\t\t\tconst tone = STATUS_TONE[status];\n\t\t\t\tconst Icon = item.icon;\n\t\t\t\tconst isLast = i === items.length - 1;\n\n\t\t\t\treturn (\n\t\t\t\t\t<li key={item.id} className=\"relative flex gap-3\">\n\t\t\t\t\t\t{/ Connector line — fills available space below dot until last /}\n\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'absolute left-[7px] top-4 bottom-[-1rem] w-px',\n\t\t\t\t\t\t\t\t\ttone.line,\n\t\t\t\t\t\t\t\t\tdotSize === 'lg' && 'left-[10px]',\n\t\t\t\t\t\t\t\t\tdotSize === 'sm' && 'left-[5px]',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div className=\"relative z-[1] mt-0.5 flex shrink-0 items-start\">\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'inline-flex items-center justify-center rounded-full ring-2',\n\t\t\t\t\t\t\t\t\ttone.bg,\n\t\t\t\t\t\t\t\t\ttone.text,\n\t\t\t\t\t\t\t\t\ttone.ring,\n\t\t\t\t\t\t\t\t\tDOT_PX[dotSize],\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!Icon && <Icon className={ICON_PX[dotSize]} />}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"min-w-0 flex-1 pb-2\">\n\t\t\t\t\t\t\t<div className=\"flex items-baseline justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text weight=\"medium\" className=\"leading-tight\">\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!item.timestamp && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{item.timestamp}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!item.children && <div className=\"mt-2\">{item.children}</div>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ol>\n\t);\n}\n\nTimeline.displayName = 'Timeline';\n","import type { ReactNode } from 'react';\nimport type { StringsProp } from '@/lib/strings';\n\nexport type ChangelogEntryKind = 'added' \| 'removed' \| 'modified' \| 'fixed';\n\nexport interface ChangelogEntry {\n\tid: string;\n\tkind: ChangelogEntryKind;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tversion?: string;\n\ttimestamp?: string;\n\tauthor?: string;\n}\n\nexport interface ChangelogTimelineStrings {\n\ttitle: string;\n\tadded: string;\n\tremoved: string;\n\tmodified: string;\n\tfixed: string;\n}\n\nexport const defaultChangelogTimelineStrings: ChangelogTimelineStrings = {\n\ttitle: 'Changelog',\n\tadded: 'Added',\n\tremoved: 'Removed',\n\tmodified: 'Modified',\n\tfixed: 'Fixed',\n};\n\nexport interface ChangelogTimelineCardProps {\n\tentries: ChangelogEntry[];\n\tclassName?: string;\n\tstrings?: StringsProp<ChangelogTimelineStrings>;\n}\n","/\n ChangelogTimelineCard — code/release changelog rendered through the shared\n * `Timeline` primitive. Each entry maps a semantic kind (added / removed /\n * modified / fixed) to a colour-coded chip (green / red / amber / blue) plus\n * an optional version label and timestamp. Strings overridable for i18n.\n /\nimport { GitCommit, Minus, Plus, Wrench } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\n\nimport {\n\tTimeline,\n\ttype TimelineItem,\n\ttype TimelineStatus,\n} from '../shared';\nimport {\n\tdefaultChangelogTimelineStrings,\n\ttype ChangelogEntry,\n\ttype ChangelogEntryKind,\n\ttype ChangelogTimelineCardProps,\n} from './types';\n\nimport { cn } from '@/lib/utils';\nconst KIND_TO_STATUS: Record<ChangelogEntryKind, TimelineStatus> = {\n\tadded: 'success',\n\tremoved: 'error',\n\tmodified: 'warning',\n\tfixed: 'current',\n};\n\nconst KIND_TO_BADGE: Record<\n\tChangelogEntryKind,\n\t'success' \| 'error' \| 'warning' \| 'info'\n> = {\n\tadded: 'success',\n\tremoved: 'error',\n\tmodified: 'warning',\n\tfixed: 'info',\n};\n\nconst KIND_ICON = {\n\tadded: Plus,\n\tremoved: Minus,\n\tmodified: Wrench,\n\tfixed: GitCommit,\n} as const;\n\nexport function ChangelogTimelineCard({\n\tentries,\n\tclassName,\n\tstrings: stringsProp,\n}: ChangelogTimelineCardProps) {\n\tconst strings = useStrings(defaultChangelogTimelineStrings, stringsProp);\n\tconst labelByKind: Record<ChangelogEntryKind, string> = {\n\t\tadded: strings.added,\n\t\tremoved: strings.removed,\n\t\tmodified: strings.modified,\n\t\tfixed: strings.fixed,\n\t};\n\n\tconst items: TimelineItem[] = entries.map((entry: ChangelogEntry) => ({\n\t\tid: entry.id,\n\t\ttitle: (\n\t\t\t<span className=\"inline-flex flex-wrap items-center gap-1.5\">\n\t\t\t\t<Badge variant={KIND_TO_BADGE[entry.kind]}>\n\t\t\t\t\t{labelByKind[entry.kind]}\n\t\t\t\t</Badge>\n\t\t\t\t<span>{entry.title}</span>\n\t\t\t\t{!!entry.version && (\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"font-mono\">\n\t\t\t\t\t\t{entry.version}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t),\n\t\tdescription: entry.author ? (\n\t\t\t<>\n\t\t\t\t{entry.description}\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"discrete\" className=\"ml-2\">\n\t\t\t\t\t— {entry.author}\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t) : (\n\t\t\tentry.description\n\t\t),\n\t\ttimestamp: entry.timestamp,\n\t\ticon: KIND_ICON[entry.kind],\n\t\tstatus: KIND_TO_STATUS[entry.kind],\n\t}));\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<GitCommit className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('changelog-timeline--component', className)}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"base\" />\n\t\t</SmartCard>\n\t);\n}\n\nChangelogTimelineCard.displayName = 'ChangelogTimelineCard';\n","import type { ReactNode } from 'react';\nimport type { StringsProp } from '@/lib/strings';\n\nexport type MilestoneStatus = 'completed' \| 'in_progress' \| 'upcoming' \| 'blocked';\n\nexport interface MilestoneItem {\n\tid: string;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tdueDate?: string;\n\tstatus: MilestoneStatus;\n\t/* 0–100; only used when status is `in_progress`. /\n\tprogress?: number;\n}\n\nexport interface MilestonesTimelineStrings {\n\ttitle: string;\n\tcompleted: string;\n\tin_progress: string;\n\tupcoming: string;\n\tblocked: string;\n\tdueOn: string;\n}\n\nexport const defaultMilestonesTimelineStrings: MilestonesTimelineStrings = {\n\ttitle: 'Milestones',\n\tcompleted: 'Completed',\n\tin_progress: 'In progress',\n\tupcoming: 'Upcoming',\n\tblocked: 'Blocked',\n\tdueOn: 'Due',\n};\n\nexport interface MilestonesTimelineCardProps {\n\tmilestones: MilestoneItem[];\n\tclassName?: string;\n\tstrings?: StringsProp<MilestonesTimelineStrings>;\n}\n","/\n MilestonesTimelineCard — project / goal milestones rendered through the\n * shared `Timeline` primitive. Each milestone has a status (completed /\n * in-progress / upcoming / blocked) that drives the dot tone, and an\n * optional `progress` percent that renders an inline progress bar when the\n * milestone is in flight. Strings overridable for i18n.\n */\nimport { Check, Circle, Clock, Flag, X } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tTimeline,\n\ttype TimelineItem,\n\ttype TimelineStatus,\n} from '../shared';\nimport {\n\tdefaultMilestonesTimelineStrings,\n\ttype MilestoneItem,\n\ttype MilestoneStatus,\n\ttype MilestonesTimelineCardProps,\n} from './types';\n\nconst STATUS_TO_TIMELINE: Record<MilestoneStatus, TimelineStatus> = {\n\tcompleted: 'completed',\n\tin_progress: 'current',\n\tupcoming: 'pending',\n\tblocked: 'error',\n};\n\nconst STATUS_ICON = {\n\tcompleted: Check,\n\tin_progress: Clock,\n\tupcoming: Circle,\n\tblocked: X,\n} as const;\n\nconst STATUS_BADGE: Record<MilestoneStatus, 'success' \| 'primary' \| 'secondary' \| 'error'> = {\n\tcompleted: 'success',\n\tin_progress: 'primary',\n\tupcoming: 'secondary',\n\tblocked: 'error',\n};\n\nexport function MilestonesTimelineCard({\n\tmilestones,\n\tclassName,\n\tstrings: stringsProp,\n}: MilestonesTimelineCardProps) {\n\tconst strings = useStrings(defaultMilestonesTimelineStrings, stringsProp);\n\tconst labelByStatus: Record<MilestoneStatus, string> = {\n\t\tcompleted: strings.completed,\n\t\tin_progress: strings.in_progress,\n\t\tupcoming: strings.upcoming,\n\t\tblocked: strings.blocked,\n\t};\n\n\tconst items: TimelineItem[] = milestones.map((m: MilestoneItem) => ({\n\t\tid: m.id,\n\t\ttitle: (\n\t\t\t<span className=\"inline-flex flex-wrap items-center gap-1.5\">\n\t\t\t\t<span>{m.title}</span>\n\t\t\t\t<Badge variant={STATUS_BADGE[m.status]}>\n\t\t\t\t\t{labelByStatus[m.status]}\n\t\t\t\t</Badge>\n\t\t\t</span>\n\t\t),\n\t\tdescription: m.description,\n\t\ttimestamp: m.dueDate ? `${strings.dueOn} ${m.dueDate}` : undefined,\n\t\ticon: STATUS_ICON[m.status],\n\t\tstatus: STATUS_TO_TIMELINE[m.status],\n\t\tchildren:\n\t\t\tm.status === 'in_progress' && typeof m.progress === 'number' ? (\n\t\t\t\t<div className=\"space-y-1\">\n\t\t\t\t\t<div className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn('h-full rounded-full bg-primary transition-[width] duration-300')}\n\t\t\t\t\t\t\tstyle={{ width: `${Math.max(0, Math.min(100, m.progress))}%` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t{Math.round(m.progress)}%\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t) : undefined,\n\t}));\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Flag className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('milestones-timeline--component', className)}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"base\" />\n\t\t</SmartCard>\n\t);\n}\n\nMilestonesTimelineCard.displayName = 'MilestonesTimelineCard';\n"],"mappings":"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"}

package/dist/components/features/activities/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../_shared/ui-provider-DZWtUXf2.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-BMiPFJIb.cjs"),i=require("../../../_shared/typography-GtkgK9QX.cjs"),a=require("../../../_shared/badge-B8xGFpfM.cjs"),o=require("../../../_shared/cards-Cu6p1Brd.cjs"),s=require("../../../_shared/dropdown-menu-CHQzQWUK.cjs");let c=require("react"),l=require("date-fns"),u=require("react/jsx-runtime"),d=require("lucide-react");var f={icon:d.CircleDot,tone:`neutral`},p={created:{icon:d.Plus,tone:`success`,label:`Created`},updated:{icon:d.Pencil,tone:`info`,label:`Updated`},edited:{icon:d.FileEdit,tone:`info`,label:`Edited`},deleted:{icon:d.Trash2,tone:`destructive`,label:`Deleted`},cancelled:{icon:d.Ban,tone:`destructive`,label:`Cancelled`},restored:{icon:d.Sparkles,tone:`success`,label:`Restored`},status_changed:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_transition:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_override:{icon:d.ArrowLeftRight,tone:`warning`,label:`Status overridden`},assigned:{icon:d.UserPlus,tone:`info`,label:`Assigned`},unassigned:{icon:d.UserMinus,tone:`destructive`,label:`Unassigned`},mail_sent:{icon:d.Mail,tone:`info`,label:`Email sent`},mail_delivered:{icon:d.MailCheck,tone:`success`,label:`Email delivered`},mail_opened:{icon:d.MailOpen,tone:`info`,label:`Email opened`},mail_clicked:{icon:d.MailOpen,tone:`info`,label:`Email clicked`},mail_bounced:{icon:d.MailX,tone:`destructive`,label:`Email bounced`},mail_failed:{icon:d.MailX,tone:`destructive`,label:`Email failed`},comment_created:{icon:d.MessageSquare,tone:`warning`,label:`Comment posted`},comment_deleted:{icon:d.MessageSquare,tone:`destructive`,label:`Comment deleted`},paid:{icon:d.Check,tone:`success`,label:`Paid`},refunded:{icon:d.ArrowLeftRight,tone:`warning`,label:`Refunded`},confirmed:{icon:d.ShieldCheck,tone:`success`,label:`Confirmed`},favorited:{icon:d.Heart,tone:`warning`,label:`Favorited`},ordered:{icon:d.ShoppingBag,tone:`primary`,label:`Order placed`},published:{icon:d.Star,tone:`success`,label:`Published`},flagged:{icon:d.Flag,tone:`warning`,label:`Flagged`},linked:{icon:d.LinkIcon,tone:`info`,label:`Linked`},failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Failed`},health_check_failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Health check failed`}};function m(e,t){return t[e]??f}var h={title:`Activity`,empty:`No activity yet.`,loading:`Loading activity…`,today:`Today`,yesterday:`Yesterday`,undated:`Undated`,you:`You`,showChanges:`Show changes`,hideChanges:`Hide changes`,actionsLabel:`Activity actions`,moreLabel:`More`,sources:{comment:`Comment`,mail:`Mail`,booking_log:`Booking log`,activity_log:``,system:`System`},events:{}};function g(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function _(e,t,n){if(!e)return t.undated;let r=new Date(e);if((0,l.isToday)(r))return t.today;if((0,l.isYesterday)(r))return t.yesterday;try{return new Intl.DateTimeFormat(n,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}catch{return new Intl.DateTimeFormat(void 0,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}}function v({activities:e,groupByDate:t=!0,expandedByDefault:n=!1,locale:r,strings:i,formatDateGroupLabel:a}){let[o,s]=(0,c.useState)({}),l=(0,c.useMemo)(()=>{let t=new Map;return e.map(e=>{let n=[String(e.id??``).trim(),String(e.createdAt??``).trim(),String(e.event??``).trim(),String(e.source??``).trim()].join(`:`),r=(t.get(n)??0)+1;return t.set(n,r),{activity:e,key:`${n}:${r}`}})},[e]),u=(0,c.useMemo)(()=>{if(!t)return l.length>0?[{label:``,items:l}]:[];let e=[],n=`__init__`,o=[],s=e=>a?a(e,i):_(e,i,r);for(let t of l){let r=s(t.activity.createdAt??null);r===n?o.push(t):(o.length>0&&e.push({label:n,items:o}),n=r,o=[t])}return o.length>0&&e.push({label:n,items:o}),e},[l,t,r,i,a]),d=(0,c.useCallback)(e=>o[e]??n,[o,n]),f=(0,c.useCallback)(e=>{s(t=>({...t,[e]:!(t[e]??!1)}))},[]),p=(0,c.useCallback)((e,t)=>{s(n=>({...n,[e]:t}))},[]),m=(0,c.useCallback)(()=>{let e={};for(let t of l)e[t.activity.id]=!0;s(e)},[l]),h=(0,c.useCallback)(()=>s({}),[]);return{groups:u,total:l.length,isExpanded:d,toggleExpanded:f,setExpanded:p,expandAll:m,collapseAll:h}}function y({resources:e,onResourcesChange:t}={}){let[n,r]=(0,c.useState)(()=>e??{}),i=(0,c.useRef)(e);(0,c.useEffect)(()=>{e!==i.current&&(i.current=e,r(e??{}))},[e]);let a=(0,c.useRef)(t);(0,c.useEffect)(()=>{a.current=t},[t]);let o=(0,c.useCallback)(e=>{a.current?.(e)},[]),s=(0,c.useCallback)((e,t)=>{r(n=>{let r={...n,[e]:t};return o(r),r})},[o]),l=(0,c.useCallback)((e,t)=>{r(n=>{let r=n[e];if(!r)return n;let i={...n,[e]:{...r,...t}};return o(i),i})},[o]),u=(0,c.useCallback)(e=>{r(t=>{if(!(e in t))return t;let n={...t};return delete n[e],o(n),n})},[o]),d=(0,c.useCallback)(e=>{r(e),o(e)},[o]),f=(0,c.useCallback)(()=>{let e=i.current??{};r(e),o(e)},[o]);return{registry:n,get:(0,c.useCallback)(e=>n[typeof e==`string`?e:e.key],[n]),register:s,update:l,remove:u,setAll:d,reset:f}}function b({activity:e,actions:t,onAction:n,label:i}){return t.length===0?null:(0,u.jsxs)(s.t,{children:[(0,u.jsx)(s.g,{render:e=>(0,u.jsx)(r.t,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":i,className:`h-7 w-7 text-muted-foreground`,children:(0,u.jsx)(d.MoreHorizontal,{className:`size-4`})})}),(0,u.jsx)(s.r,{align:`end`,className:`min-w-40`,children:t.map(t=>{let r=t.icon;return(0,u.jsxs)(s.a,{onClick:()=>{t.disabled||(t.onClick(e),n?.(t.id,e))},disabled:t.disabled,variant:t.tone===`destructive`?`destructive`:`default`,className:`gap-2 px-2 py-1.5 text-xs`,children:[!!r&&(0,u.jsx)(r,{className:`size-3.5`}),t.label]},t.id)})})]})}function x({change:e}){let t=e.old!==null&&e.old!==void 0,n=e.new!==null&&e.new!==void 0;return!t&&!n?(0,u.jsx)(i.s,{size:`xs`,tag:`span`,children:e.description}):(0,u.jsxs)(i.s,{tag:`span`,size:`xs`,className:`inline-flex flex-wrap items-baseline gap-1`,children:[!!t&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,className:`rounded bg-destructive/10 text-destructive line-through px-1 py-px`,children:e.old}),t&&n&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,children:`→`}),!!n&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,className:`rounded bg-success/15 text-success px-1 py-px`,children:e.new})]})}function S({changes:e,className:t}){return e.length===0?null:(0,u.jsx)(`div`,{className:n.cn(`space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2`,t),children:e.map(e=>(0,u.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,u.jsx)(i.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`shrink-0`,children:e.label}),(0,u.jsx)(x,{change:e})]},`${e.key}-${e.label}`))})}function C({label:e,isFirst:t,className:r}){return e===``?null:(0,u.jsx)(i.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:n.cn(`uppercase tracking-wider`,!t&&`mt-5`,r),children:e})}function w({title:e,hint:t,className:r}){return(0,u.jsxs)(`div`,{className:n.cn(`flex flex-col items-center justify-center gap-2 px-6 py-10 text-center`,r),children:[(0,u.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:(0,u.jsx)(d.Activity,{className:`size-4`})}),(0,u.jsx)(i.s,{weight:`medium`,children:e}),!!t&&(0,u.jsx)(i.s,{size:`xs`,type:`secondary`,children:t})]})}var T={primary:{bg:`bg-primary/10`,fg:`text-primary`,dot:`bg-primary`,line:`bg-primary/30`,chipBg:`bg-primary/5`,chipFg:`text-primary`},success:{bg:`bg-success/10`,fg:`text-success`,dot:`bg-success`,line:`bg-success/30`,chipBg:`bg-success/10`,chipFg:`text-success`},warning:{bg:`bg-warning/30`,fg:`text-warning-foreground`,dot:`bg-warning`,line:`bg-warning/40`,chipBg:`bg-warning/30`,chipFg:`text-warning-foreground`},destructive:{bg:`bg-destructive/10`,fg:`text-destructive`,dot:`bg-destructive`,line:`bg-destructive/30`,chipBg:`bg-destructive/10`,chipFg:`text-destructive`},info:{bg:`bg-info/10`,fg:`text-info`,dot:`bg-info`,line:`bg-info/30`,chipBg:`bg-info/10`,chipFg:`text-info`},neutral:{bg:`bg-muted`,fg:`text-muted-foreground`,dot:`bg-muted-foreground/60`,line:`bg-border`,chipBg:`bg-muted`,chipFg:`text-muted-foreground`}},E={primary:`primary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,neutral:`secondary`};function D({resource:e,config:t,fallbackText:o,onClick:s}){let c=T[t?.tone??`neutral`],l=t?.icon??d.CircleDot,f=t?.label??o??e.label??e.key,p=typeof s==`function`,m=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(l,{className:n.cn(`size-icon-sm shrink-0`,c.fg)}),(0,u.jsx)(i.s,{tag:`span`,size:`inherit`,weight:`medium`,className:c.chipFg,children:f}),!!t?.tags&&t.tags.length>0&&(0,u.jsx)(i.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`ml-space-2xs border-l border-current/20 pl-space-sm`,children:t.tags.join(` · `)}),!!t?.badge&&(0,u.jsx)(a.t,{inline:!0,variant:E[t.badge.tone??`neutral`],className:`ml-space-2xs`,children:t.badge.label})]}),h=n.cn(`inline-flex items-center gap-space-sm rounded-full px-space-md py-space-2xs align-baseline text-xxs`,`border border-border/60`,c.chipBg,p&&`cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`);return p?(0,u.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:e=>{e.stopPropagation(),s?.()},className:n.cn(h,`h-auto rounded-full`),title:t?.note,children:m}):(0,u.jsx)(`span`,{className:h,title:t?.note,children:m})}function O({actorId:e,text:t,href:n,activity:a,youLabel:o,currentUserId:s,onActorClick:c}){let l=s!==void 0&&e!==void 0&&s===e?o:t,d=a.actor??{id:e,name:t};return n?(0,u.jsx)(`a`,{href:n,onClick:e=>{c&&(e.preventDefault(),e.stopPropagation(),c(d,a))},className:`font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):c?(0,u.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:e=>{e.stopPropagation(),c(d,a)},className:`h-auto rounded px-0 py-0 font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):(0,u.jsx)(i.s,{tag:`span`,weight:`semibold`,children:l})}function k(e,t){return e.map((e,n)=>{let r=`seg-${n}-${e.type}`;switch(e.type){case`actor`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(O,{actorId:e.actorId,text:e.text,href:e.href,activity:t.activity,youLabel:t.youLabel,currentUserId:t.currentUserId,onActorClick:t.onActorClick}),` `]},r);case`field`:case`value`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(i.s,{tag:`span`,weight:`semibold`,children:e.text}),` `]},r);case`status`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(a.t,{inline:!0,variant:E[e.tone??`neutral`],children:e.text}),` `]},r);case`resource`:{let n=t.getResourceConfig?.(e.resource);return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(D,{resource:e.resource,config:n,fallbackText:e.text,onClick:t.onResourceClick?()=>t.onResourceClick?.(e.resource,n,t.activity):void 0}),` `]},r)}default:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(i.s,{tag:`span`,children:e.text}),` `]},r)}})}function A(e){let{activity:t}=e,n=t.headline??t.event,r=t.actor?.name;if(!r||!n.includes(r))return(0,u.jsx)(i.s,{tag:`span`,children:n});let[a,...o]=n.split(r);return(0,u.jsxs)(u.Fragment,{children:[!!a&&(0,u.jsx)(i.s,{tag:`span`,children:a}),(0,u.jsx)(O,{actorId:t.actor?.id,text:r,href:t.actor?.href,activity:t,youLabel:e.youLabel,currentUserId:e.currentUserId,onActorClick:e.onActorClick}),o.length>0&&(0,u.jsx)(i.s,{tag:`span`,children:o.join(r)})]})}function j(e){let t=e.activity.segments;return t&&t.length>0?(0,u.jsx)(`span`,{className:`leading-snug [&>span]:leading-snug`,children:k(t,e)}):(0,u.jsx)(`span`,{className:`leading-snug`,children:A(e)})}function M({icon:e,tone:t,density:r,isLast:i}){let a=T[t];return r===`compact`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1.5 size-2 shrink-0 rounded-full`,a.dot)}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):r===`rich`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3.5`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-5 shrink-0 items-center justify-center rounded-full`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]})}function N(e){let{activity:t,density:o,eventConfig:s,tone:c,isLast:l,expanded:f,onToggleExpanded:p,relativeTime:m,absoluteTime:h,sourceLabel:g,youLabel:_,showChangesLabel:v,hideChangesLabel:y,actionsLabel:x,currentUserId:C,actions:w,onActivityClick:T,onActorClick:E,onResourceClick:O,onAction:k,getResourceConfig:A,headlineOverride:N,markerOverride:P}=e,F=t.iconOverride??s.icon,I=(t.changes?.length??0)>0,L=(t.metadata?.length??0)>0,R=(t.resources?.length??0)>0,z=t.description!==void 0&&t.description!==null&&t.description!==``,B=o!==`compact`,V=o===`rich`,H=N??(0,u.jsx)(j,{activity:t,currentUserId:C,youLabel:_,onActorClick:E,onResourceClick:O,getResourceConfig:A}),U=P??(0,u.jsx)(M,{icon:F,tone:c,density:o,isLast:l}),W=typeof T==`function`,G=I||R||w.length>0||typeof E==`function`||typeof O==`function`,K=W&&!G;return(0,u.jsxs)(`div`,{className:n.cn(`relative flex gap-space-lg`,W&&`cursor-pointer rounded-md hover:bg-muted/40`),onClick:W?()=>T?.(t):void 0,role:K?`button`:void 0,tabIndex:K?0:void 0,onKeyDown:K?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),T?.(t))}:void 0,children:[U,(0,u.jsxs)(`div`,{className:n.cn(`min-w-0 flex-1`,!l&&(o===`rich`?`pb-row-y-lg`:o===`compact`?`pb-row-y`:`pb-row-y-lg`)),children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-space-sm sm:flex-row sm:items-start sm:justify-between sm:gap-space-lg`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-sm`,children:[(0,u.jsx)(i.s,{tag:`span`,size:`inherit`,lineHeight:`snug`,children:H}),!!g&&(0,u.jsx)(a.t,{inline:!0,variant:`secondary`,children:g}),V&&I&&(0,u.jsx)(r.t,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,className:`h-5 w-5 text-muted-foreground`,onClick:e=>{e.stopPropagation(),p()},title:f?y:v,"aria-label":f?y:v,"aria-expanded":f,children:f?(0,u.jsx)(d.ChevronDown,{className:`size-3.5`}):(0,u.jsx)(d.ChevronRight,{className:`size-3.5`})})]}),(0,u.jsxs)(`div`,{className:`flex shrink-0 items-center gap-space-sm`,children:[!!m&&(0,u.jsx)(i.s,{size:`inherit`,type:`secondary`,className:`whitespace-nowrap tabular-nums pt-space-2xs text-xxs`,title:h??void 0,children:m}),V&&w.length>0&&(0,u.jsx)(b,{activity:t,actions:w,onAction:k,label:x})]})]}),!!B&&z&&(0,u.jsx)(i.s,{tag:`div`,size:`inherit`,type:`secondary`,className:`mt-space-sm text-xs`,children:t.description}),!!V&&L&&t.metadata&&(0,u.jsx)(`div`,{className:`mt-space-md flex flex-wrap gap-x-space-lg gap-y-space-sm`,children:t.metadata.map(e=>(0,u.jsxs)(i.s,{size:`inherit`,type:`secondary`,className:`text-xs`,children:[(0,u.jsxs)(i.s,{tag:`span`,size:`inherit`,type:`discrete`,className:`text-xxs`,children:[e.label,`:`,` `]}),e.value]},e.label))}),!!V&&R&&t.resources&&(0,u.jsx)(`div`,{className:`mt-space-md flex flex-wrap gap-space-sm`,children:t.resources.map(e=>{let n=A?.(e);return(0,u.jsx)(D,{resource:e,config:n,onClick:O?()=>O(e,n,t):void 0},e.key)})}),!!V&&I&&f&&t.changes&&(0,u.jsx)(`div`,{className:`mt-space-md`,children:(0,u.jsx)(S,{changes:t.changes})})]})]})}function P(e,t){try{return new Intl.DateTimeFormat(t,{dateStyle:`medium`,timeStyle:`short`}).format(new Date(e))}catch{return e}}function F(e,t){return e.toneOverride??t}function I(r){let{activities:a=[],density:o=`default`,groupByDate:s=!0,expandedByDefault:l=!1,currentUserId:d,loading:f=!1,eventConfig:g,strings:_,slots:b,className:x,locale:S,formatRelativeTime:T,formatAbsoluteTime:E,formatDateGroupLabel:D,getEventLabel:O,getSourceLabel:k,actionsForActivity:A,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,resources:R,onResourcesChange:z}=r,B=e.useStrings(h,_),V=(0,c.useMemo)(()=>({...p,...g}),[g]),H=y({resources:R,onResourcesChange:z}),U=v({activities:a,groupByDate:s,expandedByDefault:l,locale:S,strings:B,formatDateGroupLabel:D}),{formatRelativeTime:W}=t.i(),G=T??W??(e=>e),K=E??(e=>P(e,S));if(f)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-4`,x),children:b?.loading??(0,u.jsx)(i.s,{type:`secondary`,align:`center`,children:B.loading})});if(a.length===0)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-2`,x),children:b?.empty??(0,u.jsx)(w,{title:B.empty})});let q=U.groups.reduce((e,t)=>e+t.items.length,0),J=0;return(0,u.jsxs)(`div`,{className:n.cn(`activities-feed--component flex flex-col`,x),children:[!!b?.header&&(0,u.jsx)(`div`,{className:`mb-3`,children:b.header}),(0,u.jsx)(`div`,{className:`flex flex-col`,children:U.groups.map((e,t)=>{let r=t===0;return(0,u.jsxs)(`div`,{className:n.cn(r?``:`mt-1`),children:[b?.renderDateLabel?b.renderDateLabel(e.label,r):(0,u.jsx)(C,{label:e.label,isFirst:r,className:r?``:`mb-2`}),(0,u.jsx)(`div`,{className:n.cn(`flex flex-col`,!!e.label&&`mt-2`),children:e.items.map((e,t)=>{let n=e.activity,r=t===0,i=++J===q,a=m(n.event,V),s=F(n,a.tone),c=n.timestamp??(n.createdAt?G(n.createdAt):null),l=n.createdAt?K(n.createdAt):null,f=n.source?k?.(n.source)??B.sources[n.source]??a.sourceLabel??null:a.sourceLabel??null,p=f&&f.trim().length>0?f:null,h=A?.(n)??[],g={density:o,isLast:i,isFirstInGroup:r,activity:n,eventConfig:a,tone:s,relativeTime:c,absoluteTime:l,sourceLabel:p,expanded:U.isExpanded(n.id),toggleExpanded:()=>U.toggleExpanded(n.id)},_=b?.renderRow?.(n,g);if(_!==void 0)return(0,u.jsx)(`div`,{children:_},e.key);let v=b?.renderHeadline?.(n,g),y=b?.renderMarker?.(n,g);return(0,u.jsx)(N,{activity:n,density:o,eventConfig:a,tone:s,isLast:i,expanded:g.expanded,onToggleExpanded:g.toggleExpanded,relativeTime:c,absoluteTime:l,sourceLabel:p,youLabel:B.you,showChangesLabel:B.showChanges,hideChangesLabel:B.hideChanges,actionsLabel:B.actionsLabel,currentUserId:d,actions:h,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,getResourceConfig:e=>H.get(e),headlineOverride:v,markerOverride:y},e.key)})})]},`${e.label}-${t}`)})}),!!b?.footer&&(0,u.jsx)(`div`,{className:`mt-3`,children:b.footer})]})}I.displayName=`ActivityFeed`;function L({title:t,titleSuffix:n,description:r,padding:i=`default`,composerSlot:a,className:s,strings:c,slots:l,...f}){let p=e.useStrings(h,c),m=t??p.title;return(0,u.jsx)(o.t,{icon:(0,u.jsx)(d.Activity,{className:`size-4`}),title:m,titleSuffix:n,description:r,padding:i,className:s,children:(0,u.jsx)(I,{...f,strings:c,slots:{...l,header:a??l?.header}})})}L.displayName=`ActivityFeedCard`,exports.ACTIVITY_TONE=T,exports.ActivityActionsMenu=b,exports.ActivityChanges=S,exports.ActivityDateLabel=C,exports.ActivityEmptyState=w,exports.ActivityFeed=I,exports.ActivityFeedCard=L,exports.ActivityHeadline=j,exports.ActivityMarker=M,exports.ActivityResourceTag=D,exports.ActivityRow=N,exports.TONE_TO_BADGE_VARIANT=E,exports.defaultActivitiesStrings=h,exports.defaultActivityEventConfig=p,exports.defaultEventConfig=f,exports.interpolateActivityString=g,exports.resolveEventConfig=m,exports.useActivityFeed=v,exports.useActivityResources=y;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../_shared/ui-provider-CrsJ_dGn.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-CfQtOuBK.cjs"),i=require("../../../_shared/typography-CWEobAJV.cjs"),a=require("../../../_shared/badge-LSAgdmGt.cjs"),o=require("../../../_shared/cards-m03XN10f.cjs"),s=require("../../../_shared/dropdown-menu-CHQzQWUK.cjs");let c=require("react"),l=require("date-fns"),u=require("react/jsx-runtime"),d=require("lucide-react");var f={icon:d.CircleDot,tone:`neutral`},p={created:{icon:d.Plus,tone:`success`,label:`Created`},updated:{icon:d.Pencil,tone:`info`,label:`Updated`},edited:{icon:d.FileEdit,tone:`info`,label:`Edited`},deleted:{icon:d.Trash2,tone:`destructive`,label:`Deleted`},cancelled:{icon:d.Ban,tone:`destructive`,label:`Cancelled`},restored:{icon:d.Sparkles,tone:`success`,label:`Restored`},status_changed:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_transition:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_override:{icon:d.ArrowLeftRight,tone:`warning`,label:`Status overridden`},assigned:{icon:d.UserPlus,tone:`info`,label:`Assigned`},unassigned:{icon:d.UserMinus,tone:`destructive`,label:`Unassigned`},mail_sent:{icon:d.Mail,tone:`info`,label:`Email sent`},mail_delivered:{icon:d.MailCheck,tone:`success`,label:`Email delivered`},mail_opened:{icon:d.MailOpen,tone:`info`,label:`Email opened`},mail_clicked:{icon:d.MailOpen,tone:`info`,label:`Email clicked`},mail_bounced:{icon:d.MailX,tone:`destructive`,label:`Email bounced`},mail_failed:{icon:d.MailX,tone:`destructive`,label:`Email failed`},comment_created:{icon:d.MessageSquare,tone:`warning`,label:`Comment posted`},comment_deleted:{icon:d.MessageSquare,tone:`destructive`,label:`Comment deleted`},paid:{icon:d.Check,tone:`success`,label:`Paid`},refunded:{icon:d.ArrowLeftRight,tone:`warning`,label:`Refunded`},confirmed:{icon:d.ShieldCheck,tone:`success`,label:`Confirmed`},favorited:{icon:d.Heart,tone:`warning`,label:`Favorited`},ordered:{icon:d.ShoppingBag,tone:`primary`,label:`Order placed`},published:{icon:d.Star,tone:`success`,label:`Published`},flagged:{icon:d.Flag,tone:`warning`,label:`Flagged`},linked:{icon:d.LinkIcon,tone:`info`,label:`Linked`},failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Failed`},health_check_failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Health check failed`}};function m(e,t){return t[e]??f}var h={title:`Activity`,empty:`No activity yet.`,loading:`Loading activity…`,today:`Today`,yesterday:`Yesterday`,undated:`Undated`,you:`You`,showChanges:`Show changes`,hideChanges:`Hide changes`,actionsLabel:`Activity actions`,moreLabel:`More`,sources:{comment:`Comment`,mail:`Mail`,booking_log:`Booking log`,activity_log:``,system:`System`},events:{}};function g(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function _(e,t,n){if(!e)return t.undated;let r=new Date(e);if((0,l.isToday)(r))return t.today;if((0,l.isYesterday)(r))return t.yesterday;try{return new Intl.DateTimeFormat(n,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}catch{return new Intl.DateTimeFormat(void 0,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}}function v({activities:e,groupByDate:t=!0,expandedByDefault:n=!1,locale:r,strings:i,formatDateGroupLabel:a}){let[o,s]=(0,c.useState)({}),l=(0,c.useMemo)(()=>{let t=new Map;return e.map(e=>{let n=[String(e.id??``).trim(),String(e.createdAt??``).trim(),String(e.event??``).trim(),String(e.source??``).trim()].join(`:`),r=(t.get(n)??0)+1;return t.set(n,r),{activity:e,key:`${n}:${r}`}})},[e]),u=(0,c.useMemo)(()=>{if(!t)return l.length>0?[{label:``,items:l}]:[];let e=[],n=`__init__`,o=[],s=e=>a?a(e,i):_(e,i,r);for(let t of l){let r=s(t.activity.createdAt??null);r===n?o.push(t):(o.length>0&&e.push({label:n,items:o}),n=r,o=[t])}return o.length>0&&e.push({label:n,items:o}),e},[l,t,r,i,a]),d=(0,c.useCallback)(e=>o[e]??n,[o,n]),f=(0,c.useCallback)(e=>{s(t=>({...t,[e]:!(t[e]??!1)}))},[]),p=(0,c.useCallback)((e,t)=>{s(n=>({...n,[e]:t}))},[]),m=(0,c.useCallback)(()=>{let e={};for(let t of l)e[t.activity.id]=!0;s(e)},[l]),h=(0,c.useCallback)(()=>s({}),[]);return{groups:u,total:l.length,isExpanded:d,toggleExpanded:f,setExpanded:p,expandAll:m,collapseAll:h}}function y({resources:e,onResourcesChange:t}={}){let[n,r]=(0,c.useState)(()=>e??{}),i=(0,c.useRef)(e);(0,c.useEffect)(()=>{e!==i.current&&(i.current=e,r(e??{}))},[e]);let a=(0,c.useRef)(t);(0,c.useEffect)(()=>{a.current=t},[t]);let o=(0,c.useCallback)(e=>{a.current?.(e)},[]),s=(0,c.useCallback)((e,t)=>{r(n=>{let r={...n,[e]:t};return o(r),r})},[o]),l=(0,c.useCallback)((e,t)=>{r(n=>{let r=n[e];if(!r)return n;let i={...n,[e]:{...r,...t}};return o(i),i})},[o]),u=(0,c.useCallback)(e=>{r(t=>{if(!(e in t))return t;let n={...t};return delete n[e],o(n),n})},[o]),d=(0,c.useCallback)(e=>{r(e),o(e)},[o]),f=(0,c.useCallback)(()=>{let e=i.current??{};r(e),o(e)},[o]);return{registry:n,get:(0,c.useCallback)(e=>n[typeof e==`string`?e:e.key],[n]),register:s,update:l,remove:u,setAll:d,reset:f}}function b({activity:e,actions:t,onAction:n,label:i}){return t.length===0?null:(0,u.jsxs)(s.t,{children:[(0,u.jsx)(s.g,{render:e=>(0,u.jsx)(r.t,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":i,className:`h-7 w-7 text-muted-foreground`,children:(0,u.jsx)(d.MoreHorizontal,{className:`size-4`})})}),(0,u.jsx)(s.r,{align:`end`,className:`min-w-40`,children:t.map(t=>{let r=t.icon;return(0,u.jsxs)(s.a,{onClick:()=>{t.disabled||(t.onClick(e),n?.(t.id,e))},disabled:t.disabled,variant:t.tone===`destructive`?`destructive`:`default`,className:`gap-2 px-2 py-1.5 text-xs`,children:[!!r&&(0,u.jsx)(r,{className:`size-3.5`}),t.label]},t.id)})})]})}function x({change:e}){let t=e.old!==null&&e.old!==void 0,n=e.new!==null&&e.new!==void 0;return!t&&!n?(0,u.jsx)(i.s,{size:`xs`,tag:`span`,children:e.description}):(0,u.jsxs)(i.s,{tag:`span`,size:`xs`,className:`inline-flex flex-wrap items-baseline gap-1`,children:[!!t&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,className:`rounded bg-destructive/10 text-destructive line-through px-1 py-px`,children:e.old}),t&&n&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,children:`→`}),!!n&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,className:`rounded bg-success/15 text-success px-1 py-px`,children:e.new})]})}function S({changes:e,className:t}){return e.length===0?null:(0,u.jsx)(`div`,{className:n.cn(`space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2`,t),children:e.map(e=>(0,u.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,u.jsx)(i.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`shrink-0`,children:e.label}),(0,u.jsx)(x,{change:e})]},`${e.key}-${e.label}`))})}function C({label:e,isFirst:t,className:r}){return e===``?null:(0,u.jsx)(i.s,{size:`xs`,type:`secondary`,weight:`medium`,className:n.cn(`uppercase tracking-wider`,!t&&`mt-5`,r),children:e})}function w({title:e,hint:t,className:r}){return(0,u.jsxs)(`div`,{className:n.cn(`flex flex-col items-center justify-center gap-2 px-6 py-10 text-center`,r),children:[(0,u.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:(0,u.jsx)(d.Activity,{className:`size-4`})}),(0,u.jsx)(i.s,{weight:`medium`,children:e}),!!t&&(0,u.jsx)(i.s,{size:`xs`,type:`secondary`,children:t})]})}var T={primary:{bg:`bg-primary/10`,fg:`text-primary`,dot:`bg-primary`,line:`bg-primary/30`,chipBg:`bg-primary/5`,chipFg:`text-primary`},success:{bg:`bg-success/10`,fg:`text-success`,dot:`bg-success`,line:`bg-success/30`,chipBg:`bg-success/10`,chipFg:`text-success`},warning:{bg:`bg-warning/30`,fg:`text-warning-foreground`,dot:`bg-warning`,line:`bg-warning/40`,chipBg:`bg-warning/30`,chipFg:`text-warning-foreground`},destructive:{bg:`bg-destructive/10`,fg:`text-destructive`,dot:`bg-destructive`,line:`bg-destructive/30`,chipBg:`bg-destructive/10`,chipFg:`text-destructive`},info:{bg:`bg-info/10`,fg:`text-info`,dot:`bg-info`,line:`bg-info/30`,chipBg:`bg-info/10`,chipFg:`text-info`},neutral:{bg:`bg-muted`,fg:`text-muted-foreground`,dot:`bg-muted-foreground/60`,line:`bg-border`,chipBg:`bg-muted`,chipFg:`text-muted-foreground`}},E={primary:`primary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,neutral:`secondary`};function D({resource:e,config:t,fallbackText:o,onClick:s}){let c=T[t?.tone??`neutral`],l=t?.icon??d.CircleDot,f=t?.label??o??e.label??e.key,p=typeof s==`function`,m=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(l,{className:n.cn(`size-icon-sm shrink-0`,c.fg)}),(0,u.jsx)(i.s,{tag:`span`,size:`inherit`,weight:`medium`,className:c.chipFg,children:f}),!!t?.tags&&t.tags.length>0&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-space-2xs border-l border-current/20 pl-space-sm`,children:t.tags.join(` · `)}),!!t?.badge&&(0,u.jsx)(a.t,{inline:!0,variant:E[t.badge.tone??`neutral`],className:`ml-space-2xs`,children:t.badge.label})]}),h=n.cn(`inline-flex items-center gap-space-sm rounded-full px-space-md py-space-2xs align-baseline text-xs`,`border border-border/60`,c.chipBg,p&&`cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`);return p?(0,u.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:e=>{e.stopPropagation(),s?.()},className:n.cn(h,`h-auto rounded-full`),title:t?.note,children:m}):(0,u.jsx)(`span`,{className:h,title:t?.note,children:m})}function O({actorId:e,text:t,href:n,activity:a,youLabel:o,currentUserId:s,onActorClick:c}){let l=s!==void 0&&e!==void 0&&s===e?o:t,d=a.actor??{id:e,name:t};return n?(0,u.jsx)(`a`,{href:n,onClick:e=>{c&&(e.preventDefault(),e.stopPropagation(),c(d,a))},className:`font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):c?(0,u.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:e=>{e.stopPropagation(),c(d,a)},className:`h-auto rounded px-0 py-0 font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):(0,u.jsx)(i.s,{tag:`span`,weight:`semibold`,children:l})}function k(e,t){return e.map((e,n)=>{let r=`seg-${n}-${e.type}`;switch(e.type){case`actor`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(O,{actorId:e.actorId,text:e.text,href:e.href,activity:t.activity,youLabel:t.youLabel,currentUserId:t.currentUserId,onActorClick:t.onActorClick}),` `]},r);case`field`:case`value`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(i.s,{tag:`span`,weight:`semibold`,children:e.text}),` `]},r);case`status`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(a.t,{inline:!0,variant:E[e.tone??`neutral`],children:e.text}),` `]},r);case`resource`:{let n=t.getResourceConfig?.(e.resource);return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(D,{resource:e.resource,config:n,fallbackText:e.text,onClick:t.onResourceClick?()=>t.onResourceClick?.(e.resource,n,t.activity):void 0}),` `]},r)}default:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(i.s,{tag:`span`,children:e.text}),` `]},r)}})}function A(e){let{activity:t}=e,n=t.headline??t.event,r=t.actor?.name;if(!r||!n.includes(r))return(0,u.jsx)(i.s,{tag:`span`,children:n});let[a,...o]=n.split(r);return(0,u.jsxs)(u.Fragment,{children:[!!a&&(0,u.jsx)(i.s,{tag:`span`,children:a}),(0,u.jsx)(O,{actorId:t.actor?.id,text:r,href:t.actor?.href,activity:t,youLabel:e.youLabel,currentUserId:e.currentUserId,onActorClick:e.onActorClick}),o.length>0&&(0,u.jsx)(i.s,{tag:`span`,children:o.join(r)})]})}function j(e){let t=e.activity.segments;return t&&t.length>0?(0,u.jsx)(`span`,{className:`leading-snug [&>span]:leading-snug`,children:k(t,e)}):(0,u.jsx)(`span`,{className:`leading-snug`,children:A(e)})}function M({icon:e,tone:t,density:r,isLast:i}){let a=T[t];return r===`compact`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1.5 size-2 shrink-0 rounded-full`,a.dot)}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):r===`rich`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3.5`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-5 shrink-0 items-center justify-center rounded-full`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]})}function N(e){let{activity:t,density:o,eventConfig:s,tone:c,isLast:l,expanded:f,onToggleExpanded:p,relativeTime:m,absoluteTime:h,sourceLabel:g,youLabel:_,showChangesLabel:v,hideChangesLabel:y,actionsLabel:x,currentUserId:C,actions:w,onActivityClick:T,onActorClick:E,onResourceClick:O,onAction:k,getResourceConfig:A,headlineOverride:N,markerOverride:P}=e,F=t.iconOverride??s.icon,I=(t.changes?.length??0)>0,L=(t.metadata?.length??0)>0,R=(t.resources?.length??0)>0,z=t.description!==void 0&&t.description!==null&&t.description!==``,B=o!==`compact`,V=o===`rich`,H=N??(0,u.jsx)(j,{activity:t,currentUserId:C,youLabel:_,onActorClick:E,onResourceClick:O,getResourceConfig:A}),U=P??(0,u.jsx)(M,{icon:F,tone:c,density:o,isLast:l}),W=typeof T==`function`,G=I||R||w.length>0||typeof E==`function`||typeof O==`function`,K=W&&!G;return(0,u.jsxs)(`div`,{className:n.cn(`relative flex gap-space-lg`,W&&`cursor-pointer rounded-md hover:bg-muted/40`),onClick:W?()=>T?.(t):void 0,role:K?`button`:void 0,tabIndex:K?0:void 0,onKeyDown:K?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),T?.(t))}:void 0,children:[U,(0,u.jsxs)(`div`,{className:n.cn(`min-w-0 flex-1`,!l&&(o===`rich`?`pb-row-y-lg`:o===`compact`?`pb-row-y`:`pb-row-y-lg`)),children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-space-sm sm:flex-row sm:items-start sm:justify-between sm:gap-space-lg`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-sm`,children:[(0,u.jsx)(i.s,{tag:`span`,size:`inherit`,lineHeight:`snug`,children:H}),!!g&&(0,u.jsx)(a.t,{inline:!0,variant:`secondary`,children:g}),V&&I&&(0,u.jsx)(r.t,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,className:`h-5 w-5 text-muted-foreground`,onClick:e=>{e.stopPropagation(),p()},title:f?y:v,"aria-label":f?y:v,"aria-expanded":f,children:f?(0,u.jsx)(d.ChevronDown,{className:`size-3.5`}):(0,u.jsx)(d.ChevronRight,{className:`size-3.5`})})]}),(0,u.jsxs)(`div`,{className:`flex shrink-0 items-center gap-space-sm`,children:[!!m&&(0,u.jsx)(i.s,{size:`inherit`,type:`secondary`,className:`whitespace-nowrap tabular-nums pt-space-2xs text-xs`,title:h??void 0,children:m}),V&&w.length>0&&(0,u.jsx)(b,{activity:t,actions:w,onAction:k,label:x})]})]}),!!B&&z&&(0,u.jsx)(i.s,{tag:`div`,size:`inherit`,type:`secondary`,className:`mt-space-sm text-xs`,children:t.description}),!!V&&L&&t.metadata&&(0,u.jsx)(`div`,{className:`mt-space-md flex flex-wrap gap-x-space-lg gap-y-space-sm`,children:t.metadata.map(e=>(0,u.jsxs)(i.s,{size:`inherit`,type:`secondary`,className:`text-xs`,children:[(0,u.jsxs)(i.s,{tag:`span`,size:`inherit`,type:`discrete`,className:`text-xs`,children:[e.label,`:`,` `]}),e.value]},e.label))}),!!V&&R&&t.resources&&(0,u.jsx)(`div`,{className:`mt-space-md flex flex-wrap gap-space-sm`,children:t.resources.map(e=>{let n=A?.(e);return(0,u.jsx)(D,{resource:e,config:n,onClick:O?()=>O(e,n,t):void 0},e.key)})}),!!V&&I&&f&&t.changes&&(0,u.jsx)(`div`,{className:`mt-space-md`,children:(0,u.jsx)(S,{changes:t.changes})})]})]})}function P(e,t){try{return new Intl.DateTimeFormat(t,{dateStyle:`medium`,timeStyle:`short`}).format(new Date(e))}catch{return e}}function F(e,t){return e.toneOverride??t}function I(r){let{activities:a=[],density:o=`default`,groupByDate:s=!0,expandedByDefault:l=!1,currentUserId:d,loading:f=!1,eventConfig:g,strings:_,slots:b,className:x,locale:S,formatRelativeTime:T,formatAbsoluteTime:E,formatDateGroupLabel:D,getEventLabel:O,getSourceLabel:k,actionsForActivity:A,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,resources:R,onResourcesChange:z}=r,B=e.useStrings(h,_),V=(0,c.useMemo)(()=>({...p,...g}),[g]),H=y({resources:R,onResourcesChange:z}),U=v({activities:a,groupByDate:s,expandedByDefault:l,locale:S,strings:B,formatDateGroupLabel:D}),{formatRelativeTime:W}=t.i(),G=T??W??(e=>e),K=E??(e=>P(e,S));if(f)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-4`,x),children:b?.loading??(0,u.jsx)(i.s,{type:`secondary`,align:`center`,children:B.loading})});if(a.length===0)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-2`,x),children:b?.empty??(0,u.jsx)(w,{title:B.empty})});let q=U.groups.reduce((e,t)=>e+t.items.length,0),J=0;return(0,u.jsxs)(`div`,{className:n.cn(`activities-feed--component flex flex-col`,x),children:[!!b?.header&&(0,u.jsx)(`div`,{className:`mb-3`,children:b.header}),(0,u.jsx)(`div`,{className:`flex flex-col`,children:U.groups.map((e,t)=>{let r=t===0;return(0,u.jsxs)(`div`,{className:n.cn(r?``:`mt-1`),children:[b?.renderDateLabel?b.renderDateLabel(e.label,r):(0,u.jsx)(C,{label:e.label,isFirst:r,className:r?``:`mb-2`}),(0,u.jsx)(`div`,{className:n.cn(`flex flex-col`,!!e.label&&`mt-2`),children:e.items.map((e,t)=>{let n=e.activity,r=t===0,i=++J===q,a=m(n.event,V),s=F(n,a.tone),c=n.timestamp??(n.createdAt?G(n.createdAt):null),l=n.createdAt?K(n.createdAt):null,f=n.source?k?.(n.source)??B.sources[n.source]??a.sourceLabel??null:a.sourceLabel??null,p=f&&f.trim().length>0?f:null,h=A?.(n)??[],g={density:o,isLast:i,isFirstInGroup:r,activity:n,eventConfig:a,tone:s,relativeTime:c,absoluteTime:l,sourceLabel:p,expanded:U.isExpanded(n.id),toggleExpanded:()=>U.toggleExpanded(n.id)},_=b?.renderRow?.(n,g);if(_!==void 0)return(0,u.jsx)(`div`,{children:_},e.key);let v=b?.renderHeadline?.(n,g),y=b?.renderMarker?.(n,g);return(0,u.jsx)(N,{activity:n,density:o,eventConfig:a,tone:s,isLast:i,expanded:g.expanded,onToggleExpanded:g.toggleExpanded,relativeTime:c,absoluteTime:l,sourceLabel:p,youLabel:B.you,showChangesLabel:B.showChanges,hideChangesLabel:B.hideChanges,actionsLabel:B.actionsLabel,currentUserId:d,actions:h,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,getResourceConfig:e=>H.get(e),headlineOverride:v,markerOverride:y},e.key)})})]},`${e.label}-${t}`)})}),!!b?.footer&&(0,u.jsx)(`div`,{className:`mt-3`,children:b.footer})]})}I.displayName=`ActivityFeed`;function L({title:t,titleSuffix:n,description:r,padding:i=`default`,composerSlot:a,className:s,strings:c,slots:l,...f}){let p=e.useStrings(h,c),m=t??p.title;return(0,u.jsx)(o.t,{icon:(0,u.jsx)(d.Activity,{className:`size-4`}),title:m,titleSuffix:n,description:r,padding:i,className:s,children:(0,u.jsx)(I,{...f,strings:c,slots:{...l,header:a??l?.header}})})}L.displayName=`ActivityFeedCard`,exports.ACTIVITY_TONE=T,exports.ActivityActionsMenu=b,exports.ActivityChanges=S,exports.ActivityDateLabel=C,exports.ActivityEmptyState=w,exports.ActivityFeed=I,exports.ActivityFeedCard=L,exports.ActivityHeadline=j,exports.ActivityMarker=M,exports.ActivityResourceTag=D,exports.ActivityRow=N,exports.TONE_TO_BADGE_VARIANT=E,exports.defaultActivitiesStrings=h,exports.defaultActivityEventConfig=p,exports.defaultEventConfig=f,exports.interpolateActivityString=g,exports.resolveEventConfig=m,exports.useActivityFeed=v,exports.useActivityResources=y;
 //# sourceMappingURL=index.cjs.map