stream-chat-react 14.11.1 → 14.12.0

package/dist/es/components/ChannelListItem/utils.mjs

@@ -0,0 +1,195 @@
+import { getTranslatedMessageText } from "../../context/MessageTranslationViewContext.mjs";
+import { isMessageDeleted } from "../Message/utils.mjs";
+import { extractDisplayInfo } from "../Avatar/utils.mjs";
+import { htmlToTextPlugin } from "../Message/renderText/remarkPlugins/htmlToTextPlugin.mjs";
+import { imageToLink } from "../Message/renderText/remarkPlugins/imageToLink.mjs";
+import { plusPlusToEmphasis } from "../Message/renderText/remarkPlugins/plusPlusToEmphasis.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { toString } from "mdast-util-to-string";
+import remarkParse from "remark-parse";
+import { unified } from "unified";
+//#region src/components/ChannelListItem/utils.tsx
+var remarkPlugins = [
+	htmlToTextPlugin,
+	[remarkGfm, { singleTilde: false }],
+	plusPlusToEmphasis,
+	imageToLink
+];
+var renderPreviewText = (text) => /* @__PURE__ */ jsx(ReactMarkdown, {
+	remarkPlugins,
+	skipHtml: true,
+	children: text
+});
+var createPlainTextProcessor = () => unified().use(remarkParse).use(remarkPlugins);
+var plainTextProcessor;
+var stripMarkdownToText = (text) => {
+	try {
+		const processor = plainTextProcessor ?? (plainTextProcessor = createPlainTextProcessor());
+		return toString(processor.runSync(processor.parse(text))) || text;
+	} catch {
+		return text;
+	}
+};
+var getLatestPollVote = (latestVotesByOption) => {
+	let latestVote;
+	for (const optionVotes of Object.values(latestVotesByOption)) optionVotes.forEach((vote) => {
+		if (latestVote && new Date(latestVote.updated_at) >= new Date(vote.created_at)) return;
+		latestVote = vote;
+	});
+	return latestVote;
+};
+/**
+* Resolves the channel's latest-message preview once: the localized DISPLAY string, a `kind`
+* discriminant, and the bits announcements need (poll question, attachment type). Single source of
+* truth for the display variant ({@link getLatestMessagePreview}) and the announcement variant
+* ({@link getLatestMessagePreviewText}), so the translation lookup and branching run once per call.
+*/
+var getLatestMessagePreviewParts = (channel, t, userLanguage = "en", latestMessageArg) => {
+	const latestMessage = latestMessageArg ?? channel.state.latestMessages[channel.state.latestMessages.length - 1];
+	const previewTextToRender = getTranslatedMessageText({
+		language: userLanguage,
+		message: latestMessage
+	}) || latestMessage?.text;
+	const poll = latestMessage?.poll;
+	if (!latestMessage) return {
+		isUserMessageText: false,
+		kind: "empty",
+		latestMessage,
+		text: t("Nothing yet...")
+	};
+	if (isMessageDeleted(latestMessage)) return {
+		isUserMessageText: false,
+		kind: "deleted",
+		latestMessage,
+		text: t("Message deleted")
+	};
+	if (poll) if (!poll.vote_count) {
+		const createdBy = poll.created_by?.id === channel.getClient().userID ? t("You") : poll.created_by?.name ?? t("Poll");
+		return {
+			isUserMessageText: false,
+			kind: "poll",
+			latestMessage,
+			pollName: poll.name,
+			text: t("📊 {{createdBy}} created: {{ pollName}}", {
+				createdBy,
+				pollName: poll.name
+			})
+		};
+	} else {
+		const latestVote = getLatestPollVote(poll.latest_votes_by_option);
+		const option = latestVote && poll.options.find((opt) => opt.id === latestVote.option_id);
+		if (option && latestVote) return {
+			isUserMessageText: false,
+			kind: "poll",
+			latestMessage,
+			pollName: poll.name,
+			text: t("📊 {{votedBy}} voted: {{pollOptionText}}", {
+				pollOptionText: option.text,
+				votedBy: latestVote?.user?.id === channel.getClient().userID ? t("You") : latestVote.user?.name ?? t("Poll")
+			})
+		};
+	}
+	if (previewTextToRender) return {
+		isUserMessageText: true,
+		kind: "text",
+		latestMessage,
+		text: previewTextToRender
+	};
+	if (latestMessage.command) return {
+		isUserMessageText: false,
+		kind: "command",
+		latestMessage,
+		text: `/${latestMessage.command}`
+	};
+	if (latestMessage.attachments?.length) return {
+		isUserMessageText: false,
+		kind: "attachment",
+		latestMessage,
+		text: t("🏙 Attachment...")
+	};
+	if (latestMessage.shared_location) return {
+		isUserMessageText: false,
+		kind: "location",
+		latestMessage,
+		text: t("📍Shared location")
+	};
+	return {
+		isUserMessageText: false,
+		kind: "text",
+		latestMessage,
+		text: t("Empty message...")
+	};
+};
+/**
+* Maps a known attachment `type` to a localized, human-readable word (e.g. "image" → "Image"). The
+* cases are literal `t('aria/…')` calls so `i18next-cli` extracts them. Unknown/custom types return
+* `undefined`, so the announcement falls back to a generic "Attachment".
+*/
+var getAttachmentTypeLabel = (type, t) => {
+	switch (type) {
+		case "audio": return t("aria/audio");
+		case "file": return t("aria/file");
+		case "giphy": return t("aria/GIF");
+		case "image": return t("aria/image");
+		case "video": return t("aria/video");
+		case "voiceRecording": return t("aria/voice message");
+		default: return;
+	}
+};
+/**
+* The text announced for the channel's latest message (for an accessible name / live region).
+* Non-text content gets a concise, screen-reader-friendly phrasing that may differ from the visible
+* preview: a poll announces its question, an attachment its type, a shared location and a deleted
+* message a plain phrase. User-message text is stripped of markdown so the words are read, not the
+* syntax (AI-generated text is returned verbatim, matching the display path).
+*/
+var getLatestMessagePreviewText = (channel, t, userLanguage = "en", isMessageAIGenerated, latestMessage) => {
+	const { isUserMessageText, kind, latestMessage: resolvedLatestMessage, pollName, text } = getLatestMessagePreviewParts(channel, t, userLanguage, latestMessage);
+	switch (kind) {
+		case "poll": return t("aria/Poll: {{ pollName }}", { pollName: pollName ?? "" });
+		case "attachment": {
+			const realAttachments = resolvedLatestMessage?.attachments?.filter((attachment) => !attachment.og_scrape_url) ?? [];
+			if (realAttachments.length > 1) return t("aria/Message with attachments");
+			const typeLabel = getAttachmentTypeLabel(realAttachments[0]?.type, t);
+			return typeLabel ? t("aria/Attachment {{ attachmentType }}", { attachmentType: typeLabel }) : t("aria/Attachment");
+		}
+		case "location": return t("aria/Shared location");
+		case "empty": return t("aria/There are no messages in this chat.");
+		case "text": return isUserMessageText && resolvedLatestMessage && !isMessageAIGenerated?.(resolvedLatestMessage) ? stripMarkdownToText(text) : text;
+		default: return text;
+	}
+};
+var getLatestMessagePreview = (channel, t, userLanguage = "en", isMessageAIGenerated, latestMessage) => {
+	const { isUserMessageText, latestMessage: resolvedLatestMessage, text } = getLatestMessagePreviewParts(channel, t, userLanguage, latestMessage);
+	return isUserMessageText && resolvedLatestMessage && !isMessageAIGenerated?.(resolvedLatestMessage) ? renderPreviewText(text) : text;
+};
+/**
+* Channel display image: channel.data.image, or for DM (2 members) the other member's user.image.
+*/
+var getChannelDisplayImage = (channel, currentUserId) => {
+	const data = channel.data;
+	if (data?.image && typeof data.image === "string") return data.image;
+	const memberList = Object.values(channel.state.members);
+	if (memberList.length === 2) {
+		const image = memberList.find((m) => m.user?.id !== currentUserId)?.user?.image;
+		if (image && typeof image === "string") return image;
+	}
+};
+var getGroupChannelDisplayInfo = (channel) => {
+	const members = Object.values(channel.state.members);
+	if (members.length <= 2) return;
+	const memberList = [];
+	for (const member of members) {
+		const { user } = member;
+		if (!user?.name && !user?.image) continue;
+		memberList.push(extractDisplayInfo(member));
+	}
+	return { members: memberList };
+};
+//#endregion
+export { getChannelDisplayImage, getGroupChannelDisplayInfo, getLatestMessagePreview, getLatestMessagePreviewText, renderPreviewText };
+
+//# sourceMappingURL=utils.mjs.map

