stream-chat-react 14.5.0 → 14.6.0

package/dist/cjs/useMessageComposerController.c0dad9bc.js

@@ -0,0 +1,99 @@
+const require_useNotificationApi = require("./useNotificationApi.eb753f31.js");
+let react = require("react");
+react = require_useNotificationApi.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let stream_chat = require("stream-chat");
+//#region src/context/MessageComposerContext.tsx
+var MessageComposerContext = (0, react.createContext)(void 0);
+var MessageComposerContextProvider = ({ children, value }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageComposerContext.Provider, {
+	value,
+	children
+});
+var useMessageComposerContext = (componentName) => {
+	const contextValue = (0, react.useContext)(MessageComposerContext);
+	if (!contextValue) return {};
+	return contextValue;
+};
+//#endregion
+//#region src/components/MessageComposer/hooks/useIsCooldownActive.ts
+var cooldownTimerStateSelector = (state) => ({ isCooldownActive: !!state.cooldownRemaining });
+var useIsCooldownActive = () => {
+	const { channel } = require_useNotificationApi.useChannelStateContext();
+	return require_useNotificationApi.useStateStore(channel.cooldownTimer.state, cooldownTimerStateSelector).isCooldownActive;
+};
+//#endregion
+//#region src/components/MessageComposer/hooks/useMessageComposerController.ts
+var useMessageComposerController = () => {
+	const { client } = require_useNotificationApi.useChatContext();
+	const { messageComposerCache: queueCache } = client;
+	const { channel } = require_useNotificationApi.useChannelStateContext();
+	const { legacyThread: parentMessage } = require_useNotificationApi.useLegacyThreadContext();
+	const threadInstance = require_useNotificationApi.useThreadContext();
+	const cachedParentMessage = (0, react.useMemo)(() => {
+		if (!parentMessage) return void 0;
+		return parentMessage;
+	}, [parentMessage?.id]);
+	const messageComposer = (0, react.useMemo)(() => {
+		if (threadInstance) return threadInstance.messageComposer;
+		else if (cachedParentMessage) {
+			const compositionContext = {
+				...cachedParentMessage,
+				legacyThreadId: cachedParentMessage.id
+			};
+			const tag = stream_chat.MessageComposer.constructTag(compositionContext);
+			const cachedComposer = queueCache.get(tag);
+			if (cachedComposer) return cachedComposer;
+			return new stream_chat.MessageComposer({
+				client,
+				compositionContext
+			});
+		} else return channel.messageComposer;
+	}, [
+		cachedParentMessage,
+		channel,
+		client,
+		queueCache,
+		threadInstance
+	]);
+	if (["legacy_thread", "message"].includes(messageComposer.contextType) && !queueCache.peek(messageComposer.tag)) queueCache.add(messageComposer.tag, messageComposer);
+	(0, react.useEffect)(() => {
+		const unsubscribe = messageComposer.registerSubscriptions();
+		return () => {
+			unsubscribe();
+		};
+	}, [messageComposer]);
+	return messageComposer;
+};
+//#endregion
+Object.defineProperty(exports, "MessageComposerContext", {
+	enumerable: true,
+	get: function() {
+		return MessageComposerContext;
+	}
+});
+Object.defineProperty(exports, "MessageComposerContextProvider", {
+	enumerable: true,
+	get: function() {
+		return MessageComposerContextProvider;
+	}
+});
+Object.defineProperty(exports, "useIsCooldownActive", {
+	enumerable: true,
+	get: function() {
+		return useIsCooldownActive;
+	}
+});
+Object.defineProperty(exports, "useMessageComposerContext", {
+	enumerable: true,
+	get: function() {
+		return useMessageComposerContext;
+	}
+});
+Object.defineProperty(exports, "useMessageComposerController", {
+	enumerable: true,
+	get: function() {
+		return useMessageComposerController;
+	}
+});
+
+//# sourceMappingURL=useMessageComposerController.c0dad9bc.js.map

