@cratis/components 3.4.0 → 3.5.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"activeMentionQuery.js","sources":["../../../../../../Canvas/shapes/ChatBubble/Mentions/activeMentionQuery.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAIA;;;;AAIG;AACH,MAAM,gBAAgB,GAAG,EAAE;AAE3B;;;;;AAKG;MACU,kBAAkB,GAAG,CAAC,IAAY,EAAE,KAAa,KAAyB;IACnF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;IACnC,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC;AACrC,IAAA,IAAI,KAAK,GAAG,CAAC,EAAE;AACX,QAAA,OAAO,IAAI;IACf;;AAGA,IAAA,MAAM,SAAS,GAAG,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;AACtD,IAAA,IAAI,SAAS,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAC3C,QAAA,OAAO,IAAI;IACf;IAEA,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;AACrC,IAAA,IAAI,KAAK,CAAC,MAAM,GAAG,gBAAgB,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACzD,QAAA,OAAO,IAAI;IACf;AAEA,IAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;AACjC;;;;"}

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

@@ -0,0 +1,7 @@
+import type { MentionQuery } from './MentionQuery';
+export interface MentionApplied {
+    text: string;
+    caret: number;
+}
+export declare const applyMention: (text: string, caret: number, query: MentionQuery, name: string) => MentionApplied;
+//# sourceMappingURL=applyMention.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyMention.d.ts","sourceRoot":"","sources":["../../../../../../Canvas/shapes/ChatBubble/Mentions/applyMention.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKnD,MAAM,WAAW,cAAc;IAG3B,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,MAAM,CAAC;CACjB;AAUD,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,EAAE,OAAO,YAAY,EAAE,MAAM,MAAM,KAAG,cAU7F,CAAC"}

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

@@ -0,0 +1,23 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Replaces the mention being typed with the chosen name.
+ * @param text The full text of the input.
+ * @param caret The caret position within it.
+ * @param query The mention being typed, as found by activeMentionQuery.
+ * @param name The name that was chosen.
+ * @returns The text to show and where to put the caret.
+ */
+const applyMention = (text, caret, query, name) => {
+    // A trailing space both separates the mention from what is typed next and closes the mention, so
+    // the candidate list does not immediately reopen on the name that was just chosen.
+    const mention = `@${name} `;
+    const after = text.slice(caret);
+    return {
+        text: `${text.slice(0, query.start)}${mention}${after}`,
+        caret: query.start + mention.length,
+    };
+};
+
+export { applyMention };
+//# sourceMappingURL=applyMention.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyMention.js","sources":["../../../../../../Canvas/shapes/ChatBubble/Mentions/applyMention.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAgBA;;;;;;;AAOG;AACI,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,KAAmB,EAAE,IAAY,KAAoB;;;AAG3G,IAAA,MAAM,OAAO,GAAG,CAAA,CAAA,EAAI,IAAI,GAAG;IAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAE/B,OAAO;AACH,QAAA,IAAI,EAAE,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA,EAAG,OAAO,CAAA,EAAG,KAAK,CAAA,CAAE;AACvD,QAAA,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM;KACtC;AACL;;;;"}

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

@@ -0,0 +1,7 @@
+export * from './MentionCandidate';
+export * from './MentionQuery';
+export * from './MentionSuggestions';
+export * from './activeMentionQuery';
+export * from './applyMention';
+export * from './matchCandidates';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../Canvas/shapes/ChatBubble/Mentions/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,7 @@
+export * from './MentionCandidate';
+export * from './MentionQuery';
+export * from './MentionSuggestions';
+export * from './activeMentionQuery';
+export * from './applyMention';
+export * from './matchCandidates';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../Canvas/shapes/ChatBubble/Mentions/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { MentionCandidate } from './MentionCandidate';
+export declare const matchCandidates: (candidates: MentionCandidate[], query: string) => MentionCandidate[];
+//# sourceMappingURL=matchCandidates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"matchCandidates.d.ts","sourceRoot":"","sources":["../../../../../../Canvas/shapes/ChatBubble/Mentions/matchCandidates.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAW3D,eAAO,MAAM,eAAe,GAAI,YAAY,gBAAgB,EAAE,EAAE,OAAO,MAAM,KAAG,gBAAgB,EAY/F,CAAC"}

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

