@cratis/components 3.5.0 → 3.6.0

package/dist/esm/Chat/ChatAuthor.js

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

package/dist/esm/Chat/ChatAuthor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatAuthor.js","sourceRoot":"","sources":["../../../Chat/ChatAuthor.ts"],"names":[],"mappings":""}

package/dist/esm/Chat/ChatConversation.d.ts

@@ -0,0 +1,38 @@
+import React, { type ReactNode } from 'react';
+import { type BuildAvatarUrlParams } from '../Canvas/shapes/ChatBubble/Avatar';
+import { type ChatComposerLabels } from '../Canvas/shapes/ChatBubble/ChatComposer';
+import type { ChatTypingAuthor } from '../Canvas/shapes/ChatBubble/ChatTypingAuthor';
+import type { MentionCandidate } from '../Canvas/shapes/ChatBubble/Mentions';
+import type { ChatAuthor } from './ChatAuthor';
+import { type ChatIdentifier } from './ChatIdentifier';
+import type { ChatMention } from './ChatMention';
+import type { ChatMessage } from './ChatMessage';
+import type { ChatMessageAction } from './ChatMessageAction';
+import { type RelativeTimestampLabels } from './relativeTimestamp';
+export interface ChatConversationLabels {
+    empty?: string;
+    typing?: string;
+    typingTwo?: string;
+    typingSeveral?: string;
+    quickReplyTo?: string;
+    timestamps?: RelativeTimestampLabels;
+    composer?: ChatComposerLabels;
+}
+export interface ChatConversationProps<TMessage extends ChatMessage = ChatMessage> {
+    messages: TMessage[];
+    onSendMessage: (body: string, mentions: ChatMention[]) => void;
+    authorOf?: (authorId: ChatIdentifier) => ChatAuthor;
+    renderAvatar?: (authorId: ChatIdentifier, author: ChatAuthor) => ReactNode;
+    renderAuthorName?: (authorId: ChatIdentifier, author: ChatAuthor) => ReactNode;
+    actions?: ChatMessageAction<TMessage>[];
+    mentionCandidates?: MentionCandidate[];
+    resolveMentionCandidates?: (query: string) => MentionCandidate[] | Promise<MentionCandidate[]>;
+    typingAuthors?: ChatTypingAuthor[];
+    quickReply?: boolean;
+    buildAvatarUrl?: (params: BuildAvatarUrlParams) => string;
+    autoFocus?: boolean;
+    labels?: ChatConversationLabels;
+    className?: string;
+}
+export declare const ChatConversation: <TMessage extends ChatMessage = ChatMessage>({ messages, onSendMessage, authorOf, renderAvatar, renderAuthorName, actions, mentionCandidates, resolveMentionCandidates, typingAuthors, quickReply, buildAvatarUrl, autoFocus, labels, className, }: ChatConversationProps<TMessage>) => React.JSX.Element;
+//# sourceMappingURL=ChatConversation.d.ts.map

package/dist/esm/Chat/ChatConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatConversation.d.ts","sourceRoot":"","sources":["../../../Chat/ChatConversation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAEnG,OAAO,EAAyC,KAAK,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC1H,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAqB,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAKtF,MAAM,WAAW,sBAAsB;IAGnC,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAGvB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IAGrC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAMD,MAAM,WAAW,qBAAqB,CAAC,QAAQ,SAAS,WAAW,GAAG,WAAW;IAM7E,QAAQ,EAAE,QAAQ,EAAE,CAAC;IAQrB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAS/D,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,UAAU,CAAC;IAQpD,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,KAAK,SAAS,CAAC;IAQ3E,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,KAAK,SAAS,CAAC;IAG/E,OAAO,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC;IAIxC,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAQvC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,gBAAgB,EAAE,GAAG,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAG/F,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAInC,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,MAAM,CAAC;IAG1D,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAGhC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AA0DD,eAAO,MAAM,gBAAgB,GAAI,QAAQ,SAAS,WAAW,GAAG,WAAW,EAAE,uMAe1E,qBAAqB,CAAC,QAAQ,CAAC,sBA6GjC,CAAC"}

package/dist/esm/Chat/ChatConversation.js

