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

package/dist/es/context/PollContext.mjs

@@ -1,3 +1,4 @@
+import { requireContext } from "./requireContext.mjs";
 import React, { useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/context/PollContext.tsx
@@ -6,9 +7,7 @@ var PollProvider = ({ children, poll }) => poll ? /* @__PURE__ */ jsx(PollContex
 	value: { poll },
 	children
 }) : null;
-var usePollContext = () => {
-	return useContext(PollContext);
-};
+var usePollContext = () => requireContext(useContext(PollContext), "usePollContext", "PollProvider");
 //#endregion
 export { PollContext, PollProvider, usePollContext };
 

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

@@ -1 +1 @@
-{"version":3,"file":"PollContext.mjs","names":[],"sources":["../../../src/context/PollContext.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport type { Poll } from 'stream-chat';\n\nexport type PollContextValue = {\n  poll: Poll;\n};\n\nexport const PollContext = React.createContext<PollContextValue | undefined>(undefined);\n\nexport const PollProvider = ({\n  children,\n  poll,\n}: PropsWithChildren<{\n  poll: Poll;\n}>) =>\n  poll ? (\n    <PollContext.Provider value={{ poll } as unknown as PollContextValue}>\n      {children}\n    </PollContext.Provider>\n  ) : null;\n\nexport const usePollContext = () => {\n  const contextValue = useContext(PollContext);\n  return contextValue as unknown as PollContextValue;\n};\n"],"mappings":";;;AAQA,IAAa,cAAc,MAAM,cAA4C,KAAA,CAAS;AAEtF,IAAa,gBAAgB,EAC3B,UACA,WAIA,OACE,oBAAC,YAAY,UAAb;CAAsB,OAAO,EAAE,KAAK;CACjC;AACmB,CAAA,IACpB;AAEN,IAAa,uBAAuB;CAElC,OADqB,WAAW,WACzB;AACT"}
+{"version":3,"file":"PollContext.mjs","names":[],"sources":["../../../src/context/PollContext.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport type { Poll } from 'stream-chat';\nimport { requireContext } from './requireContext';\n\nexport type PollContextValue = {\n  poll: Poll;\n};\n\nexport const PollContext = React.createContext<PollContextValue | undefined>(undefined);\n\nexport const PollProvider = ({\n  children,\n  poll,\n}: PropsWithChildren<{\n  poll: Poll;\n}>) =>\n  poll ? (\n    <PollContext.Provider value={{ poll } as unknown as PollContextValue}>\n      {children}\n    </PollContext.Provider>\n  ) : null;\n\nexport const usePollContext = () =>\n  requireContext(useContext(PollContext), 'usePollContext', 'PollProvider');\n"],"mappings":";;;;AASA,IAAa,cAAc,MAAM,cAA4C,KAAA,CAAS;AAEtF,IAAa,gBAAgB,EAC3B,UACA,WAIA,OACE,oBAAC,YAAY,UAAb;CAAsB,OAAO,EAAE,KAAK;CACjC;AACmB,CAAA,IACpB;AAEN,IAAa,uBACX,eAAe,WAAW,WAAW,GAAG,kBAAkB,cAAc"}

package/dist/es/context/TranslationContext.mjs

@@ -1,29 +1,16 @@
 import { defaultDateTimeParser, defaultTranslatorFunction } from "../i18n/utils.mjs";