package/dist/cjs/useMessageComposerController.c0dad9bc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageComposerController.c0dad9bc.js","names":[],"sources":["../../src/context/MessageComposerContext.tsx","../../src/components/MessageComposer/hooks/useIsCooldownActive.ts","../../src/components/MessageComposer/hooks/useMessageComposerController.ts"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport type { MessageComposerProps } from '../components/MessageComposer';\nimport type { UseMessageComposerBindingsParams } from '../components/MessageComposer/hooks/useMessageComposerBindings';\n\nexport type MessageComposerContextValue = UseMessageComposerBindingsParams &\n  Omit<MessageComposerProps, 'Input'>;\n\nexport const MessageComposerContext = createContext<\n  UseMessageComposerBindingsParams | undefined\n>(undefined);\n\nexport const MessageComposerContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageComposerContextValue;\n}>) => (\n  <MessageComposerContext.Provider\n    value={value as unknown as MessageComposerContextValue}\n  >\n    {children}\n  </MessageComposerContext.Provider>\n);\n\nexport const useMessageComposerContext = (\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  componentName?: string,\n) => {\n  const contextValue = useContext(MessageComposerContext);\n\n  if (!contextValue) {\n    return {} as MessageComposerContextValue;\n  }\n\n  return contextValue as unknown as MessageComposerContextValue;\n};\n","import { useChannelStateContext } from '../../../context';\nimport { useStateStore } from '../../../store';\nimport type { CooldownTimerState } from 'stream-chat';\n\nconst cooldownTimerStateSelector = (state: CooldownTimerState) => ({\n  isCooldownActive: !!state.cooldownRemaining,\n});\n\nexport const useIsCooldownActive = () => {\n  const { channel } = useChannelStateContext();\n  return useStateStore(channel.cooldownTimer.state, cooldownTimerStateSelector)\n    .isCooldownActive;\n};\n","import { useEffect, useMemo } from 'react';\nimport { MessageComposer as MessageComposerController } from 'stream-chat';\nimport { useThreadContext } from '../../Threads';\nimport { useChannelStateContext, useChatContext } from '../../../context';\nimport { useLegacyThreadContext } from '../../Thread';\n\nexport const useMessageComposerController = () => {\n  const { client } = useChatContext();\n  const { messageComposerCache: queueCache } = client;\n  const { channel } = useChannelStateContext();\n  const { legacyThread: parentMessage } = useLegacyThreadContext();\n  const threadInstance = useThreadContext();\n\n  const cachedParentMessage = useMemo(() => {\n    if (!parentMessage) return undefined;\n\n    return parentMessage;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parentMessage?.id]);\n\n  // composer hierarchy\n  // edited message (always new) -> thread instance (own) -> thread message (always new) -> channel (own)\n  // editedMessage ?? thread ?? parentMessage ?? channel;\n  const messageComposer = useMemo(() => {\n    if (threadInstance) {\n      return threadInstance.messageComposer;\n    } else if (cachedParentMessage) {\n      const compositionContext = {\n        ...cachedParentMessage,\n        legacyThreadId: cachedParentMessage.id,\n      };\n\n      const tag = MessageComposerController.constructTag(compositionContext);\n\n      const cachedComposer = queueCache.get(tag);\n      if (cachedComposer) return cachedComposer;\n\n      return new MessageComposerController({\n        client,\n        compositionContext,\n      });\n    } else {\n      return channel.messageComposer;\n    }\n  }, [cachedParentMessage, channel, client, queueCache, threadInstance]);\n\n  if (\n    (['legacy_thread', 'message'] as MessageComposerController['contextType'][]).includes(\n      messageComposer.contextType,\n    ) &&\n    !queueCache.peek(messageComposer.tag)\n  ) {\n    queueCache.add(messageComposer.tag, messageComposer);\n  }\n\n  useEffect(() => {\n    const unsubscribe = messageComposer.registerSubscriptions();\n    return () => {\n      unsubscribe();\n    };\n  }, [messageComposer]);\n\n  return messageComposer;\n};\n"],"mappings":";;;;;;AASA,IAAa,0BAAA,GAAA,MAAA,eAEX,KAAA,CAAS;AAEX,IAAa,kCAAkC,EAC7C,UACA,YAIA,iBAAA,GAAA,kBAAA,KAAC,uBAAuB,UAAxB;CACS;CAEN;AAC8B,CAAA;AAGnC,IAAa,6BAEX,kBACG;CACH,MAAM,gBAAA,GAAA,MAAA,YAA0B,sBAAsB;CAEtD,IAAI,CAAC,cACH,OAAO,CAAC;CAGV,OAAO;AACT;;;ACjCA,IAAM,8BAA8B,WAA+B,EACjE,kBAAkB,CAAC,CAAC,MAAM,kBAC5B;AAEA,IAAa,4BAA4B;CACvC,MAAM,EAAE,YAAY,2BAAA,uBAAuB;CAC3C,OAAO,2BAAA,cAAc,QAAQ,cAAc,OAAO,0BAA0B,EACzE;AACL;;;ACNA,IAAa,qCAAqC;CAChD,MAAM,EAAE,WAAW,2BAAA,eAAe;CAClC,MAAM,EAAE,sBAAsB,eAAe;CAC7C,MAAM,EAAE,YAAY,2BAAA,uBAAuB;CAC3C,MAAM,EAAE,cAAc,kBAAkB,2BAAA,uBAAuB;CAC/D,MAAM,iBAAiB,2BAAA,iBAAiB;CAExC,MAAM,uBAAA,GAAA,MAAA,eAAoC;EACxC,IAAI,CAAC,eAAe,OAAO,KAAA;EAE3B,OAAO;CAET,GAAG,CAAC,eAAe,EAAE,CAAC;CAKtB,MAAM,mBAAA,GAAA,MAAA,eAAgC;EACpC,IAAI,gBACF,OAAO,eAAe;OACjB,IAAI,qBAAqB;GAC9B,MAAM,qBAAqB;IACzB,GAAG;IACH,gBAAgB,oBAAoB;GACtC;GAEA,MAAM,MAAM,YAAA,gBAA0B,aAAa,kBAAkB;GAErE,MAAM,iBAAiB,WAAW,IAAI,GAAG;GACzC,IAAI,gBAAgB,OAAO;GAE3B,OAAO,IAAI,YAAA,gBAA0B;IACnC;IACA;GACF,CAAC;EACH,OACE,OAAO,QAAQ;CAEnB,GAAG;EAAC;EAAqB;EAAS;EAAQ;EAAY;CAAc,CAAC;CAErE,IACG,CAAC,iBAAiB,SAAS,EAAiD,SAC3E,gBAAgB,WAClB,KACA,CAAC,WAAW,KAAK,gBAAgB,GAAG,GAEpC,WAAW,IAAI,gBAAgB,KAAK,eAAe;CAGrD,CAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,cAAc,gBAAgB,sBAAsB;EAC1D,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,eAAe,CAAC;CAEpB,OAAO;AACT"}

