tempest-react-sdk 0.77.0 → 0.79.0

package/dist/components/Chat/ChatAttachments.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatAttachments.js","names":[],"sources":["../../../src/components/Chat/ChatAttachments.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { formatBytes } from \"@/utils/numbers\";\nimport { safeAttachmentUrl } from \"@/utils/safe-url\";\n\nimport { AudioPlayer } from \"../AudioPlayer\";\nimport { Lightbox } from \"../Lightbox\";\nimport { VideoPlayer } from \"../VideoPlayer\";\nimport type { ChatAttachment } from \"./chat-groups\";\nimport styles from \"./Chat.module.css\";\n\n/** Strings this view needs, passed in so the locale table stays in one file. */\nexport interface ChatAttachmentStrings {\n    voiceNote: string;\n    download: string;\n}\n\nexport interface ChatAttachmentsProps {\n    /** What this message carries. */\n    attachments: readonly ChatAttachment[];\n    /** Labels, from `chatStrings(locale)`. */\n    strings: ChatAttachmentStrings;\n}\n\n/** Bars a voice note draws when the app gave no peaks. */\nconst FLAT_WAVEFORM = Array.from({ length: 28 }, () => 0.25);\n\n/** `1:04` from milliseconds — a duration, never a clock time. */\nfunction durationLabel(durationMs: number): string {\n    const total = Math.round(durationMs / 1000);\n    const minutes = Math.floor(total / 60);\n    const seconds = total % 60;\n    return `${minutes}:${String(seconds).padStart(2, \"0\")}`;\n}\n\n/**\n * The media half of a bubble.\n *\n * Kept in its own module, and reached through `lazy()` from the thread, because\n * it pulls three of the heaviest components in the SDK — `Lightbox`,\n * `VideoPlayer`, `AudioPlayer` — and a support thread of plain text should not\n * pay for a photo viewer it never opens. The thread renders it only for messages\n * that actually carry an attachment, so that chunk is requested the first time\n * one appears.\n *\n * Nothing here is new UI: an image opens the SDK's lightbox, a video and an audio\n * clip use the SDK's players, and a file is a download row. That composition is\n * the whole point — every app was writing it again, the same way.\n *\n * The file row is the one place a sender's URL becomes an `href`, so it goes\n * through {@link safeAttachmentUrl}: `http:`, `https:`, `blob:` and relative URLs\n * are linked, anything else renders the same row without a link (#447). Media\n * `src` is left as given — an `<img>`, `<video>` or `<audio>` does not run a\n * `javascript:` URL.\n *\n * @param props - The attachments and the locale strings.\n * @returns The rendered attachment list.\n */\nexport function ChatAttachments({ attachments, strings }: ChatAttachmentsProps) {\n    const images = attachments.filter((attachment) => attachment.kind === \"image\");\n    const [lightboxIndex, setLightboxIndex] = useState<number | null>(null);\n\n    return (\n        <div className={styles.attachments}>\n            {attachments.map((attachment, index) => {\n                const key = `${attachment.kind}-${attachment.url}-${index}`;\n                if (attachment.kind === \"image\") {\n                    const position = images.indexOf(attachment);\n                    return (\n                        <button\n                            key={key}\n                            type=\"button\"\n                            className={styles.imageAttachment}\n                            onClick={() => setLightboxIndex(position)}\n                        >\n                            <img\n                                src={attachment.thumbnailUrl ?? attachment.url}\n                                alt={attachment.alt ?? attachment.name ?? \"\"}\n                                loading=\"lazy\"\n                            />\n                        </button>\n                    );\n                }\n                if (attachment.kind === \"video\") {\n                    return (\n                        <VideoPlayer\n                            key={key}\n                            src={attachment.url}\n                            durationMs={attachment.durationMs}\n                            poster={attachment.thumbnailUrl}\n                            className={styles.videoAttachment}\n                        />\n                    );\n                }\n                if (attachment.kind === \"voice\") {\n                    return (\n                        <div key={key} className={styles.voiceAttachment}>\n                            <div className={styles.waveform} aria-hidden=\"true\">\n                                {(attachment.waveform ?? FLAT_WAVEFORM).map((peak, bar) => (\n                                    <span\n                                        key={bar}\n                                        style={{\n                                            height: `${Math.max(8, Math.min(100, peak * 100))}%`,\n                                        }}\n                                    />\n                                ))}\n                            </div>\n                            <AudioPlayer\n                                src={attachment.url}\n                                durationMs={attachment.durationMs}\n                                aria-label={strings.voiceNote}\n                            />\n                        </div>\n                    );\n                }\n                if (attachment.kind === \"audio\") {\n                    return (\n                        <AudioPlayer\n                            key={key}\n                            src={attachment.url}\n                            durationMs={attachment.durationMs}\n                        />\n                    );\n                }\n                const href = safeAttachmentUrl(attachment.url);\n                const row = (\n                    <>\n                        <span className={styles.fileName}>\n                            {attachment.name ?? strings.download}\n                        </span>\n                        <span className={styles.fileMeta}>\n                            {[\n                                attachment.sizeBytes !== undefined\n                                    ? formatBytes(attachment.sizeBytes)\n                                    : null,\n                                attachment.durationMs !== undefined\n                                    ? durationLabel(attachment.durationMs)\n                                    : null,\n                            ]\n                                .filter(Boolean)\n                                .join(\" · \")}\n                        </span>\n                    </>\n                );\n                return href ? (\n                    <a\n                        key={key}\n                        className={styles.fileAttachment}\n                        href={href}\n                        download={attachment.name ?? true}\n                    >\n                        {row}\n                    </a>\n                ) : (\n                    <div key={key} className={styles.fileAttachment}>\n                        {row}\n                    </div>\n                );\n            })}\n\n            {images.length > 0 && (\n                <Lightbox\n                    items={images.map((image) => ({\n                        src: image.url,\n                        alt: image.alt ?? image.name ?? \"\",\n                        thumbnail: image.thumbnailUrl,\n                    }))}\n                    open={lightboxIndex !== null}\n                    index={lightboxIndex ?? 0}\n                    onIndexChange={setLightboxIndex}\n                    onClose={() => setLightboxIndex(null)}\n                />\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ChatAttachments.js","names":["styles","_Fragment","Chat_module_default","Fragment$1","FLAT_WAVEFORM","durationLabel","total","durationMs","minutes","seconds","ChatAttachments","images","attachments","attachment","lightboxIndex","setLightboxIndex","useState","key","index","position","VideoPlayer","peak","bar","AudioPlayer","strings","href","safeAttachmentUrl","row","formatBytes","Lightbox","image"],"sources":["../../../src/components/Chat/ChatAttachments.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { formatBytes } from \"@/utils/numbers\";\nimport { safeAttachmentUrl } from \"@/utils/safe-url\";\n\nimport { AudioPlayer } from \"../AudioPlayer\";\nimport { Lightbox } from \"../Lightbox\";\nimport { VideoPlayer } from \"../VideoPlayer\";\nimport type { ChatAttachment } from \"./chat-groups\";\nimport styles from \"./Chat.module.css\";\n\n/** Strings this view needs, passed in so the locale table stays in one file. */\nexport interface ChatAttachmentStrings {\n    voiceNote: string;\n    download: string;\n}\n\nexport interface ChatAttachmentsProps {\n    /** What this message carries. */\n    attachments: readonly ChatAttachment[];\n    /** Labels, from `chatStrings(locale)`. */\n    strings: ChatAttachmentStrings;\n}\n\n/** Bars a voice note draws when the app gave no peaks. */\nconst FLAT_WAVEFORM = Array.from({ length: 28 }, () => 0.25);\n\n/** `1:04` from milliseconds — a duration, never a clock time. */\nfunction durationLabel(durationMs: number): string {\n    const total = Math.round(durationMs / 1000);\n    const minutes = Math.floor(total / 60);\n    const seconds = total % 60;\n    return `${minutes}:${String(seconds).padStart(2, \"0\")}`;\n}\n\n/**\n * The media half of a bubble.\n *\n * Kept in its own module, and reached through `lazy()` from the thread, because\n * it pulls three of the heaviest components in the SDK — `Lightbox`,\n * `VideoPlayer`, `AudioPlayer` — and a support thread of plain text should not\n * pay for a photo viewer it never opens. The thread renders it only for messages\n * that actually carry an attachment, so that chunk is requested the first time\n * one appears.\n *\n * Nothing here is new UI: an image opens the SDK's lightbox, a video and an audio\n * clip use the SDK's players, and a file is a download row. That composition is\n * the whole point — every app was writing it again, the same way.\n *\n * The file row is the one place a sender's URL becomes an `href`, so it goes\n * through {@link safeAttachmentUrl}: `http:`, `https:`, `blob:` and relative URLs\n * are linked, anything else renders the same row without a link (#447). Media\n * `src` is left as given — an `<img>`, `<video>` or `<audio>` does not run a\n * `javascript:` URL.\n *\n * @param props - The attachments and the locale strings.\n * @returns The rendered attachment list.\n */\nexport function ChatAttachments({ attachments, strings }: ChatAttachmentsProps) {\n    const images = attachments.filter((attachment) => attachment.kind === \"image\");\n    const [lightboxIndex, setLightboxIndex] = useState<number | null>(null);\n\n    return (\n        <div className={styles.attachments}>\n            {attachments.map((attachment, index) => {\n                const key = `${attachment.kind}-${attachment.url}-${index}`;\n                if (attachment.kind === \"image\") {\n                    const position = images.indexOf(attachment);\n                    return (\n                        <button\n                            key={key}\n                            type=\"button\"\n                            className={styles.imageAttachment}\n                            onClick={() => setLightboxIndex(position)}\n                        >\n                            <img\n                                src={attachment.thumbnailUrl ?? attachment.url}\n                                alt={attachment.alt ?? attachment.name ?? \"\"}\n                                loading=\"lazy\"\n                            />\n                        </button>\n                    );\n                }\n                if (attachment.kind === \"video\") {\n                    return (\n                        <VideoPlayer\n                            key={key}\n                            src={attachment.url}\n                            durationMs={attachment.durationMs}\n                            poster={attachment.thumbnailUrl}\n                            className={styles.videoAttachment}\n                        />\n                    );\n                }\n                if (attachment.kind === \"voice\") {\n                    return (\n                        <div key={key} className={styles.voiceAttachment}>\n                            <div className={styles.waveform} aria-hidden=\"true\">\n                                {(attachment.waveform ?? FLAT_WAVEFORM).map((peak, bar) => (\n                                    <span\n                                        key={bar}\n                                        style={{\n                                            height: `${Math.max(8, Math.min(100, peak * 100))}%`,\n                                        }}\n                                    />\n                                ))}\n                            </div>\n                            <AudioPlayer\n                                src={attachment.url}\n                                durationMs={attachment.durationMs}\n                                aria-label={strings.voiceNote}\n                            />\n                        </div>\n                    );\n                }\n                if (attachment.kind === \"audio\") {\n                    return (\n                        <AudioPlayer\n                            key={key}\n                            src={attachment.url}\n                            durationMs={attachment.durationMs}\n                        />\n                    );\n                }\n                const href = safeAttachmentUrl(attachment.url);\n                const row = (\n                    <>\n                        <span className={styles.fileName}>\n                            {attachment.name ?? strings.download}\n                        </span>\n                        <span className={styles.fileMeta}>\n                            {[\n                                attachment.sizeBytes !== undefined\n                                    ? formatBytes(attachment.sizeBytes)\n                                    : null,\n                                attachment.durationMs !== undefined\n                                    ? durationLabel(attachment.durationMs)\n                                    : null,\n                            ]\n                                .filter(Boolean)\n                                .join(\" · \")}\n                        </span>\n                    </>\n                );\n                return href ? (\n                    <a\n                        key={key}\n                        className={styles.fileAttachment}\n                        href={href}\n                        download={attachment.name ?? true}\n                    >\n                        {row}\n                    </a>\n                ) : (\n                    <div key={key} className={styles.fileAttachment}>\n                        {row}\n                    </div>\n                );\n            })}\n\n            {images.length > 0 && (\n                <Lightbox\n                    items={images.map((image) => ({\n                        src: image.url,\n                        alt: image.alt ?? image.name ?? \"\",\n                        thumbnail: image.thumbnailUrl,\n                    }))}\n                    open={lightboxIndex !== null}\n                    index={lightboxIndex ?? 0}\n                    onIndexChange={setLightboxIndex}\n                    onClose={() => setLightboxIndex(null)}\n                />\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Chat/ChatBubble.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBubble.cjs","names":[],"sources":["../../../src/components/Chat/ChatBubble.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines props-count function-lines — one bubble is one unit of\n * layout, and every part of it reads from the same message: the quote above the\n * body, the body or its tombstone, the attachments, the reactions under it, and the\n * timestamp with its ticks. Splitting them would pass the same message to six\n * components and put the bubble's geometry in none of them.\n */\nimport { Suspense, lazy, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport type { ContextMenuItem } from \"../ContextMenu\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { chatStrings, timeLabel, type ChatMessage } from \"./chat-groups\";\nimport { receiptLabel, resolveReceiptState } from \"./chat-receipt\";\nimport styles from \"./Chat.module.css\";\n\nconst ChatAttachments = lazy(() =>\n    import(\"./ChatAttachments\").then((module) => ({ default: module.ChatAttachments })),\n);\n\nconst ChatActionsMenu = lazy(() =>\n    import(\"./ChatActionsMenu\").then((module) => ({ default: module.ChatActionsMenu })),\n);\n\n/** Glyph per tick state. `delivered` is the one a boolean `status` cannot say. */\nconst RECEIPT_GLYPH = {\n    sending: \"◌\",\n    sent: \"✓\",\n    delivered: \"✓✓\",\n    read: \"✓✓\",\n    failed: \"!\",\n} as const;\n\nexport interface ChatBubbleProps {\n    /** The message this bubble renders. */\n    message: ChatMessage;\n    /** Whether it belongs to the current user — side, colour and ticks. */\n    own: boolean;\n    /** Locale for labels. */\n    locale: \"pt-BR\" | \"en\";\n    /** Retry handler for a `\"failed\"` message. */\n    onRetry?: (message: ChatMessage) => void;\n    /** Toggles a reaction. Receives the emoji that was pressed. */\n    onReact?: (message: ChatMessage, emoji: string) => void;\n    /** Per-message actions, opened by right click, long press or the ⋮ button. */\n    messageActions?: (message: ChatMessage) => ContextMenuItem[];\n    /** Called when the quote stub is activated — scroll to the quoted message. */\n    onQuoteClick?: (message: ChatMessage) => void;\n}\n\n/**\n * One message bubble.\n *\n * Everything a messenger needs on a single message lives here, because every one\n * of these was a thing each app rebuilt on top of a text-only bubble: the reply\n * stub, attachments, reactions, per-recipient ticks, the actions menu, and the\n * tombstone of a deleted message.\n *\n * @param props - The message and its handlers.\n * @returns The bubble, wrapped in a context menu when actions are given.\n */\nexport function ChatBubble({\n    message,\n    own,\n    locale,\n    onRetry,\n    onReact,\n    messageActions,\n    onQuoteClick,\n}: ChatBubbleProps) {\n    const strings = chatStrings(locale);\n    const receiptState = own ? resolveReceiptState(message) : null;\n    const actions = message.deleted ? [] : (messageActions?.(message) ?? []);\n\n    const bubble = (\n        <div\n            className={cn(\n                styles.bubble,\n                own && styles.ownBubble,\n                message.deleted && styles.deletedBubble,\n                message.status === \"failed\" && styles.failedBubble,\n            )}\n        >\n            {message.quote && !message.deleted && (\n                <QuoteStub message={message} locale={locale} onQuoteClick={onQuoteClick} />\n            )}\n\n            {message.deleted ? (\n                <div className={styles.tombstone}>\n                    <span aria-hidden=\"true\">🚫</span> {strings.deleted}\n                </div>\n            ) : (\n                <>\n                    {message.attachments && message.attachments.length > 0 && (\n                        <Suspense fallback={<div className={styles.attachmentsFallback} />}>\n                            <ChatAttachments attachments={message.attachments} strings={strings} />\n                        </Suspense>\n                    )}\n                    {message.body !== undefined && message.body !== null && message.body !== \"\" && (\n                        <div className={styles.body}>{message.body}</div>\n                    )}\n                </>\n            )}\n\n            <div className={styles.meta}>\n                {message.edited && !message.deleted && (\n                    <span className={styles.edited}>{strings.edited}</span>\n                )}\n                <time dateTime={new Date(message.sentAt).toISOString()}>\n                    {timeLabel(message.sentAt, locale)}\n                </time>\n                {receiptState && <Receipt message={message} state={receiptState} locale={locale} />}\n            </div>\n        </div>\n    );\n\n    return (\n        <li className={styles.bubbleRow}>\n            {actions.length > 0 ? (\n                <Suspense fallback={bubble}>\n                    <ChatActionsMenu items={actions} trigger=\"contextmenu\">\n                        {bubble}\n                    </ChatActionsMenu>\n                </Suspense>\n            ) : (\n                bubble\n            )}\n\n            {actions.length > 0 && (\n                <Suspense fallback={null}>\n                    <ChatActionsMenu items={actions} trigger=\"click\">\n                        <button\n                            type=\"button\"\n                            className={styles.actionsButton}\n                            aria-label={strings.messageActions}\n                        >\n                            <span aria-hidden=\"true\">⋮</span>\n                        </button>\n                    </ChatActionsMenu>\n                </Suspense>\n            )}\n\n            {message.reactions && message.reactions.length > 0 && (\n                <ul className={styles.reactions} aria-label={strings.reactions}>\n                    {message.reactions.map((reaction) => (\n                        <li key={reaction.emoji}>\n                            <button\n                                type=\"button\"\n                                className={cn(\n                                    styles.reaction,\n                                    reaction.reacted && styles.reactionMine,\n                                )}\n                                aria-pressed={reaction.reacted ?? false}\n                                title={reaction.names?.join(\", \")}\n                                disabled={!onReact}\n                                onClick={() => onReact?.(message, reaction.emoji)}\n                            >\n                                <span aria-hidden=\"true\">\n                                    {reaction.emoji} {reaction.count}\n                                </span>\n                                <VisuallyHidden>\n                                    {strings.react(reaction.emoji, reaction.count)}\n                                </VisuallyHidden>\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n\n            {message.status === \"failed\" && onRetry && (\n                <button type=\"button\" className={styles.retry} onClick={() => onRetry(message)}>\n                    {strings.retry}\n                </button>\n            )}\n        </li>\n    );\n}\n\n/** The reply stub above a body, or its blanked form once the target is gone. */\nfunction QuoteStub({\n    message,\n    locale,\n    onQuoteClick,\n}: {\n    message: ChatMessage;\n    locale: \"pt-BR\" | \"en\";\n    onQuoteClick?: (message: ChatMessage) => void;\n}): ReactNode {\n    const strings = chatStrings(locale);\n    const quote = message.quote;\n    if (!quote) return null;\n    const label = quote.revoked\n        ? strings.quoteRevoked\n        : (quote.excerpt ??\n          (quote.kind && quote.kind !== \"text\" ? strings.quoteKind[quote.kind] : \"\"));\n\n    const content = (\n        <>\n            <span className={styles.quoteAuthor}>\n                {quote.senderName ?? strings.replyingTo(quote.messageId)}\n            </span>\n            <span className={cn(styles.quoteText, quote.revoked && styles.quoteRevoked)}>\n                {label}\n            </span>\n        </>\n    );\n\n    return onQuoteClick ? (\n        <button\n            type=\"button\"\n            className={cn(styles.quote, styles.quoteButton)}\n            onClick={() => onQuoteClick(message)}\n        >\n            {content}\n        </button>\n    ) : (\n        <div className={styles.quote}>{content}</div>\n    );\n}\n\n/** The ticks, and the sentence behind them. */\nfunction Receipt({\n    message,\n    state,\n    locale,\n}: {\n    message: ChatMessage;\n    state: keyof typeof RECEIPT_GLYPH;\n    locale: \"pt-BR\" | \"en\";\n}): ReactNode {\n    const strings = chatStrings(locale);\n    const label =\n        message.receipt && message.receipt.totalRecipients > 0 && state !== \"failed\"\n            ? receiptLabel(message.receipt, strings)\n            : strings[state === \"delivered\" ? \"sent\" : state];\n\n    return (\n        <span\n            className={cn(\n                styles.status,\n                state === \"read\" && styles.statusRead,\n                state === \"failed\" && styles.statusFailed,\n            )}\n            title={label}\n        >\n            <span aria-hidden=\"true\">{RECEIPT_GLYPH[state]}</span>\n            <VisuallyHidden>{label}</VisuallyHidden>\n        </span>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ChatBubble.cjs","names":["lazy","chatStrings","resolveReceiptState","cn","styles","_Fragment","Suspense","timeLabel","VisuallyHidden","receiptLabel","require_cn","require_VisuallyHidden","require_chat_groups","require_chat_receipt","require_Chat_module","react","react_jsx_runtime","ChatAttachments","module","ChatActionsMenu","RECEIPT_GLYPH","ChatBubble","strings","locale","receiptState","own","message","actions","messageActions","bubble","QuoteStub","Receipt","reaction","onReact","onRetry","quote","label","content","onQuoteClick","state"],"sources":["../../../src/components/Chat/ChatBubble.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines props-count function-lines — one bubble is one unit of\n * layout, and every part of it reads from the same message: the quote above the\n * body, the body or its tombstone, the attachments, the reactions under it, and the\n * timestamp with its ticks. Splitting them would pass the same message to six\n * components and put the bubble's geometry in none of them.\n */\nimport { Suspense, lazy, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport type { ContextMenuItem } from \"../ContextMenu\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { chatStrings, timeLabel, type ChatMessage } from \"./chat-groups\";\nimport { receiptLabel, resolveReceiptState } from \"./chat-receipt\";\nimport styles from \"./Chat.module.css\";\n\nconst ChatAttachments = lazy(() =>\n    import(\"./ChatAttachments\").then((module) => ({ default: module.ChatAttachments })),\n);\n\nconst ChatActionsMenu = lazy(() =>\n    import(\"./ChatActionsMenu\").then((module) => ({ default: module.ChatActionsMenu })),\n);\n\n/** Glyph per tick state. `delivered` is the one a boolean `status` cannot say. */\nconst RECEIPT_GLYPH = {\n    sending: \"◌\",\n    sent: \"✓\",\n    delivered: \"✓✓\",\n    read: \"✓✓\",\n    failed: \"!\",\n} as const;\n\nexport interface ChatBubbleProps {\n    /** The message this bubble renders. */\n    message: ChatMessage;\n    /** Whether it belongs to the current user — side, colour and ticks. */\n    own: boolean;\n    /** Locale for labels. */\n    locale: \"pt-BR\" | \"en\";\n    /** Retry handler for a `\"failed\"` message. */\n    onRetry?: (message: ChatMessage) => void;\n    /** Toggles a reaction. Receives the emoji that was pressed. */\n    onReact?: (message: ChatMessage, emoji: string) => void;\n    /** Per-message actions, opened by right click, long press or the ⋮ button. */\n    messageActions?: (message: ChatMessage) => ContextMenuItem[];\n    /** Called when the quote stub is activated — scroll to the quoted message. */\n    onQuoteClick?: (message: ChatMessage) => void;\n}\n\n/**\n * One message bubble.\n *\n * Everything a messenger needs on a single message lives here, because every one\n * of these was a thing each app rebuilt on top of a text-only bubble: the reply\n * stub, attachments, reactions, per-recipient ticks, the actions menu, and the\n * tombstone of a deleted message.\n *\n * @param props - The message and its handlers.\n * @returns The bubble, wrapped in a context menu when actions are given.\n */\nexport function ChatBubble({\n    message,\n    own,\n    locale,\n    onRetry,\n    onReact,\n    messageActions,\n    onQuoteClick,\n}: ChatBubbleProps) {\n    const strings = chatStrings(locale);\n    const receiptState = own ? resolveReceiptState(message) : null;\n    const actions = message.deleted ? [] : (messageActions?.(message) ?? []);\n\n    const bubble = (\n        <div\n            className={cn(\n                styles.bubble,\n                own && styles.ownBubble,\n                message.deleted && styles.deletedBubble,\n                message.status === \"failed\" && styles.failedBubble,\n            )}\n        >\n            {message.quote && !message.deleted && (\n                <QuoteStub message={message} locale={locale} onQuoteClick={onQuoteClick} />\n            )}\n\n            {message.deleted ? (\n                <div className={styles.tombstone}>\n                    <span aria-hidden=\"true\">🚫</span> {strings.deleted}\n                </div>\n            ) : (\n                <>\n                    {message.attachments && message.attachments.length > 0 && (\n                        <Suspense fallback={<div className={styles.attachmentsFallback} />}>\n                            <ChatAttachments attachments={message.attachments} strings={strings} />\n                        </Suspense>\n                    )}\n                    {message.body !== undefined && message.body !== null && message.body !== \"\" && (\n                        <div className={styles.body}>{message.body}</div>\n                    )}\n                </>\n            )}\n\n            <div className={styles.meta}>\n                {message.edited && !message.deleted && (\n                    <span className={styles.edited}>{strings.edited}</span>\n                )}\n                <time dateTime={new Date(message.sentAt).toISOString()}>\n                    {timeLabel(message.sentAt, locale)}\n                </time>\n                {receiptState && <Receipt message={message} state={receiptState} locale={locale} />}\n            </div>\n        </div>\n    );\n\n    return (\n        <li className={styles.bubbleRow}>\n            {actions.length > 0 ? (\n                <Suspense fallback={bubble}>\n                    <ChatActionsMenu items={actions} trigger=\"contextmenu\">\n                        {bubble}\n                    </ChatActionsMenu>\n                </Suspense>\n            ) : (\n                bubble\n            )}\n\n            {actions.length > 0 && (\n                <Suspense fallback={null}>\n                    <ChatActionsMenu items={actions} trigger=\"click\">\n                        <button\n                            type=\"button\"\n                            className={styles.actionsButton}\n                            aria-label={strings.messageActions}\n                        >\n                            <span aria-hidden=\"true\">⋮</span>\n                        </button>\n                    </ChatActionsMenu>\n                </Suspense>\n            )}\n\n            {message.reactions && message.reactions.length > 0 && (\n                <ul className={styles.reactions} aria-label={strings.reactions}>\n                    {message.reactions.map((reaction) => (\n                        <li key={reaction.emoji}>\n                            <button\n                                type=\"button\"\n                                className={cn(\n                                    styles.reaction,\n                                    reaction.reacted && styles.reactionMine,\n                                )}\n                                aria-pressed={reaction.reacted ?? false}\n                                title={reaction.names?.join(\", \")}\n                                disabled={!onReact}\n                                onClick={() => onReact?.(message, reaction.emoji)}\n                            >\n                                <span aria-hidden=\"true\">\n                                    {reaction.emoji} {reaction.count}\n                                </span>\n                                <VisuallyHidden>\n                                    {strings.react(reaction.emoji, reaction.count)}\n                                </VisuallyHidden>\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n\n            {message.status === \"failed\" && onRetry && (\n                <button type=\"button\" className={styles.retry} onClick={() => onRetry(message)}>\n                    {strings.retry}\n                </button>\n            )}\n        </li>\n    );\n}\n\n/** The reply stub above a body, or its blanked form once the target is gone. */\nfunction QuoteStub({\n    message,\n    locale,\n    onQuoteClick,\n}: {\n    message: ChatMessage;\n    locale: \"pt-BR\" | \"en\";\n    onQuoteClick?: (message: ChatMessage) => void;\n}): ReactNode {\n    const strings = chatStrings(locale);\n    const quote = message.quote;\n    if (!quote) return null;\n    const label = quote.revoked\n        ? strings.quoteRevoked\n        : (quote.excerpt ??\n          (quote.kind && quote.kind !== \"text\" ? strings.quoteKind[quote.kind] : \"\"));\n\n    const content = (\n        <>\n            <span className={styles.quoteAuthor}>\n                {quote.senderName ?? strings.replyingTo(quote.messageId)}\n            </span>\n            <span className={cn(styles.quoteText, quote.revoked && styles.quoteRevoked)}>\n                {label}\n            </span>\n        </>\n    );\n\n    return onQuoteClick ? (\n        <button\n            type=\"button\"\n            className={cn(styles.quote, styles.quoteButton)}\n            onClick={() => onQuoteClick(message)}\n        >\n            {content}\n        </button>\n    ) : (\n        <div className={styles.quote}>{content}</div>\n    );\n}\n\n/** The ticks, and the sentence behind them. */\nfunction Receipt({\n    message,\n    state,\n    locale,\n}: {\n    message: ChatMessage;\n    state: keyof typeof RECEIPT_GLYPH;\n    locale: \"pt-BR\" | \"en\";\n}): ReactNode {\n    const strings = chatStrings(locale);\n    const label =\n        message.receipt && message.receipt.totalRecipients > 0 && state !== \"failed\"\n            ? receiptLabel(message.receipt, strings)\n            : strings[state === \"delivered\" ? \"sent\" : state];\n\n    return (\n        <span\n            className={cn(\n                styles.status,\n                state === \"read\" && styles.statusRead,\n                state === \"failed\" && styles.statusFailed,\n            )}\n            title={label}\n        >\n            <span aria-hidden=\"true\">{RECEIPT_GLYPH[state]}</span>\n            <VisuallyHidden>{label}</VisuallyHidden>\n        </span>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Chat/ChatBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBubble.js","names":[],"sources":["../../../src/components/Chat/ChatBubble.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines props-count function-lines — one bubble is one unit of\n * layout, and every part of it reads from the same message: the quote above the\n * body, the body or its tombstone, the attachments, the reactions under it, and the\n * timestamp with its ticks. Splitting them would pass the same message to six\n * components and put the bubble's geometry in none of them.\n */\nimport { Suspense, lazy, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport type { ContextMenuItem } from \"../ContextMenu\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { chatStrings, timeLabel, type ChatMessage } from \"./chat-groups\";\nimport { receiptLabel, resolveReceiptState } from \"./chat-receipt\";\nimport styles from \"./Chat.module.css\";\n\nconst ChatAttachments = lazy(() =>\n    import(\"./ChatAttachments\").then((module) => ({ default: module.ChatAttachments })),\n);\n\nconst ChatActionsMenu = lazy(() =>\n    import(\"./ChatActionsMenu\").then((module) => ({ default: module.ChatActionsMenu })),\n);\n\n/** Glyph per tick state. `delivered` is the one a boolean `status` cannot say. */\nconst RECEIPT_GLYPH = {\n    sending: \"◌\",\n    sent: \"✓\",\n    delivered: \"✓✓\",\n    read: \"✓✓\",\n    failed: \"!\",\n} as const;\n\nexport interface ChatBubbleProps {\n    /** The message this bubble renders. */\n    message: ChatMessage;\n    /** Whether it belongs to the current user — side, colour and ticks. */\n    own: boolean;\n    /** Locale for labels. */\n    locale: \"pt-BR\" | \"en\";\n    /** Retry handler for a `\"failed\"` message. */\n    onRetry?: (message: ChatMessage) => void;\n    /** Toggles a reaction. Receives the emoji that was pressed. */\n    onReact?: (message: ChatMessage, emoji: string) => void;\n    /** Per-message actions, opened by right click, long press or the ⋮ button. */\n    messageActions?: (message: ChatMessage) => ContextMenuItem[];\n    /** Called when the quote stub is activated — scroll to the quoted message. */\n    onQuoteClick?: (message: ChatMessage) => void;\n}\n\n/**\n * One message bubble.\n *\n * Everything a messenger needs on a single message lives here, because every one\n * of these was a thing each app rebuilt on top of a text-only bubble: the reply\n * stub, attachments, reactions, per-recipient ticks, the actions menu, and the\n * tombstone of a deleted message.\n *\n * @param props - The message and its handlers.\n * @returns The bubble, wrapped in a context menu when actions are given.\n */\nexport function ChatBubble({\n    message,\n    own,\n    locale,\n    onRetry,\n    onReact,\n    messageActions,\n    onQuoteClick,\n}: ChatBubbleProps) {\n    const strings = chatStrings(locale);\n    const receiptState = own ? resolveReceiptState(message) : null;\n    const actions = message.deleted ? [] : (messageActions?.(message) ?? []);\n\n    const bubble = (\n        <div\n            className={cn(\n                styles.bubble,\n                own && styles.ownBubble,\n                message.deleted && styles.deletedBubble,\n                message.status === \"failed\" && styles.failedBubble,\n            )}\n        >\n            {message.quote && !message.deleted && (\n                <QuoteStub message={message} locale={locale} onQuoteClick={onQuoteClick} />\n            )}\n\n            {message.deleted ? (\n                <div className={styles.tombstone}>\n                    <span aria-hidden=\"true\">🚫</span> {strings.deleted}\n                </div>\n            ) : (\n                <>\n                    {message.attachments && message.attachments.length > 0 && (\n                        <Suspense fallback={<div className={styles.attachmentsFallback} />}>\n                            <ChatAttachments attachments={message.attachments} strings={strings} />\n                        </Suspense>\n                    )}\n                    {message.body !== undefined && message.body !== null && message.body !== \"\" && (\n                        <div className={styles.body}>{message.body}</div>\n                    )}\n                </>\n            )}\n\n            <div className={styles.meta}>\n                {message.edited && !message.deleted && (\n                    <span className={styles.edited}>{strings.edited}</span>\n                )}\n                <time dateTime={new Date(message.sentAt).toISOString()}>\n                    {timeLabel(message.sentAt, locale)}\n                </time>\n                {receiptState && <Receipt message={message} state={receiptState} locale={locale} />}\n            </div>\n        </div>\n    );\n\n    return (\n        <li className={styles.bubbleRow}>\n            {actions.length > 0 ? (\n                <Suspense fallback={bubble}>\n                    <ChatActionsMenu items={actions} trigger=\"contextmenu\">\n                        {bubble}\n                    </ChatActionsMenu>\n                </Suspense>\n            ) : (\n                bubble\n            )}\n\n            {actions.length > 0 && (\n                <Suspense fallback={null}>\n                    <ChatActionsMenu items={actions} trigger=\"click\">\n                        <button\n                            type=\"button\"\n                            className={styles.actionsButton}\n                            aria-label={strings.messageActions}\n                        >\n                            <span aria-hidden=\"true\">⋮</span>\n                        </button>\n                    </ChatActionsMenu>\n                </Suspense>\n            )}\n\n            {message.reactions && message.reactions.length > 0 && (\n                <ul className={styles.reactions} aria-label={strings.reactions}>\n                    {message.reactions.map((reaction) => (\n                        <li key={reaction.emoji}>\n                            <button\n                                type=\"button\"\n                                className={cn(\n                                    styles.reaction,\n                                    reaction.reacted && styles.reactionMine,\n                                )}\n                                aria-pressed={reaction.reacted ?? false}\n                                title={reaction.names?.join(\", \")}\n                                disabled={!onReact}\n                                onClick={() => onReact?.(message, reaction.emoji)}\n                            >\n                                <span aria-hidden=\"true\">\n                                    {reaction.emoji} {reaction.count}\n                                </span>\n                                <VisuallyHidden>\n                                    {strings.react(reaction.emoji, reaction.count)}\n                                </VisuallyHidden>\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n\n            {message.status === \"failed\" && onRetry && (\n                <button type=\"button\" className={styles.retry} onClick={() => onRetry(message)}>\n                    {strings.retry}\n                </button>\n            )}\n        </li>\n    );\n}\n\n/** The reply stub above a body, or its blanked form once the target is gone. */\nfunction QuoteStub({\n    message,\n    locale,\n    onQuoteClick,\n}: {\n    message: ChatMessage;\n    locale: \"pt-BR\" | \"en\";\n    onQuoteClick?: (message: ChatMessage) => void;\n}): ReactNode {\n    const strings = chatStrings(locale);\n    const quote = message.quote;\n    if (!quote) return null;\n    const label = quote.revoked\n        ? strings.quoteRevoked\n        : (quote.excerpt ??\n          (quote.kind && quote.kind !== \"text\" ? strings.quoteKind[quote.kind] : \"\"));\n\n    const content = (\n        <>\n            <span className={styles.quoteAuthor}>\n                {quote.senderName ?? strings.replyingTo(quote.messageId)}\n            </span>\n            <span className={cn(styles.quoteText, quote.revoked && styles.quoteRevoked)}>\n                {label}\n            </span>\n        </>\n    );\n\n    return onQuoteClick ? (\n        <button\n            type=\"button\"\n            className={cn(styles.quote, styles.quoteButton)}\n            onClick={() => onQuoteClick(message)}\n        >\n            {content}\n        </button>\n    ) : (\n        <div className={styles.quote}>{content}</div>\n    );\n}\n\n/** The ticks, and the sentence behind them. */\nfunction Receipt({\n    message,\n    state,\n    locale,\n}: {\n    message: ChatMessage;\n    state: keyof typeof RECEIPT_GLYPH;\n    locale: \"pt-BR\" | \"en\";\n}): ReactNode {\n    const strings = chatStrings(locale);\n    const label =\n        message.receipt && message.receipt.totalRecipients > 0 && state !== \"failed\"\n            ? receiptLabel(message.receipt, strings)\n            : strings[state === \"delivered\" ? \"sent\" : state];\n\n    return (\n        <span\n            className={cn(\n                styles.status,\n                state === \"read\" && styles.statusRead,\n                state === \"failed\" && styles.statusFailed,\n            )}\n            title={label}\n        >\n            <span aria-hidden=\"true\">{RECEIPT_GLYPH[state]}</span>\n            <VisuallyHidden>{label}</VisuallyHidden>\n        </span>\n    );\n}\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAkB,QACpB,OAAO,uBAAoB,CAAC,MAAM,OAAY,EAAE,SAAS,EAAO,gBAAgB,EAAE,CACtF,GAEM,IAAkB,QACpB,OAAO,uBAAoB,CAAC,MAAM,OAAY,EAAE,SAAS,EAAO,gBAAgB,EAAE,CACtF,GAGM,IAAgB;CAClB,SAAS;CACT,MAAM;CACN,WAAW;CACX,MAAM;CACN,QAAQ;AACZ;AA8BA,SAAgB,EAAW,EACvB,YACA,QACA,WACA,YACA,YACA,mBACA,mBACgB;CAChB,IAAM,IAAU,EAAY,CAAM,GAC5B,IAAe,IAAM,EAAoB,CAAO,IAAI,MACpD,IAAU,EAAQ,UAAU,CAAC,IAAK,IAAiB,CAAO,KAAK,CAAC,GAEhE,IACF,kBAAC,OAAD;EACI,WAAW,EACP,EAAO,QACP,KAAO,EAAO,WACd,EAAQ,WAAW,EAAO,eAC1B,EAAQ,WAAW,YAAY,EAAO,YAC1C;EANJ,UAAA;GAQK,EAAQ,SAAS,CAAC,EAAQ,WACvB,kBAAC,GAAD;IAAoB;IAAiB;IAAsB;GAAe,CAAA;GAG7E,EAAQ,UACL,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA;KACI,kBAAC,QAAD;MAAM,eAAY;MAAO,UAAA;KAAQ,CAAA;KAAC;KAAE,EAAQ;IAC3C;GAEL,CAAA,IAAA,kBAAA,GAAA,EAAA,UAAA,CACK,EAAQ,eAAe,EAAQ,YAAY,SAAS,KACjD,kBAAC,GAAD;IAAU,UAAU,kBAAC,OAAD,EAAK,WAAW,EAAO,oBAAsB,CAAA;IAC7D,UAAA,kBAAC,GAAD;KAAiB,aAAa,EAAQ;KAAsB;IAAU,CAAA;GAChE,CAAA,GAEb,EAAQ,SAAS,KAAA,KAAa,EAAQ,SAAS,QAAQ,EAAQ,SAAS,MACrE,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO,UAAA,EAAQ;GAAU,CAAA,CAEtD,EAAA,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA;KACK,EAAQ,UAAU,CAAC,EAAQ,WACxB,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAS,UAAA,EAAQ;KAAa,CAAA;KAE1D,kBAAC,QAAD;MAAM,UAAU,IAAI,KAAK,EAAQ,MAAM,CAAC,CAAC,YAAY;MAChD,UAAA,EAAU,EAAQ,QAAQ,CAAM;KAC/B,CAAA;KACL,KAAgB,kBAAC,GAAD;MAAkB;MAAS,OAAO;MAAsB;KAAS,CAAA;IACjF;;EACJ;;CAGT,OACI,kBAAC,MAAD;EAAI,WAAW,EAAO;EAAtB,UAAA;GACK,EAAQ,SAAS,IACd,kBAAC,GAAD;IAAU,UAAU;IAChB,UAAA,kBAAC,GAAD;KAAiB,OAAO;KAAS,SAAQ;KACpC,UAAA;IACY,CAAA;GACX,CAAA,IAEV;GAGH,EAAQ,SAAS,KACd,kBAAC,GAAD;IAAU,UAAU;IAChB,UAAA,kBAAC,GAAD;KAAiB,OAAO;KAAS,SAAQ;KACrC,UAAA,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAO;MAClB,cAAY,EAAQ;MAEpB,UAAA,kBAAC,QAAD;OAAM,eAAY;OAAO,UAAA;MAAO,CAAA;KAC5B,CAAA;IACK,CAAA;GACX,CAAA;GAGb,EAAQ,aAAa,EAAQ,UAAU,SAAS,KAC7C,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAW,cAAY,EAAQ;IAChD,UAAA,EAAQ,UAAU,KAAK,MACpB,kBAAC,MAAD,EAAA,UACI,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EACP,EAAO,UACP,EAAS,WAAW,EAAO,YAC/B;KACA,gBAAc,EAAS,WAAW;KAClC,OAAO,EAAS,OAAO,KAAK,IAAI;KAChC,UAAU,CAAC;KACX,eAAe,IAAU,GAAS,EAAS,KAAK;KATpD,UAAA,CAWI,kBAAC,QAAD;MAAM,eAAY;MAAlB,UAAA;OACK,EAAS;OAAM;OAAE,EAAS;MACzB;KACN,CAAA,GAAA,kBAAC,GAAD,EAAA,UACK,EAAQ,MAAM,EAAS,OAAO,EAAS,KAAK,EACjC,CAAA,CACZ;IACR,CAAA,EAAA,GAnBK,EAAS,KAmBd,CACP;GACD,CAAA;GAGP,EAAQ,WAAW,YAAY,KAC5B,kBAAC,UAAD;IAAQ,MAAK;IAAS,WAAW,EAAO;IAAO,eAAe,EAAQ,CAAO;IACxE,UAAA,EAAQ;GACL,CAAA;EAEZ;;AAEZ;AAGA,SAAS,EAAU,EACf,YACA,WACA,mBAKU;CACV,IAAM,IAAU,EAAY,CAAM,GAC5B,IAAQ,EAAQ;CACtB,IAAI,CAAC,GAAO,OAAO;CACnB,IAAM,IAAQ,EAAM,UACd,EAAQ,eACP,EAAM,YACN,EAAM,QAAQ,EAAM,SAAS,SAAS,EAAQ,UAAU,EAAM,QAAQ,KAEvE,IACF,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,QAAD;EAAM,WAAW,EAAO;EACnB,UAAA,EAAM,cAAc,EAAQ,WAAW,EAAM,SAAS;CACrD,CAAA,GACN,kBAAC,QAAD;EAAM,WAAW,EAAG,EAAO,WAAW,EAAM,WAAW,EAAO,YAAY;EACrE,UAAA;CACC,CAAA,CACR,EAAA,CAAA;CAGN,OAAO,IACH,kBAAC,UAAD;EACI,MAAK;EACL,WAAW,EAAG,EAAO,OAAO,EAAO,WAAW;EAC9C,eAAe,EAAa,CAAO;EAElC,UAAA;CACG,CAAA,IAER,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAQ,UAAA;CAAa,CAAA;AAEpD;AAGA,SAAS,EAAQ,EACb,YACA,UACA,aAKU;CACV,IAAM,IAAU,EAAY,CAAM,GAC5B,IACF,EAAQ,WAAW,EAAQ,QAAQ,kBAAkB,KAAK,MAAU,WAC9D,EAAa,EAAQ,SAAS,CAAO,IACrC,EAAQ,MAAU,cAAc,SAAS;CAEnD,OACI,kBAAC,QAAD;EACI,WAAW,EACP,EAAO,QACP,MAAU,UAAU,EAAO,YAC3B,MAAU,YAAY,EAAO,YACjC;EACA,OAAO;EANX,UAAA,CAQI,kBAAC,QAAD;GAAM,eAAY;GAAQ,UAAA,EAAc;EAAa,CAAA,GACrD,kBAAC,GAAD,EAAA,UAAiB,EAAsB,CAAA,CACrC;;AAEd"}
+{"version":3,"file":"ChatBubble.js","names":["styles","_Fragment","Chat_module_default","Fragment$1","ChatAttachments","lazy","module","ChatActionsMenu","RECEIPT_GLYPH","ChatBubble","strings","chatStrings","locale","receiptState","own","resolveReceiptState","message","actions","messageActions","bubble","cn","QuoteStub","Suspense","timeLabel","Receipt","reaction","onReact","VisuallyHidden","onRetry","quote","label","content","onQuoteClick","state","receiptLabel"],"sources":["../../../src/components/Chat/ChatBubble.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines props-count function-lines — one bubble is one unit of\n * layout, and every part of it reads from the same message: the quote above the\n * body, the body or its tombstone, the attachments, the reactions under it, and the\n * timestamp with its ticks. Splitting them would pass the same message to six\n * components and put the bubble's geometry in none of them.\n */\nimport { Suspense, lazy, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport type { ContextMenuItem } from \"../ContextMenu\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { chatStrings, timeLabel, type ChatMessage } from \"./chat-groups\";\nimport { receiptLabel, resolveReceiptState } from \"./chat-receipt\";\nimport styles from \"./Chat.module.css\";\n\nconst ChatAttachments = lazy(() =>\n    import(\"./ChatAttachments\").then((module) => ({ default: module.ChatAttachments })),\n);\n\nconst ChatActionsMenu = lazy(() =>\n    import(\"./ChatActionsMenu\").then((module) => ({ default: module.ChatActionsMenu })),\n);\n\n/** Glyph per tick state. `delivered` is the one a boolean `status` cannot say. */\nconst RECEIPT_GLYPH = {\n    sending: \"◌\",\n    sent: \"✓\",\n    delivered: \"✓✓\",\n    read: \"✓✓\",\n    failed: \"!\",\n} as const;\n\nexport interface ChatBubbleProps {\n    /** The message this bubble renders. */\n    message: ChatMessage;\n    /** Whether it belongs to the current user — side, colour and ticks. */\n    own: boolean;\n    /** Locale for labels. */\n    locale: \"pt-BR\" | \"en\";\n    /** Retry handler for a `\"failed\"` message. */\n    onRetry?: (message: ChatMessage) => void;\n    /** Toggles a reaction. Receives the emoji that was pressed. */\n    onReact?: (message: ChatMessage, emoji: string) => void;\n    /** Per-message actions, opened by right click, long press or the ⋮ button. */\n    messageActions?: (message: ChatMessage) => ContextMenuItem[];\n    /** Called when the quote stub is activated — scroll to the quoted message. */\n    onQuoteClick?: (message: ChatMessage) => void;\n}\n\n/**\n * One message bubble.\n *\n * Everything a messenger needs on a single message lives here, because every one\n * of these was a thing each app rebuilt on top of a text-only bubble: the reply\n * stub, attachments, reactions, per-recipient ticks, the actions menu, and the\n * tombstone of a deleted message.\n *\n * @param props - The message and its handlers.\n * @returns The bubble, wrapped in a context menu when actions are given.\n */\nexport function ChatBubble({\n    message,\n    own,\n    locale,\n    onRetry,\n    onReact,\n    messageActions,\n    onQuoteClick,\n}: ChatBubbleProps) {\n    const strings = chatStrings(locale);\n    const receiptState = own ? resolveReceiptState(message) : null;\n    const actions = message.deleted ? [] : (messageActions?.(message) ?? []);\n\n    const bubble = (\n        <div\n            className={cn(\n                styles.bubble,\n                own && styles.ownBubble,\n                message.deleted && styles.deletedBubble,\n                message.status === \"failed\" && styles.failedBubble,\n            )}\n        >\n            {message.quote && !message.deleted && (\n                <QuoteStub message={message} locale={locale} onQuoteClick={onQuoteClick} />\n            )}\n\n            {message.deleted ? (\n                <div className={styles.tombstone}>\n                    <span aria-hidden=\"true\">🚫</span> {strings.deleted}\n                </div>\n            ) : (\n                <>\n                    {message.attachments && message.attachments.length > 0 && (\n                        <Suspense fallback={<div className={styles.attachmentsFallback} />}>\n                            <ChatAttachments attachments={message.attachments} strings={strings} />\n                        </Suspense>\n                    )}\n                    {message.body !== undefined && message.body !== null && message.body !== \"\" && (\n                        <div className={styles.body}>{message.body}</div>\n                    )}\n                </>\n            )}\n\n            <div className={styles.meta}>\n                {message.edited && !message.deleted && (\n                    <span className={styles.edited}>{strings.edited}</span>\n                )}\n                <time dateTime={new Date(message.sentAt).toISOString()}>\n                    {timeLabel(message.sentAt, locale)}\n                </time>\n                {receiptState && <Receipt message={message} state={receiptState} locale={locale} />}\n            </div>\n        </div>\n    );\n\n    return (\n        <li className={styles.bubbleRow}>\n            {actions.length > 0 ? (\n                <Suspense fallback={bubble}>\n                    <ChatActionsMenu items={actions} trigger=\"contextmenu\">\n                        {bubble}\n                    </ChatActionsMenu>\n                </Suspense>\n            ) : (\n                bubble\n            )}\n\n            {actions.length > 0 && (\n                <Suspense fallback={null}>\n                    <ChatActionsMenu items={actions} trigger=\"click\">\n                        <button\n                            type=\"button\"\n                            className={styles.actionsButton}\n                            aria-label={strings.messageActions}\n                        >\n                            <span aria-hidden=\"true\">⋮</span>\n                        </button>\n                    </ChatActionsMenu>\n                </Suspense>\n            )}\n\n            {message.reactions && message.reactions.length > 0 && (\n                <ul className={styles.reactions} aria-label={strings.reactions}>\n                    {message.reactions.map((reaction) => (\n                        <li key={reaction.emoji}>\n                            <button\n                                type=\"button\"\n                                className={cn(\n                                    styles.reaction,\n                                    reaction.reacted && styles.reactionMine,\n                                )}\n                                aria-pressed={reaction.reacted ?? false}\n                                title={reaction.names?.join(\", \")}\n                                disabled={!onReact}\n                                onClick={() => onReact?.(message, reaction.emoji)}\n                            >\n                                <span aria-hidden=\"true\">\n                                    {reaction.emoji} {reaction.count}\n                                </span>\n                                <VisuallyHidden>\n                                    {strings.react(reaction.emoji, reaction.count)}\n                                </VisuallyHidden>\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n\n            {message.status === \"failed\" && onRetry && (\n                <button type=\"button\" className={styles.retry} onClick={() => onRetry(message)}>\n                    {strings.retry}\n                </button>\n            )}\n        </li>\n    );\n}\n\n/** The reply stub above a body, or its blanked form once the target is gone. */\nfunction QuoteStub({\n    message,\n    locale,\n    onQuoteClick,\n}: {\n    message: ChatMessage;\n    locale: \"pt-BR\" | \"en\";\n    onQuoteClick?: (message: ChatMessage) => void;\n}): ReactNode {\n    const strings = chatStrings(locale);\n    const quote = message.quote;\n    if (!quote) return null;\n    const label = quote.revoked\n        ? strings.quoteRevoked\n        : (quote.excerpt ??\n          (quote.kind && quote.kind !== \"text\" ? strings.quoteKind[quote.kind] : \"\"));\n\n    const content = (\n        <>\n            <span className={styles.quoteAuthor}>\n                {quote.senderName ?? strings.replyingTo(quote.messageId)}\n            </span>\n            <span className={cn(styles.quoteText, quote.revoked && styles.quoteRevoked)}>\n                {label}\n            </span>\n        </>\n    );\n\n    return onQuoteClick ? (\n        <button\n            type=\"button\"\n            className={cn(styles.quote, styles.quoteButton)}\n            onClick={() => onQuoteClick(message)}\n        >\n            {content}\n        </button>\n    ) : (\n        <div className={styles.quote}>{content}</div>\n    );\n}\n\n/** The ticks, and the sentence behind them. */\nfunction Receipt({\n    message,\n    state,\n    locale,\n}: {\n    message: ChatMessage;\n    state: keyof typeof RECEIPT_GLYPH;\n    locale: \"pt-BR\" | \"en\";\n}): ReactNode {\n    const strings = chatStrings(locale);\n    const label =\n        message.receipt && message.receipt.totalRecipients > 0 && state !== \"failed\"\n            ? receiptLabel(message.receipt, strings)\n            : strings[state === \"delivered\" ? \"sent\" : state];\n\n    return (\n        <span\n            className={cn(\n                styles.status,\n                state === \"read\" && styles.statusRead,\n                state === \"failed\" && styles.statusFailed,\n            )}\n            title={label}\n        >\n            <span aria-hidden=\"true\">{RECEIPT_GLYPH[state]}</span>\n            <VisuallyHidden>{label}</VisuallyHidden>\n        </span>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Chat/ChatComposer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatComposer.cjs","names":[],"sources":["../../../src/components/Chat/ChatComposer.tsx"],"sourcesContent":["import {\n    forwardRef,\n    useImperativeHandle,\n    useLayoutEffect,\n    useRef,\n    useState,\n    type FormEvent,\n    type KeyboardEvent,\n    type ReactNode,\n    type TextareaHTMLAttributes,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { chatStrings } from \"./chat-groups\";\nimport styles from \"./Chat.module.css\";\n\n/** DOM attributes the composer redefines. */\ntype OverriddenDomProps = \"onSubmit\" | \"value\" | \"defaultValue\" | \"rows\";\n\nexport interface ChatComposerProps extends Omit<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    OverriddenDomProps\n> {\n    /** Called with the trimmed text. The field clears only when this does not throw. */\n    onSend: (text: string) => void | Promise<void>;\n    /** Locale for the placeholder and the send label. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Rendered to the left of the send button — an attach button, an emoji picker. */\n    actions?: ReactNode;\n    /** Largest height the field grows to, in lines. Default 6. */\n    maxRows?: number;\n    /** Send label. Defaults to the locale string. */\n    sendLabel?: string;\n    /**\n     * Called when `onSend` rejects. The draft is kept either way.\n     *\n     * Without it the rejection is swallowed after the draft is preserved, because\n     * the alternative is worse: re-throwing out of a DOM event handler surfaces as\n     * an unhandled promise rejection — console noise for the developer, a hit in\n     * whatever crash reporter the app runs, and nothing the user can act on. The\n     * visible signal is the text still sitting in the field; wire this to a toast\n     * to say why.\n     */\n    onError?: (error: unknown) => void;\n}\n\n/** Imperative handle, so a thread can focus the field after retrying a message. */\nexport interface ChatComposerHandle {\n    focus: () => void;\n    /** Replace the draft — used to put a failed message back in the field. */\n    setValue: (text: string) => void;\n}\n\n/**\n * The message field of a thread: a textarea that grows with its content, sends on\n * `Enter` and keeps `Shift+Enter` for a newline.\n *\n * Uncontrolled on purpose. A chat draft changes on every keystroke, and lifting\n * that into app state re-renders the whole thread per character — the one place\n * where \"controlled by default\" costs something visible. Apps that need the draft\n * (a persisted composer, a slash-command menu) read it from `onChange` or drive it\n * through the ref.\n *\n * @example\n * <ChatComposer onSend={(text) => api.post(\"/messages\", { body: { text } })} />\n */\nexport const ChatComposer = forwardRef<ChatComposerHandle, ChatComposerProps>(function ChatComposer(\n    {\n        onSend,\n        locale = \"pt-BR\",\n        actions,\n        maxRows = 6,\n        sendLabel,\n        onError,\n        className,\n        disabled,\n        placeholder,\n        onKeyDown,\n        onChange,\n        ...rest\n    },\n    ref,\n) {\n    const strings = chatStrings(locale);\n    const textarea = useRef<HTMLTextAreaElement | null>(null);\n    const [value, setValue] = useState(\"\");\n    const [busy, setBusy] = useState(false);\n\n    useImperativeHandle(ref, () => ({\n        focus: () => textarea.current?.focus(),\n        setValue: (text: string) => {\n            setValue(text);\n            textarea.current?.focus();\n        },\n    }));\n\n    /**\n     * Grow the field to fit its content, up to `maxRows`.\n     *\n     * Measured from `scrollHeight` after resetting the height, because\n     * `scrollHeight` on an element that is already tall enough reports the\n     * current height and the field would never shrink back.\n     */\n    useLayoutEffect(() => {\n        const node = textarea.current;\n        if (!node) return;\n        node.style.height = \"auto\";\n        const lineHeight = Number.parseFloat(getComputedStyle(node).lineHeight) || 20;\n        const max = lineHeight * maxRows;\n        node.style.height = `${Math.min(node.scrollHeight, max)}px`;\n        node.style.overflowY = node.scrollHeight > max ? \"auto\" : \"hidden\";\n    }, [value, maxRows]);\n\n    const submit = async (): Promise<void> => {\n        const text = value.trim();\n        if (!text || busy || disabled) return;\n        setBusy(true);\n        try {\n            await onSend(text);\n            setValue(\"\");\n        } catch (error) {\n            onError?.(error);\n        } finally {\n            setBusy(false);\n        }\n    };\n\n    const handleSubmit = (event: FormEvent): void => {\n        event.preventDefault();\n        void submit();\n    };\n\n    /**\n     * `Enter` sends, `Shift+Enter` breaks the line.\n     *\n     * The IME check is not optional: while composing Japanese or Korean, `Enter`\n     * confirms the candidate word and `keyCode === 229` marks that keystroke.\n     * Sending there would post half a word and eat the confirmation.\n     */\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>): void => {\n        onKeyDown?.(event);\n        if (event.defaultPrevented) return;\n        if (event.key !== \"Enter\" || event.shiftKey) return;\n        if (event.nativeEvent.isComposing || event.keyCode === 229) return;\n        event.preventDefault();\n        void submit();\n    };\n\n    return (\n        <form className={cn(styles.composer, className)} onSubmit={handleSubmit}>\n            <textarea\n                {...rest}\n                ref={textarea}\n                className={styles.field}\n                rows={1}\n                value={value}\n                disabled={disabled}\n                placeholder={placeholder ?? strings.placeholder}\n                onChange={(event) => {\n                    setValue(event.target.value);\n                    onChange?.(event);\n                }}\n                onKeyDown={handleKeyDown}\n            />\n            <div className={styles.composerActions}>\n                {actions}\n                <button\n                    type=\"submit\"\n                    className={styles.send}\n                    disabled={disabled || busy || value.trim() === \"\"}\n                >\n                    {sendLabel ?? strings.send}\n                </button>\n            </div>\n        </form>\n    );\n});\n"],"mappings":"0JAmEA,IAAa,GAAA,EAAe,EAAA,WAAA,CAAkD,SAC1E,CACI,SACA,SAAS,QACT,UACA,UAAU,EACV,YACA,UACA,YACA,WACA,cACA,YACA,WACA,GAAG,GAEP,EACF,CACE,IAAM,EAAU,EAAA,YAAY,CAAM,EAC5B,GAAA,EAAW,EAAA,OAAA,CAAmC,IAAI,EAClD,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAS,EAAE,EAC/B,CAAC,EAAM,IAAA,EAAW,EAAA,SAAA,CAAS,EAAK,GAEtC,EAAA,EAAA,oBAAA,CAAoB,OAAY,CAC5B,UAAa,EAAS,SAAS,MAAM,EACrC,SAAW,GAAiB,CACxB,EAAS,CAAI,EACb,EAAS,SAAS,MAAM,CAC5B,CACJ,EAAE,GASF,EAAA,EAAA,gBAAA,KAAsB,CAClB,IAAM,EAAO,EAAS,QACtB,GAAI,CAAC,EAAM,OACX,EAAK,MAAM,OAAS,OAEpB,IAAM,GADa,OAAO,WAAW,iBAAiB,CAAI,CAAC,CAAC,UAAU,GAAK,IAClD,EACzB,EAAK,MAAM,OAAS,GAAG,KAAK,IAAI,EAAK,aAAc,CAAG,EAAE,IACxD,EAAK,MAAM,UAAY,EAAK,aAAe,EAAM,OAAS,QAC9D,EAAG,CAAC,EAAO,CAAO,CAAC,EAEnB,IAAM,EAAS,SAA2B,CACtC,IAAM,EAAO,EAAM,KAAK,EACpB,MAAC,GAAQ,GAAQ,GACrB,GAAQ,EAAI,EACZ,GAAI,CACA,MAAM,EAAO,CAAI,EACjB,EAAS,EAAE,CACf,OAAS,EAAO,CACZ,IAAU,CAAK,CACnB,QAAU,CACN,EAAQ,EAAK,CACjB,CARY,CAShB,EAEM,EAAgB,GAA2B,CAC7C,EAAM,eAAe,EACrB,EAAY,CAChB,EASM,EAAiB,GAAoD,CACvE,IAAY,CAAK,EACb,GAAM,mBACN,EAAM,MAAQ,SAAW,EAAM,UAC/B,EAAM,YAAY,aAAe,EAAM,UAAY,MACvD,EAAM,eAAe,EACrB,EAAY,GAChB,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,CAAS,EAAG,SAAU,EAA3D,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,WAAD,CACI,GAAI,EACJ,IAAK,EACL,UAAW,EAAA,QAAO,MAClB,KAAM,EACC,QACG,WACV,YAAa,GAAe,EAAQ,YACpC,SAAW,GAAU,CACjB,EAAS,EAAM,OAAO,KAAK,EAC3B,IAAW,CAAK,CACpB,EACA,UAAW,CACd,CAAA,GACD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAvB,SAAA,CACK,GACD,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,KAClB,SAAU,GAAY,GAAQ,EAAM,KAAK,IAAM,GAE9C,SAAA,GAAa,EAAQ,IAClB,CAAA,CACP,CACH,CAAA,CAAA,GAEd,CAAC"}
+{"version":3,"file":"ChatComposer.cjs","names":["forwardRef","chatStrings","useRef","useState","cn","styles","require_cn","require_chat_groups","require_Chat_module","react","react_jsx_runtime","ChatComposer","rest","strings","locale","textarea","value","setValue","busy","setBusy","ref","text","node","max","maxRows","submit","disabled","onSend","error","onError","handleSubmit","event","handleKeyDown","onKeyDown","className","placeholder","onChange","actions","sendLabel"],"sources":["../../../src/components/Chat/ChatComposer.tsx"],"sourcesContent":["import {\n    forwardRef,\n    useImperativeHandle,\n    useLayoutEffect,\n    useRef,\n    useState,\n    type FormEvent,\n    type KeyboardEvent,\n    type ReactNode,\n    type TextareaHTMLAttributes,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { chatStrings } from \"./chat-groups\";\nimport styles from \"./Chat.module.css\";\n\n/** DOM attributes the composer redefines. */\ntype OverriddenDomProps = \"onSubmit\" | \"value\" | \"defaultValue\" | \"rows\";\n\nexport interface ChatComposerProps extends Omit<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    OverriddenDomProps\n> {\n    /** Called with the trimmed text. The field clears only when this does not throw. */\n    onSend: (text: string) => void | Promise<void>;\n    /** Locale for the placeholder and the send label. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Rendered to the left of the send button — an attach button, an emoji picker. */\n    actions?: ReactNode;\n    /** Largest height the field grows to, in lines. Default 6. */\n    maxRows?: number;\n    /** Send label. Defaults to the locale string. */\n    sendLabel?: string;\n    /**\n     * Called when `onSend` rejects. The draft is kept either way.\n     *\n     * Without it the rejection is swallowed after the draft is preserved, because\n     * the alternative is worse: re-throwing out of a DOM event handler surfaces as\n     * an unhandled promise rejection — console noise for the developer, a hit in\n     * whatever crash reporter the app runs, and nothing the user can act on. The\n     * visible signal is the text still sitting in the field; wire this to a toast\n     * to say why.\n     */\n    onError?: (error: unknown) => void;\n}\n\n/** Imperative handle, so a thread can focus the field after retrying a message. */\nexport interface ChatComposerHandle {\n    focus: () => void;\n    /** Replace the draft — used to put a failed message back in the field. */\n    setValue: (text: string) => void;\n}\n\n/**\n * The message field of a thread: a textarea that grows with its content, sends on\n * `Enter` and keeps `Shift+Enter` for a newline.\n *\n * Uncontrolled on purpose. A chat draft changes on every keystroke, and lifting\n * that into app state re-renders the whole thread per character — the one place\n * where \"controlled by default\" costs something visible. Apps that need the draft\n * (a persisted composer, a slash-command menu) read it from `onChange` or drive it\n * through the ref.\n *\n * @example\n * <ChatComposer onSend={(text) => api.post(\"/messages\", { body: { text } })} />\n */\nexport const ChatComposer = forwardRef<ChatComposerHandle, ChatComposerProps>(function ChatComposer(\n    {\n        onSend,\n        locale = \"pt-BR\",\n        actions,\n        maxRows = 6,\n        sendLabel,\n        onError,\n        className,\n        disabled,\n        placeholder,\n        onKeyDown,\n        onChange,\n        ...rest\n    },\n    ref,\n) {\n    const strings = chatStrings(locale);\n    const textarea = useRef<HTMLTextAreaElement | null>(null);\n    const [value, setValue] = useState(\"\");\n    const [busy, setBusy] = useState(false);\n\n    useImperativeHandle(ref, () => ({\n        focus: () => textarea.current?.focus(),\n        setValue: (text: string) => {\n            setValue(text);\n            textarea.current?.focus();\n        },\n    }));\n\n    /**\n     * Grow the field to fit its content, up to `maxRows`.\n     *\n     * Measured from `scrollHeight` after resetting the height, because\n     * `scrollHeight` on an element that is already tall enough reports the\n     * current height and the field would never shrink back.\n     */\n    useLayoutEffect(() => {\n        const node = textarea.current;\n        if (!node) return;\n        node.style.height = \"auto\";\n        const lineHeight = Number.parseFloat(getComputedStyle(node).lineHeight) || 20;\n        const max = lineHeight * maxRows;\n        node.style.height = `${Math.min(node.scrollHeight, max)}px`;\n        node.style.overflowY = node.scrollHeight > max ? \"auto\" : \"hidden\";\n    }, [value, maxRows]);\n\n    const submit = async (): Promise<void> => {\n        const text = value.trim();\n        if (!text || busy || disabled) return;\n        setBusy(true);\n        try {\n            await onSend(text);\n            setValue(\"\");\n        } catch (error) {\n            onError?.(error);\n        } finally {\n            setBusy(false);\n        }\n    };\n\n    const handleSubmit = (event: FormEvent): void => {\n        event.preventDefault();\n        void submit();\n    };\n\n    /**\n     * `Enter` sends, `Shift+Enter` breaks the line.\n     *\n     * The IME check is not optional: while composing Japanese or Korean, `Enter`\n     * confirms the candidate word and `keyCode === 229` marks that keystroke.\n     * Sending there would post half a word and eat the confirmation.\n     */\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>): void => {\n        onKeyDown?.(event);\n        if (event.defaultPrevented) return;\n        if (event.key !== \"Enter\" || event.shiftKey) return;\n        if (event.nativeEvent.isComposing || event.keyCode === 229) return;\n        event.preventDefault();\n        void submit();\n    };\n\n    return (\n        <form className={cn(styles.composer, className)} onSubmit={handleSubmit}>\n            <textarea\n                {...rest}\n                ref={textarea}\n                className={styles.field}\n                rows={1}\n                value={value}\n                disabled={disabled}\n                placeholder={placeholder ?? strings.placeholder}\n                onChange={(event) => {\n                    setValue(event.target.value);\n                    onChange?.(event);\n                }}\n                onKeyDown={handleKeyDown}\n            />\n            <div className={styles.composerActions}>\n                {actions}\n                <button\n                    type=\"submit\"\n                    className={styles.send}\n                    disabled={disabled || busy || value.trim() === \"\"}\n                >\n                    {sendLabel ?? strings.send}\n                </button>\n            </div>\n        </form>\n    );\n});\n"],"mappings":"A,0JAmEA,IAAaW,GAAA,EAAeX,EAAAA,WAAAA,CAAkD,SAC1E,CACI,SACA,SAAS,QACT,UACA,UAAU,EACV,YACA,UACA,YACA,WACA,cACA,YACA,WACA,GAAGY,GAEP,EACF,CACE,IAAMC,EAAUZ,EAAAA,YAAYa,CAAM,EAC5BC,GAAA,EAAWb,EAAAA,OAAAA,CAAmC,IAAI,EAClD,CAACc,EAAOC,IAAA,EAAYd,EAAAA,SAAAA,CAAS,EAAE,EAC/B,CAACe,EAAMC,IAAA,EAAWhB,EAAAA,SAAAA,CAAS,EAAK,GAEtC,EAAAM,EAAA,oBAAA,CAAoBW,OAAY,CAC5B,UAAaL,EAAS,SAAS,MAAM,EACrC,SAAW,GAAiB,CACxBE,EAASI,CAAI,EACbN,EAAS,SAAS,MAAM,CAC5B,CACJ,EAAE,GASF,EAAAN,EAAA,gBAAA,KAAsB,CAClB,IAAMa,EAAOP,EAAS,QACtB,GAAI,CAACO,EAAM,OACX,EAAK,MAAM,OAAS,OAEpB,IAAMC,GADa,OAAO,WAAW,iBAAiBD,CAAI,CAAC,CAAC,UAAU,GAAK,IAClDE,EACzB,EAAK,MAAM,OAAS,GAAG,KAAK,IAAIF,EAAK,aAAcC,CAAG,EAAE,IACxD,EAAK,MAAM,UAAYD,EAAK,aAAeC,EAAM,OAAS,QAC9D,EAAG,CAACP,EAAOQ,CAAO,CAAC,EAEnB,IAAMC,EAAS,SAA2B,CACtC,IAAMJ,EAAOL,EAAM,KAAK,EACxB,GAAI,GAACK,GAAQH,GAAQQ,GACrB,GAAQ,EAAI,EACZ,GAAI,CACA,MAAMC,EAAON,CAAI,EACjBJ,EAAS,EAAE,CACf,OAASW,EAAO,CACZC,IAAUD,CAAK,CACnB,QAAU,CACNT,EAAQ,EAAK,CACjB,CARY,CAShB,EAEMW,EAAgB,GAA2B,CAC7CC,EAAM,eAAe,EACrBN,EAAY,CAChB,EASMO,EAAiB,GAAoD,CACvEC,IAAYF,CAAK,EACb,GAAM,mBACNA,EAAM,MAAQ,SAAWA,EAAM,UAC/BA,EAAM,YAAY,aAAeA,EAAM,UAAY,MACvDA,EAAM,eAAe,EACrBN,EAAY,GAChB,EAEA,OACI,EAAAf,EAAA,KAAA,CAAC,OAAD,CAAM,UAAWN,EAAAA,GAAGC,EAAAA,QAAO,SAAU6B,CAAS,EAAG,SAAUJ,EAA3D,SAAA,EACI,EAAApB,EAAA,IAAA,CAAC,WAAD,CACI,GAAIE,EACJ,IAAKG,EACL,UAAWV,EAAAA,QAAO,MAClB,KAAM,EACC,QACG,WACV,YAAa8B,GAAetB,EAAQ,YACpC,SAAW,GAAU,CACjBI,EAASc,EAAM,OAAO,KAAK,EAC3BK,IAAWL,CAAK,CACpB,EACA,UAAWC,CACd,CAAA,GACD,EAAAtB,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,QAAO,gBAAvB,SAAA,CACKgC,GACD,EAAA3B,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAWL,EAAAA,QAAO,KAClB,SAAUqB,GAAYR,GAAQF,EAAM,KAAK,IAAM,GAE9C,SAAAsB,GAAazB,EAAQ,IAClB,CAAA,CACP,CACH,CAAA,CAAA,C,EAEd,CAAC,E"}

package/dist/components/Chat/ChatComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatComposer.js","names":[],"sources":["../../../src/components/Chat/ChatComposer.tsx"],"sourcesContent":["import {\n    forwardRef,\n    useImperativeHandle,\n    useLayoutEffect,\n    useRef,\n    useState,\n    type FormEvent,\n    type KeyboardEvent,\n    type ReactNode,\n    type TextareaHTMLAttributes,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { chatStrings } from \"./chat-groups\";\nimport styles from \"./Chat.module.css\";\n\n/** DOM attributes the composer redefines. */\ntype OverriddenDomProps = \"onSubmit\" | \"value\" | \"defaultValue\" | \"rows\";\n\nexport interface ChatComposerProps extends Omit<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    OverriddenDomProps\n> {\n    /** Called with the trimmed text. The field clears only when this does not throw. */\n    onSend: (text: string) => void | Promise<void>;\n    /** Locale for the placeholder and the send label. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Rendered to the left of the send button — an attach button, an emoji picker. */\n    actions?: ReactNode;\n    /** Largest height the field grows to, in lines. Default 6. */\n    maxRows?: number;\n    /** Send label. Defaults to the locale string. */\n    sendLabel?: string;\n    /**\n     * Called when `onSend` rejects. The draft is kept either way.\n     *\n     * Without it the rejection is swallowed after the draft is preserved, because\n     * the alternative is worse: re-throwing out of a DOM event handler surfaces as\n     * an unhandled promise rejection — console noise for the developer, a hit in\n     * whatever crash reporter the app runs, and nothing the user can act on. The\n     * visible signal is the text still sitting in the field; wire this to a toast\n     * to say why.\n     */\n    onError?: (error: unknown) => void;\n}\n\n/** Imperative handle, so a thread can focus the field after retrying a message. */\nexport interface ChatComposerHandle {\n    focus: () => void;\n    /** Replace the draft — used to put a failed message back in the field. */\n    setValue: (text: string) => void;\n}\n\n/**\n * The message field of a thread: a textarea that grows with its content, sends on\n * `Enter` and keeps `Shift+Enter` for a newline.\n *\n * Uncontrolled on purpose. A chat draft changes on every keystroke, and lifting\n * that into app state re-renders the whole thread per character — the one place\n * where \"controlled by default\" costs something visible. Apps that need the draft\n * (a persisted composer, a slash-command menu) read it from `onChange` or drive it\n * through the ref.\n *\n * @example\n * <ChatComposer onSend={(text) => api.post(\"/messages\", { body: { text } })} />\n */\nexport const ChatComposer = forwardRef<ChatComposerHandle, ChatComposerProps>(function ChatComposer(\n    {\n        onSend,\n        locale = \"pt-BR\",\n        actions,\n        maxRows = 6,\n        sendLabel,\n        onError,\n        className,\n        disabled,\n        placeholder,\n        onKeyDown,\n        onChange,\n        ...rest\n    },\n    ref,\n) {\n    const strings = chatStrings(locale);\n    const textarea = useRef<HTMLTextAreaElement | null>(null);\n    const [value, setValue] = useState(\"\");\n    const [busy, setBusy] = useState(false);\n\n    useImperativeHandle(ref, () => ({\n        focus: () => textarea.current?.focus(),\n        setValue: (text: string) => {\n            setValue(text);\n            textarea.current?.focus();\n        },\n    }));\n\n    /**\n     * Grow the field to fit its content, up to `maxRows`.\n     *\n     * Measured from `scrollHeight` after resetting the height, because\n     * `scrollHeight` on an element that is already tall enough reports the\n     * current height and the field would never shrink back.\n     */\n    useLayoutEffect(() => {\n        const node = textarea.current;\n        if (!node) return;\n        node.style.height = \"auto\";\n        const lineHeight = Number.parseFloat(getComputedStyle(node).lineHeight) || 20;\n        const max = lineHeight * maxRows;\n        node.style.height = `${Math.min(node.scrollHeight, max)}px`;\n        node.style.overflowY = node.scrollHeight > max ? \"auto\" : \"hidden\";\n    }, [value, maxRows]);\n\n    const submit = async (): Promise<void> => {\n        const text = value.trim();\n        if (!text || busy || disabled) return;\n        setBusy(true);\n        try {\n            await onSend(text);\n            setValue(\"\");\n        } catch (error) {\n            onError?.(error);\n        } finally {\n            setBusy(false);\n        }\n    };\n\n    const handleSubmit = (event: FormEvent): void => {\n        event.preventDefault();\n        void submit();\n    };\n\n    /**\n     * `Enter` sends, `Shift+Enter` breaks the line.\n     *\n     * The IME check is not optional: while composing Japanese or Korean, `Enter`\n     * confirms the candidate word and `keyCode === 229` marks that keystroke.\n     * Sending there would post half a word and eat the confirmation.\n     */\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>): void => {\n        onKeyDown?.(event);\n        if (event.defaultPrevented) return;\n        if (event.key !== \"Enter\" || event.shiftKey) return;\n        if (event.nativeEvent.isComposing || event.keyCode === 229) return;\n        event.preventDefault();\n        void submit();\n    };\n\n    return (\n        <form className={cn(styles.composer, className)} onSubmit={handleSubmit}>\n            <textarea\n                {...rest}\n                ref={textarea}\n                className={styles.field}\n                rows={1}\n                value={value}\n                disabled={disabled}\n                placeholder={placeholder ?? strings.placeholder}\n                onChange={(event) => {\n                    setValue(event.target.value);\n                    onChange?.(event);\n                }}\n                onKeyDown={handleKeyDown}\n            />\n            <div className={styles.composerActions}>\n                {actions}\n                <button\n                    type=\"submit\"\n                    className={styles.send}\n                    disabled={disabled || busy || value.trim() === \"\"}\n                >\n                    {sendLabel ?? strings.send}\n                </button>\n            </div>\n        </form>\n    );\n});\n"],"mappings":";;;;;;AAmEA,IAAa,IAAe,EAAkD,SAC1E,EACI,WACA,YAAS,SACT,YACA,aAAU,GACV,cACA,YACA,cACA,aACA,gBACA,cACA,aACA,GAAG,KAEP,GACF;CACE,IAAM,IAAU,EAAY,CAAM,GAC5B,IAAW,EAAmC,IAAI,GAClD,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,CAAC,GAAM,KAAW,EAAS,EAAK;CAiBtC,AAfA,EAAoB,UAAY;EAC5B,aAAa,EAAS,SAAS,MAAM;EACrC,WAAW,MAAiB;GAExB,AADA,EAAS,CAAI,GACb,EAAS,SAAS,MAAM;EAC5B;CACJ,EAAE,GASF,QAAsB;EAClB,IAAM,IAAO,EAAS;EACtB,IAAI,CAAC,GAAM;EACX,EAAK,MAAM,SAAS;EAEpB,IAAM,KADa,OAAO,WAAW,iBAAiB,CAAI,CAAC,CAAC,UAAU,KAAK,MAClD;EAEzB,AADA,EAAK,MAAM,SAAS,GAAG,KAAK,IAAI,EAAK,cAAc,CAAG,EAAE,KACxD,EAAK,MAAM,YAAY,EAAK,eAAe,IAAM,SAAS;CAC9D,GAAG,CAAC,GAAO,CAAO,CAAC;CAEnB,IAAM,IAAS,YAA2B;EACtC,IAAM,IAAO,EAAM,KAAK;EACpB,OAAC,KAAQ,KAAQ,IACrB;KAAQ,EAAI;GACZ,IAAI;IAEA,AADA,MAAM,EAAO,CAAI,GACjB,EAAS,EAAE;GACf,SAAS,GAAO;IACZ,IAAU,CAAK;GACnB,UAAU;IACN,EAAQ,EAAK;GACjB;EARY;CAShB,GAEM,KAAgB,MAA2B;EAE7C,AADA,EAAM,eAAe,GACrB,EAAY;CAChB,GASM,KAAiB,MAAoD;EACvE,IAAY,CAAK,GACb,GAAM,qBACN,EAAM,QAAQ,WAAW,EAAM,YAC/B,EAAM,YAAY,eAAe,EAAM,YAAY,QACvD,EAAM,eAAe,GACrB,EAAY;CAChB;CAEA,OACI,kBAAC,QAAD;EAAM,WAAW,EAAG,EAAO,UAAU,CAAS;EAAG,UAAU;EAA3D,UAAA,CACI,kBAAC,YAAD;GACI,GAAI;GACJ,KAAK;GACL,WAAW,EAAO;GAClB,MAAM;GACC;GACG;GACV,aAAa,KAAe,EAAQ;GACpC,WAAW,MAAU;IAEjB,AADA,EAAS,EAAM,OAAO,KAAK,GAC3B,IAAW,CAAK;GACpB;GACA,WAAW;EACd,CAAA,GACD,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAvB,UAAA,CACK,GACD,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAO;IAClB,UAAU,KAAY,KAAQ,EAAM,KAAK,MAAM;IAE9C,UAAA,KAAa,EAAQ;GAClB,CAAA,CACP;EACH,CAAA,CAAA;;AAEd,CAAC"}
+{"version":3,"file":"ChatComposer.js","names":["styles","Chat_module_default","ChatComposer","forwardRef","rest","strings","chatStrings","locale","textarea","useRef","value","setValue","useState","busy","setBusy","useImperativeHandle","ref","text","useLayoutEffect","node","max","maxRows","submit","disabled","onSend","error","handleSubmit","event","handleKeyDown","onKeyDown","cn","className","placeholder","onChange","actions","sendLabel"],"sources":["../../../src/components/Chat/ChatComposer.tsx"],"sourcesContent":["import {\n    forwardRef,\n    useImperativeHandle,\n    useLayoutEffect,\n    useRef,\n    useState,\n    type FormEvent,\n    type KeyboardEvent,\n    type ReactNode,\n    type TextareaHTMLAttributes,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { chatStrings } from \"./chat-groups\";\nimport styles from \"./Chat.module.css\";\n\n/** DOM attributes the composer redefines. */\ntype OverriddenDomProps = \"onSubmit\" | \"value\" | \"defaultValue\" | \"rows\";\n\nexport interface ChatComposerProps extends Omit<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    OverriddenDomProps\n> {\n    /** Called with the trimmed text. The field clears only when this does not throw. */\n    onSend: (text: string) => void | Promise<void>;\n    /** Locale for the placeholder and the send label. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Rendered to the left of the send button — an attach button, an emoji picker. */\n    actions?: ReactNode;\n    /** Largest height the field grows to, in lines. Default 6. */\n    maxRows?: number;\n    /** Send label. Defaults to the locale string. */\n    sendLabel?: string;\n    /**\n     * Called when `onSend` rejects. The draft is kept either way.\n     *\n     * Without it the rejection is swallowed after the draft is preserved, because\n     * the alternative is worse: re-throwing out of a DOM event handler surfaces as\n     * an unhandled promise rejection — console noise for the developer, a hit in\n     * whatever crash reporter the app runs, and nothing the user can act on. The\n     * visible signal is the text still sitting in the field; wire this to a toast\n     * to say why.\n     */\n    onError?: (error: unknown) => void;\n}\n\n/** Imperative handle, so a thread can focus the field after retrying a message. */\nexport interface ChatComposerHandle {\n    focus: () => void;\n    /** Replace the draft — used to put a failed message back in the field. */\n    setValue: (text: string) => void;\n}\n\n/**\n * The message field of a thread: a textarea that grows with its content, sends on\n * `Enter` and keeps `Shift+Enter` for a newline.\n *\n * Uncontrolled on purpose. A chat draft changes on every keystroke, and lifting\n * that into app state re-renders the whole thread per character — the one place\n * where \"controlled by default\" costs something visible. Apps that need the draft\n * (a persisted composer, a slash-command menu) read it from `onChange` or drive it\n * through the ref.\n *\n * @example\n * <ChatComposer onSend={(text) => api.post(\"/messages\", { body: { text } })} />\n */\nexport const ChatComposer = forwardRef<ChatComposerHandle, ChatComposerProps>(function ChatComposer(\n    {\n        onSend,\n        locale = \"pt-BR\",\n        actions,\n        maxRows = 6,\n        sendLabel,\n        onError,\n        className,\n        disabled,\n        placeholder,\n        onKeyDown,\n        onChange,\n        ...rest\n    },\n    ref,\n) {\n    const strings = chatStrings(locale);\n    const textarea = useRef<HTMLTextAreaElement | null>(null);\n    const [value, setValue] = useState(\"\");\n    const [busy, setBusy] = useState(false);\n\n    useImperativeHandle(ref, () => ({\n        focus: () => textarea.current?.focus(),\n        setValue: (text: string) => {\n            setValue(text);\n            textarea.current?.focus();\n        },\n    }));\n\n    /**\n     * Grow the field to fit its content, up to `maxRows`.\n     *\n     * Measured from `scrollHeight` after resetting the height, because\n     * `scrollHeight` on an element that is already tall enough reports the\n     * current height and the field would never shrink back.\n     */\n    useLayoutEffect(() => {\n        const node = textarea.current;\n        if (!node) return;\n        node.style.height = \"auto\";\n        const lineHeight = Number.parseFloat(getComputedStyle(node).lineHeight) || 20;\n        const max = lineHeight * maxRows;\n        node.style.height = `${Math.min(node.scrollHeight, max)}px`;\n        node.style.overflowY = node.scrollHeight > max ? \"auto\" : \"hidden\";\n    }, [value, maxRows]);\n\n    const submit = async (): Promise<void> => {\n        const text = value.trim();\n        if (!text || busy || disabled) return;\n        setBusy(true);\n        try {\n            await onSend(text);\n            setValue(\"\");\n        } catch (error) {\n            onError?.(error);\n        } finally {\n            setBusy(false);\n        }\n    };\n\n    const handleSubmit = (event: FormEvent): void => {\n        event.preventDefault();\n        void submit();\n    };\n\n    /**\n     * `Enter` sends, `Shift+Enter` breaks the line.\n     *\n     * The IME check is not optional: while composing Japanese or Korean, `Enter`\n     * confirms the candidate word and `keyCode === 229` marks that keystroke.\n     * Sending there would post half a word and eat the confirmation.\n     */\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>): void => {\n        onKeyDown?.(event);\n        if (event.defaultPrevented) return;\n        if (event.key !== \"Enter\" || event.shiftKey) return;\n        if (event.nativeEvent.isComposing || event.keyCode === 229) return;\n        event.preventDefault();\n        void submit();\n    };\n\n    return (\n        <form className={cn(styles.composer, className)} onSubmit={handleSubmit}>\n            <textarea\n                {...rest}\n                ref={textarea}\n                className={styles.field}\n                rows={1}\n                value={value}\n                disabled={disabled}\n                placeholder={placeholder ?? strings.placeholder}\n                onChange={(event) => {\n                    setValue(event.target.value);\n                    onChange?.(event);\n                }}\n                onKeyDown={handleKeyDown}\n            />\n            <div className={styles.composerActions}>\n                {actions}\n                <button\n                    type=\"submit\"\n                    className={styles.send}\n                    disabled={disabled || busy || value.trim() === \"\"}\n                >\n                    {sendLabel ?? strings.send}\n                </button>\n            </div>\n        </form>\n    );\n});\n"],"mappings":";;;;;;AAmEA,IAAaE,IAAeC,EAAkD,SAC1E,EACI,WACA,YAAS,SACT,YACA,aAAU,GACV,cACA,YACA,cACA,aACA,gBACA,cACA,aACA,GAAGC,KAEP,GACF;CACE,IAAMC,IAAUC,EAAYC,CAAM,GAC5BC,IAAWC,EAAmC,IAAI,GAClD,CAACC,GAAOC,KAAYC,EAAS,EAAE,GAC/B,CAACC,GAAMC,KAAWF,EAAS,EAAK;CAiBtC,AAfAG,EAAoBC,UAAY;EAC5B,aAAaR,EAAS,SAAS,MAAM;EACrC,WAAW,MAAiB;GAExB,AADAG,EAASM,CAAI,GACbT,EAAS,SAAS,MAAM;EAC5B;CACJ,EAAE,GASFU,QAAsB;EAClB,IAAMC,IAAOX,EAAS;EACtB,IAAI,CAACW,GAAM;EACX,EAAK,MAAM,SAAS;EAEpB,IAAMC,KADa,OAAO,WAAW,iBAAiBD,CAAI,CAAC,CAAC,UAAU,KAAK,MAClDE;EAEzB,AADA,EAAK,MAAM,SAAS,GAAG,KAAK,IAAIF,EAAK,cAAcC,CAAG,EAAE,KACxD,EAAK,MAAM,YAAYD,EAAK,eAAeC,IAAM,SAAS;CAC9D,GAAG,CAACV,GAAOW,CAAO,CAAC;CAEnB,IAAMC,IAAS,YAA2B;EACtC,IAAML,IAAOP,EAAM,KAAK;EACxB,IAAI,GAACO,KAAQJ,KAAQU,IACrB;KAAQ,EAAI;GACZ,IAAI;IAEA,AADA,MAAMC,EAAOP,CAAI,GACjBN,EAAS,EAAE;GACf,SAASc,GAAO;IACZ,IAAUA,CAAK;GACnB,UAAU;IACN,EAAQ,EAAK;GACjB;EARY;CAShB,GAEMC,KAAgB,MAA2B;EAE7C,AADAC,EAAM,eAAe,GACrBL,EAAY;CAChB,GASMM,KAAiB,MAAoD;EAEvE,AADAC,IAAYF,CAAK,GACb,GAAM,qBACNA,EAAM,QAAQ,WAAWA,EAAM,YAC/BA,EAAM,YAAY,eAAeA,EAAM,YAAY,QACvDA,EAAM,eAAe,GACrBL,EAAY;CAChB;CAEA,OACI,kBAAC,QAAD;EAAM,WAAWQ,EAAG9B,EAAO,UAAU+B,CAAS;EAAG,UAAUL;EAA3D,UAAA,CACI,kBAAC,YAAD;GACI,GAAItB;GACJ,KAAKI;GACL,WAAWR,EAAO;GAClB,MAAM;GACC;GACG;GACV,aAAagC,KAAe3B,EAAQ;GACpC,WAAW,MAAU;IAEjB,AADAM,EAASgB,EAAM,OAAO,KAAK,GAC3BM,IAAWN,CAAK;GACpB;GACA,WAAWC;EACd,CAAA,GACD,kBAAC,OAAD;GAAK,WAAW5B,EAAO;GAAvB,UAAA,CACKkC,GACD,kBAAC,UAAD;IACI,MAAK;IACL,WAAWlC,EAAO;IAClB,UAAUuB,KAAYV,KAAQH,EAAM,KAAK,MAAM;IAE9C,UAAAyB,KAAa9B,EAAQ;GAClB,CAAA,CACP;EACH,CAAA,CAAA;;AAEd,CAAC"}

package/dist/components/Chat/chat-groups.cjs

@@ -1,2 +1,2 @@
-var e=3e5;function t(e){let t=new Date(e);return t.setHours(0,0,0,0),t.getTime()}function n({messages:n,currentUserId:r,windowMs:i=e}){let a=[],o=null,s=null;for(let e of n){let n=t(e.sentAt);n!==o&&(o=n,s=null,a.push({kind:`day`,key:`day-${n}`,date:n}));let c=s?.messages[s.messages.length-1];if(s!==null&&c!==void 0&&s.authorId===e.authorId&&e.sentAt-c.sentAt<=i&&s){s.messages.push(e);continue}s={kind:`run`,key:`${e.authorId}-${e.id}`,authorId:e.authorId,authorName:e.authorName,own:r!==void 0&&e.authorId===r,messages:[e]},a.push(s)}return a}var r={thread:`Conversa`,today:`Hoje`,yesterday:`Ontem`,you:`Você`,typingOne:e=>`${e} está digitando…`,typingTwo:(e,t)=>`${e} e ${t} estão digitando…`,typingMany:e=>`${e} pessoas estão digitando…`,sending:`Enviando`,sent:`Enviada`,read:`Lida`,failed:`Falhou ao enviar`,retry:`Tentar de novo`,empty:`Nenhuma mensagem ainda`,placeholder:`Escreva uma mensagem`,send:`Enviar`,deleted:`Esta mensagem foi apagada`,edited:`editada`,replyingTo:e=>`Em resposta a ${e}`,quoteRevoked:`Mensagem apagada`,quoteKind:{image:`Foto`,video:`Vídeo`,audio:`Áudio`,voice:`Mensagem de voz`,file:`Documento`},reactions:`Reações`,react:(e,t)=>`${e}, ${t} ${t===1?`pessoa`:`pessoas`}`,deliveredAll:`Entregue a todos`,deliveredSome:(e,t)=>`Entregue a ${e} de ${t}`,readAll:`Lida por todos`,readSome:(e,t)=>`Lida por ${e} de ${t}`,messageActions:`Ações da mensagem`,voiceNote:`Mensagem de voz`,download:`Baixar`},i={thread:`Conversation`,today:`Today`,yesterday:`Yesterday`,you:`You`,typingOne:e=>`${e} is typing…`,typingTwo:(e,t)=>`${e} and ${t} are typing…`,typingMany:e=>`${e} people are typing…`,sending:`Sending`,sent:`Sent`,read:`Read`,failed:`Failed to send`,retry:`Try again`,empty:`No messages yet`,placeholder:`Write a message`,send:`Send`,deleted:`This message was deleted`,edited:`edited`,replyingTo:e=>`Replying to ${e}`,quoteRevoked:`Message deleted`,quoteKind:{image:`Photo`,video:`Video`,audio:`Audio`,voice:`Voice message`,file:`Document`},reactions:`Reactions`,react:(e,t)=>`${e}, ${t} ${t===1?`person`:`people`}`,deliveredAll:`Delivered to everyone`,deliveredSome:(e,t)=>`Delivered to ${e} of ${t}`,readAll:`Read by everyone`,readSome:(e,t)=>`Read by ${e} of ${t}`,messageActions:`Message actions`,voiceNote:`Voice message`,download:`Download`};function a(e){return e===`en`?i:r}function o(e,{locale:n=`pt-BR`,now:r}={}){let i=a(n),o=t(r??Date.now()),s=864e5;return e===o?i.today:e===o-s?i.yesterday:new Date(e).toLocaleDateString(n===`en`?`en-US`:`pt-BR`,{day:`2-digit`,month:`short`,year:e<o-300*s?`numeric`:void 0})}function s(e,t=`pt-BR`){return new Date(e).toLocaleTimeString(t===`en`?`en-US`:`pt-BR`,{hour:`2-digit`,minute:`2-digit`})}function c(e,t=`pt-BR`){let n=a(t);return e.length===0?null:e.length===1?n.typingOne(e[0]):e.length===2?n.typingTwo(e[0],e[1]):n.typingMany(e.length)}exports.DEFAULT_GROUP_WINDOW_MS=e,exports.chatStrings=a,exports.dayLabel=o,exports.groupMessages=n,exports.timeLabel=s,exports.typingLabel=c;
+var e=3e5;function t(e){let t=new Date(e);return t.setHours(0,0,0,0),t.getTime()}function n({messages:n,currentUserId:r,windowMs:i=e}){let a=[],o=null,s=null;for(let e of n){let n=t(e.sentAt);n!==o&&(o=n,s=null,a.push({kind:`day`,key:`day-${n}`,date:n}));let c=s?.messages[s.messages.length-1];s!==null&&c!==void 0&&s.authorId===e.authorId&&e.sentAt-c.sentAt<=i&&s?s.messages.push(e):(s={kind:`run`,key:`${e.authorId}-${e.id}`,authorId:e.authorId,authorName:e.authorName,own:r!==void 0&&e.authorId===r,messages:[e]},a.push(s))}return a}var r={thread:`Conversa`,today:`Hoje`,yesterday:`Ontem`,you:`Você`,typingOne:e=>`${e} está digitando…`,typingTwo:(e,t)=>`${e} e ${t} estão digitando…`,typingMany:e=>`${e} pessoas estão digitando…`,sending:`Enviando`,sent:`Enviada`,read:`Lida`,failed:`Falhou ao enviar`,retry:`Tentar de novo`,empty:`Nenhuma mensagem ainda`,placeholder:`Escreva uma mensagem`,send:`Enviar`,deleted:`Esta mensagem foi apagada`,edited:`editada`,replyingTo:e=>`Em resposta a ${e}`,quoteRevoked:`Mensagem apagada`,quoteKind:{image:`Foto`,video:`Vídeo`,audio:`Áudio`,voice:`Mensagem de voz`,file:`Documento`},reactions:`Reações`,react:(e,t)=>`${e}, ${t} ${t===1?`pessoa`:`pessoas`}`,deliveredAll:`Entregue a todos`,deliveredSome:(e,t)=>`Entregue a ${e} de ${t}`,readAll:`Lida por todos`,readSome:(e,t)=>`Lida por ${e} de ${t}`,messageActions:`Ações da mensagem`,voiceNote:`Mensagem de voz`,download:`Baixar`},i={thread:`Conversation`,today:`Today`,yesterday:`Yesterday`,you:`You`,typingOne:e=>`${e} is typing…`,typingTwo:(e,t)=>`${e} and ${t} are typing…`,typingMany:e=>`${e} people are typing…`,sending:`Sending`,sent:`Sent`,read:`Read`,failed:`Failed to send`,retry:`Try again`,empty:`No messages yet`,placeholder:`Write a message`,send:`Send`,deleted:`This message was deleted`,edited:`edited`,replyingTo:e=>`Replying to ${e}`,quoteRevoked:`Message deleted`,quoteKind:{image:`Photo`,video:`Video`,audio:`Audio`,voice:`Voice message`,file:`Document`},reactions:`Reactions`,react:(e,t)=>`${e}, ${t} ${t===1?`person`:`people`}`,deliveredAll:`Delivered to everyone`,deliveredSome:(e,t)=>`Delivered to ${e} of ${t}`,readAll:`Read by everyone`,readSome:(e,t)=>`Read by ${e} of ${t}`,messageActions:`Message actions`,voiceNote:`Voice message`,download:`Download`};function a(e){return e===`en`?i:r}function o(e,{locale:n=`pt-BR`,now:r}={}){let i=a(n),o=t(r??Date.now()),s=864e5;return e===o?i.today:e===o-s?i.yesterday:new Date(e).toLocaleDateString(n===`en`?`en-US`:`pt-BR`,{day:`2-digit`,month:`short`,year:e<o-300*s?`numeric`:void 0})}function s(e,t=`pt-BR`){return new Date(e).toLocaleTimeString(t===`en`?`en-US`:`pt-BR`,{hour:`2-digit`,minute:`2-digit`})}function c(e,t=`pt-BR`){let n=a(t);return e.length===0?null:e.length===1?n.typingOne(e[0]):e.length===2?n.typingTwo(e[0],e[1]):n.typingMany(e.length)}exports.DEFAULT_GROUP_WINDOW_MS=e,exports.chatStrings=a,exports.dayLabel=o,exports.groupMessages=n,exports.timeLabel=s,exports.typingLabel=c;
 //# sourceMappingURL=chat-groups.cjs.map

package/dist/components/Chat/chat-groups.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-groups.cjs","names":[],"sources":["../../../src/components/Chat/chat-groups.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/** What a bubble can carry besides text. */\nexport type ChatAttachmentKind = \"image\" | \"video\" | \"audio\" | \"voice\" | \"file\";\n\n/** One attachment on a message. */\nexport interface ChatAttachment {\n    /** Decides how it renders: a picture, a player, a voice note, a download row. */\n    kind: ChatAttachmentKind;\n    /** Where the bytes are. A blob URL works for a message still uploading. */\n    url: string;\n    /** File name, shown for `\"file\"` and used as the download name. */\n    name?: string;\n    /** MIME type, when the app knows it. */\n    mimeType?: string;\n    /** Size in bytes, shown next to a file. */\n    sizeBytes?: number;\n    /** Duration in ms, for audio, voice and video. */\n    durationMs?: number;\n    /** Poster for a video, or a smaller copy of an image. */\n    thumbnailUrl?: string;\n    /**\n     * Normalised peaks, `0`–`1`, for a voice note.\n     *\n     * A voice note without one is a grey rectangle: the waveform is what tells\n     * somebody whether this is a word or a two-minute monologue.\n     */\n    waveform?: readonly number[];\n    /** Alternative text for an image. */\n    alt?: string;\n}\n\n/**\n * The stub of the message being replied to, shown above the body.\n *\n * `revoked` is not decoration: deleting the quoted message has to blank the\n * quoted text, or it leaks through everyone who replied to it.\n */\nexport interface ChatQuote {\n    /** Id of the quoted message, so the app can scroll to it. */\n    messageId: string;\n    /** Who wrote it. */\n    senderName?: string;\n    /** A short piece of what it said. The component never truncates for you. */\n    excerpt?: string;\n    /** What the quoted message was, when it was not text. */\n    kind?: \"text\" | ChatAttachmentKind;\n    /** The quoted message was deleted — the excerpt is not shown. */\n    revoked?: boolean;\n}\n\n/** One emoji on a message, with its tally. */\nexport interface ChatReaction {\n    /** The emoji itself. */\n    emoji: string;\n    /** How many people reacted with it. */\n    count: number;\n    /** Whether the current user is one of them — the chip reads as pressed. */\n    reacted?: boolean;\n    /** Who reacted, for the chip's tooltip. */\n    names?: readonly string[];\n}\n\n/**\n * Per-recipient delivery, which is what a group needs.\n *\n * `status` is a boolean for the sender: it cannot say \"delivered to everyone\"\n * versus \"read by everyone\", and only the second one turns the ticks blue.\n */\nexport interface ChatReceipt {\n    /** How many recipients have received it. */\n    deliveredTo: number;\n    /** How many have read it. */\n    readBy: number;\n    /** How many recipients there are. */\n    totalRecipients: number;\n}\n\n/** One entry in a thread. */\nexport interface ChatMessage {\n    /** Stable identity. Used as the React key and by `onRetry`. */\n    id: string;\n    /**\n     * What was said. A node, so an app can render a link, an image or a quote.\n     *\n     * Optional, because a message can be all attachment, or be a tombstone: a\n     * deleted message has no body to show, and requiring one made every app\n     * invent a placeholder string for the state the component now owns.\n     */\n    body?: ReactNode;\n    /** Who said it. Compared against `currentUserId` to decide sides. */\n    authorId: string;\n    /** Display name. Falls back to `authorId` in the header of a run. */\n    authorName?: string;\n    /** Epoch milliseconds. */\n    sentAt: number;\n    /**\n     * Delivery state of an outgoing message.\n     *\n     * `\"failed\"` is the one that matters: without it an app has to invent its own\n     * way to say \"this never left\", and the user re-types a message that is\n     * sitting right there.\n     */\n    status?: \"sending\" | \"sent\" | \"read\" | \"failed\";\n    /**\n     * Per-recipient delivery. Takes precedence over `status` for the ticks.\n     *\n     * Use it in a group, where \"delivered to all\" and \"read by all\" are different\n     * states and `status` can only say one thing.\n     */\n    receipt?: ChatReceipt;\n    /** Media, voice notes and documents carried by this message. */\n    attachments?: readonly ChatAttachment[];\n    /** The message this one replies to. */\n    quote?: ChatQuote;\n    /** Emoji reactions, already tallied by the app. */\n    reactions?: readonly ChatReaction[];\n    /**\n     * The message was deleted — it renders as a tombstone.\n     *\n     * A state, not a `body` the app swaps for a string: as a state the quote of\n     * it can be blanked too, and every app stops writing its own wording.\n     */\n    deleted?: boolean;\n    /** The message was edited after it was sent. */\n    edited?: boolean;\n    /** Anything the app wants to carry through to its own renderers. */\n    data?: Record<string, unknown>;\n}\n\n/** A run of consecutive messages from one author, under one day. */\nexport interface ChatRun {\n    kind: \"run\";\n    /** `${authorId}-${first message id}` — stable across re-renders. */\n    key: string;\n    authorId: string;\n    authorName?: string;\n    /** Whether this run belongs to the current user. */\n    own: boolean;\n    messages: ChatMessage[];\n}\n\n/** A date heading between runs. */\nexport interface ChatDay {\n    kind: \"day\";\n    key: string;\n    /** Midnight of that local day, epoch ms — the label is formatted by the view. */\n    date: number;\n}\n\nexport type ChatSection = ChatDay | ChatRun;\n\n/** Default window in which consecutive messages from one author stay in a run. */\nexport const DEFAULT_GROUP_WINDOW_MS = 5 * 60 * 1000;\n\n/** Local midnight of an instant, epoch ms. */\nfunction startOfDay(timestamp: number): number {\n    const date = new Date(timestamp);\n    date.setHours(0, 0, 0, 0);\n    return date.getTime();\n}\n\n/**\n * Turn a flat message list into the sections a thread renders: a date heading\n * whenever the local day changes, and runs of consecutive messages from the same\n * author.\n *\n * Grouping is what makes a thread readable — repeating the avatar and the name on\n * every line of a five-line burst turns a conversation into a list of receipts.\n * The run breaks on a different author, a different day, or a gap longer than\n * `windowMs`: a reply an hour later is a new beat in the conversation even when\n * nobody else spoke, and joining it to the earlier burst would put one timestamp\n * on messages an hour apart.\n *\n * Order is taken as given, oldest first, and never sorted here: a thread that\n * reorders what the server sent would fight optimistic inserts, where the\n * pending message is deliberately last.\n *\n * @param params.messages - Oldest first.\n * @param params.currentUserId - Author id treated as \"own\".\n * @param params.windowMs - Gap that still keeps a run together. Default 5 min.\n * @returns Sections in render order.\n */\nexport function groupMessages({\n    messages,\n    currentUserId,\n    windowMs = DEFAULT_GROUP_WINDOW_MS,\n}: {\n    messages: readonly ChatMessage[];\n    currentUserId?: string;\n    windowMs?: number;\n}): ChatSection[] {\n    const sections: ChatSection[] = [];\n    let day: number | null = null;\n    let run: ChatRun | null = null;\n\n    for (const message of messages) {\n        const messageDay = startOfDay(message.sentAt);\n        if (messageDay !== day) {\n            day = messageDay;\n            run = null;\n            sections.push({ kind: \"day\", key: `day-${messageDay}`, date: messageDay });\n        }\n\n        const previous = run?.messages[run.messages.length - 1];\n        const continues =\n            run !== null &&\n            previous !== undefined &&\n            run.authorId === message.authorId &&\n            message.sentAt - previous.sentAt <= windowMs;\n\n        if (continues && run) {\n            run.messages.push(message);\n            continue;\n        }\n\n        run = {\n            kind: \"run\",\n            key: `${message.authorId}-${message.id}`,\n            authorId: message.authorId,\n            authorName: message.authorName,\n            own: currentUserId !== undefined && message.authorId === currentUserId,\n            messages: [message],\n        };\n        sections.push(run);\n    }\n\n    return sections;\n}\n\n/** Labels the thread needs, per locale. */\ninterface ChatStrings {\n    thread: string;\n    today: string;\n    yesterday: string;\n    you: string;\n    typingOne: (name: string) => string;\n    typingTwo: (a: string, b: string) => string;\n    typingMany: (n: number) => string;\n    sending: string;\n    sent: string;\n    read: string;\n    failed: string;\n    retry: string;\n    empty: string;\n    placeholder: string;\n    send: string;\n    deleted: string;\n    edited: string;\n    replyingTo: (name: string) => string;\n    quoteRevoked: string;\n    quoteKind: Record<ChatAttachmentKind, string>;\n    reactions: string;\n    react: (emoji: string, count: number) => string;\n    deliveredAll: string;\n    deliveredSome: (delivered: number, total: number) => string;\n    readAll: string;\n    readSome: (read: number, total: number) => string;\n    messageActions: string;\n    voiceNote: string;\n    download: string;\n}\n\nconst PT_BR: ChatStrings = {\n    thread: \"Conversa\",\n    today: \"Hoje\",\n    yesterday: \"Ontem\",\n    you: \"Você\",\n    typingOne: (name) => `${name} está digitando…`,\n    typingTwo: (a, b) => `${a} e ${b} estão digitando…`,\n    typingMany: (n) => `${n} pessoas estão digitando…`,\n    sending: \"Enviando\",\n    sent: \"Enviada\",\n    read: \"Lida\",\n    failed: \"Falhou ao enviar\",\n    retry: \"Tentar de novo\",\n    empty: \"Nenhuma mensagem ainda\",\n    placeholder: \"Escreva uma mensagem\",\n    send: \"Enviar\",\n    deleted: \"Esta mensagem foi apagada\",\n    edited: \"editada\",\n    replyingTo: (name) => `Em resposta a ${name}`,\n    quoteRevoked: \"Mensagem apagada\",\n    quoteKind: {\n        image: \"Foto\",\n        video: \"Vídeo\",\n        audio: \"Áudio\",\n        voice: \"Mensagem de voz\",\n        file: \"Documento\",\n    },\n    reactions: \"Reações\",\n    react: (emoji, count) => `${emoji}, ${count} ${count === 1 ? \"pessoa\" : \"pessoas\"}`,\n    deliveredAll: \"Entregue a todos\",\n    deliveredSome: (delivered, total) => `Entregue a ${delivered} de ${total}`,\n    readAll: \"Lida por todos\",\n    readSome: (read, total) => `Lida por ${read} de ${total}`,\n    messageActions: \"Ações da mensagem\",\n    voiceNote: \"Mensagem de voz\",\n    download: \"Baixar\",\n};\n\nconst EN: ChatStrings = {\n    thread: \"Conversation\",\n    today: \"Today\",\n    yesterday: \"Yesterday\",\n    you: \"You\",\n    typingOne: (name) => `${name} is typing…`,\n    typingTwo: (a, b) => `${a} and ${b} are typing…`,\n    typingMany: (n) => `${n} people are typing…`,\n    sending: \"Sending\",\n    sent: \"Sent\",\n    read: \"Read\",\n    failed: \"Failed to send\",\n    retry: \"Try again\",\n    empty: \"No messages yet\",\n    placeholder: \"Write a message\",\n    send: \"Send\",\n    deleted: \"This message was deleted\",\n    edited: \"edited\",\n    replyingTo: (name) => `Replying to ${name}`,\n    quoteRevoked: \"Message deleted\",\n    quoteKind: {\n        image: \"Photo\",\n        video: \"Video\",\n        audio: \"Audio\",\n        voice: \"Voice message\",\n        file: \"Document\",\n    },\n    reactions: \"Reactions\",\n    react: (emoji, count) => `${emoji}, ${count} ${count === 1 ? \"person\" : \"people\"}`,\n    deliveredAll: \"Delivered to everyone\",\n    deliveredSome: (delivered, total) => `Delivered to ${delivered} of ${total}`,\n    readAll: \"Read by everyone\",\n    readSome: (read, total) => `Read by ${read} of ${total}`,\n    messageActions: \"Message actions\",\n    voiceNote: \"Voice message\",\n    download: \"Download\",\n};\n\n/** Locale strings for the thread. */\nexport function chatStrings(locale: \"pt-BR\" | \"en\"): ChatStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n\n/**\n * Label for a date heading: `\"Hoje\"`, `\"Ontem\"`, or the formatted date.\n *\n * @param date - Local midnight of the day being labelled.\n * @param params.now - Reference instant, so tests and SSR-free renders are stable.\n */\nexport function dayLabel(\n    date: number,\n    { locale = \"pt-BR\", now }: { locale?: \"pt-BR\" | \"en\"; now?: number } = {},\n): string {\n    const strings = chatStrings(locale);\n    const today = startOfDay(now ?? Date.now());\n    const dayMs = 24 * 60 * 60 * 1000;\n    if (date === today) return strings.today;\n    if (date === today - dayMs) return strings.yesterday;\n    return new Date(date).toLocaleDateString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: date < today - 300 * dayMs ? \"numeric\" : undefined,\n    });\n}\n\n/** Clock label for a single message — the time, not a relative phrase. */\nexport function timeLabel(timestamp: number, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return new Date(timestamp).toLocaleTimeString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n    });\n}\n\n/** Sentence for the typing indicator, or `null` when nobody is typing. */\nexport function typingLabel(\n    names: readonly string[],\n    locale: \"pt-BR\" | \"en\" = \"pt-BR\",\n): string | null {\n    const strings = chatStrings(locale);\n    if (names.length === 0) return null;\n    if (names.length === 1) return strings.typingOne(names[0]);\n    if (names.length === 2) return strings.typingTwo(names[0], names[1]);\n    return strings.typingMany(names.length);\n}\n"],"mappings":"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"}
+{"version":3,"file":"chat-groups.cjs","names":["DEFAULT_GROUP_WINDOW_MS","startOfDay","date","timestamp","groupMessages","sections","day","run","message","messages","messageDay","previous","windowMs","currentUserId","PT_BR","name","a","b","n","emoji","count","delivered","total","read","EN","chatStrings","locale","dayLabel","strings","today","now","dayMs","timeLabel","typingLabel","names"],"sources":["../../../src/components/Chat/chat-groups.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/** What a bubble can carry besides text. */\nexport type ChatAttachmentKind = \"image\" | \"video\" | \"audio\" | \"voice\" | \"file\";\n\n/** One attachment on a message. */\nexport interface ChatAttachment {\n    /** Decides how it renders: a picture, a player, a voice note, a download row. */\n    kind: ChatAttachmentKind;\n    /** Where the bytes are. A blob URL works for a message still uploading. */\n    url: string;\n    /** File name, shown for `\"file\"` and used as the download name. */\n    name?: string;\n    /** MIME type, when the app knows it. */\n    mimeType?: string;\n    /** Size in bytes, shown next to a file. */\n    sizeBytes?: number;\n    /** Duration in ms, for audio, voice and video. */\n    durationMs?: number;\n    /** Poster for a video, or a smaller copy of an image. */\n    thumbnailUrl?: string;\n    /**\n     * Normalised peaks, `0`–`1`, for a voice note.\n     *\n     * A voice note without one is a grey rectangle: the waveform is what tells\n     * somebody whether this is a word or a two-minute monologue.\n     */\n    waveform?: readonly number[];\n    /** Alternative text for an image. */\n    alt?: string;\n}\n\n/**\n * The stub of the message being replied to, shown above the body.\n *\n * `revoked` is not decoration: deleting the quoted message has to blank the\n * quoted text, or it leaks through everyone who replied to it.\n */\nexport interface ChatQuote {\n    /** Id of the quoted message, so the app can scroll to it. */\n    messageId: string;\n    /** Who wrote it. */\n    senderName?: string;\n    /** A short piece of what it said. The component never truncates for you. */\n    excerpt?: string;\n    /** What the quoted message was, when it was not text. */\n    kind?: \"text\" | ChatAttachmentKind;\n    /** The quoted message was deleted — the excerpt is not shown. */\n    revoked?: boolean;\n}\n\n/** One emoji on a message, with its tally. */\nexport interface ChatReaction {\n    /** The emoji itself. */\n    emoji: string;\n    /** How many people reacted with it. */\n    count: number;\n    /** Whether the current user is one of them — the chip reads as pressed. */\n    reacted?: boolean;\n    /** Who reacted, for the chip's tooltip. */\n    names?: readonly string[];\n}\n\n/**\n * Per-recipient delivery, which is what a group needs.\n *\n * `status` is a boolean for the sender: it cannot say \"delivered to everyone\"\n * versus \"read by everyone\", and only the second one turns the ticks blue.\n */\nexport interface ChatReceipt {\n    /** How many recipients have received it. */\n    deliveredTo: number;\n    /** How many have read it. */\n    readBy: number;\n    /** How many recipients there are. */\n    totalRecipients: number;\n}\n\n/** One entry in a thread. */\nexport interface ChatMessage {\n    /** Stable identity. Used as the React key and by `onRetry`. */\n    id: string;\n    /**\n     * What was said. A node, so an app can render a link, an image or a quote.\n     *\n     * Optional, because a message can be all attachment, or be a tombstone: a\n     * deleted message has no body to show, and requiring one made every app\n     * invent a placeholder string for the state the component now owns.\n     */\n    body?: ReactNode;\n    /** Who said it. Compared against `currentUserId` to decide sides. */\n    authorId: string;\n    /** Display name. Falls back to `authorId` in the header of a run. */\n    authorName?: string;\n    /** Epoch milliseconds. */\n    sentAt: number;\n    /**\n     * Delivery state of an outgoing message.\n     *\n     * `\"failed\"` is the one that matters: without it an app has to invent its own\n     * way to say \"this never left\", and the user re-types a message that is\n     * sitting right there.\n     */\n    status?: \"sending\" | \"sent\" | \"read\" | \"failed\";\n    /**\n     * Per-recipient delivery. Takes precedence over `status` for the ticks.\n     *\n     * Use it in a group, where \"delivered to all\" and \"read by all\" are different\n     * states and `status` can only say one thing.\n     */\n    receipt?: ChatReceipt;\n    /** Media, voice notes and documents carried by this message. */\n    attachments?: readonly ChatAttachment[];\n    /** The message this one replies to. */\n    quote?: ChatQuote;\n    /** Emoji reactions, already tallied by the app. */\n    reactions?: readonly ChatReaction[];\n    /**\n     * The message was deleted — it renders as a tombstone.\n     *\n     * A state, not a `body` the app swaps for a string: as a state the quote of\n     * it can be blanked too, and every app stops writing its own wording.\n     */\n    deleted?: boolean;\n    /** The message was edited after it was sent. */\n    edited?: boolean;\n    /** Anything the app wants to carry through to its own renderers. */\n    data?: Record<string, unknown>;\n}\n\n/** A run of consecutive messages from one author, under one day. */\nexport interface ChatRun {\n    kind: \"run\";\n    /** `${authorId}-${first message id}` — stable across re-renders. */\n    key: string;\n    authorId: string;\n    authorName?: string;\n    /** Whether this run belongs to the current user. */\n    own: boolean;\n    messages: ChatMessage[];\n}\n\n/** A date heading between runs. */\nexport interface ChatDay {\n    kind: \"day\";\n    key: string;\n    /** Midnight of that local day, epoch ms — the label is formatted by the view. */\n    date: number;\n}\n\nexport type ChatSection = ChatDay | ChatRun;\n\n/** Default window in which consecutive messages from one author stay in a run. */\nexport const DEFAULT_GROUP_WINDOW_MS = 5 * 60 * 1000;\n\n/** Local midnight of an instant, epoch ms. */\nfunction startOfDay(timestamp: number): number {\n    const date = new Date(timestamp);\n    date.setHours(0, 0, 0, 0);\n    return date.getTime();\n}\n\n/**\n * Turn a flat message list into the sections a thread renders: a date heading\n * whenever the local day changes, and runs of consecutive messages from the same\n * author.\n *\n * Grouping is what makes a thread readable — repeating the avatar and the name on\n * every line of a five-line burst turns a conversation into a list of receipts.\n * The run breaks on a different author, a different day, or a gap longer than\n * `windowMs`: a reply an hour later is a new beat in the conversation even when\n * nobody else spoke, and joining it to the earlier burst would put one timestamp\n * on messages an hour apart.\n *\n * Order is taken as given, oldest first, and never sorted here: a thread that\n * reorders what the server sent would fight optimistic inserts, where the\n * pending message is deliberately last.\n *\n * @param params.messages - Oldest first.\n * @param params.currentUserId - Author id treated as \"own\".\n * @param params.windowMs - Gap that still keeps a run together. Default 5 min.\n * @returns Sections in render order.\n */\nexport function groupMessages({\n    messages,\n    currentUserId,\n    windowMs = DEFAULT_GROUP_WINDOW_MS,\n}: {\n    messages: readonly ChatMessage[];\n    currentUserId?: string;\n    windowMs?: number;\n}): ChatSection[] {\n    const sections: ChatSection[] = [];\n    let day: number | null = null;\n    let run: ChatRun | null = null;\n\n    for (const message of messages) {\n        const messageDay = startOfDay(message.sentAt);\n        if (messageDay !== day) {\n            day = messageDay;\n            run = null;\n            sections.push({ kind: \"day\", key: `day-${messageDay}`, date: messageDay });\n        }\n\n        const previous = run?.messages[run.messages.length - 1];\n        const continues =\n            run !== null &&\n            previous !== undefined &&\n            run.authorId === message.authorId &&\n            message.sentAt - previous.sentAt <= windowMs;\n\n        if (continues && run) {\n            run.messages.push(message);\n            continue;\n        }\n\n        run = {\n            kind: \"run\",\n            key: `${message.authorId}-${message.id}`,\n            authorId: message.authorId,\n            authorName: message.authorName,\n            own: currentUserId !== undefined && message.authorId === currentUserId,\n            messages: [message],\n        };\n        sections.push(run);\n    }\n\n    return sections;\n}\n\n/** Labels the thread needs, per locale. */\ninterface ChatStrings {\n    thread: string;\n    today: string;\n    yesterday: string;\n    you: string;\n    typingOne: (name: string) => string;\n    typingTwo: (a: string, b: string) => string;\n    typingMany: (n: number) => string;\n    sending: string;\n    sent: string;\n    read: string;\n    failed: string;\n    retry: string;\n    empty: string;\n    placeholder: string;\n    send: string;\n    deleted: string;\n    edited: string;\n    replyingTo: (name: string) => string;\n    quoteRevoked: string;\n    quoteKind: Record<ChatAttachmentKind, string>;\n    reactions: string;\n    react: (emoji: string, count: number) => string;\n    deliveredAll: string;\n    deliveredSome: (delivered: number, total: number) => string;\n    readAll: string;\n    readSome: (read: number, total: number) => string;\n    messageActions: string;\n    voiceNote: string;\n    download: string;\n}\n\nconst PT_BR: ChatStrings = {\n    thread: \"Conversa\",\n    today: \"Hoje\",\n    yesterday: \"Ontem\",\n    you: \"Você\",\n    typingOne: (name) => `${name} está digitando…`,\n    typingTwo: (a, b) => `${a} e ${b} estão digitando…`,\n    typingMany: (n) => `${n} pessoas estão digitando…`,\n    sending: \"Enviando\",\n    sent: \"Enviada\",\n    read: \"Lida\",\n    failed: \"Falhou ao enviar\",\n    retry: \"Tentar de novo\",\n    empty: \"Nenhuma mensagem ainda\",\n    placeholder: \"Escreva uma mensagem\",\n    send: \"Enviar\",\n    deleted: \"Esta mensagem foi apagada\",\n    edited: \"editada\",\n    replyingTo: (name) => `Em resposta a ${name}`,\n    quoteRevoked: \"Mensagem apagada\",\n    quoteKind: {\n        image: \"Foto\",\n        video: \"Vídeo\",\n        audio: \"Áudio\",\n        voice: \"Mensagem de voz\",\n        file: \"Documento\",\n    },\n    reactions: \"Reações\",\n    react: (emoji, count) => `${emoji}, ${count} ${count === 1 ? \"pessoa\" : \"pessoas\"}`,\n    deliveredAll: \"Entregue a todos\",\n    deliveredSome: (delivered, total) => `Entregue a ${delivered} de ${total}`,\n    readAll: \"Lida por todos\",\n    readSome: (read, total) => `Lida por ${read} de ${total}`,\n    messageActions: \"Ações da mensagem\",\n    voiceNote: \"Mensagem de voz\",\n    download: \"Baixar\",\n};\n\nconst EN: ChatStrings = {\n    thread: \"Conversation\",\n    today: \"Today\",\n    yesterday: \"Yesterday\",\n    you: \"You\",\n    typingOne: (name) => `${name} is typing…`,\n    typingTwo: (a, b) => `${a} and ${b} are typing…`,\n    typingMany: (n) => `${n} people are typing…`,\n    sending: \"Sending\",\n    sent: \"Sent\",\n    read: \"Read\",\n    failed: \"Failed to send\",\n    retry: \"Try again\",\n    empty: \"No messages yet\",\n    placeholder: \"Write a message\",\n    send: \"Send\",\n    deleted: \"This message was deleted\",\n    edited: \"edited\",\n    replyingTo: (name) => `Replying to ${name}`,\n    quoteRevoked: \"Message deleted\",\n    quoteKind: {\n        image: \"Photo\",\n        video: \"Video\",\n        audio: \"Audio\",\n        voice: \"Voice message\",\n        file: \"Document\",\n    },\n    reactions: \"Reactions\",\n    react: (emoji, count) => `${emoji}, ${count} ${count === 1 ? \"person\" : \"people\"}`,\n    deliveredAll: \"Delivered to everyone\",\n    deliveredSome: (delivered, total) => `Delivered to ${delivered} of ${total}`,\n    readAll: \"Read by everyone\",\n    readSome: (read, total) => `Read by ${read} of ${total}`,\n    messageActions: \"Message actions\",\n    voiceNote: \"Voice message\",\n    download: \"Download\",\n};\n\n/** Locale strings for the thread. */\nexport function chatStrings(locale: \"pt-BR\" | \"en\"): ChatStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n\n/**\n * Label for a date heading: `\"Hoje\"`, `\"Ontem\"`, or the formatted date.\n *\n * @param date - Local midnight of the day being labelled.\n * @param params.now - Reference instant, so tests and SSR-free renders are stable.\n */\nexport function dayLabel(\n    date: number,\n    { locale = \"pt-BR\", now }: { locale?: \"pt-BR\" | \"en\"; now?: number } = {},\n): string {\n    const strings = chatStrings(locale);\n    const today = startOfDay(now ?? Date.now());\n    const dayMs = 24 * 60 * 60 * 1000;\n    if (date === today) return strings.today;\n    if (date === today - dayMs) return strings.yesterday;\n    return new Date(date).toLocaleDateString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: date < today - 300 * dayMs ? \"numeric\" : undefined,\n    });\n}\n\n/** Clock label for a single message — the time, not a relative phrase. */\nexport function timeLabel(timestamp: number, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return new Date(timestamp).toLocaleTimeString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n    });\n}\n\n/** Sentence for the typing indicator, or `null` when nobody is typing. */\nexport function typingLabel(\n    names: readonly string[],\n    locale: \"pt-BR\" | \"en\" = \"pt-BR\",\n): string | null {\n    const strings = chatStrings(locale);\n    if (names.length === 0) return null;\n    if (names.length === 1) return strings.typingOne(names[0]);\n    if (names.length === 2) return strings.typingTwo(names[0], names[1]);\n    return strings.typingMany(names.length);\n}\n"],"mappings":"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"}

package/dist/components/Chat/chat-groups.js

@@ -14,18 +14,14 @@ function n({ messages: n, currentUserId: r, windowMs: i = e }) {
 			date: n
 		}));
 		let c = s?.messages[s.messages.length - 1];
