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

package/dist/es/components/UtilityComponents/useStableId.mjs

@@ -0,0 +1,20 @@
+import React, { useMemo } from "react";
+import { nanoid } from "nanoid";
+//#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
+export { stripUseIdWrappers, useStableId };
+
+//# sourceMappingURL=useStableId.mjs.map

package/dist/es/components/UtilityComponents/useStableId.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStableId.mjs","names":[],"sources":["../../../../src/components/UtilityComponents/useStableId.ts"],"sourcesContent":["import { nanoid } from 'nanoid';\nimport React, { useMemo } from 'react';\n\nconst reactUseId = React.useId as (() => string) | undefined;\n\n// Strips React.useId() wrapper characters so the value is safe as an HTML id:\n// from React 19.0 (`:r0:` -> `r0`) and 19.1 (`«r0»` -> `r0`);\n// 19.2+ uses `_r_1_` which is safe and doesn't need stripping\nexport const stripUseIdWrappers = (id: string): string => id.replace(/[:«»]/g, '');\n\n/**\n * Returns a stable, unique string id.\n *\n * On React 18+ this delegates to `React.useId()` (with the surrounding wrapper\n * characters stripped so the value is safe to use anywhere an HTML id is expected)\n * and is SSR-stable. On React 17, it falls back to a client-only id generated via `nanoid`.\n */\nexport const useStableId = () => {\n  if (reactUseId) return stripUseIdWrappers(reactUseId());\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useMemo(() => nanoid(), []);\n};\n"],"mappings":";;;AAGA,IAAM,aAAa,MAAM;AAKzB,IAAa,sBAAsB,OAAuB,GAAG,QAAQ,UAAU,EAAE;;;;;;;;AASjF,IAAa,oBAAoB;CAC/B,IAAI,YAAY,OAAO,mBAAmB,WAAW,CAAC;CAEtD,OAAO,cAAc,OAAO,GAAG,CAAC,CAAC;AACnC"}

package/dist/es/{ReactPlayerWrapper.d2ae5941.mjs → components/VideoPlayer/ReactPlayerWrapper.mjs}

@@ -7,10 +7,10 @@ var ReactPlayer = ReactPlayerImport.default ?? ReactPlayerImport;
 * `react-player` (~2 MB) out of the SDK's eager import graph — it is fetched
 * only when a default video player actually renders.
 */