package/dist/cjs/{useNotificationApi.e9312774.js → useNotificationApi.eb753f31.js}

@@ -25,6 +25,8 @@ react = __toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let stream_chat = require("stream-chat");
 let nanoid = require("nanoid");
+let clsx = require("clsx");
+clsx = __toESM(clsx);
 let use_sync_external_store_shim = require("use-sync-external-store/shim");
 let react_dom = require("react-dom");
 let dayjs = require("dayjs");
@@ -33,9 +35,6 @@ let dayjs_plugin_calendar = require("dayjs/plugin/calendar");
 dayjs_plugin_calendar = __toESM(dayjs_plugin_calendar);
 let dayjs_plugin_localizedFormat = require("dayjs/plugin/localizedFormat");
 dayjs_plugin_localizedFormat = __toESM(dayjs_plugin_localizedFormat);
-let clsx = require("clsx");
-clsx = __toESM(clsx);
-let _floating_ui_react = require("@floating-ui/react");
 let lodash_debounce = require("lodash.debounce");
 lodash_debounce = __toESM(lodash_debounce);
 let lodash_throttle = require("lodash.throttle");
@@ -44,6 +43,7 @@ let react_fast_compare = require("react-fast-compare");
 react_fast_compare = __toESM(react_fast_compare);
 let emoji_regex = require("emoji-regex");
 emoji_regex = __toESM(emoji_regex);
+let _floating_ui_react = require("@floating-ui/react");
 let linkifyjs = require("linkifyjs");
 linkifyjs = __toESM(linkifyjs);
 //#region src/context/ChannelActionContext.tsx