@@ -0,0 +1,73 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useMemo, useEffect } from 'react';
+import { PersonAvatarCircle } from '../Canvas/shapes/ChatBubble/Avatar/PersonAvatarCircle.js';
+import { ChatAuthorKind } from '../Canvas/shapes/ChatBubble/ChatAuthorKind.js';
+import { ChatComposer } from '../Canvas/shapes/ChatBubble/ChatComposer.js';
+import { TypingIndicator } from '../Canvas/shapes/ChatBubble/TypingIndicator.js';
+import { chatIdentifierString } from './ChatIdentifier.js';
+import { ChatMessageBody } from './ChatMessageBody.js';
+import { relativeTimestamp } from './relativeTimestamp.js';
+
+/** The message's timestamp as a `Date` — data that traveled through JSON may carry it as a string. */
+const timestampOf = (message) => message.timestamp instanceof Date ? message.timestamp : new Date(message.timestamp);
+const sameMinute = (left, right) => left.getFullYear() === right.getFullYear() &&
+    left.getMonth() === right.getMonth() &&
+    left.getDate() === right.getDate() &&
+    left.getHours() === right.getHours() &&
+    left.getMinutes() === right.getMinutes();
+const computeRenderInfo = (messages) => messages.map((message, index) => {
+    const previous = index > 0 ? messages[index - 1] : undefined;
+    const next = index < messages.length - 1 ? messages[index + 1] : undefined;
+    const showAuthor = !previous || chatIdentifierString(previous.authorId) !== chatIdentifierString(message.authorId);
+    const showTimestamp = !next ||
+        chatIdentifierString(next.authorId) !== chatIdentifierString(message.authorId) ||
+        !sameMinute(timestampOf(message), timestampOf(next));
+    return { showAuthor, showTimestamp };
+});
+/**
+ * Composes the "X is typing" line from whoever the conversation is waiting on.
+ * @param authors The authors currently typing or working.
+ * @param labels Label overrides, as passed to {@link ChatConversation}.
+ * @returns The label to show, empty when nobody is.
+ */
+const typingLabel = (authors, labels) => {
+    if (authors.length === 0)
+        return '';
+    if (authors.length === 1)
+        return (labels?.typing ?? '{name} is typing').replace('{name}', authors[0].name);
+    if (authors.length === 2)
+        return (labels?.typingTwo ?? '{first} and {second} are typing').replace('{first}', authors[0].name).replace('{second}', authors[1].name);
+    return labels?.typingSeveral ?? 'Several people are typing';
+};
+/**
+ * One conversation — its messages and the composer to add to them. Host-agnostic by design: it
+ * renders whatever message array it is given (hand it a live query's data and it stays current),
+ * resolves authors through the host's {@link ChatConversationProps.authorOf | authorOf} and
+ * render callbacks, offers the host's own {@link ChatConversationProps.actions | actions} on
+ * each message, and reports sends back through
+ * {@link ChatConversationProps.onSendMessage | onSendMessage} without any opinion about the
+ * backend behind it. Mentions and the emoji picker come along through the composer.
+ */
+const ChatConversation = ({ messages, onSendMessage, authorOf, renderAvatar, renderAuthorName, actions, mentionCandidates, resolveMentionCandidates, typingAuthors = [], quickReply = true, buildAvatarUrl, autoFocus = false, labels, className, }) => {
+    const composerRef = useRef(null);
+    const messagesEndRef = useRef(null);
+    const renderInfo = useMemo(() => computeRenderInfo(messages), [messages]);
+    useEffect(() => {
+        messagesEndRef.current?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+    }, [messages, typingAuthors.length]);
+    const authorFor = (authorId) => authorOf?.(authorId) ?? { name: chatIdentifierString(authorId), kind: ChatAuthorKind.User };
+    const send = (text, mentioned) => onSendMessage(text, mentioned.map(candidate => ({ id: candidate.id, name: candidate.name, kind: candidate.kind })));
+    const quickReplyTo = (name) => composerRef.current?.prefill(`@${name} `);
+    return (jsxs("div", { className: `cratis-chat-conversation${className ? ` ${className}` : ''}`, children: [jsxs("div", { className: 'cratis-chat-conversation__messages', children: [messages.length === 0 && (jsx("p", { className: 'cratis-chat-conversation__empty', children: labels?.empty ?? 'No messages yet. Say hello!' })), messages.map((message, index) => {
+                        const author = authorFor(message.authorId);
+                        const { showAuthor, showTimestamp } = renderInfo[index];
+                        const availableActions = (actions ?? []).filter(action => action.isAvailable?.(message) ?? true);
+                        const showActionsRow = quickReply || availableActions.length > 0;
+                        return (jsxs("div", { className: `cratis-chat-message${showAuthor ? '' : ' cratis-chat-message--continuation'}`, children: [showAuthor && (jsxs("div", { className: 'cratis-chat-message__author', children: [renderAvatar
+                                            ? renderAvatar(message.authorId, author)
+                                            : (jsx(PersonAvatarCircle, { userId: chatIdentifierString(message.authorId), name: author.name, hasAvatar: author.hasAvatar ?? false, size: 22, ownerType: author.kind === ChatAuthorKind.Agent ? 'Agents' : 'Users', version: author.avatarVersion, buildAvatarUrl: buildAvatarUrl })), jsx("span", { className: 'cratis-chat-message__author-name', children: renderAuthorName ? renderAuthorName(message.authorId, author) : author.name })] })), jsxs("div", { className: 'cratis-chat-message__content', children: [jsxs("div", { className: `cratis-chat-message__panel${showActionsRow ? ' cratis-chat-message__panel--with-actions' : ''}`, children: [jsx(ChatMessageBody, { body: message.body, mentions: message.mentions }), showActionsRow && (jsxs("div", { className: 'cratis-chat-message__actions', children: [quickReply && (jsx("button", { type: 'button', className: 'cratis-chat-message__action', title: (labels?.quickReplyTo ?? 'Reply to {name}').replace('{name}', author.name), "aria-label": (labels?.quickReplyTo ?? 'Reply to {name}').replace('{name}', author.name), onClick: () => quickReplyTo(author.name), children: jsx("i", { className: 'pi pi-reply', "aria-hidden": 'true' }) })), availableActions.map(action => (jsx("button", { type: 'button', className: 'cratis-chat-message__action', title: action.label, "aria-label": action.label, onClick: () => action.onInvoke(message), children: typeof action.icon === 'string' ? jsx("i", { className: action.icon, "aria-hidden": 'true' }) : action.icon }, action.id)))] }))] }), showTimestamp && (jsx("span", { className: 'cratis-chat-message__time', children: relativeTimestamp(timestampOf(message), new Date(), labels?.timestamps) }))] })] }, chatIdentifierString(message.id)));
+                    }), jsx(TypingIndicator, { authors: typingAuthors, label: typingLabel(typingAuthors, labels), buildAvatarUrl: buildAvatarUrl }), jsx("div", { ref: messagesEndRef })] }), jsx(ChatComposer, { ref: composerRef, mentionCandidates: mentionCandidates, resolveMentionCandidates: resolveMentionCandidates, onSend: send, autoFocus: autoFocus, buildAvatarUrl: buildAvatarUrl, labels: labels?.composer })] }));
+};
+
+export { ChatConversation };
+//# sourceMappingURL=ChatConversation.js.map