package/dist/es/components/ChannelListItem/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../../src/components/ChannelListItem/utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\nimport ReactMarkdown from 'react-markdown';\nimport type { Channel, LocalMessage, PollVote } from 'stream-chat';\nimport { toString as mdastToString } from 'mdast-util-to-string';\nimport remarkParse from 'remark-parse';\nimport { unified } from 'unified';\n\nimport type { ChatContextValue } from '../../context';\nimport { getTranslatedMessageText } from '../../context/MessageTranslationViewContext';\nimport type { TranslationContextValue } from '../../context/TranslationContext';\nimport type { PluggableList } from 'unified';\nimport { htmlToTextPlugin, imageToLink, plusPlusToEmphasis } from '../Message';\nimport { isMessageDeleted } from '../Message/utils';\nimport remarkGfm from 'remark-gfm';\nimport { extractDisplayInfo } from '../Avatar/utils';\n\nconst remarkPlugins: PluggableList = [\n  htmlToTextPlugin,\n  [remarkGfm, { singleTilde: false }],\n  plusPlusToEmphasis,\n  imageToLink,\n];\n\nexport const renderPreviewText = (text: string) => (\n  <ReactMarkdown remarkPlugins={remarkPlugins} skipHtml>\n    {text}\n  </ReactMarkdown>\n);\n\n// Strips markdown to plain text for screen-reader announcements, using the SAME remark plugins as\n// the visible preview so the announced text matches what is shown (e.g. \"**hi**\" -> \"hi\"). The\n// processor is built lazily (not at module load) so importing this file never evaluates\n// `remarkPlugins` — mirroring `renderPreviewText`, and avoiding import-time failures in test files\n// that mock the plugin modules. Falls back to the raw text if processing throws.\nconst createPlainTextProcessor = () => unified().use(remarkParse).use(remarkPlugins);\nlet plainTextProcessor: ReturnType<typeof createPlainTextProcessor> | undefined;\n\nconst stripMarkdownToText = (text: string): string => {\n  try {\n    const processor = (plainTextProcessor ??= createPlainTextProcessor());\n    return mdastToString(processor.runSync(processor.parse(text))) || text;\n  } catch {\n    return text;\n  }\n};\n\nconst getLatestPollVote = (latestVotesByOption: Record<string, PollVote[]>) => {\n  let latestVote: PollVote | undefined;\n  for (const optionVotes of Object.values(latestVotesByOption)) {\n    optionVotes.forEach((vote) => {\n      if (latestVote && new Date(latestVote.updated_at) >= new Date(vote.created_at))\n        return;\n      latestVote = vote;\n    });\n  }\n\n  return latestVote;\n};\n\ntype LatestMessagePreviewKind =\n  | 'attachment'\n  | 'command'\n  | 'deleted'\n  | 'empty'\n  | 'location'\n  | 'poll'\n  | 'text';\n\ntype LatestMessagePreviewParts = {\n  /**\n   * True only for the plain user-message-text branch — the one the display variant renders as\n   * markdown (unless AI-generated). Every other branch (deleted/poll/attachment/etc.) is a\n   * localized phrase used verbatim.\n   */\n  isUserMessageText: boolean;\n  /** What the latest message is, so consumers can phrase it (display vs. announcement) differently. */\n  kind: LatestMessagePreviewKind;\n  latestMessage?: LocalMessage;\n  /** Poll question, for the `poll` kind. */\n  pollName?: string;\n  /** The localized DISPLAY preview as a plain string. */\n  text: string;\n};\n\n/**\n * Resolves the channel's latest-message preview once: the localized DISPLAY string, a `kind`\n * discriminant, and the bits announcements need (poll question, attachment type). Single source of\n * truth for the display variant ({@link getLatestMessagePreview}) and the announcement variant\n * ({@link getLatestMessagePreviewText}), so the translation lookup and branching run once per call.\n */\nconst getLatestMessagePreviewParts = (\n  channel: Channel,\n  t: TranslationContextValue['t'],\n  userLanguage: TranslationContextValue['userLanguage'] = 'en',\n  latestMessageArg?: LocalMessage,\n): LatestMessagePreviewParts => {\n  // Prefer an explicitly supplied message so the preview stays consistent with the sender/status/\n  // time a caller derives from the same message; fall back to the channel's latest.\n  const latestMessage =\n    latestMessageArg ??\n    channel.state.latestMessages[channel.state.latestMessages.length - 1];\n\n  const previewTextToRender =\n    getTranslatedMessageText({ language: userLanguage, message: latestMessage }) ||\n    latestMessage?.text;\n  const poll = latestMessage?.poll;\n\n  if (!latestMessage) {\n    return {\n      isUserMessageText: false,\n      kind: 'empty',\n      latestMessage,\n      text: t('Nothing yet...'),\n    };\n  }\n\n  if (isMessageDeleted(latestMessage)) {\n    return {\n      isUserMessageText: false,\n      kind: 'deleted',\n      latestMessage,\n      text: t('Message deleted'),\n    };\n  }\n\n  if (poll) {\n    if (!poll.vote_count) {\n      const createdBy =\n        poll.created_by?.id === channel.getClient().userID\n          ? t('You')\n          : (poll.created_by?.name ?? t('Poll'));\n      return {\n        isUserMessageText: false,\n        kind: 'poll',\n        latestMessage,\n        pollName: poll.name,\n        text: t('📊 {{createdBy}} created: {{ pollName}}', {\n          createdBy,\n          pollName: poll.name,\n        }),\n      };\n    } else {\n      const latestVote = getLatestPollVote(\n        poll.latest_votes_by_option as Record<string, PollVote[]>,\n      );\n      const option =\n        latestVote && poll.options.find((opt) => opt.id === latestVote.option_id);\n\n      if (option && latestVote) {\n        return {\n          isUserMessageText: false,\n          kind: 'poll',\n          latestMessage,\n          pollName: poll.name,\n          text: t('📊 {{votedBy}} voted: {{pollOptionText}}', {\n            pollOptionText: option.text,\n            votedBy:\n              latestVote?.user?.id === channel.getClient().userID\n                ? t('You')\n                : (latestVote.user?.name ?? t('Poll')),\n          }),\n        };\n      }\n    }\n  }\n\n  if (previewTextToRender) {\n    return {\n      isUserMessageText: true,\n      kind: 'text',\n      latestMessage,\n      text: previewTextToRender,\n    };\n  }\n\n  if (latestMessage.command) {\n    return {\n      isUserMessageText: false,\n      kind: 'command',\n      latestMessage,\n      text: `/${latestMessage.command}`,\n    };\n  }\n\n  if (latestMessage.attachments?.length) {\n    return {\n      isUserMessageText: false,\n      kind: 'attachment',\n      latestMessage,\n      text: t('🏙 Attachment...'),\n    };\n  }\n\n  if (latestMessage.shared_location) {\n    return {\n      isUserMessageText: false,\n      kind: 'location',\n      latestMessage,\n      text: t('📍Shared location'),\n    };\n  }\n\n  return {\n    isUserMessageText: false,\n    kind: 'text',\n    latestMessage,\n    text: t('Empty message...'),\n  };\n};\n\n/**\n * Maps a known attachment `type` to a localized, human-readable word (e.g. \"image\" → \"Image\"). The\n * cases are literal `t('aria/…')` calls so `i18next-cli` extracts them. Unknown/custom types return\n * `undefined`, so the announcement falls back to a generic \"Attachment\".\n */\nconst getAttachmentTypeLabel = (\n  type: string | undefined,\n  t: TranslationContextValue['t'],\n): string | undefined => {\n  switch (type) {\n    case 'audio':\n      return t('aria/audio');\n    case 'file':\n      return t('aria/file');\n    case 'giphy':\n      return t('aria/GIF');\n    case 'image':\n      return t('aria/image');\n    case 'video':\n      return t('aria/video');\n    case 'voiceRecording':\n      return t('aria/voice message');\n    default:\n      return undefined;\n  }\n};\n\n/**\n * The text announced for the channel's latest message (for an accessible name / live region).\n * Non-text content gets a concise, screen-reader-friendly phrasing that may differ from the visible\n * preview: a poll announces its question, an attachment its type, a shared location and a deleted\n * message a plain phrase. User-message text is stripped of markdown so the words are read, not the\n * syntax (AI-generated text is returned verbatim, matching the display path).\n */\nexport const getLatestMessagePreviewText = (\n  channel: Channel,\n  t: TranslationContextValue['t'],\n  userLanguage: TranslationContextValue['userLanguage'] = 'en',\n  isMessageAIGenerated?: ChatContextValue['isMessageAIGenerated'],\n  latestMessage?: LocalMessage,\n): string => {\n  const {\n    isUserMessageText,\n    kind,\n    latestMessage: resolvedLatestMessage,\n    pollName,\n    text,\n  } = getLatestMessagePreviewParts(channel, t, userLanguage, latestMessage);\n\n  switch (kind) {\n    case 'poll':\n      return t('aria/Poll: {{ pollName }}', { pollName: pollName ?? '' });\n    case 'attachment': {\n      // Link previews are announced separately (see the `linkPreview` label part); decide by the\n      // count of real attachments. Multiple → a generic phrase (the count is announced alongside);\n      // a single one → its localized type.\n      const realAttachments =\n        resolvedLatestMessage?.attachments?.filter(\n          (attachment) => !attachment.og_scrape_url,\n        ) ?? [];\n      if (realAttachments.length > 1) return t('aria/Message with attachments');\n      const typeLabel = getAttachmentTypeLabel(realAttachments[0]?.type, t);\n      return typeLabel\n        ? t('aria/Attachment {{ attachmentType }}', { attachmentType: typeLabel })\n        : t('aria/Attachment');\n    }\n    case 'location':\n      return t('aria/Shared location');\n    case 'empty':\n      // The visible preview says \"Nothing yet...\"; spell it out for assistive tech.\n      return t('aria/There are no messages in this chat.');\n    case 'text':\n      // `resolvedLatestMessage` guard is redundant at runtime (isUserMessageText implies it) but\n      // narrows the optional type for `isMessageAIGenerated`.\n      return isUserMessageText &&\n        resolvedLatestMessage &&\n        !isMessageAIGenerated?.(resolvedLatestMessage)\n        ? stripMarkdownToText(text)\n        : text;\n    default:\n      // 'deleted' (\"Message deleted\") and 'command' (\"/cmd\") read as-is.\n      return text;\n  }\n};\n\nexport const getLatestMessagePreview = (\n  channel: Channel,\n  t: TranslationContextValue['t'],\n  userLanguage: TranslationContextValue['userLanguage'] = 'en',\n  isMessageAIGenerated?: ChatContextValue['isMessageAIGenerated'],\n  latestMessage?: LocalMessage,\n): ReactNode => {\n  const {\n    isUserMessageText,\n    latestMessage: resolvedLatestMessage,\n    text,\n  } = getLatestMessagePreviewParts(channel, t, userLanguage, latestMessage);\n\n  // Only the plain user-message text is rendered as markdown — unless it is AI-generated, which is\n  // returned verbatim. Every other branch is a localized phrase used as-is. (guard is redundant at\n  // runtime but narrows the optional type for `isMessageAIGenerated`.)\n  return isUserMessageText &&\n    resolvedLatestMessage &&\n    !isMessageAIGenerated?.(resolvedLatestMessage)\n    ? renderPreviewText(text)\n    : text;\n};\n\nexport type GroupChannelDisplayInfoMember = {\n  imageUrl?: string;\n  userName?: string;\n};\n\nexport type GroupChannelDisplayInfo = {\n  members: GroupChannelDisplayInfoMember[];\n  /** When members.length > 4, count for the \"+N\" badge (members.length - 2). */\n  overflowCount?: number;\n};\n\n/**\n * Channel display image: channel.data.image, or for DM (2 members) the other member's user.image.\n */\nexport const getChannelDisplayImage = (\n  channel: Channel,\n  currentUserId?: string,\n): string | undefined => {\n  const data = channel.data as { image?: string } | undefined;\n  if (data?.image && typeof data.image === 'string') return data.image;\n\n  const memberList = Object.values(channel.state.members);\n  if (memberList.length === 2) {\n    const other = memberList.find((m) => m.user?.id !== currentUserId);\n    const image = other?.user?.image;\n    if (image && typeof image === 'string') return image;\n  }\n  return undefined;\n};\n\nexport const getGroupChannelDisplayInfo = (\n  channel: Channel,\n): GroupChannelDisplayInfo | undefined => {\n  const members = Object.values(channel.state.members);\n  if (members.length <= 2) return;\n\n  const memberList: GroupChannelDisplayInfoMember[] = [];\n  for (const member of members) {\n    const { user } = member;\n\n    if (!user?.name && !user?.image) continue;\n\n    memberList.push(extractDisplayInfo(member));\n  }\n  return {\n    members: memberList,\n  };\n};\n"],"mappings":"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"}