-import React, { useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-import Dayjs from "dayjs";
-import calendar from "dayjs/plugin/calendar.js";
-import localizedFormat from "dayjs/plugin/localizedFormat.js";
+import { createTranslationContext } from "@stream-io/i18n/react";
 //#region src/context/TranslationContext.tsx
-Dayjs.extend(calendar);
-Dayjs.extend(localizedFormat);
-var TranslationContext = React.createContext({
+/**
+* Built from the shared factory in `@stream-io/i18n/react`. What stays this SDK's own: the
+* catalog-typed `t`, and supplying a **default** rather than throwing, so primitives render outside
+* `<Chat>` (React Native throws instead — hence the option).
+*/
+var { TranslationContext, TranslationProvider, useTranslationContext } = createTranslationContext({ defaultValue: {
 	t: defaultTranslatorFunction,
 	tDateTimeParser: defaultDateTimeParser,
 	userLanguage: "en"
-});
-var TranslationProvider = ({ children, value }) => /* @__PURE__ */ jsx(TranslationContext.Provider, {
-	value,
-	children
-});
-var useTranslationContext = (componentName) => {
-	const contextValue = useContext(TranslationContext);
-	if (!contextValue) {
-		console.warn(`The useTranslationContext hook was called outside of the TranslationContext provider. Make sure this hook is called within a child of the Chat component. The errored call is located in the ${componentName} component.`);
-		return {};
-	}
-	return contextValue;
-};
+} });
 //#endregion
 export { TranslationContext, TranslationProvider, useTranslationContext };
 

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationContext.mjs","names":[],"sources":["../../../src/context/TranslationContext.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport Dayjs from 'dayjs';\nimport calendar from 'dayjs/plugin/calendar.js';\nimport localizedFormat from 'dayjs/plugin/localizedFormat.js';\nimport type { PropsWithChildren } from 'react';\nimport type { TFunction } from 'i18next';\nimport type { TranslationLanguages } from 'stream-chat';\n\nimport { defaultDateTimeParser, defaultTranslatorFunction } from '../i18n/utils';\nimport type { TDateTimeParser } from '../i18n/types';\n\nDayjs.extend(calendar);\nDayjs.extend(localizedFormat);\n\nexport type TranslationContextValue = {\n  t: TFunction;\n  tDateTimeParser: TDateTimeParser;\n  userLanguage: TranslationLanguages;\n};\n\nexport const TranslationContext = React.createContext<TranslationContextValue>({\n  t: defaultTranslatorFunction,\n  tDateTimeParser: defaultDateTimeParser,\n  userLanguage: 'en',\n});\n\nexport const TranslationProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{ value: TranslationContextValue }>) => (\n  <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>\n);\n\nexport const useTranslationContext = (componentName?: string) => {\n  const contextValue = useContext(TranslationContext);\n\n  if (!contextValue) {\n    console.warn(\n      `The useTranslationContext hook was called outside of the TranslationContext provider. Make sure this hook is called within a child of the Chat component. The errored call is located in the ${componentName} component.`,\n    );\n\n    return {} as TranslationContextValue;\n  }\n\n  return contextValue;\n};\n"],"mappings":";;;;;;;AAWA,MAAM,OAAO,QAAQ;AACrB,MAAM,OAAO,eAAe;AAQ5B,IAAa,qBAAqB,MAAM,cAAuC;CAC7E,GAAG;CACH,iBAAiB;CACjB,cAAc;AAChB,CAAC;AAED,IAAa,uBAAuB,EAClC,UACA,YAEA,oBAAC,mBAAmB,UAApB;CAAoC;CAAQ;AAAsC,CAAA;AAGpF,IAAa,yBAAyB,kBAA2B;CAC/D,MAAM,eAAe,WAAW,kBAAkB;CAElD,IAAI,CAAC,cAAc;EACjB,QAAQ,KACN,gMAAgM,cAAc,YAChN;EAEA,OAAO,CAAC;CACV;CAEA,OAAO;AACT"}
+{"version":3,"file":"TranslationContext.mjs","names":[],"sources":["../../../src/context/TranslationContext.tsx"],"sourcesContent":["import { createTranslationContext } from '@stream-io/i18n/react';\n\nimport { defaultDateTimeParser, defaultTranslatorFunction } from '../i18n/utils';\nimport type { StreamTFunction, TDateTimeParser } from '../i18n/types';\n\n/**\n * The `Dayjs.extend(calendar)` / `extend(localizedFormat)` calls that used to sit here are gone:\n * `defaultDateTimeParser` from `@stream-io/i18n` registers the plugins itself on first use, which\n * is what lets the package stay side-effect-free.\n *\n * If that ever regresses it fails *silently* — `.calendar()` is simply absent, so timestamps render\n * malformed rather than throwing.\n */\n\nexport type TranslationContextValue = {\n  t: StreamTFunction;\n  tDateTimeParser: TDateTimeParser;\n  userLanguage: string;\n};\n\n/**\n * Built from the shared factory in `@stream-io/i18n/react`. What stays this SDK's own: the\n * catalog-typed `t`, and supplying a **default** rather than throwing, so primitives render outside\n * `<Chat>` (React Native throws instead — hence the option).\n */\nconst { TranslationContext, TranslationProvider, useTranslationContext } =\n  createTranslationContext<TranslationContextValue>({\n    defaultValue: {\n      t: defaultTranslatorFunction,\n      tDateTimeParser: defaultDateTimeParser,\n      userLanguage: 'en',\n    },\n  });\n\nexport { TranslationContext, TranslationProvider };\n\n/** Works outside `<Chat>` — the default translator renders each call site's inline English. */\nexport { useTranslationContext };\n"],"mappings":";;;;;;;;AAyBA,IAAM,EAAE,oBAAoB,qBAAqB,0BAC/C,yBAAkD,EAChD,cAAc;CACZ,GAAG;CACH,iBAAiB;CACjB,cAAc;AAChB,EACF,CAAC"}

package/dist/es/context/VirtualizedMessageListContext.mjs