@@ -0,0 +1,24 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** How many candidates the list shows at once, so it never covers the conversation. */
+const MAX_SUGGESTIONS = 6;
+/**
+ * Narrows the people and agents that can be mentioned down to those matching what has been typed.
+ * @param candidates Everyone who could be mentioned.
+ * @param query What has been typed after the `@`.
+ * @returns The matching candidates, those whose name starts with the query first.
+ */
+const matchCandidates = (candidates, query) => {
+    const needle = query.trim().toLowerCase();
+    const matching = needle.length === 0
+        ? candidates
+        : candidates.filter(candidate => candidate.name.toLowerCase().includes(needle));
+    // A name that starts with what was typed is almost always the one being reached for, so it comes
+    // first; everything else keeps the order it was given in.
+    const startsWith = matching.filter(candidate => candidate.name.toLowerCase().startsWith(needle));
+    const contains = matching.filter(candidate => !candidate.name.toLowerCase().startsWith(needle));
+    return [...startsWith, ...contains].slice(0, MAX_SUGGESTIONS);
+};
+
+export { matchCandidates };
+//# sourceMappingURL=matchCandidates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"matchCandidates.js","sources":["../../../../../../Canvas/shapes/ChatBubble/Mentions/matchCandidates.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAIA;AACA,MAAM,eAAe,GAAG,CAAC;AAEzB;;;;;AAKG;MACU,eAAe,GAAG,CAAC,UAA8B,EAAE,KAAa,KAAwB;IACjG,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;AACzC,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,KAAK;AAC/B,UAAE;UACA,UAAU,CAAC,MAAM,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;;;IAInF,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAChG,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AAE/F,IAAA,OAAO,CAAC,GAAG,UAAU,EAAE,GAAG,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC;AACjE;;;;"}

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

@@ -0,0 +1,6 @@
+import type { ChatMessageReaction } from './ChatMessageReaction';
+export interface MessageReactionsProps {
+    reactions: ChatMessageReaction[];
+}
+export declare const MessageReactions: ({ reactions }: MessageReactionsProps) => import("react").JSX.Element | null;
+//# sourceMappingURL=MessageReactions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageReactions.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/MessageReactions.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE,MAAM,WAAW,qBAAqB;IAOlC,SAAS,EAAE,mBAAmB,EAAE,CAAC;CACpC;AA+DD,eAAO,MAAM,gBAAgB,GAAI,eAAe,qBAAqB,uCAUpE,CAAC"}

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

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useState } from 'react';
+import { AnchoredOverlay } from './AnchoredOverlay.js';
+
+const MAX_STACKED_GLYPHS = 3;
+/**
+ * One emoji's badge. Who gave it is shown on hover — that is the whole mechanism, so there is nothing
+ * to discover and nothing extra to click. Clicking pins the same list open, which is what makes it
+ * reachable on a touch screen, where there is no hover to rely on.
+ */
+const ReactionBadge = ({ reaction }) => {
+    const anchorRef = useRef(null);
+    const [isHovered, setIsHovered] = useState(false);
+    const [isPinned, setIsPinned] = useState(false);
+    return (jsxs("div", { ref: anchorRef, className: 'message-reactions__badge-wrapper', onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [jsxs("button", { type: 'button', className: 'message-reactions__badge', onFocus: () => setIsHovered(true), onBlur: () => setIsHovered(false), onClick: () => setIsPinned(pinned => !pinned), children: [jsx("span", { className: 'message-reactions__stack', children: reaction.users.slice(0, MAX_STACKED_GLYPHS).map((user, index) => (jsx("span", { className: 'message-reactions__glyph', style: { zIndex: MAX_STACKED_GLYPHS - index }, children: reaction.emoji }, user.id.toString()))) }), reaction.users.length > 1 && (jsx("span", { className: 'message-reactions__count', children: reaction.users.length }))] }), jsx(AnchoredOverlay, { anchorRef: anchorRef, open: isHovered || isPinned, side: 'above', align: 'left', gap: 6, children: jsx("div", { className: 'message-reactions__tooltip', role: 'tooltip', children: reaction.users.map(user => (jsxs("div", { className: 'message-reactions__tooltip-row', children: [jsx("span", { className: 'message-reactions__tooltip-emoji', children: reaction.emoji }), jsx("span", { className: 'message-reactions__tooltip-name', children: user.name })] }, user.id.toString()))) }) })] }));
+};
+/**
+ * The row of emoji badges a message's reactions render as, sitting below the message text. Each badge
+ * says who is behind it on hover, emoji on the left and name on the right, one line per person.
+ */
+const MessageReactions = ({ reactions }) => {
+    if (reactions.length === 0)
+        return null;
+    return (jsx("div", { className: 'message-reactions', children: reactions.map(reaction => (jsx(ReactionBadge, { reaction: reaction }, reaction.emoji))) }));
+};
+
+export { MessageReactions };
+//# sourceMappingURL=MessageReactions.js.map

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

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

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

