@cratis/components 3.4.0 → 3.5.0

package/dist/esm/Canvas/shapes/ChatBubble/Chat.js.map

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

package/dist/esm/Canvas/shapes/ChatBubble/ChatAuthorKind.d.ts

@@ -0,0 +1,5 @@
+export declare enum ChatAuthorKind {
+    User = "user",
+    Agent = "agent"
+}
+//# sourceMappingURL=ChatAuthorKind.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatAuthorKind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatAuthorKind.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatAuthorKind.ts"],"names":[],"mappings":"AAOA,oBAAY,cAAc;IACtB,IAAI,SAAS;IACb,KAAK,UAAU;CAClB"}

package/dist/esm/Canvas/shapes/ChatBubble/ChatAuthorKind.js

@@ -0,0 +1,14 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * What kind of team member wrote a message. Only the author's identifier is ever stored, so the kind
+ * is resolved when a conversation is rendered — it decides which avatar the message shows.
+ */
+var ChatAuthorKind;
+(function (ChatAuthorKind) {
+    ChatAuthorKind["User"] = "user";
+    ChatAuthorKind["Agent"] = "agent";
+})(ChatAuthorKind || (ChatAuthorKind = {}));
+
+export { ChatAuthorKind };
+//# sourceMappingURL=ChatAuthorKind.js.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatAuthorKind.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatAuthorKind.js","sources":["../../../../../Canvas/shapes/ChatBubble/ChatAuthorKind.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAEA;;;AAGG;IACS;AAAZ,CAAA,UAAY,cAAc,EAAA;AACtB,IAAA,cAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACnB,CAAC,EAHW,cAAc,KAAd,cAAc,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/esm/Canvas/shapes/ChatBubble/ChatBubble.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { Guid } from '@cratis/fundamentals';
+import { type BuildAvatarUrlParams } from './Avatar';
+export interface ChatBubbleProps {
+    authorId: Guid | string;
+    authorName: string;
+    hasAvatar: boolean;
+    size?: number;
+    suppressPreview?: boolean;
+    previewMessage?: string;
+    previewTimestamp?: Date;
+    replyCount?: number;
+    showThinkingBubbles?: boolean;
+    selected?: boolean;
+    buildAvatarUrl?: (params: BuildAvatarUrlParams) => string;
+}
+export declare const ChatBubble: React.FC<ChatBubbleProps>;
+//# sourceMappingURL=ChatBubble.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatBubble.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatBubble.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAsC,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAgBzF,MAAM,WAAW,eAAe;IAE5B,QAAQ,EAAE,IAAI,GAAG,MAAM,CAAC;IAExB,UAAU,EAAE,MAAM,CAAC;IAEnB,SAAS,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,gBAAgB,CAAC,EAAE,IAAI,CAAC;IAExB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,MAAM,CAAC;CAC7D;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgJhD,CAAC"}

package/dist/esm/Canvas/shapes/ChatBubble/ChatBubble.js