@@ -1,3 +1,4 @@
+import { requireContext } from "./requireContext.mjs";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/context/VirtualizedMessageListContext.tsx
@@ -9,7 +10,7 @@ var VirtualizedMessageListContextProvider = ({ children, value }) => /* @__PURE_
 	value,
 	children
 });
-var useVirtualizedMessageListContext = () => useContext(VirtualizedMessageListContext);
+var useVirtualizedMessageListContext = () => requireContext(useContext(VirtualizedMessageListContext), "useVirtualizedMessageListContext", "VirtualizedMessageListContextProvider");
 //#endregion
 export { VirtualizedMessageListContext, VirtualizedMessageListContextProvider, useVirtualizedMessageListContext };
 

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

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedMessageListContext.mjs","names":[],"sources":["../../../src/context/VirtualizedMessageListContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nexport type VirtualizedMessageListContextValue = {\n  /** Function that scrolls the list to the bottom. */\n  scrollToBottom: () => void;\n};\n\nexport const VirtualizedMessageListContext = createContext<\n  VirtualizedMessageListContextValue | undefined\n>(undefined);\n\n/**\n * Context provider for components rendered within the `VirtualizedMessageList`\n */\nexport const VirtualizedMessageListContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: VirtualizedMessageListContextValue;\n}>) => (\n  <VirtualizedMessageListContext.Provider\n    value={value as VirtualizedMessageListContextValue}\n  >\n    {children}\n  </VirtualizedMessageListContext.Provider>\n);\n\nexport const useVirtualizedMessageListContext = () =>\n  useContext(VirtualizedMessageListContext) as VirtualizedMessageListContextValue;\n"],"mappings":";;;AAQA,IAAa,gCAAgC,cAE3C,KAAA,CAAS;;;;AAKX,IAAa,yCAAyC,EACpD,UACA,YAIA,oBAAC,8BAA8B,UAA/B;CACS;CAEN;AACqC,CAAA;AAG1C,IAAa,yCACX,WAAW,6BAA6B"}
+{"version":3,"file":"VirtualizedMessageListContext.mjs","names":[],"sources":["../../../src/context/VirtualizedMessageListContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { requireContext } from './requireContext';\n\nexport type VirtualizedMessageListContextValue = {\n  /** Function that scrolls the list to the bottom. */\n  scrollToBottom: () => void;\n};\n\nexport const VirtualizedMessageListContext = createContext<\n  VirtualizedMessageListContextValue | undefined\n>(undefined);\n\n/**\n * Context provider for components rendered within the `VirtualizedMessageList`\n */\nexport const VirtualizedMessageListContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: VirtualizedMessageListContextValue;\n}>) => (\n  <VirtualizedMessageListContext.Provider\n    value={value as VirtualizedMessageListContextValue}\n  >\n    {children}\n  </VirtualizedMessageListContext.Provider>\n);\n\nexport const useVirtualizedMessageListContext = () =>\n  requireContext(\n    useContext(VirtualizedMessageListContext),\n    'useVirtualizedMessageListContext',\n    'VirtualizedMessageListContextProvider',\n  );\n"],"mappings":";;;;AASA,IAAa,gCAAgC,cAE3C,KAAA,CAAS;;;;AAKX,IAAa,yCAAyC,EACpD,UACA,YAIA,oBAAC,8BAA8B,UAA/B;CACS;CAEN;AACqC,CAAA;AAG1C,IAAa,yCACX,eACE,WAAW,6BAA6B,GACxC,oCACA,uCACF"}

package/dist/es/context/WithComponents.mjs

@@ -1,17 +1,17 @@
 import { ComponentContext } from "./ComponentContext.mjs";