@@ -0,0 +1,20 @@
+import { RefObject } from 'react';
+import { type EmojiPickerLabels } from './Emoji/EmojiPicker';
+import type { EmojiMemory } from './Emoji/EmojiMemory';
+import type { ChatMessageReaction } from './ChatMessageReaction';
+export interface ReactionPickerLabels {
+    pickEmoji?: string;
+    allEmojis?: string;
+    emojiPicker?: EmojiPickerLabels;
+}
+export interface ReactionPickerProps {
+    ownEmoji?: string;
+    reactions?: readonly ChatMessageReaction[];
+    memory?: EmojiMemory;
+    anchorRef?: RefObject<HTMLElement | null>;
+    onPick: (emoji: string) => void;
+    onDismiss: () => void;
+    labels?: ReactionPickerLabels;
+}
+export declare const ReactionPicker: ({ ownEmoji, reactions, memory, anchorRef, onPick, onDismiss, labels }: ReactionPickerProps) => import("react").JSX.Element;
+//# sourceMappingURL=ReactionPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionPicker.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/ReactionPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE,MAAM,WAAW,oBAAoB;IAEjC,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACnC;AAED,MAAM,WAAW,mBAAmB;IAGhC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,SAAS,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAM3C,MAAM,CAAC,EAAE,WAAW,CAAC;IAOrB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAG1C,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAGhC,SAAS,EAAE,MAAM,IAAI,CAAC;IAGtB,MAAM,CAAC,EAAE,oBAAoB,CAAC;CACjC;AAUD,eAAO,MAAM,cAAc,GAAI,uEAA4E,mBAAmB,gCA0E7H,CAAC"}

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

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import { EmojiPicker } from './Emoji/EmojiPicker.js';
+import { recentEmojis, rememberEmoji } from './Emoji/recentEmojis.js';
+
+/**
+ * The popover a reaction button opens: the emojis this person reached for most recently, and a muted
+ * button at the end that opens the full picker — the shape Apple's tapback bar established, where the
+ * quick row answers almost every reaction and the rest is one click further away.
+ *
+ * Picking the emoji already given is how a reaction is taken back; the caller decides
+ * give/change/revoke from what was clicked.
+ */
+const ReactionPicker = ({ ownEmoji, reactions = [], memory, anchorRef, onPick, onDismiss, labels }) => {
+    const rootRef = useRef(null);
+    const store = memory ?? (typeof window === 'undefined' ? undefined : window.localStorage);
+    const [quickEmojis, setQuickEmojis] = useState(() => store ? recentEmojis(store) : []);
+    const [showingAll, setShowingAll] = useState(false);
+    useEffect(() => {
+        const handlePointerDown = (event) => {
+            const target = event.target;
+            if (rootRef.current?.contains(target) || anchorRef?.current?.contains(target))
+                return;
+            onDismiss();
+        };
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape')
+                onDismiss();
+        };
+        // Capture phase, so board items that stop pointerdown propagation for their own
+        // gestures still dismiss the picker.
+        document.addEventListener('pointerdown', handlePointerDown, true);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('pointerdown', handlePointerDown, true);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [onDismiss, anchorRef]);
+    const pick = (emoji) => {
+        // Remembered before it is handed on: the caller closes the picker, and the row has to already
+        // be in its new order the next time it opens.
+        if (store)
+            setQuickEmojis(rememberEmoji(store, emoji));
+        onPick(emoji);
+    };
+    return (jsxs("div", { ref: rootRef, className: 'reaction-picker', children: [jsxs("div", { className: 'reaction-picker__quick', role: 'listbox', "aria-label": labels?.pickEmoji ?? 'Pick an emoji', children: [quickEmojis.map(emoji => (jsx("button", { type: 'button', role: 'option', "aria-selected": emoji === ownEmoji, className: `reaction-picker__item${emoji === ownEmoji ? ' reaction-picker__item--selected' : ''}`, onMouseDown: event => event.preventDefault(), onClick: () => pick(emoji), children: emoji }, emoji))), jsx("button", { type: 'button', className: `reaction-picker__more${showingAll ? ' reaction-picker__more--open' : ''}`, title: labels?.allEmojis ?? 'All emojis', "aria-label": labels?.allEmojis ?? 'All emojis', "aria-expanded": showingAll, onMouseDown: event => event.preventDefault(), onClick: () => setShowingAll(open => !open), children: "\u263A" })] }), showingAll && jsx(EmojiPicker, { ownEmoji: ownEmoji, onPick: pick, labels: labels?.emojiPicker }), !showingAll && reactions.length > 0 && (jsx("div", { className: 'reaction-picker__given', children: reactions.flatMap(reaction => reaction.users.map(user => (jsxs("div", { className: 'reaction-picker__given-row', children: [jsx("span", { className: 'reaction-picker__given-emoji', children: reaction.emoji }), jsx("span", { className: 'reaction-picker__given-name', children: user.name })] }, `${reaction.emoji}-${user.id.toString()}`)))) }))] }));
+};
+
+export { ReactionPicker };
+//# sourceMappingURL=ReactionPicker.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { type BuildAvatarUrlParams } from './Avatar';
+import type { ChatTypingAuthor } from './ChatTypingAuthor';
+export interface TypingIndicatorProps {
+    authors: ChatTypingAuthor[];
+    label: string;
+    buildAvatarUrl?: (params: BuildAvatarUrlParams) => string;
+}
+export declare const TypingIndicator: ({ authors, label, buildAvatarUrl }: TypingIndicatorProps) => import("react").JSX.Element | null;
+//# sourceMappingURL=TypingIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypingIndicator.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/TypingIndicator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,WAAW,oBAAoB;IAGjC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAG5B,KAAK,EAAE,MAAM,CAAC;IAGd,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,MAAM,CAAC;CAC7D;AAOD,eAAO,MAAM,eAAe,GAAI,oCAAoC,oBAAoB,uCA4BvF,CAAC"}

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

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PersonAvatarCircle } from './Avatar/PersonAvatarCircle.js';
+import { ChatAuthorKind } from './ChatAuthorKind.js';
+
+/**
+ * The classic jumping dots, shown while somebody is composing a message — a person typing or an
+ * agent working on its answer. Both read the same way on purpose: an agent at work is a teammate
+ * mid-sentence, not a spinner.
+ */
+const TypingIndicator = ({ authors, label, buildAvatarUrl }) => {
+    if (authors.length === 0) {
+        return null;
+    }
+    return (jsxs("div", { className: 'chat-typing', "aria-live": 'polite', children: [jsx("div", { className: 'chat-typing__authors', children: authors.map(author => (jsx(PersonAvatarCircle, { userId: author.id, name: author.name, hasAvatar: author.hasAvatar, size: 18, ownerType: author.kind === ChatAuthorKind.Agent ? 'Agents' : 'Users', buildAvatarUrl: buildAvatarUrl }, author.id))) }), jsx("span", { className: 'chat-typing__label', children: label }), jsxs("span", { className: 'chat-typing__dots', "aria-hidden": 'true', children: [jsx("span", { className: 'chat-typing__dot' }), jsx("span", { className: 'chat-typing__dot' }), jsx("span", { className: 'chat-typing__dot' })] })] }));
+};
+
+export { TypingIndicator };
+//# sourceMappingURL=TypingIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypingIndicator.js","sources":["../../../../../Canvas/shapes/ChatBubble/TypingIndicator.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAmBA;;;;AAIG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAwB,KAAI;AACxF,IAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,QAAA,OAAO,IAAI;IACf;IAEA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,aAAa,eAAW,QAAQ,EAAA,QAAA,EAAA,CAC3CC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,YAChC,OAAO,CAAC,GAAG,CAAC,MAAM,KACfA,GAAA,CAAC,kBAAkB,EAAA,EAEf,MAAM,EAAE,MAAM,CAAC,EAAE,EACjB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,MAAM,CAAC,IAAI,KAAK,cAAc,CAAC,KAAK,GAAG,QAAQ,GAAG,OAAO,EACpE,cAAc,EAAE,cAAc,EAAA,EANzB,MAAM,CAAC,EAAE,CAOhB,CACL,CAAC,EAAA,CACA,EACNA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,EACnDD,eAAM,SAAS,EAAC,mBAAmB,EAAA,aAAA,EAAa,MAAM,EAAA,QAAA,EAAA,CAClDC,cAAM,SAAS,EAAC,kBAAkB,EAAA,CAAG,EACrCA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kBAAkB,EAAA,CAAG,EACrCA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kBAAkB,EAAA,CAAG,CAAA,EAAA,CAClC,CAAA,EAAA,CACL;AAEd;;;;"}

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