@@ -0,0 +1,89 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { PersonAvatarCircle } from './Avatar/PersonAvatarCircle.js';
+import { getAvatarColor } from './Avatar/getAvatarColor.js';
+
+const FONT = { fontFamily: 'system-ui, sans-serif' };
+const PREVIEW_AUTHOR_NAME_MAX_LENGTH = 14;
+const PREVIEW_MESSAGE_MAX_LENGTH = 60;
+function formatTimestamp(date) {
+    const diffMs = Date.now() - date.getTime();
+    const diffMinutes = Math.floor(diffMs / 60_000);
+    if (diffMinutes < 1)
+        return 'just now';
+    if (diffMinutes < 60)
+        return `${diffMinutes}m ago`;
+    const diffHours = Math.floor(diffMinutes / 60);
+    if (diffHours < 24)
+        return `${diffHours}h ago`;
+    return date.toLocaleDateString(undefined, { month: 'short', day: 'numeric' });
+}
+const ChatBubble = ({ authorId, authorName, hasAvatar, size = 56, suppressPreview = false, previewMessage, previewTimestamp, replyCount, showThinkingBubbles = false, selected = false, buildAvatarUrl, }) => {
+    const [isHovered, setIsHovered] = useState(false);
+    // The thinking dots always use the person's deterministic color, even when an avatar image is
+    // shown, so they stay visually tied to the person rather than picking up an unrelated color.
+    const color = getAvatarColor(authorId.toString());
+    // Thinking-bubble animation state
+    const [dotsVisible, setDotsVisible] = useState(showThinkingBubbles);
+    const [dotsExiting, setDotsExiting] = useState(false);
+    const previousShowBubbles = useRef(false);
+    useEffect(() => {
+        if (showThinkingBubbles && !previousShowBubbles.current) {
+            setDotsExiting(false);
+            setDotsVisible(true);
+        }
+        else if (!showThinkingBubbles && previousShowBubbles.current) {
+            setDotsExiting(true);
+        }
+        previousShowBubbles.current = showThinkingBubbles;
+    }, [showThinkingBubbles]);
+    const handleDotsAnimationEnd = () => {
+        if (dotsExiting) {
+            setDotsVisible(false);
+            setDotsExiting(false);
+        }
+    };
+    const dotSize1 = Math.max(8, Math.round(size * 0.2));
+    const dotSize2 = Math.max(5, Math.round(size * 0.12));
+    return (jsxs("div", { style: { position: 'relative', width: size, height: size }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [jsx("div", { style: {
+                    width: size,
+                    height: size,
+                    borderRadius: '50%',
+                    boxShadow: selected
+                        ? `inset 0 0 0 3px var(--primary-color), 0 4px 12px rgba(0, 0, 0, 0.22)`
+                        : '0 4px 12px rgba(0, 0, 0, 0.22)',
+                    position: 'relative',
+                }, children: jsx(PersonAvatarCircle, { userId: authorId, name: authorName, hasAvatar: hasAvatar, size: size, avatarSize: 'Medium', buildAvatarUrl: buildAvatarUrl }) }), dotsVisible && (jsxs("div", { className: `thinking-bubbles ${dotsExiting ? 'thinking-bubbles--exiting' : 'thinking-bubbles--entering'}`, onAnimationEnd: handleDotsAnimationEnd, "aria-hidden": 'true', children: [jsx("div", { className: 'thinking-dot thinking-dot--1', style: {
+                            width: dotSize1,
+                            height: dotSize1,
+                            background: color,
+                            top: Math.round(size * 0.94),
+                            left: Math.round(size * 0.82),
+                        } }), jsx("div", { className: 'thinking-dot thinking-dot--2', style: {
+                            width: dotSize2,
+                            height: dotSize2,
+                            background: color,
+                            top: Math.round(size * 1.22),
+                            left: Math.round(size * 1.02),
+                        } })] })), isHovered && !suppressPreview && (jsxs("div", { style: {
+                    position: 'absolute',
+                    top: '50%',
+                    left: '100%',
+                    marginLeft: 14,
+                    transform: 'translateY(-50%)',
+                    width: 224,
+                    background: 'var(--surface-card)',
+                    border: '1px solid var(--surface-border)',
+                    borderRadius: 10,
+                    boxShadow: '0 8px 24px rgba(0, 0, 0, 0.14)',
+                    padding: '10px 12px',
+                    display: 'flex',
+                    gap: 10,
+                    alignItems: 'flex-start',
+                    pointerEvents: 'none',
+                    zIndex: 9999,
+                }, children: [jsx(PersonAvatarCircle, { userId: authorId, name: authorName, hasAvatar: hasAvatar, size: 30, buildAvatarUrl: buildAvatarUrl }), jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [jsxs("div", { style: { display: 'flex', alignItems: 'baseline', gap: 6, marginBottom: 3, flexWrap: 'wrap' }, children: [jsx("span", { style: { ...FONT, fontSize: 12, fontWeight: 600, color: 'var(--text-color)' }, children: authorName.length > PREVIEW_AUTHOR_NAME_MAX_LENGTH ? `${authorName.slice(0, PREVIEW_AUTHOR_NAME_MAX_LENGTH)}…` : authorName }), previewTimestamp && (jsx("span", { style: { ...FONT, fontSize: 10, color: 'var(--text-color-secondary)' }, children: formatTimestamp(previewTimestamp) }))] }), jsx("p", { style: { ...FONT, fontSize: 11, color: 'var(--text-color)', margin: '0 0 6px', lineHeight: 1.4 }, children: previewMessage ? (previewMessage.length > PREVIEW_MESSAGE_MAX_LENGTH ? `${previewMessage.slice(0, PREVIEW_MESSAGE_MAX_LENGTH)}…` : previewMessage) : 'No messages yet' }), replyCount !== undefined && replyCount > 0 && (jsx("span", { style: { ...FONT, fontSize: 10, color: 'var(--primary-color)' }, children: replyCount === 1 ? '1 reply' : `${replyCount} replies` }))] })] }))] }));
+};
+
+export { ChatBubble };
+//# sourceMappingURL=ChatBubble.js.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatBubble.js.map

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