@@ -370,7 +370,7 @@ var Portal = ({ children, getPortalDestination, isOpen }) => {
 //#endregion
 //#region src/components/Dialog/service/DialogPortal.tsx
 var shouldCloseOnOutsideClick = ({ dialog, managerCloseOnClickOutside }) => dialog.closeOnClickOutside ?? managerCloseOnClickOutside;
-var DialogPortalDestination = () => {
+var DialogPortalDestination = ({ captureOutsideClicks, className }) => {
 	const { dialogManager } = useNearestDialogManagerContext() ?? {};
 	const openedDialogCount = useOpenedDialogCount({ dialogManagerId: dialogManager?.id });
 	const [destinationRoot, setDestinationRoot] = (0, react.useState)(null);
@@ -399,7 +399,10 @@ var DialogPortalDestination = () => {
 	}, [destinationRoot, dialogManager]);
 	if (!openedDialogCount) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "str-chat__dialog-overlay",
+		className: (0, clsx.default)("str-chat__dialog-overlay", {
+			"str-chat__dialog-overlay--modal": dialogManager?.id === modalDialogManagerId,
+			"str-chat__dialog-overlay--with-outside-click-capture": captureOutsideClicks
+		}, className),
 		"data-str-chat__portal-id": dialogManager?.id,
 		"data-testid": "str-chat__dialog-overlay",
 		ref: setDestinationRoot,
@@ -441,7 +444,7 @@ var DialogManagerProviderContext = react.default.createContext(void 0);
 /**
 * Creates/provides a dialog manager and its portal destination.
 */
-var DialogManagerProvider = ({ children, closeOnClickOutside, id }) => {
+var DialogManagerProvider = ({ children, closeOnClickOutside, id, portalDestinationProps }) => {
 	const [dialogManager, setDialogManager] = (0, react.useState)(() => {
 		if (id) return getDialogManager(id) ?? null;
 		return new DialogManager({ closeOnClickOutside });
@@ -460,7 +463,7 @@ var DialogManagerProvider = ({ children, closeOnClickOutside, id }) => {
 	if (!dialogManager) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogManagerProviderContext.Provider, {
 		value: { dialogManager },
-		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogPortalDestination, {})]
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogPortalDestination, { ...portalDestinationProps })]
 	});
 };
 var getManagerFromStore = ({ dialogId, dialogManagerId, newState, previousState }) => {
@@ -530,18 +533,6 @@ var ModalDialogManagerProvider = ({ children }) => /* @__PURE__ */ (0, react_jsx
 var useModalDialogManager = () => (0, react.useMemo)(() => getDialogManager(modalDialogManagerId), []);
 var useNearestDialogManagerContext = () => (0, react.useContext)(DialogManagerProviderContext);
 //#endregion
-//#region src/context/MessageComposerContext.tsx
-var MessageComposerContext = (0, react.createContext)(void 0);
-var MessageComposerContextProvider = ({ children, value }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageComposerContext.Provider, {
-	value,
-	children
-});
-var useMessageComposerContext = (componentName) => {
-	const contextValue = (0, react.useContext)(MessageComposerContext);
-	if (!contextValue) return {};
-	return contextValue;
-};
-//#endregion
 //#region src/i18n/utils.ts
 var isNumberOrString = (output) => typeof output === "string" || typeof output === "number";
 var isDayOrMoment = (output) => !!output?.isSame;
@@ -741,50 +732,20 @@ var isNotificationForPanel = (notification, panel, options) => {
 	return (options?.fallbackPanel ?? "channel") === panel;
 };
 //#endregion
-//#region src/components/Dialog/hooks/usePopoverPosition.ts
-var hasResizeObserver = typeof window !== "undefined" && "ResizeObserver" in window;
-function autoMiddlewareFor(p) {
-	if (!String(p).startsWith("auto")) return null;
-	return (0, _floating_ui_react.autoPlacement)({ alignment: p === "auto-start" ? "start" : p === "auto-end" ? "end" : void 0 });
-}
-function toOffsetMw(opt) {
-	if (opt == null) return null;
-	if (Array.isArray(opt)) {
-		const [crossAxis, mainAxis] = opt;
-		return (0, _floating_ui_react.offset)({
-			crossAxis,
-			mainAxis
-		});
-	}
-	if (typeof opt === "number") return (0, _floating_ui_react.offset)(opt);
-	return (0, _floating_ui_react.offset)(opt);
-}
-function usePopoverPosition({ allowFlip = true, allowShift = true, autoUpdateOptions, fitAvailableSpace = false, freeze = false, offset, placement = "bottom-start", shiftOptions }) {
-	const autoMw = autoMiddlewareFor(placement);
-	const offsetMiddleware = toOffsetMw(offset);
-	const isSidePlacement = placement.startsWith("left") || placement.startsWith("right");
-	const mergedShiftOptions = shiftOptions ? {
-		padding: 8,
-		...shiftOptions
-	} : { padding: 8 };
-	return (0, _floating_ui_react.useFloating)({
-		middleware: [
-			...offsetMiddleware ? [offsetMiddleware] : [],
-			...autoMw ? [autoMw] : allowFlip && !isSidePlacement ? [(0, _floating_ui_react.flip)()] : [],
-			...allowShift ? [(0, _floating_ui_react.shift)(mergedShiftOptions)] : [],
-			...fitAvailableSpace ? [(0, _floating_ui_react.size)({ apply: () => {} })] : []
-		],
-		placement: String(placement).startsWith("auto") ? "bottom" : placement,
-		strategy: "fixed",
-		whileElementsMounted: freeze ? void 0 : (reference, floating, update) => (0, _floating_ui_react.autoUpdate)(reference, floating, update, {
-			ancestorResize: true,
-			ancestorScroll: true,
-			animationFrame: false,
-			elementResize: hasResizeObserver,
-			...autoUpdateOptions
-		})
-	});
-}
+//#region src/components/UtilityComponents/useStableId.ts
+var reactUseId = react.default.useId;
+var stripUseIdWrappers = (id) => id.replace(/[:«»]/g, "");
+/**
+* Returns a stable, unique string id.
+*
+* On React 18+ this delegates to `React.useId()` (with the surrounding wrapper
+* characters stripped so the value is safe to use anywhere an HTML id is expected)
+* and is SSR-stable. On React 17, it falls back to a client-only id generated via `nanoid`.
+*/
+var useStableId = () => {
+	if (reactUseId) return stripUseIdWrappers(reactUseId());
+	return (0, react.useMemo)(() => (0, nanoid.nanoid)(), []);
+};
 //#endregion
 //#region src/components/Button/Button.tsx
 var variantToClass = {
@@ -1121,6 +1082,14 @@ var IconMore = createIcon("IconMore", /* @__PURE__ */ (0, react_jsx_runtime.jsxs
 	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.6875 11.25C5.37786 11.25 5.9375 10.6904 5.9375 10C5.9375 9.30964 5.37786 8.75 4.6875 8.75C3.99714 8.75 3.4375 9.30964 3.4375 10C3.4375 10.6904 3.99714 11.25 4.6875 11.25Z" }),
 	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.3125 11.25C16.0029 11.25 16.5625 10.6904 16.5625 10C16.5625 9.30964 16.0029 8.75 15.3125 8.75C14.6221 8.75 14.0625 9.30964 14.0625 10C14.0625 10.6904 14.6221 11.25 15.3125 11.25Z" })
 ] }));
+var IconMenu = createIcon("IconMenu", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+	d: "M3.125 5H16.875M3.125 10H16.875M3.125 15H16.875",
+	fill: "none",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5"
+}));
 var IconReorder = createIcon("IconReorder", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8.875 15.3125C8.875 16.2445 8.11948 17 7.1875 17C6.25552 17 5.5 16.2445 5.5 15.3125C5.5 14.3805 6.25552 13.625 7.1875 13.625C8.11948 13.625 8.875 14.3805 8.875 15.3125ZM14.5 15.3125C14.5 16.2445 13.7445 17 12.8125 17C11.8805 17 11.125 16.2445 11.125 15.3125C11.125 14.3805 11.8805 13.625 12.8125 13.625C13.7445 13.625 14.5 14.3805 14.5 15.3125ZM8.875 10C8.875 10.932 8.11948 11.6875 7.1875 11.6875C6.25552 11.6875 5.5 10.932 5.5 10C5.5 9.06802 6.25552 8.3125 7.1875 8.3125C8.11948 8.3125 8.875 9.06802 8.875 10ZM14.5 10C14.5 10.932 13.7445 11.6875 12.8125 11.6875C11.8805 11.6875 11.125 10.932 11.125 10C11.125 9.06802 11.8805 8.3125 12.8125 8.3125C13.7445 8.3125 14.5 9.06802 14.5 10ZM8.875 4.6875C8.875 5.61948 8.11948 6.375 7.1875 6.375C6.25552 6.375 5.5 5.61948 5.5 4.6875C5.5 3.75552 6.25552 3 7.1875 3C8.11948 3 8.875 3.75552 8.875 4.6875ZM14.5 4.6875C14.5 5.61948 13.7445 6.375 12.8125 6.375C11.8805 6.375 11.125 5.61948 11.125 4.6875C11.125 3.75552 11.8805 3 12.8125 3C13.7445 3 14.5 3.75552 14.5 4.6875Z" }));
 var IconChecks = createIcon("IconChecks", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 	d: "M1.5 10.5724L4.98387 13.9936L13.1129 6.00977M10.371 13.9936L18.5 6.00977",
@@ -1207,6 +1176,10 @@ var IconFlag = createIcon("IconFlag", /* @__PURE__ */ (0, react_jsx_runtime.jsx)
 	strokeLinejoin: "round",
 	strokeWidth: "1.5"
 }));