@@ -0,0 +1,5 @@
+import type { Guid } from '@cratis/fundamentals';
+import type { ChatMessageReaction } from './ChatMessageReaction';
+import type { ChatOwnReaction } from './ChatOwnReaction';
+export declare const findOwnReaction: (reactions: ChatMessageReaction[] | undefined, userId: Guid) => ChatOwnReaction | undefined;
+//# sourceMappingURL=findOwnReaction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"findOwnReaction.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/findOwnReaction.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAUzD,eAAO,MAAM,eAAe,GAAI,WAAW,mBAAmB,EAAE,GAAG,SAAS,EAAE,QAAQ,IAAI,KAAG,eAAe,GAAG,SAM9G,CAAC"}

package/dist/esm/Canvas/shapes/ChatBubble/findOwnReaction.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.
+/**
+ * Finds the reaction a specific person gave to a message, if any. A person has at most one reaction
+ * per message, so the reaction button on their own bubble can show that single emoji instead of the
+ * generic reaction affordance, and a later pick can reuse the same reaction identifier to change it.
+ * @param reactions The message's reactions, grouped by emoji.
+ * @param userId The person to look for.
+ * @returns Their reaction, or undefined when they have not reacted.
+ */
+const findOwnReaction = (reactions, userId) => {
+    const own = (reactions ?? [])
+        .flatMap(reaction => reaction.users.map(user => ({ user, emoji: reaction.emoji })))
+        .find(entry => entry.user.id.equals(userId));
+    return own ? { reactionId: own.user.reactionId, emoji: own.emoji } : undefined;
+};
+
+export { findOwnReaction };
+//# sourceMappingURL=findOwnReaction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"findOwnReaction.js","sources":["../../../../../Canvas/shapes/ChatBubble/findOwnReaction.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAMA;;;;;;;AAOG;MACU,eAAe,GAAG,CAAC,SAA4C,EAAE,MAAY,KAAiC;AACvH,IAAA,MAAM,GAAG,GAAG,CAAC,SAAS,IAAI,EAAE;SACvB,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;AACjF,SAAA,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAEhD,OAAO,GAAG,GAAG,EAAE,UAAU,EAAE,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,GAAG,SAAS;AAClF;;;;"}

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