-var ReactPlayerWrapper = ({ isPlaying, thumbnailUrl, videoUrl }) => /* @__PURE__ */ jsx(ReactPlayer, {
+var ReactPlayerWrapper = ({ controls = true, isPlaying, thumbnailUrl, videoUrl }) => /* @__PURE__ */ jsx(ReactPlayer, {
 	className: "react-player",
 	config: { file: { attributes: { poster: thumbnailUrl } } },
-	controls: true,
+	controls,
 	height: "100%",
 	playing: isPlaying,
 	url: videoUrl,
@@ -19,4 +19,4 @@ var ReactPlayerWrapper = ({ isPlaying, thumbnailUrl, videoUrl }) => /* @__PURE__
 //#endregion
 export { ReactPlayerWrapper as default };
 
-//# sourceMappingURL=ReactPlayerWrapper.d2ae5941.mjs.map
+//# sourceMappingURL=ReactPlayerWrapper.mjs.map

package/dist/es/components/VideoPlayer/ReactPlayerWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactPlayerWrapper.mjs","names":[],"sources":["../../../../src/components/VideoPlayer/ReactPlayerWrapper.tsx"],"sourcesContent":["import ReactPlayerImport from 'react-player';\n\nimport type { VideoPlayerProps } from './VideoPlayer';\n\n// react-player ships as CJS with the component on `exports.default`. Some\n// bundler/interop setups (e.g. Vite serving our built ESM as a linked workspace\n// dependency) hand back the module namespace `{ default }` instead of the\n// component itself, which makes React throw \"Element type is invalid ... got:\n// object\". Unwrap the default defensively so it works regardless of interop.\nconst ReactPlayer =\n  (ReactPlayerImport as unknown as { default?: typeof ReactPlayerImport }).default ??\n  ReactPlayerImport;\n\n/**\n * Default-exported so `VideoPlayer` can code-split it via `React.lazy`, keeping\n * `react-player` (~2 MB) out of the SDK's eager import graph — it is fetched\n * only when a default video player actually renders.\n */\nconst ReactPlayerWrapper = ({\n  controls = true,\n  isPlaying,\n  thumbnailUrl,\n  videoUrl,\n}: VideoPlayerProps) => (\n  <ReactPlayer\n    className='react-player'\n    config={{ file: { attributes: { poster: thumbnailUrl } } }}\n    controls={controls}\n    height='100%'\n    playing={isPlaying}\n    url={videoUrl}\n    width='100%'\n  />\n);\n\nexport default ReactPlayerWrapper;\n"],"mappings":";;;AASA,IAAM,cACH,kBAAwE,WACzE;;;;;;AAOF,IAAM,sBAAsB,EAC1B,WAAW,MACX,WACA,cACA,eAEA,oBAAC,aAAD;CACE,WAAU;CACV,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,aAAa,EAAE,EAAE;CAC/C;CACV,QAAO;CACP,SAAS;CACT,KAAK;CACL,OAAM;AACP,CAAA"}

package/dist/es/components/VideoPlayer/VideoPlayer.mjs

@@ -0,0 +1,30 @@
+import { useComponentContext } from "../../context/ComponentContext.mjs";
+import { LoadingIndicator } from "../Loading/LoadingIndicator.mjs";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/VideoPlayer/VideoPlayer.tsx
+var ReactPlayer = React.lazy(() => import("./ReactPlayerWrapper.mjs"));
+var VideoPlayer = ({ controls = true, isPlaying, thumbnailUrl, videoUrl }) => {
+	const { LoadingIndicator: LoadingIndicator$1 = LoadingIndicator, VideoPlayer: VideoPlayerContext } = useComponentContext();
+	return VideoPlayerContext ? /* @__PURE__ */ jsx(VideoPlayerContext, {
+		controls,
+		isPlaying,
+		thumbnailUrl,
+		videoUrl
+	}) : /* @__PURE__ */ jsx(React.Suspense, {
+		fallback: /* @__PURE__ */ jsx("div", {
+			className: "str-chat__video-player-loading",
+			children: /* @__PURE__ */ jsx(LoadingIndicator$1, {})
+		}),
+		children: /* @__PURE__ */ jsx(ReactPlayer, {
+			controls,
+			isPlaying,
+			thumbnailUrl,
+			videoUrl
+		})
+	});
+};
+//#endregion
+export { VideoPlayer };
+
+//# sourceMappingURL=VideoPlayer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.mjs","names":[],"sources":["../../../../src/components/VideoPlayer/VideoPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useComponentContext } from '../../context';\nimport { LoadingIndicator as DefaultLoadingIndicator } from '../Loading/LoadingIndicator';\n\n// `react-player` (~2 MB) is loaded lazily so it stays out of the SDK's eager\n// import graph; the consumer's bundler emits it as a separate chunk that is\n// fetched only when a default video player renders. Consumers who override\n// `VideoPlayer` via `ComponentContext` never load it at all.\nconst ReactPlayer = React.lazy(() => import('./ReactPlayerWrapper'));\n\nexport type VideoPlayerProps = {\n  /**\n   * Whether the native playback controls are rendered. Set to `false` for a video that cannot\n   * be played yet — e.g. one whose upload is still in flight.\n   * @default true\n   */\n  controls?: boolean;\n  isPlaying?: boolean;\n  videoUrl?: string;\n  thumbnailUrl?: string;\n};\n\nexport const VideoPlayer = ({\n  controls = true,\n  isPlaying,\n  thumbnailUrl,\n  videoUrl,\n}: VideoPlayerProps) => {\n  const { LoadingIndicator = DefaultLoadingIndicator, VideoPlayer: VideoPlayerContext } =\n    useComponentContext();\n\n  return VideoPlayerContext ? (\n    <VideoPlayerContext\n      controls={controls}\n      isPlaying={isPlaying}\n      thumbnailUrl={thumbnailUrl}\n      videoUrl={videoUrl}\n    />\n  ) : (\n    <React.Suspense\n      fallback={\n        <div className='str-chat__video-player-loading'>\n          <LoadingIndicator />\n        </div>\n      }\n    >\n      <ReactPlayer\n        controls={controls}\n        isPlaying={isPlaying}\n        thumbnailUrl={thumbnailUrl}\n        videoUrl={videoUrl}\n      />\n    </React.Suspense>\n  );\n};\n"],"mappings":";;;;;AASA,IAAM,cAAc,MAAM,WAAW,OAAO,2BAAuB;AAcnE,IAAa,eAAe,EAC1B,WAAW,MACX,WACA,cACA,eACsB;CACtB,MAAM,EAAE,kBAAA,qBAAmB,kBAAyB,aAAa,uBAC/D,oBAAoB;CAEtB,OAAO,qBACL,oBAAC,oBAAD;EACY;EACC;EACG;EACJ;CACX,CAAA,IAED,oBAAC,MAAM,UAAP;EACE,UACE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,oBAAD,CAAmB,CAAA;EAChB,CAAA;YAGP,oBAAC,aAAD;GACY;GACC;GACG;GACJ;EACX,CAAA;CACa,CAAA;AAEpB"}

package/dist/es/components/VideoPlayer/VideoThumbnail.mjs

@@ -0,0 +1,35 @@
+import { useTranslationContext } from "../../context/TranslationContext.mjs";
+import { Button } from "../Button/Button.mjs";
+import { BaseImage } from "../BaseImage/BaseImage.mjs";
+import { useComponentContextIcons } from "../../context/useComponentContextIcons.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/components/VideoPlayer/VideoThumbnail.tsx
+var VideoThumbnail = ({ className, onPlay, ...imageProps }) => {
+	const { IconPlayFill } = useComponentContextIcons();
+	const { t } = useTranslationContext();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "str-chat__message-attachment__video-thumbnail",
+		children: [/* @__PURE__ */ jsx(BaseImage, {
+			className: clsx("str-chat__message-attachment__video-thumbnail-image", className),
+			...imageProps
+		}), onPlay ? /* @__PURE__ */ jsx(Button, {
+			appearance: "solid",
+			"aria-label": t("videoPlayer.videoThumbnail.playVideo.ariaLabel", "Play video"),
+			circular: true,
+			className: clsx("str-chat__message-attachment__video-thumbnail__play-indicator"),
+			onClick: onPlay,
+			size: "lg",
+			variant: "secondary",
+			children: /* @__PURE__ */ jsx(IconPlayFill, {})
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "str-chat__message-attachment__video-thumbnail__play-indicator",
+			children: /* @__PURE__ */ jsx(IconPlayFill, {})
+		})]
+	});
+};
+//#endregion
+export { VideoThumbnail };
+
+//# sourceMappingURL=VideoThumbnail.mjs.map

package/dist/es/components/VideoPlayer/VideoThumbnail.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoThumbnail.mjs","names":[],"sources":["../../../../src/components/VideoPlayer/VideoThumbnail.tsx"],"sourcesContent":["import { BaseImage, type BaseImageProps } from '../BaseImage';\nimport { Button } from '../Button';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { useComponentContextIcons, useTranslationContext } from '../../context';\n\nexport type VideoThumbnailProps = BaseImageProps & {\n  onPlay?: () => void;\n};\n\nexport const VideoThumbnail = ({\n  className,\n  onPlay,\n  ...imageProps\n}: VideoThumbnailProps) => {\n  const { IconPlayFill } = useComponentContextIcons();\n  const { t } = useTranslationContext();\n\n  return (\n    <div className='str-chat__message-attachment__video-thumbnail'>\n      <BaseImage\n        className={clsx('str-chat__message-attachment__video-thumbnail-image', className)}\n        {...imageProps}\n      />\n      {onPlay ? (\n        <Button\n          appearance='solid'\n          aria-label={t('videoPlayer.videoThumbnail.playVideo.ariaLabel', 'Play video')}\n          circular\n          className={clsx(\n            'str-chat__message-attachment__video-thumbnail__play-indicator',\n          )}\n          onClick={onPlay}\n          size='lg'\n          variant='secondary'\n        >\n          <IconPlayFill />\n        </Button>\n      ) : (\n        <div className='str-chat__message-attachment__video-thumbnail__play-indicator'>\n          <IconPlayFill />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAUA,IAAa,kBAAkB,EAC7B,WACA,QACA,GAAG,iBACsB;CACzB,MAAM,EAAE,iBAAiB,yBAAyB;CAClD,MAAM,EAAE,MAAM,sBAAsB;CAEpC,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,WAAD;GACE,WAAW,KAAK,uDAAuD,SAAS;GAChF,GAAI;EACL,CAAA,GACA,SACC,oBAAC,QAAD;GACE,YAAW;GACX,cAAY,EAAE,kDAAkD,YAAY;GAC5E,UAAA;GACA,WAAW,KACT,+DACF;GACA,SAAS;GACT,MAAK;GACL,SAAQ;aAER,oBAAC,cAAD,CAAe,CAAA;EACT,CAAA,IAER,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,cAAD,CAAe,CAAA;EACZ,CAAA,CAEJ;;AAET"}

package/dist/es/components/VisuallyHidden/VisuallyHidden.mjs

@@ -0,0 +1,29 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/VisuallyHidden/VisuallyHidden.tsx
+var visuallyHiddenStyle = {
+	border: 0,
+	clip: "rect(0, 0, 0, 0)",
+	height: "1px",
+	margin: "-1px",
+	overflow: "hidden",
+	padding: 0,
+	position: "absolute",
+	whiteSpace: "nowrap",
+	width: "1px"
+};
+/**
+* Hides content visually while preserving it for assistive technologies.
+*/
+var VisuallyHidden = ({ children, style, ...rest }) => /* @__PURE__ */ jsx("span", {
+	...rest,
+	style: {
+		...visuallyHiddenStyle,
+		...style
+	},
+	children
+});
+//#endregion
+export { VisuallyHidden };
+
+//# sourceMappingURL=VisuallyHidden.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.mjs","names":[],"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import React, { type ComponentPropsWithoutRef, type CSSProperties } from 'react';\n\nexport type VisuallyHiddenProps = ComponentPropsWithoutRef<'span'>;\n\nconst visuallyHiddenStyle: CSSProperties = {\n  border: 0,\n  clip: 'rect(0, 0, 0, 0)',\n  height: '1px',\n  margin: '-1px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  whiteSpace: 'nowrap',\n  width: '1px',\n};\n\n/**\n * Hides content visually while preserving it for assistive technologies.\n */\nexport const VisuallyHidden = ({ children, style, ...rest }: VisuallyHiddenProps) => (\n  <span {...rest} style={{ ...visuallyHiddenStyle, ...style }}>\n    {children}\n  </span>\n);\n"],"mappings":";;;AAIA,IAAM,sBAAqC;CACzC,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,SAAS;CACT,UAAU;CACV,YAAY;CACZ,OAAO;AACT;;;;AAKA,IAAa,kBAAkB,EAAE,UAAU,OAAO,GAAG,WACnD,oBAAC,QAAD;CAAM,GAAI;CAAM,OAAO;EAAE,GAAG;EAAqB,GAAG;CAAM;CACvD;AACG,CAAA"}

package/dist/es/constants/messageTypes.mjs

@@ -0,0 +1,9 @@
+//#region src/constants/messageTypes.ts
+var CUSTOM_MESSAGE_TYPE = {
+	date: "message.date",
+	intro: "channel.intro"
+};
+//#endregion
+export { CUSTOM_MESSAGE_TYPE };
+
+//# sourceMappingURL=messageTypes.mjs.map

package/dist/es/constants/messageTypes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageTypes.mjs","names":[],"sources":["../../../src/constants/messageTypes.ts"],"sourcesContent":["export const CUSTOM_MESSAGE_TYPE = {\n  date: 'message.date',\n  intro: 'channel.intro',\n} as const;\n"],"mappings":";AAAA,IAAa,sBAAsB;CACjC,MAAM;CACN,OAAO;AACT"}

package/dist/es/context/AttachmentContext.mjs

@@ -0,0 +1,16 @@
+import { getImageAttachmentConfiguration, getVideoAttachmentConfiguration } from "../components/Attachment/attachment-sizing.mjs";
+import React from "react";
+//#region src/context/AttachmentContext.tsx
+var defaultAttachmentContextValue = {
+	giphyVersion: "fixed_height",
+	imageAttachmentSizeHandler: getImageAttachmentConfiguration,
+	shouldGenerateVideoThumbnail: true,
+	videoAttachmentSizeHandler: getVideoAttachmentConfiguration
+};
+var AttachmentContext = React.createContext(defaultAttachmentContextValue);
+var AttachmentContextProvider = AttachmentContext.Provider;
+var useAttachmentContext = () => React.useContext(AttachmentContext);
+//#endregion
+export { AttachmentContextProvider, defaultAttachmentContextValue, useAttachmentContext };
+
+//# sourceMappingURL=AttachmentContext.mjs.map

package/dist/es/context/AttachmentContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentContext.mjs","names":[],"sources":["../../../src/context/AttachmentContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { GiphyVersions } from 'stream-chat';\nimport type {\n  ImageAttachmentSizeHandler,\n  VideoAttachmentSizeHandler,\n} from '../components/Attachment/Attachment';\nimport {\n  getImageAttachmentConfiguration,\n  getVideoAttachmentConfiguration,\n} from '../components/Attachment/attachment-sizing';\n\nexport type ImageAttachmentConfiguration = {\n  url: string;\n};\nexport type VideoAttachmentConfiguration = ImageAttachmentConfiguration & {\n  thumbUrl?: string;\n};\n\nexport type AttachmentContextValue = {\n  giphyVersion: GiphyVersions;\n  imageAttachmentSizeHandler: ImageAttachmentSizeHandler;\n  shouldGenerateVideoThumbnail: boolean;\n  videoAttachmentSizeHandler: VideoAttachmentSizeHandler;\n};\n\nexport const defaultAttachmentContextValue: AttachmentContextValue = {\n  giphyVersion: 'fixed_height',\n  imageAttachmentSizeHandler: getImageAttachmentConfiguration,\n  shouldGenerateVideoThumbnail: true,\n  videoAttachmentSizeHandler: getVideoAttachmentConfiguration,\n};\n\nconst AttachmentContext = React.createContext<AttachmentContextValue>(\n  defaultAttachmentContextValue,\n);\n\nexport const AttachmentContextProvider = AttachmentContext.Provider;\n\nexport const useAttachmentContext = () => React.useContext(AttachmentContext);\n"],"mappings":";;;AAyBA,IAAa,gCAAwD;CACnE,cAAc;CACd,4BAA4B;CAC5B,8BAA8B;CAC9B,4BAA4B;AAC9B;AAEA,IAAM,oBAAoB,MAAM,cAC9B,6BACF;AAEA,IAAa,4BAA4B,kBAAkB;AAE3D,IAAa,6BAA6B,MAAM,WAAW,iBAAiB"}

package/dist/es/context/AttachmentSelectorContext.mjs

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/AttachmentSelectorContext.tsx
+var AttachmentSelectorContext = createContext({ fileInput: null });
+var AttachmentSelectorContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(AttachmentSelectorContext.Provider, {
+	value,
+	children
+});
+var useAttachmentSelectorContext = () => useContext(AttachmentSelectorContext);
+//#endregion
+export { AttachmentSelectorContextProvider, useAttachmentSelectorContext };
+
+//# sourceMappingURL=AttachmentSelectorContext.mjs.map

package/dist/es/context/AttachmentSelectorContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentSelectorContext.mjs","names":[],"sources":["../../../src/context/AttachmentSelectorContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { createContext, useContext } from 'react';\n\nexport type AttachmentSelectorContextValue = {\n  fileInput: HTMLInputElement | null;\n};\n\nconst AttachmentSelectorContext = createContext<AttachmentSelectorContextValue>({\n  fileInput: null,\n});\n\nexport const AttachmentSelectorContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{ value: AttachmentSelectorContextValue }>) => (\n  <AttachmentSelectorContext.Provider value={value}>\n    {children}\n  </AttachmentSelectorContext.Provider>\n);\n\nexport const useAttachmentSelectorContext = () => useContext(AttachmentSelectorContext);\n"],"mappings":";;;AAOA,IAAM,4BAA4B,cAA8C,EAC9E,WAAW,KACb,CAAC;AAED,IAAa,qCAAqC,EAChD,UACA,YAEA,oBAAC,0BAA0B,UAA3B;CAA2C;CACxC;AACiC,CAAA;AAGtC,IAAa,qCAAqC,WAAW,yBAAyB"}

package/dist/es/context/ChannelInstanceContext.mjs

@@ -0,0 +1,17 @@
+import React, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/ChannelInstanceContext.tsx
+var ChannelInstanceContext = React.createContext(void 0);
+var ChannelInstanceProvider = ({ children, value }) => /* @__PURE__ */ jsx(ChannelInstanceContext.Provider, {
+	value,
+	children
+});
+/**
+* Non-throwing counterpart to {@link useChannel}: returns an empty object outside a `Channel`
+* subtree, for callers that only need to know whether a channel is in scope.
+*/
+var useChannelInstanceContext = () => useContext(ChannelInstanceContext) ?? {};
+//#endregion
+export { ChannelInstanceContext, ChannelInstanceProvider, useChannelInstanceContext };
+
+//# sourceMappingURL=ChannelInstanceContext.mjs.map

package/dist/es/context/ChannelInstanceContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelInstanceContext.mjs","names":[],"sources":["../../../src/context/ChannelInstanceContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\nimport type { Channel } from 'stream-chat';\n\nexport type ChannelInstanceContextValue = {\n  channel: Channel;\n};\n\nexport const ChannelInstanceContext = React.createContext<\n  ChannelInstanceContextValue | undefined\n>(undefined);\n\nexport const ChannelInstanceProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChannelInstanceContextValue;\n}>) => (\n  <ChannelInstanceContext.Provider value={value}>\n    {children}\n  </ChannelInstanceContext.Provider>\n);\n\n/**\n * Non-throwing counterpart to {@link useChannel}: returns an empty object outside a `Channel`\n * subtree, for callers that only need to know whether a channel is in scope.\n */\nexport const useChannelInstanceContext = (): Partial<ChannelInstanceContextValue> =>\n  useContext(ChannelInstanceContext) ?? {};\n"],"mappings":";;;AAQA,IAAa,yBAAyB,MAAM,cAE1C,KAAA,CAAS;AAEX,IAAa,2BAA2B,EACtC,UACA,YAIA,oBAAC,uBAAuB,UAAxB;CAAwC;CACrC;AAC8B,CAAA;;;;;AAOnC,IAAa,kCACX,WAAW,sBAAsB,KAAK,CAAC"}

package/dist/es/context/ChannelListContext.mjs

@@ -0,0 +1,17 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/ChannelListContext.tsx
+var ChannelListContext = createContext(void 0);
+/**
+* Context provider exposing the primary channel paginator to components rendered within the
+* channel list (e.g. search results, member actions, notification targeting).
+*/
+var ChannelListContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(ChannelListContext.Provider, {
+	value,
+	children
+});
+var useChannelListContext = () => useContext(ChannelListContext) ?? {};
+//#endregion
+export { ChannelListContext, ChannelListContextProvider, useChannelListContext };
+
+//# sourceMappingURL=ChannelListContext.mjs.map

package/dist/es/context/ChannelListContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelListContext.mjs","names":[],"sources":["../../../src/context/ChannelListContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { createContext, useContext } from 'react';\n\nimport type { ChannelPaginator } from 'stream-chat';\n\nexport type ChannelListContextValue = {\n  /**\n   * The primary channel paginator held by the `ChannelManager` on `ChatContext`.\n   * Read the loaded channels reactively with `useStateStore(paginator.state, …)`, load the next\n   * page with `paginator.next()`, and mutate the loaded list (e.g. prepend a just-opened channel)\n   * via `paginator.setItems({ valueOrFactory })`. Undefined when rendered outside a channel list.\n   */\n  paginator?: ChannelPaginator;\n};\n\nexport const ChannelListContext = createContext<ChannelListContextValue | undefined>(\n  undefined,\n);\n\n/**\n * Context provider exposing the primary channel paginator to components rendered within the\n * channel list (e.g. search results, member actions, notification targeting).\n */\nexport const ChannelListContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChannelListContextValue;\n}>) => (\n  <ChannelListContext.Provider value={value}>{children}</ChannelListContext.Provider>\n);\n\nexport const useChannelListContext = (): ChannelListContextValue =>\n  useContext(ChannelListContext) ?? {};\n"],"mappings":";;;AAeA,IAAa,qBAAqB,cAChC,KAAA,CACF;;;;;AAMA,IAAa,8BAA8B,EACzC,UACA,YAIA,oBAAC,mBAAmB,UAApB;CAAoC;CAAQ;AAAsC,CAAA;AAGpF,IAAa,8BACX,WAAW,kBAAkB,KAAK,CAAC"}

package/dist/es/context/ChatContext.mjs

@@ -0,0 +1,14 @@
+import { requireContext } from "./requireContext.mjs";
+import React, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/ChatContext.tsx
+var ChatContext = React.createContext(void 0);
+var ChatProvider = ({ children, value }) => /* @__PURE__ */ jsx(ChatContext.Provider, {
+	value,
+	children
+});
+var useChatContext = () => requireContext(useContext(ChatContext), "useChatContext", "Chat");
+//#endregion
+export { ChatContext, ChatProvider, useChatContext };
+
+//# sourceMappingURL=ChatContext.mjs.map

package/dist/es/context/ChatContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatContext.mjs","names":[],"sources":["../../../src/context/ChatContext.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport type {\n  ChannelManager,\n  SearchController,\n  StreamChat,\n  UserMuteResponse,\n} from 'stream-chat';\n\nimport type { ChatProps } from '../components/Chat/Chat';\nimport { requireContext } from './requireContext';\n\ntype CSSClasses =\n  | 'chat'\n  | 'chatContainer'\n  | 'channel'\n  | 'channelList'\n  | 'message'\n  | 'messageList'\n  | 'thread'\n  | 'threadList'\n  | 'virtualMessage'\n  | 'virtualizedMessageList';\n\nexport type CustomClasses = Partial<Record<CSSClasses, string>>;\n\nexport type ChatContextValue = {\n  /**\n   * The client's `ChannelManager` (`client.channelManager`) — used to query and manage channels\n   * across one or more channel lists (the channel-list data source + cross-list ownership). The\n   * lists themselves are registered on it by the application\n   * (`client.channelManager.insertPaginator({ paginator })`); the SDK creates none.\n   */\n  channelManager: ChannelManager;\n  getAppSettings: () => ReturnType<StreamChat['getAppSettings']> | null;\n  /** Users muted by the current user. */\n  mutes: Array<UserMuteResponse>;\n  /** Instance of SearchController class that allows to control all the search operations. */\n  searchController: SearchController;\n  useImageFlagEmojisOnWindows: boolean;\n  /**\n   * Object through which custom classes can be set for main container components of the SDK.\n   */\n  customClasses?: CustomClasses;\n} & Partial<Pick<ChatProps, 'isMessageAIGenerated'>> &\n  Required<Pick<ChatProps, 'theme' | 'client'>>;\n\nexport const ChatContext = React.createContext<ChatContextValue | undefined>(undefined);\n\nexport const ChatProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChatContextValue;\n}>) => (\n  <ChatContext.Provider value={value as unknown as ChatContextValue}>\n    {children}\n  </ChatContext.Provider>\n);\n\nexport const useChatContext = () =>\n  requireContext(useContext(ChatContext), 'useChatContext', 'Chat');\n"],"mappings":";;;;AA+CA,IAAa,cAAc,MAAM,cAA4C,KAAA,CAAS;AAEtF,IAAa,gBAAgB,EAC3B,UACA,YAIA,oBAAC,YAAY,UAAb;CAA6B;CAC1B;AACmB,CAAA;AAGxB,IAAa,uBACX,eAAe,WAAW,WAAW,GAAG,kBAAkB,MAAM"}