package/dist/es/components/Chat/Chat.mjs

@@ -0,0 +1,88 @@
+import { ChatProvider } from "../../context/ChatContext.mjs";
+import { useComponentContext } from "../../context/ComponentContext.mjs";
+import { useOpenedDialogCount } from "../Dialog/hooks/useDialog.mjs";
+import { ModalDialogManagerProvider, modalDialogManagerId } from "../../context/DialogManagerContext.mjs";
+import { TranslationProvider } from "../../context/TranslationContext.mjs";
+import { AriaLiveAnnouncerProvider } from "../Accessibility/AriaLiveAnnouncerProvider.mjs";
+import { AriaLiveOutlet } from "../Accessibility/AriaLiveOutlet.mjs";
+import { NotificationConfigurationProvider } from "../Notifications/NotificationConfigurationContext.mjs";
+import { getNotificationTargetPanels } from "../Notifications/notificationTarget.mjs";
+import { NotificationAnnouncer } from "../Accessibility/NotificationAnnouncer.mjs";
+import { useChat } from "./hooks/useChat.mjs";
+import { useReportLostConnectionSystemNotification } from "./hooks/useReportLostConnectionSystemNotification.mjs";
+import { useCreateChatContext } from "./hooks/useCreateChatContext.mjs";
+import { useChannelsQueryState } from "./hooks/useChannelsQueryState.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChannelSearchSource, MessageSearchSource, SearchController, UserSearchSource } from "stream-chat";
+//#region src/components/Chat/Chat.tsx
+var NetworkConnectionNotificationReporter = () => {
+	useReportLostConnectionSystemNotification();
+	return null;
+};
+var createDefaultNotificationDisplayFilter = (modalManagerHasOpenDialog) => ({ notification, panel }) => {
+	if (getNotificationTargetPanels(notification).includes("modal")) {
+		if (modalManagerHasOpenDialog) return panel === "modal";
+		return panel !== "modal";
+	}
+	if (!modalManagerHasOpenDialog) return true;
+	return panel === "modal";
+};
+var ModalNotificationConfiguration = ({ children, notificationDisplayFilter }) => {
+	const modalManagerHasOpenDialog = useOpenedDialogCount({ dialogManagerId: modalDialogManagerId }) > 0;
+	return /* @__PURE__ */ jsx(NotificationConfigurationProvider, {
+		displayFilter: useMemo(() => notificationDisplayFilter ?? createDefaultNotificationDisplayFilter(modalManagerHasOpenDialog), [modalManagerHasOpenDialog, notificationDisplayFilter]),
+		children
+	});
+};
+/**
+* Wrapper component for a StreamChat application. Chat needs to be placed around any other chat components
+* as it provides the ChatContext.
+*/
+var Chat = (props) => {
+	const { children, client, customClasses, defaultLanguage, i18nInstance, isMessageAIGenerated, notificationDisplayFilter, searchController: customChannelSearchController, theme = "messaging light", useImageFlagEmojisOnWindows = false } = props;
+	const { channel, getAppSettings, latestMessageDatesByChannels, mutes, setActiveChannel, translators } = useChat({
+		client,
+		defaultLanguage,
+		i18nInstance
+	});
+	const chatContextValue = useCreateChatContext({
+		channel,
+		channelsQueryState: useChannelsQueryState(),
+		client,
+		customClasses,
+		getAppSettings,
+		isMessageAIGenerated,
+		latestMessageDatesByChannels,
+		mutes,
+		searchController: useMemo(() => customChannelSearchController ?? new SearchController({ sources: [
+			new ChannelSearchSource(client),
+			new UserSearchSource(client),
+			new MessageSearchSource(client)
+		] }), [client, customChannelSearchController]),
+		setActiveChannel,
+		theme,
+		useImageFlagEmojisOnWindows
+	});
+	const { NotificationAnnouncer: NotificationAnnouncer$1 = NotificationAnnouncer } = useComponentContext();
+	if (!translators.t) return null;
+	return /* @__PURE__ */ jsx(ChatProvider, {
+		value: chatContextValue,
+		children: /* @__PURE__ */ jsx(TranslationProvider, {
+			value: translators,
+			children: /* @__PURE__ */ jsx(AriaLiveAnnouncerProvider, { children: /* @__PURE__ */ jsx(ModalDialogManagerProvider, { children: /* @__PURE__ */ jsxs(ModalNotificationConfiguration, {
+				notificationDisplayFilter,
+				children: [
+					/* @__PURE__ */ jsx(NetworkConnectionNotificationReporter, {}),
+					/* @__PURE__ */ jsx(NotificationAnnouncer$1, {}),
+					children,
+					/* @__PURE__ */ jsx(AriaLiveOutlet, { portal: true })
+				]
+			}) }) })
+		})
+	});
+};
+//#endregion
+export { Chat };
+
+//# sourceMappingURL=Chat.mjs.map