@@ -0,0 +1,31 @@
+export { Chat } from './Chat';
+export type { ChatProps, ChatLabels } from './Chat';
+export { ChatAuthorKind } from './ChatAuthorKind';
+export { ChatBubble } from './ChatBubble';
+export type { ChatBubbleProps } from './ChatBubble';
+export { ChatComposer } from './ChatComposer';
+export type { ChatComposerProps, ChatComposerHandle, ChatComposerLabels } from './ChatComposer';
+export type { ChatMessage } from './ChatMessage';
+export { ChatMessageBubble } from './ChatMessageBubble';
+export type { ChatMessageBubbleProps, ChatMessageBubbleLabels } from './ChatMessageBubble';
+export type { ChatMessageReaction } from './ChatMessageReaction';
+export type { ChatMessageReactionUser } from './ChatMessageReactionUser';
+export type { ChatOwnReaction } from './ChatOwnReaction';
+export type { ChatTypingAuthor } from './ChatTypingAuthor';
+export { ChatVariant } from './ChatVariant';
+export { FailedReply } from './FailedReply';
+export type { FailedReplyProps, FailedReplyLabels, FailedReplyReportDetails } from './FailedReply';
+export { findOwnReaction } from './findOwnReaction';
+export { MessageReactions } from './MessageReactions';
+export type { MessageReactionsProps } from './MessageReactions';
+export { reactionsExcludingUser } from './reactionsExcludingUser';
+export { ReactionPicker } from './ReactionPicker';
+export type { ReactionPickerProps, ReactionPickerLabels } from './ReactionPicker';
+export { TypingIndicator } from './TypingIndicator';
+export type { TypingIndicatorProps } from './TypingIndicator';
+export { AnchoredOverlay } from './AnchoredOverlay';
+export type { AnchoredOverlayProps, AnchoredOverlaySide, AnchoredOverlayAlign } from './AnchoredOverlay';
+export * from './Avatar';
+export * from './Emoji';
+export * from './Mentions';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAChG,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC3F,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACnG,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzG,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,17 @@
+export { Chat } from './Chat';
+export { ChatAuthorKind } from './ChatAuthorKind';
+export { ChatBubble } from './ChatBubble';
+export { ChatComposer } from './ChatComposer';
+export { ChatMessageBubble } from './ChatMessageBubble';
+export { ChatVariant } from './ChatVariant';
+export { FailedReply } from './FailedReply';
+export { findOwnReaction } from './findOwnReaction';
+export { MessageReactions } from './MessageReactions';
+export { reactionsExcludingUser } from './reactionsExcludingUser';
+export { ReactionPicker } from './ReactionPicker';
+export { TypingIndicator } from './TypingIndicator';
+export { AnchoredOverlay } from './AnchoredOverlay';
+export * from './Avatar';
+export * from './Emoji';
+export * from './Mentions';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { Guid } from '@cratis/fundamentals';
+import type { ChatMessageReaction } from './ChatMessageReaction';
+export declare const reactionsExcludingUser: (reactions: ChatMessageReaction[] | undefined, userId: Guid) => ChatMessageReaction[];
+//# sourceMappingURL=reactionsExcludingUser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reactionsExcludingUser.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/ChatBubble/reactionsExcludingUser.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAUjE,eAAO,MAAM,sBAAsB,GAAI,WAAW,mBAAmB,EAAE,GAAG,SAAS,EAAE,QAAQ,IAAI,KAAG,mBAAmB,EAGjE,CAAC"}

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