package/dist/esm/Chat/ChatConversation.js.map

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

package/dist/esm/Chat/ChatIdentifier.d.ts

@@ -0,0 +1,6 @@
+export type ChatIdentifier = string | {
+    toString(): string;
+};
+export declare const chatIdentifierString: (identifier: ChatIdentifier) => string;
+export declare const sameChatIdentifier: (left?: ChatIdentifier, right?: ChatIdentifier) => boolean;
+//# sourceMappingURL=ChatIdentifier.d.ts.map

package/dist/esm/Chat/ChatIdentifier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatIdentifier.d.ts","sourceRoot":"","sources":["../../../Chat/ChatIdentifier.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG;IAAE,QAAQ,IAAI,MAAM,CAAA;CAAE,CAAC;AAO7D,eAAO,MAAM,oBAAoB,GAAI,YAAY,cAAc,KAAG,MAA4B,CAAC;AAS/F,eAAO,MAAM,kBAAkB,GAAI,OAAO,cAAc,EAAE,QAAQ,cAAc,KAAG,OACJ,CAAC"}

package/dist/esm/Chat/ChatIdentifier.js

@@ -0,0 +1,19 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The canonical string form of an identifier, used for React keys and comparisons.
+ * @param identifier The identifier to render.
+ * @returns The identifier as a string.
+ */
+const chatIdentifierString = (identifier) => String(identifier);
+/**
+ * Whether two identifiers refer to the same thing, compared by their string form so a `Guid`
+ * and the string it prints as are the same identifier.
+ * @param left One identifier, possibly not set.
+ * @param right The other identifier, possibly not set.
+ * @returns True when both are set and equal.
+ */
+const sameChatIdentifier = (left, right) => left !== undefined && right !== undefined && String(left) === String(right);
+
+export { chatIdentifierString, sameChatIdentifier };
+//# sourceMappingURL=ChatIdentifier.js.map

package/dist/esm/Chat/ChatIdentifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatIdentifier.js","sources":["../../../Chat/ChatIdentifier.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAUA;;;;AAIG;AACI,MAAM,oBAAoB,GAAG,CAAC,UAA0B,KAAa,MAAM,CAAC,UAAU;AAE7F;;;;;;AAMG;AACI,MAAM,kBAAkB,GAAG,CAAC,IAAqB,EAAE,KAAsB,KAC5E,IAAI,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,KAAK;;"}

package/dist/esm/Chat/ChatMention.d.ts

@@ -0,0 +1,8 @@
+import { ChatAuthorKind } from '../Canvas/shapes/ChatBubble/ChatAuthorKind';
+import type { ChatIdentifier } from './ChatIdentifier';
+export interface ChatMention {
+    id: ChatIdentifier;
+    name: string;
+    kind: ChatAuthorKind;
+}
+//# sourceMappingURL=ChatMention.d.ts.map

package/dist/esm/Chat/ChatMention.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMention.d.ts","sourceRoot":"","sources":["../../../Chat/ChatMention.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQvD,MAAM,WAAW,WAAW;IAGxB,EAAE,EAAE,cAAc,CAAC;IAGnB,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,cAAc,CAAC;CACxB"}

package/dist/esm/Chat/ChatMention.js

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

package/dist/esm/Chat/ChatMention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMention.js","sourceRoot":"","sources":["../../../Chat/ChatMention.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,12 @@
+import type { ChatIdentifier } from './ChatIdentifier';
+import type { ChatMention } from './ChatMention';
+export interface ChatMessage {
+    id: ChatIdentifier;
+    topicId: ChatIdentifier;
+    authorId: ChatIdentifier;
+    body: string;
+    timestamp: Date;
+    mentions?: ChatMention[];
+    metadata?: Record<string, unknown>;
+}
+//# sourceMappingURL=ChatMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../Chat/ChatMessage.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAYjD,MAAM,WAAW,WAAW;IAGxB,EAAE,EAAE,cAAc,CAAC;IAGnB,OAAO,EAAE,cAAc,CAAC;IAGxB,QAAQ,EAAE,cAAc,CAAC;IAGzB,IAAI,EAAE,MAAM,CAAC;IAGb,SAAS,EAAE,IAAI,CAAC;IAGhB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IAGzB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC"}

package/dist/esm/Chat/ChatMessage.js

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

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

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

package/dist/esm/Chat/ChatMessageAction.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { ChatMessage } from './ChatMessage';
+export interface ChatMessageAction<TMessage extends ChatMessage = ChatMessage> {
+    id: string;
+    label: string;
+    icon: string | ReactNode;
+    isAvailable?: (message: TMessage) => boolean;
+    onInvoke: (message: TMessage) => void;
+}
+//# sourceMappingURL=ChatMessageAction.d.ts.map

package/dist/esm/Chat/ChatMessageAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageAction.d.ts","sourceRoot":"","sources":["../../../Chat/ChatMessageAction.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQjD,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,WAAW,GAAG,WAAW;IAGzE,EAAE,EAAE,MAAM,CAAC;IAGX,KAAK,EAAE,MAAM,CAAC;IAGd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAOzB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,OAAO,CAAC;IAM7C,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC"}

package/dist/esm/Chat/ChatMessageAction.js

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

package/dist/esm/Chat/ChatMessageAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageAction.js","sourceRoot":"","sources":["../../../Chat/ChatMessageAction.ts"],"names":[],"mappings":""}

package/dist/esm/Chat/ChatMessageBody.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ChatMention } from './ChatMention';
+export interface ChatMessageBodyProps {
+    body: string;
+    mentions?: ChatMention[];
+}
+export declare const ChatMessageBody: ({ body, mentions }: ChatMessageBodyProps) => React.JSX.Element;
+//# sourceMappingURL=ChatMessageBody.d.ts.map