-		if (s !== null && c !== void 0 && s.authorId === e.authorId && e.sentAt - c.sentAt <= i && s) {
-			s.messages.push(e);
-			continue;
-		}
-		s = {
+		s !== null && c !== void 0 && s.authorId === e.authorId && e.sentAt - c.sentAt <= i && s ? s.messages.push(e) : (s = {
 			kind: "run",
 			key: `${e.authorId}-${e.id}`,
 			authorId: e.authorId,
 			authorName: e.authorName,
 			own: r !== void 0 && e.authorId === r,
 			messages: [e]
-		}, a.push(s);
+		}, a.push(s));
 	}
 	return a;
 }

package/dist/components/Chat/chat-groups.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-groups.js","names":[],"sources":["../../../src/components/Chat/chat-groups.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/** What a bubble can carry besides text. */\nexport type ChatAttachmentKind = \"image\" | \"video\" | \"audio\" | \"voice\" | \"file\";\n\n/** One attachment on a message. */\nexport interface ChatAttachment {\n    /** Decides how it renders: a picture, a player, a voice note, a download row. */\n    kind: ChatAttachmentKind;\n    /** Where the bytes are. A blob URL works for a message still uploading. */\n    url: string;\n    /** File name, shown for `\"file\"` and used as the download name. */\n    name?: string;\n    /** MIME type, when the app knows it. */\n    mimeType?: string;\n    /** Size in bytes, shown next to a file. */\n    sizeBytes?: number;\n    /** Duration in ms, for audio, voice and video. */\n    durationMs?: number;\n    /** Poster for a video, or a smaller copy of an image. */\n    thumbnailUrl?: string;\n    /**\n     * Normalised peaks, `0`–`1`, for a voice note.\n     *\n     * A voice note without one is a grey rectangle: the waveform is what tells\n     * somebody whether this is a word or a two-minute monologue.\n     */\n    waveform?: readonly number[];\n    /** Alternative text for an image. */\n    alt?: string;\n}\n\n/**\n * The stub of the message being replied to, shown above the body.\n *\n * `revoked` is not decoration: deleting the quoted message has to blank the\n * quoted text, or it leaks through everyone who replied to it.\n */\nexport interface ChatQuote {\n    /** Id of the quoted message, so the app can scroll to it. */\n    messageId: string;\n    /** Who wrote it. */\n    senderName?: string;\n    /** A short piece of what it said. The component never truncates for you. */\n    excerpt?: string;\n    /** What the quoted message was, when it was not text. */\n    kind?: \"text\" | ChatAttachmentKind;\n    /** The quoted message was deleted — the excerpt is not shown. */\n    revoked?: boolean;\n}\n\n/** One emoji on a message, with its tally. */\nexport interface ChatReaction {\n    /** The emoji itself. */\n    emoji: string;\n    /** How many people reacted with it. */\n    count: number;\n    /** Whether the current user is one of them — the chip reads as pressed. */\n    reacted?: boolean;\n    /** Who reacted, for the chip's tooltip. */\n    names?: readonly string[];\n}\n\n/**\n * Per-recipient delivery, which is what a group needs.\n *\n * `status` is a boolean for the sender: it cannot say \"delivered to everyone\"\n * versus \"read by everyone\", and only the second one turns the ticks blue.\n */\nexport interface ChatReceipt {\n    /** How many recipients have received it. */\n    deliveredTo: number;\n    /** How many have read it. */\n    readBy: number;\n    /** How many recipients there are. */\n    totalRecipients: number;\n}\n\n/** One entry in a thread. */\nexport interface ChatMessage {\n    /** Stable identity. Used as the React key and by `onRetry`. */\n    id: string;\n    /**\n     * What was said. A node, so an app can render a link, an image or a quote.\n     *\n     * Optional, because a message can be all attachment, or be a tombstone: a\n     * deleted message has no body to show, and requiring one made every app\n     * invent a placeholder string for the state the component now owns.\n     */\n    body?: ReactNode;\n    /** Who said it. Compared against `currentUserId` to decide sides. */\n    authorId: string;\n    /** Display name. Falls back to `authorId` in the header of a run. */\n    authorName?: string;\n    /** Epoch milliseconds. */\n    sentAt: number;\n    /**\n     * Delivery state of an outgoing message.\n     *\n     * `\"failed\"` is the one that matters: without it an app has to invent its own\n     * way to say \"this never left\", and the user re-types a message that is\n     * sitting right there.\n     */\n    status?: \"sending\" | \"sent\" | \"read\" | \"failed\";\n    /**\n     * Per-recipient delivery. Takes precedence over `status` for the ticks.\n     *\n     * Use it in a group, where \"delivered to all\" and \"read by all\" are different\n     * states and `status` can only say one thing.\n     */\n    receipt?: ChatReceipt;\n    /** Media, voice notes and documents carried by this message. */\n    attachments?: readonly ChatAttachment[];\n    /** The message this one replies to. */\n    quote?: ChatQuote;\n    /** Emoji reactions, already tallied by the app. */\n    reactions?: readonly ChatReaction[];\n    /**\n     * The message was deleted — it renders as a tombstone.\n     *\n     * A state, not a `body` the app swaps for a string: as a state the quote of\n     * it can be blanked too, and every app stops writing its own wording.\n     */\n    deleted?: boolean;\n    /** The message was edited after it was sent. */\n    edited?: boolean;\n    /** Anything the app wants to carry through to its own renderers. */\n    data?: Record<string, unknown>;\n}\n\n/** A run of consecutive messages from one author, under one day. */\nexport interface ChatRun {\n    kind: \"run\";\n    /** `${authorId}-${first message id}` — stable across re-renders. */\n    key: string;\n    authorId: string;\n    authorName?: string;\n    /** Whether this run belongs to the current user. */\n    own: boolean;\n    messages: ChatMessage[];\n}\n\n/** A date heading between runs. */\nexport interface ChatDay {\n    kind: \"day\";\n    key: string;\n    /** Midnight of that local day, epoch ms — the label is formatted by the view. */\n    date: number;\n}\n\nexport type ChatSection = ChatDay | ChatRun;\n\n/** Default window in which consecutive messages from one author stay in a run. */\nexport const DEFAULT_GROUP_WINDOW_MS = 5 * 60 * 1000;\n\n/** Local midnight of an instant, epoch ms. */\nfunction startOfDay(timestamp: number): number {\n    const date = new Date(timestamp);\n    date.setHours(0, 0, 0, 0);\n    return date.getTime();\n}\n\n/**\n * Turn a flat message list into the sections a thread renders: a date heading\n * whenever the local day changes, and runs of consecutive messages from the same\n * author.\n *\n * Grouping is what makes a thread readable — repeating the avatar and the name on\n * every line of a five-line burst turns a conversation into a list of receipts.\n * The run breaks on a different author, a different day, or a gap longer than\n * `windowMs`: a reply an hour later is a new beat in the conversation even when\n * nobody else spoke, and joining it to the earlier burst would put one timestamp\n * on messages an hour apart.\n *\n * Order is taken as given, oldest first, and never sorted here: a thread that\n * reorders what the server sent would fight optimistic inserts, where the\n * pending message is deliberately last.\n *\n * @param params.messages - Oldest first.\n * @param params.currentUserId - Author id treated as \"own\".\n * @param params.windowMs - Gap that still keeps a run together. Default 5 min.\n * @returns Sections in render order.\n */\nexport function groupMessages({\n    messages,\n    currentUserId,\n    windowMs = DEFAULT_GROUP_WINDOW_MS,\n}: {\n    messages: readonly ChatMessage[];\n    currentUserId?: string;\n    windowMs?: number;\n}): ChatSection[] {\n    const sections: ChatSection[] = [];\n    let day: number | null = null;\n    let run: ChatRun | null = null;\n\n    for (const message of messages) {\n        const messageDay = startOfDay(message.sentAt);\n        if (messageDay !== day) {\n            day = messageDay;\n            run = null;\n            sections.push({ kind: \"day\", key: `day-${messageDay}`, date: messageDay });\n        }\n\n        const previous = run?.messages[run.messages.length - 1];\n        const continues =\n            run !== null &&\n            previous !== undefined &&\n            run.authorId === message.authorId &&\n            message.sentAt - previous.sentAt <= windowMs;\n\n        if (continues && run) {\n            run.messages.push(message);\n            continue;\n        }\n\n        run = {\n            kind: \"run\",\n            key: `${message.authorId}-${message.id}`,\n            authorId: message.authorId,\n            authorName: message.authorName,\n            own: currentUserId !== undefined && message.authorId === currentUserId,\n            messages: [message],\n        };\n        sections.push(run);\n    }\n\n    return sections;\n}\n\n/** Labels the thread needs, per locale. */\ninterface ChatStrings {\n    thread: string;\n    today: string;\n    yesterday: string;\n    you: string;\n    typingOne: (name: string) => string;\n    typingTwo: (a: string, b: string) => string;\n    typingMany: (n: number) => string;\n    sending: string;\n    sent: string;\n    read: string;\n    failed: string;\n    retry: string;\n    empty: string;\n    placeholder: string;\n    send: string;\n    deleted: string;\n    edited: string;\n    replyingTo: (name: string) => string;\n    quoteRevoked: string;\n    quoteKind: Record<ChatAttachmentKind, string>;\n    reactions: string;\n    react: (emoji: string, count: number) => string;\n    deliveredAll: string;\n    deliveredSome: (delivered: number, total: number) => string;\n    readAll: string;\n    readSome: (read: number, total: number) => string;\n    messageActions: string;\n    voiceNote: string;\n    download: string;\n}\n\nconst PT_BR: ChatStrings = {\n    thread: \"Conversa\",\n    today: \"Hoje\",\n    yesterday: \"Ontem\",\n    you: \"Você\",\n    typingOne: (name) => `${name} está digitando…`,\n    typingTwo: (a, b) => `${a} e ${b} estão digitando…`,\n    typingMany: (n) => `${n} pessoas estão digitando…`,\n    sending: \"Enviando\",\n    sent: \"Enviada\",\n    read: \"Lida\",\n    failed: \"Falhou ao enviar\",\n    retry: \"Tentar de novo\",\n    empty: \"Nenhuma mensagem ainda\",\n    placeholder: \"Escreva uma mensagem\",\n    send: \"Enviar\",\n    deleted: \"Esta mensagem foi apagada\",\n    edited: \"editada\",\n    replyingTo: (name) => `Em resposta a ${name}`,\n    quoteRevoked: \"Mensagem apagada\",\n    quoteKind: {\n        image: \"Foto\",\n        video: \"Vídeo\",\n        audio: \"Áudio\",\n        voice: \"Mensagem de voz\",\n        file: \"Documento\",\n    },\n    reactions: \"Reações\",\n    react: (emoji, count) => `${emoji}, ${count} ${count === 1 ? \"pessoa\" : \"pessoas\"}`,\n    deliveredAll: \"Entregue a todos\",\n    deliveredSome: (delivered, total) => `Entregue a ${delivered} de ${total}`,\n    readAll: \"Lida por todos\",\n    readSome: (read, total) => `Lida por ${read} de ${total}`,\n    messageActions: \"Ações da mensagem\",\n    voiceNote: \"Mensagem de voz\",\n    download: \"Baixar\",\n};\n\nconst EN: ChatStrings = {\n    thread: \"Conversation\",\n    today: \"Today\",\n    yesterday: \"Yesterday\",\n    you: \"You\",\n    typingOne: (name) => `${name} is typing…`,\n    typingTwo: (a, b) => `${a} and ${b} are typing…`,\n    typingMany: (n) => `${n} people are typing…`,\n    sending: \"Sending\",\n    sent: \"Sent\",\n    read: \"Read\",\n    failed: \"Failed to send\",\n    retry: \"Try again\",\n    empty: \"No messages yet\",\n    placeholder: \"Write a message\",\n    send: \"Send\",\n    deleted: \"This message was deleted\",\n    edited: \"edited\",\n    replyingTo: (name) => `Replying to ${name}`,\n    quoteRevoked: \"Message deleted\",\n    quoteKind: {\n        image: \"Photo\",\n        video: \"Video\",\n        audio: \"Audio\",\n        voice: \"Voice message\",\n        file: \"Document\",\n    },\n    reactions: \"Reactions\",\n    react: (emoji, count) => `${emoji}, ${count} ${count === 1 ? \"person\" : \"people\"}`,\n    deliveredAll: \"Delivered to everyone\",\n    deliveredSome: (delivered, total) => `Delivered to ${delivered} of ${total}`,\n    readAll: \"Read by everyone\",\n    readSome: (read, total) => `Read by ${read} of ${total}`,\n    messageActions: \"Message actions\",\n    voiceNote: \"Voice message\",\n    download: \"Download\",\n};\n\n/** Locale strings for the thread. */\nexport function chatStrings(locale: \"pt-BR\" | \"en\"): ChatStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n\n/**\n * Label for a date heading: `\"Hoje\"`, `\"Ontem\"`, or the formatted date.\n *\n * @param date - Local midnight of the day being labelled.\n * @param params.now - Reference instant, so tests and SSR-free renders are stable.\n */\nexport function dayLabel(\n    date: number,\n    { locale = \"pt-BR\", now }: { locale?: \"pt-BR\" | \"en\"; now?: number } = {},\n): string {\n    const strings = chatStrings(locale);\n    const today = startOfDay(now ?? Date.now());\n    const dayMs = 24 * 60 * 60 * 1000;\n    if (date === today) return strings.today;\n    if (date === today - dayMs) return strings.yesterday;\n    return new Date(date).toLocaleDateString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: date < today - 300 * dayMs ? \"numeric\" : undefined,\n    });\n}\n\n/** Clock label for a single message — the time, not a relative phrase. */\nexport function timeLabel(timestamp: number, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return new Date(timestamp).toLocaleTimeString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n    });\n}\n\n/** Sentence for the typing indicator, or `null` when nobody is typing. */\nexport function typingLabel(\n    names: readonly string[],\n    locale: \"pt-BR\" | \"en\" = \"pt-BR\",\n): string | null {\n    const strings = chatStrings(locale);\n    if (names.length === 0) return null;\n    if (names.length === 1) return strings.typingOne(names[0]);\n    if (names.length === 2) return strings.typingTwo(names[0], names[1]);\n    return strings.typingMany(names.length);\n}\n"],"mappings":";AAyJA,IAAa,IAA0B;AAGvC,SAAS,EAAW,GAA2B;CAC3C,IAAM,IAAO,IAAI,KAAK,CAAS;CAE/B,OADA,EAAK,SAAS,GAAG,GAAG,GAAG,CAAC,GACjB,EAAK,QAAQ;AACxB;AAuBA,SAAgB,EAAc,EAC1B,aACA,kBACA,cAAW,KAKG;CACd,IAAM,IAA0B,CAAC,GAC7B,IAAqB,MACrB,IAAsB;CAE1B,KAAK,IAAM,KAAW,GAAU;EAC5B,IAAM,IAAa,EAAW,EAAQ,MAAM;EAC5C,AAAI,MAAe,MACf,IAAM,GACN,IAAM,MACN,EAAS,KAAK;GAAE,MAAM;GAAO,KAAK,OAAO;GAAc,MAAM;EAAW,CAAC;EAG7E,IAAM,IAAW,GAAK,SAAS,EAAI,SAAS,SAAS;EAOrD,IALI,MAAQ,QACR,MAAa,KAAA,KACb,EAAI,aAAa,EAAQ,YACzB,EAAQ,SAAS,EAAS,UAAU,KAEvB,GAAK;GAClB,EAAI,SAAS,KAAK,CAAO;GACzB;EACJ;EAUA,AARA,IAAM;GACF,MAAM;GACN,KAAK,GAAG,EAAQ,SAAS,GAAG,EAAQ;GACpC,UAAU,EAAQ;GAClB,YAAY,EAAQ;GACpB,KAAK,MAAkB,KAAA,KAAa,EAAQ,aAAa;GACzD,UAAU,CAAC,CAAO;EACtB,GACA,EAAS,KAAK,CAAG;CACrB;CAEA,OAAO;AACX;AAmCA,IAAM,IAAqB;CACvB,QAAQ;CACR,OAAO;CACP,WAAW;CACX,KAAK;CACL,YAAY,MAAS,GAAG,EAAK;CAC7B,YAAY,GAAG,MAAM,GAAG,EAAE,KAAK,EAAE;CACjC,aAAa,MAAM,GAAG,EAAE;CACxB,SAAS;CACT,MAAM;CACN,MAAM;CACN,QAAQ;CACR,OAAO;CACP,OAAO;CACP,aAAa;CACb,MAAM;CACN,SAAS;CACT,QAAQ;CACR,aAAa,MAAS,iBAAiB;CACvC,cAAc;CACd,WAAW;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,MAAM;CACV;CACA,WAAW;CACX,QAAQ,GAAO,MAAU,GAAG,EAAM,IAAI,EAAM,GAAG,MAAU,IAAI,WAAW;CACxE,cAAc;CACd,gBAAgB,GAAW,MAAU,cAAc,EAAU,MAAM;CACnE,SAAS;CACT,WAAW,GAAM,MAAU,YAAY,EAAK,MAAM;CAClD,gBAAgB;CAChB,WAAW;CACX,UAAU;AACd,GAEM,IAAkB;CACpB,QAAQ;CACR,OAAO;CACP,WAAW;CACX,KAAK;CACL,YAAY,MAAS,GAAG,EAAK;CAC7B,YAAY,GAAG,MAAM,GAAG,EAAE,OAAO,EAAE;CACnC,aAAa,MAAM,GAAG,EAAE;CACxB,SAAS;CACT,MAAM;CACN,MAAM;CACN,QAAQ;CACR,OAAO;CACP,OAAO;CACP,aAAa;CACb,MAAM;CACN,SAAS;CACT,QAAQ;CACR,aAAa,MAAS,eAAe;CACrC,cAAc;CACd,WAAW;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,MAAM;CACV;CACA,WAAW;CACX,QAAQ,GAAO,MAAU,GAAG,EAAM,IAAI,EAAM,GAAG,MAAU,IAAI,WAAW;CACxE,cAAc;CACd,gBAAgB,GAAW,MAAU,gBAAgB,EAAU,MAAM;CACrE,SAAS;CACT,WAAW,GAAM,MAAU,WAAW,EAAK,MAAM;CACjD,gBAAgB;CAChB,WAAW;CACX,UAAU;AACd;AAGA,SAAgB,EAAY,GAAqC;CAC7D,OAAO,MAAW,OAAO,IAAK;AAClC;AAQA,SAAgB,EACZ,GACA,EAAE,YAAS,SAAS,WAAmD,CAAC,GAClE;CACN,IAAM,IAAU,EAAY,CAAM,GAC5B,IAAQ,EAAW,KAAO,KAAK,IAAI,CAAC,GACpC,IAAQ;CAGd,OAFI,MAAS,IAAc,EAAQ,QAC/B,MAAS,IAAQ,IAAc,EAAQ,YACpC,IAAI,KAAK,CAAI,CAAC,CAAC,mBAAmB,MAAW,OAAO,UAAU,SAAS;EAC1E,KAAK;EACL,OAAO;EACP,MAAM,IAAO,IAAQ,MAAM,IAAQ,YAAY,KAAA;CACnD,CAAC;AACL;AAGA,SAAgB,EAAU,GAAmB,IAAyB,SAAiB;CACnF,OAAO,IAAI,KAAK,CAAS,CAAC,CAAC,mBAAmB,MAAW,OAAO,UAAU,SAAS;EAC/E,MAAM;EACN,QAAQ;CACZ,CAAC;AACL;AAGA,SAAgB,EACZ,GACA,IAAyB,SACZ;CACb,IAAM,IAAU,EAAY,CAAM;CAIlC,OAHI,EAAM,WAAW,IAAU,OAC3B,EAAM,WAAW,IAAU,EAAQ,UAAU,EAAM,EAAE,IACrD,EAAM,WAAW,IAAU,EAAQ,UAAU,EAAM,IAAI,EAAM,EAAE,IAC5D,EAAQ,WAAW,EAAM,MAAM;AAC1C"}
+{"version":3,"file":"chat-groups.js","names":["DEFAULT_GROUP_WINDOW_MS","startOfDay","date","timestamp","groupMessages","sections","day","run","message","messages","messageDay","previous","windowMs","currentUserId","PT_BR","name","a","b","n","emoji","count","delivered","total","read","EN","chatStrings","locale","dayLabel","strings","today","now","dayMs","timeLabel","typingLabel","names"],"sources":["../../../src/components/Chat/chat-groups.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/** What a bubble can carry besides text. */\nexport type ChatAttachmentKind = \"image\" | \"video\" | \"audio\" | \"voice\" | \"file\";\n\n/** One attachment on a message. */\nexport interface ChatAttachment {\n    /** Decides how it renders: a picture, a player, a voice note, a download row. */\n    kind: ChatAttachmentKind;\n    /** Where the bytes are. A blob URL works for a message still uploading. */\n    url: string;\n    /** File name, shown for `\"file\"` and used as the download name. */\n    name?: string;\n    /** MIME type, when the app knows it. */\n    mimeType?: string;\n    /** Size in bytes, shown next to a file. */\n    sizeBytes?: number;\n    /** Duration in ms, for audio, voice and video. */\n    durationMs?: number;\n    /** Poster for a video, or a smaller copy of an image. */\n    thumbnailUrl?: string;\n    /**\n     * Normalised peaks, `0`–`1`, for a voice note.\n     *\n     * A voice note without one is a grey rectangle: the waveform is what tells\n     * somebody whether this is a word or a two-minute monologue.\n     */\n    waveform?: readonly number[];\n    /** Alternative text for an image. */\n    alt?: string;\n}\n\n/**\n * The stub of the message being replied to, shown above the body.\n *\n * `revoked` is not decoration: deleting the quoted message has to blank the\n * quoted text, or it leaks through everyone who replied to it.\n */\nexport interface ChatQuote {\n    /** Id of the quoted message, so the app can scroll to it. */\n    messageId: string;\n    /** Who wrote it. */\n    senderName?: string;\n    /** A short piece of what it said. The component never truncates for you. */\n    excerpt?: string;\n    /** What the quoted message was, when it was not text. */\n    kind?: \"text\" | ChatAttachmentKind;\n    /** The quoted message was deleted — the excerpt is not shown. */\n    revoked?: boolean;\n}\n\n/** One emoji on a message, with its tally. */\nexport interface ChatReaction {\n    /** The emoji itself. */\n    emoji: string;\n    /** How many people reacted with it. */\n    count: number;\n    /** Whether the current user is one of them — the chip reads as pressed. */\n    reacted?: boolean;\n    /** Who reacted, for the chip's tooltip. */\n    names?: readonly string[];\n}\n\n/**\n * Per-recipient delivery, which is what a group needs.\n *\n * `status` is a boolean for the sender: it cannot say \"delivered to everyone\"\n * versus \"read by everyone\", and only the second one turns the ticks blue.\n */\nexport interface ChatReceipt {\n    /** How many recipients have received it. */\n    deliveredTo: number;\n    /** How many have read it. */\n    readBy: number;\n    /** How many recipients there are. */\n    totalRecipients: number;\n}\n\n/** One entry in a thread. */\nexport interface ChatMessage {\n    /** Stable identity. Used as the React key and by `onRetry`. */\n    id: string;\n    /**\n     * What was said. A node, so an app can render a link, an image or a quote.\n     *\n     * Optional, because a message can be all attachment, or be a tombstone: a\n     * deleted message has no body to show, and requiring one made every app\n     * invent a placeholder string for the state the component now owns.\n     */\n    body?: ReactNode;\n    /** Who said it. Compared against `currentUserId` to decide sides. */\n    authorId: string;\n    /** Display name. Falls back to `authorId` in the header of a run. */\n    authorName?: string;\n    /** Epoch milliseconds. */\n    sentAt: number;\n    /**\n     * Delivery state of an outgoing message.\n     *\n     * `\"failed\"` is the one that matters: without it an app has to invent its own\n     * way to say \"this never left\", and the user re-types a message that is\n     * sitting right there.\n     */\n    status?: \"sending\" | \"sent\" | \"read\" | \"failed\";\n    /**\n     * Per-recipient delivery. Takes precedence over `status` for the ticks.\n     *\n     * Use it in a group, where \"delivered to all\" and \"read by all\" are different\n     * states and `status` can only say one thing.\n     */\n    receipt?: ChatReceipt;\n    /** Media, voice notes and documents carried by this message. */\n    attachments?: readonly ChatAttachment[];\n    /** The message this one replies to. */\n    quote?: ChatQuote;\n    /** Emoji reactions, already tallied by the app. */\n    reactions?: readonly ChatReaction[];\n    /**\n     * The message was deleted — it renders as a tombstone.\n     *\n     * A state, not a `body` the app swaps for a string: as a state the quote of\n     * it can be blanked too, and every app stops writing its own wording.\n     */\n    deleted?: boolean;\n    /** The message was edited after it was sent. */\n    edited?: boolean;\n    /** Anything the app wants to carry through to its own renderers. */\n    data?: Record<string, unknown>;\n}\n\n/** A run of consecutive messages from one author, under one day. */\nexport interface ChatRun {\n    kind: \"run\";\n    /** `${authorId}-${first message id}` — stable across re-renders. */\n    key: string;\n    authorId: string;\n    authorName?: string;\n    /** Whether this run belongs to the current user. */\n    own: boolean;\n    messages: ChatMessage[];\n}\n\n/** A date heading between runs. */\nexport interface ChatDay {\n    kind: \"day\";\n    key: string;\n    /** Midnight of that local day, epoch ms — the label is formatted by the view. */\n    date: number;\n}\n\nexport type ChatSection = ChatDay | ChatRun;\n\n/** Default window in which consecutive messages from one author stay in a run. */\nexport const DEFAULT_GROUP_WINDOW_MS = 5 * 60 * 1000;\n\n/** Local midnight of an instant, epoch ms. */\nfunction startOfDay(timestamp: number): number {\n    const date = new Date(timestamp);\n    date.setHours(0, 0, 0, 0);\n    return date.getTime();\n}\n\n/**\n * Turn a flat message list into the sections a thread renders: a date heading\n * whenever the local day changes, and runs of consecutive messages from the same\n * author.\n *\n * Grouping is what makes a thread readable — repeating the avatar and the name on\n * every line of a five-line burst turns a conversation into a list of receipts.\n * The run breaks on a different author, a different day, or a gap longer than\n * `windowMs`: a reply an hour later is a new beat in the conversation even when\n * nobody else spoke, and joining it to the earlier burst would put one timestamp\n * on messages an hour apart.\n *\n * Order is taken as given, oldest first, and never sorted here: a thread that\n * reorders what the server sent would fight optimistic inserts, where the\n * pending message is deliberately last.\n *\n * @param params.messages - Oldest first.\n * @param params.currentUserId - Author id treated as \"own\".\n * @param params.windowMs - Gap that still keeps a run together. Default 5 min.\n * @returns Sections in render order.\n */\nexport function groupMessages({\n    messages,\n    currentUserId,\n    windowMs = DEFAULT_GROUP_WINDOW_MS,\n}: {\n    messages: readonly ChatMessage[];\n    currentUserId?: string;\n    windowMs?: number;\n}): ChatSection[] {\n    const sections: ChatSection[] = [];\n    let day: number | null = null;\n    let run: ChatRun | null = null;\n\n    for (const message of messages) {\n        const messageDay = startOfDay(message.sentAt);\n        if (messageDay !== day) {\n            day = messageDay;\n            run = null;\n            sections.push({ kind: \"day\", key: `day-${messageDay}`, date: messageDay });\n        }\n\n        const previous = run?.messages[run.messages.length - 1];\n        const continues =\n            run !== null &&\n            previous !== undefined &&\n            run.authorId === message.authorId &&\n            message.sentAt - previous.sentAt <= windowMs;\n\n        if (continues && run) {\n            run.messages.push(message);\n            continue;\n        }\n\n        run = {\n            kind: \"run\",\n            key: `${message.authorId}-${message.id}`,\n            authorId: message.authorId,\n            authorName: message.authorName,\n            own: currentUserId !== undefined && message.authorId === currentUserId,\n            messages: [message],\n        };\n        sections.push(run);\n    }\n\n    return sections;\n}\n\n/** Labels the thread needs, per locale. */\ninterface ChatStrings {\n    thread: string;\n    today: string;\n    yesterday: string;\n    you: string;\n    typingOne: (name: string) => string;\n    typingTwo: (a: string, b: string) => string;\n    typingMany: (n: number) => string;\n    sending: string;\n    sent: string;\n    read: string;\n    failed: string;\n    retry: string;\n    empty: string;\n    placeholder: string;\n    send: string;\n    deleted: string;\n    edited: string;\n    replyingTo: (name: string) => string;\n    quoteRevoked: string;\n    quoteKind: Record<ChatAttachmentKind, string>;\n    reactions: string;\n    react: (emoji: string, count: number) => string;\n    deliveredAll: string;\n    deliveredSome: (delivered: number, total: number) => string;\n    readAll: string;\n    readSome: (read: number, total: number) => string;\n    messageActions: string;\n    voiceNote: string;\n    download: string;\n}\n\nconst PT_BR: ChatStrings = {\n    thread: \"Conversa\",\n    today: \"Hoje\",\n    yesterday: \"Ontem\",\n    you: \"Você\",\n    typingOne: (name) => `${name} está digitando…`,\n    typingTwo: (a, b) => `${a} e ${b} estão digitando…`,\n    typingMany: (n) => `${n} pessoas estão digitando…`,\n    sending: \"Enviando\",\n    sent: \"Enviada\",\n    read: \"Lida\",\n    failed: \"Falhou ao enviar\",\n    retry: \"Tentar de novo\",\n    empty: \"Nenhuma mensagem ainda\",\n    placeholder: \"Escreva uma mensagem\",\n    send: \"Enviar\",\n    deleted: \"Esta mensagem foi apagada\",\n    edited: \"editada\",\n    replyingTo: (name) => `Em resposta a ${name}`,\n    quoteRevoked: \"Mensagem apagada\",\n    quoteKind: {\n        image: \"Foto\",\n        video: \"Vídeo\",\n        audio: \"Áudio\",\n        voice: \"Mensagem de voz\",\n        file: \"Documento\",\n    },\n    reactions: \"Reações\",\n    react: (emoji, count) => `${emoji}, ${count} ${count === 1 ? \"pessoa\" : \"pessoas\"}`,\n    deliveredAll: \"Entregue a todos\",\n    deliveredSome: (delivered, total) => `Entregue a ${delivered} de ${total}`,\n    readAll: \"Lida por todos\",\n    readSome: (read, total) => `Lida por ${read} de ${total}`,\n    messageActions: \"Ações da mensagem\",\n    voiceNote: \"Mensagem de voz\",\n    download: \"Baixar\",\n};\n\nconst EN: ChatStrings = {\n    thread: \"Conversation\",\n    today: \"Today\",\n    yesterday: \"Yesterday\",\n    you: \"You\",\n    typingOne: (name) => `${name} is typing…`,\n    typingTwo: (a, b) => `${a} and ${b} are typing…`,\n    typingMany: (n) => `${n} people are typing…`,\n    sending: \"Sending\",\n    sent: \"Sent\",\n    read: \"Read\",\n    failed: \"Failed to send\",\n    retry: \"Try again\",\n    empty: \"No messages yet\",\n    placeholder: \"Write a message\",\n    send: \"Send\",\n    deleted: \"This message was deleted\",\n    edited: \"edited\",\n    replyingTo: (name) => `Replying to ${name}`,\n    quoteRevoked: \"Message deleted\",\n    quoteKind: {\n        image: \"Photo\",\n        video: \"Video\",\n        audio: \"Audio\",\n        voice: \"Voice message\",\n        file: \"Document\",\n    },\n    reactions: \"Reactions\",\n    react: (emoji, count) => `${emoji}, ${count} ${count === 1 ? \"person\" : \"people\"}`,\n    deliveredAll: \"Delivered to everyone\",\n    deliveredSome: (delivered, total) => `Delivered to ${delivered} of ${total}`,\n    readAll: \"Read by everyone\",\n    readSome: (read, total) => `Read by ${read} of ${total}`,\n    messageActions: \"Message actions\",\n    voiceNote: \"Voice message\",\n    download: \"Download\",\n};\n\n/** Locale strings for the thread. */\nexport function chatStrings(locale: \"pt-BR\" | \"en\"): ChatStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n\n/**\n * Label for a date heading: `\"Hoje\"`, `\"Ontem\"`, or the formatted date.\n *\n * @param date - Local midnight of the day being labelled.\n * @param params.now - Reference instant, so tests and SSR-free renders are stable.\n */\nexport function dayLabel(\n    date: number,\n    { locale = \"pt-BR\", now }: { locale?: \"pt-BR\" | \"en\"; now?: number } = {},\n): string {\n    const strings = chatStrings(locale);\n    const today = startOfDay(now ?? Date.now());\n    const dayMs = 24 * 60 * 60 * 1000;\n    if (date === today) return strings.today;\n    if (date === today - dayMs) return strings.yesterday;\n    return new Date(date).toLocaleDateString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: date < today - 300 * dayMs ? \"numeric\" : undefined,\n    });\n}\n\n/** Clock label for a single message — the time, not a relative phrase. */\nexport function timeLabel(timestamp: number, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return new Date(timestamp).toLocaleTimeString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n    });\n}\n\n/** Sentence for the typing indicator, or `null` when nobody is typing. */\nexport function typingLabel(\n    names: readonly string[],\n    locale: \"pt-BR\" | \"en\" = \"pt-BR\",\n): string | null {\n    const strings = chatStrings(locale);\n    if (names.length === 0) return null;\n    if (names.length === 1) return strings.typingOne(names[0]);\n    if (names.length === 2) return strings.typingTwo(names[0], names[1]);\n    return strings.typingMany(names.length);\n}\n"],"mappings":"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"}