+var IconFolder = createIcon("IconFolder", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+	d: "M3.25 15.5H16.75V7H10C9.83774 7 9.67962 6.94696 9.5498 6.84961L7.25098 5.125H3.25V15.5ZM18.25 15.6943C18.25 16.0406 18.112 16.3724 17.8672 16.6172C17.6224 16.862 17.2906 17 16.9443 17H3.125C2.76033 17 2.41021 16.8555 2.15234 16.5977C1.89448 16.3398 1.75 15.9897 1.75 15.625V5C1.75 4.63533 1.89448 4.28521 2.15234 4.02734L2.25391 3.93652C2.49856 3.73611 2.80597 3.625 3.125 3.625H7.29102C7.58852 3.625 7.8782 3.72189 8.11621 3.90039L10.25 5.5H16.875C17.194 5.5 17.5014 5.61111 17.7461 5.81152L17.8477 5.90234L17.9385 6.00391C18.1389 6.24856 18.25 6.55597 18.25 6.875V15.6943Z",
+	fill: "currentColor"
+}));
 var IconImage = createIcon("IconImage", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 	d: "M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z",
 	fill: "none",
@@ -1215,6 +1188,20 @@ var IconImage = createIcon("IconImage", /* @__PURE__ */ (0, react_jsx_runtime.js
 	strokeLinejoin: "round",
 	strokeWidth: "1.5"
 }));