package/dist/esm/Canvas/shapes/ChatBubble/ChatComposer.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { BuildAvatarUrlParams } from './Avatar';
+import { type MentionCandidate } from './Mentions';
+import { type ReactionPickerLabels } from './ReactionPicker';
+export interface ChatComposerLabels {
+    placeholder?: string;
+    insertEmoji?: string;
+    send?: string;
+    sendMessage?: string;
+    reactionPicker?: ReactionPickerLabels;
+}
+export interface ChatComposerProps {
+    mentionCandidates?: MentionCandidate[];
+    onSend: (text: string) => void;
+    autoFocus?: boolean;
+    buildAvatarUrl?: (params: BuildAvatarUrlParams) => string;
+    labels?: ChatComposerLabels;
+}
+export interface ChatComposerHandle {
+    prefill: (text: string) => void;
+}
+export declare const ChatComposer: React.ForwardRefExoticComponent<ChatComposerProps & React.RefAttributes<ChatComposerHandle>>;
+//# sourceMappingURL=ChatComposer.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatComposer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatComposer.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatComposer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAyE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC1H,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7E,MAAM,WAAW,kBAAkB;IAE/B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACzC;AAED,MAAM,WAAW,iBAAiB;IAG9B,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAGvC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAG/B,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,MAAM,CAAC;IAG1D,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAOD,MAAM,WAAW,kBAAkB;IAG/B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAMD,eAAO,MAAM,YAAY,8FAuJvB,CAAC"}

package/dist/esm/Canvas/shapes/ChatBubble/ChatComposer.js

@@ -0,0 +1,107 @@
+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 { matchCandidates } from './Mentions/matchCandidates.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, onSend, autoFocus = false, buildAvatarUrl, labels }, handleRef) => {
+    const [draft, setDraft] = useState({ text: '', caret: 0 });
+    const [highlightedIndex, setHighlightedIndex] = useState(0);
+    const [showEmojiPicker, setShowEmojiPicker] = useState(false);
+    const inputRef = useRef(null);
+    const emojiButtonRef = useRef(null);
+    const query = mentionCandidates ? activeMentionQuery(draft.text, draft.caret) : null;
+    const suggestions = query ? matchCandidates(mentionCandidates ?? [], query.text) : [];
+    const isSuggesting = suggestions.length > 0;
+    const highlighted = Math.min(highlightedIndex, suggestions.length - 1);
+    useEffect(() => {
+        if (autoFocus) {
+            inputRef.current?.focus();
+        }
+    }, [autoFocus]);
+    useImperativeHandle(handleRef, () => ({
+        prefill: (text) => {
+            setDraft({ text, caret: text.length });
+            requestAnimationFrame(() => {
+                inputRef.current?.focus();
+                inputRef.current?.setSelectionRange(text.length, text.length);
+            });
+        },
+    }), []);
+    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);
+        }
+        setDraft({ text, caret: element.selectionStart ?? text.length });
+    };
+    const send = () => {
+        const trimmed = draft.text.trim();
+        if (!trimmed)
+            return;
+        onSend(trimmed);
+        setDraft({ text: '', caret: 0 });
+    };
+    const choose = (candidate) => {
+        if (!query)
+            return;
+        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();
+    };
+    const insertEmoji = (emoji) => {
+        const text = `${draft.text.slice(0, draft.caret)}${emoji}${draft.text.slice(draft.caret)}`;
+        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);
+        });
+    };
+    const handleKeyDown = (event) => {
+        if (isSuggesting) {
+            if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+                event.preventDefault();
+                const step = event.key === 'ArrowDown' ? 1 : suggestions.length - 1;
+                setHighlightedIndex((highlighted + step) % suggestions.length);
+                return;
+            }
+            if (event.key === 'Enter' || event.key === 'Tab') {
+                event.preventDefault();
+                choose(suggestions[highlighted]);
+                return;
+            }
+            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 }));
+                return;
+            }
+        }
+        if (event.key === 'Enter' && !event.shiftKey) {
+            event.preventDefault();
+            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 }) })] }));
+});
+ChatComposer.displayName = 'ChatComposer';
+
+export { ChatComposer };
+//# sourceMappingURL=ChatComposer.js.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatComposer.js.map

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

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessage.d.ts

