stream-chat-react 14.4.1 → 14.6.0

package/dist/cjs/{useNotificationApi.9ffe5761.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",
@@ -1258,6 +1245,10 @@ var IconMute = createIcon("IconMute", /* @__PURE__ */ (0, react_jsx_runtime.jsx)
 	strokeLinejoin: "round",
 	strokeWidth: "1.5"
 }), { "data-rtl-mirror": "" });
+var IconMegaphone = createIcon("IconMegaphone", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+	d: "M18 9.375C18 8.74513 17.7501 8.1407 17.3047 7.69531C16.8593 7.24993 16.2549 7 15.625 7H13.25V11.75H15.625C16.2549 11.75 16.8593 11.5001 17.3047 11.0547C17.7501 10.6093 18 10.0049 18 9.375ZM13.25 15.6094L13.9072 16.0479L14.6504 13.25H13.25V15.6094ZM3.875 15.3613C5.95015 13.6742 8.04776 12.7734 9.64648 12.2949C10.4722 12.0478 11.1671 11.9129 11.6602 11.8389C11.6909 11.8343 11.7209 11.8303 11.75 11.8262V6.92383C11.7209 6.91969 11.6908 6.91671 11.6602 6.91211C11.1671 6.83809 10.4722 6.70218 9.64648 6.45508C8.04766 5.97662 5.95031 5.0757 3.875 3.38867V15.3613ZM19.5 9.375C19.5 10.4027 19.0919 11.3885 18.3652 12.1152C17.7786 12.7019 17.023 13.0807 16.2129 13.2051L15.3174 16.5811L15.3184 16.582C15.2651 16.7957 15.1613 16.994 15.0156 17.1592C14.8698 17.3244 14.686 17.4527 14.4805 17.5322C14.2749 17.6118 14.0531 17.6403 13.834 17.6162C13.615 17.5921 13.405 17.5158 13.2217 17.3936L12.3623 16.8213C12.1743 16.6958 12.0198 16.5254 11.9131 16.3262C11.8064 16.1268 11.7501 15.9039 11.75 15.6777V13.3428C11.3266 13.4117 10.752 13.5301 10.0762 13.7324C8.57696 14.1812 6.58735 15.0397 4.63477 16.6777L4.63379 16.6768C4.43352 16.845 4.18997 16.9539 3.93066 16.9883C3.67115 17.0227 3.40727 16.9816 3.16992 16.8711C2.93257 16.7606 2.73161 16.585 2.59082 16.3643C2.45002 16.1435 2.37506 15.8869 2.375 15.625V3.12402L2.38867 2.92871C2.41659 2.73605 2.48617 2.55103 2.5918 2.38574C2.73273 2.16523 2.93357 1.98918 3.1709 1.87891L3.35352 1.80957C3.47774 1.77216 3.6066 1.75227 3.73633 1.75098L3.93164 1.7627L4.12207 1.80273C4.30947 1.85543 4.48363 1.94804 4.63379 2.07422L4.63477 2.07324C6.58731 3.71082 8.57697 4.5689 10.0762 5.01758C10.8255 5.24183 11.4504 5.3638 11.8828 5.42871C12.0986 5.46111 12.2662 5.47917 12.377 5.48926C12.432 5.49427 12.4732 5.49735 12.499 5.49902C12.5118 5.49984 12.5213 5.49973 12.5264 5.5H15.625C16.6527 5.5 17.6385 5.90808 18.3652 6.63477C19.0919 7.36146 19.5 8.3473 19.5 9.375Z",
+	fill: "currentColor"
+}));
 var IconSend = createIcon("IconSend", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 	d: "M11.2498 10H6.24982M6.24982 10L3.7881 2.71328C3.74537 2.59349 3.7402 2.4635 3.7733 2.34069C3.80639 2.21788 3.87616 2.10808 3.9733 2.02597C4.07044 1.94386 4.19032 1.89335 4.31693 1.88117C4.44353 1.86899 4.57084 1.89573 4.68185 1.95781L17.8069 9.4461C17.9045 9.50015 17.986 9.57937 18.0427 9.67555C18.0994 9.77172 18.1293 9.88133 18.1293 9.99297C18.1293 10.1046 18.0994 10.2142 18.0427 10.3104C17.986 10.4066 17.9045 10.4858 17.8069 10.5398L4.68185 18.0469C4.57051 18.1096 4.4426 18.1367 4.31537 18.1245C4.18815 18.1123 4.06772 18.0614 3.97032 17.9787C3.87292 17.8959 3.80323 17.7853 3.77065 17.6617C3.73807 17.5381 3.74416 17.4075 3.7881 17.2875L6.24982 10Z",
 	fill: "none",
@@ -1266,6 +1257,10 @@ var IconSend = createIcon("IconSend", /* @__PURE__ */ (0, react_jsx_runtime.jsx)
 	strokeLinejoin: "round",
 	strokeWidth: "1.5"
 }), { "data-rtl-mirror": "" });