package/dist/es/context/ComponentContext.mjs

@@ -0,0 +1,13 @@
+import React, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/ComponentContext.tsx
+var ComponentContext = React.createContext({});
+var ComponentProvider = ({ children, value }) => /* @__PURE__ */ jsx(ComponentContext.Provider, {
+	value,
+	children
+});
+var useComponentContext = () => useContext(ComponentContext);
+//#endregion
+export { ComponentContext, ComponentProvider, useComponentContext };
+
+//# sourceMappingURL=ComponentContext.mjs.map

package/dist/es/context/ComponentContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentContext.mjs","names":[],"sources":["../../../src/context/ComponentContext.tsx"],"sourcesContent":["import type { ComponentProps, ComponentType, PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\nimport type { UserResponse } from 'stream-chat';\n\nimport {\n  type AttachmentPreviewListProps,\n  type AttachmentProps,\n  type AvatarStackProps,\n  type BaseImageProps,\n  type CalloutDialogProps,\n  type ChannelAvatarProps,\n  type ChannelListItemUIProps,\n  type ContextMenuContentProps,\n  type ContextMenuProps,\n  type DateSeparatorProps,\n  type EmojiSearchIndex,\n  type EmptyStateIndicatorProps,\n  type EventComponentProps,\n  type FileDragAndDropContentProps,\n  type GalleryProps,\n  type GiphyPreviewMessageProps,\n  type ImagePlaceholderProps,\n  type LoadingErrorIndicatorProps,\n  type LoadingIndicatorProps,\n  type MessageBouncePromptProps,\n  type MessageComposerProps,\n  type MessageDeletedProps,\n  type MessageEditedIndicatorProps,\n  type MessageProps,\n  type MessageReactionsDetailProps,\n  type MessageReactionsProps,\n  type MessageRepliesCountButtonProps,\n  type MessageStatusProps,\n  type MessageTimestampProps,\n  type MessageUIComponentProps,\n  type ModalGalleryProps,\n  type ModalProps,\n  type NewMessageNotificationProps,\n  type NotificationListProps,\n  type NotificationProps,\n  type PinIndicatorProps,\n  type PollCreationDialogProps,\n  type PollOptionSelectorProps,\n  type QuotedMessagePreviewProps,\n  type ReactionOptions,\n  type ReactionSelector,\n  type ReactionSelectorProps,\n  type RecordingPermissionDeniedNotificationProps,\n  type ReminderNotificationProps,\n  type ScrollToLatestMessageButtonProps,\n  type SearchResultsPresearchProps,\n  type SearchSourceResultListProps,\n  type SendButtonProps,\n  type ShareLocationDialogProps,\n  type StartRecordingAudioButtonProps,\n  type StreamedMessageTextProps,\n  type TextareaComposerProps,\n  type ThreadListItemProps,\n  type ThreadListItemUIProps,\n  type TimestampProps,\n  type TranslationIndicatorProps,\n  type UnreadMessagesNotificationProps,\n  type UnreadMessagesSeparatorProps,\n  type VoiceRecordingPreviewSlotProps,\n} from '../components';\n\nimport type {\n  SuggestionItemProps,\n  SuggestionListProps,\n} from '../components/TextareaComposer';\n\nimport type { PropsWithChildrenOnly } from '../types/types';\nimport type { StopAIGenerationButtonProps } from '../components/MessageComposer/StopAIGenerationButton';\nimport type { VideoPlayerProps } from '../components/VideoPlayer';\nimport type { EditedMessagePreviewProps } from '../components/MessageComposer/EditedMessagePreview';\nimport type { FileIconProps } from '../components/FileIcon/FileIcon';\nimport type { FileSizeIndicatorProps } from '../components/Attachment/components/FileSizeIndicator';\nimport type { CommandChipProps } from '../components/MessageComposer/CommandChip';\nimport type { ProgressIndicatorProps } from '../components/Loading/progress-indicators';\nimport type { UploadedSizeIndicatorProps } from '../components/Loading/UploadedSizeIndicator';\nimport type { NotificationAnnouncerProps } from '../components/Accessibility';\nimport type { SummarizedMessagePreviewProps } from '../components/SummarizedMessagePreview';\nimport type { TypingIndicatorProps } from '../components/TypingIndicator';\nimport type { AttachmentUploadProgressIndicatorProps } from '../components/Attachment/components/AttachmentUploadProgressIndicator';\nimport type { IconSlots } from '../components/Icons/slots';\n\nexport type ComponentContextValue = {\n  /** Custom UI component rendering the progress of an attachment whose upload is still in flight, defaults to and accepts same props as: [AttachmentUploadProgressIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/components/AttachmentUploadProgressIndicator.tsx) */\n  AttachmentUploadProgressIndicator?: React.ComponentType<AttachmentUploadProgressIndicatorProps>;\n  /** Custom UI component rendered when a paginated list (e.g. the channel list) is empty. */\n  EmptyListIndicator?: React.ComponentType;\n  /** Custom UI component rendered at the top/bottom edge of a paginated list. */\n  EndReachedIndicator?: React.ComponentType<{\n    hasEnded: boolean;\n    reached: 'top' | 'bottom';\n  }>;\n  /** Custom UI component rendered while a paginated list loads its first page. */\n  FirstPageLoadingIndicator?: React.ComponentType;\n  /** Custom UI component rendered per item of a paginated list. */\n  ListItem?: ComponentType<{ item: unknown }>;\n  /** Custom UI component rendered while a paginated list loads its next page. */\n  LoadingNextPageIndicator?: React.ComponentType<{ isLoading?: boolean }>;\n  /** Custom UI component to display additional message composer action buttons left to the textarea, defaults to and accepts same props as: [AdditionalMessageComposerActions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/MessageComposerActions.tsx) */\n  AdditionalMessageComposerActions?: React.ComponentType;\n  /** Custom UI component to display a message attachment, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/Attachment.tsx) */\n  Attachment?: React.ComponentType<AttachmentProps>;\n  /** Custom UI component for the file type icon shown on file attachments (e.g. PDF, doc). Accepts same props as [FileIcon](https://github.com/GetStream/stream-chat-react/blob/master/src/components/FileIcon/FileIcon.tsx) (e.g. mimeType, size, sizeConfig). Use this to override dimensions or provide a custom icon. */\n  AttachmentFileIcon?: React.ComponentType<FileIconProps>;\n  /** Custom UI component to display an attachment previews in MessageComposer, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AttachmentPreviewList.tsx) */\n  AttachmentPreviewList?: React.ComponentType<AttachmentPreviewListProps>;\n  /** Custom UI component to control adding attachments to MessageComposer, defaults to and accepts same props as: [AttachmentSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AttachmentSelector.tsx) */\n  AttachmentSelector?: React.ComponentType;\n  /** Custom UI component for the dedicated voice recording preview slot above composer attachments (REACT-794), defaults to and accepts same props as: [VoiceRecordingPreviewSlot](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AttachmentPreviewList/VoiceRecordingPreviewSlot.tsx) */\n  VoiceRecordingPreviewSlot?: React.ComponentType<VoiceRecordingPreviewSlotProps>;\n  /** Custom UI component for contents of attachment selector initiation button */\n  AttachmentSelectorInitiationButtonContents?: React.ComponentType;\n  /** Custom UI component to display AudioRecorder in MessageComposer, defaults to and accepts same props as: [AudioRecorder](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AudioRecorder.tsx) */\n  AudioRecorder?: React.ComponentType;\n  /** Optional UI component to override the default suggestion Item component, defaults to and accepts same props as: [Item](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/Item.js) */\n  AutocompleteSuggestionItem?: React.ComponentType<SuggestionItemProps>;\n  /** Optional UI component to override the default List component that displays suggestions, defaults to and accepts same props as: [List](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/List.js) */\n  AutocompleteSuggestionList?: React.ComponentType<SuggestionListProps>;\n  extractDisplayInfo?: (_: {\n    user?: Partial<UserResponse>;\n  }) => NonNullable<AvatarStackProps['displayInfo']>[number];\n  /** UI component to display a user's avatar, defaults to and accepts same props as: [Avatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/Avatar.tsx) */\n  Avatar?: React.ComponentType<ChannelAvatarProps>;\n  /** UI component to display a list of avatars stacked in a row, defaults to and accepts same props as: [AvatarStack](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/AvatarStack.tsx) */\n  AvatarStack?: React.ComponentType<AvatarStackProps>;\n  /** Custom UI component to display <img/> elements resp. a fallback in case of load error, defaults to and accepts same props as: [BaseImage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/BaseImage/BaseImage.tsx) */\n  BaseImage?: React.ComponentType<BaseImageProps>;\n  /** Custom UI component to display the contents of callout dialog, accepts same props as: [DefaultCalloutDialog](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Dialog/base/Callout.tsx) */\n  CalloutDialog?: React.ComponentType<CalloutDialogProps>;\n  /** Custom UI component shown instead of the image when it fails to load, defaults to and accepts same props as: [ImagePlaceholder](https://github.com/GetStream/stream-chat-react/blob/master/src/components/BaseImage/ImagePlaceholder.tsx) */\n  ImagePlaceholder?: React.ComponentType<ImagePlaceholderProps>;\n  /** Custom UI component to display the header of the `ChannelList`, defaults to and accepts same props as: [ChannelListHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelListHeader.tsx) */\n  ChannelListHeader?: React.ComponentType;\n  /** Custom UI component to display set of action buttons within `ChannelListItemUI` component, accepts same props as: [ChannelListItemActionButtons](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelListItemActionButtons.tsx) */\n  ChannelListItemActionButtons?: React.ComponentType;\n  /** Custom UI component to display the channel preview in the list, defaults to and accepts same props as: [ChannelListItemUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelPreview/ChannelListItemUI.tsx) */\n  ChannelListItemUI?: React.ComponentType<ChannelListItemUIProps>;\n  /** Custom UI component to render a channel-list item's previewed message, defaults to and accepts same props as: [SummarizedMessagePreview](https://github.com/GetStream/stream-chat-react/blob/master/src/components/SummarizedMessagePreview/SummarizedMessagePreview.tsx) */\n  SummarizedMessagePreview?: React.ComponentType<SummarizedMessagePreviewProps>;\n  /** Custom UI component to display command chip, defaults to and accepts same props as: [CommandChip](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/CommandChip.tsx) */\n  CommandChip?: React.ComponentType<CommandChipProps>;\n  /** Custom component for rendering context menus, defaults to and accepts same props as: [ContextMenu](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Dialog/components/ContextMenu.tsx). The default is behavior-aware (not purely presentational) and solves: stable anchoring/placement updates against the reference element, submenu stack navigation (open/return), coordinated dismissal (Escape, overlay click, controlled close), focus management for anchored menus, and transition state reset between openings so animations stay consistent. */\n  ContextMenu?: React.ComponentType<ContextMenuProps>;\n  /** Custom UI component for rendering context menu content (used by ContextMenu), defaults to and accepts same props as: [ContextMenuContent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Dialog/components/ContextMenu.tsx). */\n  ContextMenuContent?: React.ComponentType<ContextMenuContentProps>;\n  /** Custom UI component to display the slow mode cooldown timer, defaults to and accepts same props as: [CooldownTimer](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/CooldownTimer.tsx) */\n  CooldownTimer?: React.ComponentType;\n  /** Custom UI component for date separators, defaults to and accepts same props as: [DateSeparator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/DateSeparator.tsx) */\n  DateSeparator?: React.ComponentType<DateSeparatorProps>;\n  /** Custom UI component to display the contents on file drag-and-drop overlay, defaults to and accepts same props as: [FileDragAndDropContent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/WithDragAndDropUpload.tsx) */\n  FileDragAndDropContent?: React.ComponentType<FileDragAndDropContentProps>;\n  /** Custom UI component to display a formatted file byte size (message attachments, upload previews), defaults to and accepts same props as: [FileSizeIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/components/FileSizeIndicator.tsx) */\n  FileSizeIndicator?: React.ComponentType<FileSizeIndicatorProps>;\n  /** Custom UI component to override default preview of edited message, defaults to and accepts same props as: [EditedMessagePreview](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/EditedMessagePreview.tsx) */\n  EditedMessagePreview?: React.ComponentType<EditedMessagePreviewProps>;\n  /** Custom UI component for rendering button with emoji picker in MessageComposer */\n  EmojiPicker?: React.ComponentType;\n  /** Mechanism to be used with autocomplete and text replace features of the `MessageComposer` component, see [emoji-mart `SearchIndex`](https://github.com/missive/emoji-mart#%EF%B8%8F%EF%B8%8F-headless-search) */\n  emojiSearchIndex?: EmojiSearchIndex;\n  /** Custom UI component to be displayed when the `MessageList` is empty, defaults to and accepts same props as: [EmptyStateIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/EmptyStateIndicator/EmptyStateIndicator.tsx)  */\n  EmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>;\n  /** Custom component that provides gallery state (current index, navigation) via GalleryContext and renders GalleryUI. Override this to control the gallery's data/navigation logic. Defaults to and accepts same props as: [Gallery](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/Gallery.tsx) */\n  Gallery?: React.ComponentType<GalleryProps>;\n  /** Custom UI component to render the gallery's visual interface (slides, navigation buttons, header). Override this to change the gallery's appearance without altering navigation logic. Defaults to and accepts same props as: [GalleryUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/GalleryUI.tsx) */\n  GalleryUI?: React.ComponentType;\n  /** Custom UI component to render a Giphy preview in the `VirtualizedMessageList` */\n  GiphyPreviewMessage?: React.ComponentType<GiphyPreviewMessageProps>;\n  /** Custom UI component to render at the top of the `MessageList` */\n  HeaderComponent?: React.ComponentType;\n  /** Overrides for the SDK's own icons, keyed by icon name. Merged per slot with the defaults, so overriding one icon leaves the rest intact. Read through [useComponentContextIcons](https://github.com/GetStream/stream-chat-react/blob/master/src/context/useComponentContextIcons.ts) */\n  icons?: IconSlots;\n  /** Custom UI component handling how the message composer is rendered, defaults to and accepts the same props as [MessageComposerUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/MessageComposerUI.tsx) */\n  MessageComposerUI?: React.ComponentType<MessageComposerProps>;\n  /** Custom component to render link previews in message composer **/\n  LinkPreviewList?: React.ComponentType;\n  /** Custom UI component to be shown if the channel query fails, defaults to and accepts same props as: [LoadingErrorIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/LoadingErrorIndicator.tsx) */\n  LoadingErrorIndicator?: React.ComponentType<LoadingErrorIndicatorProps>;\n  /** Custom UI component to render while the `MessageList` is loading new messages, defaults to and accepts same props as: [LoadingIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/LoadingIndicator.tsx) */\n  LoadingIndicator?: React.ComponentType<LoadingIndicatorProps>;\n  /** Custom UI component for determinate progress (0–100), defaults to and accepts same props as: [ProgressIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/progress-indicators.tsx) */\n  ProgressIndicator?: React.ComponentType<ProgressIndicatorProps>;\n  /** Custom UI component to display a message in the standard `MessageList`, defaults to and accepts the same props as: [MessageUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageUI.tsx) */\n  MessageUI?: React.ComponentType<MessageUIComponentProps>;\n  /** Custom UI component for message actions popup, accepts no props, all the defaults are set within [MessageActions (unstable)](https://github.com/GetStream/stream-chat-react/blob/master/src/experimental/MessageActions/MessageActions.tsx) */\n  MessageActions?: React.ComponentType;\n  /** Custom UI component to display the contents of a bounced message modal. Usually it allows to retry, edit, or delete the message. Defaults to and accepts the same props as: [MessageBouncePrompt](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageBounce/MessageBouncePrompt.tsx) */\n  MessageBouncePrompt?: React.ComponentType<MessageBouncePromptProps>;\n  /** Custom UI component for a moderation-blocked message, defaults to and accepts same props as: [MessageBlocked](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageBlocked.tsx) */\n  MessageBlocked?: React.ComponentType;\n  /** Custom UI component for a deleted message. Has no default component */\n  MessageDeleted?: React.ComponentType<MessageDeletedProps>;\n  /** Custom UI component for a message bubble of a deleted message, defaults to and accepts same props as: [MessageDeletedBubble](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageDeletedBubble.tsx) */\n  MessageDeletedBubble?: React.ComponentType;\n  MessageListMainPanel?: React.ComponentType<PropsWithChildrenOnly>;\n  /** Custom UI component to render a single notification item in NotificationList, defaults to and accepts same props as: [Notification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Notifications/Notification.tsx) */\n  Notification?: React.ForwardRefExoticComponent<\n    NotificationProps & React.RefAttributes<HTMLDivElement>\n  >;\n  /** Custom UI component to render screen-reader notification announcements, defaults to and accepts same props as: [NotificationAnnouncer](https://github.com/GetStream/stream-chat-react/blob/master/src/a11y/NotificationAnnouncer.tsx) */\n  NotificationAnnouncer?: React.ComponentType<NotificationAnnouncerProps>;\n  /** Custom UI component to display notifications rendered by `NotificationList`, defaults to and accepts same props as: [NotificationList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Notifications/NotificationList.tsx) */\n  NotificationList?: React.ComponentType<NotificationListProps>;\n  /** Custom UI component to display a notification when scrolled up the list and new messages arrive, defaults to and accepts same props as [NewMessageNotification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/NewMessageNotification.tsx) */\n  NewMessageNotification?: React.ComponentType<NewMessageNotificationProps>;\n  /** Custom UI component to display the scroll-to-latest-message button in a `MessageList`, defaults to and accepts same props as: [ScrollToLatestMessageButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/ScrollToLatestMessageButton.tsx) */\n  ScrollToLatestMessageButton?: React.ComponentType<ScrollToLatestMessageButtonProps>;\n  /** Custom UI component to display message replies, defaults to and accepts same props as: [MessageRepliesCountButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageRepliesCountButton.tsx) */\n  MessageRepliesCountButton?: React.ComponentType<MessageRepliesCountButtonProps>;\n  /** Custom UI component to display message delivery status, defaults to and accepts same props as: [MessageStatus](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageStatus.tsx) */\n  MessageStatus?: React.ComponentType<MessageStatusProps>;\n  /** Custom UI component to display system messages, defaults to and accepts same props as: [EventComponent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/EventComponent/EventComponent.tsx) */\n  MessageSystem?: React.ComponentType<EventComponentProps>;\n  /** Custom UI component to display a timestamp on a message, defaults to and accepts same props as: [MessageTimestamp](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageTimestamp.tsx) */\n  MessageTimestamp?: React.ComponentType<MessageTimestampProps>;\n  /** Custom UI component for viewing content in a modal, defaults to and accepts the same props as [Modal](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Modal/Modal.tsx) */\n  Modal?: React.ComponentType<ModalProps>;\n  /** Custom UI component for viewing message's image attachments with option to expand into the Gallery on Modal, defaults to and accepts the same props as [ModalGallery](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/ModalGallery.tsx) */\n  ModalGallery?: React.ComponentType<ModalGalleryProps>;\n  /** Custom UI component to show \"Also sent in channel\" in thread message lists when message.show_in_channel is true, defaults to and accepts same props as: [MessageAlsoSentInChannelIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageAlsoSentInChannelIndicator.tsx) */\n  MessageAlsoSentInChannelIndicator?: React.ComponentType;\n  /** Custom UI component to override default pinned message indicator, defaults to and accepts same props as: [PinIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/PinIndicator.tsx) */\n  PinIndicator?: React.ComponentType<PinIndicatorProps>;\n  /** Custom UI component to override default poll actions rendering in a message, defaults to and accepts same props as: [PollActions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollActions/PollActions.tsx) */\n  PollActions?: React.ComponentType;\n  /** Custom UI component to override default poll rendering in a message, defaults to and accepts same props as: [PollContent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollContent.tsx) */\n  PollContent?: React.ComponentType;\n  /** Custom UI component to override default poll creation dialog contents, defaults to and accepts same props as: [PollCreationDialog](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollCreationDialog/PollCreationDialog.tsx) */\n  PollCreationDialog?: React.ComponentType<PollCreationDialogProps>;\n  /** Custom UI component to override default poll header in a message, defaults to and accepts same props as: [PollHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollHeader.tsx) */\n  PollHeader?: React.ComponentType;\n  /** Custom UI component to override default poll option selector, defaults to and accepts same props as: [PollOptionSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollOptionSelector.tsx) */\n  PollOptionSelector?: React.ComponentType<PollOptionSelectorProps>;\n  /** Custom UI component to override quoted message UI on a sent message, defaults to and accepts same props as: [QuotedMessage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/QuotedMessage.tsx) */\n  QuotedMessage?: React.ComponentType;\n  /** Custom UI component to override the message input's quoted message preview, defaults to and accepts same props as: [QuotedMessagePreview](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/QuotedMessagePreview.tsx) */\n  QuotedMessagePreview?: React.ComponentType<QuotedMessagePreviewProps>;\n  /** Custom reaction options to be applied to ReactionSelector, ReactionList and SimpleReactionList components */\n  reactionOptions?: ReactionOptions;\n  /** Custom UI component to display the reaction selector, defaults to and accepts same props as: [ReactionSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/ReactionSelector.tsx) */\n  ReactionSelector?: React.ForwardRefExoticComponent<ReactionSelectorProps>;\n  ReactionSelectorExtendedList?: React.ComponentType<\n    ComponentProps<(typeof ReactionSelector)['ExtendedList']>\n  >;\n  /** Custom UI component to display the list of reactions on a message, defaults to and accepts same props as: [MessageReactions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/MessageReactions.tsx) */\n  MessageReactions?: React.ComponentType<MessageReactionsProps>;\n  /** Custom UI component to display the reactions modal, defaults to and accepts same props as: [MessageReactionsDetail](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/MessageReactionsDetail.tsx) */\n  MessageReactionsDetail?: React.ComponentType<MessageReactionsDetailProps>;\n  RecordingPermissionDeniedNotification?: React.ComponentType<RecordingPermissionDeniedNotificationProps>;\n  /** Custom UI component to display the message reminder information in the Message UI, defaults to and accepts same props as: [ReminderNotification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/ReminderNotification.tsx) */\n  ReminderNotification?: React.ComponentType<ReminderNotificationProps>;\n  /** Custom UI component to display the message translation indicator when message has i18n, defaults to and accepts same props as: [MessageTranslationIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/TranslationIndicator.tsx) */\n  MessageTranslationIndicator?: React.ComponentType<TranslationIndicatorProps>;\n  /** Custom UI component to display the edited indicator and tooltip when a message has been edited, defaults to and accepts same props as: [MessageEditedIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageEditedIndicator.tsx) */\n  MessageEditedIndicator?: React.ComponentType<MessageEditedIndicatorProps>;\n  /** Custom component to display the search UI, defaults to and accepts same props as: [Search](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/Search.tsx) */\n  Search?: React.ComponentType;\n  /** Custom component to display the UI where the searched string is entered, defaults to and accepts same props as: [SearchBar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchBar/SearchBar.tsx) */\n  SearchBar?: React.ComponentType;\n  /** Custom component for the search UI dedicated to display the results area, defaults to and accepts same props as: [SearchResults](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchResults.tsx) */\n  SearchResults?: React.ComponentType;\n  /** Custom UI component to display header of search results pane, defaults to and accepts same props as: [SearchResultsHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchResultsHeader.tsx) */\n  SearchResultsHeader?: React.ComponentType;\n  /** Custom component to display search results pane before emitting the first search query for a given source, defaults to and accepts same props as: [SearchResultsPresearch](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultsPresearch.tsx) */\n  SearchResultsPresearch?: React.ComponentType<SearchResultsPresearchProps>;\n  /** Custom component to display the search source items results, defaults to and accepts same props as: [SearchSourceResultList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultList.tsx) */\n  SearchSourceResultList?: React.ComponentType<SearchSourceResultListProps>;\n  /** Custom component to indicate the end of the last page for a searched source, defaults to and accepts same props as: [SearchSourceResultListFooter](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultListFooter.tsx) */\n  SearchSourceResultListFooter?: React.ComponentType;\n  /** Custom UI component to display search results items for a given search source pane, defaults to and accepts same props as: [SearchSourceResults](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SourceSearchResults.tsx) */\n  SearchSourceResults?: React.ComponentType;\n  /** Custom component to display the search source results UI with 0 items found, defaults to and accepts same props as: [SearchSourceResultsEmpty](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultsEmpty.tsx) */\n  SearchSourceResultsEmpty?: React.ComponentType;\n  /** Custom component to display the header content for a given search source results, no default component is provided. */\n  SearchSourceResultsHeader?: React.ComponentType;\n  /** Custom component to display the search source results UI during the search query execution, defaults to and accepts same props as: [SearchSourceResultsLoadingIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultsLoadingIndicator.tsx) */\n  SearchSourceResultsLoadingIndicator?: React.ComponentType;\n  /** Custom UI component for send button, defaults to and accepts same props as: [SendButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/icons.tsx) */\n  SendButton?: React.ComponentType<SendButtonProps>;\n  /** Custom UI component checkbox that indicates message to be sent to main channel, defaults to and accepts same props as: [SendToChannelCheckbox](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/SendToChannelCheckbox.tsx) */\n  SendToChannelCheckbox?: React.ComponentType;\n  /** Custom UI component to render the location sharing dialog, defaults to and accepts same props as: [ShareLocationDialog](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Location/ShareLocationDialog.tsx) */\n  ShareLocationDialog?: React.ComponentType<ShareLocationDialogProps>;\n  /** Custom UI component button for initiating audio recording, defaults to and accepts same props as: [StartRecordingAudioButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MediaRecorder/AudioRecorder/AudioRecordingButtons.tsx) */\n  StartRecordingAudioButton?: React.ComponentType<StartRecordingAudioButtonProps>;\n  StopAIGenerationButton?: React.ComponentType<StopAIGenerationButtonProps> | null;\n  StreamedMessageText?: React.ComponentType<StreamedMessageTextProps>;\n  /** Custom UI component to handle message text input, defaults to and accepts same props as [TextareaComposer](https://github.com/GetStream/stream-chat-react/blob/master/src/components/TextareaComposer/TextareaComposer.tsx) */\n  TextareaComposer?: React.ComponentType<TextareaComposerProps>;\n  /** Custom UI component that displays thread's parent or other message at the top of the `MessageList`, defaults to and accepts same props as [MessageUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageUI.tsx) */\n  ThreadHead?: React.ComponentType<MessageProps>;\n  ThreadListEmptyPlaceholder?: React.ComponentType;\n  ThreadListItem?: React.ComponentType<ThreadListItemProps>;\n  ThreadListItemUI?: React.ComponentType<ThreadListItemUIProps>;\n  ThreadListLoadingIndicator?: React.ComponentType;\n  ThreadListUnseenThreadsBanner?: React.ComponentType;\n  /** Custom UI component to display the start of a threaded `MessageList`, defaults to and accepts same props as: [DefaultThreadStart](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Thread/Thread.tsx) */\n  ThreadStart?: React.ComponentType;\n  /** Custom UI component to display a date used in timestamps. It's used internally by the default `MessageTimestamp`, and to display a timestamp for edited messages. */\n  Timestamp?: React.ComponentType<TimestampProps>;\n  /** Custom UI component for the typing indicator, defaults to and accepts same props as: [TypingIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/TypingIndicator/TypingIndicator.tsx) */\n  TypingIndicator?: React.ComponentType<TypingIndicatorProps>;\n  /** Custom UI component that indicates a user is viewing unread messages. It disappears once the user scrolls to UnreadMessagesSeparator. Defaults to and accepts same props as: [UnreadMessagesNotification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/UnreadMessagesNotification.tsx) */\n  UnreadMessagesNotification?: React.ComponentType<UnreadMessagesNotificationProps>;\n  /** Custom UI component rendered at the end of sidebar headers (ChannelListHeader, ThreadListHeader). No default — if omitted, the slot is empty. */\n  HeaderEndContent?: React.ComponentType;\n  /** Custom UI component that separates read messages from unread, defaults to and accepts same props as: [UnreadMessagesSeparator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/UnreadMessagesSeparator.tsx) */\n  UnreadMessagesSeparator?: React.ComponentType<UnreadMessagesSeparatorProps>;\n  /** Custom UI component for uploaded vs total byte size during attachment upload (MessageComposer previews), defaults to and accepts same props as: [UploadedSizeIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/UploadedSizeIndicator.tsx) */\n  UploadedSizeIndicator?: React.ComponentType<UploadedSizeIndicatorProps>;\n  /** Component used to play video. If not provided, ReactPlayer is used as a default video player. */\n  VideoPlayer?: React.ComponentType<VideoPlayerProps>;\n  /** Custom UI component to display a message in the `VirtualizedMessageList`, does not have a default implementation */\n  VirtualMessage?: React.ComponentType<MessageUIComponentProps>;\n  /** Custom UI component to wrap MessageList children. Default is the `ul` tag */\n  MessageListWrapper?: React.ComponentType<PropsWithChildren>;\n  /** Custom UI component to wrap each element of MessageList. Default is the `li` tag */\n  MessageListItem?: React.ComponentType<PropsWithChildren>;\n};\n\nexport const ComponentContext = React.createContext<ComponentContextValue>({});\n\nexport const ComponentProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: Partial<ComponentContextValue>;\n}>) => <ComponentContext.Provider value={value}>{children}</ComponentContext.Provider>;\n\nexport const useComponentContext = () => useContext(ComponentContext);\n"],"mappings":";;;AAmUA,IAAa,mBAAmB,MAAM,cAAqC,CAAC,CAAC;AAE7E,IAAa,qBAAqB,EAChC,UACA,YAGK,oBAAC,iBAAiB,UAAlB;CAAkC;CAAQ;AAAoC,CAAA;AAErF,IAAa,4BAA4B,WAAW,gBAAgB"}