@@ -0,0 +1,17 @@
+import { Guid } from '@cratis/fundamentals';
+import { ChatAuthorKind } from './ChatAuthorKind';
+import type { ChatMessageReaction } from './ChatMessageReaction';
+export interface ChatMessage {
+    id: Guid;
+    authorId: Guid;
+    authorName: string;
+    authorInitials: string;
+    hasAvatar: boolean;
+    authorKind: ChatAuthorKind;
+    text: string;
+    timestamp: Date;
+    failureDetail?: string;
+    didAct?: boolean;
+    reactions?: ChatMessageReaction[];
+}
+//# sourceMappingURL=ChatMessage.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatMessage.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,MAAM,WAAW,WAAW;IAExB,EAAE,EAAE,IAAI,CAAC;IAET,QAAQ,EAAE,IAAI,CAAC;IAEf,UAAU,EAAE,MAAM,CAAC;IAEnB,cAAc,EAAE,MAAM,CAAC;IAEvB,SAAS,EAAE,OAAO,CAAC;IAGnB,UAAU,EAAE,cAAc,CAAC;IAE3B,IAAI,EAAE,MAAM,CAAC;IAEb,SAAS,EAAE,IAAI,CAAC;IAMhB,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,MAAM,CAAC,EAAE,OAAO,CAAC;IAOjB,SAAS,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACrC"}

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessage.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ChatMessage.js.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatMessage.ts"],"names":[],"mappings":""}

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessageBubble.d.ts

@@ -0,0 +1,25 @@
+import type { Guid } from '@cratis/fundamentals';
+import { type BuildAvatarUrlParams } from './Avatar';
+import type { ChatMessage } from './ChatMessage';
+import { type ReactionPickerLabels } from './ReactionPicker';
+export interface ChatMessageBubbleLabels {
+    yourReaction?: string;
+    addReaction?: string;
+    quickReplyTo?: string;
+    convertToAction?: string;
+    reactionPicker?: ReactionPickerLabels;
+}
+export interface ChatMessageBubbleProps {
+    message: ChatMessage;
+    showAuthor: boolean;
+    showTimestamp: boolean;
+    formattedTimestamp: string;
+    currentUserId?: Guid;
+    onReact?: (messageId: Guid, emoji: string) => void;
+    onQuickReply?: (authorName: string) => void;
+    onAct?: (messageId: Guid) => void;
+    buildAvatarUrl?: (params: BuildAvatarUrlParams) => string;
+    labels?: ChatMessageBubbleLabels;
+}
+export declare const ChatMessageBubble: ({ message, showAuthor, showTimestamp, formattedTimestamp, currentUserId, onReact, onQuickReply, onAct, buildAvatarUrl, labels }: ChatMessageBubbleProps) => import("react").JSX.Element;
+//# sourceMappingURL=ChatMessageBubble.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageBubble.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatMessageBubble.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAK7E,MAAM,WAAW,uBAAuB;IAGpC,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACzC;AAED,MAAM,WAAW,sBAAsB;IAGnC,OAAO,EAAE,WAAW,CAAC;IAGrB,UAAU,EAAE,OAAO,CAAC;IAGpB,aAAa,EAAE,OAAO,CAAC;IAGvB,kBAAkB,EAAE,MAAM,CAAC;IAO3B,aAAa,CAAC,EAAE,IAAI,CAAC;IAGrB,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAGnD,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAK5C,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,KAAK,IAAI,CAAC;IAGlC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,MAAM,CAAC;IAG1D,MAAM,CAAC,EAAE,uBAAuB,CAAC;CACpC;AAOD,eAAO,MAAM,iBAAiB,GAAI,iIAAiI,sBAAsB,gCA0FxL,CAAC"}

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessageBubble.js