package/dist/esm/Chat/ChatMessageBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageBody.d.ts","sourceRoot":"","sources":["../../../Chat/ChatMessageBody.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAKjD,MAAM,WAAW,oBAAoB;IAGjC,IAAI,EAAE,MAAM,CAAC;IAGb,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC5B;AAQD,eAAO,MAAM,eAAe,GAAI,oBAAoB,oBAAoB,sBAgBvE,CAAC"}

package/dist/esm/Chat/ChatMessageBody.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import '../Canvas/shapes/ChatBubble/ChatAuthorKind.js';
+import { mentionSegments } from '../Canvas/shapes/ChatBubble/Mentions/mentionSegments.js';
+
+/**
+ * The text of one message. The body itself is plain text — including its `@Name` mentions — and
+ * this component is what makes the mentions *look* like mentions: each known one renders as its
+ * own element, marked with who it addresses, so a person and an agent mention can be styled
+ * apart and the host's own CSS can hang further behavior off them.
+ */
+const ChatMessageBody = ({ body, mentions }) => (jsx("p", { className: 'cratis-chat-message__body', children: mentionSegments(body, mentions ?? []).map((segment, index) => segment.mention
+        ? (jsx("span", { className: 'cratis-chat-message__mention', "data-kind": segment.mention.kind, children: segment.text }, index))
+        : jsx(React.Fragment, { children: segment.text }, index)) }));
+
+export { ChatMessageBody };
+//# sourceMappingURL=ChatMessageBody.js.map

package/dist/esm/Chat/ChatMessageBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageBody.js","sources":["../../../Chat/ChatMessageBody.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAmBA;;;;;AAKG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAwB,MACpEA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,2BAA2B,EAAA,QAAA,EACnC,eAAe,CAAC,IAAI,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,KACtD,OAAO,CAAC;AACJ,WACIA,GAAA,CAAA,MAAA,EAAA,EAEI,SAAS,EAAC,8BAA8B,eAC7B,OAAO,CAAC,OAAO,CAAC,IAAI,YAE9B,OAAO,CAAC,IAAI,EAAA,EAJR,KAAK,CAKP;AAEX,UAAEA,GAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAc,OAAO,CAAC,IAAI,IAApB,KAAK,CAAiC,CACpE,EAAA,CACD;;"}

package/dist/esm/Chat/ChatSidebar.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { DrawerRootProps } from '@primereact/types/primitive/drawer';
+import type { ChatConversationLabels, ChatConversationProps } from './ChatConversation';
+import { type ChatIdentifier } from './ChatIdentifier';
+import type { ChatMention } from './ChatMention';
+import type { ChatMessage } from './ChatMessage';
+import type { ChatTopic } from './ChatTopic';
+import type { ChatTopicListLabels } from './ChatTopicList';
+export interface ChatSidebarLabels {
+    topics?: string;
+    unnamedTopic?: string;
+    back?: string;
+    close?: string;
+    topicList?: ChatTopicListLabels;
+    conversation?: ChatConversationLabels;
+}
+export interface ChatSidebarProps<TMessage extends ChatMessage = ChatMessage, TTopic extends ChatTopic = ChatTopic> extends Omit<ChatConversationProps<TMessage>, 'messages' | 'onSendMessage' | 'labels' | 'className'> {
+    open: boolean;
+    onClose: () => void;
+    topics: TTopic[];
+    messages: TMessage[];
+    selectedTopicId?: ChatIdentifier | null;
+    onTopicSelected?: (topicId: ChatIdentifier | undefined, topic?: TTopic) => void;
+    onStartTopic?: () => ChatIdentifier | undefined | Promise<ChatIdentifier | undefined>;
+    onSendMessage: (topicId: ChatIdentifier, body: string, mentions: ChatMention[]) => void;
+    onRequestTopicName?: (topic: TTopic, firstMessageBody: string) => void;
+    isTopicUnnamed?: (topic: TTopic) => boolean;
+    position?: 'left' | 'right';
+    width?: string;
+    modal?: boolean;
+    labels?: ChatSidebarLabels;
+    className?: string;
+    pt?: DrawerRootProps['pt'];
+    ptOptions?: DrawerRootProps['ptOptions'];
+    unstyled?: boolean;
+}
+export declare const ChatSidebar: <TMessage extends ChatMessage = ChatMessage, TTopic extends ChatTopic = ChatTopic>({ open, onClose, topics, messages, selectedTopicId, onTopicSelected, onStartTopic, onSendMessage, onRequestTopicName, isTopicUnnamed, position, width, modal, labels, className, pt, ptOptions, unstyled, ...conversation }: ChatSidebarProps<TMessage, TTopic>) => React.JSX.Element;
+//# sourceMappingURL=ChatSidebar.d.ts.map

package/dist/esm/Chat/ChatSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSidebar.d.ts","sourceRoot":"","sources":["../../../Chat/ChatSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,oCAAoC,CAAC;AACjG,OAAO,KAAK,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAExF,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAO3D,MAAM,WAAW,iBAAiB;IAG9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAGhC,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACzC;AAOD,MAAM,WAAW,gBAAgB,CAAC,QAAQ,SAAS,WAAW,GAAG,WAAW,EAAE,MAAM,SAAS,SAAS,GAAG,SAAS,CAC9G,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,QAAQ,GAAG,WAAW,CAAC;IAGpG,IAAI,EAAE,OAAO,CAAC;IAGd,OAAO,EAAE,MAAM,IAAI,CAAC;IAMpB,MAAM,EAAE,MAAM,EAAE,CAAC;IAOjB,QAAQ,EAAE,QAAQ,EAAE,CAAC;IAOrB,eAAe,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAQxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAQhF,YAAY,CAAC,EAAE,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;IAStF,aAAa,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAUxF,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;IAOvE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAG5C,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAG5B,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,KAAK,CAAC,EAAE,OAAO,CAAC;IAGhB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAG3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAG3B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAGzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,WAAW,GAAI,QAAQ,SAAS,WAAW,GAAG,WAAW,EAAE,MAAM,SAAS,SAAS,GAAG,SAAS,EAAE,6NAoB3G,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,sBA+GpC,CAAC"}