+var IconShield = createIcon("IconShield", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+	d: "M10.1973 18.8486C10.0681 18.8838 9.93188 18.8838 9.80273 18.8486L10 18.125L10.1973 18.8486ZM16.125 4.5H3.875V8.75C3.875 12.2327 5.45678 14.3769 7.03711 15.6699C7.83473 16.3225 8.63551 16.7591 9.23633 17.0322C9.53582 17.1683 9.7837 17.2629 9.95312 17.3223C9.96932 17.3279 9.98528 17.3319 10 17.3369C10.0147 17.3319 10.0307 17.3279 10.0469 17.3223C10.2163 17.2629 10.4642 17.1683 10.7637 17.0322C11.3645 16.7591 12.1653 16.3225 12.9629 15.6699C14.5432 14.3769 16.125 12.2327 16.125 8.75V4.5ZM17.625 8.75C17.625 12.7673 15.7693 15.3106 13.9121 16.8301C12.9911 17.5837 12.073 18.0846 11.3848 18.3975C11.04 18.5542 10.7504 18.6649 10.5439 18.7373C10.4407 18.7735 10.3576 18.8002 10.2988 18.8184C10.2694 18.8274 10.2455 18.8349 10.2285 18.8398L10.2012 18.8477H10.1992L10.1982 18.8486L10 18.125L9.80176 18.8486L9.80078 18.8477H9.79883L9.77148 18.8398C9.75446 18.8349 9.73058 18.8274 9.70117 18.8184C9.64239 18.8002 9.55926 18.7735 9.45605 18.7373C9.24957 18.6649 8.95996 18.5542 8.61523 18.3975C7.92702 18.0846 7.00893 17.5837 6.08789 16.8301C4.23072 15.3106 2.375 12.7673 2.375 8.75V4.375C2.375 4.01033 2.51948 3.66021 2.77734 3.40234L2.87891 3.31152C3.12356 3.11111 3.43097 3 3.75 3H16.25C16.569 3 16.8764 3.11111 17.1211 3.31152L17.2227 3.40234L17.3135 3.50391C17.5139 3.74856 17.625 4.05597 17.625 4.375V8.75Z",
+	fill: "currentColor"
+}));
 var IconAttachment = createIcon("IconAttachment", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 	d: "M12.4999 6.24998L5.9913 12.8664C5.76258 13.102 5.63576 13.4181 5.63823 13.7465C5.6407 14.0748 5.77227 14.389 6.00451 14.6211C6.23674 14.8533 6.55099 14.9847 6.87934 14.987C7.20769 14.9894 7.52376 14.8624 7.75927 14.6336L15.5179 6.76795C15.9868 6.29905 16.2502 5.6631 16.2502 4.99998C16.2502 4.33686 15.9868 3.70091 15.5179 3.23201C15.049 2.76312 14.413 2.49969 13.7499 2.49969C13.0868 2.49969 12.4508 2.76312 11.9819 3.23201L4.22333 11.0984C3.52953 11.8036 3.14249 12.7544 3.14652 13.7437C3.15054 14.7329 3.54531 15.6805 4.24483 16.38C4.94435 17.0796 5.89195 17.4743 6.88121 17.4784C7.87048 17.4824 8.82126 17.0953 9.52645 16.4015L15.9374 9.99998",
 	fill: "none",
@@ -1283,6 +1278,10 @@ var IconUser = createIcon("IconUser", /* @__PURE__ */ (0, react_jsx_runtime.jsx)
 	strokeLinejoin: "round",
 	strokeWidth: "1.5"
 }));