@@ -0,0 +1,31 @@
+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';
+
+/**
+ * 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.
+ */
+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("i", { className: 'pi pi-reply', "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("i", { className: 'pi pi-bolt', "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/Canvas/shapes/ChatBubble/ChatMessageBubble.js.map

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

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessageReaction.d.ts

@@ -0,0 +1,6 @@
+import type { ChatMessageReactionUser } from './ChatMessageReactionUser';
+export interface ChatMessageReaction {
+    emoji: string;
+    users: ChatMessageReactionUser[];
+}
+//# sourceMappingURL=ChatMessageReaction.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessageReaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageReaction.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatMessageReaction.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAMzE,MAAM,WAAW,mBAAmB;IAGhC,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,uBAAuB,EAAE,CAAC;CACpC"}

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessageReaction.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ChatMessageReaction.js.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessageReaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageReaction.js","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatMessageReaction.ts"],"names":[],"mappings":""}

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessageReactionUser.d.ts

@@ -0,0 +1,7 @@
+import type { Guid } from '@cratis/fundamentals';
+export interface ChatMessageReactionUser {
+    id: Guid;
+    name: string;
+    reactionId: Guid;
+}
+//# sourceMappingURL=ChatMessageReactionUser.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessageReactionUser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageReactionUser.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatMessageReactionUser.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAMjD,MAAM,WAAW,uBAAuB;IAGpC,EAAE,EAAE,IAAI,CAAC;IAGT,IAAI,EAAE,MAAM,CAAC;IAOb,UAAU,EAAE,IAAI,CAAC;CACpB"}

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessageReactionUser.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ChatMessageReactionUser.js.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatMessageReactionUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageReactionUser.js","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatMessageReactionUser.ts"],"names":[],"mappings":""}

package/dist/esm/Canvas/shapes/ChatBubble/ChatOwnReaction.d.ts

@@ -0,0 +1,6 @@
+import type { Guid } from '@cratis/fundamentals';
+export interface ChatOwnReaction {
+    reactionId: Guid;
+    emoji: string;
+}
+//# sourceMappingURL=ChatOwnReaction.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatOwnReaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatOwnReaction.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatOwnReaction.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAOjD,MAAM,WAAW,eAAe;IAG5B,UAAU,EAAE,IAAI,CAAC;IAGjB,KAAK,EAAE,MAAM,CAAC;CACjB"}

package/dist/esm/Canvas/shapes/ChatBubble/ChatOwnReaction.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ChatOwnReaction.js.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatOwnReaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatOwnReaction.js","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatOwnReaction.ts"],"names":[],"mappings":""}

package/dist/esm/Canvas/shapes/ChatBubble/ChatTypingAuthor.d.ts

@@ -0,0 +1,8 @@
+import { ChatAuthorKind } from './ChatAuthorKind';
+export interface ChatTypingAuthor {
+    id: string;
+    name: string;
+    hasAvatar: boolean;
+    kind: ChatAuthorKind;
+}
+//# sourceMappingURL=ChatTypingAuthor.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatTypingAuthor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTypingAuthor.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatTypingAuthor.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,MAAM,WAAW,gBAAgB;IAG7B,EAAE,EAAE,MAAM,CAAC;IAGX,IAAI,EAAE,MAAM,CAAC;IAGb,SAAS,EAAE,OAAO,CAAC;IAGnB,IAAI,EAAE,cAAc,CAAC;CACxB"}

package/dist/esm/Canvas/shapes/ChatBubble/ChatTypingAuthor.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ChatTypingAuthor.js.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatTypingAuthor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTypingAuthor.js","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatTypingAuthor.ts"],"names":[],"mappings":""}

package/dist/esm/Canvas/shapes/ChatBubble/ChatVariant.d.ts

@@ -0,0 +1,5 @@
+export declare enum ChatVariant {
+    Floating = "floating",
+    Docked = "docked"
+}
+//# sourceMappingURL=ChatVariant.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatVariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatVariant.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ChatVariant.ts"],"names":[],"mappings":"AAMA,oBAAY,WAAW;IAGnB,QAAQ,aAAa;IAGrB,MAAM,WAAW;CACpB"}

package/dist/esm/Canvas/shapes/ChatBubble/ChatVariant.js

@@ -0,0 +1,15 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * How a conversation is presented.
+ */
+var ChatVariant;
+(function (ChatVariant) {
+    /** A floating card hanging off whatever opened it. */
+    ChatVariant["Floating"] = "floating";
+    /** Filling a container that already provides its own frame and heading, such as a sidebar. */
+    ChatVariant["Docked"] = "docked";
+})(ChatVariant || (ChatVariant = {}));
+
+export { ChatVariant };
+//# sourceMappingURL=ChatVariant.js.map

package/dist/esm/Canvas/shapes/ChatBubble/ChatVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatVariant.js","sources":["../../../../../Canvas/shapes/ChatBubble/ChatVariant.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAEA;;AAEG;IACS;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/Canvas/shapes/ChatBubble/Emoji/EmojiCategory.d.ts

@@ -0,0 +1,6 @@
+import { EmojiCategoryKey } from './EmojiCategoryKey';
+export interface EmojiCategory {
+    key: EmojiCategoryKey;
+    emojis: readonly string[];
+}
+//# sourceMappingURL=EmojiCategory.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/Emoji/EmojiCategory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiCategory.d.ts","sourceRoot":"","sources":["../../../../../../Canvas/shapes/ChatBubble/Emoji/EmojiCategory.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,WAAW,aAAa;IAG1B,GAAG,EAAE,gBAAgB,CAAC;IAGtB,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B"}

package/dist/esm/Canvas/shapes/ChatBubble/Emoji/EmojiCategory.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EmojiCategory.js.map

package/dist/esm/Canvas/shapes/ChatBubble/Emoji/EmojiCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiCategory.js","sourceRoot":"","sources":["../../../../../../Canvas/shapes/ChatBubble/Emoji/EmojiCategory.ts"],"names":[],"mappings":""}

package/dist/esm/Canvas/shapes/ChatBubble/Emoji/EmojiCategoryKey.d.ts

@@ -0,0 +1,12 @@
+export declare enum EmojiCategoryKey {
+    Smileys = "smileys",
+    People = "people",
+    Nature = "nature",
+    Food = "food",
+    Activity = "activity",
+    Travel = "travel",
+    Objects = "objects",
+    Symbols = "symbols",
+    Flags = "flags"
+}
+//# sourceMappingURL=EmojiCategoryKey.d.ts.map

package/dist/esm/Canvas/shapes/ChatBubble/Emoji/EmojiCategoryKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiCategoryKey.d.ts","sourceRoot":"","sources":["../../../../../../Canvas/shapes/ChatBubble/Emoji/EmojiCategoryKey.ts"],"names":[],"mappings":"AAIA,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/Emoji/EmojiCategoryKey.js

@@ -0,0 +1,18 @@
+// 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";
+    EmojiCategoryKey["People"] = "people";
+    EmojiCategoryKey["Nature"] = "nature";
+    EmojiCategoryKey["Food"] = "food";
+    EmojiCategoryKey["Activity"] = "activity";
+    EmojiCategoryKey["Travel"] = "travel";
+    EmojiCategoryKey["Objects"] = "objects";
+    EmojiCategoryKey["Symbols"] = "symbols";
+    EmojiCategoryKey["Flags"] = "flags";
+})(EmojiCategoryKey || (EmojiCategoryKey = {}));
+
+export { EmojiCategoryKey };
+//# sourceMappingURL=EmojiCategoryKey.js.map

package/dist/esm/Canvas/shapes/ChatBubble/Emoji/EmojiCategoryKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiCategoryKey.js","sources":["../../../../../../Canvas/shapes/ChatBubble/Emoji/EmojiCategoryKey.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAEA;IACY;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;;;;"}