stream-chat-react 14.12.0 → 15.0.0-rc.1

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

@@ -1,16 +1,16 @@
+import { extractDisplayInfo } from "../Avatar/utils.mjs";
 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";
+import remarkGfm from "remark-gfm";
 //#region src/components/ChannelListItem/utils.tsx
 var remarkPlugins = [
 	htmlToTextPlugin,
@@ -27,7 +27,7 @@ var createPlainTextProcessor = () => unified().use(remarkParse).use(remarkPlugin
 var plainTextProcessor;
 var stripMarkdownToText = (text) => {
 	try {
-		const processor = plainTextProcessor ?? (plainTextProcessor = createPlainTextProcessor());
+		const processor = plainTextProcessor ??= createPlainTextProcessor();
 		return toString(processor.runSync(processor.parse(text))) || text;
 	} catch {
 		return text;
@@ -36,7 +36,7 @@ var stripMarkdownToText = (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;
+		if (latestVote && latestVote.updated_at >= vote.created_at) return;
 		latestVote = vote;
 	});
 	return latestVote;
@@ -48,7 +48,7 @@ var getLatestPollVote = (latestVotesByOption) => {
 * ({@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 latestMessage = latestMessageArg ?? channel.messagePaginator.aggregateState.getLatestValue().lastMessage ?? void 0;
 	const previewTextToRender = getTranslatedMessageText({
 		language: userLanguage,
 		message: latestMessage
@@ -58,22 +58,22 @@ var getLatestMessagePreviewParts = (channel, t, userLanguage = "en", latestMessa
 		isUserMessageText: false,
 		kind: "empty",
 		latestMessage,
-		text: t("Nothing yet...")
+		text: t("common.nothingYet.text", "Nothing yet...")
 	};
 	if (isMessageDeleted(latestMessage)) return {
 		isUserMessageText: false,
 		kind: "deleted",
 		latestMessage,
-		text: t("Message deleted")
+		text: t("common.messageDeleted.text", "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");
+		const createdBy = poll.created_by?.id === channel.getClient().userID ? t("common.you.label", "You") : poll.created_by?.name ?? t("common.poll.label", "Poll");
 		return {
 			isUserMessageText: false,
 			kind: "poll",
 			latestMessage,
 			pollName: poll.name,
-			text: t("📊 {{createdBy}} created: {{ pollName}}", {
+			text: t("channelListItem.created.text", "📊 {{createdBy}} created: {{ pollName}}", {
 				createdBy,
 				pollName: poll.name
 			})
@@ -86,9 +86,9 @@ var getLatestMessagePreviewParts = (channel, t, userLanguage = "en", latestMessa
 			kind: "poll",
 			latestMessage,
 			pollName: poll.name,
-			text: t("📊 {{votedBy}} voted: {{pollOptionText}}", {
+			text: t("channelListItem.voted.text", "📊 {{votedBy}} voted: {{pollOptionText}}", {
 				pollOptionText: option.text,
-				votedBy: latestVote?.user?.id === channel.getClient().userID ? t("You") : latestVote.user?.name ?? t("Poll")
+				votedBy: latestVote?.user?.id === channel.getClient().userID ? t("common.you.label", "You") : latestVote.user?.name ?? t("common.poll.label", "Poll")
 			})
 		};
 	}
@@ -108,34 +108,35 @@ var getLatestMessagePreviewParts = (channel, t, userLanguage = "en", latestMessa
 		isUserMessageText: false,
 		kind: "attachment",
 		latestMessage,
-		text: t("🏙 Attachment...")
+		text: t("channelListItem.attachment.text", "🏙 Attachment...")
 	};
 	if (latestMessage.shared_location) return {
 		isUserMessageText: false,
 		kind: "location",
 		latestMessage,
-		text: t("📍Shared location")
+		text: t("channelListItem.sharedLocation.text", "📍Shared location")
 	};
 	return {
 		isUserMessageText: false,
 		kind: "text",
 		latestMessage,
-		text: t("Empty message...")
+		text: t("common.emptyMessage.text", "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".
+* cases are literal `t()` calls so the catalog generator sees them -- `i18next-cli` and the `aria/`
+* prefix are both gone. 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");
+		case "audio": return t("channelListItem.audio.ariaLabel", "audio");
+		case "file": return t("channelListItem.file.ariaLabel", "file");
+		case "giphy": return t("channelListItem.gif.ariaLabel", "GIF");
+		case "image": return t("channelListItem.image.ariaLabel", "image");
+		case "video": return t("channelListItem.video.ariaLabel", "video");
+		case "voiceRecording": return t("channelListItem.voiceMessage.ariaLabel", "voice message");
 		default: return;
 	}
 };
@@ -149,15 +150,15 @@ var getAttachmentTypeLabel = (type, t) => {
 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 "poll": return t("channelListItem.poll.ariaLabel", "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");
+			if (realAttachments.length > 1) return t("channelListItem.messageAttachments.ariaLabel", "Message with attachments");
 			const typeLabel = getAttachmentTypeLabel(realAttachments[0]?.type, t);
-			return typeLabel ? t("aria/Attachment {{ attachmentType }}", { attachmentType: typeLabel }) : t("aria/Attachment");
+			return typeLabel ? t("channelListItem.attachment.withAttachmentType.ariaLabel", "Attachment {{ attachmentType }}", { attachmentType: typeLabel }) : t("channelListItem.attachment.ariaLabel", "Attachment");
 		}
-		case "location": return t("aria/Shared location");
-		case "empty": return t("aria/There are no messages in this chat.");
+		case "location": return t("channelListItem.sharedLocation.ariaLabel", "Shared location");
+		case "empty": return t("channelListItem.noMessagesChat.ariaLabel", "There are no messages in this chat.");
 		case "text": return isUserMessageText && resolvedLatestMessage && !isMessageAIGenerated?.(resolvedLatestMessage) ? stripMarkdownToText(text) : text;
 		default: return text;
 	}
@@ -167,11 +168,11 @@ var getLatestMessagePreview = (channel, t, userLanguage = "en", isMessageAIGener
 	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.
+* Channel display image: channel.data.custom.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 image = channel.data?.custom?.image;
+	if (image && typeof image === "string") return image;
 	const memberList = Object.values(channel.state.members);
 	if (memberList.length === 2) {
 		const image = memberList.find((m) => m.user?.id !== currentUserId)?.user?.image;

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

@@ -1 +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":";;;;;;;;;;;;;;AAiBA,IAAM,gBAA+B;CACnC;CACA,CAAC,WAAW,EAAE,aAAa,MAAM,CAAC;CAClC;CACA;AACF;AAEA,IAAa,qBAAqB,SAChC,oBAAC,eAAD;CAA8B;CAAe,UAAA;WAC1C;AACY,CAAA;AAQjB,IAAM,iCAAiC,QAAQ,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,IAAI,aAAa;AACnF,IAAI;AAEJ,IAAM,uBAAuB,SAAyB;CACpD,IAAI;EACF,MAAM,YAAa,uBAAA,qBAAuB,yBAAyB;EACnE,OAAO,SAAc,UAAU,QAAQ,UAAU,MAAM,IAAI,CAAC,CAAC,KAAK;CACpE,QAAQ;EACN,OAAO;CACT;AACF;AAEA,IAAM,qBAAqB,wBAAoD;CAC7E,IAAI;CACJ,KAAK,MAAM,eAAe,OAAO,OAAO,mBAAmB,GACzD,YAAY,SAAS,SAAS;EAC5B,IAAI,cAAc,IAAI,KAAK,WAAW,UAAU,KAAK,IAAI,KAAK,KAAK,UAAU,GAC3E;EACF,aAAa;CACf,CAAC;CAGH,OAAO;AACT;;;;;;;AAiCA,IAAM,gCACJ,SACA,GACA,eAAwD,MACxD,qBAC8B;CAG9B,MAAM,gBACJ,oBACA,QAAQ,MAAM,eAAe,QAAQ,MAAM,eAAe,SAAS;CAErE,MAAM,sBACJ,yBAAyB;EAAE,UAAU;EAAc,SAAS;CAAc,CAAC,KAC3E,eAAe;CACjB,MAAM,OAAO,eAAe;CAE5B,IAAI,CAAC,eACH,OAAO;EACL,mBAAmB;EACnB,MAAM;EACN;EACA,MAAM,EAAE,gBAAgB;CAC1B;CAGF,IAAI,iBAAiB,aAAa,GAChC,OAAO;EACL,mBAAmB;EACnB,MAAM;EACN;EACA,MAAM,EAAE,iBAAiB;CAC3B;CAGF,IAAI,MACF,IAAI,CAAC,KAAK,YAAY;EACpB,MAAM,YACJ,KAAK,YAAY,OAAO,QAAQ,UAAU,CAAC,CAAC,SACxC,EAAE,KAAK,IACN,KAAK,YAAY,QAAQ,EAAE,MAAM;EACxC,OAAO;GACL,mBAAmB;GACnB,MAAM;GACN;GACA,UAAU,KAAK;GACf,MAAM,EAAE,2CAA2C;IACjD;IACA,UAAU,KAAK;GACjB,CAAC;EACH;CACF,OAAO;EACL,MAAM,aAAa,kBACjB,KAAK,sBACP;EACA,MAAM,SACJ,cAAc,KAAK,QAAQ,MAAM,QAAQ,IAAI,OAAO,WAAW,SAAS;EAE1E,IAAI,UAAU,YACZ,OAAO;GACL,mBAAmB;GACnB,MAAM;GACN;GACA,UAAU,KAAK;GACf,MAAM,EAAE,4CAA4C;IAClD,gBAAgB,OAAO;IACvB,SACE,YAAY,MAAM,OAAO,QAAQ,UAAU,CAAC,CAAC,SACzC,EAAE,KAAK,IACN,WAAW,MAAM,QAAQ,EAAE,MAAM;GAC1C,CAAC;EACH;CAEJ;CAGF,IAAI,qBACF,OAAO;EACL,mBAAmB;EACnB,MAAM;EACN;EACA,MAAM;CACR;CAGF,IAAI,cAAc,SAChB,OAAO;EACL,mBAAmB;EACnB,MAAM;EACN;EACA,MAAM,IAAI,cAAc;CAC1B;CAGF,IAAI,cAAc,aAAa,QAC7B,OAAO;EACL,mBAAmB;EACnB,MAAM;EACN;EACA,MAAM,EAAE,kBAAkB;CAC5B;CAGF,IAAI,cAAc,iBAChB,OAAO;EACL,mBAAmB;EACnB,MAAM;EACN;EACA,MAAM,EAAE,mBAAmB;CAC7B;CAGF,OAAO;EACL,mBAAmB;EACnB,MAAM;EACN;EACA,MAAM,EAAE,kBAAkB;CAC5B;AACF;;;;;;AAOA,IAAM,0BACJ,MACA,MACuB;CACvB,QAAQ,MAAR;EACE,KAAK,SACH,OAAO,EAAE,YAAY;EACvB,KAAK,QACH,OAAO,EAAE,WAAW;EACtB,KAAK,SACH,OAAO,EAAE,UAAU;EACrB,KAAK,SACH,OAAO,EAAE,YAAY;EACvB,KAAK,SACH,OAAO,EAAE,YAAY;EACvB,KAAK,kBACH,OAAO,EAAE,oBAAoB;EAC/B,SACE;CACJ;AACF;;;;;;;;AASA,IAAa,+BACX,SACA,GACA,eAAwD,MACxD,sBACA,kBACW;CACX,MAAM,EACJ,mBACA,MACA,eAAe,uBACf,UACA,SACE,6BAA6B,SAAS,GAAG,cAAc,aAAa;CAExE,QAAQ,MAAR;EACE,KAAK,QACH,OAAO,EAAE,6BAA6B,EAAE,UAAU,YAAY,GAAG,CAAC;EACpE,KAAK,cAAc;GAIjB,MAAM,kBACJ,uBAAuB,aAAa,QACjC,eAAe,CAAC,WAAW,aAC9B,KAAK,CAAC;GACR,IAAI,gBAAgB,SAAS,GAAG,OAAO,EAAE,+BAA+B;GACxE,MAAM,YAAY,uBAAuB,gBAAgB,EAAE,EAAE,MAAM,CAAC;GACpE,OAAO,YACH,EAAE,wCAAwC,EAAE,gBAAgB,UAAU,CAAC,IACvE,EAAE,iBAAiB;EACzB;EACA,KAAK,YACH,OAAO,EAAE,sBAAsB;EACjC,KAAK,SAEH,OAAO,EAAE,0CAA0C;EACrD,KAAK,QAGH,OAAO,qBACL,yBACA,CAAC,uBAAuB,qBAAqB,IAC3C,oBAAoB,IAAI,IACxB;EACN,SAEE,OAAO;CACX;AACF;AAEA,IAAa,2BACX,SACA,GACA,eAAwD,MACxD,sBACA,kBACc;CACd,MAAM,EACJ,mBACA,eAAe,uBACf,SACE,6BAA6B,SAAS,GAAG,cAAc,aAAa;CAKxE,OAAO,qBACL,yBACA,CAAC,uBAAuB,qBAAqB,IAC3C,kBAAkB,IAAI,IACtB;AACN;;;;AAgBA,IAAa,0BACX,SACA,kBACuB;CACvB,MAAM,OAAO,QAAQ;CACrB,IAAI,MAAM,SAAS,OAAO,KAAK,UAAU,UAAU,OAAO,KAAK;CAE/D,MAAM,aAAa,OAAO,OAAO,QAAQ,MAAM,OAAO;CACtD,IAAI,WAAW,WAAW,GAAG;EAE3B,MAAM,QADQ,WAAW,MAAM,MAAM,EAAE,MAAM,OAAO,aACtC,CAAA,EAAO,MAAM;EAC3B,IAAI,SAAS,OAAO,UAAU,UAAU,OAAO;CACjD;AAEF;AAEA,IAAa,8BACX,YACwC;CACxC,MAAM,UAAU,OAAO,OAAO,QAAQ,MAAM,OAAO;CACnD,IAAI,QAAQ,UAAU,GAAG;CAEzB,MAAM,aAA8C,CAAC;CACrD,KAAK,MAAM,UAAU,SAAS;EAC5B,MAAM,EAAE,SAAS;EAEjB,IAAI,CAAC,MAAM,QAAQ,CAAC,MAAM,OAAO;EAEjC,WAAW,KAAK,mBAAmB,MAAM,CAAC;CAC5C;CACA,OAAO,EACL,SAAS,WACX;AACF"}
+{"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, PollVoteResponseData } 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 = (\n  latestVotesByOption: Record<string, PollVoteResponseData[]>,\n) => {\n  let latestVote: PollVoteResponseData | undefined;\n  for (const optionVotes of Object.values(latestVotesByOption)) {\n    optionVotes.forEach((vote) => {\n      if (latestVote && latestVote.updated_at >= vote.created_at) 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.messagePaginator.aggregateState.getLatestValue().lastMessage ??\n    undefined;\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('common.nothingYet.text', 'Nothing yet...'),\n    };\n  }\n\n  if (isMessageDeleted(latestMessage)) {\n    return {\n      isUserMessageText: false,\n      kind: 'deleted',\n      latestMessage,\n      text: t('common.messageDeleted.text', '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('common.you.label', 'You')\n          : (poll.created_by?.name ?? t('common.poll.label', 'Poll'));\n      return {\n        isUserMessageText: false,\n        kind: 'poll',\n        latestMessage,\n        pollName: poll.name,\n        text: t(\n          'channelListItem.created.text',\n          '📊 {{createdBy}} created: {{ pollName}}',\n          {\n            createdBy,\n            pollName: poll.name,\n          },\n        ),\n      };\n    } else {\n      const latestVote = getLatestPollVote(\n        poll.latest_votes_by_option as Record<string, PollVoteResponseData[]>,\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(\n            'channelListItem.voted.text',\n            '📊 {{votedBy}} voted: {{pollOptionText}}',\n            {\n              pollOptionText: option.text,\n              votedBy:\n                latestVote?.user?.id === channel.getClient().userID\n                  ? t('common.you.label', 'You')\n                  : (latestVote.user?.name ?? t('common.poll.label', 'Poll')),\n            },\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('channelListItem.attachment.text', '🏙 Attachment...'),\n    };\n  }\n\n  if (latestMessage.shared_location) {\n    return {\n      isUserMessageText: false,\n      kind: 'location',\n      latestMessage,\n      text: t('channelListItem.sharedLocation.text', '📍Shared location'),\n    };\n  }\n\n  return {\n    isUserMessageText: false,\n    kind: 'text',\n    latestMessage,\n    text: t('common.emptyMessage.text', '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()` calls so the catalog generator sees them -- `i18next-cli` and the `aria/`\n * prefix are both gone. Unknown/custom types return `undefined`, so the announcement falls back to a\n * 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('channelListItem.audio.ariaLabel', 'audio');\n    case 'file':\n      return t('channelListItem.file.ariaLabel', 'file');\n    case 'giphy':\n      return t('channelListItem.gif.ariaLabel', 'GIF');\n    case 'image':\n      return t('channelListItem.image.ariaLabel', 'image');\n    case 'video':\n      return t('channelListItem.video.ariaLabel', 'video');\n    case 'voiceRecording':\n      return t('channelListItem.voiceMessage.ariaLabel', '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('channelListItem.poll.ariaLabel', 'Poll: {{ pollName }}', {\n        pollName: pollName ?? '',\n      });\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)\n        return t(\n          'channelListItem.messageAttachments.ariaLabel',\n          'Message with attachments',\n        );\n      const typeLabel = getAttachmentTypeLabel(realAttachments[0]?.type, t);\n      return typeLabel\n        ? t(\n            'channelListItem.attachment.withAttachmentType.ariaLabel',\n            'Attachment {{ attachmentType }}',\n            { attachmentType: typeLabel },\n          )\n        : t('channelListItem.attachment.ariaLabel', 'Attachment');\n    }\n    case 'location':\n      return t('channelListItem.sharedLocation.ariaLabel', 'Shared location');\n    case 'empty':\n      // The visible preview says \"Nothing yet...\"; spell it out for assistive tech.\n      return t(\n        'channelListItem.noMessagesChat.ariaLabel',\n        'There are no messages in this chat.',\n      );\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.custom.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 image = channel.data?.custom?.image;\n  if (image && typeof image === 'string') return 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

@@ -8,13 +8,14 @@ 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 { useStreami18n } from "../../i18n/useStreami18n.mjs";
+import { SharedAudioPlaybackProvider } from "../AudioPlayback/WithAudioPlayback.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";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Chat/Chat.tsx
 var NetworkConnectionNotificationReporter = () => {
 	useReportLostConnectionSystemNotification();
@@ -40,32 +41,32 @@ var ModalNotificationConfiguration = ({ children, notificationDisplayFilter }) =
 * 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({
+	const { children, client, customClasses, i18nInstance, isMessageAIGenerated, notificationDisplayFilter, searchController: customChannelSearchController, theme = "messaging light", useImageFlagEmojisOnWindows = false } = props;
+	const { getAppSettings, mutes } = useChat({ client });
+	const translators = useStreami18n({
 		client,
-		defaultLanguage,
 		i18nInstance
 	});
+	const searchController = useMemo(() => customChannelSearchController ?? new SearchController({
+		client,
+		sources: [
+			new ChannelSearchSource(client),
+			new UserSearchSource(client),
+			new MessageSearchSource(client)
+		]
+	}), [client, customChannelSearchController]);
 	const chatContextValue = useCreateChatContext({
-		channel,
-		channelsQueryState: useChannelsQueryState(),
+		channelManager: client.channelManager,
 		client,
 		customClasses,
 		getAppSettings,
 		isMessageAIGenerated,
-		latestMessageDatesByChannels,
 		mutes,
-		searchController: useMemo(() => customChannelSearchController ?? new SearchController({ sources: [
-			new ChannelSearchSource(client),
-			new UserSearchSource(client),
-			new MessageSearchSource(client)
-		] }), [client, customChannelSearchController]),
-		setActiveChannel,
+		searchController,
 		theme,
 		useImageFlagEmojisOnWindows
 	});
 	const { NotificationAnnouncer: NotificationAnnouncer$1 = NotificationAnnouncer } = useComponentContext();
-	if (!translators.t) return null;
 	return /* @__PURE__ */ jsx(ChatProvider, {
 		value: chatContextValue,
 		children: /* @__PURE__ */ jsx(TranslationProvider, {
@@ -75,7 +76,7 @@ var Chat = (props) => {
 				children: [
 					/* @__PURE__ */ jsx(NetworkConnectionNotificationReporter, {}),
 					/* @__PURE__ */ jsx(NotificationAnnouncer$1, {}),
-					children,
+					/* @__PURE__ */ jsx(SharedAudioPlaybackProvider, { children }),
 					/* @__PURE__ */ jsx(AriaLiveOutlet, { portal: true })
 				]
 			}) }) })

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

@@ -1 +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"}
+{"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 { useStreami18n } from '../../i18n/useStreami18n';\nimport { useReportLostConnectionSystemNotification } from './hooks/useReportLostConnectionSystemNotification';\nimport { useCreateChatContext } from './hooks/useCreateChatContext';\nimport type { CustomClasses } from '../../context/ChatContext';\nimport { SharedAudioPlaybackProvider } from '../AudioPlayback/WithAudioPlayback';\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 { 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  /** 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    i18nInstance,\n    isMessageAIGenerated,\n    notificationDisplayFilter,\n    searchController: customChannelSearchController,\n    theme = 'messaging light',\n    useImageFlagEmojisOnWindows = false,\n  } = props;\n\n  const { getAppSettings, mutes } = useChat({ client });\n  const translators = useStreami18n({ client, i18nInstance });\n\n  const searchController = useMemo(\n    () =>\n      customChannelSearchController ??\n      new SearchController({\n        client,\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    channelManager: client.channelManager,\n    client,\n    customClasses,\n    getAppSettings,\n    isMessageAIGenerated,\n    mutes,\n    searchController,\n    theme,\n    useImageFlagEmojisOnWindows,\n  });\n  const { NotificationAnnouncer = DefaultNotificationAnnouncer } = useComponentContext();\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              <SharedAudioPlaybackProvider>{children}</SharedAudioPlaybackProvider>\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;;;;;AA6BA,IAAa,QAAQ,UAAwC;CAC3D,MAAM,EACJ,UACA,QACA,eACA,cACA,sBACA,2BACA,kBAAkB,+BAClB,QAAQ,mBACR,8BAA8B,UAC5B;CAEJ,MAAM,EAAE,gBAAgB,UAAU,QAAQ,EAAE,OAAO,CAAC;CACpD,MAAM,cAAc,cAAc;EAAE;EAAQ;CAAa,CAAC;CAE1D,MAAM,mBAAmB,cAErB,iCACA,IAAI,iBAAiB;EACnB;EACA,SAAS;GACP,IAAI,oBAAoB,MAAM;GAC9B,IAAI,iBAAiB,MAAM;GAC3B,IAAI,oBAAoB,MAAM;EAChC;CACF,CAAC,GACH,CAAC,QAAQ,6BAA6B,CACxC;CAEA,MAAM,mBAAmB,qBAAqB;EAC5C,gBAAgB,OAAO;EACvB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,EAAE,uBAAA,0BAAwB,0BAAiC,oBAAoB;CAErF,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;KACxB,oBAAC,6BAAD,EAA8B,SAAsC,CAAA;KACpE,oBAAC,gBAAD,EAAgB,QAAA,KAAQ,CAAA;IACM;MACN,CAAA,EACH,CAAA;EACR,CAAA;CACT,CAAA;AAElB"}

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

@@ -1,16 +1,7 @@
-import { defaultDateTimeParser, defaultTranslatorFunction, isLanguageSupported } from "../../../i18n/utils.mjs";
-import { Streami18n } from "../../../i18n/Streami18n.mjs";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { 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();
+var useChat = ({ client }) => {
 	const [mutes, setMutes] = useState([]);
-	const [latestMessageDatesByChannels, setLatestMessageDatesByChannels] = useState({});
 	const clientMutes = client.user?.mutes ?? [];
 	const appSettings = useRef(null);
 	const getAppSettings = () => {
@@ -20,7 +11,7 @@ var useChat = ({ client, defaultLanguage = "en", i18nInstance }) => {
 	};
 	useEffect(() => {
 		if (!client) return;
-		const version = "14.12.0";
+		const version = "15.0.0-rc.1";
 		const userAgent = client.getUserAgent();
 		if (!userAgent.includes("stream-chat-react")) client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
 		client.threads.registerSubscriptions();
@@ -37,47 +28,14 @@ var useChat = ({ client, defaultLanguage = "en", i18nInstance }) => {
 	useEffect(() => {
 		setMutes(clientMutes);
 		const handleEvent = (event) => {
-			setMutes(event.me?.mutes || []);
+			setMutes(event.me.mutes);
 		};
-		client.on("notification.mutes_updated", handleEvent);
-		return () => client.off("notification.mutes_updated", handleEvent);
+		const subscription = client.on("notification.mutes_updated", handleEvent);
+		return () => subscription.unsubscribe();
 	}, [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
+		mutes
 	};
 };
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"useChat.mjs","names":[],"sources":["../../../../../src/components/Chat/hooks/useChat.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type {\n  EventPayload,\n  OwnUserResponse,\n  StreamChat,\n  UserMuteResponse,\n} from 'stream-chat';\n\nexport type UseChatParams = {\n  client: StreamChat;\n};\n\nexport const useChat = ({ client }: UseChatParams) => {\n  const [mutes, setMutes] = useState<Array<UserMuteResponse>>([]);\n\n  const clientMutes = (client.user as OwnUserResponse)?.mutes ?? [];\n\n  const appSettings = useRef<ReturnType<StreamChat['getAppSettings']> | 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: EventPayload<'notification.mutes_updated'>) => {\n      setMutes(event.me.mutes);\n    };\n\n    const subscription = client.on('notification.mutes_updated', handleEvent);\n    return () => subscription.unsubscribe();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clientMutes?.length]);\n\n  return {\n    getAppSettings,\n    mutes,\n  };\n};\n"],"mappings":";;AAaA,IAAa,WAAW,EAAE,aAA4B;CACpD,MAAM,CAAC,OAAO,YAAY,SAAkC,CAAC,CAAC;CAE9D,MAAM,cAAe,OAAO,MAA0B,SAAS,CAAC;CAEhE,MAAM,cAAc,OAAwD,IAAI;CAEhF,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,UAAsD;GACzE,SAAS,MAAM,GAAG,KAAK;EACzB;EAEA,MAAM,eAAe,OAAO,GAAG,8BAA8B,WAAW;EACxE,aAAa,aAAa,YAAY;CAExC,GAAG,CAAC,aAAa,MAAM,CAAC;CAExB,OAAO;EACL;EACA;CACF;AACF"}

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

@@ -10,7 +10,7 @@ var useCreateChatClient = ({ apiKey, options, tokenOrProvider, userData }) => {
 	if (userData.id !== cachedUserData.id) setCachedUserData(userData);
 	const [cachedOptions] = useState(options);
 	useEffect(() => {
-		const client = new StreamChat(apiKey, void 0, cachedOptions);
+		const client = new StreamChat(apiKey, cachedOptions);
 		let didUserConnectInterrupt = false;
 		const connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(() => {
 			if (!didUserConnectInterrupt) setChatClient(client);

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

@@ -1 +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"}
+{"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 { ClientUser, StreamChatOptions, TokenOrProvider } 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: ClientUser;\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, 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":";;;;;;AASA,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,aAAa;EACnD,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

@@ -1,30 +1,22 @@
 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 { channelManager, client, customClasses, getAppSettings, isMessageAIGenerated, mutes, searchController, theme, useImageFlagEmojisOnWindows } = value;
 	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,
+		channelManager,
 		client,
 		customClasses,
 		getAppSettings,
 		isMessageAIGenerated,
-		latestMessageDatesByChannels,
 		mutes,
 		searchController,
-		setActiveChannel,
 		theme,
 		useImageFlagEmojisOnWindows
 	}), [
-		channelCid,
-		channelsQueryError,
-		channelsQueryInProgress,
+		channelManager,
 		clientValues,
 		getAppSettings,
 		searchController,

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

@@ -1 +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"}
+{"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    channelManager,\n    client,\n    customClasses,\n    getAppSettings,\n    isMessageAIGenerated,\n    mutes,\n    searchController,\n    theme,\n    useImageFlagEmojisOnWindows,\n  } = value;\n\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      channelManager,\n      client,\n      customClasses,\n      getAppSettings,\n      isMessageAIGenerated,\n      mutes,\n      searchController,\n      theme,\n      useImageFlagEmojisOnWindows,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      channelManager,\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,gBACA,QACA,eACA,gBACA,sBACA,OACA,kBACA,OACA,gCACE;CAEJ,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;CAyB/B,OAvBsC,eAC7B;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IAEA;EACE;EACA;EACA;EACA;EACA;EACA;CACF,CAGK;AACT"}

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

@@ -0,0 +1,46 @@
+import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
+import { useChatContext } from "../../../context/ChatContext.mjs";
+//#region src/components/Chat/hooks/useNetworkConnectionState.ts
+var identity = (state) => state;
+/**
+* The **device's** network status, as reported by the platform listener registered on
+* `client.networkConnection`.
+*
+* Not the same fact as {@link useWSConnectionState}, and the difference is the point: a socket dies on
+* a working network (a server close, an expired token, a health-check timeout), and a device drops
+* while the socket has not noticed yet. Use this for "you're offline"; use the WebSocket hook for
+* "reconnecting…".
+*
+* `isOnline` has **three** states. `undefined` means *unknown* — nobody has told the client, because
+* no reporter is installed or one is installed and has not reported yet. So a guard must test
+* `isOnline === false`; `!isOnline` is also true when the answer is unknown and would claim "offline"
+* on any host without a reporter. (The WebSocket store's `isOnline` is always a boolean, so `!` is
+* fine there.)
+*
+* Must run under `ChatProvider`, e.g. from a child of `<Chat>`.
+*/
+var useNetworkConnectionState = () => {
+	const { client } = useChatContext();
+	return useStateStore(client?.networkConnection.state, identity);
+};
+/**
+* {@link useNetworkConnectionState} narrowed to what a component actually reads, so it re-renders
+* only when that changes.
+*
+* The selector must return a flat object or tuple — it is shallow-compared on its own keys.
+*
+* @example
+* ```tsx
+* const isOffline = useNetworkConnectionStateSelector(
+*   ({ isOnline }) => ({ isOffline: isOnline === false }),
+* )?.isOffline;
+* ```
+*/
+var useNetworkConnectionStateSelector = (selector) => {
+	const { client } = useChatContext();
+	return useStateStore(client?.networkConnection.state, selector);
+};
+//#endregion
+export { useNetworkConnectionState, useNetworkConnectionStateSelector };
+
+//# sourceMappingURL=useNetworkConnectionState.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNetworkConnectionState.mjs","names":[],"sources":["../../../../../src/components/Chat/hooks/useNetworkConnectionState.ts"],"sourcesContent":["import type { NetworkConnectionState } from 'stream-chat';\n\nimport { useChatContext } from '../../../context/ChatContext';\nimport { useStateStore } from '../../../store';\n\nconst identity = (state: NetworkConnectionState) => state;\n\n/**\n * The **device's** network status, as reported by the platform listener registered on\n * `client.networkConnection`.\n *\n * Not the same fact as {@link useWSConnectionState}, and the difference is the point: a socket dies on\n * a working network (a server close, an expired token, a health-check timeout), and a device drops\n * while the socket has not noticed yet. Use this for \"you're offline\"; use the WebSocket hook for\n * \"reconnecting…\".\n *\n * `isOnline` has **three** states. `undefined` means *unknown* — nobody has told the client, because\n * no reporter is installed or one is installed and has not reported yet. So a guard must test\n * `isOnline === false`; `!isOnline` is also true when the answer is unknown and would claim \"offline\"\n * on any host without a reporter. (The WebSocket store's `isOnline` is always a boolean, so `!` is\n * fine there.)\n *\n * Must run under `ChatProvider`, e.g. from a child of `<Chat>`.\n */\nexport const useNetworkConnectionState = (): NetworkConnectionState | undefined => {\n  const { client } = useChatContext();\n  return useStateStore(client?.networkConnection.state, identity);\n};\n\n/**\n * {@link useNetworkConnectionState} narrowed to what a component actually reads, so it re-renders\n * only when that changes.\n *\n * The selector must return a flat object or tuple — it is shallow-compared on its own keys.\n *\n * @example\n * ```tsx\n * const isOffline = useNetworkConnectionStateSelector(\n *   ({ isOnline }) => ({ isOffline: isOnline === false }),\n * )?.isOffline;\n * ```\n */\nexport const useNetworkConnectionStateSelector = <\n  O extends Readonly<Record<string, unknown> | Readonly<unknown[]>>,\n>(\n  selector: (state: NetworkConnectionState) => O,\n): O | undefined => {\n  const { client } = useChatContext();\n  return useStateStore(client?.networkConnection.state, selector);\n};\n"],"mappings":";;;AAKA,IAAM,YAAY,UAAkC;;;;;;;;;;;;;;;;;;AAmBpD,IAAa,kCAAsE;CACjF,MAAM,EAAE,WAAW,eAAe;CAClC,OAAO,cAAc,QAAQ,kBAAkB,OAAO,QAAQ;AAChE;;;;;;;;;;;;;;AAeA,IAAa,qCAGX,aACkB;CAClB,MAAM,EAAE,WAAW,eAAe;CAClC,OAAO,cAAc,QAAQ,kBAAkB,OAAO,QAAQ;AAChE"}