stream-chat-react 14.11.0 → 14.12.0

package/dist/es/components/MessageComposer/icons.mjs

@@ -0,0 +1,62 @@
+import { useTranslationContext } from "../../context/TranslationContext.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/MessageComposer/icons.tsx
+var UploadIcon = () => {
+	const { t } = useTranslationContext("UploadIcon");
+	return /* @__PURE__ */ jsxs("svg", {
+		"data-testid": "attach-icon",
+		fill: "none",
+		height: "24",
+		viewBox: "0 0 24 24",
+		width: "24",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx("title", { children: t("Attach files") }),
+			/* @__PURE__ */ jsx("g", {
+				clipPath: "url(#clip0_10878_5)",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M12.9997 6.99993L10.9997 6.99993L10.9997 10.9999L6.99972 10.9999L6.99972 12.9999L10.9997 12.9999L10.9997 16.9999L12.9997 16.9999L12.9997 12.9999L16.9997 12.9999L16.9997 10.9999L12.9997 10.9999L12.9997 6.99993ZM11.9997 1.99992C6.47972 1.99992 1.99972 6.47993 1.99972 11.9999C1.99972 17.5199 6.47972 21.9999 11.9997 21.9999C17.5197 21.9999 21.9997 17.5199 21.9997 11.9999C21.9997 6.47993 17.5197 1.99992 11.9997 1.99992ZM11.9997 19.9999C7.58972 19.9999 3.99972 16.4099 3.99972 11.9999C3.99972 7.58993 7.58972 3.99993 11.9997 3.99993C16.4097 3.99993 19.9997 7.58993 19.9997 11.9999C19.9997 16.4099 16.4097 19.9999 11.9997 19.9999Z",
+					fill: "black"
+				})
+			}),
+			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
+				id: "clip0_10878_5",
+				children: /* @__PURE__ */ jsx("rect", {
+					fill: "white",
+					height: "24",
+					width: "24"
+				})
+			}) })
+		]
+	});
+};
+var BinIcon = () => /* @__PURE__ */ jsx("svg", {
+	fill: "currentColor",
+	viewBox: "0 0 32 32",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ jsx("path", { d: "M8.00033 25.3333C8.00033 26.8 9.20033 28 10.667 28H21.3337C22.8003 28 24.0003 26.8 24.0003 25.3333V12C24.0003 10.5333 22.8003 9.33333 21.3337 9.33333H10.667C9.20033 9.33333 8.00033 10.5333 8.00033 12V25.3333ZM24.0003 5.33333H20.667L19.7203 4.38667C19.4803 4.14667 19.1337 4 18.787 4H13.2137C12.867 4 12.5203 4.14667 12.2803 4.38667L11.3337 5.33333H8.00033C7.26699 5.33333 6.66699 5.93333 6.66699 6.66667C6.66699 7.4 7.26699 8 8.00033 8H24.0003C24.7337 8 25.3337 7.4 25.3337 6.66667C25.3337 5.93333 24.7337 5.33333 24.0003 5.33333Z" })
+});
+var PauseIcon = () => /* @__PURE__ */ jsx("svg", {
+	"data-testid": "str-chat__pause-icon",
+	fill: "currentColor",
+	viewBox: "0 0 16 20",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ jsx("path", { d: "M0 19.3333H5.33333V0.666626H0V19.3333ZM10.6667 0.666626V19.3333H16V0.666626H10.6667Z" })
+});
+var PlayIcon = () => /* @__PURE__ */ jsx("svg", {
+	"data-testid": "str-chat__play-icon",
+	fill: "currentColor",
+	viewBox: "0 0 14 18",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ jsx("path", { d: "M0.236328 2.09338V15.9067C0.236328 16.9601 1.39633 17.6001 2.28966 17.0267L13.143 10.1201C13.9697 9.60005 13.9697 8.40005 13.143 7.86672L2.28966 0.973385C1.39633 0.400051 0.236328 1.04005 0.236328 2.09338Z" })
+});
+var CheckSignIcon = () => /* @__PURE__ */ jsx("svg", {
+	fill: "currentColor",
+	viewBox: "0 0 18 14",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ jsx("path", { d: "M5.79457 10.875L2.32457 7.40502C1.93457 7.01502 1.30457 7.01502 0.91457 7.40502C0.52457 7.79502 0.52457 8.42502 0.91457 8.81502L5.09457 12.995C5.48457 13.385 6.11457 13.385 6.50457 12.995L17.0846 2.41502C17.4746 2.02502 17.4746 1.39502 17.0846 1.00502C16.6946 0.615024 16.0646 0.615024 15.6746 1.00502L5.79457 10.875Z" })
+});
+//#endregion
+export { BinIcon, CheckSignIcon, PauseIcon, PlayIcon, UploadIcon };
+
+//# sourceMappingURL=icons.mjs.map