@@ -0,0 +1,16 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The reactions to render as badges beside the reaction button — everyone's reaction except the given
+ * person's own, since their own reaction is shown by the button itself rather than repeated in the
+ * list. An emoji nobody but that person gave drops out entirely rather than rendering an empty badge.
+ * @param reactions The message's reactions, grouped by emoji.
+ * @param userId The person whose own reaction should not appear in the list.
+ * @returns The reactions to render, in the same emoji order as given.
+ */
+const reactionsExcludingUser = (reactions, userId) => (reactions ?? [])
+    .map(reaction => ({ ...reaction, users: reaction.users.filter(user => !user.id.equals(userId)) }))
+    .filter(reaction => reaction.users.length > 0);
+
+export { reactionsExcludingUser };
+//# sourceMappingURL=reactionsExcludingUser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reactionsExcludingUser.js","sources":["../../../../../Canvas/shapes/ChatBubble/reactionsExcludingUser.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAKA;;;;;;;AAOG;AACI,MAAM,sBAAsB,GAAG,CAAC,SAA4C,EAAE,MAAY,KAC7F,CAAC,SAAS,IAAI,EAAE;AACX,KAAA,GAAG,CAAC,QAAQ,KAAK,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;AAChG,KAAA,MAAM,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;;;;"}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface NoteData {
+    id: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    text: string;
+}
+export interface NoteProps {
+    note: NoteData;
+    selected: boolean;
+    onSelect: (id: string, additive: boolean) => void;
+    onMove: (id: string, x: number, y: number) => void;
+    onMoveEnd?: (id: string) => void;
+    onResize: (id: string, x: number, y: number, width: number, height: number) => void;
+    onResizeEnd?: (id: string) => void;
+    onTextChange: (id: string, text: string) => void;
+    onExpandedChange?: (id: string, isExpanded: boolean) => void;
+}
+export declare const Note: React.FC<NoteProps>;
+//# sourceMappingURL=Note.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../../../../Canvas/shapes/Note/Note.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAazF,MAAM,WAAW,QAAQ;IAErB,EAAE,EAAE,MAAM,CAAC;IAEX,CAAC,EAAE,MAAM,CAAC;IAEV,CAAC,EAAE,MAAM,CAAC;IAEV,KAAK,EAAE,MAAM,CAAC;IAEd,MAAM,EAAE,MAAM,CAAC;IAEf,IAAI,EAAE,MAAM,CAAC;CAChB;AA0ED,MAAM,WAAW,SAAS;IAEtB,IAAI,EAAE,QAAQ,CAAC;IAEf,QAAQ,EAAE,OAAO,CAAC;IAMlB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAElD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnD,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpF,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAOjD,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmSpC,CAAC"}