package/dist/esm/Chat/ChatSidebar.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Drawer } from 'primereact/drawer';
+import { ChatConversation } from './ChatConversation.js';
+import { sameChatIdentifier } from './ChatIdentifier.js';
+import { ChatTopicList } from './ChatTopicList.js';
+import { isTopicUnnamed } from './isTopicUnnamed.js';
+import { shouldRequestTopicName } from './shouldRequestTopicName.js';
+
+/**
+ * A topic-based chat in a sidebar next to the view, built on PrimeReact's Drawer. It opens on
+ * the topic list; picking a topic (or starting a new one) slides into that conversation, with a
+ * back affordance to the list. Everything about *data* is the host's: topics and messages come
+ * in as arrays (hand it live query data and it stays current), sends and new topics go out as
+ * callbacks, and when the first message lands in an unnamed topic the sidebar asks the host for
+ * a name through {@link ChatSidebarProps.onRequestTopicName | onRequestTopicName} — rendering a
+ * pending placeholder until the name arrives.
+ */
+const ChatSidebar = ({ open, onClose, topics, messages, selectedTopicId, onTopicSelected, onStartTopic, onSendMessage, onRequestTopicName, isTopicUnnamed: isTopicUnnamed$1, position = 'right', width = '24rem', modal = false, labels, className, pt, ptOptions, unstyled, ...conversation }) => {
+    const [internalSelectedId, setInternalSelectedId] = useState(undefined);
+    const isControlled = selectedTopicId !== undefined;
+    const openTopicId = isControlled ? (selectedTopicId ?? undefined) : internalSelectedId;
+    const openTopic = openTopicId !== undefined ? topics.find(topic => sameChatIdentifier(topic.id, openTopicId)) : undefined;
+    const unnamed = isTopicUnnamed$1 ?? isTopicUnnamed;
+    const select = (topicId, topic) => {
+        if (!isControlled) {
+            setInternalSelectedId(topicId);
+        }
+        onTopicSelected?.(topicId, topic ?? (topicId !== undefined ? topics.find(candidate => sameChatIdentifier(candidate.id, topicId)) : undefined));
+    };
+    const startTopic = async () => {
+        const topicId = await onStartTopic?.();
+        if (topicId !== undefined) {
+            select(topicId);
+        }
+    };
+    const openMessages = openTopicId === undefined
+        ? []
+        : messages.filter(message => sameChatIdentifier(message.topicId, openTopicId));
+    const send = (body, mentions) => {
+        if (openTopicId === undefined)
+            return;
+        onSendMessage(openTopicId, body, mentions);
+        if (openTopic && shouldRequestTopicName(unnamed(openTopic), openMessages.length)) {
+            onRequestTopicName?.(openTopic, body);
+        }
+    };
+    const handleOpenChange = (event) => {
+        if (!event.value) {
+            onClose();
+        }
+    };
+    const title = openTopicId === undefined
+        ? (labels?.topics ?? 'Topics')
+        : openTopic && !unnamed(openTopic)
+            ? openTopic.name
+            : (labels?.unnamedTopic ?? 'New topic');
+    const titleIsPending = openTopicId !== undefined && (!openTopic || unnamed(openTopic));
+    return (jsx(Drawer.Root, { open: open, position: position, dismissable: modal, onOpenChange: handleOpenChange, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: jsxs(Drawer.Portal, { children: [modal && jsx(Drawer.Backdrop, {}), jsxs(Drawer.Popup, { className: `cratis-chat-sidebar${className ? ` ${className}` : ''}`, style: { width }, children: [jsxs(Drawer.Header, { className: 'cratis-chat-sidebar__header', children: [openTopicId !== undefined && (jsx("button", { type: 'button', className: 'cratis-chat-sidebar__back', title: labels?.back ?? 'Back to topics', "aria-label": labels?.back ?? 'Back to topics', onClick: () => select(undefined), children: jsx("i", { className: 'pi pi-arrow-left', "aria-hidden": 'true' }) })), jsx(Drawer.Title, { className: `cratis-chat-sidebar__title${titleIsPending ? ' cratis-chat-sidebar__title--pending' : ''}`, children: title }), jsx(Drawer.Close, { className: 'cratis-chat-sidebar__close', "aria-label": labels?.close ?? 'Close chat', children: jsx("i", { className: 'pi pi-times', "aria-hidden": 'true' }) })] }), jsx(Drawer.Content, { className: 'cratis-chat-sidebar__content', children: openTopicId === undefined
+                                ? (jsx(ChatTopicList, { topics: topics, onOpen: topic => select(topic.id, topic), onStart: onStartTopic ? () => { void startTopic(); } : undefined, authorOf: conversation.authorOf, renderAvatar: conversation.renderAvatar, isTopicUnnamed: isTopicUnnamed$1, buildAvatarUrl: conversation.buildAvatarUrl, labels: { unnamedTopic: labels?.unnamedTopic, ...labels?.topicList } }))
+                                : (jsx(ChatConversation, { ...conversation, messages: openMessages, onSendMessage: send, labels: labels?.conversation })) })] })] }) }));
+};
+
+export { ChatSidebar };
+//# sourceMappingURL=ChatSidebar.js.map