package/dist/es/context/DialogManagerContext.mjs

@@ -0,0 +1,119 @@
+import { DialogManager } from "../components/Dialog/service/DialogManager.mjs";
+import { DialogPortalDestination } from "../components/Dialog/service/DialogPortal.mjs";
+import React, { useContext, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StateStore } from "@stream-io/state-store";
+//#region src/context/DialogManagerContext.tsx
+var dialogManagersRegistry = new StateStore({});
+var getDialogManager = (id) => dialogManagersRegistry.getLatestValue()[id];
+var getOrCreateDialogManager = ({ closeOnClickOutside, id }) => {
+	let manager = getDialogManager(id);
+	if (!manager) {
+		manager = new DialogManager({
+			closeOnClickOutside,
+			id
+		});
+		dialogManagersRegistry.partialNext({ [id]: manager });
+	} else if (typeof closeOnClickOutside === "boolean") manager.closeOnClickOutside = closeOnClickOutside;
+	return manager;
+};
+var removeDialogManager = (id) => {
+	if (!getDialogManager(id)) return;
+	dialogManagersRegistry.partialNext({ [id]: void 0 });
+};
+var DialogManagerProviderContext = React.createContext(void 0);
+/**
+* Creates/provides a dialog manager and its portal destination.
+*/
+var DialogManagerProvider = ({ children, closeOnClickOutside, id, portalDestinationProps }) => {
+	const [dialogManager, setDialogManager] = useState(() => {
+		if (id) return getDialogManager(id) ?? null;
+		return new DialogManager({ closeOnClickOutside });
+	});
+	useEffect(() => {
+		if (!id) return;
+		setDialogManager(getOrCreateDialogManager({
+			closeOnClickOutside,
+			id
+		}));
+		return () => {
+			removeDialogManager(id);
+			setDialogManager(null);
+		};
+	}, [closeOnClickOutside, id]);
+	if (!dialogManager) return null;
+	return /* @__PURE__ */ jsxs(DialogManagerProviderContext.Provider, {
+		value: { dialogManager },
+		children: [children, /* @__PURE__ */ jsx(DialogPortalDestination, { ...portalDestinationProps })]
+	});
+};
+var getManagerFromStore = ({ dialogId, dialogManagerId, newState, previousState }) => {
+	let managerInNewState;
+	let managerInPrevState;
+	if (dialogManagerId) if (!dialogId) {
+		managerInNewState = newState[dialogManagerId];
+		managerInPrevState = previousState?.[dialogManagerId];
+	} else {
+		if (newState[dialogManagerId]?.get(dialogId)) managerInNewState = newState[dialogManagerId];
+		if (previousState?.[dialogManagerId]?.get(dialogId)) managerInPrevState = previousState[dialogManagerId];
+	}
+	else if (dialogId) {
+		managerInNewState = Object.values(newState).find((dialogMng) => dialogId && dialogMng?.get(dialogId));
+		managerInPrevState = previousState && Object.values(previousState).find((dialogMng) => dialogId && dialogMng?.get(dialogId));
+	}
+	return {
+		managerInNewState,
+		managerInPrevState
+	};
+};
+/**
+* Retrieves the nearest dialog manager or searches for the dialog manager by dialog manager id or dialog id.
+* Dialog id will take precedence over dialog manager id if both are provided and dialog manager is found by dialog id.
+*/
+var useDialogManager = ({ dialogId, dialogManagerId } = {}) => {
+	const nearestDialogManagerContext = useContext(DialogManagerProviderContext);
+	const [dialogManagerContext, setDialogManagerContext] = useState(() => {
+		const { managerInNewState } = getManagerFromStore({
+			dialogId,
+			dialogManagerId,
+			newState: dialogManagersRegistry.getLatestValue(),
+			previousState: void 0
+		});
+		return managerInNewState ? { dialogManager: managerInNewState } : nearestDialogManagerContext;
+	});
+	useEffect(() => {
+		if (!dialogId && !dialogManagerId) return;
+		const unsubscribe = dialogManagersRegistry.subscribeWithSelector((state) => state, (newState, previousState) => {
+			const { managerInNewState, managerInPrevState } = getManagerFromStore({
+				dialogId,
+				dialogManagerId,
+				newState,
+				previousState
+			});
+			if (!managerInPrevState || managerInNewState?.id !== managerInPrevState.id) setDialogManagerContext((prevState) => {
+				if (prevState?.dialogManager.id === managerInNewState?.id) return prevState;
+				return { dialogManager: managerInNewState || nearestDialogManagerContext?.dialogManager };
+			});
+		});
+		return () => {
+			unsubscribe();
+		};
+	}, [
+		dialogId,
+		dialogManagerId,
+		nearestDialogManagerContext?.dialogManager
+	]);
+	if (!dialogManagerContext?.dialogManager) throw new Error(`useDialogManager could not resolve a dialog manager (manager id: ${dialogManagerId}, dialog id: ${dialogId}). Make sure the caller is rendered within <DialogManagerProvider>.`);
+	return dialogManagerContext;
+};
+var modalDialogManagerId = "modal-dialog-manager";
+var ModalDialogManagerProvider = ({ children }) => /* @__PURE__ */ jsx(DialogManagerProvider, {
+	id: modalDialogManagerId,
+	children
+});
+var useModalDialogManager = () => useMemo(() => getDialogManager(modalDialogManagerId), []);
+var useNearestDialogManagerContext = () => useContext(DialogManagerProviderContext);
+//#endregion
+export { DialogManagerProvider, ModalDialogManagerProvider, modalDialogManagerId, useDialogManager, useModalDialogManager, useNearestDialogManagerContext };
+
+//# sourceMappingURL=DialogManagerContext.mjs.map