package/dist/es/components/MessageComposer/icons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.mjs","names":[],"sources":["../../../../src/components/MessageComposer/icons.tsx"],"sourcesContent":["import { useTranslationContext } from '../../context/TranslationContext';\n\nexport const UploadIcon = () => {\n  const { t } = useTranslationContext('UploadIcon');\n  return (\n    <svg\n      data-testid='attach-icon'\n      fill='none'\n      height='24'\n      viewBox='0 0 24 24'\n      width='24'\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      <title>{t('Attach files')}</title>\n      <g clipPath='url(#clip0_10878_5)'>\n        <path\n          d='M12.9997 6.99993L10.9997 6.99993L10.9997 10.9999L6.99972 10.9999L6.99972 12.9999L10.9997 12.9999L10.9997 16.9999L12.9997 16.9999L12.9997 12.9999L16.9997 12.9999L16.9997 10.9999L12.9997 10.9999L12.9997 6.99993ZM11.9997 1.99992C6.47972 1.99992 1.99972 6.47993 1.99972 11.9999C1.99972 17.5199 6.47972 21.9999 11.9997 21.9999C17.5197 21.9999 21.9997 17.5199 21.9997 11.9999C21.9997 6.47993 17.5197 1.99992 11.9997 1.99992ZM11.9997 19.9999C7.58972 19.9999 3.99972 16.4099 3.99972 11.9999C3.99972 7.58993 7.58972 3.99993 11.9997 3.99993C16.4097 3.99993 19.9997 7.58993 19.9997 11.9999C19.9997 16.4099 16.4097 19.9999 11.9997 19.9999Z'\n          fill='black'\n        />\n      </g>\n      <defs>\n        <clipPath id='clip0_10878_5'>\n          <rect fill='white' height='24' width='24' />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\n\nexport const BinIcon = () => (\n  <svg fill='currentColor' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'>\n    <path d='M8.00033 25.3333C8.00033 26.8 9.20033 28 10.667 28H21.3337C22.8003 28 24.0003 26.8 24.0003 25.3333V12C24.0003 10.5333 22.8003 9.33333 21.3337 9.33333H10.667C9.20033 9.33333 8.00033 10.5333 8.00033 12V25.3333ZM24.0003 5.33333H20.667L19.7203 4.38667C19.4803 4.14667 19.1337 4 18.787 4H13.2137C12.867 4 12.5203 4.14667 12.2803 4.38667L11.3337 5.33333H8.00033C7.26699 5.33333 6.66699 5.93333 6.66699 6.66667C6.66699 7.4 7.26699 8 8.00033 8H24.0003C24.7337 8 25.3337 7.4 25.3337 6.66667C25.3337 5.93333 24.7337 5.33333 24.0003 5.33333Z' />\n  </svg>\n);\n\nexport const PauseIcon = () => (\n  <svg\n    data-testid='str-chat__pause-icon'\n    fill='currentColor'\n    viewBox='0 0 16 20'\n    xmlns='http://www.w3.org/2000/svg'\n  >\n    <path d='M0 19.3333H5.33333V0.666626H0V19.3333ZM10.6667 0.666626V19.3333H16V0.666626H10.6667Z' />\n  </svg>\n);\n\nexport const PlayIcon = () => (\n  <svg\n    data-testid='str-chat__play-icon'\n    fill='currentColor'\n    viewBox='0 0 14 18'\n    xmlns='http://www.w3.org/2000/svg'\n  >\n    <path d='M0.236328 2.09338V15.9067C0.236328 16.9601 1.39633 17.6001 2.28966 17.0267L13.143 10.1201C13.9697 9.60005 13.9697 8.40005 13.143 7.86672L2.28966 0.973385C1.39633 0.400051 0.236328 1.04005 0.236328 2.09338Z' />\n  </svg>\n);\n\nexport const CheckSignIcon = () => (\n  <svg fill='currentColor' viewBox='0 0 18 14' xmlns='http://www.w3.org/2000/svg'>\n    <path d='M5.79457 10.875L2.32457 7.40502C1.93457 7.01502 1.30457 7.01502 0.91457 7.40502C0.52457 7.79502 0.52457 8.42502 0.91457 8.81502L5.09457 12.995C5.48457 13.385 6.11457 13.385 6.50457 12.995L17.0846 2.41502C17.4746 2.02502 17.4746 1.39502 17.0846 1.00502C16.6946 0.615024 16.0646 0.615024 15.6746 1.00502L5.79457 10.875Z' />\n  </svg>\n);\n"],"mappings":";;;AAEA,IAAa,mBAAmB;CAC9B,MAAM,EAAE,MAAM,sBAAsB,YAAY;CAChD,OACE,qBAAC,OAAD;EACE,eAAY;EACZ,MAAK;EACL,QAAO;EACP,SAAQ;EACR,OAAM;EACN,OAAM;YANR;GAQE,oBAAC,SAAD,EAAA,UAAQ,EAAE,cAAc,EAAS,CAAA;GACjC,oBAAC,KAAD;IAAG,UAAS;cACV,oBAAC,QAAD;KACE,GAAE;KACF,MAAK;IACN,CAAA;GACA,CAAA;GACH,oBAAC,QAAD,EAAA,UACE,oBAAC,YAAD;IAAU,IAAG;cACX,oBAAC,QAAD;KAAM,MAAK;KAAQ,QAAO;KAAK,OAAM;IAAM,CAAA;GACnC,CAAA,EACN,CAAA;EACH;;AAET;AAEA,IAAa,gBACX,oBAAC,OAAD;CAAK,MAAK;CAAe,SAAQ;CAAY,OAAM;WACjD,oBAAC,QAAD,EAAM,GAAE,qhBAAshB,CAAA;AAC3hB,CAAA;AAGP,IAAa,kBACX,oBAAC,OAAD;CACE,eAAY;CACZ,MAAK;CACL,SAAQ;CACR,OAAM;WAEN,oBAAC,QAAD,EAAM,GAAE,uFAAwF,CAAA;AAC7F,CAAA;AAGP,IAAa,iBACX,oBAAC,OAAD;CACE,eAAY;CACZ,MAAK;CACL,SAAQ;CACR,OAAM;WAEN,oBAAC,QAAD,EAAM,GAAE,gNAAiN,CAAA;AACtN,CAAA;AAGP,IAAa,sBACX,oBAAC,OAAD;CAAK,MAAK;CAAe,SAAQ;CAAY,OAAM;WACjD,oBAAC,QAAD,EAAM,GAAE,gUAAiU,CAAA;AACtU,CAAA"}

package/dist/es/components/MessageComposer/preEditSnapshot.mjs

@@ -0,0 +1,45 @@
+//#region src/components/MessageComposer/preEditSnapshot.ts
+var snapshots = /* @__PURE__ */ new WeakMap();
+/**
+* Captures a full state snapshot of the composer before entering edit mode.
+* Does nothing if a snapshot already exists (e.g. switching between edits).
+*/
+var savePreEditSnapshot = (messageComposer) => {
+	if (snapshots.has(messageComposer)) return;
+	const composerState = messageComposer.state.getLatestValue();
+	const textState = messageComposer.textComposer.state.getLatestValue();
+	const attachmentState = messageComposer.attachmentManager.state.getLatestValue();
+	const linkPreviewState = messageComposer.linkPreviewsManager.state.getLatestValue();
+	const locationState = messageComposer.locationComposer.state.getLatestValue();
+	const pollState = messageComposer.pollComposer.state.getLatestValue();
+	const customDataState = messageComposer.customDataManager.state.getLatestValue();
+	snapshots.set(messageComposer, () => {
+		messageComposer.state.next(composerState);
+		messageComposer.textComposer.state.next(textState);
+		messageComposer.attachmentManager.state.next(attachmentState);
+		messageComposer.linkPreviewsManager.state.next(linkPreviewState);
+		messageComposer.locationComposer.state.next(locationState);
+		messageComposer.pollComposer.state.next(pollState);
+		messageComposer.customDataManager.state.next(customDataState);
+	});
+};
+/**
+* Restores the composer to the state captured before editing began.
+* Falls back to `clear()` if no snapshot exists.
+*/
+var restorePreEditSnapshot = (messageComposer) => {
+	const restore = snapshots.get(messageComposer);
+	snapshots.delete(messageComposer);
+	if (restore) restore();
+	else messageComposer.clear();
+};
+/**
+* Discards the snapshot without restoring (e.g. after a successful edit save).
+*/
+var discardPreEditSnapshot = (messageComposer) => {
+	snapshots.delete(messageComposer);
+};
+//#endregion
+export { discardPreEditSnapshot, restorePreEditSnapshot, savePreEditSnapshot };
+
+//# sourceMappingURL=preEditSnapshot.mjs.map

package/dist/es/components/MessageComposer/preEditSnapshot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preEditSnapshot.mjs","names":[],"sources":["../../../../src/components/MessageComposer/preEditSnapshot.ts"],"sourcesContent":["import type { MessageComposer } from 'stream-chat';\n\ntype RestoreFunction = () => void;\n\nconst snapshots = new WeakMap<MessageComposer, RestoreFunction>();\n\n/**\n * Captures a full state snapshot of the composer before entering edit mode.\n * Does nothing if a snapshot already exists (e.g. switching between edits).\n */\nexport const savePreEditSnapshot = (messageComposer: MessageComposer) => {\n  if (snapshots.has(messageComposer)) return;\n\n  const composerState = messageComposer.state.getLatestValue();\n  const textState = messageComposer.textComposer.state.getLatestValue();\n  const attachmentState = messageComposer.attachmentManager.state.getLatestValue();\n  const linkPreviewState = messageComposer.linkPreviewsManager.state.getLatestValue();\n  const locationState = messageComposer.locationComposer.state.getLatestValue();\n  const pollState = messageComposer.pollComposer.state.getLatestValue();\n  const customDataState = messageComposer.customDataManager.state.getLatestValue();\n\n  snapshots.set(messageComposer, () => {\n    messageComposer.state.next(composerState);\n    messageComposer.textComposer.state.next(textState);\n    messageComposer.attachmentManager.state.next(attachmentState);\n    messageComposer.linkPreviewsManager.state.next(linkPreviewState);\n    messageComposer.locationComposer.state.next(locationState);\n    messageComposer.pollComposer.state.next(pollState);\n    messageComposer.customDataManager.state.next(customDataState);\n  });\n};\n\n/**\n * Restores the composer to the state captured before editing began.\n * Falls back to `clear()` if no snapshot exists.\n */\nexport const restorePreEditSnapshot = (messageComposer: MessageComposer) => {\n  const restore = snapshots.get(messageComposer);\n  snapshots.delete(messageComposer);\n  if (restore) {\n    restore();\n  } else {\n    messageComposer.clear();\n  }\n};\n\n/**\n * Discards the snapshot without restoring (e.g. after a successful edit save).\n */\nexport const discardPreEditSnapshot = (messageComposer: MessageComposer) => {\n  snapshots.delete(messageComposer);\n};\n"],"mappings":";AAIA,IAAM,4BAAY,IAAI,QAA0C;;;;;AAMhE,IAAa,uBAAuB,oBAAqC;CACvE,IAAI,UAAU,IAAI,eAAe,GAAG;CAEpC,MAAM,gBAAgB,gBAAgB,MAAM,eAAe;CAC3D,MAAM,YAAY,gBAAgB,aAAa,MAAM,eAAe;CACpE,MAAM,kBAAkB,gBAAgB,kBAAkB,MAAM,eAAe;CAC/E,MAAM,mBAAmB,gBAAgB,oBAAoB,MAAM,eAAe;CAClF,MAAM,gBAAgB,gBAAgB,iBAAiB,MAAM,eAAe;CAC5E,MAAM,YAAY,gBAAgB,aAAa,MAAM,eAAe;CACpE,MAAM,kBAAkB,gBAAgB,kBAAkB,MAAM,eAAe;CAE/E,UAAU,IAAI,uBAAuB;EACnC,gBAAgB,MAAM,KAAK,aAAa;EACxC,gBAAgB,aAAa,MAAM,KAAK,SAAS;EACjD,gBAAgB,kBAAkB,MAAM,KAAK,eAAe;EAC5D,gBAAgB,oBAAoB,MAAM,KAAK,gBAAgB;EAC/D,gBAAgB,iBAAiB,MAAM,KAAK,aAAa;EACzD,gBAAgB,aAAa,MAAM,KAAK,SAAS;EACjD,gBAAgB,kBAAkB,MAAM,KAAK,eAAe;CAC9D,CAAC;AACH;;;;;AAMA,IAAa,0BAA0B,oBAAqC;CAC1E,MAAM,UAAU,UAAU,IAAI,eAAe;CAC7C,UAAU,OAAO,eAAe;CAChC,IAAI,SACF,QAAQ;MAER,gBAAgB,MAAM;AAE1B;;;;AAKA,IAAa,0BAA0B,oBAAqC;CAC1E,UAAU,OAAO,eAAe;AAClC"}

package/dist/es/components/MessageList/FloatingDateSeparator.mjs

@@ -0,0 +1,46 @@
+import { useComponentContext } from "../../context/ComponentContext.mjs";
+import { DateSeparator } from "../DateSeparator/DateSeparator.mjs";
+import { useFloatingDateSeparatorMessageList } from "./hooks/MessageList/useFloatingDateSeparatorMessageList.mjs";
+import { useFloatingDateSeparator } from "./hooks/VirtualizedMessageList/useFloatingDateSeparator.mjs";
+import { useLayoutEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/MessageList/FloatingDateSeparator.tsx
+/**
+* Renders a floating date separator when the user has scrolled past the in-flow date.
+* State is internal so MessageList/VirtualizedMessageList do not re-render when it changes.
+* Use itemsRenderedRef for Virtuoso, listElement for non-virtualized MessageList.
+*/
+var FloatingDateSeparator = (props) => {
+	const { DateSeparator: DateSeparator$1 = DateSeparator } = useComponentContext("FloatingDateSeparator");
+	const { disableDateSeparator, processedMessages } = props;
+	const listElement = "listElement" in props ? props.listElement : null;
+	const useDomMode = listElement != null;
+	const virtuosoResult = useFloatingDateSeparator({
+		disableDateSeparator,
+		processedMessages
+	});
+	const domResult = useFloatingDateSeparatorMessageList({
+		disableDateSeparator,
+		listElement,
+		processedMessages
+	});
+	const floatingDate = useDomMode ? domResult.floatingDate : virtuosoResult.floatingDate;
+	const showFloatingDate = useDomMode ? domResult.showFloatingDate : virtuosoResult.showFloatingDate;
+	const itemsRenderedRef = "itemsRenderedRef" in props ? props.itemsRenderedRef : null;
+	useLayoutEffect(() => {
+		if (!itemsRenderedRef) return;
+		itemsRenderedRef.current = virtuosoResult.onItemsRendered;
+		return () => {
+			itemsRenderedRef.current = null;
+		};
+	}, [itemsRenderedRef, virtuosoResult.onItemsRendered]);
+	if (!showFloatingDate || !floatingDate || !DateSeparator$1) return null;
+	return /* @__PURE__ */ jsx(DateSeparator$1, {
+		date: floatingDate,
+		floating: true
+	});
+};
+//#endregion
+export { FloatingDateSeparator };
+
+//# sourceMappingURL=FloatingDateSeparator.mjs.map

package/dist/es/components/MessageList/FloatingDateSeparator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingDateSeparator.mjs","names":[],"sources":["../../../../src/components/MessageList/FloatingDateSeparator.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport type { RefObject } from 'react';\n\nimport { DateSeparator as DefaultDateSeparator } from '../DateSeparator';\nimport { useComponentContext } from '../../context/ComponentContext';\nimport { useFloatingDateSeparatorMessageList } from './hooks/MessageList';\nimport { useFloatingDateSeparator } from './hooks/VirtualizedMessageList';\nimport type { RenderedMessage } from './utils';\n\ntype BaseProps = {\n  disableDateSeparator: boolean;\n  processedMessages: RenderedMessage[];\n};\n\nexport type FloatingDateSeparatorProps = BaseProps &\n  (\n    | {\n        /** For VirtualizedMessageList: ref the parent calls with visible items */\n        itemsRenderedRef: RefObject<((rendered: RenderedMessage[]) => void) | null>;\n      }\n    | {\n        /** For MessageList: scroll container to query DOM for date separators */\n        listElement: HTMLDivElement | null;\n      }\n  );\n\n/**\n * Renders a floating date separator when the user has scrolled past the in-flow date.\n * State is internal so MessageList/VirtualizedMessageList do not re-render when it changes.\n * Use itemsRenderedRef for Virtuoso, listElement for non-virtualized MessageList.\n */\nexport const FloatingDateSeparator = (props: FloatingDateSeparatorProps) => {\n  const { DateSeparator = DefaultDateSeparator } = useComponentContext(\n    'FloatingDateSeparator',\n  );\n  const { disableDateSeparator, processedMessages } = props;\n\n  const listElement = 'listElement' in props ? props.listElement : null;\n  const useDomMode = listElement != null;\n\n  const virtuosoResult = useFloatingDateSeparator({\n    disableDateSeparator,\n    processedMessages,\n  });\n  const domResult = useFloatingDateSeparatorMessageList({\n    disableDateSeparator,\n    listElement,\n    processedMessages,\n  });\n\n  const floatingDate = useDomMode ? domResult.floatingDate : virtuosoResult.floatingDate;\n  const showFloatingDate = useDomMode\n    ? domResult.showFloatingDate\n    : virtuosoResult.showFloatingDate;\n\n  const itemsRenderedRef = 'itemsRenderedRef' in props ? props.itemsRenderedRef : null;\n  useLayoutEffect(() => {\n    if (!itemsRenderedRef) return;\n    itemsRenderedRef.current = virtuosoResult.onItemsRendered;\n    return () => {\n      itemsRenderedRef.current = null;\n    };\n  }, [itemsRenderedRef, virtuosoResult.onItemsRendered]);\n\n  if (!showFloatingDate || !floatingDate || !DateSeparator) return null;\n\n  return <DateSeparator date={floatingDate} floating />;\n};\n"],"mappings":";;;;;;;;;;;;AA+BA,IAAa,yBAAyB,UAAsC;CAC1E,MAAM,EAAE,eAAA,kBAAgB,kBAAyB,oBAC/C,uBACF;CACA,MAAM,EAAE,sBAAsB,sBAAsB;CAEpD,MAAM,cAAc,iBAAiB,QAAQ,MAAM,cAAc;CACjE,MAAM,aAAa,eAAe;CAElC,MAAM,iBAAiB,yBAAyB;EAC9C;EACA;CACF,CAAC;CACD,MAAM,YAAY,oCAAoC;EACpD;EACA;EACA;CACF,CAAC;CAED,MAAM,eAAe,aAAa,UAAU,eAAe,eAAe;CAC1E,MAAM,mBAAmB,aACrB,UAAU,mBACV,eAAe;CAEnB,MAAM,mBAAmB,sBAAsB,QAAQ,MAAM,mBAAmB;CAChF,sBAAsB;EACpB,IAAI,CAAC,kBAAkB;EACvB,iBAAiB,UAAU,eAAe;EAC1C,aAAa;GACX,iBAAiB,UAAU;EAC7B;CACF,GAAG,CAAC,kBAAkB,eAAe,eAAe,CAAC;CAErD,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,iBAAe,OAAO;CAEjE,OAAO,oBAAC,iBAAD;EAAe,MAAM;EAAc,UAAA;CAAU,CAAA;AACtD"}

package/dist/es/components/MessageList/GiphyPreviewMessage.mjs

@@ -0,0 +1,15 @@
+import { Message } from "../Message/Message.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/MessageList/GiphyPreviewMessage.tsx
+var GiphyPreviewMessage = (props) => {
+	const { message } = props;
+	return /* @__PURE__ */ jsx("div", {
+		className: "giphy-preview-message",
+		children: /* @__PURE__ */ jsx(Message, { message })
+	});
+};
+//#endregion
+export { GiphyPreviewMessage };
+
+//# sourceMappingURL=GiphyPreviewMessage.mjs.map

package/dist/es/components/MessageList/GiphyPreviewMessage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GiphyPreviewMessage.mjs","names":[],"sources":["../../../../src/components/MessageList/GiphyPreviewMessage.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Message } from '../Message/Message';\nimport type { LocalMessage } from 'stream-chat';\n\nexport type GiphyPreviewMessageProps = {\n  message: LocalMessage;\n};\n\nexport const GiphyPreviewMessage = (props: GiphyPreviewMessageProps) => {\n  const { message } = props;\n\n  return (\n    <div className='giphy-preview-message'>\n      <Message message={message} />\n    </div>\n  );\n};\n"],"mappings":";;;;AASA,IAAa,uBAAuB,UAAoC;CACtE,MAAM,EAAE,YAAY;CAEpB,OACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,SAAD,EAAkB,QAAU,CAAA;CACzB,CAAA;AAET"}

package/dist/es/components/MessageList/MessageList.mjs

@@ -0,0 +1,329 @@
+import { useChannelActionContext } from "../../context/ChannelActionContext.mjs";
+import { useChannelStateContext } from "../../context/ChannelStateContext.mjs";
+import { useChatContext } from "../../context/ChatContext.mjs";
+import { useComponentContext } from "../../context/ComponentContext.mjs";
+import { DialogManagerProvider } from "../../context/DialogManagerContext.mjs";
+import { MessageListContextProvider } from "../../context/MessageListContext.mjs";
+import { MessageTranslationViewProvider } from "../../context/MessageTranslationViewContext.mjs";
+import { useStableId } from "../UtilityComponents/useStableId.mjs";
+import { EmptyStateIndicator } from "../EmptyStateIndicator/EmptyStateIndicator.mjs";
+import { LoadingIndicator } from "../Loading/LoadingIndicator.mjs";
+import { MESSAGE_ACTIONS } from "../Message/utils.mjs";
+import { useEnrichedMessages } from "./hooks/MessageList/useEnrichedMessages.mjs";
+import { useMessageListElements } from "./hooks/MessageList/useMessageListElements.mjs";
+import { useScrollLocationLogic } from "./hooks/MessageList/useScrollLocationLogic.mjs";
+import { MessageListMainPanel } from "./MessageListMainPanel.mjs";
+import { useUnreadMessagesNotification } from "./hooks/MessageList/useUnreadMessagesNotification.mjs";
+import { useMarkRead } from "./hooks/useMarkRead.mjs";
+import { NewMessageNotification } from "./NewMessageNotification.mjs";
+import { UnreadMessagesNotification } from "./UnreadMessagesNotification.mjs";
+import { InfiniteScroll } from "../InfiniteScrollPaginator/InfiniteScroll.mjs";
+import { TypingIndicator } from "../TypingIndicator/TypingIndicator.mjs";
+import { FloatingDateSeparator } from "./FloatingDateSeparator.mjs";
+import { defaultRenderMessages } from "./renderMessages.mjs";
+import { useLastOwnMessage } from "./hooks/useLastOwnMessage.mjs";
+import { useReducedMotionPreference } from "./hooks/useReducedMotionPreference.mjs";
+import { ScrollToLatestMessageButton } from "./ScrollToLatestMessageButton.mjs";
+import { useNotificationTarget } from "../Notifications/hooks/useNotificationTarget.mjs";
+import { NotificationList } from "../Notifications/NotificationList.mjs";
+import { useIncomingMessageAnnouncements } from "../Accessibility/hooks/useIncomingMessageAnnouncements.mjs";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/components/MessageList/MessageList.tsx
+var getMessageSetSignature = (messages) => `${messages.length}:${messages[0]?.id || ""}:${messages[messages.length - 1]?.id || ""}`;
+var getMessageTimestamp = (message) => message?.created_at?.getTime?.() ?? null;
+var MessageListWithContext = (props) => {
+	const { channel, channelUnreadUiState, disableDateSeparator = false, groupStyles, hasMoreNewer = false, headerPosition, hideDeletedMessages = false, hideNewMessageSeparator = false, highlightedMessageId, internalInfiniteScrollProps: { threshold: loadMoreScrollThreshold = 250, ...restInternalInfiniteScrollProps } = {}, jumpToLatestMessage = () => Promise.resolve(), loadMore: loadMoreCallback, loadMoreNewer: loadMoreNewerCallback, maxTimeBetweenGroupedMessages, messageActions = Object.keys(MESSAGE_ACTIONS), messageLimit = 25, messages = [], noGroupByUser = false, reactionDetailsSort, renderMessages = defaultRenderMessages, returnAllReadData = false, reviewProcessedMessage, showUnreadNotificationAlways, sortReactions, suppressAutoscroll, thread, threadList = false, unsafeHTML = false } = props;
+	const [listElement, setListElement] = React.useState(null);
+	const [jumpToLatestPhase, setJumpToLatestPhase] = React.useState("idle");
+	const [highlightedJumpPhase, setHighlightedJumpPhase] = React.useState("idle");
+	const [jumpSourceMessageSetSignature, setJumpSourceMessageSetSignature] = React.useState(null);
+	const previousHasMoreNewerRef = React.useRef(hasMoreNewer);
+	const previousMessageSetSignatureRef = React.useRef("");
+	const previousMessageSetBoundsRef = React.useRef({
+		firstTimestamp: null,
+		lastTimestamp: null
+	});
+	const { customClasses } = useChatContext("MessageList");
+	const scrollBehavior = useReducedMotionPreference() ? "auto" : "smooth";
+	const { EmptyStateIndicator: EmptyStateIndicator$1 = EmptyStateIndicator, LoadingIndicator: LoadingIndicator$1 = LoadingIndicator, MessageListMainPanel: MessageListMainPanel$1 = MessageListMainPanel, MessageListWrapper = "ul", NewMessageNotification: NewMessageNotification$1 = NewMessageNotification, NotificationList: NotificationList$1 = NotificationList, ScrollToLatestMessageButton: ScrollToLatestMessageButton$1 = ScrollToLatestMessageButton, TypingIndicator: TypingIndicator$1 = TypingIndicator, UnreadMessagesNotification: UnreadMessagesNotification$1 = UnreadMessagesNotification } = useComponentContext();
+	const notificationTarget = useNotificationTarget();
+	const messageSetSignature = React.useMemo(() => getMessageSetSignature(messages), [messages]);
+	const messageSetBounds = React.useMemo(() => ({
+		firstTimestamp: getMessageTimestamp(messages[0]),
+		lastTimestamp: getMessageTimestamp(messages[messages.length - 1])
+	}), [messages]);
+	const isJumpingToLatest = jumpToLatestPhase !== "idle";
+	const isHighlightedJumpRequested = !!highlightedMessageId;
+	const isJumpingToHighlightedMessage = highlightedJumpPhase !== "idle";
+	const justReachedLatestMergedSet = previousHasMoreNewerRef.current && !hasMoreNewer;
+	const { hasNewMessages, isMessageListScrolledToBottom, onScroll, scrollToBottom, wrapperRect } = useScrollLocationLogic({
+		disableAutoScrollToBottom: isJumpingToLatest || isHighlightedJumpRequested || justReachedLatestMergedSet,
+		disableScrollManagement: isJumpingToLatest || isJumpingToHighlightedMessage,
+		hasMoreNewer,
+		listElement,
+		loadingMore: props.loadingMore,
+		loadMoreScrollThreshold,
+		messages,
+		scrolledUpThreshold: props.scrolledUpThreshold,
+		suppressAutoscroll
+	});
+	const isTypingIndicatorScrolledToBottom = isMessageListScrolledToBottom && !isJumpingToLatest && !isJumpingToHighlightedMessage && !justReachedLatestMergedSet;
+	const { show: showUnreadMessagesNotification } = useUnreadMessagesNotification({
+		isMessageListScrolledToBottom,
+		listElement,
+		showAlways: !!showUnreadNotificationAlways,
+		unreadCount: channelUnreadUiState?.unread_messages
+	});
+	useMarkRead({
+		isMessageListScrolledToBottom: isTypingIndicatorScrolledToBottom,
+		messageListIsThread: threadList,
+		wasMarkedUnread: !!channelUnreadUiState?.first_unread_message_id
+	});
+	const { messageGroupStyles, messages: enrichedMessages } = useEnrichedMessages({
+		channel,
+		disableDateSeparator,
+		groupStyles,
+		headerPosition,
+		hideDeletedMessages,
+		hideNewMessageSeparator,
+		maxTimeBetweenGroupedMessages,
+		messages,
+		noGroupByUser,
+		reviewProcessedMessage
+	});
+	const lastOwnMessage = useLastOwnMessage({
+		messages,
+		ownUserId: channel.getClient().user?.id
+	});
+	const elements = useMessageListElements({
+		channelUnreadUiState,
+		enrichedMessages,
+		internalMessageProps: {
+			additionalMessageComposerProps: props.additionalMessageComposerProps,
+			closeReactionSelectorOnClick: props.closeReactionSelectorOnClick,
+			disableQuotedMessages: props.disableQuotedMessages,
+			formatDate: props.formatDate,
+			Message: props.Message,
+			messageActions,
+			messageListRect: wrapperRect,
+			onMentionsClick: props.onMentionsClick,
+			onMentionsHover: props.onMentionsHover,
+			onUserClick: props.onUserClick,
+			onUserHover: props.onUserHover,
+			openThread: props.openThread,
+			reactionDetailsSort,
+			renderText: props.renderText,
+			retrySendMessage: props.retrySendMessage,
+			showAvatar: props.showAvatar,
+			sortReactions,
+			unsafeHTML
+		},
+		lastOwnMessage,
+		messageGroupStyles,
+		messages,
+		renderMessages,
+		returnAllReadData,
+		threadList
+	});
+	useIncomingMessageAnnouncements({
+		activeThreadId: thread?.id,
+		channel,
+		ownUserId: channel.getClient().user?.id,
+		threadList
+	});
+	const messageListClass = customClasses?.messageList || "str-chat__message-list";
+	const loadMore = React.useCallback(() => {
+		if (loadMoreCallback) loadMoreCallback(messageLimit);
+	}, [loadMoreCallback, messageLimit]);
+	const loadMoreNewer = React.useCallback(() => {
+		if (loadMoreNewerCallback) loadMoreNewerCallback(messageLimit);
+	}, [loadMoreNewerCallback, messageLimit]);
+	const scrollToBottomFromNotification = React.useCallback(async () => {
+		if (hasMoreNewer) {
+			setJumpSourceMessageSetSignature(messageSetSignature);
+			setJumpToLatestPhase("waiting-for-render");
+			try {
+				await jumpToLatestMessage();
+			} catch (error) {
+				setJumpSourceMessageSetSignature(null);
+				setJumpToLatestPhase("idle");
+				throw error;
+			}
+			return;
+		}
+		scrollToBottom({ behavior: scrollBehavior });
+	}, [
+		scrollBehavior,
+		hasMoreNewer,
+		jumpToLatestMessage,
+		messageSetSignature,
+		scrollToBottom
+	]);
+	React.useLayoutEffect(() => {
+		if (jumpToLatestPhase !== "waiting-for-render" || hasMoreNewer || !listElement?.scrollTo || messageSetSignature === jumpSourceMessageSetSignature) return;
+		listElement.scrollTo({ top: 0 });
+		const animationFrameId = requestAnimationFrame(() => {
+			setJumpToLatestPhase("animating");
+			listElement.scrollTo({
+				behavior: scrollBehavior,
+				top: listElement.scrollHeight
+			});
+		});
+		return () => cancelAnimationFrame(animationFrameId);
+	}, [
+		scrollBehavior,
+		hasMoreNewer,
+		jumpSourceMessageSetSignature,
+		jumpToLatestPhase,
+		listElement,
+		messageSetSignature
+	]);
+	React.useLayoutEffect(() => {
+		if (jumpToLatestPhase !== "animating" || !listElement?.scrollTo) return;
+		const finalize = () => {
+			listElement.scrollTo({ top: listElement.scrollHeight });
+			setJumpSourceMessageSetSignature(null);
+			setJumpToLatestPhase("idle");
+		};
+		const settleTimeoutId = setTimeout(finalize, 500);
+		return () => {
+			clearTimeout(settleTimeoutId);
+		};
+	}, [jumpToLatestPhase, listElement]);
+	React.useLayoutEffect(() => {
+		if (!highlightedMessageId) {
+			setHighlightedJumpPhase("idle");
+			return;
+		}
+		const element = listElement?.querySelector(`[data-message-id='${highlightedMessageId}']`);
+		if (!element) {
+			setHighlightedJumpPhase("waiting-for-render");
+			return;
+		}
+		const messageSetChanged = previousMessageSetSignatureRef.current !== messageSetSignature;
+		setHighlightedJumpPhase(messageSetChanged ? "animating" : "idle");
+		let settleTimeoutId;
+		const animationFrameId = requestAnimationFrame(() => {
+			element.scrollIntoView({
+				behavior: scrollBehavior,
+				block: "center"
+			});
+			if (!messageSetChanged || !listElement?.scrollTo) {
+				setHighlightedJumpPhase("idle");
+				return;
+			}
+			settleTimeoutId = setTimeout(() => {
+				const elementRect = element.getBoundingClientRect();
+				const listRect = listElement.getBoundingClientRect();
+				const targetTop = listElement.scrollTop + (elementRect.top - listRect.top) - (listElement.clientHeight - elementRect.height) / 2;
+				listElement.scrollTo({ top: Math.max(targetTop, 0) });
+				setHighlightedJumpPhase("idle");
+			}, 500);
+		});
+		return () => {
+			cancelAnimationFrame(animationFrameId);
+			if (settleTimeoutId) clearTimeout(settleTimeoutId);
+		};
+	}, [
+		scrollBehavior,
+		highlightedMessageId,
+		messageSetSignature
+	]);
+	React.useEffect(() => {
+		previousHasMoreNewerRef.current = hasMoreNewer;
+	}, [hasMoreNewer]);
+	React.useEffect(() => {
+		previousMessageSetSignatureRef.current = messageSetSignature;
+		previousMessageSetBoundsRef.current = messageSetBounds;
+	}, [messageSetBounds, messageSetSignature]);
+	const id = useStableId();
+	const showEmptyStateIndicator = elements.length === 0 && !threadList;
+	const dialogManagerId = threadList ? `message-list-dialog-manager-thread-${id}` : `message-list-dialog-manager-${id}`;
+	return /* @__PURE__ */ jsx(MessageListContextProvider, {
+		value: {
+			listElement,
+			processedMessages: enrichedMessages,
+			scrollToBottom
+		},
+		children: /* @__PURE__ */ jsx(MessageTranslationViewProvider, { children: /* @__PURE__ */ jsxs(MessageListMainPanel$1, { children: [/* @__PURE__ */ jsxs(DialogManagerProvider, {
+			id: dialogManagerId,
+			children: [
+				!threadList && showUnreadMessagesNotification && /* @__PURE__ */ jsx(UnreadMessagesNotification$1, { unreadCount: channelUnreadUiState?.unread_messages }),
+				/* @__PURE__ */ jsx(FloatingDateSeparator, {
+					disableDateSeparator,
+					listElement,
+					processedMessages: enrichedMessages
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: clsx(messageListClass, customClasses?.threadList),
+					onScroll,
+					ref: setListElement,
+					tabIndex: 0,
+					children: showEmptyStateIndicator ? /* @__PURE__ */ jsx(EmptyStateIndicator$1, { listType: threadList ? "thread" : "message" }) : /* @__PURE__ */ jsxs(InfiniteScroll, {
+						className: "str-chat__message-list-scroll",
+						"data-testid": "reverse-infinite-scroll",
+						hasNextPage: props.hasMoreNewer,
+						hasPreviousPage: isJumpingToHighlightedMessage ? false : props.hasMore,
+						head: props.head,
+						isLoading: Boolean(props.loadingMore || props.loadingMoreForJumpToChannelMessage),
+						loader: /* @__PURE__ */ jsx("div", {
+							className: "str-chat__list__loading",
+							children: (props.loadingMore || props.loadingMoreForJumpToChannelMessage) && /* @__PURE__ */ jsx(LoadingIndicator$1, {})
+						}, "loading-indicator"),
+						loadNextPage: loadMoreNewer,
+						loadPreviousPage: isJumpingToHighlightedMessage ? () => void 0 : loadMore,
+						threshold: loadMoreScrollThreshold,
+						...restInternalInfiniteScrollProps,
+						children: [
+							/* @__PURE__ */ jsx(MessageListWrapper, {
+								className: "str-chat__ul",
+								children: elements
+							}),
+							/* @__PURE__ */ jsx(TypingIndicator$1, {
+								isMessageListScrolledToBottom: isTypingIndicatorScrolledToBottom,
+								scrollToBottom,
+								threadList
+							}),
+							/* @__PURE__ */ jsx("div", {}, "bottom")
+						]
+					})
+				}),
+				/* @__PURE__ */ jsx(NewMessageNotification$1, {
+					newMessageCount: channelUnreadUiState?.unread_messages,
+					showNotification: hasNewMessages || hasMoreNewer
+				}),
+				/* @__PURE__ */ jsx(ScrollToLatestMessageButton$1, {
+					isMessageListScrolledToBottom,
+					isNotAtLatestMessageSet: hasMoreNewer,
+					onClick: scrollToBottomFromNotification,
+					threadList
+				})
+			]
+		}), /* @__PURE__ */ jsx(NotificationList$1, { panel: notificationTarget })] }) })
+	});
+};
+/**
+* The MessageList component renders a list of Messages.
+* It is a consumer of the following contexts:
+* - [ChannelStateContext](https://getstream.io/chat/docs/sdk/react/contexts/channel_state_context/)
+* - [ChannelActionContext](https://getstream.io/chat/docs/sdk/react/contexts/channel_action_context/)
+* - [ComponentContext](https://getstream.io/chat/docs/sdk/react/contexts/component_context/)
+* - [TypingContext](https://getstream.io/chat/docs/sdk/react/contexts/typing_context/)
+*/
+var MessageList = (props) => {
+	const { jumpToLatestMessage, loadMore, loadMoreNewer } = useChannelActionContext("MessageList");
+	const { members: membersPropToNotPass, mutes: mutesPropToNotPass, watchers: watchersPropToNotPass, ...restChannelStateContext } = useChannelStateContext("MessageList");
+	return /* @__PURE__ */ jsx(MessageListWithContext, {
+		jumpToLatestMessage,
+		loadMore,
+		loadMoreNewer,
+		...restChannelStateContext,
+		...props
+	});
+};
+//#endregion
+export { MessageList };
+
+//# sourceMappingURL=MessageList.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.mjs","names":[],"sources":["../../../../src/components/MessageList/MessageList.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\n\nimport {\n  useEnrichedMessages,\n  useMessageListElements,\n  useScrollLocationLogic,\n  useUnreadMessagesNotification,\n} from './hooks/MessageList';\nimport { useMarkRead } from './hooks/useMarkRead';\nimport { NewMessageNotification as DefaultNewMessageNotification } from './NewMessageNotification';\nimport { UnreadMessagesNotification as DefaultUnreadMessagesNotification } from './UnreadMessagesNotification';\n\nimport type { ChannelActionContextValue } from '../../context/ChannelActionContext';\nimport { useChannelActionContext } from '../../context/ChannelActionContext';\nimport type { ChannelStateContextValue } from '../../context/ChannelStateContext';\nimport { useChannelStateContext } from '../../context/ChannelStateContext';\nimport { DialogManagerProvider } from '../../context';\nimport { useChatContext } from '../../context/ChatContext';\nimport { useComponentContext } from '../../context/ComponentContext';\nimport { MessageListContextProvider } from '../../context/MessageListContext';\nimport { MessageTranslationViewProvider } from '../../context/MessageTranslationViewContext';\nimport { EmptyStateIndicator as DefaultEmptyStateIndicator } from '../EmptyStateIndicator';\nimport type { InfiniteScrollProps } from '../InfiniteScrollPaginator/InfiniteScroll';\nimport { InfiniteScroll } from '../InfiniteScrollPaginator/InfiniteScroll';\nimport { LoadingIndicator as DefaultLoadingIndicator } from '../Loading';\nimport { MESSAGE_ACTIONS } from '../Message/utils';\nimport { TypingIndicator as DefaultTypingIndicator } from '../TypingIndicator';\nimport { MessageListMainPanel as DefaultMessageListMainPanel } from './MessageListMainPanel';\n\nimport { FloatingDateSeparator } from './FloatingDateSeparator';\nimport type { MessageRenderer } from './renderMessages';\nimport { defaultRenderMessages } from './renderMessages';\nimport { useStableId } from '../UtilityComponents/useStableId';\n\nimport type { LocalMessage } from 'stream-chat';\nimport type { GroupStyle, ProcessMessagesParams, RenderedMessage } from './utils';\nimport type { MessageProps } from '../Message/types';\n\nimport {\n  DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD,\n  DEFAULT_NEXT_CHANNEL_PAGE_SIZE,\n} from '../../constants/limits';\nimport { useLastOwnMessage } from './hooks/useLastOwnMessage';\nimport { useReducedMotionPreference } from './hooks/useReducedMotionPreference';\nimport { ScrollToLatestMessageButton as DefaultScrollToLatestMessageButton } from './ScrollToLatestMessageButton';\nimport {\n  NotificationList as DefaultNotificationList,\n  useNotificationTarget,\n} from '../Notifications';\nimport { useIncomingMessageAnnouncements } from '../Accessibility';\n\ntype MessageListWithContextProps = Omit<\n  ChannelStateContextValue,\n  'members' | 'mutes' | 'watchers'\n> &\n  MessageListProps;\n\ntype JumpToLatestPhase = 'idle' | 'waiting-for-render' | 'animating';\ntype HighlightedJumpPhase = 'idle' | 'waiting-for-render' | 'animating';\n\nconst getMessageSetSignature = (messages: LocalMessage[]) =>\n  `${messages.length}:${messages[0]?.id || ''}:${messages[messages.length - 1]?.id || ''}`;\n\nconst getMessageTimestamp = (message?: LocalMessage) =>\n  message?.created_at?.getTime?.() ?? null;\n\nconst MessageListWithContext = (props: MessageListWithContextProps) => {\n  const {\n    channel,\n    channelUnreadUiState,\n    disableDateSeparator = false,\n    groupStyles,\n    hasMoreNewer = false,\n    headerPosition,\n    hideDeletedMessages = false,\n    hideNewMessageSeparator = false,\n    highlightedMessageId,\n    internalInfiniteScrollProps: {\n      threshold: loadMoreScrollThreshold = DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD,\n      ...restInternalInfiniteScrollProps\n    } = {},\n    jumpToLatestMessage = () => Promise.resolve(),\n    loadMore: loadMoreCallback,\n    loadMoreNewer: loadMoreNewerCallback,\n    maxTimeBetweenGroupedMessages,\n    messageActions = Object.keys(MESSAGE_ACTIONS),\n    messageLimit = DEFAULT_NEXT_CHANNEL_PAGE_SIZE,\n    messages = [],\n    noGroupByUser = false,\n    reactionDetailsSort,\n    renderMessages = defaultRenderMessages,\n    returnAllReadData = false,\n    reviewProcessedMessage,\n    showUnreadNotificationAlways,\n    sortReactions,\n    suppressAutoscroll,\n    thread,\n    threadList = false,\n    unsafeHTML = false,\n  } = props;\n\n  const [listElement, setListElement] = React.useState<HTMLDivElement | null>(null);\n  const [jumpToLatestPhase, setJumpToLatestPhase] =\n    React.useState<JumpToLatestPhase>('idle');\n  const [highlightedJumpPhase, setHighlightedJumpPhase] =\n    React.useState<HighlightedJumpPhase>('idle');\n  const [jumpSourceMessageSetSignature, setJumpSourceMessageSetSignature] =\n    React.useState<string | null>(null);\n  const previousHasMoreNewerRef = React.useRef(hasMoreNewer);\n  const previousMessageSetSignatureRef = React.useRef('');\n  const previousMessageSetBoundsRef = React.useRef<{\n    firstTimestamp: number | null;\n    lastTimestamp: number | null;\n  }>({\n    firstTimestamp: null,\n    lastTimestamp: null,\n  });\n\n  const { customClasses } = useChatContext('MessageList');\n  const prefersReducedMotion = useReducedMotionPreference();\n  const scrollBehavior = prefersReducedMotion ? 'auto' : 'smooth';\n\n  const {\n    EmptyStateIndicator = DefaultEmptyStateIndicator,\n    LoadingIndicator = DefaultLoadingIndicator,\n    MessageListMainPanel = DefaultMessageListMainPanel,\n    MessageListWrapper = 'ul',\n    NewMessageNotification = DefaultNewMessageNotification,\n    NotificationList = DefaultNotificationList,\n    ScrollToLatestMessageButton = DefaultScrollToLatestMessageButton,\n    TypingIndicator = DefaultTypingIndicator,\n    UnreadMessagesNotification = DefaultUnreadMessagesNotification,\n  } = useComponentContext();\n\n  const notificationTarget = useNotificationTarget();\n  const messageSetSignature = React.useMemo(\n    () => getMessageSetSignature(messages),\n    [messages],\n  );\n  const messageSetBounds = React.useMemo(\n    () => ({\n      firstTimestamp: getMessageTimestamp(messages[0]),\n      lastTimestamp: getMessageTimestamp(messages[messages.length - 1]),\n    }),\n    [messages],\n  );\n  const isJumpingToLatest = jumpToLatestPhase !== 'idle';\n  const isHighlightedJumpRequested = !!highlightedMessageId;\n  // Highlighted jumps temporarily disable prepend pagination so a target\n  // message rendered near the top does not immediately load the previous page.\n  const isJumpingToHighlightedMessage = highlightedJumpPhase !== 'idle';\n  const justReachedLatestMergedSet = previousHasMoreNewerRef.current && !hasMoreNewer;\n\n  const {\n    hasNewMessages,\n    isMessageListScrolledToBottom,\n    onScroll,\n    scrollToBottom,\n    wrapperRect,\n  } = useScrollLocationLogic({\n    disableAutoScrollToBottom:\n      isJumpingToLatest || isHighlightedJumpRequested || justReachedLatestMergedSet,\n    disableScrollManagement: isJumpingToLatest || isJumpingToHighlightedMessage,\n    hasMoreNewer,\n    listElement,\n    loadingMore: props.loadingMore,\n    loadMoreScrollThreshold,\n    messages, // todo: is it correct to base the scroll logic on an array that does not contain date separators or intro?\n    scrolledUpThreshold: props.scrolledUpThreshold,\n    suppressAutoscroll,\n  });\n  const isTypingIndicatorScrolledToBottom =\n    isMessageListScrolledToBottom &&\n    !isJumpingToLatest &&\n    !isJumpingToHighlightedMessage &&\n    !justReachedLatestMergedSet;\n\n  const { show: showUnreadMessagesNotification } = useUnreadMessagesNotification({\n    isMessageListScrolledToBottom,\n    listElement,\n    showAlways: !!showUnreadNotificationAlways,\n    unreadCount: channelUnreadUiState?.unread_messages,\n  });\n\n  useMarkRead({\n    isMessageListScrolledToBottom: isTypingIndicatorScrolledToBottom,\n    messageListIsThread: threadList,\n    wasMarkedUnread: !!channelUnreadUiState?.first_unread_message_id,\n  });\n\n  const { messageGroupStyles, messages: enrichedMessages } = useEnrichedMessages({\n    channel,\n    disableDateSeparator,\n    groupStyles,\n    headerPosition,\n    hideDeletedMessages,\n    hideNewMessageSeparator,\n    maxTimeBetweenGroupedMessages,\n    messages,\n    noGroupByUser,\n    reviewProcessedMessage,\n  });\n\n  const lastOwnMessage = useLastOwnMessage({\n    messages,\n    ownUserId: channel.getClient().user?.id,\n  });\n\n  const elements = useMessageListElements({\n    channelUnreadUiState,\n    enrichedMessages,\n    internalMessageProps: {\n      additionalMessageComposerProps: props.additionalMessageComposerProps,\n      closeReactionSelectorOnClick: props.closeReactionSelectorOnClick,\n      disableQuotedMessages: props.disableQuotedMessages,\n      formatDate: props.formatDate,\n      Message: props.Message,\n      messageActions,\n      messageListRect: wrapperRect,\n      onMentionsClick: props.onMentionsClick,\n      onMentionsHover: props.onMentionsHover,\n      onUserClick: props.onUserClick,\n      onUserHover: props.onUserHover,\n      openThread: props.openThread,\n      reactionDetailsSort,\n      renderText: props.renderText,\n      retrySendMessage: props.retrySendMessage,\n      showAvatar: props.showAvatar,\n      sortReactions,\n      unsafeHTML,\n    },\n    lastOwnMessage,\n    messageGroupStyles,\n    messages,\n    renderMessages,\n    returnAllReadData,\n    threadList,\n  });\n\n  useIncomingMessageAnnouncements({\n    activeThreadId: thread?.id,\n    channel,\n    ownUserId: channel.getClient().user?.id,\n    threadList,\n  });\n\n  const messageListClass = customClasses?.messageList || 'str-chat__message-list';\n\n  const loadMore = React.useCallback(() => {\n    if (loadMoreCallback) {\n      loadMoreCallback(messageLimit);\n    }\n  }, [loadMoreCallback, messageLimit]);\n\n  const loadMoreNewer = React.useCallback(() => {\n    if (loadMoreNewerCallback) {\n      loadMoreNewerCallback(messageLimit);\n    }\n  }, [loadMoreNewerCallback, messageLimit]);\n\n  const scrollToBottomFromNotification = React.useCallback(async () => {\n    if (hasMoreNewer) {\n      setJumpSourceMessageSetSignature(messageSetSignature);\n      setJumpToLatestPhase('waiting-for-render');\n      try {\n        await jumpToLatestMessage();\n      } catch (error) {\n        setJumpSourceMessageSetSignature(null);\n        setJumpToLatestPhase('idle');\n        throw error;\n      }\n      return;\n    }\n\n    scrollToBottom({ behavior: scrollBehavior });\n  }, [\n    scrollBehavior,\n    hasMoreNewer,\n    jumpToLatestMessage,\n    messageSetSignature,\n    scrollToBottom,\n  ]);\n\n  React.useLayoutEffect(() => {\n    if (\n      jumpToLatestPhase !== 'waiting-for-render' ||\n      hasMoreNewer ||\n      !listElement?.scrollTo ||\n      messageSetSignature === jumpSourceMessageSetSignature\n    ) {\n      return;\n    }\n\n    listElement.scrollTo({ top: 0 });\n\n    const animationFrameId = requestAnimationFrame(() => {\n      setJumpToLatestPhase('animating');\n      listElement.scrollTo({\n        behavior: scrollBehavior,\n        top: listElement.scrollHeight,\n      });\n    });\n\n    return () => cancelAnimationFrame(animationFrameId);\n  }, [\n    scrollBehavior,\n    hasMoreNewer,\n    jumpSourceMessageSetSignature,\n    jumpToLatestPhase,\n    listElement,\n    messageSetSignature,\n  ]);\n\n  React.useLayoutEffect(() => {\n    if (jumpToLatestPhase !== 'animating' || !listElement?.scrollTo) {\n      return;\n    }\n\n    const finalize = () => {\n      listElement.scrollTo({ top: listElement.scrollHeight });\n      setJumpSourceMessageSetSignature(null);\n      setJumpToLatestPhase('idle');\n    };\n\n    const settleTimeoutId = setTimeout(finalize, 500);\n\n    return () => {\n      clearTimeout(settleTimeoutId);\n    };\n  }, [jumpToLatestPhase, listElement]);\n\n  React.useLayoutEffect(() => {\n    if (!highlightedMessageId) {\n      setHighlightedJumpPhase('idle');\n      return;\n    }\n\n    const element = listElement?.querySelector(\n      `[data-message-id='${highlightedMessageId}']`,\n    );\n    if (!element) {\n      setHighlightedJumpPhase('waiting-for-render');\n      return;\n    }\n\n    const messageSetChanged =\n      previousMessageSetSignatureRef.current !== messageSetSignature;\n    setHighlightedJumpPhase(messageSetChanged ? 'animating' : 'idle');\n    let settleTimeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    const animationFrameId = requestAnimationFrame(() => {\n      element.scrollIntoView({\n        behavior: scrollBehavior,\n        block: 'center',\n      });\n\n      if (!messageSetChanged || !listElement?.scrollTo) {\n        setHighlightedJumpPhase('idle');\n        return;\n      }\n\n      settleTimeoutId = setTimeout(() => {\n        const elementRect = element.getBoundingClientRect();\n        const listRect = listElement.getBoundingClientRect();\n        const targetTop =\n          listElement.scrollTop +\n          (elementRect.top - listRect.top) -\n          (listElement.clientHeight - elementRect.height) / 2;\n\n        listElement.scrollTo({ top: Math.max(targetTop, 0) });\n        setHighlightedJumpPhase('idle');\n      }, 500);\n    });\n\n    return () => {\n      cancelAnimationFrame(animationFrameId);\n      if (settleTimeoutId) {\n        clearTimeout(settleTimeoutId);\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scrollBehavior, highlightedMessageId, messageSetSignature]);\n\n  React.useEffect(() => {\n    previousHasMoreNewerRef.current = hasMoreNewer;\n  }, [hasMoreNewer]);\n\n  React.useEffect(() => {\n    previousMessageSetSignatureRef.current = messageSetSignature;\n    previousMessageSetBoundsRef.current = messageSetBounds;\n  }, [messageSetBounds, messageSetSignature]);\n\n  const id = useStableId();\n\n  const showEmptyStateIndicator = elements.length === 0 && !threadList;\n  const dialogManagerId = threadList\n    ? `message-list-dialog-manager-thread-${id}`\n    : `message-list-dialog-manager-${id}`;\n\n  return (\n    <MessageListContextProvider\n      value={{\n        listElement,\n        processedMessages: enrichedMessages,\n        scrollToBottom,\n      }}\n    >\n      <MessageTranslationViewProvider>\n        <MessageListMainPanel>\n          <DialogManagerProvider id={dialogManagerId}>\n            {!threadList && showUnreadMessagesNotification && (\n              <UnreadMessagesNotification\n                unreadCount={channelUnreadUiState?.unread_messages}\n              />\n            )}\n            <FloatingDateSeparator\n              disableDateSeparator={disableDateSeparator}\n              listElement={listElement}\n              processedMessages={enrichedMessages}\n            />\n            <div\n              className={clsx(messageListClass, customClasses?.threadList)}\n              onScroll={onScroll}\n              ref={setListElement}\n              tabIndex={0}\n            >\n              {showEmptyStateIndicator ? (\n                <EmptyStateIndicator listType={threadList ? 'thread' : 'message'} />\n              ) : (\n                <InfiniteScroll\n                  className='str-chat__message-list-scroll'\n                  data-testid='reverse-infinite-scroll'\n                  hasNextPage={props.hasMoreNewer}\n                  hasPreviousPage={isJumpingToHighlightedMessage ? false : props.hasMore}\n                  head={props.head}\n                  isLoading={Boolean(\n                    props.loadingMore || props.loadingMoreForJumpToChannelMessage,\n                  )}\n                  loader={\n                    <div className='str-chat__list__loading' key='loading-indicator'>\n                      {(props.loadingMore ||\n                        props.loadingMoreForJumpToChannelMessage) && <LoadingIndicator />}\n                    </div>\n                  }\n                  loadNextPage={loadMoreNewer}\n                  loadPreviousPage={\n                    isJumpingToHighlightedMessage ? () => undefined : loadMore\n                  }\n                  threshold={loadMoreScrollThreshold}\n                  {...restInternalInfiniteScrollProps}\n                >\n                  <MessageListWrapper className='str-chat__ul'>\n                    {elements}\n                  </MessageListWrapper>\n                  <TypingIndicator\n                    isMessageListScrolledToBottom={isTypingIndicatorScrolledToBottom}\n                    scrollToBottom={scrollToBottom}\n                    threadList={threadList}\n                  />\n\n                  <div key='bottom' />\n                </InfiniteScroll>\n              )}\n            </div>\n            <NewMessageNotification\n              newMessageCount={channelUnreadUiState?.unread_messages}\n              showNotification={hasNewMessages || hasMoreNewer}\n            />\n            <ScrollToLatestMessageButton\n              isMessageListScrolledToBottom={isMessageListScrolledToBottom}\n              isNotAtLatestMessageSet={hasMoreNewer}\n              onClick={scrollToBottomFromNotification}\n              threadList={threadList}\n            />\n          </DialogManagerProvider>\n          <NotificationList panel={notificationTarget} />\n        </MessageListMainPanel>\n      </MessageTranslationViewProvider>\n    </MessageListContextProvider>\n  );\n};\n\ntype PropsDrilledToMessage =\n  | 'additionalMessageComposerProps'\n  | 'closeReactionSelectorOnClick'\n  | 'disableQuotedMessages'\n  | 'formatDate'\n  | 'Message'\n  | 'messageActions'\n  | 'onMentionsClick'\n  | 'onMentionsHover'\n  | 'onUserClick'\n  | 'onUserHover'\n  | 'openThread'\n  | 'reactionDetailsSort'\n  | 'renderText'\n  | 'retrySendMessage'\n  | 'showAvatar'\n  | 'sortReactions'\n  | 'unsafeHTML';\n\nexport type MessageListProps = Partial<Pick<MessageProps, PropsDrilledToMessage>> & {\n  /** Disables the injection of date separator components in MessageList, defaults to `false` */\n  disableDateSeparator?: boolean;\n  /** Callback function to set group styles for each message */\n  groupStyles?: (\n    message: RenderedMessage,\n    previousMessage: RenderedMessage,\n    nextMessage: RenderedMessage,\n    noGroupByUser: boolean,\n    maxTimeBetweenGroupedMessages?: number,\n  ) => GroupStyle;\n  /** Whether the list has more items to load */\n  hasMore?: boolean;\n  /** Element to be rendered at the top of the thread message list. By default, these are the Message and ThreadStart components */\n  head?: React.ReactElement;\n  /** Position to render HeaderComponent */\n  headerPosition?: number;\n  /** Hides the MessageDeleted components from the list, defaults to `false` */\n  hideDeletedMessages?: boolean;\n  /** Hides the DateSeparator component when new messages are received in a channel that's watched but not active, defaults to false */\n  hideNewMessageSeparator?: boolean;\n  /** Overrides the default props passed to [InfiniteScroll](https://github.com/GetStream/stream-chat-react/blob/master/src/components/InfiniteScrollPaginator/InfiniteScroll.tsx) */\n  internalInfiniteScrollProps?: Partial<InfiniteScrollProps>;\n  /** Function called when latest messages should be loaded, after the list has jumped at an earlier message set */\n  jumpToLatestMessage?: () => Promise<void>;\n  /** Whether or not the list is currently loading more items */\n  loadingMore?: boolean;\n  /** Whether or not the list is currently jumping to a highlighted message */\n  loadingMoreForJumpToChannelMessage?: boolean;\n  /** Whether or not the list is currently loading newer items */\n  loadingMoreNewer?: boolean;\n  /** Function called when more messages are to be loaded, defaults to function stored in [ChannelActionContext](https://getstream.io/chat/docs/sdk/react/contexts/channel_action_context/) */\n  loadMore?: ChannelActionContextValue['loadMore'] | (() => Promise<void>);\n  /** Function called when newer messages are to be loaded, defaults to function stored in [ChannelActionContext](https://getstream.io/chat/docs/sdk/react/contexts/channel_action_context/) */\n  loadMoreNewer?: ChannelActionContextValue['loadMoreNewer'] | (() => Promise<void>);\n  /** Maximum time in milliseconds that should occur between messages to still consider them grouped together */\n  maxTimeBetweenGroupedMessages?: number;\n  /** The limit to use when paginating messages */\n  messageLimit?: number;\n  /** The messages to render in the list, defaults to messages stored in [ChannelStateContext](https://getstream.io/chat/docs/sdk/react/contexts/channel_state_context/) */\n  messages?: LocalMessage[];\n  /** If true, turns off message UI grouping by user */\n  noGroupByUser?: boolean;\n  /** Overrides the way MessageList renders messages */\n  renderMessages?: MessageRenderer;\n  /** If true, `readBy` data supplied to the `Message` components will include all user read states per sent message */\n  returnAllReadData?: boolean;\n  /**\n   * Allows to review changes introduced to messages array on per message basis (e.g. date separator injection before a message).\n   * The array returned from the function is appended to the array of messages that are later rendered into React elements in the `MessageList`.\n   */\n  reviewProcessedMessage?: ProcessMessagesParams['reviewProcessedMessage'];\n  /**\n   * The pixel threshold under which the message list is considered to be so near to the bottom,\n   * so that if a new message is delivered, the list will be scrolled to the absolute bottom.\n   * Defaults to 200px\n   */\n  scrolledUpThreshold?: number;\n  /**\n   * The floating notification informing about unread messages will be shown when the\n   * UnreadMessagesSeparator is not visible. The default is false, that means the notification\n   * is shown only when viewing unread messages.\n   */\n  showUnreadNotificationAlways?: boolean;\n  /** If true, indicates the message list is a thread  */\n  threadList?: boolean; // todo: refactor needed - message list should have a state in which among others it would be optionally flagged as thread\n};\n\n/**\n * The MessageList component renders a list of Messages.\n * It is a consumer of the following contexts:\n * - [ChannelStateContext](https://getstream.io/chat/docs/sdk/react/contexts/channel_state_context/)\n * - [ChannelActionContext](https://getstream.io/chat/docs/sdk/react/contexts/channel_action_context/)\n * - [ComponentContext](https://getstream.io/chat/docs/sdk/react/contexts/component_context/)\n * - [TypingContext](https://getstream.io/chat/docs/sdk/react/contexts/typing_context/)\n */\nexport const MessageList = (props: MessageListProps) => {\n  const { jumpToLatestMessage, loadMore, loadMoreNewer } =\n    useChannelActionContext('MessageList');\n\n  const {\n    members: membersPropToNotPass, // eslint-disable-line @typescript-eslint/no-unused-vars\n    mutes: mutesPropToNotPass, // eslint-disable-line @typescript-eslint/no-unused-vars\n    watchers: watchersPropToNotPass, // eslint-disable-line @typescript-eslint/no-unused-vars\n    ...restChannelStateContext\n  } = useChannelStateContext('MessageList');\n\n  return (\n    <MessageListWithContext\n      jumpToLatestMessage={jumpToLatestMessage}\n      loadMore={loadMore}\n      loadMoreNewer={loadMoreNewer}\n      {...restChannelStateContext}\n      {...props}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/es/components/MessageList/MessageListMainPanel.mjs

@@ -0,0 +1,12 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/MessageList/MessageListMainPanel.tsx
+var MESSAGE_LIST_MAIN_PANEL_CLASS = "str-chat__main-panel-inner str-chat__message-list-main-panel";
+var MessageListMainPanel = ({ children }) => /* @__PURE__ */ jsx("div", {
+	className: MESSAGE_LIST_MAIN_PANEL_CLASS,
+	children
+});
+//#endregion
+export { MESSAGE_LIST_MAIN_PANEL_CLASS, MessageListMainPanel };
+
+//# sourceMappingURL=MessageListMainPanel.mjs.map

package/dist/es/components/MessageList/MessageListMainPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageListMainPanel.mjs","names":[],"sources":["../../../../src/components/MessageList/MessageListMainPanel.tsx"],"sourcesContent":["import React from 'react';\nimport type { PropsWithChildrenOnly } from '../../types/types';\n\nexport const MESSAGE_LIST_MAIN_PANEL_CLASS =\n  'str-chat__main-panel-inner str-chat__message-list-main-panel' as const;\n\nexport const MessageListMainPanel = ({ children }: PropsWithChildrenOnly) => (\n  <div className={MESSAGE_LIST_MAIN_PANEL_CLASS}>{children}</div>\n);\n"],"mappings":";;;AAGA,IAAa,gCACX;AAEF,IAAa,wBAAwB,EAAE,eACrC,oBAAC,OAAD;CAAK,WAAW;CAAgC;AAAc,CAAA"}