-import { useContext } from "react";
+import { useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/context/WithComponents.tsx
 function WithComponents({ children, overrides }) {
 	const parentOverrides = useContext(ComponentContext);
-	const actualOverrides = {
+	const actualOverrides = useMemo(() => ({
 		...parentOverrides,
 		...overrides,
 		icons: {
 			...parentOverrides?.icons,
 			...overrides?.icons
 		}
-	};
+	}), [parentOverrides, overrides]);
 	return /* @__PURE__ */ jsx(ComponentContext.Provider, {
 		value: actualOverrides,
 		children

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

@@ -1 +1 @@
-{"version":3,"file":"WithComponents.mjs","names":[],"sources":["../../../src/context/WithComponents.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport { ComponentContext } from './ComponentContext';\nimport type { ComponentContextValue } from './ComponentContext';\n\nexport function WithComponents({\n  children,\n  overrides,\n}: PropsWithChildren<{ overrides: Partial<ComponentContextValue> }>) {\n  const parentOverrides = useContext(ComponentContext);\n  const actualOverrides: ComponentContextValue = {\n    ...parentOverrides,\n    ...overrides,\n    icons: {\n      ...parentOverrides?.icons,\n      ...overrides?.icons,\n    },\n  };\n\n  return (\n    <ComponentContext.Provider value={actualOverrides}>\n      {children}\n    </ComponentContext.Provider>\n  );\n}\n"],"mappings":";;;;AAMA,SAAgB,eAAe,EAC7B,UACA,aACmE;CACnE,MAAM,kBAAkB,WAAW,gBAAgB;CACnD,MAAM,kBAAyC;EAC7C,GAAG;EACH,GAAG;EACH,OAAO;GACL,GAAG,iBAAiB;GACpB,GAAG,WAAW;EAChB;CACF;CAEA,OACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;EAC/B;CACwB,CAAA;AAE/B"}
+{"version":3,"file":"WithComponents.mjs","names":[],"sources":["../../../src/context/WithComponents.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport { ComponentContext } from './ComponentContext';\nimport type { ComponentContextValue } from './ComponentContext';\n\nexport function WithComponents({\n  children,\n  overrides,\n}: PropsWithChildren<{ overrides: Partial<ComponentContextValue> }>) {\n  const parentOverrides = useContext(ComponentContext);\n  // Memoized because this provider sits on render paths hot enough for the identity of the\n  // merged value to matter: a new object on every render re-renders every\n  // `useComponentContext()` consumer below it, which would defeat the per-message\n  // memoization in `areMessagePropsEqual`.\n  const actualOverrides: ComponentContextValue = useMemo(\n    () => ({\n      ...parentOverrides,\n      ...overrides,\n      // `icons` merges per slot rather than being replaced wholesale: a nested provider that\n      // rebrands one icon must not clear the ones an ancestor supplied.\n      icons: { ...parentOverrides?.icons, ...overrides?.icons },\n    }),\n    [parentOverrides, overrides],\n  );\n  return (\n    <ComponentContext.Provider value={actualOverrides}>\n      {children}\n    </ComponentContext.Provider>\n  );\n}\n"],"mappings":";;;;AAMA,SAAgB,eAAe,EAC7B,UACA,aACmE;CACnE,MAAM,kBAAkB,WAAW,gBAAgB;CAKnD,MAAM,kBAAyC,eACtC;EACL,GAAG;EACH,GAAG;EAGH,OAAO;GAAE,GAAG,iBAAiB;GAAO,GAAG,WAAW;EAAM;CAC1D,IACA,CAAC,iBAAiB,SAAS,CAC7B;CACA,OACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;EAC/B;CACwB,CAAA;AAE/B"}

package/dist/es/context/WorkspaceNavigationContext.mjs

@@ -0,0 +1,45 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/WorkspaceNavigationContext.tsx
+var WorkspacePanelContext = createContext(void 0);
+/**
+* Declares the panel its subtree renders in. The layout provides it around each panel's content,
+* so controls inside (e.g. a header's back and close buttons) act on their own panel even when the
+* same channel or thread is open in more than one.
+*/
+var WorkspacePanelProvider = ({ children, panel }) => /* @__PURE__ */ jsx(WorkspacePanelContext.Provider, {
+	value: panel,
+	children
+});
+/** The panel the calling component renders in, or `undefined` outside one. */
+var useWorkspacePanel = () => useContext(WorkspacePanelContext);
+/** Inert no-op default (D2): used when no `slot-layout` plugin provides an implementation. */
+var defaultWorkspaceNavigation = {
+	canGoBack: () => false,
+	closeChannel: () => void 0,
+	closeThread: () => void 0,
+	goBack: () => void 0,
+	isChannelActive: () => false,
+	isChannelDismissable: () => false,
+	isThreadActive: () => false,
+	isThreadDismissable: () => false,
+	isThreadsView: false,
+	openChannel: () => void 0,
+	openChannels: [],
+	openThread: () => void 0,
+	openThreads: []
+};
+var WorkspaceNavigationContext = createContext(defaultWorkspaceNavigation);
+var WorkspaceNavigationProvider = ({ children, value }) => /* @__PURE__ */ jsx(WorkspaceNavigationContext.Provider, {
+	value,
+	children
+});
+/**
+* Access the workspace navigation abstraction. Returns the inert no-op default outside a
+* `slot-layout` provider, so callers can navigate unconditionally without guarding for a provider.
+*/
+var useWorkspaceNavigation = () => useContext(WorkspaceNavigationContext);
+//#endregion
+export { WorkspaceNavigationProvider, WorkspacePanelProvider, defaultWorkspaceNavigation, useWorkspaceNavigation, useWorkspacePanel };
+
+//# sourceMappingURL=WorkspaceNavigationContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceNavigationContext.mjs","names":[],"sources":["../../../src/context/WorkspaceNavigationContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\nimport type { PropsWithChildren } from 'react';\nimport type {\n  LocalMessage,\n  Channel as StreamChannel,\n  Thread as StreamThread,\n} from 'stream-chat';\n\n/**\n * Target for {@link WorkspaceNavigation.openThread}: an existing thread instance, or the channel +\n * parent message from which one is derived.\n */\nexport type OpenThreadTarget =\n  | StreamThread\n  | { channel: StreamChannel; message: LocalMessage };\n\n/**\n * A DOM event that may have triggered a workspace navigation. Restricted to the React event types\n * that expose modifier keys (`metaKey`/`ctrlKey`/…) — the reason the event is forwarded at all — so\n * overrides can read them without narrowing. `PointerEvent`, `DragEvent`, and `WheelEvent` extend\n * `MouseEvent` and are accepted through it; `TouchEvent` and `KeyboardEvent` are the other carriers.\n */\nexport type WorkspaceNavigationTriggerEvent =\n  | React.MouseEvent\n  | React.KeyboardEvent\n  | React.TouchEvent;\n\n/** Identifies a panel of the workspace layout (for the slot layout, a slot name). */\nexport type WorkspacePanelId = string;\n\nconst WorkspacePanelContext = createContext<WorkspacePanelId | undefined>(undefined);\n\n/**\n * Declares the panel its subtree renders in. The layout provides it around each panel's content,\n * so controls inside (e.g. a header's back and close buttons) act on their own panel even when the\n * same channel or thread is open in more than one.\n */\nexport const WorkspacePanelProvider = ({\n  children,\n  panel,\n}: PropsWithChildren<{ panel?: WorkspacePanelId }>) => (\n  <WorkspacePanelContext.Provider value={panel}>\n    {children}\n  </WorkspacePanelContext.Provider>\n);\n\n/** The panel the calling component renders in, or `undefined` outside one. */\nexport const useWorkspacePanel = (): WorkspacePanelId | undefined =>\n  useContext(WorkspacePanelContext);\n\n/** Options shared by the workspace navigation operations. */\nexport type WorkspaceNavigationOptions = {\n  /**\n   * Open *beside* the current content (e.g. ctrl/⌘-click) instead of replacing it, when the active\n   * workspace layout has room for a secondary panel. Ignored in single-panel layouts.\n   */\n  additive?: boolean;\n  /**\n   * The DOM event that triggered the navigation, when there is one. Forwarded by the SDK components\n   * that initiate navigation from a user gesture (channel-list / search-result selection, …) so a\n   * consumer overriding these operations (e.g. via `ChatView`'s `deriveWorkspaceNavigation`) can read\n   * modifier keys — deciding `additive` from ⌘/ctrl-click — without tracking key state globally.\n   */\n  event?: WorkspaceNavigationTriggerEvent;\n  /**\n   * Open *over* the current content as a transient layer instead of replacing it; dismissing the\n   * entity restores what was beneath. Ignored by layouts that do not support layering.\n   */\n  layer?: boolean;\n  /**\n   * The panel the operation is triggered from (see {@link WorkspacePanelProvider}). Resolves which\n   * panel an entity is in when the same channel or thread is open in more than one; without it, the\n   * first panel showing the entity is used.\n   */\n  panel?: WorkspacePanelId;\n};\n\n/**\n * Slot-agnostic, intent-level navigation abstraction that core components depend on instead of the\n * ChatView slot system (D1). The `slot-layout` plugin implements it over its layout controller; with\n * no plugin installed the default is an inert no-op (D2) — core renders, navigation does nothing.\n */\nexport type WorkspaceNavigation = {\n  /**\n   * Whether the panel showing the channel or thread with `key` (a channel's `cid`, a thread's id)\n   * is stacked over other content that {@link WorkspaceNavigation.goBack} would reveal.\n   */\n  canGoBack: (key?: string, panel?: WorkspacePanelId) => boolean;\n  /**\n   * Dismiss the channel with `cid` from the workspace: close the panel showing it, together with\n   * anything stacked beneath it. Accepts the triggering event (see\n   * {@link WorkspaceNavigationOptions.event}).\n   */\n  closeChannel: (cid?: string, options?: WorkspaceNavigationOptions) => void;\n  /**\n   * Dismiss a thread from the workspace. With `threadId`, dismiss that thread's panel — together\n   * with anything stacked beneath it — otherwise the active thread panel. Does not deactivate the\n   * thread instance — the caller owns that. Accepts the triggering event (see\n   * {@link WorkspaceNavigationOptions.event}).\n   */\n  closeThread: (threadId?: string, options?: WorkspaceNavigationOptions) => void;\n  /**\n   * Step back from the channel or thread with `key`: remove it from the panel, revealing what it is\n   * stacked over. No-op when {@link WorkspaceNavigation.canGoBack} is false. Accepts the triggering\n   * event (see {@link WorkspaceNavigationOptions.event}).\n   */\n  goBack: (key?: string, options?: WorkspaceNavigationOptions) => void;\n  /**\n   * Whether the channel with `cid` is shown in the workspace: open in a panel and not covered by\n   * something stacked over it there.\n   */\n  isChannelActive: (cid?: string) => boolean;\n  /**\n   * Whether the channel panel for `cid` can be dismissed by the user — i.e. it is a secondary\n   * panel opened beside another channel, rather than the primary channel surface.\n   */\n  isChannelDismissable: (cid?: string, panel?: WorkspacePanelId) => boolean;\n  /**\n   * Whether the thread with `threadId` is shown in the workspace: open in a panel and not covered by\n   * something stacked over it there.\n   */\n  isThreadActive: (threadId?: string) => boolean;\n  /**\n   * Whether the thread panel for `threadId` (or the active thread) can be dismissed by the user —\n   * i.e. it is a closable side/secondary panel rather than the primary thread surface.\n   */\n  isThreadDismissable: (threadId?: string, panel?: WorkspacePanelId) => boolean;\n  /** Whether the thread-list (\"threads\") workspace view is the active one. */\n  isThreadsView: boolean;\n  /** Open `channel` in the workspace. */\n  openChannel: (channel: StreamChannel, options?: WorkspaceNavigationOptions) => void;\n  /** Channels currently open in the workspace (empty when none / no plugin). */\n  openChannels: StreamChannel[];\n  /** Open a thread — by instance, or derived from `{ channel, message }`. */\n  openThread: (target: OpenThreadTarget, options?: WorkspaceNavigationOptions) => void;\n  /** Threads currently open in the workspace (empty when none / no plugin). */\n  openThreads: StreamThread[];\n};\n\nconst NOOP_OPEN_CHANNELS: WorkspaceNavigation['openChannels'] = [];\nconst NOOP_OPEN_THREADS: WorkspaceNavigation['openThreads'] = [];\n\n/** Inert no-op default (D2): used when no `slot-layout` plugin provides an implementation. */\nexport const defaultWorkspaceNavigation: WorkspaceNavigation = {\n  canGoBack: () => false,\n  closeChannel: () => undefined,\n  closeThread: () => undefined,\n  goBack: () => undefined,\n  isChannelActive: () => false,\n  isChannelDismissable: () => false,\n  isThreadActive: () => false,\n  isThreadDismissable: () => false,\n  isThreadsView: false,\n  openChannel: () => undefined,\n  openChannels: NOOP_OPEN_CHANNELS,\n  openThread: () => undefined,\n  openThreads: NOOP_OPEN_THREADS,\n};\n\nconst WorkspaceNavigationContext = createContext<WorkspaceNavigation>(\n  defaultWorkspaceNavigation,\n);\n\nexport const WorkspaceNavigationProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{ value: WorkspaceNavigation }>) => (\n  <WorkspaceNavigationContext.Provider value={value}>\n    {children}\n  </WorkspaceNavigationContext.Provider>\n);\n\n/**\n * Access the workspace navigation abstraction. Returns the inert no-op default outside a\n * `slot-layout` provider, so callers can navigate unconditionally without guarding for a provider.\n */\nexport const useWorkspaceNavigation = (): WorkspaceNavigation =>\n  useContext(WorkspaceNavigationContext);\n"],"mappings":";;;AA+BA,IAAM,wBAAwB,cAA4C,KAAA,CAAS;;;;;;AAOnF,IAAa,0BAA0B,EACrC,UACA,YAEA,oBAAC,sBAAsB,UAAvB;CAAgC,OAAO;CACpC;AAC6B,CAAA;;AAIlC,IAAa,0BACX,WAAW,qBAAqB;;AA+FlC,IAAa,6BAAkD;CAC7D,iBAAiB;CACjB,oBAAoB,KAAA;CACpB,mBAAmB,KAAA;CACnB,cAAc,KAAA;CACd,uBAAuB;CACvB,4BAA4B;CAC5B,sBAAsB;CACtB,2BAA2B;CAC3B,eAAe;CACf,mBAAmB,KAAA;CACnB,cAAc,CAAA;CACd,kBAAkB,KAAA;CAClB,aAAa,CAAA;AACf;AAEA,IAAM,6BAA6B,cACjC,0BACF;AAEA,IAAa,+BAA+B,EAC1C,UACA,YAEA,oBAAC,2BAA2B,UAA5B;CAA4C;CACzC;AACkC,CAAA;;;;;AAOvC,IAAa,+BACX,WAAW,0BAA0B"}

package/dist/es/context/requireContext.mjs

@@ -0,0 +1,17 @@
+//#region src/context/requireContext.ts
+/**
+* Guard for context hooks whose provider is mandatory: returns the value, or throws an error naming
+* the hook and the missing provider. Contexts with a meaningful default return that default
+* instead, so their components keep rendering outside a provider.
+*
+* Compares against `undefined` so a context legitimately holding `null`, `0` or `''` still counts
+* as present.
+*/
+var requireContext = (value, hookName, providerName) => {
+	if (value === void 0) throw new Error(`${hookName} was called outside of ${providerName}. Make sure the component calling ${hookName} is rendered within <${providerName}>.`);
+	return value;
+};
+//#endregion
+export { requireContext };
+
+//# sourceMappingURL=requireContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"requireContext.mjs","names":[],"sources":["../../../src/context/requireContext.ts"],"sourcesContent":["/**\n * Guard for context hooks whose provider is mandatory: returns the value, or throws an error naming\n * the hook and the missing provider. Contexts with a meaningful default return that default\n * instead, so their components keep rendering outside a provider.\n *\n * Compares against `undefined` so a context legitimately holding `null`, `0` or `''` still counts\n * as present.\n */\nexport const requireContext = <T>(\n  value: T | undefined,\n  hookName: string,\n  providerName: string,\n): T => {\n  if (value === undefined) {\n    throw new Error(\n      `${hookName} was called outside of ${providerName}. Make sure the component calling ` +\n        `${hookName} is rendered within <${providerName}>.`,\n    );\n  }\n\n  return value;\n};\n"],"mappings":";;;;;;;;;AAQA,IAAa,kBACX,OACA,UACA,iBACM;CACN,IAAI,UAAU,KAAA,GACZ,MAAM,IAAI,MACR,GAAG,SAAS,yBAAyB,aAAa,oCAC7C,SAAS,uBAAuB,aAAa,GACpD;CAGF,OAAO;AACT"}

package/dist/es/context/useChannel.mjs

@@ -0,0 +1,14 @@
+import { useChannelInstanceContext } from "./ChannelInstanceContext.mjs";
+import { useThreadContext } from "../components/Threads/ThreadContext.mjs";
+//#region src/context/useChannel.ts
+var useChannel = () => {
+	const channelFromThread = useThreadContext()?.channel;
+	const { channel: channelFromInstanceContext } = useChannelInstanceContext();
+	const channel = channelFromThread ?? channelFromInstanceContext;
+	if (!channel) throw new Error("The useChannel hook could not resolve a channel. Make sure this hook is called within a Thread subtree or within a child of Channel (ChannelInstanceContext provider).");
+	return channel;
+};
+//#endregion
+export { useChannel };
+
+//# sourceMappingURL=useChannel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChannel.mjs","names":[],"sources":["../../../src/context/useChannel.ts"],"sourcesContent":["import { useThreadContext } from '../components/Threads';\nimport { useChannelInstanceContext } from './ChannelInstanceContext';\n\nimport type { Channel } from 'stream-chat';\n\nexport const useChannel = (): Channel => {\n  const thread = useThreadContext();\n  const channelFromThread = thread?.channel;\n  const { channel: channelFromInstanceContext } = useChannelInstanceContext();\n  const channel = channelFromThread ?? channelFromInstanceContext;\n\n  if (!channel) {\n    throw new Error(\n      'The useChannel hook could not resolve a channel. Make sure this hook is called within a Thread subtree or within a child of Channel (ChannelInstanceContext provider).',\n    );\n  }\n\n  return channel;\n};\n"],"mappings":";;;AAKA,IAAa,mBAA4B;CAEvC,MAAM,oBADS,iBACW,CAAA,EAAQ;CAClC,MAAM,EAAE,SAAS,+BAA+B,0BAA0B;CAC1E,MAAM,UAAU,qBAAqB;CAErC,IAAI,CAAC,SACH,MAAM,IAAI,MACR,wKACF;CAGF,OAAO;AACT"}

package/dist/es/context/useComponentContextIcons.mjs

@@ -3,27 +3,22 @@ import { icons_exports } from "../components/Icons/icons.mjs";
 import { useMemo } from "react";
 //#region src/context/useComponentContextIcons.ts
 /**
-* Reads the `icons` override from `ComponentContext` and merges it on top of
-* `DEFAULT_ICONS`. Every returned icon is guaranteed defined, so callers can
-* destructure without fallbacks:
+* Reads the `icons` override from `ComponentContext` and merges it over the SDK's own icons. Every
+* slot is guaranteed defined, so callers destructure without fallbacks:
 *
 * ```tsx
 * const { IconFlag } = useComponentContextIcons();
 * ```
 *
-* Overrides supplied via `<WithComponents overrides={{ icons: { … } }} />` win
-* over defaults on a per-slot basis; slots the consumer didn't provide fall
-* back to the SDK's own icon.
+* Overrides supplied via `<WithComponents overrides={{ icons: { … } }} />` win per slot; slots the
+* consumer did not provide fall back to the SDK icon.
 */
 var useComponentContextIcons = () => {
 	const { icons } = useComponentContext();
-	return useMemo(() => {
-		const definedOverrides = Object.fromEntries(Object.entries(icons ?? {}).filter(([, Icon]) => typeof Icon === "function"));
-		return {
-			...icons_exports,
-			...definedOverrides
-		};
-	}, []);
+	return useMemo(() => ({
+		...icons_exports,
+		...Object.fromEntries(Object.entries(icons ?? {}).filter(([, Icon]) => !!Icon))
+	}), [icons]);
 };
 //#endregion
 export { useComponentContextIcons };

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

@@ -1 +1 @@
-{"version":3,"file":"useComponentContextIcons.mjs","names":[],"sources":["../../../src/context/useComponentContextIcons.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useComponentContext } from './ComponentContext';\nimport * as DEFAULT_ICONS from '../components/Icons/icons';\nimport type { IconSlots } from '../components/Icons/slots';\n\n/**\n * Reads the `icons` override from `ComponentContext` and merges it on top of\n * `DEFAULT_ICONS`. Every returned icon is guaranteed defined, so callers can\n * destructure without fallbacks:\n *\n * ```tsx\n * const { IconFlag } = useComponentContextIcons();\n * ```\n *\n * Overrides supplied via `<WithComponents overrides={{ icons: { … } }} />` win\n * over defaults on a per-slot basis; slots the consumer didn't provide fall\n * back to the SDK's own icon.\n */\nexport const useComponentContextIcons = (): Required<IconSlots> => {\n  const { icons } = useComponentContext();\n\n  return useMemo(() => {\n    const definedOverrides = Object.fromEntries(\n      Object.entries(icons ?? {}).filter(([, Icon]) => typeof Icon === 'function'),\n    );\n\n    return { ...DEFAULT_ICONS, ...definedOverrides };\n\n    // Component should be stable.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,IAAa,iCAAsD;CACjE,MAAM,EAAE,UAAU,oBAAoB;CAEtC,OAAO,cAAc;EACnB,MAAM,mBAAmB,OAAO,YAC9B,OAAO,QAAQ,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,UAAU,OAAO,SAAS,UAAU,CAC7E;EAEA,OAAO;GAAE,GAAG;GAAe,GAAG;EAAiB;CAIjD,GAAG,CAAC,CAAC;AACP"}
+{"version":3,"file":"useComponentContextIcons.mjs","names":[],"sources":["../../../src/context/useComponentContextIcons.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useComponentContext } from './ComponentContext';\nimport * as DEFAULT_ICONS from '../components/Icons/icons';\nimport type { IconSlots } from '../components/Icons/slots';\n\n/**\n * Reads the `icons` override from `ComponentContext` and merges it over the SDK's own icons. Every\n * slot is guaranteed defined, so callers destructure without fallbacks:\n *\n * ```tsx\n * const { IconFlag } = useComponentContextIcons();\n * ```\n *\n * Overrides supplied via `<WithComponents overrides={{ icons: { … } }} />` win per slot; slots the\n * consumer did not provide fall back to the SDK icon.\n */\nexport const useComponentContextIcons = (): Required<IconSlots> => {\n  const { icons } = useComponentContext();\n\n  // Keyed on `icons`, not on `[]`: `WithComponents` already memoizes the merged context value, so\n  // this identity is stable across renders and an override swapped at runtime is still picked up.\n  // Entries are filtered because a slot explicitly set to `undefined` must fall back to the SDK\n  // icon rather than spread a hole over it.\n  return useMemo(\n    () => ({\n      ...DEFAULT_ICONS,\n      ...Object.fromEntries(Object.entries(icons ?? {}).filter(([, Icon]) => !!Icon)),\n    }),\n    [icons],\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,IAAa,iCAAsD;CACjE,MAAM,EAAE,UAAU,oBAAoB;CAMtC,OAAO,eACE;EACL,GAAG;EACH,GAAG,OAAO,YAAY,OAAO,QAAQ,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,UAAU,CAAC,CAAC,IAAI,CAAC;CAChF,IACA,CAAC,KAAK,CACR;AACF"}

package/dist/es/hooks/useIsDmChannel.mjs

@@ -0,0 +1,30 @@
+import { useStateStore } from "../store/hooks/useStateStore.mjs";
+import { useChatContext } from "../context/ChatContext.mjs";
+import { isDmChannel } from "../utils/isDmChannel.mjs";
+import { useChannel } from "../context/useChannel.mjs";
+//#region src/hooks/useIsDmChannel.ts
+var membersSelector = (nextValue) => ({
+	memberCount: nextValue.memberCount,
+	members: nextValue.members
+});
+/**
+* Reactively determines whether a channel is a direct-messaging channel.
+*
+* Subscribes to the channel's members state so the result recomputes when membership
+* changes, then delegates the actual check to the `isDmChannel` util. Defaults to the
+* channel from context; pass `channel` to check a specific one.
+*/
+var useIsDmChannel = ({ channel: channelOverride } = {}) => {
+	const contextChannel = useChannel();
+	const channel = channelOverride ?? contextChannel;
+	const { client } = useChatContext();
+	useStateStore(channel.state, membersSelector);
+	return isDmChannel({
+		channel,
+		ownUserId: client.user?.id
+	});
+};
+//#endregion
+export { useIsDmChannel };
+
+//# sourceMappingURL=useIsDmChannel.mjs.map

package/dist/es/hooks/useIsDmChannel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsDmChannel.mjs","names":[],"sources":["../../../src/hooks/useIsDmChannel.ts"],"sourcesContent":["import type { Channel, MembersState } from 'stream-chat';\n\nimport { useChannel, useChatContext } from '../context';\nimport { useStateStore } from '../store';\nimport { isDmChannel } from '../utils';\n\nexport type UseIsDmChannelParams = {\n  channel?: Channel;\n};\n\nconst membersSelector = (nextValue: MembersState) => ({\n  memberCount: nextValue.memberCount,\n  members: nextValue.members,\n});\n\n/**\n * Reactively determines whether a channel is a direct-messaging channel.\n *\n * Subscribes to the channel's members state so the result recomputes when membership\n * changes, then delegates the actual check to the `isDmChannel` util. Defaults to the\n * channel from context; pass `channel` to check a specific one.\n */\nexport const useIsDmChannel = ({\n  channel: channelOverride,\n}: UseIsDmChannelParams = {}) => {\n  const contextChannel = useChannel();\n  const channel = channelOverride ?? contextChannel;\n  const { client } = useChatContext();\n  // Subscribe for reactivity — re-run isDmChannel whenever membership changes.\n  useStateStore(channel.state, membersSelector);\n\n  return isDmChannel({ channel, ownUserId: client.user?.id });\n};\n"],"mappings":";;;;;AAUA,IAAM,mBAAmB,eAA6B;CACpD,aAAa,UAAU;CACvB,SAAS,UAAU;AACrB;;;;;;;;AASA,IAAa,kBAAkB,EAC7B,SAAS,oBACe,CAAC,MAAM;CAC/B,MAAM,iBAAiB,WAAW;CAClC,MAAM,UAAU,mBAAmB;CACnC,MAAM,EAAE,WAAW,eAAe;CAElC,cAAc,QAAQ,OAAO,eAAe;CAE5C,OAAO,YAAY;EAAE;EAAS,WAAW,OAAO,MAAM;CAAG,CAAC;AAC5D"}

package/dist/es/hooks/useMessagePaginator.mjs

@@ -0,0 +1,14 @@
+import { useThreadContext } from "../components/Threads/ThreadContext.mjs";
+import { useChannel } from "../context/useChannel.mjs";
+//#region src/hooks/useMessagePaginator.ts
+/**
+* Hook can be used only in children of <Channel/> and <Thread/> components.
+*/
+var useMessagePaginator = () => {
+	const channel = useChannel();
+	return useThreadContext()?.messagePaginator ?? channel.messagePaginator;
+};
+//#endregion
+export { useMessagePaginator };
+
+//# sourceMappingURL=useMessagePaginator.mjs.map

package/dist/es/hooks/useMessagePaginator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessagePaginator.mjs","names":[],"sources":["../../../src/hooks/useMessagePaginator.ts"],"sourcesContent":["import type { MessagePaginator } from 'stream-chat';\nimport { useChannel } from '../context';\nimport { useThreadContext } from '../components';\n\n/**\n * Hook can be used only in children of <Channel/> and <Thread/> components.\n */\nexport const useMessagePaginator = (): MessagePaginator => {\n  const channel = useChannel();\n  const thread = useThreadContext();\n\n  return thread?.messagePaginator ?? channel.messagePaginator;\n};\n"],"mappings":";;;;;;AAOA,IAAa,4BAA8C;CACzD,MAAM,UAAU,WAAW;CAG3B,OAFe,iBAER,CAAA,EAAQ,oBAAoB,QAAQ;AAC7C"}