package/dist/esm/Chat/ChatSidebar.js.map

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

package/dist/esm/Chat/ChatSidebarForObservableQueries.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { Constructor } from '@cratis/fundamentals';
+import type { IObservableQueryFor } from '@cratis/arc/queries';
+import { type ChatSidebarProps } from './ChatSidebar';
+import type { ChatIdentifier } from './ChatIdentifier';
+import type { ChatMessage } from './ChatMessage';
+import type { ChatTopic } from './ChatTopic';
+export interface ChatSidebarForObservableQueriesProps<TMessage extends ChatMessage, TTopic extends ChatTopic, TTopicsQuery extends IObservableQueryFor<TTopic[], TTopicsArguments>, TMessagesQuery extends IObservableQueryFor<TMessage[], TMessagesArguments>, TTopicsArguments extends object = object, TMessagesArguments extends object = object> extends Omit<ChatSidebarProps<TMessage, TTopic>, 'topics' | 'messages' | 'selectedTopicId'> {
+    topicsQuery: Constructor<TTopicsQuery>;
+    topicsArguments?: TTopicsArguments;
+    messagesQuery: Constructor<TMessagesQuery>;
+    messagesArguments: (topicId: ChatIdentifier | undefined) => TMessagesArguments | undefined;
+}
+export declare const ChatSidebarForObservableQueries: <TMessage extends ChatMessage, TTopic extends ChatTopic, TTopicsQuery extends IObservableQueryFor<TTopic[], TTopicsArguments>, TMessagesQuery extends IObservableQueryFor<TMessage[], TMessagesArguments>, TTopicsArguments extends object = object, TMessagesArguments extends object = object>({ topicsQuery, topicsArguments, messagesQuery, messagesArguments, onTopicSelected, ...sidebar }: ChatSidebarForObservableQueriesProps<TMessage, TTopic, TTopicsQuery, TMessagesQuery, TTopicsArguments, TMessagesArguments>) => React.JSX.Element;
+//# sourceMappingURL=ChatSidebarForObservableQueries.d.ts.map

package/dist/esm/Chat/ChatSidebarForObservableQueries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSidebarForObservableQueries.d.ts","sourceRoot":"","sources":["../../../Chat/ChatSidebarForObservableQueries.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAW7C,MAAM,WAAW,oCAAoC,CACjD,QAAQ,SAAS,WAAW,EAC5B,MAAM,SAAS,SAAS,EACxB,YAAY,SAAS,mBAAmB,CAAC,MAAM,EAAE,EAAE,gBAAgB,CAAC,EACpE,cAAc,SAAS,mBAAmB,CAAC,QAAQ,EAAE,EAAE,kBAAkB,CAAC,EAC1E,gBAAgB,SAAS,MAAM,GAAG,MAAM,EACxC,kBAAkB,SAAS,MAAM,GAAG,MAAM,CAC5C,SAAQ,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,iBAAiB,CAAC;IAGzF,WAAW,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAGvC,eAAe,CAAC,EAAE,gBAAgB,CAAC;IAGnC,aAAa,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IAQ3C,iBAAiB,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,KAAK,kBAAkB,GAAG,SAAS,CAAC;CAC9F;AASD,eAAO,MAAM,+BAA+B,GACxC,QAAQ,SAAS,WAAW,EAC5B,MAAM,SAAS,SAAS,EACxB,YAAY,SAAS,mBAAmB,CAAC,MAAM,EAAE,EAAE,gBAAgB,CAAC,EACpE,cAAc,SAAS,mBAAmB,CAAC,QAAQ,EAAE,EAAE,kBAAkB,CAAC,EAC1E,gBAAgB,SAAS,MAAM,GAAG,MAAM,EACxC,kBAAkB,SAAS,MAAM,GAAG,MAAM,EAC5C,iGAOC,oCAAoC,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,sBA4B5H,CAAC"}

package/dist/esm/Chat/ChatSidebarForObservableQueries.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useObservableQuery } from '@cratis/arc.react/queries';
+import { ChatSidebar } from './ChatSidebar.js';
+
+/**
+ * The {@link ChatSidebar} bound to real-time Cratis Arc observable queries — one for the topics,
+ * one for the open topic's messages — so both stay current as the read models change
+ * server-side. This is a thin, optional convenience on top of the pure {@link ChatSidebar}: every
+ * callback contract (sending, starting topics, naming, authors, actions, mentions) is exactly
+ * the same, and a host that prefers to own its subscriptions uses {@link ChatSidebar} directly.
+ */
+const ChatSidebarForObservableQueries = ({ topicsQuery, topicsArguments, messagesQuery, messagesArguments, onTopicSelected, ...sidebar }) => {
+    const [selectedId, setSelectedId] = useState(undefined);
+    const [topicsResult] = useObservableQuery(topicsQuery, topicsArguments);
+    const messagesQueryArguments = messagesArguments(selectedId);
+    const [messagesResult] = useObservableQuery(messagesQuery, messagesQueryArguments, undefined, selectedId !== undefined && messagesQueryArguments !== undefined);
+    const topics = Array.isArray(topicsResult.data) ? topicsResult.data : [];
+    const messages = selectedId !== undefined && Array.isArray(messagesResult.data) ? messagesResult.data : [];
+    return (jsx(ChatSidebar, { ...sidebar, topics: topics, messages: messages, selectedTopicId: selectedId ?? null, onTopicSelected: (topicId, topic) => {
+            setSelectedId(topicId);
+            onTopicSelected?.(topicId, topic);
+        } }));
+};
+
+export { ChatSidebarForObservableQueries };
+//# sourceMappingURL=ChatSidebarForObservableQueries.js.map