package/dist/components/Chat/chat-receipt.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-receipt.cjs","names":[],"sources":["../../../src/components/Chat/chat-receipt.ts"],"sourcesContent":["import type { ChatMessage, ChatReceipt } from \"./chat-groups\";\n\n/**\n * What the ticks on an outgoing message say.\n *\n * `\"read\"` is the only one that turns them blue, and in a group that means\n * **everyone** has read it — the distinction `status: \"read\"` cannot make.\n */\nexport type ChatReceiptState = \"sending\" | \"sent\" | \"delivered\" | \"read\" | \"failed\";\n\n/**\n * Resolve the tick state of an outgoing message.\n *\n * A group needs three states where a single message has two: sent to the server,\n * delivered to the recipients, read by the recipients. A boolean `status` collapses\n * the middle one, so an app that has per-recipient counts either invents its own\n * glyph or shows a message as read when one person out of nine opened it.\n *\n * The counts win when they are there, and the thresholds are deliberately \"all\":\n * blue ticks in every messenger mean the whole room, and reporting \"read\" for a\n * partial count is the failure that makes people distrust the indicator entirely.\n * A `totalRecipients` of zero — a note to self, a thread whose membership the app\n * does not track — falls back to `status`, because \"read by all of nobody\" is not\n * a claim worth making.\n *\n * `\"failed\"` and `\"sending\"` come from `status` regardless: they are about this\n * side of the wire, and no recipient count exists yet.\n *\n * @param message - The message being rendered.\n * @returns The tick state, or `null` when there is nothing to show.\n */\nexport function resolveReceiptState(message: ChatMessage): ChatReceiptState | null {\n    if (message.status === \"failed\" || message.status === \"sending\") return message.status;\n    const receipt = message.receipt;\n    if (!receipt || receipt.totalRecipients <= 0) return message.status ?? null;\n    if (receipt.readBy >= receipt.totalRecipients) return \"read\";\n    if (receipt.deliveredTo >= receipt.totalRecipients) return \"delivered\";\n    return message.status ?? \"sent\";\n}\n\n/**\n * The sentence a reader gets for a receipt, for the tooltip and the screen reader.\n *\n * Partial counts are spelled out rather than rounded to a state: \"delivered to 3\n * of 9\" is the information the sender actually wants when the ticks are not blue\n * yet, and it is the part a glyph cannot carry.\n *\n * @param receipt - Per-recipient counts.\n * @param strings - Locale strings for the thread.\n * @returns One sentence describing delivery and reading.\n */\nexport function receiptLabel(\n    receipt: ChatReceipt,\n    strings: {\n        deliveredAll: string;\n        deliveredSome: (delivered: number, total: number) => string;\n        readAll: string;\n        readSome: (read: number, total: number) => string;\n    },\n): string {\n    const { deliveredTo, readBy, totalRecipients } = receipt;\n    if (readBy >= totalRecipients) return strings.readAll;\n    if (readBy > 0) return strings.readSome(readBy, totalRecipients);\n    if (deliveredTo >= totalRecipients) return strings.deliveredAll;\n    return strings.deliveredSome(deliveredTo, totalRecipients);\n}\n"],"mappings":"AA+BA,SAAgB,EAAoB,EAA+C,CAC/E,GAAI,EAAQ,SAAW,UAAY,EAAQ,SAAW,UAAW,OAAO,EAAQ,OAChF,IAAM,EAAU,EAAQ,QAIxB,MAHI,CAAC,GAAW,EAAQ,iBAAmB,EAAU,EAAQ,QAAU,KACnE,EAAQ,QAAU,EAAQ,gBAAwB,OAClD,EAAQ,aAAe,EAAQ,gBAAwB,YACpD,EAAQ,QAAU,MAC7B,CAaA,SAAgB,EACZ,EACA,EAMM,CACN,GAAM,CAAE,cAAa,SAAQ,mBAAoB,EAIjD,OAHI,GAAU,EAAwB,EAAQ,QAC1C,EAAS,EAAU,EAAQ,SAAS,EAAQ,CAAe,EAC3D,GAAe,EAAwB,EAAQ,aAC5C,EAAQ,cAAc,EAAa,CAAe,CAC7D"}
+{"version":3,"file":"chat-receipt.cjs","names":["resolveReceiptState","message","receipt","receiptLabel","readBy","totalRecipients","strings","deliveredTo"],"sources":["../../../src/components/Chat/chat-receipt.ts"],"sourcesContent":["import type { ChatMessage, ChatReceipt } from \"./chat-groups\";\n\n/**\n * What the ticks on an outgoing message say.\n *\n * `\"read\"` is the only one that turns them blue, and in a group that means\n * **everyone** has read it — the distinction `status: \"read\"` cannot make.\n */\nexport type ChatReceiptState = \"sending\" | \"sent\" | \"delivered\" | \"read\" | \"failed\";\n\n/**\n * Resolve the tick state of an outgoing message.\n *\n * A group needs three states where a single message has two: sent to the server,\n * delivered to the recipients, read by the recipients. A boolean `status` collapses\n * the middle one, so an app that has per-recipient counts either invents its own\n * glyph or shows a message as read when one person out of nine opened it.\n *\n * The counts win when they are there, and the thresholds are deliberately \"all\":\n * blue ticks in every messenger mean the whole room, and reporting \"read\" for a\n * partial count is the failure that makes people distrust the indicator entirely.\n * A `totalRecipients` of zero — a note to self, a thread whose membership the app\n * does not track — falls back to `status`, because \"read by all of nobody\" is not\n * a claim worth making.\n *\n * `\"failed\"` and `\"sending\"` come from `status` regardless: they are about this\n * side of the wire, and no recipient count exists yet.\n *\n * @param message - The message being rendered.\n * @returns The tick state, or `null` when there is nothing to show.\n */\nexport function resolveReceiptState(message: ChatMessage): ChatReceiptState | null {\n    if (message.status === \"failed\" || message.status === \"sending\") return message.status;\n    const receipt = message.receipt;\n    if (!receipt || receipt.totalRecipients <= 0) return message.status ?? null;\n    if (receipt.readBy >= receipt.totalRecipients) return \"read\";\n    if (receipt.deliveredTo >= receipt.totalRecipients) return \"delivered\";\n    return message.status ?? \"sent\";\n}\n\n/**\n * The sentence a reader gets for a receipt, for the tooltip and the screen reader.\n *\n * Partial counts are spelled out rather than rounded to a state: \"delivered to 3\n * of 9\" is the information the sender actually wants when the ticks are not blue\n * yet, and it is the part a glyph cannot carry.\n *\n * @param receipt - Per-recipient counts.\n * @param strings - Locale strings for the thread.\n * @returns One sentence describing delivery and reading.\n */\nexport function receiptLabel(\n    receipt: ChatReceipt,\n    strings: {\n        deliveredAll: string;\n        deliveredSome: (delivered: number, total: number) => string;\n        readAll: string;\n        readSome: (read: number, total: number) => string;\n    },\n): string {\n    const { deliveredTo, readBy, totalRecipients } = receipt;\n    if (readBy >= totalRecipients) return strings.readAll;\n    if (readBy > 0) return strings.readSome(readBy, totalRecipients);\n    if (deliveredTo >= totalRecipients) return strings.deliveredAll;\n    return strings.deliveredSome(deliveredTo, totalRecipients);\n}\n"],"mappings":"AA+BA,SAAgBA,EAAoB,EAA+C,CAC/E,GAAIC,EAAQ,SAAW,UAAYA,EAAQ,SAAW,UAAW,OAAOA,EAAQ,OAChF,IAAMC,EAAUD,EAAQ,QAIxB,MAHI,CAACC,GAAWA,EAAQ,iBAAmB,EAAUD,EAAQ,QAAU,KACnEC,EAAQ,QAAUA,EAAQ,gBAAwB,OAClDA,EAAQ,aAAeA,EAAQ,gBAAwB,YACpDD,EAAQ,QAAU,MAC7B,CAaA,SAAgBE,EACZ,EACA,EAMM,CACN,GAAM,CAAE,cAAa,SAAQ,mBAAoBD,EAIjD,OAHIE,GAAUC,EAAwBC,EAAQ,QAC1CF,EAAS,EAAUE,EAAQ,SAASF,EAAQC,CAAe,EAC3DE,GAAeF,EAAwBC,EAAQ,aAC5CA,EAAQ,cAAcC,EAAaF,CAAe,CAC7D,C"}