+var IconInfo = createIcon("IconInfo", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		d: "M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10Z",
+		fill: "currentColor"
+	}),
+	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		d: "M10.75 13.0107C11.1047 13.0703 11.375 13.3784 11.375 13.75C11.375 14.1642 11.0392 14.5 10.625 14.5C10.2603 14.5 9.91021 14.3555 9.65234 14.0977C9.39448 13.8398 9.25 13.4897 9.25 13.125V10.1133C8.89539 10.0537 8.625 9.74655 8.625 9.375C8.625 8.96079 8.96079 8.625 9.375 8.625C9.69403 8.625 10.0014 8.73611 10.2461 8.93652L10.3477 9.02734L10.4385 9.12891C10.6389 9.37356 10.75 9.68097 10.75 10V13.0107Z",
+		fill: "currentColor"
+	}),
+	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		d: "M9.6875 7.5C10.2053 7.5 10.625 7.08027 10.625 6.5625C10.625 6.04473 10.2053 5.625 9.6875 5.625C9.16973 5.625 8.75 6.04473 8.75 6.5625C8.75 7.08027 9.16973 7.5 9.6875 7.5Z",
+		fill: "currentColor"
+	})
+] }));
 var IconSearch = createIcon("IconSearch", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 	d: "M13.1695 13.1695L17.5 17.5M15 8.75C15 12.2018 12.2018 15 8.75 15C5.29822 15 2.5 12.2018 2.5 8.75C2.5 5.29822 5.29822 2.5 8.75 2.5C12.2018 2.5 15 5.29822 15 8.75Z",
 	fill: "none",
@@ -1526,21 +1513,6 @@ var IconGiphy = createIcon("IconGiphy", /* @__PURE__ */ (0, react_jsx_runtime.js
 	})
 ] }));
 //#endregion