package/dist/esm/Chat/ChatSidebarForObservableQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSidebarForObservableQueries.js","sources":["../../../Chat/ChatSidebarForObservableQueries.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAgDA;;;;;;AAMG;MACU,+BAA+B,GAAG,CAO7C,EACE,WAAW,EACX,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,GAAG,OAAO,EAC+G,KAAI;IAC7H,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAA6B,SAAS,CAAC;IAEnF,MAAM,CAAC,YAAY,CAAC,GAAG,kBAAkB,CAA2C,WAAW,EAAE,eAAe,CAAC;AAEjH,IAAA,MAAM,sBAAsB,GAAG,iBAAiB,CAAC,UAAU,CAAC;IAC5D,MAAM,CAAC,cAAc,CAAC,GAAG,kBAAkB,CACvC,aAAa,EACb,sBAAsB,EACtB,SAAS,EACT,UAAU,KAAK,SAAS,IAAI,sBAAsB,KAAK,SAAS,CACnE;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,IAAI,GAAG,EAAE;IACxE,MAAM,QAAQ,GAAG,UAAU,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,IAAI,GAAG,EAAE;IAE1G,QACIA,GAAA,CAAC,WAAW,EAAA,EAAA,GACJ,OAAO,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,UAAU,IAAI,IAAI,EACnC,eAAe,EAAE,CAAC,OAAO,EAAE,KAAK,KAAI;YAChC,aAAa,CAAC,OAAO,CAAC;AACtB,YAAA,eAAe,GAAG,OAAO,EAAE,KAAK,CAAC;QACrC,CAAC,EAAA,CACH;AAEV;;"}

package/dist/esm/Chat/ChatTopic.d.ts

@@ -0,0 +1,10 @@
+import type { ChatIdentifier } from './ChatIdentifier';
+export interface ChatTopic {
+    id: ChatIdentifier;
+    name?: string;
+    startedBy?: ChatIdentifier;
+    started?: Date;
+    lastActivity?: Date;
+    metadata?: Record<string, unknown>;
+}
+//# sourceMappingURL=ChatTopic.d.ts.map

package/dist/esm/Chat/ChatTopic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTopic.d.ts","sourceRoot":"","sources":["../../../Chat/ChatTopic.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQvD,MAAM,WAAW,SAAS;IAGtB,EAAE,EAAE,cAAc,CAAC;IAGnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,cAAc,CAAC;IAG3B,OAAO,CAAC,EAAE,IAAI,CAAC;IAGf,YAAY,CAAC,EAAE,IAAI,CAAC;IAGpB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC"}

package/dist/esm/Chat/ChatTopic.js

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

package/dist/esm/Chat/ChatTopic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTopic.js","sourceRoot":"","sources":["../../../Chat/ChatTopic.ts"],"names":[],"mappings":""}

package/dist/esm/Chat/ChatTopicList.d.ts

@@ -0,0 +1,26 @@
+import React, { type ReactNode } from 'react';
+import { type BuildAvatarUrlParams } from '../Canvas/shapes/ChatBubble/Avatar';
+import type { ChatAuthor } from './ChatAuthor';
+import { type ChatIdentifier } from './ChatIdentifier';
+import type { ChatTopic } from './ChatTopic';
+import { type RelativeTimestampLabels } from './relativeTimestamp';
+export interface ChatTopicListLabels {
+    newTopic?: string;
+    unnamedTopic?: string;
+    startedBy?: string;
+    empty?: string;
+    timestamps?: RelativeTimestampLabels;
+}
+export interface ChatTopicListProps<TTopic extends ChatTopic = ChatTopic> {
+    topics: TTopic[];
+    onOpen: (topic: TTopic) => void;
+    onStart?: () => void;
+    authorOf?: (authorId: ChatIdentifier) => ChatAuthor;
+    renderAvatar?: (authorId: ChatIdentifier, author: ChatAuthor) => ReactNode;
+    isTopicUnnamed?: (topic: TTopic) => boolean;
+    buildAvatarUrl?: (params: BuildAvatarUrlParams) => string;
+    labels?: ChatTopicListLabels;
+    className?: string;
+}
+export declare const ChatTopicList: <TTopic extends ChatTopic = ChatTopic>({ topics, onOpen, onStart, authorOf, renderAvatar, isTopicUnnamed, buildAvatarUrl, labels, className, }: ChatTopicListProps<TTopic>) => React.JSX.Element;
+//# sourceMappingURL=ChatTopicList.d.ts.map

package/dist/esm/Chat/ChatTopicList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTopicList.d.ts","sourceRoot":"","sources":["../../../Chat/ChatTopicList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAEnG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAqB,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAKtF,MAAM,WAAW,mBAAmB;IAGhC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAMD,MAAM,WAAW,kBAAkB,CAAC,MAAM,SAAS,SAAS,GAAG,SAAS;IAMpE,MAAM,EAAE,MAAM,EAAE,CAAC;IAMjB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAMhC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAQrB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,UAAU,CAAC;IAQpD,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,KAAK,SAAS,CAAC;IAS3E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAG5C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,MAAM,CAAC;IAG1D,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAG7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAQD,eAAO,MAAM,aAAa,GAAI,MAAM,SAAS,SAAS,GAAG,SAAS,EAAE,yGAUjE,kBAAkB,CAAC,MAAM,CAAC,sBAmE5B,CAAC"}