+var IconUsers = createIcon("IconUsers", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+	d: "M9.87527 8.4375C9.87527 6.60819 8.39203 5.12521 6.56277 5.125C4.73332 5.125 3.25027 6.60806 3.25027 8.4375C3.25027 10.2547 4.71313 11.7293 6.52566 11.749C6.5379 11.749 6.55052 11.748 6.56277 11.748C6.57481 11.7481 6.58686 11.749 6.5989 11.749C8.41151 11.7294 9.87527 10.2548 9.87527 8.4375ZM13.7249 3.63379C14.4323 3.67666 15.1216 3.8757 15.7434 4.21582C16.3651 4.55594 16.9039 5.02905 17.3216 5.60157C17.7392 6.17405 18.0254 6.83152 18.1594 7.52735C18.2934 8.22317 18.2721 8.94034 18.0969 9.62696C17.9217 10.3136 17.5968 10.9534 17.1458 11.5C16.8952 11.8037 16.6079 12.073 16.2932 12.3057C16.559 12.413 16.8201 12.5335 17.0735 12.6709C18.1898 13.2762 19.1371 14.1512 19.8294 15.2158C20.0551 15.5631 19.9569 16.0281 19.6096 16.2539C19.2624 16.4797 18.7974 16.3814 18.5716 16.0342C18.0157 15.1792 17.2551 14.4764 16.3587 13.9902C15.462 13.5041 14.4577 13.2494 13.4378 13.25C13.0238 13.2502 12.6883 12.9149 12.6878 12.501C12.6875 12.1128 12.9817 11.7928 13.3596 11.7539L13.4368 11.75L13.6194 11.7451C14.0444 11.7213 14.4619 11.6157 14.8479 11.4336C15.2889 11.2255 15.6782 10.922 15.9885 10.5459C16.299 10.1697 16.5232 9.72944 16.6438 9.25684C16.7644 8.78425 16.779 8.29047 16.6868 7.81153C16.5946 7.33249 16.3971 6.87947 16.1096 6.48535C15.8222 6.09134 15.4516 5.76533 15.0237 5.53125C14.5957 5.29714 14.121 5.16037 13.6341 5.13086C13.1471 5.10137 12.6594 5.17964 12.2063 5.36035C11.8217 5.51366 11.3852 5.3269 11.2317 4.94239C11.0783 4.55776 11.2662 4.12136 11.6507 3.96778C12.309 3.70521 13.0174 3.59093 13.7249 3.63379ZM11.3753 8.4375C11.3753 10.024 10.6063 11.43 9.42214 12.3066C9.68664 12.4137 9.94634 12.5341 10.1985 12.6709C11.3147 13.2764 12.262 14.1513 12.9544 15.2158C13.1802 15.5631 13.0819 16.0281 12.7346 16.2539C12.3874 16.4797 11.9224 16.3814 11.6966 16.0342C11.1404 15.179 10.3794 14.4757 9.48269 13.9893C8.59628 13.5085 7.60498 13.2547 6.59695 13.249C6.58556 13.2491 6.57417 13.25 6.56277 13.25C6.55117 13.25 6.53919 13.2491 6.52761 13.249C5.51958 13.2547 4.52826 13.5085 3.64187 13.9893C2.7452 14.4757 1.98418 15.179 1.428 16.0342C1.20214 16.3813 0.737113 16.4797 0.389915 16.2539C0.0427651 16.028 -0.0556256 15.563 0.170188 15.2158C0.862547 14.1513 1.80989 13.2765 2.92605 12.6709C3.1779 12.5343 3.43728 12.4136 3.70144 12.3066C2.51771 11.4299 1.75027 10.0237 1.75027 8.4375C1.75027 5.77963 3.9049 3.625 6.56277 3.625C9.22046 3.62521 11.3753 5.77976 11.3753 8.4375Z",
+	fill: "currentColor"
+}));
 var IconUserAdd = createIcon("IconUserAdd", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
 	clipPath: "url(#clip0_14246_498359)",
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -1514,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;
@@ -1860,14 +1844,16 @@ var useIsMounted = () => {
 };
 //#endregion
 //#region src/components/Channel/hooks/useMentionsHandlers.ts
-var useMentionsHandlers = (onMentionsHover, onMentionsClick) => (0, react.useCallback)((event, mentioned_users) => {
+var useMentionsHandlers = (onMentionsHover, onMentionsClick) => (0, react.useCallback)((event, mentioned_users, message) => {
 	if (!onMentionsHover && !onMentionsClick || !(event.target instanceof HTMLElement)) return;
 	const textContent = event.target.innerHTML.replace("*", "");
 	if (textContent[0] === "@") {
 		const userName = textContent.replace("@", "");
 		const user = mentioned_users?.find(({ id, name }) => name === userName || id === userName);
-		if (onMentionsHover && typeof onMentionsHover === "function" && event.type === "mouseover") onMentionsHover(event, user);
-		if (onMentionsClick && event.type === "click" && typeof onMentionsClick === "function") onMentionsClick(event, user);
+		if (onMentionsHover && typeof onMentionsHover === "function" && event.type === "mouseover") if (message) onMentionsHover(event, user, message);
+		else onMentionsHover(event, user);
+		if (onMentionsClick && event.type === "click" && typeof onMentionsClick === "function") if (message) onMentionsClick(event, user, message);
+		else onMentionsClick(event, user);
 	}
 }, [onMentionsClick, onMentionsHover]);
 //#endregion
@@ -2101,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);
@@ -2750,55 +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 queueCache = new stream_chat.FixedSizeQueueCache(64);
-var useMessageComposerController = () => {
-	const { client } = useChatContext();
-	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,
-		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",
@@ -4127,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 ?? []
@@ -4157,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,
@@ -4186,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 ?? []]));
@@ -4588,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() {
@@ -4600,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() {
@@ -4624,6 +4618,18 @@ Object.defineProperty(exports, "IconLocation", {
 		return IconLocation;
 	}
 });
+Object.defineProperty(exports, "IconMegaphone", {
+	enumerable: true,
+	get: function() {
+		return IconMegaphone;
+	}
+});
+Object.defineProperty(exports, "IconMenu", {
+	enumerable: true,
+	get: function() {
+		return IconMenu;
+	}
+});
 Object.defineProperty(exports, "IconMessageBubble", {
 	enumerable: true,
 	get: function() {
@@ -4762,6 +4768,12 @@ Object.defineProperty(exports, "IconSend", {
 		return IconSend;
 	}
 });
+Object.defineProperty(exports, "IconShield", {
+	enumerable: true,
+	get: function() {
+		return IconShield;
+	}
+});
 Object.defineProperty(exports, "IconThread", {
 	enumerable: true,
 	get: function() {
@@ -4828,6 +4840,12 @@ Object.defineProperty(exports, "IconUserRemove", {
 		return IconUserRemove;
 	}
 });
+Object.defineProperty(exports, "IconUsers", {
+	enumerable: true,
+	get: function() {
+		return IconUsers;
+	}
+});
 Object.defineProperty(exports, "IconVideo", {
 	enumerable: true,
 	get: function() {
@@ -4888,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() {
@@ -5386,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() {
@@ -5404,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() {
@@ -5513,4 +5501,4 @@ Object.defineProperty(exports, "validateAndGetMessage", {
 	}
 });
 
-//# sourceMappingURL=useNotificationApi.9ffe5761.js.map
+//# sourceMappingURL=useNotificationApi.eb753f31.js.map