-//#region src/components/UtilityComponents/useStableId.ts
-var reactUseId = react.default.useId;
-var stripUseIdWrappers = (id) => id.replace(/[:«»]/g, "");
-/**
-* Returns a stable, unique string id.
-*
-* On React 18+ this delegates to `React.useId()` (with the surrounding wrapper
-* characters stripped so the value is safe to use anywhere an HTML id is expected)
-* and is SSR-stable. On React 17, it falls back to a client-only id generated via `nanoid`.
-*/
-var useStableId = () => {
-	if (reactUseId) return stripUseIdWrappers(reactUseId());
-	return (0, react.useMemo)(() => (0, nanoid.nanoid)(), []);
-};
-//#endregion
 //#region src/components/EmptyStateIndicator/EmptyStateIndicator.tsx
 var UnMemoizedEmptyStateIndicator = (props) => {
 	const { listType, messageText } = props;
@@ -2115,6 +2087,51 @@ var isMessageBlocked = (message) => message.shadowed || message.type === "error"
 var isMessageDeleted = (message) => Boolean(message.deleted_at || message.type === "deleted" || message.deleted_for_me);
 var isMessageEdited = (message) => !!message.message_text_updated_at;
 //#endregion
+//#region src/components/Dialog/hooks/usePopoverPosition.ts
+var hasResizeObserver = typeof window !== "undefined" && "ResizeObserver" in window;
+function autoMiddlewareFor(p) {
+	if (!String(p).startsWith("auto")) return null;
+	return (0, _floating_ui_react.autoPlacement)({ alignment: p === "auto-start" ? "start" : p === "auto-end" ? "end" : void 0 });
+}
+function toOffsetMw(opt) {
+	if (opt == null) return null;
+	if (Array.isArray(opt)) {
+		const [crossAxis, mainAxis] = opt;
+		return (0, _floating_ui_react.offset)({
+			crossAxis,
+			mainAxis
+		});
+	}
+	if (typeof opt === "number") return (0, _floating_ui_react.offset)(opt);
+	return (0, _floating_ui_react.offset)(opt);
+}
+function usePopoverPosition({ allowFlip = true, allowShift = true, autoUpdateOptions, fitAvailableSpace = false, freeze = false, offset, placement = "bottom-start", shiftOptions }) {
+	const autoMw = autoMiddlewareFor(placement);
+	const offsetMiddleware = toOffsetMw(offset);
+	const isSidePlacement = placement.startsWith("left") || placement.startsWith("right");
+	const mergedShiftOptions = shiftOptions ? {
+		padding: 8,
+		...shiftOptions
+	} : { padding: 8 };
+	return (0, _floating_ui_react.useFloating)({
+		middleware: [
+			...offsetMiddleware ? [offsetMiddleware] : [],
+			...autoMw ? [autoMw] : allowFlip && !isSidePlacement ? [(0, _floating_ui_react.flip)()] : [],
+			...allowShift ? [(0, _floating_ui_react.shift)(mergedShiftOptions)] : [],
+			...fitAvailableSpace ? [(0, _floating_ui_react.size)({ apply: () => {} })] : []
+		],
+		placement: String(placement).startsWith("auto") ? "bottom" : placement,
+		strategy: "fixed",
+		whileElementsMounted: freeze ? void 0 : (reference, floating, update) => (0, _floating_ui_react.autoUpdate)(reference, floating, update, {
+			ancestorResize: true,
+			ancestorScroll: true,
+			animationFrame: false,
+			elementResize: hasResizeObserver,
+			...autoUpdateOptions
+		})
+	});
+}
+//#endregion
 //#region src/components/Thread/LegacyThreadContext.ts
 var LegacyThreadContext = react.default.createContext({ legacyThread: void 0 });
 var useLegacyThreadContext = () => (0, react.useContext)(LegacyThreadContext);
@@ -2764,56 +2781,6 @@ var useActiveAudioPlayer = () => {
 	return activeAudioPlayer;
 };
 //#endregion
-//#region src/components/MessageComposer/hooks/useIsCooldownActive.ts
-var cooldownTimerStateSelector = (state) => ({ isCooldownActive: !!state.cooldownRemaining });
-var useIsCooldownActive = () => {
-	const { channel } = useChannelStateContext();
-	return useStateStore(channel.cooldownTimer.state, cooldownTimerStateSelector).isCooldownActive;
-};
-//#endregion
-//#region src/components/MessageComposer/hooks/useMessageComposerController.ts
-var useMessageComposerController = () => {
-	const { client } = useChatContext();
-	const { messageComposerCache: queueCache } = client;
-	const { channel } = useChannelStateContext();
-	const { legacyThread: parentMessage } = useLegacyThreadContext();
-	const threadInstance = useThreadContext();
-	const cachedParentMessage = (0, react.useMemo)(() => {
-		if (!parentMessage) return void 0;
-		return parentMessage;
-	}, [parentMessage?.id]);
-	const messageComposer = (0, react.useMemo)(() => {
-		if (threadInstance) return threadInstance.messageComposer;
-		else if (cachedParentMessage) {
-			const compositionContext = {
-				...cachedParentMessage,
-				legacyThreadId: cachedParentMessage.id
-			};
-			const tag = stream_chat.MessageComposer.constructTag(compositionContext);
-			const cachedComposer = queueCache.get(tag);
-			if (cachedComposer) return cachedComposer;
-			return new stream_chat.MessageComposer({
-				client,
-				compositionContext
-			});
-		} else return channel.messageComposer;
-	}, [
-		cachedParentMessage,
-		channel,
-		client,
-		queueCache,
-		threadInstance
-	]);
-	if (["legacy_thread", "message"].includes(messageComposer.contextType) && !queueCache.peek(messageComposer.tag)) queueCache.add(messageComposer.tag, messageComposer);
-	(0, react.useEffect)(() => {
-		const unsubscribe = messageComposer.registerSubscriptions();
-		return () => {
-			unsubscribe();
-		};
-	}, [messageComposer]);
-	return messageComposer;
-};
-//#endregion
 //#region src/constants/messageTypes.ts
 var CUSTOM_MESSAGE_TYPE = {
 	date: "message.date",
@@ -4142,16 +4109,16 @@ var useNotificationTarget = () => {
 };
 //#endregion
 //#region src/components/Notifications/hooks/useNotificationApi.ts
-var modalDialogIsOpenSelector = ({ dialogsById }) => ({ isOpen: !!dialogsById[modalDialogId]?.isOpen });
+var modalDialogManagerStateSelector = ({ dialogsById, openedDialogIds }) => ({ hasOpenDialog: openedDialogIds ? openedDialogIds.length > 0 : Object.values(dialogsById).some((dialog) => dialog.isOpen) });
 /** Tag used for full-width system banners (e.g. connection status). Excluded from `NotificationList` by default. */
 var SYSTEM_NOTIFICATION_TAG = "system";
 var hasSystemNotificationTag = (notification) => notification.tags?.includes("system") ?? false;
-var getTargetTags = (targetPanels, inferredPanel, tags, modalIsOpen) => {
+var getTargetTags = (targetPanels, inferredPanel, tags, modalManagerHasOpenDialog) => {
 	if (targetPanels) {
-		const effectiveTargetPanels = modalIsOpen && targetPanels.length > 0 ? [...targetPanels, "modal"] : targetPanels;
+		const effectiveTargetPanels = modalManagerHasOpenDialog && targetPanels.length > 0 ? [...targetPanels, "modal"] : targetPanels;
 		return Array.from(new Set([...effectiveTargetPanels.map(getNotificationTargetTag), ...tags ?? []]));
 	}
-	if (modalIsOpen) return Array.from(new Set([
+	if (modalManagerHasOpenDialog) return Array.from(new Set([
 		...inferredPanel ? [getNotificationTargetTag(inferredPanel)] : [],
 		getNotificationTargetTag("modal"),
 		...tags ?? []
@@ -4172,10 +4139,10 @@ var getTypeFromIncident = ({ incident, severity, type }) => {
 var useNotificationApi = () => {
 	const { client } = useChatContext();
 	const inferredPanel = useNotificationTarget();
-	const modalIsOpen = useStateStore(useModalDialogManager()?.state, modalDialogIsOpenSelector)?.isOpen ?? false;
+	const modalManagerHasOpenDialog = useStateStore(useModalDialogManager()?.state, modalDialogManagerStateSelector)?.hasOpenDialog ?? false;
 	return {
 		addNotification: (0, react.useCallback)(({ actions, context, duration, emitter, error, incident, message, severity, tags, targetPanels, type }) => {
-			const notificationTags = getTargetTags(targetPanels, inferredPanel, tags, modalIsOpen);
+			const notificationTags = getTargetTags(targetPanels, inferredPanel, tags, modalManagerHasOpenDialog);
 			const resolvedType = getTypeFromIncident({
 				incident,
 				severity,
@@ -4201,7 +4168,7 @@ var useNotificationApi = () => {
 		}, [
 			client,
 			inferredPanel,
-			modalIsOpen
+			modalManagerHasOpenDialog
 		]),
 		addSystemNotification: (0, react.useCallback)(({ actions, context, duration, emitter, error, incident, message, severity, tags, type }) => {
 			const notificationTags = Array.from(new Set([SYSTEM_NOTIFICATION_TAG, ...tags ?? []]));
@@ -4603,6 +4570,12 @@ Object.defineProperty(exports, "IconFlag", {
 		return IconFlag;
 	}
 });
+Object.defineProperty(exports, "IconFolder", {
+	enumerable: true,
+	get: function() {
+		return IconFolder;
+	}
+});
 Object.defineProperty(exports, "IconGiphy", {
 	enumerable: true,
 	get: function() {
@@ -4615,6 +4588,12 @@ Object.defineProperty(exports, "IconImage", {
 		return IconImage;
 	}
 });
+Object.defineProperty(exports, "IconInfo", {
+	enumerable: true,
+	get: function() {
+		return IconInfo;
+	}
+});
 Object.defineProperty(exports, "IconLeave", {
 	enumerable: true,
 	get: function() {
@@ -4645,6 +4624,12 @@ Object.defineProperty(exports, "IconMegaphone", {
 		return IconMegaphone;
 	}
 });
+Object.defineProperty(exports, "IconMenu", {
+	enumerable: true,
+	get: function() {
+		return IconMenu;
+	}
+});
 Object.defineProperty(exports, "IconMessageBubble", {
 	enumerable: true,
 	get: function() {
@@ -4921,18 +4906,6 @@ Object.defineProperty(exports, "MESSAGE_ACTIONS", {
 		return MESSAGE_ACTIONS;
 	}
 });
-Object.defineProperty(exports, "MessageComposerContext", {
-	enumerable: true,
-	get: function() {
-		return MessageComposerContext;
-	}
-});
-Object.defineProperty(exports, "MessageComposerContextProvider", {
-	enumerable: true,
-	get: function() {
-		return MessageComposerContextProvider;
-	}
-});
 Object.defineProperty(exports, "ModalDialogManagerProvider", {
 	enumerable: true,
 	get: function() {
@@ -5419,12 +5392,6 @@ Object.defineProperty(exports, "useEditMessageHandler", {
 		return useEditMessageHandler;
 	}
 });
-Object.defineProperty(exports, "useIsCooldownActive", {
-	enumerable: true,
-	get: function() {
-		return useIsCooldownActive;
-	}
-});
 Object.defineProperty(exports, "useLegacyThreadContext", {
 	enumerable: true,
 	get: function() {
@@ -5437,18 +5404,6 @@ Object.defineProperty(exports, "useMentionsHandlers", {
 		return useMentionsHandlers;
 	}
 });
-Object.defineProperty(exports, "useMessageComposerContext", {
-	enumerable: true,
-	get: function() {
-		return useMessageComposerContext;
-	}
-});
-Object.defineProperty(exports, "useMessageComposerController", {
-	enumerable: true,
-	get: function() {
-		return useMessageComposerController;
-	}
-});
 Object.defineProperty(exports, "useModalDialog", {
 	enumerable: true,
 	get: function() {
@@ -5546,4 +5501,4 @@ Object.defineProperty(exports, "validateAndGetMessage", {
 	}
 });
 
-//# sourceMappingURL=useNotificationApi.e9312774.js.map
+//# sourceMappingURL=useNotificationApi.eb753f31.js.map