stream-chat-react 14.5.0 → 14.6.0

package/dist/es/useMessageComposerController.29f189b4.mjs

@@ -0,0 +1,69 @@
+import { L as useLegacyThreadContext, Lr as useStateStore, Wr as useChatContext, g as useThreadContext, qr as useChannelStateContext } from "./useNotificationApi.fa5cddf9.mjs";
+import { createContext, useContext, useEffect, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { MessageComposer } from "stream-chat";
+//#region src/context/MessageComposerContext.tsx
+var MessageComposerContext = createContext(void 0);
+var MessageComposerContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(MessageComposerContext.Provider, {
+	value,
+	children
+});
+var useMessageComposerContext = (componentName) => {
+	const contextValue = 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 } = 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 = useMemo(() => {
+		if (!parentMessage) return void 0;
+		return parentMessage;
+	}, [parentMessage?.id]);
+	const messageComposer = useMemo(() => {
+		if (threadInstance) return threadInstance.messageComposer;
+		else if (cachedParentMessage) {
+			const compositionContext = {
+				...cachedParentMessage,
+				legacyThreadId: cachedParentMessage.id
+			};
+			const tag = MessageComposer.constructTag(compositionContext);
+			const cachedComposer = queueCache.get(tag);
+			if (cachedComposer) return cachedComposer;
+			return new 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);
+	useEffect(() => {
+		const unsubscribe = messageComposer.registerSubscriptions();
+		return () => {
+			unsubscribe();
+		};
+	}, [messageComposer]);
+	return messageComposer;
+};
+//#endregion
+export { useMessageComposerContext as a, MessageComposerContextProvider as i, useIsCooldownActive as n, MessageComposerContext as r, useMessageComposerController as t };
+
+//# sourceMappingURL=useMessageComposerController.29f189b4.mjs.map

package/dist/es/useMessageComposerController.29f189b4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageComposerController.29f189b4.mjs","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,yBAAyB,cAEpC,KAAA,CAAS;AAEX,IAAa,kCAAkC,EAC7C,UACA,YAIA,oBAAC,uBAAuB,UAAxB;CACS;CAEN;AAC8B,CAAA;AAGnC,IAAa,6BAEX,kBACG;CACH,MAAM,eAAe,WAAW,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,uBAAuB;CAC3C,OAAO,cAAc,QAAQ,cAAc,OAAO,0BAA0B,EACzE;AACL;;;ACNA,IAAa,qCAAqC;CAChD,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,sBAAsB,eAAe;CAC7C,MAAM,EAAE,YAAY,uBAAuB;CAC3C,MAAM,EAAE,cAAc,kBAAkB,uBAAuB;CAC/D,MAAM,iBAAiB,iBAAiB;CAExC,MAAM,sBAAsB,cAAc;EACxC,IAAI,CAAC,eAAe,OAAO,KAAA;EAE3B,OAAO;CAET,GAAG,CAAC,eAAe,EAAE,CAAC;CAKtB,MAAM,kBAAkB,cAAc;EACpC,IAAI,gBACF,OAAO,eAAe;OACjB,IAAI,qBAAqB;GAC9B,MAAM,qBAAqB;IACzB,GAAG;IACH,gBAAgB,oBAAoB;GACtC;GAEA,MAAM,MAAM,gBAA0B,aAAa,kBAAkB;GAErE,MAAM,iBAAiB,WAAW,IAAI,GAAG;GACzC,IAAI,gBAAgB,OAAO;GAE3B,OAAO,IAAI,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,gBAAgB;EACd,MAAM,cAAc,gBAAgB,sBAAsB;EAC1D,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,eAAe,CAAC;CAEpB,OAAO;AACT"}

package/dist/es/{useNotificationApi.4be515a0.mjs → useNotificationApi.fa5cddf9.mjs}

@@ -1,18 +1,18 @@
 import React, { createContext, createElement, forwardRef, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ErrorFromResponse, MessageComposer, StateStore, localMessageToNewMessagePayload } from "stream-chat";
+import { ErrorFromResponse, StateStore, localMessageToNewMessagePayload } from "stream-chat";
 import { nanoid } from "nanoid";
+import clsx from "clsx";
 import { useSyncExternalStore } from "use-sync-external-store/shim";
 import { createPortal } from "react-dom";
 import Dayjs from "dayjs";
 import calendar from "dayjs/plugin/calendar";
 import localizedFormat from "dayjs/plugin/localizedFormat";
-import clsx from "clsx";
-import { autoPlacement, autoUpdate, flip, offset, shift, size, useFloating } from "@floating-ui/react";
 import debounce from "lodash.debounce";
 import throttle from "lodash.throttle";
 import deepequal from "react-fast-compare";
 import emojiRegex from "emoji-regex";
+import { autoPlacement, autoUpdate, flip, offset, shift, size, useFloating } from "@floating-ui/react";
 import * as linkify from "linkifyjs";
 //#region src/context/ChannelActionContext.tsx
 var ChannelActionContext = React.createContext(void 0);
@@ -338,7 +338,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] = useState(null);
@@ -367,7 +367,10 @@ var DialogPortalDestination = () => {
 	}, [destinationRoot, dialogManager]);
 	if (!openedDialogCount) return null;
 	return /* @__PURE__ */ jsx("div", {
-		className: "str-chat__dialog-overlay",
+		className: clsx("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,
@@ -409,7 +412,7 @@ var DialogManagerProviderContext = React.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] = useState(() => {
 		if (id) return getDialogManager(id) ?? null;
 		return new DialogManager({ closeOnClickOutside });
@@ -428,7 +431,7 @@ var DialogManagerProvider = ({ children, closeOnClickOutside, id }) => {
 	if (!dialogManager) return null;
 	return /* @__PURE__ */ jsxs(DialogManagerProviderContext.Provider, {
 		value: { dialogManager },
-		children: [children, /* @__PURE__ */ jsx(DialogPortalDestination, {})]
+		children: [children, /* @__PURE__ */ jsx(DialogPortalDestination, { ...portalDestinationProps })]
 	});
 };
 var getManagerFromStore = ({ dialogId, dialogManagerId, newState, previousState }) => {
@@ -498,18 +501,6 @@ var ModalDialogManagerProvider = ({ children }) => /* @__PURE__ */ jsx(DialogMan
 var useModalDialogManager = () => useMemo(() => getDialogManager(modalDialogManagerId), []);
 var useNearestDialogManagerContext = () => useContext(DialogManagerProviderContext);
 //#endregion
-//#region src/context/MessageComposerContext.tsx
-var MessageComposerContext = createContext(void 0);
-var MessageComposerContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(MessageComposerContext.Provider, {
-	value,
-	children
-});
-var useMessageComposerContext = (componentName) => {
-	const contextValue = 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;
@@ -709,50 +700,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 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 offset({
-			crossAxis,
-			mainAxis
-		});
-	}
-	if (typeof opt === "number") return offset(opt);
-	return 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 useFloating({
-		middleware: [
-			...offsetMiddleware ? [offsetMiddleware] : [],
-			...autoMw ? [autoMw] : allowFlip && !isSidePlacement ? [flip()] : [],
-			...allowShift ? [shift(mergedShiftOptions)] : [],
-			...fitAvailableSpace ? [size({ apply: () => {} })] : []
-		],
-		placement: String(placement).startsWith("auto") ? "bottom" : placement,
-		strategy: "fixed",
-		whileElementsMounted: freeze ? void 0 : (reference, floating, update) => autoUpdate(reference, floating, update, {
-			ancestorResize: true,
-			ancestorScroll: true,
-			animationFrame: false,
-			elementResize: hasResizeObserver,
-			...autoUpdateOptions
-		})
-	});
-}
+//#region src/components/UtilityComponents/useStableId.ts
+var reactUseId = React.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 useMemo(() => nanoid(), []);
+};
 //#endregion
 //#region src/components/Button/Button.tsx
 var variantToClass = {
@@ -1089,6 +1050,14 @@ var IconMore = createIcon("IconMore", /* @__PURE__ */ jsxs(Fragment$1, { childre
 	/* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx("path", {
 	d: "M1.5 10.5724L4.98387 13.9936L13.1129 6.00977M10.371 13.9936L18.5 6.00977",
@@ -1175,6 +1144,10 @@ var IconFlag = createIcon("IconFlag", /* @__PURE__ */ jsx("path", {
 	strokeLinejoin: "round",
 	strokeWidth: "1.5"
 }));
+var IconFolder = createIcon("IconFolder", /* @__PURE__ */ 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__ */ 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",
@@ -1183,6 +1156,20 @@ var IconImage = createIcon("IconImage", /* @__PURE__ */ jsx("path", {
 	strokeLinejoin: "round",
 	strokeWidth: "1.5"
 }));
+var IconInfo = createIcon("IconInfo", /* @__PURE__ */ jsxs(Fragment$1, { children: [
+	/* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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",
@@ -1494,21 +1481,6 @@ var IconGiphy = createIcon("IconGiphy", /* @__PURE__ */ jsxs(Fragment$1, { child
 	})
 ] }));
 //#endregion
-//#region src/components/UtilityComponents/useStableId.ts
-var reactUseId = React.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 useMemo(() => nanoid(), []);
-};
-//#endregion
 //#region src/components/EmptyStateIndicator/EmptyStateIndicator.tsx
 var UnMemoizedEmptyStateIndicator = (props) => {
 	const { listType, messageText } = props;
@@ -2083,6 +2055,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 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 offset({
+			crossAxis,
+			mainAxis
+		});
+	}
+	if (typeof opt === "number") return offset(opt);
+	return 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 useFloating({
+		middleware: [
+			...offsetMiddleware ? [offsetMiddleware] : [],
+			...autoMw ? [autoMw] : allowFlip && !isSidePlacement ? [flip()] : [],
+			...allowShift ? [shift(mergedShiftOptions)] : [],
+			...fitAvailableSpace ? [size({ apply: () => {} })] : []
+		],
+		placement: String(placement).startsWith("auto") ? "bottom" : placement,
+		strategy: "fixed",
+		whileElementsMounted: freeze ? void 0 : (reference, floating, update) => autoUpdate(reference, floating, update, {
+			ancestorResize: true,
+			ancestorScroll: true,
+			animationFrame: false,
+			elementResize: hasResizeObserver,
+			...autoUpdateOptions
+		})
+	});
+}
+//#endregion
 //#region src/components/Thread/LegacyThreadContext.ts
 var LegacyThreadContext = React.createContext({ legacyThread: void 0 });
 var useLegacyThreadContext = () => useContext(LegacyThreadContext);
@@ -2732,56 +2749,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 = useMemo(() => {
-		if (!parentMessage) return void 0;
-		return parentMessage;
-	}, [parentMessage?.id]);
-	const messageComposer = useMemo(() => {
-		if (threadInstance) return threadInstance.messageComposer;
-		else if (cachedParentMessage) {
-			const compositionContext = {
-				...cachedParentMessage,
-				legacyThreadId: cachedParentMessage.id
-			};
-			const tag = MessageComposer.constructTag(compositionContext);
-			const cachedComposer = queueCache.get(tag);
-			if (cachedComposer) return cachedComposer;
-			return new 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);
-	useEffect(() => {
-		const unsubscribe = messageComposer.registerSubscriptions();
-		return () => {
-			unsubscribe();
-		};
-	}, [messageComposer]);
-	return messageComposer;
-};
-//#endregion
 //#region src/constants/messageTypes.ts
 var CUSTOM_MESSAGE_TYPE = {
 	date: "message.date",
@@ -4110,16 +4077,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 ?? []
@@ -4140,10 +4107,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: 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,
@@ -4169,7 +4136,7 @@ var useNotificationApi = () => {
 		}, [
 			client,
 			inferredPanel,
-			modalIsOpen
+			modalManagerHasOpenDialog
 		]),
 		addSystemNotification: useCallback(({ actions, context, duration, emitter, error, incident, message, severity, tags, type }) => {
 			const notificationTags = Array.from(new Set([SYSTEM_NOTIFICATION_TAG, ...tags ?? []]));
@@ -4205,6 +4172,6 @@ var useNotificationApi = () => {
 	};
 };
 //#endregion
-export { isMessageEdited as $, getNotificationTargetPanel as $n, ChannelActionContext as $r, IconFlag as $t, useMessageComposerController as A, IconShield as An, modalDialogId as Ar, IconBookmark as At, ACTIONS_NOT_WORKING_IN_THREAD as B, IconUserCheck as Bn, DialogManager as Br, IconCommand as Bt, insertIntro as C, IconQuote as Cn, modalDialogManagerId as Cr, IconArrowUp as Ct, makeDateMessageId as D, IconRetry as Dn, DialogPortalDestination as Dr, IconBell as Dt, isLocalMessage as E, IconReply as En, useNearestDialogManagerContext as Er, IconAudio as Et, AudioPlayer as F, IconUnpin as Fn, useModalDialog as Fr, IconChecks as Ft, countEmojis as G, IconVoice as Gn, ChatProvider as Gr, IconEmoji as Gt, OPTIONAL_MESSAGE_ACTIONS as H, IconUsers as Hn, ComponentProvider as Hr, IconDelete as Ht, defaultRegisterAudioPlayerError as I, IconUnsupportedAttachment as In, useModalDialogIsOpen as Ir, IconChevronDown as It, getNonImageAttachments as J, IconXmarkSmall as Jn, ChannelStateProvider as Jr, IconExclamationMark as Jt, getImages as K, IconXCircle as Kn, useChatContext as Kr, IconEmojiAdd as Kt, elementIsPlaying as L, IconUpload as Ln, useModalDialogIsTopmost as Lr, IconChevronLeft as Lt, WithAudioPlayback as M, IconThreadFill as Mn, useDialogIsOpen as Mr, IconCamera as Mt, useActiveAudioPlayer as N, IconTranslate as Nn, useDialogIsTopmost as Nr, IconCheckmark as Nt, makeIntroMessage as O, IconSearch as On, DialogPortalEntry as Or, IconBellOff as Ot, useAudioPlayer as P, IconTrophy as Pn, useDialogOnNearestManager as Pr, IconCheckmark1Small as Pt, isMessageDeleted as Q, addNotificationTargetTag as Qn, useChannelListContext as Qr, IconFile as Qt, LegacyThreadContext as R, IconUser as Rn, useOpenedDialogCount as Rr, IconChevronRight as Rt, hasMoreMessagesProbably as S, IconPoll as Sn, ModalDialogManagerProvider as Sr, IconArrowLeft as St, isIntroMessage as T, IconReorder as Tn, useModalDialogManager as Tr, IconAttachment as Tt, areMessagePropsEqual as U, IconVideo as Un, useComponentContext as Ur, IconDownload as Ut, MESSAGE_ACTIONS as V, IconUserRemove as Vn, ComponentContext as Vr, IconCopy as Vt, areMessageUIPropsEqual as W, IconVideoFill as Wn, ChatContext as Wr, IconEdit as Wt, isMessageBlocked as X, Button as Xn, ChannelListContext as Xr, IconExclamationTriangleFill as Xt, getReadByTooltipText as Y, createIcon as Yn, useChannelStateContext as Yr, IconExclamationMarkFill as Yt, isMessageBounced as Z, usePopoverPosition as Zn, ChannelListContextProvider as Zr, IconEyeFill as Zt, Channel as _, IconPauseFill as _n, predefinedFormatters as _r, EmptyStateIndicator as _t, ChatView as a, IconLocation as an, TypingProvider as ar, messageHasGiphyAttachment as at, getIsFirstUnreadMessage as b, IconPlus as bn, useMessageComposerContext as br, IconArrowDown as bt, ChatViewSelectorButton as c, IconMessageBubbleFill as cn, TranslationProvider as cr, messageHasSingleAttachment as ct, useActiveThread as d, IconMinus as dn, defaultTranslatorFunction as dr, EMOJI_REGEX as dt, ChannelActionProvider as ei, IconGiphy as en, getNotificationTargetPanels as er, isMessageErrorRetryable as et, useChatViewContext as f, IconMinusCircle as fn, getDateString as fr, CHANNEL_CONTAINER_ID as ft, useThreadContext as g, IconNotification as gn, isNumberOrString as gr, useEditMessageHandler as gt, ThreadProvider as h, IconNoSign as hn, isLanguageSupported as hr, useMentionsHandlers as ht, useNotificationTarget as i, IconLoading as in, TypingContext as ir, messageHasAttachments as it, useIsCooldownActive as j, IconThread as jn, useDialog as jr, IconBookmarkRemove as jt, processMessages as k, IconSend as kn, Portal as kr, IconBolt as kt, ChatViewThreadsSelectorButton as l, IconMessageBubbles as ln, useTranslationContext as lr, messageTextHasEmojisOnly as lt, ThreadContext as m, IconMute as mn, isDayOrMoment as mr, LoadingChannel as mt, hasSystemNotificationTag as n, IconLeave as nn, isNotificationForPanel as nr, isUserMuted as nt, ChatViewChannelsSelectorButton as o, IconMegaphone as on, useTypingContext as or, messageHasQuotedMessage as ot, useThreadsViewContext as p, IconMore as pn, isDate as pr, LoadingErrorIndicator as pt, getMessageActions as q, IconXmark as qn, ChannelStateContext as qr, IconExclamationCircleFill as qt, useNotificationApi as r, IconLink as rn, isNotificationTargetPanel as rr, mapToUserNameOrId as rt, ChatViewContext as s, IconMessageBubble as sn, TranslationContext as sr, messageHasReactions as st, SYSTEM_NOTIFICATION_TAG as t, useChannelActionContext as ti, IconImage as tn, getNotificationTargetTag as tr, isNetworkSendFailure as tt, defaultChatViewSelectorItemSet as u, IconMicrophoneSolid as un, defaultDateTimeParser as ur, validateAndGetMessage as ut, getChannel as v, IconPin as vn, MessageComposerContext as vr, useStableId as vt, isDateSeparatorMessage as w, IconRefresh as wn, useDialogManager as wr, IconArrowUpRight as wt, getLastReceived as x, IconPlusSmall as xn, DialogManagerProvider as xr, IconArrowDownCircle as xt, getGroupStyles as y, IconPlayFill as yn, MessageComposerContextProvider as yr, IconArchive as yt, useLegacyThreadContext as z, IconUserAdd as zn, useStateStore as zr, IconClock as zt };
+export { isMessageErrorRetryable as $, addNotificationTargetTag as $n, useChannelActionContext as $r, IconGiphy as $t, WithAudioPlayback as A, IconSend as An, useDialogIsOpen as Ar, IconCamera as At, MESSAGE_ACTIONS as B, IconUserAdd as Bn, ComponentProvider as Br, IconDelete as Bt, insertIntro as C, IconPoll as Cn, useModalDialogManager as Cr, IconAttachment as Ct, makeDateMessageId as D, IconReply as Dn, Portal as Dr, IconBolt as Dt, isLocalMessage as E, IconReorder as En, DialogPortalEntry as Er, IconBellOff as Et, elementIsPlaying as F, IconTrophy as Fn, useModalDialogIsTopmost as Fr, IconChevronLeft as Ft, getImages as G, IconVideoFill as Gn, ChannelStateContext as Gr, IconExclamationCircleFill as Gt, areMessagePropsEqual as H, IconUserRemove as Hn, ChatContext as Hr, IconEdit as Ht, LegacyThreadContext as I, IconUnpin as In, useOpenedDialogCount as Ir, IconChevronRight as It, getReadByTooltipText as J, IconXmark as Jn, ChannelListContext as Jr, IconExclamationTriangleFill as Jt, getMessageActions as K, IconVoice as Kn, ChannelStateProvider as Kr, IconExclamationMark as Kt, useLegacyThreadContext as L, IconUnsupportedAttachment as Ln, useStateStore as Lr, IconClock as Lt, useAudioPlayer as M, IconThread as Mn, useDialogOnNearestManager as Mr, IconCheckmark1Small as Mt, AudioPlayer as N, IconThreadFill as Nn, useModalDialog as Nr, IconChecks as Nt, makeIntroMessage as O, IconRetry as On, modalDialogId as Or, IconBookmark as Ot, defaultRegisterAudioPlayerError as P, IconTranslate as Pn, useModalDialogIsOpen as Pr, IconChevronDown as Pt, isMessageEdited as Q, useStableId as Qn, ChannelActionProvider as Qr, IconFolder as Qt, usePopoverPosition as R, IconUpload as Rn, DialogManager as Rr, IconCommand as Rt, hasMoreMessagesProbably as S, IconPlusSmall as Sn, useDialogManager as Sr, IconArrowUpRight as St, isIntroMessage as T, IconRefresh as Tn, DialogPortalDestination as Tr, IconBell as Tt, areMessageUIPropsEqual as U, IconUsers as Un, ChatProvider as Ur, IconEmoji as Ut, OPTIONAL_MESSAGE_ACTIONS as V, IconUserCheck as Vn, useComponentContext as Vr, IconDownload as Vt, countEmojis as W, IconVideo as Wn, useChatContext as Wr, IconEmojiAdd as Wt, isMessageBounced as X, createIcon as Xn, useChannelListContext as Xr, IconFile as Xt, isMessageBlocked as Y, IconXmarkSmall as Yn, ChannelListContextProvider as Yr, IconEyeFill as Yt, isMessageDeleted as Z, Button as Zn, ChannelActionContext as Zr, IconFlag as Zt, Channel as _, IconNotification as _n, isNumberOrString as _r, IconArchive as _t, ChatView as a, IconLocation as an, TypingContext as ar, messageHasQuotedMessage as at, getIsFirstUnreadMessage as b, IconPlayFill as bn, ModalDialogManagerProvider as br, IconArrowLeft as bt, ChatViewSelectorButton as c, IconMessageBubble as cn, TranslationContext as cr, messageTextHasEmojisOnly as ct, useActiveThread as d, IconMicrophoneSolid as dn, defaultDateTimeParser as dr, CHANNEL_CONTAINER_ID as dt, IconImage as en, getNotificationTargetPanel as er, isNetworkSendFailure as et, useChatViewContext as f, IconMinus as fn, defaultTranslatorFunction as fr, LoadingErrorIndicator as ft, useThreadContext as g, IconNoSign as gn, isLanguageSupported as gr, EmptyStateIndicator as gt, ThreadProvider as h, IconMute as hn, isDayOrMoment as hr, useEditMessageHandler as ht, useNotificationTarget as i, IconLoading as in, isNotificationTargetPanel as ir, messageHasGiphyAttachment as it, useActiveAudioPlayer as j, IconShield as jn, useDialogIsTopmost as jr, IconCheckmark as jt, processMessages as k, IconSearch as kn, useDialog as kr, IconBookmarkRemove as kt, ChatViewThreadsSelectorButton as l, IconMessageBubbleFill as ln, TranslationProvider as lr, validateAndGetMessage as lt, ThreadContext as m, IconMore as mn, isDate as mr, useMentionsHandlers as mt, hasSystemNotificationTag as n, IconLeave as nn, getNotificationTargetTag as nr, mapToUserNameOrId as nt, ChatViewChannelsSelectorButton as o, IconMegaphone as on, TypingProvider as or, messageHasReactions as ot, useThreadsViewContext as p, IconMinusCircle as pn, getDateString as pr, LoadingChannel as pt, getNonImageAttachments as q, IconXCircle as qn, useChannelStateContext as qr, IconExclamationMarkFill as qt, useNotificationApi as r, IconLink as rn, isNotificationForPanel as rr, messageHasAttachments as rt, ChatViewContext as s, IconMenu as sn, useTypingContext as sr, messageHasSingleAttachment as st, SYSTEM_NOTIFICATION_TAG as t, IconInfo as tn, getNotificationTargetPanels as tr, isUserMuted as tt, defaultChatViewSelectorItemSet as u, IconMessageBubbles as un, useTranslationContext as ur, EMOJI_REGEX as ut, getChannel as v, IconPauseFill as vn, predefinedFormatters as vr, IconArrowDown as vt, isDateSeparatorMessage as w, IconQuote as wn, useNearestDialogManagerContext as wr, IconAudio as wt, getLastReceived as x, IconPlus as xn, modalDialogManagerId as xr, IconArrowUp as xt, getGroupStyles as y, IconPin as yn, DialogManagerProvider as yr, IconArrowDownCircle as yt, ACTIONS_NOT_WORKING_IN_THREAD as z, IconUser as zn, ComponentContext as zr, IconCopy as zt };
 
-//# sourceMappingURL=useNotificationApi.4be515a0.mjs.map
+//# sourceMappingURL=useNotificationApi.fa5cddf9.mjs.map