package/dist/es/components/Chat/Chat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.mjs","names":[],"sources":["../../../../src/components/Chat/Chat.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useMemo } from 'react';\nimport type { StreamChat } from 'stream-chat';\nimport {\n  ChannelSearchSource,\n  MessageSearchSource,\n  SearchController,\n  UserSearchSource,\n} from 'stream-chat';\n\nimport {\n  AriaLiveAnnouncerProvider,\n  AriaLiveOutlet,\n  NotificationAnnouncer as DefaultNotificationAnnouncer,\n} from '../Accessibility';\nimport { useOpenedDialogCount } from '../Dialog';\nimport {\n  getNotificationTargetPanels,\n  NotificationConfigurationProvider,\n  type NotificationDisplayFilter,\n} from '../Notifications';\nimport { useChat } from './hooks/useChat';\nimport { useReportLostConnectionSystemNotification } from './hooks/useReportLostConnectionSystemNotification';\nimport { useCreateChatContext } from './hooks/useCreateChatContext';\nimport { useChannelsQueryState } from './hooks/useChannelsQueryState';\nimport type { CustomClasses } from '../../context/ChatContext';\nimport { ChatProvider } from '../../context/ChatContext';\nimport { useComponentContext } from '../../context/ComponentContext';\nimport { TranslationProvider } from '../../context/TranslationContext';\nimport {\n  type MessageContextValue,\n  modalDialogManagerId,\n  ModalDialogManagerProvider,\n} from '../../context';\nimport type { SupportedTranslations } from '../../i18n/types';\nimport type { Streami18n } from '../../i18n/Streami18n';\n\nconst NetworkConnectionNotificationReporter = () => {\n  useReportLostConnectionSystemNotification();\n  return null;\n};\n\nconst createDefaultNotificationDisplayFilter =\n  (modalManagerHasOpenDialog: boolean): NotificationDisplayFilter =>\n  ({ notification, panel }) => {\n    const targetPanels = getNotificationTargetPanels(notification);\n\n    if (targetPanels.includes('modal')) {\n      // While a modal is open, keep modal-tagged notifications inside it (not behind it).\n      if (modalManagerHasOpenDialog) return panel === 'modal';\n      // The modal that emitted this notification has since closed — a common shape is a dialog that\n      // closes optimistically and only then emits a confirmation (e.g. \"Poll sent\"). Its `modal`\n      // NotificationList is already unmounted, so without a fallback the notification would be a\n      // dead letter (announced by the aria-live announcer, but rendered nowhere). Fall back to its\n      // other target panel(s): panel routing has already matched `panel` to one of the\n      // notification's targets, so any non-`modal` panel reaching here is a valid home.\n      return panel !== 'modal';\n    }\n\n    if (!modalManagerHasOpenDialog) return true;\n\n    return panel === 'modal';\n  };\n\nconst ModalNotificationConfiguration = ({\n  children,\n  notificationDisplayFilter,\n}: PropsWithChildren<{\n  notificationDisplayFilter?: NotificationDisplayFilter;\n}>) => {\n  const openedModalDialogCount = useOpenedDialogCount({\n    dialogManagerId: modalDialogManagerId,\n  });\n  const modalManagerHasOpenDialog = openedModalDialogCount > 0;\n  const displayFilter = useMemo<NotificationDisplayFilter>(\n    () =>\n      notificationDisplayFilter ??\n      createDefaultNotificationDisplayFilter(modalManagerHasOpenDialog),\n    [modalManagerHasOpenDialog, notificationDisplayFilter],\n  );\n\n  return (\n    <NotificationConfigurationProvider displayFilter={displayFilter}>\n      {children}\n    </NotificationConfigurationProvider>\n  );\n};\n\nexport type ChatProps = {\n  /** The StreamChat client object */\n  client: StreamChat;\n  /** Object containing custom CSS classnames to override the library's default container CSS */\n  customClasses?: CustomClasses;\n  /** Sets the default fallback language for UI component translation, defaults to 'en' for English */\n  defaultLanguage?: SupportedTranslations;\n  /** Instance of Stream i18n */\n  i18nInstance?: Streami18n;\n  /** Instance of SearchController class that allows to control all the search operations. */\n  searchController?: SearchController;\n  /** Controls whether a notification can be displayed by a NotificationList. */\n  notificationDisplayFilter?: NotificationDisplayFilter;\n  /** Used for injecting className/s to the Channel and ChannelList components */\n  theme?: string;\n  /**\n   * Windows 10 does not support country flag emojis out of the box. It chooses to render these emojis as characters instead. Stream\n   * Chat can override this behavior by loading a custom web font that will render images instead (PNGs or SVGs depending on the platform).\n   * Set this prop to true if you want to use these custom emojis for Windows users.\n   *\n   * Note: requires importing `stream-chat-react/css/v2/emoji-replacement.css` style sheet\n   */\n  useImageFlagEmojisOnWindows?: boolean;\n} & Partial<Pick<MessageContextValue, 'isMessageAIGenerated'>>;\n\n/**\n * Wrapper component for a StreamChat application. Chat needs to be placed around any other chat components\n * as it provides the ChatContext.\n */\nexport const Chat = (props: PropsWithChildren<ChatProps>) => {\n  const {\n    children,\n    client,\n    customClasses,\n    defaultLanguage,\n    i18nInstance,\n    isMessageAIGenerated,\n    notificationDisplayFilter,\n    searchController: customChannelSearchController,\n    theme = 'messaging light',\n    useImageFlagEmojisOnWindows = false,\n  } = props;\n\n  const {\n    channel,\n    getAppSettings,\n    latestMessageDatesByChannels,\n    mutes,\n    setActiveChannel,\n    translators,\n  } = useChat({\n    client,\n    defaultLanguage,\n    i18nInstance,\n  });\n\n  const channelsQueryState = useChannelsQueryState();\n\n  const searchController = useMemo(\n    () =>\n      customChannelSearchController ??\n      new SearchController({\n        sources: [\n          new ChannelSearchSource(client),\n          new UserSearchSource(client),\n          new MessageSearchSource(client),\n        ],\n      }),\n    [client, customChannelSearchController],\n  );\n\n  const chatContextValue = useCreateChatContext({\n    channel,\n    channelsQueryState,\n    client,\n    customClasses,\n    getAppSettings,\n    isMessageAIGenerated,\n    latestMessageDatesByChannels,\n    mutes,\n    searchController,\n    setActiveChannel,\n    theme,\n    useImageFlagEmojisOnWindows,\n  });\n  const { NotificationAnnouncer = DefaultNotificationAnnouncer } = useComponentContext();\n\n  if (!translators.t) return null;\n\n  return (\n    <ChatProvider value={chatContextValue}>\n      <TranslationProvider value={translators}>\n        <AriaLiveAnnouncerProvider>\n          <ModalDialogManagerProvider>\n            <ModalNotificationConfiguration\n              notificationDisplayFilter={notificationDisplayFilter}\n            >\n              <NetworkConnectionNotificationReporter />\n              <NotificationAnnouncer />\n              {children}\n              <AriaLiveOutlet portal />\n            </ModalNotificationConfiguration>\n          </ModalDialogManagerProvider>\n        </AriaLiveAnnouncerProvider>\n      </TranslationProvider>\n    </ChatProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,IAAM,8CAA8C;CAClD,0CAA0C;CAC1C,OAAO;AACT;AAEA,IAAM,0CACH,+BACA,EAAE,cAAc,YAAY;CAG3B,IAFqB,4BAA4B,YAE7C,CAAA,CAAa,SAAS,OAAO,GAAG;EAElC,IAAI,2BAA2B,OAAO,UAAU;EAOhD,OAAO,UAAU;CACnB;CAEA,IAAI,CAAC,2BAA2B,OAAO;CAEvC,OAAO,UAAU;AACnB;AAEF,IAAM,kCAAkC,EACtC,UACA,gCAGK;CAIL,MAAM,4BAHyB,qBAAqB,EAClD,iBAAiB,qBACnB,CACkC,IAAyB;CAQ3D,OACE,oBAAC,mCAAD;EAAkD,eAR9B,cAElB,6BACA,uCAAuC,yBAAyB,GAClE,CAAC,2BAA2B,yBAAyB,CAIH;EAC/C;CACgC,CAAA;AAEvC;;;;;AA+BA,IAAa,QAAQ,UAAwC;CAC3D,MAAM,EACJ,UACA,QACA,eACA,iBACA,cACA,sBACA,2BACA,kBAAkB,+BAClB,QAAQ,mBACR,8BAA8B,UAC5B;CAEJ,MAAM,EACJ,SACA,gBACA,8BACA,OACA,kBACA,gBACE,QAAQ;EACV;EACA;EACA;CACF,CAAC;CAiBD,MAAM,mBAAmB,qBAAqB;EAC5C;EACA,oBAjByB,sBAiBzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAtBuB,cAErB,iCACA,IAAI,iBAAiB,EACnB,SAAS;GACP,IAAI,oBAAoB,MAAM;GAC9B,IAAI,iBAAiB,MAAM;GAC3B,IAAI,oBAAoB,MAAM;EAChC,EACF,CAAC,GACH,CAAC,QAAQ,6BAA6B,CAYtC;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,EAAE,uBAAA,0BAAwB,0BAAiC,oBAAoB;CAErF,IAAI,CAAC,YAAY,GAAG,OAAO;CAE3B,OACE,oBAAC,cAAD;EAAc,OAAO;YACnB,oBAAC,qBAAD;GAAqB,OAAO;aAC1B,oBAAC,2BAAD,EAAA,UACE,oBAAC,4BAAD,EAAA,UACE,qBAAC,gCAAD;IAC6B;cAD7B;KAGE,oBAAC,uCAAD,CAAwC,CAAA;KACxC,oBAAC,yBAAD,CAAwB,CAAA;KACvB;KACD,oBAAC,gBAAD,EAAgB,QAAA,KAAQ,CAAA;IACM;MACN,CAAA,EACH,CAAA;EACR,CAAA;CACT,CAAA;AAElB"}

package/dist/es/components/Chat/hooks/useChannelsQueryState.mjs

@@ -0,0 +1,16 @@
+import { useState } from "react";
+//#region src/components/Chat/hooks/useChannelsQueryState.ts
+var useChannelsQueryState = () => {
+	const [error, setError] = useState(null);
+	const [queryInProgress, setQueryInProgress] = useState("uninitialized");
+	return {
+		error,
+		queryInProgress,
+		setError,
+		setQueryInProgress
+	};
+};
+//#endregion
+export { useChannelsQueryState };
+
+//# sourceMappingURL=useChannelsQueryState.mjs.map

package/dist/es/components/Chat/hooks/useChannelsQueryState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChannelsQueryState.mjs","names":[],"sources":["../../../../../src/components/Chat/hooks/useChannelsQueryState.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { useState } from 'react';\nimport type { APIErrorResponse, ErrorFromResponse } from 'stream-chat';\n\ntype ChannelQueryState =\n  | 'uninitialized' // the initial state before the first channels query is triggered\n  | 'reload' // the initial channels query (loading the first page) is in progress\n  | 'load-more' // loading the next page of channels\n  | null; // at least one channels page has been loaded and there is no query in progress at the moment\n\nexport interface ChannelsQueryState {\n  error: ErrorFromResponse<APIErrorResponse> | null;\n  queryInProgress: ChannelQueryState;\n  setError: Dispatch<SetStateAction<ErrorFromResponse<APIErrorResponse> | null>>;\n  setQueryInProgress: Dispatch<SetStateAction<ChannelQueryState>>;\n}\n\nexport const useChannelsQueryState = (): ChannelsQueryState => {\n  const [error, setError] = useState<ErrorFromResponse<APIErrorResponse> | null>(null);\n  const [queryInProgress, setQueryInProgress] =\n    useState<ChannelQueryState>('uninitialized');\n\n  return {\n    error,\n    queryInProgress,\n    setError,\n    setQueryInProgress,\n  };\n};\n"],"mappings":";;AAiBA,IAAa,8BAAkD;CAC7D,MAAM,CAAC,OAAO,YAAY,SAAqD,IAAI;CACnF,MAAM,CAAC,iBAAiB,sBACtB,SAA4B,eAAe;CAE7C,OAAO;EACL;EACA;EACA;EACA;CACF;AACF"}

package/dist/es/components/Chat/hooks/useChat.mjs

@@ -0,0 +1,86 @@
+import { defaultDateTimeParser, defaultTranslatorFunction, isLanguageSupported } from "../../../i18n/utils.mjs";
+import { Streami18n } from "../../../i18n/Streami18n.mjs";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/components/Chat/hooks/useChat.ts
+var useChat = ({ client, defaultLanguage = "en", i18nInstance }) => {
+	const [translators, setTranslators] = useState({
+		t: defaultTranslatorFunction,
+		tDateTimeParser: defaultDateTimeParser,
+		userLanguage: "en"
+	});
+	const [channel, setChannel] = useState();
+	const [mutes, setMutes] = useState([]);
+	const [latestMessageDatesByChannels, setLatestMessageDatesByChannels] = useState({});
+	const clientMutes = client.user?.mutes ?? [];
+	const appSettings = useRef(null);
+	const getAppSettings = () => {
+		if (appSettings.current) return appSettings.current;
+		appSettings.current = client.getAppSettings();
+		return appSettings.current;
+	};
+	useEffect(() => {
+		if (!client) return;
+		const version = "14.12.0";
+		const userAgent = client.getUserAgent();
+		if (!userAgent.includes("stream-chat-react")) client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
+		client.threads.registerSubscriptions();
+		client.polls.registerSubscriptions();
+		client.reminders.registerSubscriptions();
+		client.reminders.initTimers();
+		return () => {
+			client.threads.unregisterSubscriptions();
+			client.polls.unregisterSubscriptions();
+			client.reminders.unregisterSubscriptions();
+			client.reminders.clearTimers();
+		};
+	}, [client]);
+	useEffect(() => {
+		setMutes(clientMutes);
+		const handleEvent = (event) => {
+			setMutes(event.me?.mutes || []);
+		};
+		client.on("notification.mutes_updated", handleEvent);
+		return () => client.off("notification.mutes_updated", handleEvent);
+	}, [clientMutes?.length]);
+	useEffect(() => {
+		let userLanguage = client.user?.language;
+		if (!userLanguage) {
+			const browserLanguage = window.navigator.language.slice(0, 2);
+			userLanguage = isLanguageSupported(browserLanguage) ? browserLanguage : defaultLanguage;
+		}
+		const streami18n = i18nInstance || new Streami18n({ language: userLanguage });
+		streami18n.registerSetLanguageCallback((t) => setTranslators((prevTranslator) => ({
+			...prevTranslator,
+			t
+		})));
+		streami18n.getTranslators().then((translator) => {
+			setTranslators({
+				...translator,
+				userLanguage: userLanguage || defaultLanguage
+			});
+		});
+	}, [i18nInstance]);
+	const setActiveChannel = useCallback(async (activeChannel, watchers = {}, event) => {
+		if (event && event.preventDefault) event.preventDefault();
+		if (activeChannel && Object.keys(watchers).length) await activeChannel.query({
+			watch: true,
+			watchers
+		});
+		setChannel(activeChannel);
+	}, []);
+	useEffect(() => {
+		setLatestMessageDatesByChannels({});
+	}, [client.user?.id]);
+	return {
+		channel,
+		getAppSettings,
+		latestMessageDatesByChannels,
+		mutes,
+		setActiveChannel,
+		translators
+	};
+};
+//#endregion
+export { useChat };
+
+//# sourceMappingURL=useChat.mjs.map

package/dist/es/components/Chat/hooks/useChat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChat.mjs","names":[],"sources":["../../../../../src/components/Chat/hooks/useChat.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { TranslationContextValue } from '../../../context/TranslationContext';\nimport type { SupportedTranslations } from '../../../i18n';\nimport {\n  defaultDateTimeParser,\n  defaultTranslatorFunction,\n  isLanguageSupported,\n  Streami18n,\n} from '../../../i18n';\n\nimport type {\n  AppSettingsAPIResponse,\n  Channel,\n  Event,\n  Mute,\n  OwnUserResponse,\n  StreamChat,\n} from 'stream-chat';\n\nexport type UseChatParams = {\n  client: StreamChat;\n  defaultLanguage?: SupportedTranslations;\n  i18nInstance?: Streami18n;\n};\n\nexport const useChat = ({\n  client,\n  defaultLanguage = 'en',\n  i18nInstance,\n}: UseChatParams) => {\n  const [translators, setTranslators] = useState<TranslationContextValue>({\n    t: defaultTranslatorFunction,\n    tDateTimeParser: defaultDateTimeParser,\n    userLanguage: 'en',\n  });\n\n  const [channel, setChannel] = useState<Channel>();\n  const [mutes, setMutes] = useState<Array<Mute>>([]);\n  const [latestMessageDatesByChannels, setLatestMessageDatesByChannels] = useState({});\n\n  const clientMutes = (client.user as OwnUserResponse)?.mutes ?? [];\n\n  const appSettings = useRef<Promise<AppSettingsAPIResponse> | null>(null);\n\n  const getAppSettings = () => {\n    if (appSettings.current) {\n      return appSettings.current;\n    }\n    appSettings.current = client.getAppSettings();\n    return appSettings.current;\n  };\n\n  useEffect(() => {\n    if (!client) return;\n\n    const version = process.env.STREAM_CHAT_REACT_VERSION;\n\n    const userAgent = client.getUserAgent();\n    if (!userAgent.includes('stream-chat-react')) {\n      // result looks like: 'stream-chat-react-2.3.2-stream-chat-javascript-client-browser-2.2.2'\n      // the upper-case text between double underscores is replaced with the actual semantic version of the library\n      client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);\n    }\n\n    client.threads.registerSubscriptions();\n    client.polls.registerSubscriptions();\n    client.reminders.registerSubscriptions();\n    client.reminders.initTimers();\n\n    return () => {\n      client.threads.unregisterSubscriptions();\n      client.polls.unregisterSubscriptions();\n      client.reminders.unregisterSubscriptions();\n      client.reminders.clearTimers();\n    };\n  }, [client]);\n\n  useEffect(() => {\n    setMutes(clientMutes);\n\n    const handleEvent = (event: Event) => {\n      setMutes(event.me?.mutes || []);\n    };\n\n    client.on('notification.mutes_updated', handleEvent);\n    return () => client.off('notification.mutes_updated', handleEvent);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clientMutes?.length]);\n\n  useEffect(() => {\n    let userLanguage = client.user?.language;\n\n    if (!userLanguage) {\n      const browserLanguage = window.navigator.language.slice(0, 2); // just get language code, not country-specific version\n      userLanguage = isLanguageSupported(browserLanguage)\n        ? browserLanguage\n        : defaultLanguage;\n    }\n\n    const streami18n = i18nInstance || new Streami18n({ language: userLanguage });\n\n    streami18n.registerSetLanguageCallback((t) =>\n      setTranslators((prevTranslator) => ({ ...prevTranslator, t })),\n    );\n\n    streami18n.getTranslators().then((translator) => {\n      setTranslators({\n        ...translator,\n        userLanguage: userLanguage || defaultLanguage,\n      });\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [i18nInstance]);\n\n  const setActiveChannel = useCallback(\n    async (\n      activeChannel?: Channel,\n      watchers: { limit?: number; offset?: number } = {},\n      event?: React.BaseSyntheticEvent,\n    ) => {\n      if (event && event.preventDefault) event.preventDefault();\n\n      if (activeChannel && Object.keys(watchers).length) {\n        await activeChannel.query({ watch: true, watchers });\n      }\n\n      setChannel(activeChannel);\n    },\n    [],\n  );\n\n  useEffect(() => {\n    setLatestMessageDatesByChannels({});\n  }, [client.user?.id]);\n\n  return {\n    channel,\n    getAppSettings,\n    latestMessageDatesByChannels,\n    mutes,\n    setActiveChannel,\n    translators,\n  };\n};\n"],"mappings":";;;;AA0BA,IAAa,WAAW,EACtB,QACA,kBAAkB,MAClB,mBACmB;CACnB,MAAM,CAAC,aAAa,kBAAkB,SAAkC;EACtE,GAAG;EACH,iBAAiB;EACjB,cAAc;CAChB,CAAC;CAED,MAAM,CAAC,SAAS,cAAc,SAAkB;CAChD,MAAM,CAAC,OAAO,YAAY,SAAsB,CAAC,CAAC;CAClD,MAAM,CAAC,8BAA8B,mCAAmC,SAAS,CAAC,CAAC;CAEnF,MAAM,cAAe,OAAO,MAA0B,SAAS,CAAC;CAEhE,MAAM,cAAc,OAA+C,IAAI;CAEvE,MAAM,uBAAuB;EAC3B,IAAI,YAAY,SACd,OAAO,YAAY;EAErB,YAAY,UAAU,OAAO,eAAe;EAC5C,OAAO,YAAY;CACrB;CAEA,gBAAgB;EACd,IAAI,CAAC,QAAQ;EAEb,MAAM,UAAA;EAEN,MAAM,YAAY,OAAO,aAAa;EACtC,IAAI,CAAC,UAAU,SAAS,mBAAmB,GAGzC,OAAO,aAAa,qBAAqB,QAAQ,GAAG,WAAW;EAGjE,OAAO,QAAQ,sBAAsB;EACrC,OAAO,MAAM,sBAAsB;EACnC,OAAO,UAAU,sBAAsB;EACvC,OAAO,UAAU,WAAW;EAE5B,aAAa;GACX,OAAO,QAAQ,wBAAwB;GACvC,OAAO,MAAM,wBAAwB;GACrC,OAAO,UAAU,wBAAwB;GACzC,OAAO,UAAU,YAAY;EAC/B;CACF,GAAG,CAAC,MAAM,CAAC;CAEX,gBAAgB;EACd,SAAS,WAAW;EAEpB,MAAM,eAAe,UAAiB;GACpC,SAAS,MAAM,IAAI,SAAS,CAAC,CAAC;EAChC;EAEA,OAAO,GAAG,8BAA8B,WAAW;EACnD,aAAa,OAAO,IAAI,8BAA8B,WAAW;CAEnE,GAAG,CAAC,aAAa,MAAM,CAAC;CAExB,gBAAgB;EACd,IAAI,eAAe,OAAO,MAAM;EAEhC,IAAI,CAAC,cAAc;GACjB,MAAM,kBAAkB,OAAO,UAAU,SAAS,MAAM,GAAG,CAAC;GAC5D,eAAe,oBAAoB,eAAe,IAC9C,kBACA;EACN;EAEA,MAAM,aAAa,gBAAgB,IAAI,WAAW,EAAE,UAAU,aAAa,CAAC;EAE5E,WAAW,6BAA6B,MACtC,gBAAgB,oBAAoB;GAAE,GAAG;GAAgB;EAAE,EAAE,CAC/D;EAEA,WAAW,eAAe,CAAC,CAAC,MAAM,eAAe;GAC/C,eAAe;IACb,GAAG;IACH,cAAc,gBAAgB;GAChC,CAAC;EACH,CAAC;CAEH,GAAG,CAAC,YAAY,CAAC;CAEjB,MAAM,mBAAmB,YACvB,OACE,eACA,WAAgD,CAAC,GACjD,UACG;EACH,IAAI,SAAS,MAAM,gBAAgB,MAAM,eAAe;EAExD,IAAI,iBAAiB,OAAO,KAAK,QAAQ,CAAC,CAAC,QACzC,MAAM,cAAc,MAAM;GAAE,OAAO;GAAM;EAAS,CAAC;EAGrD,WAAW,aAAa;CAC1B,GACA,CAAC,CACH;CAEA,gBAAgB;EACd,gCAAgC,CAAC,CAAC;CACpC,GAAG,CAAC,OAAO,MAAM,EAAE,CAAC;CAEpB,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/es/components/Chat/hooks/useCreateChatClient.mjs

@@ -0,0 +1,36 @@
+import { useEffect, useState } from "react";
+import { StreamChat } from "stream-chat";
+//#region src/components/Chat/hooks/useCreateChatClient.ts
+/**
+* React hook to create, connect and return `StreamChat` client.
+*/
+var useCreateChatClient = ({ apiKey, options, tokenOrProvider, userData }) => {
+	const [chatClient, setChatClient] = useState(null);
+	const [cachedUserData, setCachedUserData] = useState(userData);
+	if (userData.id !== cachedUserData.id) setCachedUserData(userData);
+	const [cachedOptions] = useState(options);
+	useEffect(() => {
+		const client = new StreamChat(apiKey, void 0, cachedOptions);
+		let didUserConnectInterrupt = false;
+		const connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(() => {
+			if (!didUserConnectInterrupt) setChatClient(client);
+		});
+		return () => {
+			didUserConnectInterrupt = true;
+			setChatClient(null);
+			connectionPromise.then(() => client.disconnectUser()).then(() => {
+				console.log(`Connection for user "${cachedUserData.id}" has been closed`);
+			});
+		};
+	}, [
+		apiKey,
+		cachedUserData,
+		cachedOptions,
+		tokenOrProvider
+	]);
+	return chatClient;
+};
+//#endregion
+export { useCreateChatClient };
+
+//# sourceMappingURL=useCreateChatClient.mjs.map

package/dist/es/components/Chat/hooks/useCreateChatClient.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateChatClient.mjs","names":[],"sources":["../../../../../src/components/Chat/hooks/useCreateChatClient.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { StreamChat } from 'stream-chat';\n\nimport type {\n  OwnUserResponse,\n  StreamChatOptions,\n  TokenOrProvider,\n  UserResponse,\n} from 'stream-chat';\n\n/**\n * React hook to create, connect and return `StreamChat` client.\n */\nexport const useCreateChatClient = ({\n  apiKey,\n  options,\n  tokenOrProvider,\n  userData,\n}: {\n  apiKey: string;\n  tokenOrProvider: TokenOrProvider;\n  userData: OwnUserResponse | UserResponse;\n  options?: StreamChatOptions;\n}) => {\n  const [chatClient, setChatClient] = useState<StreamChat | null>(null);\n  const [cachedUserData, setCachedUserData] = useState(userData);\n\n  if (userData.id !== cachedUserData.id) {\n    setCachedUserData(userData);\n  }\n\n  const [cachedOptions] = useState(options);\n\n  useEffect(() => {\n    const client = new StreamChat(apiKey, undefined, cachedOptions);\n    let didUserConnectInterrupt = false;\n\n    const connectionPromise = client\n      .connectUser(cachedUserData, tokenOrProvider)\n      .then(() => {\n        if (!didUserConnectInterrupt) setChatClient(client);\n      });\n\n    return () => {\n      didUserConnectInterrupt = true;\n      setChatClient(null);\n      connectionPromise\n        .then(() => client.disconnectUser())\n        .then(() => {\n          console.log(`Connection for user \"${cachedUserData.id}\" has been closed`);\n        });\n    };\n  }, [apiKey, cachedUserData, cachedOptions, tokenOrProvider]);\n\n  return chatClient;\n};\n"],"mappings":";;;;;;AAcA,IAAa,uBAAuB,EAClC,QACA,SACA,iBACA,eAMI;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAA4B,IAAI;CACpE,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,QAAQ;CAE7D,IAAI,SAAS,OAAO,eAAe,IACjC,kBAAkB,QAAQ;CAG5B,MAAM,CAAC,iBAAiB,SAAS,OAAO;CAExC,gBAAgB;EACd,MAAM,SAAS,IAAI,WAAW,QAAQ,KAAA,GAAW,aAAa;EAC9D,IAAI,0BAA0B;EAE9B,MAAM,oBAAoB,OACvB,YAAY,gBAAgB,eAAe,CAAC,CAC5C,WAAW;GACV,IAAI,CAAC,yBAAyB,cAAc,MAAM;EACpD,CAAC;EAEH,aAAa;GACX,0BAA0B;GAC1B,cAAc,IAAI;GAClB,kBACG,WAAW,OAAO,eAAe,CAAC,CAAC,CACnC,WAAW;IACV,QAAQ,IAAI,wBAAwB,eAAe,GAAG,kBAAkB;GAC1E,CAAC;EACL;CACF,GAAG;EAAC;EAAQ;EAAgB;EAAe;CAAe,CAAC;CAE3D,OAAO;AACT"}

package/dist/es/components/Chat/hooks/useCreateChatContext.mjs

@@ -0,0 +1,38 @@
+import { useMemo } from "react";
+//#region src/components/Chat/hooks/useCreateChatContext.ts
+var useCreateChatContext = (value) => {
+	const { channel, channelsQueryState, client, customClasses, getAppSettings, isMessageAIGenerated, latestMessageDatesByChannels, mutes, searchController, setActiveChannel, theme, useImageFlagEmojisOnWindows } = value;
+	const channelCid = channel?.cid;
+	const channelsQueryError = channelsQueryState.error;
+	const channelsQueryInProgress = channelsQueryState.queryInProgress;
+	const clientValues = `${client.clientID}${Object.keys(client.activeChannels).length}${Object.keys(client.listeners).length}${client.mutedChannels.length}
+  ${client.user?.id}`;
+	const mutedUsersLength = mutes.length;
+	return useMemo(() => ({
+		channel,
+		channelsQueryState,
+		client,
+		customClasses,
+		getAppSettings,
+		isMessageAIGenerated,
+		latestMessageDatesByChannels,
+		mutes,
+		searchController,
+		setActiveChannel,
+		theme,
+		useImageFlagEmojisOnWindows
+	}), [
+		channelCid,
+		channelsQueryError,
+		channelsQueryInProgress,
+		clientValues,
+		getAppSettings,
+		searchController,
+		mutedUsersLength,
+		isMessageAIGenerated
+	]);
+};
+//#endregion
+export { useCreateChatContext };
+
+//# sourceMappingURL=useCreateChatContext.mjs.map

package/dist/es/components/Chat/hooks/useCreateChatContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateChatContext.mjs","names":[],"sources":["../../../../../src/components/Chat/hooks/useCreateChatContext.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { ChatContextValue } from '../../../context/ChatContext';\n\nexport const useCreateChatContext = (value: ChatContextValue) => {\n  const {\n    channel,\n    channelsQueryState,\n    client,\n    customClasses,\n    getAppSettings,\n    isMessageAIGenerated,\n    latestMessageDatesByChannels,\n    mutes,\n    searchController,\n    setActiveChannel,\n    theme,\n    useImageFlagEmojisOnWindows,\n  } = value;\n\n  const channelCid = channel?.cid;\n  const channelsQueryError = channelsQueryState.error;\n  const channelsQueryInProgress = channelsQueryState.queryInProgress;\n  const clientValues = `${client.clientID}${Object.keys(client.activeChannels).length}${\n    Object.keys(client.listeners).length\n  }${client.mutedChannels.length}\n  ${client.user?.id}`;\n  const mutedUsersLength = mutes.length;\n\n  const chatContext: ChatContextValue = useMemo(\n    () => ({\n      channel,\n      channelsQueryState,\n      client,\n      customClasses,\n      getAppSettings,\n      isMessageAIGenerated,\n      latestMessageDatesByChannels,\n      mutes,\n      searchController,\n      setActiveChannel,\n      theme,\n      useImageFlagEmojisOnWindows,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      channelCid,\n      channelsQueryError,\n      channelsQueryInProgress,\n      clientValues,\n      getAppSettings,\n      searchController,\n      mutedUsersLength,\n      isMessageAIGenerated,\n    ],\n  );\n\n  return chatContext;\n};\n"],"mappings":";;AAIA,IAAa,wBAAwB,UAA4B;CAC/D,MAAM,EACJ,SACA,oBACA,QACA,eACA,gBACA,sBACA,8BACA,OACA,kBACA,kBACA,OACA,gCACE;CAEJ,MAAM,aAAa,SAAS;CAC5B,MAAM,qBAAqB,mBAAmB;CAC9C,MAAM,0BAA0B,mBAAmB;CACnD,MAAM,eAAe,GAAG,OAAO,WAAW,OAAO,KAAK,OAAO,cAAc,CAAC,CAAC,SAC3E,OAAO,KAAK,OAAO,SAAS,CAAC,CAAC,SAC7B,OAAO,cAAc,OAAO;IAC7B,OAAO,MAAM;CACf,MAAM,mBAAmB,MAAM;CA8B/B,OA5BsC,eAC7B;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAGK;AACT"}

package/dist/es/components/Chat/hooks/useReportLostConnectionSystemNotification.mjs

@@ -0,0 +1,51 @@
+import { useChatContext } from "../../../context/ChatContext.mjs";
+import { useTranslationContext } from "../../../context/TranslationContext.mjs";
+import { useNotificationApi } from "../../Notifications/hooks/useNotificationApi.mjs";
+import { useEffect, useRef } from "react";
+//#region src/components/Chat/hooks/useReportLostConnectionSystemNotification.ts
+/**
+* Publishes a persistent system notification while the client is offline and removes it when
+* back online. Must run under `ChatProvider` and `TranslationProvider` (e.g. from a child of `<Chat>`).
+*/
+var useReportLostConnectionSystemNotification = () => {
+	const { t } = useTranslationContext();
+	const { client } = useChatContext();
+	const { addSystemNotification, removeNotification } = useNotificationApi();
+	const connectionLostNotificationIdRef = useRef(null);
+	useEffect(() => {
+		if (!t || !client) return;
+		const dismissConnectionLostNotification = () => {
+			if (!connectionLostNotificationIdRef.current) return;
+			removeNotification(connectionLostNotificationIdRef.current);
+			connectionLostNotificationIdRef.current = null;
+		};
+		const handleConnectionChanged = ({ online }) => {
+			if (!online) {
+				if (connectionLostNotificationIdRef.current) return;
+				connectionLostNotificationIdRef.current = addSystemNotification({
+					duration: 0,
+					emitter: "Chat",
+					message: t("Waiting for network…"),
+					severity: "loading",
+					type: "system:network:connection:lost"
+				});
+				return;
+			}
+			dismissConnectionLostNotification();
+		};
+		client.on("connection.changed", handleConnectionChanged);
+		return () => {
+			client.off("connection.changed", handleConnectionChanged);
+			dismissConnectionLostNotification();
+		};
+	}, [
+		addSystemNotification,
+		client,
+		removeNotification,
+		t
+	]);
+};
+//#endregion
+export { useReportLostConnectionSystemNotification };
+
+//# sourceMappingURL=useReportLostConnectionSystemNotification.mjs.map

package/dist/es/components/Chat/hooks/useReportLostConnectionSystemNotification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReportLostConnectionSystemNotification.mjs","names":[],"sources":["../../../../../src/components/Chat/hooks/useReportLostConnectionSystemNotification.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useChatContext } from '../../../context/ChatContext';\nimport { useTranslationContext } from '../../../context/TranslationContext';\nimport { useNotificationApi } from '../../Notifications/hooks/useNotificationApi';\n\n/**\n * Publishes a persistent system notification while the client is offline and removes it when\n * back online. Must run under `ChatProvider` and `TranslationProvider` (e.g. from a child of `<Chat>`).\n */\nexport const useReportLostConnectionSystemNotification = () => {\n  const { t } = useTranslationContext();\n  const { client } = useChatContext();\n  const { addSystemNotification, removeNotification } = useNotificationApi();\n  const connectionLostNotificationIdRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (!t || !client) return;\n\n    const dismissConnectionLostNotification = () => {\n      if (!connectionLostNotificationIdRef.current) return;\n      removeNotification(connectionLostNotificationIdRef.current);\n      connectionLostNotificationIdRef.current = null;\n    };\n\n    const handleConnectionChanged = ({ online }: { online?: boolean }) => {\n      if (!online) {\n        if (connectionLostNotificationIdRef.current) return;\n\n        connectionLostNotificationIdRef.current = addSystemNotification({\n          duration: 0,\n          emitter: 'Chat',\n          message: t('Waiting for network…'),\n          severity: 'loading',\n          type: 'system:network:connection:lost',\n        });\n        return;\n      }\n\n      dismissConnectionLostNotification();\n    };\n\n    client.on('connection.changed', handleConnectionChanged);\n\n    return () => {\n      client.off('connection.changed', handleConnectionChanged);\n      dismissConnectionLostNotification();\n    };\n  }, [addSystemNotification, client, removeNotification, t]);\n};\n"],"mappings":";;;;;;;;;AAUA,IAAa,kDAAkD;CAC7D,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,uBAAuB,uBAAuB,mBAAmB;CACzE,MAAM,kCAAkC,OAAsB,IAAI;CAElE,gBAAgB;EACd,IAAI,CAAC,KAAK,CAAC,QAAQ;EAEnB,MAAM,0CAA0C;GAC9C,IAAI,CAAC,gCAAgC,SAAS;GAC9C,mBAAmB,gCAAgC,OAAO;GAC1D,gCAAgC,UAAU;EAC5C;EAEA,MAAM,2BAA2B,EAAE,aAAmC;GACpE,IAAI,CAAC,QAAQ;IACX,IAAI,gCAAgC,SAAS;IAE7C,gCAAgC,UAAU,sBAAsB;KAC9D,UAAU;KACV,SAAS;KACT,SAAS,EAAE,sBAAsB;KACjC,UAAU;KACV,MAAM;IACR,CAAC;IACD;GACF;GAEA,kCAAkC;EACpC;EAEA,OAAO,GAAG,sBAAsB,uBAAuB;EAEvD,aAAa;GACX,OAAO,IAAI,sBAAsB,uBAAuB;GACxD,kCAAkC;EACpC;CACF,GAAG;EAAC;EAAuB;EAAQ;EAAoB;CAAC,CAAC;AAC3D"}

package/dist/es/components/Chat/hooks/useSplitActionSet.mjs

@@ -0,0 +1,21 @@
+import { useMemo } from "react";
+//#region src/components/Chat/hooks/useSplitActionSet.ts
+var useSplitActionSet = (actionSet) => useMemo(() => {
+	const quickActionSet = [];
+	const dropdownActionSet = [];
+	let quickDropdownToggleAction;
+	for (const action of actionSet) {
+		if (action.placement === "quick") quickActionSet.push(action);
+		if (action.placement === "dropdown") dropdownActionSet.push(action);
+		if (action.placement === "quick-dropdown-toggle") quickDropdownToggleAction ?? (quickDropdownToggleAction = action);
+	}
+	return {
+		dropdownActionSet,
+		quickActionSet,
+		quickDropdownToggleAction
+	};
+}, [actionSet]);
+//#endregion
+export { useSplitActionSet };
+
+//# sourceMappingURL=useSplitActionSet.mjs.map