@cratis/components 3.6.1 → 4.0.0

package/dist/esm/{Canvas/shapes/ChatBubble → Chat/Kit}/ChatComposer.js

@@ -1,42 +1,38 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useRef, useEffect, useImperativeHandle } from 'react';
 import { AnchoredOverlay } from './AnchoredOverlay.js';
-import { MentionSuggestions } from './Mentions/MentionSuggestions.js';
 import { activeMentionQuery } from './Mentions/activeMentionQuery.js';
 import { applyMention } from './Mentions/applyMention.js';
 import { extractMentions } from './Mentions/extractMentions.js';
 import { matchCandidates } from './Mentions/matchCandidates.js';
+import { MentionSuggestions } from './Mentions/MentionSuggestions.js';
 import { ReactionPicker } from './ReactionPicker.js';
 
-/**
- * The compose row of a conversation — the text area, the `@` mention list it opens, and the send
- * button. It owns the draft so the surrounding panel stays a renderer of messages.
- */
-const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates, onSend, autoFocus = false, buildAvatarUrl, labels }, handleRef) => {
+const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates, onSend, autoFocus = false, buildAvatarUrl, labels, }, handleRef) => {
     const [draft, setDraft] = useState({ text: '', caret: 0 });
     const [highlightedIndex, setHighlightedIndex] = useState(0);
     const [showEmojiPicker, setShowEmojiPicker] = useState(false);
     const [resolvedCandidates, setResolvedCandidates] = useState([]);
     const inputRef = useRef(null);
     const emojiButtonRef = useRef(null);
-    // Every candidate this draft has seen — resolved or picked — so the mentions reported on send
-    // can be found again even when the resolver's latest answer no longer includes them.
     const seenCandidatesRef = useRef(new Map());
     const mentionsEnabled = !!mentionCandidates || !!resolveMentionCandidates;
-    const query = mentionsEnabled ? activeMentionQuery(draft.text, draft.caret) : null;
+    const query = mentionsEnabled
+        ? activeMentionQuery(draft.text, draft.caret)
+        : null;
     const queryText = query?.text;
     useEffect(() => {
         if (!resolveMentionCandidates || queryText === undefined) {
-            setResolvedCandidates(previous => (previous.length === 0 ? previous : []));
+            setResolvedCandidates((previous) => previous.length === 0 ? previous : []);
             return;
         }
         let cancelled = false;
         Promise.resolve(resolveMentionCandidates(queryText))
-            .then(candidates => {
+            .then((candidates) => {
             if (cancelled)
                 return;
             setResolvedCandidates(candidates);
-            candidates.forEach(candidate => seenCandidatesRef.current.set(candidate.id, candidate));
+            candidates.forEach((candidate) => seenCandidatesRef.current.set(candidate.id, candidate));
         })
             .catch(() => {
             if (!cancelled) {
@@ -49,21 +45,23 @@ const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates,
     }, [resolveMentionCandidates, queryText]);
     const uniqueById = (candidates) => {
         const byId = new Map();
-        candidates.forEach(candidate => {
+        candidates.forEach((candidate) => {
             if (!byId.has(candidate.id)) {
                 byId.set(candidate.id, candidate);
             }
         });
         return [...byId.values()];
     };
-    const candidatePool = uniqueById([...(mentionCandidates ?? []), ...resolvedCandidates]);
-    // A query that ends in whitespace and spells a candidate's full name is a mention already
-    // made — the trailing space applyMention writes is its closing. Without this, Enter right
-    // after picking would re-pick the same name instead of sending the message.
+    const candidatePool = uniqueById([
+        ...(mentionCandidates ?? []),
+        ...resolvedCandidates,
+    ]);
     const queryIsCompleteMention = query !== null &&
         /\s$/.test(query.text) &&
-        candidatePool.some(candidate => candidate.name.toLowerCase() === query.text.trim().toLowerCase());
-    const suggestions = query && !queryIsCompleteMention ? matchCandidates(candidatePool, query.text) : [];
+        candidatePool.some((candidate) => candidate.name.toLowerCase() === query.text.trim().toLowerCase());
+    const suggestions = query && !queryIsCompleteMention
+        ? matchCandidates(candidatePool, query.text)
+        : [];
     const isSuggesting = suggestions.length > 0;
     const highlighted = Math.min(highlightedIndex, suggestions.length - 1);
     useEffect(() => {
@@ -82,8 +80,6 @@ const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates,
     }), []);
     const readDraft = (element) => {
         const text = element.value;
-        // Only editing the text restarts the selection. Resetting on every key event would undo the
-        // arrow-key navigation on the very next keyup.
         if (text !== draft.text) {
             setHighlightedIndex(0);
         }
@@ -93,7 +89,10 @@ const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates,
         const trimmed = draft.text.trim();
         if (!trimmed)
             return;
-        const known = uniqueById([...(mentionCandidates ?? []), ...seenCandidatesRef.current.values()]);
+        const known = uniqueById([
+            ...(mentionCandidates ?? []),
+            ...seenCandidatesRef.current.values(),
+        ]);
         onSend(trimmed, extractMentions(trimmed, known));
         seenCandidatesRef.current.clear();
         setDraft({ text: '', caret: 0 });
@@ -105,7 +104,6 @@ const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates,
         const applied = applyMention(draft.text, draft.caret, query, candidate.name);
         setDraft(applied);
         setHighlightedIndex(0);
-        // The caret has to be restored after React has written the new value back into the element.
         requestAnimationFrame(() => inputRef.current?.setSelectionRange(applied.caret, applied.caret));
         inputRef.current?.focus();
     };
@@ -114,8 +112,6 @@ const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates,
         const caret = draft.caret + emoji.length;
         setDraft({ text, caret });
         setShowEmojiPicker(false);
-        // Same restore-after-write pattern as choose() above — React has to write the new value in
-        // before the caret can be placed past the emoji it inserted.
         requestAnimationFrame(() => {
             inputRef.current?.focus();
             inputRef.current?.setSelectionRange(caret, caret);
@@ -136,9 +132,10 @@ const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates,
             }
             if (event.key === 'Escape') {
                 event.preventDefault();
-                // Closing the list without changing the text: move the caret past the mention so the
-                // query no longer resolves.
-                setDraft(previous => ({ ...previous, caret: previous.text.length }));
+                setDraft((previous) => ({
+                    ...previous,
+                    caret: previous.text.length,
+                }));
                 return;
             }
         }
@@ -147,7 +144,7 @@ const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates,
             send();
         }
     };
-    return (jsxs("div", { className: 'chat-composer', children: [isSuggesting && (jsx(MentionSuggestions, { candidates: suggestions, highlightedIndex: highlighted, onSelect: choose, onHighlight: setHighlightedIndex, buildAvatarUrl: buildAvatarUrl })), jsx("textarea", { ref: inputRef, className: 'chat-composer__input', value: draft.text, onChange: event => readDraft(event.target), onKeyUp: event => readDraft(event.currentTarget), onClick: event => readDraft(event.currentTarget), onKeyDown: handleKeyDown, placeholder: labels?.placeholder ?? 'Write a message… (Enter to send)', rows: 2 }), jsx("button", { ref: emojiButtonRef, type: 'button', className: 'chat-composer__emoji-toggle', onMouseDown: event => event.preventDefault(), onClick: () => setShowEmojiPicker(previous => !previous), title: labels?.insertEmoji ?? 'Insert emoji', "aria-label": labels?.insertEmoji ?? 'Insert emoji', "aria-expanded": showEmojiPicker, children: "\u263A" }), jsx("button", { className: 'chat-composer__send', onClick: send, disabled: !draft.text.trim(), title: labels?.send ?? 'Send', "aria-label": labels?.sendMessage ?? 'Send message', children: jsxs("svg", { width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2.5', "aria-hidden": 'true', children: [jsx("line", { x1: '22', y1: '2', x2: '11', y2: '13' }), jsx("polygon", { points: '22 2 15 22 11 13 2 9 22 2' })] }) }), jsx(AnchoredOverlay, { anchorRef: emojiButtonRef, open: showEmojiPicker, side: 'above', align: 'right', gap: 6, children: jsx(ReactionPicker, { anchorRef: emojiButtonRef, onPick: insertEmoji, onDismiss: () => setShowEmojiPicker(false), labels: labels?.reactionPicker }) })] }));
+    return (jsxs("div", { className: 'chat-composer', children: [isSuggesting && (jsx(MentionSuggestions, { candidates: suggestions, highlightedIndex: highlighted, onSelect: choose, onHighlight: setHighlightedIndex, buildAvatarUrl: buildAvatarUrl })), jsx("textarea", { ref: inputRef, className: 'chat-composer__input', value: draft.text, onChange: (event) => readDraft(event.target), onKeyUp: (event) => readDraft(event.currentTarget), onClick: (event) => readDraft(event.currentTarget), onKeyDown: handleKeyDown, placeholder: labels?.placeholder ?? 'Write a message… (Enter to send)', rows: 2 }), jsx("button", { ref: emojiButtonRef, type: 'button', className: 'chat-composer__emoji-toggle', onMouseDown: (event) => event.preventDefault(), onClick: () => setShowEmojiPicker((previous) => !previous), title: labels?.insertEmoji ?? 'Insert emoji', "aria-label": labels?.insertEmoji ?? 'Insert emoji', "aria-expanded": showEmojiPicker, children: "\u263A" }), jsx("button", { type: 'button', className: 'chat-composer__send', onClick: send, disabled: !draft.text.trim(), title: labels?.send ?? 'Send', "aria-label": labels?.sendMessage ?? 'Send message', children: jsxs("svg", { width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2.5', "aria-hidden": 'true', children: [jsx("line", { x1: '22', y1: '2', x2: '11', y2: '13' }), jsx("polygon", { points: '22 2 15 22 11 13 2 9 22 2' })] }) }), jsx(AnchoredOverlay, { anchorRef: emojiButtonRef, open: showEmojiPicker, side: 'above', align: 'right', gap: 6, children: jsx(ReactionPicker, { anchorRef: emojiButtonRef, onPick: insertEmoji, onDismiss: () => setShowEmojiPicker(false), labels: labels?.reactionPicker }) })] }));
 });
 ChatComposer.displayName = 'ChatComposer';
 

package/dist/esm/Chat/Kit/ChatComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatComposer.js","sources":["../../../../Chat/Kit/ChatComposer.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/Chat/Kit/ChatMessage.d.ts

@@ -0,0 +1,42 @@
+import { Guid } from '@cratis/fundamentals';
+import { ChatAuthorKind } from './ChatAuthorKind.js';
+import type { ChatMessageReaction } from './ChatMessageReaction.js';
+/**
+ * One message in a conversation, carrying who said it, what was said, when it was said, and optional
+ * reactions. A message whose {@link failureDetail} is set renders as a failure line rather than as
+ * something its author said.
+ */
+export interface ChatMessage {
+    /** Stable message identity. */
+    id: Guid;
+    /** The identifier of the person or agent who wrote the message. */
+    authorId: Guid;
+    /** The author's display name. */
+    authorName: string;
+    /** The author's initials, used for avatar fallback. */
+    authorInitials: string;
+    /** Whether the author has an uploaded avatar image. */
+    hasAvatar: boolean;
+    /** Whether a person or an agent wrote it, which decides where the avatar is fetched from. */
+    authorKind: ChatAuthorKind;
+    /** The message text. */
+    text: string;
+    /** When the message was sent. */
+    timestamp: Date;
+    /**
+     * Set when the turn ended in failure instead of an answer, holding the reason behind it. Such a
+     * message renders as a failure line rather than as something its author said.
+     */
+    failureDetail?: string;
+    /**
+     * Set when the turn carried the work out rather than only describing it — the agent was asked to
+     * change something and went and changed it. Such a message needs no additional action offer.
+     */
+    didAct?: boolean;
+    /**
+     * The quick emoji reactions given to this message, grouped by emoji. Omitted entirely for a
+     * conversation that does not support reactions, which keeps the reaction affordance off a bubble
+     * whose backend cannot yet record one.
+     */
+    reactions?: ChatMessageReaction[];
+}

package/dist/esm/Chat/Kit/ChatMessage.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=ChatMessage.js.map

package/dist/esm/Chat/Kit/ChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../../Chat/Kit/ChatMessage.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG"}

package/dist/esm/Chat/Kit/ChatMessageAdded.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Published over the Arc messenger by a {@link Chat} when its composer sends a message — the same
+ * moment the `onSend` callback fires. Only published when the chat was given an `id`; a chat without
+ * one has nothing to key the message by and stays silent.
+ */
+export declare class ChatMessageAdded {
+    /** Caller-owned identity of the conversation that accepted the message. */
+    readonly chatId: string;
+    /** Full text submitted by the composer. */
+    readonly text: string;
+    constructor(
+    /** Caller-owned identity of the conversation that accepted the message. */
+    chatId: string, 
+    /** Full text submitted by the composer. */
+    text: string);
+}
+//# sourceMappingURL=ChatMessageAdded.d.ts.map

package/dist/esm/Chat/Kit/ChatMessageAdded.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageAdded.d.ts","sourceRoot":"","sources":["../../../../Chat/Kit/ChatMessageAdded.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,qBAAa,gBAAgB;IAErB,2EAA2E;IAC3E,QAAQ,CAAC,MAAM,EAAE,MAAM;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,IAAI,EAAE,MAAM;;IAHrB,2EAA2E;IAClE,MAAM,EAAE,MAAM;IACvB,2CAA2C;IAClC,IAAI,EAAE,MAAM;CAE5B"}

package/dist/esm/Chat/Kit/ChatMessageAdded.js

@@ -0,0 +1,11 @@
+class ChatMessageAdded {
+    chatId;
+    text;
+    constructor(chatId, text) {
+        this.chatId = chatId;
+        this.text = text;
+    }
+}
+
+export { ChatMessageAdded };
+//# sourceMappingURL=ChatMessageAdded.js.map

package/dist/esm/Chat/Kit/ChatMessageAdded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageAdded.js","sources":["../../../../Chat/Kit/ChatMessageAdded.ts"],"sourcesContent":[null],"names":[],"mappings":"MAQa,gBAAgB,CAAA;AAGZ,IAAA,MAAA;AAEA,IAAA,IAAA;IAJb,WAAA,CAEa,MAAc,EAEd,IAAY,EAAA;QAFZ,IAAA,CAAA,MAAM,GAAN,MAAM;QAEN,IAAA,CAAA,IAAI,GAAJ,IAAI;IACd;AACN;;"}

package/dist/esm/Chat/Kit/ChatMessageBubble.d.ts

@@ -0,0 +1,60 @@
+import type { Guid } from '@cratis/fundamentals';
+import { type BuildAvatarUrlParams } from './Avatar/index.js';
+import type { ChatMessage } from './ChatMessage.js';
+import { type ReactionPickerLabels } from './ReactionPicker.js';
+/** Overrides for the bubble's own labels. Any field left unset falls back to a literal English
+ *  default. `{emoji}`/`{name}` placeholders are substituted by the component. */
+export interface ChatMessageBubbleLabels {
+    /** Tooltip/accessible label when the viewer has already reacted. Defaults to
+     *  `'You reacted with {emoji}'`. */
+    yourReaction?: string;
+    /** Tooltip/accessible label for the reaction button before reacting. Defaults to
+     *  `'Add a quick reaction'`. */
+    addReaction?: string;
+    /** Tooltip/accessible label for the quick-reply button. Defaults to `'Reply to {name}'`. */
+    quickReplyTo?: string;
+    /** Tooltip/accessible label for the "turn into an action" button. Defaults to
+     *  `'Turn into an action'`. */
+    convertToAction?: string;
+    /** Labels forwarded to the reaction {@link ReactionPicker}. */
+    reactionPicker?: ReactionPickerLabels;
+}
+/**
+ * Props for one message bubble in a conversation, with optional quick-reaction and quick-reply
+ * affordances. The affordances are opt-in via {@link currentUserId} — a conversation that does not
+ * pass it renders exactly as it did before reactions existed.
+ */
+export interface ChatMessageBubbleProps {
+    /** The message to render. */
+    message: ChatMessage;
+    /** Whether to show the author row above the message — false for a continuation bubble. */
+    showAuthor: boolean;
+    /** Whether to show the timestamp below the message. */
+    showTimestamp: boolean;
+    /** The formatted relative timestamp to render when {@link showTimestamp} is true. */
+    formattedTimestamp: string;
+    /**
+     * The identifier of whoever is looking at the conversation. Reactions and quick reply are only
+     * offered when this is given — a conversation whose backend cannot yet record a reaction simply
+     * does not render the affordance.
+     */
+    currentUserId?: Guid;
+    /** Invoked with the emoji picked for this message, whether given, changed, or taken back. */
+    onReact?: (messageId: Guid, emoji: string) => void;
+    /** Invoked to prefill the composer with a reply addressed to this message's author. */
+    onQuickReply?: (authorName: string) => void;
+    /**
+     * Invoked to ask for what this message asks for to be carried out. Omit to leave the affordance off.
+     */
+    onAct?: (messageId: Guid) => void;
+    /** Builds the avatar image URL. Omit to always show initials. */
+    buildAvatarUrl?: (params: BuildAvatarUrlParams) => string;
+    /** Overrides for the bubble's labels. Unset fields fall back to literal English defaults. */
+    labels?: ChatMessageBubbleLabels;
+}
+/**
+ * One message in a conversation, with the optional quick-reaction and quick-reply affordances a
+ * conversation may offer. The affordances are opt-in via {@link ChatMessageBubbleProps.currentUserId} —
+ * a conversation that does not pass it renders exactly as it did before reactions existed.
+ */
+export declare const ChatMessageBubble: ({ message, showAuthor, showTimestamp, formattedTimestamp, currentUserId, onReact, onQuickReply, onAct, buildAvatarUrl, labels, }: ChatMessageBubbleProps) => import("react").JSX.Element;

package/dist/esm/Chat/Kit/ChatMessageBubble.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef } from 'react';
+import { AnchoredOverlay } from './AnchoredOverlay.js';
+import { PersonAvatarCircle } from './Avatar/PersonAvatarCircle.js';
+import { ChatAuthorKind } from './ChatAuthorKind.js';
+import { findOwnReaction } from './findOwnReaction.js';
+import { MessageReactions } from './MessageReactions.js';
+import { ReactionPicker } from './ReactionPicker.js';
+import { reactionsExcludingUser } from './reactionsExcludingUser.js';
+import { FaReply, FaBolt } from 'react-icons/fa6';
+
+const ChatMessageBubble = ({ message, showAuthor, showTimestamp, formattedTimestamp, currentUserId, onReact, onQuickReply, onAct, buildAvatarUrl, labels, }) => {
+    const [pickerOpen, setPickerOpen] = useState(false);
+    const reactionButtonRef = useRef(null);
+    const supportsReactions = !!currentUserId && !!onReact;
+    const showActionsRow = supportsReactions || !!onQuickReply || !!onAct;
+    const ownReaction = supportsReactions
+        ? findOwnReaction(message.reactions, currentUserId)
+        : undefined;
+    const otherReactions = supportsReactions
+        ? reactionsExcludingUser(message.reactions, currentUserId)
+        : [];
+    const pick = (emoji) => {
+        setPickerOpen(false);
+        onReact?.(message.id, emoji);
+    };
+    return (jsxs("div", { className: `chat-bubble${showAuthor ? '' : ' chat-bubble--continuation'}`, children: [showAuthor && (jsxs("div", { className: 'chat-bubble-author', children: [jsx(PersonAvatarCircle, { userId: message.authorId, name: message.authorName, hasAvatar: message.hasAvatar, size: 22, ownerType: message.authorKind === ChatAuthorKind.Agent
+                            ? 'Agents'
+                            : 'Users', buildAvatarUrl: buildAvatarUrl }), jsx("span", { className: 'chat-bubble-name', children: message.authorName })] })), jsxs("div", { className: 'chat-bubble-body', children: [jsxs("div", { className: `chat-bubble-panel${showActionsRow ? ' chat-bubble-panel--with-actions' : ''}`, children: [jsx("p", { className: 'chat-bubble-text', children: message.text }), showActionsRow && (jsxs("div", { className: 'chat-bubble-actions', children: [supportsReactions && (jsx("button", { ref: reactionButtonRef, type: 'button', className: `chat-bubble-action${ownReaction ? ' chat-bubble-action--own-reaction' : ''}`, title: ownReaction
+                                            ? (labels?.yourReaction ??
+                                                'You reacted with {emoji}').replace('{emoji}', ownReaction.emoji)
+                                            : (labels?.addReaction ??
+                                                'Add a quick reaction'), "aria-label": ownReaction
+                                            ? (labels?.yourReaction ??
+                                                'You reacted with {emoji}').replace('{emoji}', ownReaction.emoji)
+                                            : (labels?.addReaction ??
+                                                'Add a quick reaction'), "aria-expanded": pickerOpen, onClick: () => setPickerOpen((previous) => !previous), children: ownReaction ? ownReaction.emoji : '☺' })), onQuickReply && (jsx("button", { type: 'button', className: 'chat-bubble-action', title: (labels?.quickReplyTo ?? 'Reply to {name}').replace('{name}', message.authorName), "aria-label": (labels?.quickReplyTo ?? 'Reply to {name}').replace('{name}', message.authorName), onClick: () => onQuickReply(message.authorName), children: jsx(FaReply, { "aria-hidden": 'true' }) })), onAct && (jsx("button", { type: 'button', className: 'chat-bubble-action', title: labels?.convertToAction ?? 'Turn into an action', "aria-label": labels?.convertToAction ?? 'Turn into an action', onClick: () => onAct(message.id), children: jsx(FaBolt, { "aria-hidden": 'true' }) }))] }))] }), showTimestamp && (jsx("span", { className: 'chat-bubble-time', children: formattedTimestamp })), supportsReactions && jsx(MessageReactions, { reactions: otherReactions }), jsx(AnchoredOverlay, { anchorRef: reactionButtonRef, open: pickerOpen, side: 'above', align: 'right', gap: 6, children: jsx(ReactionPicker, { ownEmoji: ownReaction?.emoji, reactions: message.reactions, anchorRef: reactionButtonRef, onPick: pick, onDismiss: () => setPickerOpen(false), labels: labels?.reactionPicker }) })] })] }));
+};
+
+export { ChatMessageBubble };
+//# sourceMappingURL=ChatMessageBubble.js.map

package/dist/esm/Chat/Kit/ChatMessageBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageBubble.js","sources":["../../../../Chat/Kit/ChatMessageBubble.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/Chat/Kit/ChatMessageReaction.d.ts

@@ -0,0 +1,11 @@
+import type { ChatMessageReactionUser } from './ChatMessageReactionUser.js';
+/**
+ * Everyone who gave the same emoji as a quick reaction to a message — grouped so identical reactions
+ * from different people render as one stacked badge instead of repeating the emoji per person.
+ */
+export interface ChatMessageReaction {
+    /** The emoji that was given. */
+    emoji: string;
+    /** Whoever gave this emoji, in the order they gave it. */
+    users: ChatMessageReactionUser[];
+}

package/dist/esm/Chat/Kit/ChatMessageReaction.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=ChatMessageReaction.js.map

package/dist/esm/Chat/Kit/ChatMessageReaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageReaction.js","sourceRoot":"","sources":["../../../../Chat/Kit/ChatMessageReaction.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG"}

package/dist/esm/Chat/Kit/ChatMessageReactionUser.d.ts

@@ -0,0 +1,18 @@
+import type { Guid } from '@cratis/fundamentals';
+/**
+ * One person behind a {@link ChatMessageReaction} — enough to show them in the reaction tooltip, and
+ * to identify their own reaction record when it needs to change or be taken back.
+ */
+export interface ChatMessageReactionUser {
+    /** The user's identifier. */
+    id: Guid;
+    /** The user's display name. */
+    name: string;
+    /**
+     * The identifier of the underlying reaction this person gave. A person has one reaction per
+     * message, so giving a different emoji reuses this identifier rather than creating a new one, and
+     * taking the reaction back targets it directly.
+     */
+    reactionId: Guid;
+}
+//# sourceMappingURL=ChatMessageReactionUser.d.ts.map

package/dist/esm/Chat/Kit/ChatMessageReactionUser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageReactionUser.d.ts","sourceRoot":"","sources":["../../../../Chat/Kit/ChatMessageReactionUser.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAEjD;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IAEpC,6BAA6B;IAC7B,EAAE,EAAE,IAAI,CAAC;IAET,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,UAAU,EAAE,IAAI,CAAC;CACpB"}

package/dist/esm/Chat/Kit/ChatMessageReactionUser.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=ChatMessageReactionUser.js.map

package/dist/esm/Chat/Kit/ChatMessageReactionUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageReactionUser.js","sourceRoot":"","sources":["../../../../Chat/Kit/ChatMessageReactionUser.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG"}

package/dist/esm/Chat/Kit/ChatOwnReaction.d.ts

@@ -0,0 +1,13 @@
+import type { Guid } from '@cratis/fundamentals';
+/**
+ * The reaction a specific person gave to a message, found by {@link findOwnReaction}. Carries the
+ * reaction's identifier so a caller can reuse it to change the emoji, or target it to take the
+ * reaction back.
+ */
+export interface ChatOwnReaction {
+    /** The identifier of the reaction record. */
+    reactionId: Guid;
+    /** The emoji they gave. */
+    emoji: string;
+}
+//# sourceMappingURL=ChatOwnReaction.d.ts.map

package/dist/esm/Chat/Kit/ChatOwnReaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatOwnReaction.d.ts","sourceRoot":"","sources":["../../../../Chat/Kit/ChatOwnReaction.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAE5B,6CAA6C;IAC7C,UAAU,EAAE,IAAI,CAAC;IAEjB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;CACjB"}

package/dist/esm/Chat/Kit/ChatOwnReaction.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=ChatOwnReaction.js.map

package/dist/esm/Chat/Kit/ChatOwnReaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatOwnReaction.js","sourceRoot":"","sources":["../../../../Chat/Kit/ChatOwnReaction.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG"}

package/dist/esm/Chat/Kit/ChatTypingAuthor.d.ts

@@ -0,0 +1,15 @@
+import { ChatAuthorKind } from './ChatAuthorKind.js';
+/**
+ * Somebody the conversation is currently waiting on — a person typing, or an agent working on its
+ * answer.
+ */
+export interface ChatTypingAuthor {
+    /** The identifier, used for the avatar and as the list key. */
+    id: string;
+    /** The name shown in the indicator. */
+    name: string;
+    /** Whether an avatar image is stored for them. */
+    hasAvatar: boolean;
+    /** Whether this is a person or an agent, which decides where the avatar is fetched from. */
+    kind: ChatAuthorKind;
+}

package/dist/esm/Chat/Kit/ChatTypingAuthor.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=ChatTypingAuthor.js.map

package/dist/esm/Chat/Kit/ChatTypingAuthor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTypingAuthor.js","sourceRoot":"","sources":["../../../../Chat/Kit/ChatTypingAuthor.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG"}

package/dist/esm/Chat/Kit/ChatVariant.d.ts

@@ -0,0 +1,10 @@
+/**
+ * How a conversation is presented.
+ */
+export declare enum ChatVariant {
+    /** A floating card hanging off whatever opened it. */
+    Floating = "floating",
+    /** Filling a container that already provides its own frame and heading, such as a sidebar. */
+    Docked = "docked"
+}
+//# sourceMappingURL=ChatVariant.d.ts.map

package/dist/esm/Chat/Kit/ChatVariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatVariant.d.ts","sourceRoot":"","sources":["../../../../Chat/Kit/ChatVariant.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,oBAAY,WAAW;IAEnB,sDAAsD;IACtD,QAAQ,aAAa;IAErB,8FAA8F;IAC9F,MAAM,WAAW;CACpB"}

package/dist/esm/Chat/Kit/ChatVariant.js

@@ -0,0 +1,8 @@
+var ChatVariant;
+(function (ChatVariant) {
+    ChatVariant["Floating"] = "floating";
+    ChatVariant["Docked"] = "docked";
+})(ChatVariant || (ChatVariant = {}));
+
+export { ChatVariant };
+//# sourceMappingURL=ChatVariant.js.map

package/dist/esm/Chat/Kit/ChatVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatVariant.js","sources":["../../../../Chat/Kit/ChatVariant.ts"],"sourcesContent":[null],"names":[],"mappings":"IAMY;AAAZ,CAAA,UAAY,WAAW,EAAA;AAGnB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AAGrB,IAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACrB,CAAC,EAPW,WAAW,KAAX,WAAW,GAAA,EAAA,CAAA,CAAA;;"}

package/dist/esm/Chat/Kit/Emoji/EmojiCategory.d.ts

@@ -0,0 +1,8 @@
+import { EmojiCategoryKey } from './EmojiCategoryKey.js';
+/** One section of the full emoji picker. */
+export interface EmojiCategory {
+    /** Which section this is. */
+    key: EmojiCategoryKey;
+    /** The emojis it offers, in the order they are shown. */
+    emojis: readonly string[];
+}

package/dist/esm/Chat/Kit/Emoji/EmojiCategory.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=EmojiCategory.js.map

package/dist/esm/Chat/Kit/Emoji/EmojiCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiCategory.js","sourceRoot":"","sources":["../../../../../Chat/Kit/Emoji/EmojiCategory.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG"}

package/dist/esm/{Canvas/shapes/ChatBubble → Chat/Kit}/Emoji/EmojiCategoryKey.d.ts

@@ -1,3 +1,4 @@
+/** The sections the full emoji picker groups its emojis into, in the order it shows them. */
 export declare enum EmojiCategoryKey {
     Smileys = "smileys",
     People = "people",

package/dist/esm/Chat/Kit/Emoji/EmojiCategoryKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiCategoryKey.d.ts","sourceRoot":"","sources":["../../../../../Chat/Kit/Emoji/EmojiCategoryKey.ts"],"names":[],"mappings":"AAGA,6FAA6F;AAC7F,oBAAY,gBAAgB;IACxB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAClB"}

package/dist/esm/{Canvas/shapes/ChatBubble → Chat/Kit}/Emoji/EmojiCategoryKey.js

@@ -1,6 +1,3 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/** The sections the full emoji picker groups its emojis into, in the order it shows them. */
 var EmojiCategoryKey;
 (function (EmojiCategoryKey) {
     EmojiCategoryKey["Smileys"] = "smileys";

package/dist/esm/Chat/Kit/Emoji/EmojiCategoryKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiCategoryKey.js","sources":["../../../../../Chat/Kit/Emoji/EmojiCategoryKey.ts"],"sourcesContent":[null],"names":[],"mappings":"IAIY;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AACxB,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,gBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,gBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,gBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,gBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACnB,CAAC,EAVW,gBAAgB,KAAhB,gBAAgB,GAAA,EAAA,CAAA,CAAA;;"}

package/dist/esm/Chat/Kit/Emoji/EmojiMemory.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Where a person's recently used emojis are kept between visits. Narrowed to the two calls that are
+ * actually needed so the picker never reaches for browser storage itself, and a spec can hand it a
+ * plain object instead.
+ */
+export interface EmojiMemory {
+    /** Reads a stored value, or null when nothing has been stored under the key. */
+    getItem(key: string): string | null;
+    /** Stores a value under a key. */
+    setItem(key: string, value: string): void;
+}
+//# sourceMappingURL=EmojiMemory.d.ts.map

package/dist/esm/Chat/Kit/Emoji/EmojiMemory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiMemory.d.ts","sourceRoot":"","sources":["../../../../../Chat/Kit/Emoji/EmojiMemory.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAExB,gFAAgF;IAChF,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAEpC,kCAAkC;IAClC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7C"}

package/dist/esm/Chat/Kit/Emoji/EmojiMemory.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=EmojiMemory.js.map

package/dist/esm/Chat/Kit/Emoji/EmojiMemory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiMemory.js","sourceRoot":"","sources":["../../../../../Chat/Kit/Emoji/EmojiMemory.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG"}

package/dist/esm/Chat/Kit/Emoji/EmojiPicker.d.ts

@@ -0,0 +1,32 @@
+import { EmojiCategoryKey } from './EmojiCategoryKey.js';
+/** Overrides for the picker's labels. Any field left unset falls back to a literal English default. */
+export interface EmojiPickerLabels {
+    /** Accessible label for the picker dialog. Defaults to `'All emojis'`. */
+    allEmojis?: string;
+    /** Accessible label for the emoji grid. Defaults to `'Pick an emoji'`. */
+    pickEmoji?: string;
+    /** Accessible label for the category tab list. Defaults to `'Emoji categories'`. */
+    emojiCategories?: string;
+    /** Per-category accessible names/titles. Unset categories fall back to their English name. */
+    categories?: Partial<Record<EmojiCategoryKey, string>>;
+}
+/**
+ * Props for the full emoji picker the quick row's last button opens — every emoji offered, in the
+ * sections a picker is expected to have. Only the selected section is mounted.
+ */
+export interface EmojiPickerProps {
+    /** The emoji the viewer already gave, marked so picking it again reads as taking it back. */
+    ownEmoji?: string;
+    /** Invoked with the emoji that was picked. */
+    onPick: (emoji: string) => void;
+    /** Overrides for the picker's labels. Unset fields fall back to literal English defaults. */
+    labels?: EmojiPickerLabels;
+}
+/**
+ * The full emoji picker the quick row's last button opens — every emoji offered, in the sections a
+ * picker is expected to have.
+ *
+ * Only the selected section is mounted. A thousand buttons at once is what makes a picker of this kind
+ * feel slow to open, and there is never more than one section on screen to look at anyway.
+ */
+export declare const EmojiPicker: ({ ownEmoji, onPick, labels }: EmojiPickerProps) => import("react").JSX.Element;