package/dist/es/context/DialogManagerContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogManagerContext.mjs","names":[],"sources":["../../../src/context/DialogManagerContext.tsx"],"sourcesContent":["import React, {\n  type PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { StateStore } from '@stream-io/state-store';\n\nimport { DialogManager } from '../components/Dialog/service/DialogManager';\nimport {\n  DialogPortalDestination,\n  type DialogPortalDestinationProps,\n} from '../components/Dialog/service/DialogPortal';\nimport type { PropsWithChildrenOnly } from '../types/types';\n\ntype DialogManagerId = string;\n\ntype DialogManagersState = Record<DialogManagerId, DialogManager | undefined>;\nconst dialogManagersRegistry: StateStore<DialogManagersState> = new StateStore({});\n\nconst getDialogManager = (id: string): DialogManager | undefined =>\n  dialogManagersRegistry.getLatestValue()[id];\n\nconst getOrCreateDialogManager = ({\n  closeOnClickOutside,\n  id,\n}: {\n  closeOnClickOutside?: boolean;\n  id: string;\n}) => {\n  let manager = getDialogManager(id);\n  if (!manager) {\n    manager = new DialogManager({ closeOnClickOutside, id });\n    dialogManagersRegistry.partialNext({ [id]: manager });\n  } else if (typeof closeOnClickOutside === 'boolean') {\n    manager.closeOnClickOutside = closeOnClickOutside;\n  }\n  return manager;\n};\n\nconst removeDialogManager = (id: string) => {\n  if (!getDialogManager(id)) return;\n  dialogManagersRegistry.partialNext({ [id]: undefined });\n};\n\ntype DialogManagerProviderContextValue = {\n  dialogManager: DialogManager;\n};\n\nconst DialogManagerProviderContext = React.createContext<\n  DialogManagerProviderContextValue | undefined\n>(undefined);\n\ntype DialogManagerProviderProps = PropsWithChildren<{\n  /**\n   * Manager-level outside click policy.\n   * When `true`, clicking overlay or outside overlay-covered area closes all dialogs\n   * in this manager. When `false`, outside clicks do not dismiss dialogs.\n   */\n  closeOnClickOutside?: boolean;\n  portalDestinationProps?: DialogPortalDestinationProps;\n  id?: string;\n}>;\n\n/**\n * Creates/provides a dialog manager and its portal destination.\n */\nexport const DialogManagerProvider = ({\n  children,\n  closeOnClickOutside,\n  id,\n  portalDestinationProps,\n}: DialogManagerProviderProps) => {\n  const [dialogManager, setDialogManager] = useState<DialogManager | null>(() => {\n    if (id) return getDialogManager(id) ?? null;\n    return new DialogManager({ closeOnClickOutside }); // will not be included in the registry\n  });\n\n  useEffect(() => {\n    if (!id) return;\n    setDialogManager(getOrCreateDialogManager({ closeOnClickOutside, id }));\n    return () => {\n      removeDialogManager(id);\n      setDialogManager(null);\n    };\n  }, [closeOnClickOutside, id]);\n\n  // temporarily do not render until a new dialog manager is created\n  if (!dialogManager) return null;\n\n  return (\n    <DialogManagerProviderContext.Provider value={{ dialogManager }}>\n      {children}\n      <DialogPortalDestination {...portalDestinationProps} />\n    </DialogManagerProviderContext.Provider>\n  );\n};\n\nexport type UseDialogManagerParams = {\n  dialogId?: string;\n  dialogManagerId?: string;\n};\n\nconst getManagerFromStore = ({\n  dialogId,\n  dialogManagerId,\n  newState,\n  previousState,\n}: UseDialogManagerParams & {\n  newState: DialogManagersState;\n  previousState: DialogManagersState | undefined;\n}) => {\n  let managerInNewState: DialogManager | undefined;\n  let managerInPrevState: DialogManager | undefined;\n  if (dialogManagerId) {\n    if (!dialogId) {\n      managerInNewState = newState[dialogManagerId];\n      managerInPrevState = previousState?.[dialogManagerId];\n    } else {\n      if (newState[dialogManagerId]?.get(dialogId)) {\n        managerInNewState = newState[dialogManagerId];\n      }\n      if (previousState?.[dialogManagerId]?.get(dialogId)) {\n        managerInPrevState = previousState[dialogManagerId];\n      }\n    }\n  } else if (dialogId) {\n    managerInNewState = Object.values(newState).find(\n      (dialogMng) => dialogId && dialogMng?.get(dialogId),\n    );\n    managerInPrevState =\n      previousState &&\n      Object.values(previousState).find(\n        (dialogMng) => dialogId && dialogMng?.get(dialogId),\n      );\n  }\n\n  return { managerInNewState, managerInPrevState };\n};\n\n/**\n * Retrieves the nearest dialog manager or searches for the dialog manager by dialog manager id or dialog id.\n * Dialog id will take precedence over dialog manager id if both are provided and dialog manager is found by dialog id.\n */\nexport const useDialogManager = ({\n  dialogId,\n  dialogManagerId,\n}: UseDialogManagerParams = {}) => {\n  const nearestDialogManagerContext = useContext(DialogManagerProviderContext);\n\n  const [dialogManagerContext, setDialogManagerContext] = useState<\n    DialogManagerProviderContextValue | undefined\n  >(() => {\n    const { managerInNewState } = getManagerFromStore({\n      dialogId,\n      dialogManagerId,\n      newState: dialogManagersRegistry.getLatestValue(),\n      previousState: undefined,\n    });\n    return managerInNewState\n      ? { dialogManager: managerInNewState }\n      : nearestDialogManagerContext;\n  });\n\n  useEffect(() => {\n    if (!dialogId && !dialogManagerId) return;\n    const unsubscribe = dialogManagersRegistry.subscribeWithSelector(\n      (state) => state,\n      (newState, previousState) => {\n        const { managerInNewState, managerInPrevState } = getManagerFromStore({\n          dialogId,\n          dialogManagerId,\n          newState,\n          previousState,\n        });\n\n        if (!managerInPrevState || managerInNewState?.id !== managerInPrevState.id) {\n          setDialogManagerContext((prevState) => {\n            if (prevState?.dialogManager.id === managerInNewState?.id) return prevState;\n            // an unresolved manager is caught by the guard below\n            return {\n              dialogManager:\n                managerInNewState || nearestDialogManagerContext?.dialogManager,\n            } as DialogManagerProviderContextValue;\n          });\n        }\n      },\n    );\n    return () => {\n      unsubscribe();\n    };\n  }, [dialogId, dialogManagerId, nearestDialogManagerContext?.dialogManager]);\n\n  if (!dialogManagerContext?.dialogManager) {\n    throw new Error(\n      `useDialogManager could not resolve a dialog manager (manager id: ${dialogManagerId}, dialog id: ${dialogId}). Make sure the caller is rendered within <DialogManagerProvider>.`,\n    );\n  }\n\n  return dialogManagerContext;\n};\n\nexport const modalDialogManagerId = 'modal-dialog-manager' as const;\n\nexport const ModalDialogManagerProvider = ({ children }: PropsWithChildrenOnly) => (\n  <DialogManagerProvider id={modalDialogManagerId}>{children}</DialogManagerProvider>\n);\n\nexport const useModalDialogManager = () =>\n  useMemo(() => getDialogManager(modalDialogManagerId), []);\n\nexport const useNearestDialogManagerContext = () =>\n  useContext(DialogManagerProviderContext);\n"],"mappings":";;;;;;AAmBA,IAAM,yBAA0D,IAAI,WAAW,CAAC,CAAC;AAEjF,IAAM,oBAAoB,OACxB,uBAAuB,eAAe,CAAC,CAAC;AAE1C,IAAM,4BAA4B,EAChC,qBACA,SAII;CACJ,IAAI,UAAU,iBAAiB,EAAE;CACjC,IAAI,CAAC,SAAS;EACZ,UAAU,IAAI,cAAc;GAAE;GAAqB;EAAG,CAAC;EACvD,uBAAuB,YAAY,GAAG,KAAK,QAAQ,CAAC;CACtD,OAAO,IAAI,OAAO,wBAAwB,WACxC,QAAQ,sBAAsB;CAEhC,OAAO;AACT;AAEA,IAAM,uBAAuB,OAAe;CAC1C,IAAI,CAAC,iBAAiB,EAAE,GAAG;CAC3B,uBAAuB,YAAY,GAAG,KAAK,KAAA,EAAU,CAAC;AACxD;AAMA,IAAM,+BAA+B,MAAM,cAEzC,KAAA,CAAS;;;;AAgBX,IAAa,yBAAyB,EACpC,UACA,qBACA,IACA,6BACgC;CAChC,MAAM,CAAC,eAAe,oBAAoB,eAAqC;EAC7E,IAAI,IAAI,OAAO,iBAAiB,EAAE,KAAK;EACvC,OAAO,IAAI,cAAc,EAAE,oBAAoB,CAAC;CAClD,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,IAAI;EACT,iBAAiB,yBAAyB;GAAE;GAAqB;EAAG,CAAC,CAAC;EACtE,aAAa;GACX,oBAAoB,EAAE;GACtB,iBAAiB,IAAI;EACvB;CACF,GAAG,CAAC,qBAAqB,EAAE,CAAC;CAG5B,IAAI,CAAC,eAAe,OAAO;CAE3B,OACE,qBAAC,6BAA6B,UAA9B;EAAuC,OAAO,EAAE,cAAc;YAA9D,CACG,UACD,oBAAC,yBAAD,EAAyB,GAAI,uBAAyB,CAAA,CACjB;;AAE3C;AAOA,IAAM,uBAAuB,EAC3B,UACA,iBACA,UACA,oBAII;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI,iBACF,IAAI,CAAC,UAAU;EACb,oBAAoB,SAAS;EAC7B,qBAAqB,gBAAgB;CACvC,OAAO;EACL,IAAI,SAAS,gBAAgB,EAAE,IAAI,QAAQ,GACzC,oBAAoB,SAAS;EAE/B,IAAI,gBAAgB,gBAAgB,EAAE,IAAI,QAAQ,GAChD,qBAAqB,cAAc;CAEvC;MACK,IAAI,UAAU;EACnB,oBAAoB,OAAO,OAAO,QAAQ,CAAC,CAAC,MACzC,cAAc,YAAY,WAAW,IAAI,QAAQ,CACpD;EACA,qBACE,iBACA,OAAO,OAAO,aAAa,CAAC,CAAC,MAC1B,cAAc,YAAY,WAAW,IAAI,QAAQ,CACpD;CACJ;CAEA,OAAO;EAAE;EAAmB;CAAmB;AACjD;;;;;AAMA,IAAa,oBAAoB,EAC/B,UACA,oBAC0B,CAAC,MAAM;CACjC,MAAM,8BAA8B,WAAW,4BAA4B;CAE3E,MAAM,CAAC,sBAAsB,2BAA2B,eAEhD;EACN,MAAM,EAAE,sBAAsB,oBAAoB;GAChD;GACA;GACA,UAAU,uBAAuB,eAAe;GAChD,eAAe,KAAA;EACjB,CAAC;EACD,OAAO,oBACH,EAAE,eAAe,kBAAkB,IACnC;CACN,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,YAAY,CAAC,iBAAiB;EACnC,MAAM,cAAc,uBAAuB,uBACxC,UAAU,QACV,UAAU,kBAAkB;GAC3B,MAAM,EAAE,mBAAmB,uBAAuB,oBAAoB;IACpE;IACA;IACA;IACA;GACF,CAAC;GAED,IAAI,CAAC,sBAAsB,mBAAmB,OAAO,mBAAmB,IACtE,yBAAyB,cAAc;IACrC,IAAI,WAAW,cAAc,OAAO,mBAAmB,IAAI,OAAO;IAElE,OAAO,EACL,eACE,qBAAqB,6BAA6B,cACtD;GACF,CAAC;EAEL,CACF;EACA,aAAa;GACX,YAAY;EACd;CACF,GAAG;EAAC;EAAU;EAAiB,6BAA6B;CAAa,CAAC;CAE1E,IAAI,CAAC,sBAAsB,eACzB,MAAM,IAAI,MACR,oEAAoE,gBAAgB,eAAe,SAAS,oEAC9G;CAGF,OAAO;AACT;AAEA,IAAa,uBAAuB;AAEpC,IAAa,8BAA8B,EAAE,eAC3C,oBAAC,uBAAD;CAAuB,IAAI;CAAuB;AAAgC,CAAA;AAGpF,IAAa,8BACX,cAAc,iBAAiB,oBAAoB,GAAG,CAAC,CAAC;AAE1D,IAAa,uCACX,WAAW,4BAA4B"}

package/dist/es/context/MessageBounceContext.mjs

@@ -0,0 +1,51 @@
+import { requireContext } from "./requireContext.mjs";
+import { useMessageContext } from "./MessageContext.mjs";
+import { isMessageBounced } from "../components/Message/utils.mjs";
+import { useRetryHandler } from "../components/Message/hooks/useRetryHandler.mjs";
+import { useMessageComposerController } from "../components/MessageComposer/hooks/useMessageComposerController.mjs";
+import { savePreEditSnapshot } from "../components/MessageComposer/preEditSnapshot.mjs";
+import { useChannel } from "./useChannel.mjs";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/MessageBounceContext.tsx
+var MessageBounceContext = createContext(void 0);
+function useMessageBounceContext() {
+	return requireContext(useContext(MessageBounceContext), "useMessageBounceContext", "MessageBounceProvider");
+}
+function MessageBounceProvider({ children }) {
+	const messageComposer = useMessageComposerController();
+	const { message } = useMessageContext();
+	const doHandleRetry = useRetryHandler();
+	if (!isMessageBounced(message)) console.warn(`The MessageBounceProvider was rendered for a message that is not bounced. Have you missed the "isMessageBounced" check?`);
+	const channel = useChannel();
+	const handleDelete = useCallback(() => {
+		channel.messagePaginator.removeItem({ id: message.id });
+	}, [channel, message]);
+	const handleEdit = useCallback((e) => {
+		e.preventDefault();
+		savePreEditSnapshot(messageComposer);
+		messageComposer.initState({ composition: message });
+	}, [message, messageComposer]);
+	const handleRetry = useCallback(() => {
+		doHandleRetry({ localMessage: message });
+	}, [doHandleRetry, message]);
+	const value = useMemo(() => ({
+		handleDelete,
+		handleEdit,
+		handleRetry,
+		message
+	}), [
+		handleDelete,
+		handleEdit,
+		handleRetry,
+		message
+	]);
+	return /* @__PURE__ */ jsx(MessageBounceContext.Provider, {
+		value,
+		children
+	});
+}
+//#endregion
+export { MessageBounceProvider, useMessageBounceContext };
+
+//# sourceMappingURL=MessageBounceContext.mjs.map

package/dist/es/context/MessageBounceContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBounceContext.mjs","names":[],"sources":["../../../src/context/MessageBounceContext.tsx"],"sourcesContent":["import type { ReactEventHandler } from 'react';\nimport React, { createContext, useCallback, useContext, useMemo } from 'react';\nimport { useMessageContext } from './MessageContext';\nimport { requireContext } from './requireContext';\nimport { useChannel } from './useChannel';\nimport {\n  isMessageBounced,\n  useMessageComposerController,\n  useRetryHandler,\n} from '../components';\nimport { savePreEditSnapshot } from '../components/MessageComposer/preEditSnapshot';\nimport type { LocalMessage } from 'stream-chat';\nimport type { PropsWithChildrenOnly } from '../types/types';\n\nexport interface MessageBounceContextValue {\n  handleDelete: ReactEventHandler;\n  handleEdit: ReactEventHandler;\n  handleRetry: ReactEventHandler;\n  message: LocalMessage;\n}\n\nconst MessageBounceContext = createContext<MessageBounceContextValue | undefined>(\n  undefined,\n);\n\nexport function useMessageBounceContext() {\n  return requireContext(\n    useContext(MessageBounceContext),\n    'useMessageBounceContext',\n    'MessageBounceProvider',\n  );\n}\n\nexport function MessageBounceProvider({ children }: PropsWithChildrenOnly) {\n  const messageComposer = useMessageComposerController();\n  const { message } = useMessageContext();\n  const doHandleRetry = useRetryHandler();\n\n  if (!isMessageBounced(message)) {\n    console.warn(\n      `The MessageBounceProvider was rendered for a message that is not bounced. Have you missed the \"isMessageBounced\" check?`,\n    );\n  }\n\n  const channel = useChannel();\n\n  const handleDelete: ReactEventHandler = useCallback(() => {\n    channel.messagePaginator.removeItem({ id: message.id });\n  }, [channel, message]);\n\n  const handleEdit: ReactEventHandler = useCallback(\n    (e) => {\n      e.preventDefault();\n      savePreEditSnapshot(messageComposer);\n      messageComposer.initState({ composition: message });\n    },\n    [message, messageComposer],\n  );\n\n  const handleRetry: ReactEventHandler = useCallback(() => {\n    void doHandleRetry({ localMessage: message });\n  }, [doHandleRetry, message]);\n\n  const value = useMemo(\n    () => ({\n      handleDelete,\n      handleEdit,\n      handleRetry,\n      message,\n    }),\n    [handleDelete, handleEdit, handleRetry, message],\n  );\n\n  return (\n    <MessageBounceContext.Provider value={value}>\n      {children}\n    </MessageBounceContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;AAqBA,IAAM,uBAAuB,cAC3B,KAAA,CACF;AAEA,SAAgB,0BAA0B;CACxC,OAAO,eACL,WAAW,oBAAoB,GAC/B,2BACA,uBACF;AACF;AAEA,SAAgB,sBAAsB,EAAE,YAAmC;CACzE,MAAM,kBAAkB,6BAA6B;CACrD,MAAM,EAAE,YAAY,kBAAkB;CACtC,MAAM,gBAAgB,gBAAgB;CAEtC,IAAI,CAAC,iBAAiB,OAAO,GAC3B,QAAQ,KACN,yHACF;CAGF,MAAM,UAAU,WAAW;CAE3B,MAAM,eAAkC,kBAAkB;EACxD,QAAQ,iBAAiB,WAAW,EAAE,IAAI,QAAQ,GAAG,CAAC;CACxD,GAAG,CAAC,SAAS,OAAO,CAAC;CAErB,MAAM,aAAgC,aACnC,MAAM;EACL,EAAE,eAAe;EACjB,oBAAoB,eAAe;EACnC,gBAAgB,UAAU,EAAE,aAAa,QAAQ,CAAC;CACpD,GACA,CAAC,SAAS,eAAe,CAC3B;CAEA,MAAM,cAAiC,kBAAkB;EACvD,cAAmB,EAAE,cAAc,QAAQ,CAAC;CAC9C,GAAG,CAAC,eAAe,OAAO,CAAC;CAE3B,MAAM,QAAQ,eACL;EACL;EACA;EACA;EACA;CACF,IACA;EAAC;EAAc;EAAY;EAAa;CAAO,CACjD;CAEA,OACE,oBAAC,qBAAqB,UAAtB;EAAsC;EACnC;CAC4B,CAAA;AAEnC"}