package/dist/esm/Chat/ChatTopicList.js

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PersonAvatarCircle } from '../Canvas/shapes/ChatBubble/Avatar/PersonAvatarCircle.js';
+import { ChatAuthorKind } from '../Canvas/shapes/ChatBubble/ChatAuthorKind.js';
+import { chatIdentifierString } from './ChatIdentifier.js';
+import { isTopicUnnamed } from './isTopicUnnamed.js';
+import { relativeTimestamp } from './relativeTimestamp.js';
+import { topicsByActivity } from './topicsByActivity.js';
+
+/**
+ * The topics of a chat, most recently active first — pick one to open its conversation, or start
+ * a new one. A topic that has not been named yet renders a placeholder in a pending style: with
+ * host-side auto-naming, the name arrives through the data once the host has produced it, and
+ * the placeholder simply stops being needed.
+ */
+const ChatTopicList = ({ topics, onOpen, onStart, authorOf, renderAvatar, isTopicUnnamed: isTopicUnnamed$1, buildAvatarUrl, labels, className, }) => {
+    const unnamed = isTopicUnnamed$1 ?? isTopicUnnamed;
+    const authorFor = (authorId) => authorOf?.(authorId) ?? { name: chatIdentifierString(authorId), kind: ChatAuthorKind.User };
+    return (jsxs("div", { className: `cratis-chat-topics${className ? ` ${className}` : ''}`, children: [onStart && (jsxs("button", { type: 'button', className: 'cratis-chat-topics__start', onClick: onStart, children: [jsx("i", { className: 'pi pi-plus', "aria-hidden": 'true' }), jsx("span", { children: labels?.newTopic ?? 'New topic' })] })), topics.length === 0 && (jsx("p", { className: 'cratis-chat-topics__empty', children: labels?.empty ?? 'No topics yet. Start the first one!' })), jsx("div", { className: 'cratis-chat-topics__list', role: 'list', children: topicsByActivity(topics).map(topic => {
+                    const starter = topic.startedBy !== undefined ? authorFor(topic.startedBy) : undefined;
+                    const isPending = unnamed(topic);
+                    const activity = topic.lastActivity ?? topic.started;
+                    return (jsxs("button", { type: 'button', role: 'listitem', className: 'cratis-chat-topics__topic', onClick: () => onOpen(topic), children: [topic.startedBy !== undefined && starter && (renderAvatar
+                                ? renderAvatar(topic.startedBy, starter)
+                                : (jsx(PersonAvatarCircle, { userId: chatIdentifierString(topic.startedBy), name: starter.name, hasAvatar: starter.hasAvatar ?? false, size: 28, ownerType: starter.kind === ChatAuthorKind.Agent ? 'Agents' : 'Users', version: starter.avatarVersion, buildAvatarUrl: buildAvatarUrl }))), jsxs("span", { className: 'cratis-chat-topics__details', children: [jsx("span", { className: `cratis-chat-topics__name${isPending ? ' cratis-chat-topics__name--pending' : ''}`, children: isPending ? (labels?.unnamedTopic ?? 'New topic') : topic.name }), starter && (jsx("span", { className: 'cratis-chat-topics__started-by', children: (labels?.startedBy ?? 'Started by {name}').replace('{name}', starter.name) }))] }), activity !== undefined && (jsx("span", { className: 'cratis-chat-topics__activity', children: relativeTimestamp(activity, new Date(), labels?.timestamps) }))] }, chatIdentifierString(topic.id)));
+                }) })] }));
+};
+
+export { ChatTopicList };
+//# sourceMappingURL=ChatTopicList.js.map

package/dist/esm/Chat/ChatTopicList.js.map

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

package/dist/esm/Chat/index.d.ts

@@ -0,0 +1,29 @@
+export type { ChatAuthor } from './ChatAuthor';
+export { ChatConversation } from './ChatConversation';
+export type { ChatConversationProps, ChatConversationLabels } from './ChatConversation';
+export { chatIdentifierString, sameChatIdentifier } from './ChatIdentifier';
+export type { ChatIdentifier } from './ChatIdentifier';
+export type { ChatMention } from './ChatMention';
+export type { ChatMessage } from './ChatMessage';
+export type { ChatMessageAction } from './ChatMessageAction';
+export { ChatMessageBody } from './ChatMessageBody';
+export type { ChatMessageBodyProps } from './ChatMessageBody';
+export { ChatSidebar } from './ChatSidebar';
+export type { ChatSidebarProps, ChatSidebarLabels } from './ChatSidebar';
+export { ChatSidebarForObservableQueries } from './ChatSidebarForObservableQueries';
+export type { ChatSidebarForObservableQueriesProps } from './ChatSidebarForObservableQueries';
+export type { ChatTopic } from './ChatTopic';
+export { ChatTopicList } from './ChatTopicList';
+export type { ChatTopicListProps, ChatTopicListLabels } from './ChatTopicList';
+export { isTopicUnnamed } from './isTopicUnnamed';
+export { relativeTimestamp } from './relativeTimestamp';
+export type { RelativeTimestampLabels } from './relativeTimestamp';
+export { shouldRequestTopicName } from './shouldRequestTopicName';
+export { topicsByActivity } from './topicsByActivity';
+export { ChatAuthorKind } from '../Canvas/shapes/ChatBubble/ChatAuthorKind';
+export type { ChatTypingAuthor } from '../Canvas/shapes/ChatBubble/ChatTypingAuthor';
+export type { BuildAvatarUrlParams } from '../Canvas/shapes/ChatBubble/Avatar';
+export type { ChatComposerLabels } from '../Canvas/shapes/ChatBubble/ChatComposer';
+export { extractMentions, findMentionRanges, mentionSegments } from '../Canvas/shapes/ChatBubble/Mentions';
+export type { MentionCandidate, MentionRange, MentionSegment } from '../Canvas/shapes/ChatBubble/Mentions';
+//# sourceMappingURL=index.d.ts.map