package/dist/components/Chat/chat-receipt.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-receipt.js","names":[],"sources":["../../../src/components/Chat/chat-receipt.ts"],"sourcesContent":["import type { ChatMessage, ChatReceipt } from \"./chat-groups\";\n\n/**\n * What the ticks on an outgoing message say.\n *\n * `\"read\"` is the only one that turns them blue, and in a group that means\n * **everyone** has read it — the distinction `status: \"read\"` cannot make.\n */\nexport type ChatReceiptState = \"sending\" | \"sent\" | \"delivered\" | \"read\" | \"failed\";\n\n/**\n * Resolve the tick state of an outgoing message.\n *\n * A group needs three states where a single message has two: sent to the server,\n * delivered to the recipients, read by the recipients. A boolean `status` collapses\n * the middle one, so an app that has per-recipient counts either invents its own\n * glyph or shows a message as read when one person out of nine opened it.\n *\n * The counts win when they are there, and the thresholds are deliberately \"all\":\n * blue ticks in every messenger mean the whole room, and reporting \"read\" for a\n * partial count is the failure that makes people distrust the indicator entirely.\n * A `totalRecipients` of zero — a note to self, a thread whose membership the app\n * does not track — falls back to `status`, because \"read by all of nobody\" is not\n * a claim worth making.\n *\n * `\"failed\"` and `\"sending\"` come from `status` regardless: they are about this\n * side of the wire, and no recipient count exists yet.\n *\n * @param message - The message being rendered.\n * @returns The tick state, or `null` when there is nothing to show.\n */\nexport function resolveReceiptState(message: ChatMessage): ChatReceiptState | null {\n    if (message.status === \"failed\" || message.status === \"sending\") return message.status;\n    const receipt = message.receipt;\n    if (!receipt || receipt.totalRecipients <= 0) return message.status ?? null;\n    if (receipt.readBy >= receipt.totalRecipients) return \"read\";\n    if (receipt.deliveredTo >= receipt.totalRecipients) return \"delivered\";\n    return message.status ?? \"sent\";\n}\n\n/**\n * The sentence a reader gets for a receipt, for the tooltip and the screen reader.\n *\n * Partial counts are spelled out rather than rounded to a state: \"delivered to 3\n * of 9\" is the information the sender actually wants when the ticks are not blue\n * yet, and it is the part a glyph cannot carry.\n *\n * @param receipt - Per-recipient counts.\n * @param strings - Locale strings for the thread.\n * @returns One sentence describing delivery and reading.\n */\nexport function receiptLabel(\n    receipt: ChatReceipt,\n    strings: {\n        deliveredAll: string;\n        deliveredSome: (delivered: number, total: number) => string;\n        readAll: string;\n        readSome: (read: number, total: number) => string;\n    },\n): string {\n    const { deliveredTo, readBy, totalRecipients } = receipt;\n    if (readBy >= totalRecipients) return strings.readAll;\n    if (readBy > 0) return strings.readSome(readBy, totalRecipients);\n    if (deliveredTo >= totalRecipients) return strings.deliveredAll;\n    return strings.deliveredSome(deliveredTo, totalRecipients);\n}\n"],"mappings":";AA+BA,SAAgB,EAAoB,GAA+C;CAC/E,IAAI,EAAQ,WAAW,YAAY,EAAQ,WAAW,WAAW,OAAO,EAAQ;CAChF,IAAM,IAAU,EAAQ;CAIxB,OAHI,CAAC,KAAW,EAAQ,mBAAmB,IAAU,EAAQ,UAAU,OACnE,EAAQ,UAAU,EAAQ,kBAAwB,SAClD,EAAQ,eAAe,EAAQ,kBAAwB,cACpD,EAAQ,UAAU;AAC7B;AAaA,SAAgB,EACZ,GACA,GAMM;CACN,IAAM,EAAE,gBAAa,WAAQ,uBAAoB;CAIjD,OAHI,KAAU,IAAwB,EAAQ,UAC1C,IAAS,IAAU,EAAQ,SAAS,GAAQ,CAAe,IAC3D,KAAe,IAAwB,EAAQ,eAC5C,EAAQ,cAAc,GAAa,CAAe;AAC7D"}
+{"version":3,"file":"chat-receipt.js","names":["resolveReceiptState","message","receipt","receiptLabel","readBy","totalRecipients","strings","deliveredTo"],"sources":["../../../src/components/Chat/chat-receipt.ts"],"sourcesContent":["import type { ChatMessage, ChatReceipt } from \"./chat-groups\";\n\n/**\n * What the ticks on an outgoing message say.\n *\n * `\"read\"` is the only one that turns them blue, and in a group that means\n * **everyone** has read it — the distinction `status: \"read\"` cannot make.\n */\nexport type ChatReceiptState = \"sending\" | \"sent\" | \"delivered\" | \"read\" | \"failed\";\n\n/**\n * Resolve the tick state of an outgoing message.\n *\n * A group needs three states where a single message has two: sent to the server,\n * delivered to the recipients, read by the recipients. A boolean `status` collapses\n * the middle one, so an app that has per-recipient counts either invents its own\n * glyph or shows a message as read when one person out of nine opened it.\n *\n * The counts win when they are there, and the thresholds are deliberately \"all\":\n * blue ticks in every messenger mean the whole room, and reporting \"read\" for a\n * partial count is the failure that makes people distrust the indicator entirely.\n * A `totalRecipients` of zero — a note to self, a thread whose membership the app\n * does not track — falls back to `status`, because \"read by all of nobody\" is not\n * a claim worth making.\n *\n * `\"failed\"` and `\"sending\"` come from `status` regardless: they are about this\n * side of the wire, and no recipient count exists yet.\n *\n * @param message - The message being rendered.\n * @returns The tick state, or `null` when there is nothing to show.\n */\nexport function resolveReceiptState(message: ChatMessage): ChatReceiptState | null {\n    if (message.status === \"failed\" || message.status === \"sending\") return message.status;\n    const receipt = message.receipt;\n    if (!receipt || receipt.totalRecipients <= 0) return message.status ?? null;\n    if (receipt.readBy >= receipt.totalRecipients) return \"read\";\n    if (receipt.deliveredTo >= receipt.totalRecipients) return \"delivered\";\n    return message.status ?? \"sent\";\n}\n\n/**\n * The sentence a reader gets for a receipt, for the tooltip and the screen reader.\n *\n * Partial counts are spelled out rather than rounded to a state: \"delivered to 3\n * of 9\" is the information the sender actually wants when the ticks are not blue\n * yet, and it is the part a glyph cannot carry.\n *\n * @param receipt - Per-recipient counts.\n * @param strings - Locale strings for the thread.\n * @returns One sentence describing delivery and reading.\n */\nexport function receiptLabel(\n    receipt: ChatReceipt,\n    strings: {\n        deliveredAll: string;\n        deliveredSome: (delivered: number, total: number) => string;\n        readAll: string;\n        readSome: (read: number, total: number) => string;\n    },\n): string {\n    const { deliveredTo, readBy, totalRecipients } = receipt;\n    if (readBy >= totalRecipients) return strings.readAll;\n    if (readBy > 0) return strings.readSome(readBy, totalRecipients);\n    if (deliveredTo >= totalRecipients) return strings.deliveredAll;\n    return strings.deliveredSome(deliveredTo, totalRecipients);\n}\n"],"mappings":";AA+BA,SAAgBA,EAAoB,GAA+C;CAC/E,IAAIC,EAAQ,WAAW,YAAYA,EAAQ,WAAW,WAAW,OAAOA,EAAQ;CAChF,IAAMC,IAAUD,EAAQ;CAIxB,OAHI,CAACC,KAAWA,EAAQ,mBAAmB,IAAUD,EAAQ,UAAU,OACnEC,EAAQ,UAAUA,EAAQ,kBAAwB,SAClDA,EAAQ,eAAeA,EAAQ,kBAAwB,cACpDD,EAAQ,UAAU;AAC7B;AAaA,SAAgBE,EACZ,GACA,GAMM;CACN,IAAM,EAAE,gBAAa,WAAQ,uBAAoBD;CAIjD,OAHIE,KAAUC,IAAwBC,EAAQ,UAC1CF,IAAS,IAAUE,EAAQ,SAASF,GAAQC,CAAe,IAC3DE,KAAeF,IAAwBC,EAAQ,eAC5CA,EAAQ,cAAcC,GAAaF,CAAe;AAC7D"}