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

package/dist/es/components/ChatView/ChatView.a11y.utility.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatView.a11y.utility.mjs","names":[],"sources":["../../../../src/components/ChatView/ChatView.a11y.utility.ts"],"sourcesContent":["/**\n * ChatView is a top-level view switcher between two parallel, independent\n * surfaces (channels and threads). It is NOT a WAI-ARIA Tabs widget: each view\n * owns its own composer and message list and is not a panel of a single\n * composite widget. The selector is a navigation landmark (role=\"navigation\")\n * whose buttons mark the active surface via aria-current=\"true\" (generic\n * \"current item\"; not \"page\", since the SDK may be embedded in a larger host UI).\n *\n * The helper generates stable per-instance DOM ids for the view containers so\n * integrators (skip-links, programmatic focus) have predictable hooks even\n * when multiple ChatViews coexist.\n */\nexport type ChatViewA11yContextValue = {\n  chatViewPanelIds: Record<'channels' | 'threads', string>;\n};\n\nexport const DEFAULT_CHAT_VIEW_A11Y_CONTEXT_VALUE: ChatViewA11yContextValue = {\n  chatViewPanelIds: {\n    channels: 'str-chat__chat-view-panel-channels',\n    threads: 'str-chat__chat-view-panel-threads',\n  },\n};\n\nexport const createChatViewA11yContextValue = (\n  chatViewId: string,\n): ChatViewA11yContextValue => ({\n  chatViewPanelIds: {\n    channels: `str-chat__chat-view-${chatViewId}-panel-channels`,\n    threads: `str-chat__chat-view-${chatViewId}-panel-threads`,\n  },\n});\n"],"mappings":";AAgBA,IAAa,uCAAiE,EAC5E,kBAAkB;CAChB,UAAU;CACV,SAAS;AACX,EACF;AAEA,IAAa,kCACX,gBAC8B,EAC9B,kBAAkB;CAChB,UAAU,uBAAuB,WAAW;CAC5C,SAAS,uBAAuB,WAAW;AAC7C,EACF"}

package/dist/es/components/ChatView/ChatView.mjs

@@ -1,224 +0,0 @@
-import { useChatContext } from "../../context/ChatContext.mjs";
-import { useComponentContext } from "../../context/ComponentContext.mjs";
-import { useComponentContextIcons } from "../../context/useComponentContextIcons.mjs";
-import { useStateStore } from "../../store/hooks/useStateStore.mjs";
-import { useTranslationContext } from "../../context/TranslationContext.mjs";
-import { useStableId } from "../UtilityComponents/useStableId.mjs";
-import { Button } from "../Button/Button.mjs";
-import { EmptyStateIndicator } from "../EmptyStateIndicator/EmptyStateIndicator.mjs";
-import { ThreadProvider } from "../Threads/ThreadContext.mjs";
-import { UnreadCountBadge } from "../Threads/UnreadCountBadge.mjs";
-import { DEFAULT_CHAT_VIEW_A11Y_CONTEXT_VALUE, createChatViewA11yContextValue } from "./ChatView.a11y.utility.mjs";
-import { createContext, useContext, useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-//#region src/components/ChatView/ChatView.tsx
-var ChatViewContext = createContext(void 0);
-var ChatViewA11yContext = createContext(DEFAULT_CHAT_VIEW_A11Y_CONTEXT_VALUE);
-var useChatViewContext = () => {
-	const value = useContext(ChatViewContext);
-	if (!value) {
-		console.warn("The useChatViewContext hook was called outside of the ChatView provider.");
-		return {};
-	}
-	return value;
-};
-var useChatViewA11yContext = () => useContext(ChatViewA11yContext);
-var ChatView = ({ children }) => {
-	const [activeChatView, setActiveChatView] = useState("channels");
-	const chatViewId = useStableId();
-	const { theme } = useChatContext();
-	const a11yValue = useMemo(() => createChatViewA11yContextValue(chatViewId), [chatViewId]);
-	const value = useMemo(() => ({
-		activeChatView,
-		setActiveChatView
-	}), [activeChatView]);
-	return /* @__PURE__ */ jsx(ChatViewA11yContext.Provider, {
-		value: a11yValue,
-		children: /* @__PURE__ */ jsx(ChatViewContext.Provider, {
-			value,
-			children: /* @__PURE__ */ jsx("div", {
-				className: clsx("str-chat", theme, "str-chat__chat-view"),
-				children
-			})
-		})
-	});
-};
-var ChannelsView = ({ children }) => {
-	const { activeChatView } = useChatViewContext();
-	const { chatViewPanelIds } = useChatViewA11yContext();
-	if (!(activeChatView === "channels")) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className: "str-chat__chat-view__channels",
-		id: chatViewPanelIds.channels,
-		children
-	});
-};
-var ThreadsViewContext = createContext({
-	activeThread: void 0,
-	setActiveThread: () => void 0
-});
-var useThreadsViewContext = () => useContext(ThreadsViewContext);
-var ThreadsView = ({ children }) => {
-	const { activeChatView } = useChatViewContext();
-	const { chatViewPanelIds } = useChatViewA11yContext();
-	const [activeThread, setActiveThread] = useState(void 0);
-	const value = useMemo(() => ({
-		activeThread,
-		setActiveThread
-	}), [activeThread]);
-	if (!(activeChatView === "threads")) return null;
-	return /* @__PURE__ */ jsx(ThreadsViewContext.Provider, {
-		value,
-		children: /* @__PURE__ */ jsx("div", {
-			className: "str-chat__chat-view__threads",
-			id: chatViewPanelIds.threads,
-			children
-		})
-	});
-};
-var useActiveThread = ({ activeThread }) => {
-	useEffect(() => {
-		if (!activeThread) return;
-		const handleVisibilityChange = () => {
-			if (document.visibilityState === "visible" && document.hasFocus()) activeThread.activate();
-			if (document.visibilityState === "hidden" || !document.hasFocus()) activeThread.deactivate();
-		};
-		handleVisibilityChange();
-		window.addEventListener("focus", handleVisibilityChange);
-		window.addEventListener("blur", handleVisibilityChange);
-		return () => {
-			activeThread.deactivate();
-			window.removeEventListener("blur", handleVisibilityChange);
-			window.removeEventListener("focus", handleVisibilityChange);
-		};
-	}, [activeThread]);
-};
-/**
-* // this setup still works
-* const MyCustomComponent = () => {
-*  const [activeThread, setActiveThread] = useState();
-*
-*  return <>
-*    // simplified
-*    <ThreadList onItemPointerDown={setActiveThread} />
-*    <ThreadProvider thread={activeThread}>
-*      <Thread />
-*    </ThreadProvider>
-*  </>
-* }
-*
-*/
-var ThreadAdapter = ({ children }) => {
-	const { client } = useChatContext("ThreadAdapter");
-	const { EmptyStateIndicator: EmptyStateIndicator$1 = EmptyStateIndicator } = useComponentContext("ThreadAdapter");
-	const { activeThread } = useThreadsViewContext();
-	const { t } = useTranslationContext("ThreadAdapter");
-	const { isLoading, ready } = useStateStore(client.threads.state, threadAdapterSelector) ?? {
-		isLoading: false,
-		ready: false
-	};
-	useActiveThread({ activeThread });
-	if (!activeThread && ready && !isLoading && EmptyStateIndicator$1) return /* @__PURE__ */ jsx("div", {
-		className: "str-chat__thread-container str-chat__thread",
-		children: /* @__PURE__ */ jsx(EmptyStateIndicator$1, {
-			listType: "message",
-			messageText: t("Select a thread to continue the conversation")
-		})
-	});
-	return /* @__PURE__ */ jsx(ThreadProvider, {
-		thread: activeThread,
-		children
-	});
-};
-var ChatViewSelectorButton = ({ ActiveIcon, children, className, Icon, iconOnly = true, isActive, text, ...props }) => {
-	const SelectorIcon = isActive && ActiveIcon ? ActiveIcon : Icon;
-	const shouldShowTooltip = !!text && iconOnly;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "str-chat__chat-view__selector-button-container",
-		children: [/* @__PURE__ */ jsxs(Button, {
-			appearance: "ghost",
-			"aria-current": isActive || void 0,
-			"aria-label": props["aria-label"] ?? (shouldShowTooltip ? text : void 0),
-			className: clsx("str-chat__chat-view__selector-button", className),
-			variant: "secondary",
-			...props,
-			children: [children ?? (SelectorIcon && /* @__PURE__ */ jsx(SelectorIcon, {})), !iconOnly && text && /* @__PURE__ */ jsx("div", {
-				className: "str-chat__chat-view__selector-button-text",
-				children: text
-			})]
-		}), shouldShowTooltip && /* @__PURE__ */ jsx("div", {
-			"aria-hidden": "true",
-			className: "str-chat__chat-view__selector-button-tooltip str-chat__tooltip",
-			children: text
-		})]
-	});
-};
-var threadAdapterSelector = ({ pagination, ready }) => ({
-	isLoading: pagination.isLoading,
-	ready
-});
-var unreadThreadCountSelector = ({ unreadThreadCount }) => ({ unreadThreadCount });
-var ChatViewChannelsSelectorButton = ({ iconOnly = true }) => {
-	const { activeChatView, setActiveChatView } = useChatViewContext();
-	const { t } = useTranslationContext();
-	const { IconMessageBubble, IconMessageBubbleFill } = useComponentContextIcons();
-	const isActive = activeChatView === "channels";
-	return /* @__PURE__ */ jsx(ChatViewSelectorButton, {
-		ActiveIcon: IconMessageBubbleFill,
-		"aria-label": t("aria/Open channels view"),
-		Icon: IconMessageBubble,
-		iconOnly,
-		isActive,
-		onClick: () => setActiveChatView("channels"),
-		onPointerDown: () => setActiveChatView("channels"),
-		text: t("Channels")
-	});
-};
-var ChatViewThreadsSelectorButton = ({ iconOnly = true }) => {
-	const { client } = useChatContext();
-	const { unreadThreadCount } = useStateStore(client.threads.state, unreadThreadCountSelector) ?? { unreadThreadCount: 0 };
-	const { activeChatView, setActiveChatView } = useChatViewContext();
-	const { t } = useTranslationContext();
-	const { IconThread, IconThreadFill } = useComponentContextIcons();
-	const isActive = activeChatView === "threads";
-	return /* @__PURE__ */ jsx(ChatViewSelectorButton, {
-		ActiveIcon: IconThreadFill,
-		"aria-label": unreadThreadCount > 0 ? t("aria/Open threads view with unread threads", { count: unreadThreadCount }) : t("aria/Open threads view"),
-		Icon: IconThread,
-		iconOnly,
-		isActive,
-		onClick: () => setActiveChatView("threads"),
-		onPointerDown: () => setActiveChatView("threads"),
-		text: t("Threads"),
-		children: /* @__PURE__ */ jsx(UnreadCountBadge, {
-			count: unreadThreadCount,
-			position: "top-right",
-			children: isActive ? /* @__PURE__ */ jsx(IconThreadFill, {}) : /* @__PURE__ */ jsx(IconThread, {})
-		})
-	});
-};
-var defaultChatViewSelectorItemSet = [{
-	Component: ChatViewChannelsSelectorButton,
-	type: "channels"
-}, {
-	Component: ChatViewThreadsSelectorButton,
-	type: "threads"
-}];
-var ChatViewSelector = ({ iconOnly = true, itemSet = defaultChatViewSelectorItemSet }) => {
-	const { t } = useTranslationContext();
-	return /* @__PURE__ */ jsx("div", {
-		"aria-label": t("aria/Chat view controls"),
-		className: "str-chat__chat-view__selector",
-		role: "navigation",
-		children: itemSet.map(({ Component, type }) => /* @__PURE__ */ jsx(Component, { iconOnly }, type))
-	});
-};
-ChatView.Channels = ChannelsView;
-ChatView.Threads = ThreadsView;
-ChatView.ThreadAdapter = ThreadAdapter;
-ChatView.Selector = ChatViewSelector;
-//#endregion
-export { ChatView, ChatViewChannelsSelectorButton, ChatViewContext, ChatViewSelectorButton, ChatViewThreadsSelectorButton, defaultChatViewSelectorItemSet, useActiveThread, useChatViewContext, useThreadsViewContext };
-
-//# sourceMappingURL=ChatView.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChatView.mjs","names":[],"sources":["../../../../src/components/ChatView/ChatView.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, {\n  type ComponentType,\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { useStableId } from '../UtilityComponents/useStableId';\n\nimport { Button, type ButtonProps } from '../Button';\nimport { EmptyStateIndicator as DefaultEmptyStateIndicator } from '../EmptyStateIndicator';\nimport { ThreadProvider } from '../Threads';\nimport { UnreadCountBadge } from '../Threads/UnreadCountBadge';\nimport {\n  useChatContext,\n  useComponentContext,\n  useComponentContextIcons,\n  useTranslationContext,\n} from '../../context';\nimport { useStateStore } from '../../store';\nimport {\n  type ChatViewA11yContextValue,\n  createChatViewA11yContextValue,\n  DEFAULT_CHAT_VIEW_A11Y_CONTEXT_VALUE,\n} from './ChatView.a11y.utility';\n\nimport type { PropsWithChildren } from 'react';\nimport type { Thread, ThreadManagerState } from 'stream-chat';\n\nexport type ChatView = 'channels' | 'threads';\n\n/**\n * ChatView switches between two independent surfaces, not panels in a single\n * WAI-ARIA Tabs widget. The selector is a navigation landmark\n * (`role=\"navigation\"`) holding one button per surface; the button for the\n * surface currently shown is marked with `aria-current=\"true\"` (the \"current\n * item in a set\" — not `\"page\"`, since this SDK view may be embedded in a larger\n * host UI that owns the page). View wrappers stay plain `<div>`s to avoid leaking\n * ancestor context into descendants like the composer textarea.\n */\ntype ChatViewContextValue = {\n  activeChatView: ChatView;\n  setActiveChatView: (cv: ChatView) => void;\n};\n\nexport const ChatViewContext = createContext<ChatViewContextValue | undefined>(undefined);\nconst ChatViewA11yContext = createContext<ChatViewA11yContextValue>(\n  DEFAULT_CHAT_VIEW_A11Y_CONTEXT_VALUE,\n);\n\nexport const useChatViewContext = () => {\n  const value = useContext(ChatViewContext);\n\n  if (!value) {\n    console.warn(\n      'The useChatViewContext hook was called outside of the ChatView provider.',\n    );\n    return {} as ChatViewContextValue;\n  }\n\n  return value;\n};\nconst useChatViewA11yContext = () => useContext(ChatViewA11yContext);\n\nexport const ChatView = ({ children }: PropsWithChildren) => {\n  const [activeChatView, setActiveChatView] = useState<ChatView>('channels');\n  const chatViewId = useStableId();\n\n  const { theme } = useChatContext();\n\n  const a11yValue = useMemo(\n    () => createChatViewA11yContextValue(chatViewId),\n    [chatViewId],\n  );\n\n  const value = useMemo(() => ({ activeChatView, setActiveChatView }), [activeChatView]);\n\n  return (\n    <ChatViewA11yContext.Provider value={a11yValue}>\n      <ChatViewContext.Provider value={value}>\n        <div className={clsx('str-chat', theme, 'str-chat__chat-view')}>{children}</div>\n      </ChatViewContext.Provider>\n    </ChatViewA11yContext.Provider>\n  );\n};\n\nconst ChannelsView = ({ children }: PropsWithChildren) => {\n  const { activeChatView } = useChatViewContext();\n  const { chatViewPanelIds } = useChatViewA11yContext();\n  const isActive = activeChatView === 'channels';\n\n  if (!isActive) return null;\n\n  return (\n    <div className='str-chat__chat-view__channels' id={chatViewPanelIds.channels}>\n      {children}\n    </div>\n  );\n};\n\nexport type ThreadsViewContextValue = {\n  activeThread: Thread | undefined;\n  setActiveThread: (cv: ThreadsViewContextValue['activeThread']) => void;\n};\n\nconst ThreadsViewContext = createContext<ThreadsViewContextValue>({\n  activeThread: undefined,\n  setActiveThread: () => undefined,\n});\n\nexport const useThreadsViewContext = () => useContext(ThreadsViewContext);\n\nconst ThreadsView = ({ children }: PropsWithChildren) => {\n  const { activeChatView } = useChatViewContext();\n  const { chatViewPanelIds } = useChatViewA11yContext();\n  const [activeThread, setActiveThread] =\n    useState<ThreadsViewContextValue['activeThread']>(undefined);\n\n  const value = useMemo(() => ({ activeThread, setActiveThread }), [activeThread]);\n  const isActive = activeChatView === 'threads';\n\n  if (!isActive) return null;\n\n  return (\n    <ThreadsViewContext.Provider value={value}>\n      <div className='str-chat__chat-view__threads' id={chatViewPanelIds.threads}>\n        {children}\n      </div>\n    </ThreadsViewContext.Provider>\n  );\n};\n\n// thread business logic that's impossible to keep within client but encapsulated for ease of use\nexport const useActiveThread = ({ activeThread }: { activeThread?: Thread }) => {\n  useEffect(() => {\n    if (!activeThread) return;\n\n    const handleVisibilityChange = () => {\n      if (document.visibilityState === 'visible' && document.hasFocus()) {\n        activeThread.activate();\n      }\n      if (document.visibilityState === 'hidden' || !document.hasFocus()) {\n        activeThread.deactivate();\n      }\n    };\n\n    handleVisibilityChange();\n\n    window.addEventListener('focus', handleVisibilityChange);\n    window.addEventListener('blur', handleVisibilityChange);\n    return () => {\n      activeThread.deactivate();\n      window.removeEventListener('blur', handleVisibilityChange);\n      window.removeEventListener('focus', handleVisibilityChange);\n    };\n  }, [activeThread]);\n};\n\n// ThreadList under View.Threads context, will access setting function and on item click will set activeThread\n// which can be accessed for the ease of use by ThreadAdapter which forwards it to required ThreadProvider\n// ThreadList can easily live without this context and click handler can be overriden, ThreadAdapter is then no longer needed\n/**\n * // this setup still works\n * const MyCustomComponent = () => {\n *  const [activeThread, setActiveThread] = useState();\n *\n *  return <>\n *    // simplified\n *    <ThreadList onItemPointerDown={setActiveThread} />\n *    <ThreadProvider thread={activeThread}>\n *      <Thread />\n *    </ThreadProvider>\n *  </>\n * }\n *\n */\nconst ThreadAdapter = ({ children }: PropsWithChildren) => {\n  const { client } = useChatContext('ThreadAdapter');\n  const { EmptyStateIndicator = DefaultEmptyStateIndicator } =\n    useComponentContext('ThreadAdapter');\n  const { activeThread } = useThreadsViewContext();\n  const { t } = useTranslationContext('ThreadAdapter');\n  const { isLoading, ready } = useStateStore(\n    client.threads.state,\n    threadAdapterSelector,\n  ) ?? {\n    isLoading: false,\n    ready: false,\n  };\n\n  useActiveThread({ activeThread });\n\n  if (!activeThread && ready && !isLoading && EmptyStateIndicator) {\n    return (\n      <div className='str-chat__thread-container str-chat__thread'>\n        <EmptyStateIndicator\n          listType='message'\n          messageText={t('Select a thread to continue the conversation')}\n        />\n      </div>\n    );\n  }\n\n  return <ThreadProvider thread={activeThread}>{children}</ThreadProvider>;\n};\n\nexport const ChatViewSelectorButton = ({\n  ActiveIcon,\n  children,\n  className,\n  Icon,\n  iconOnly = true,\n  isActive,\n  text,\n  ...props\n}: ButtonProps & {\n  ActiveIcon?: ComponentType;\n  iconOnly?: boolean;\n  Icon?: ComponentType;\n  isActive?: boolean;\n  text?: string;\n}) => {\n  const SelectorIcon = isActive && ActiveIcon ? ActiveIcon : Icon;\n  const shouldShowTooltip = !!text && iconOnly;\n\n  return (\n    <div className='str-chat__chat-view__selector-button-container'>\n      <Button\n        appearance='ghost'\n        aria-current={isActive || undefined}\n        aria-label={props['aria-label'] ?? (shouldShowTooltip ? text : undefined)}\n        className={clsx('str-chat__chat-view__selector-button', className)}\n        variant='secondary'\n        {...props}\n      >\n        {children ?? (SelectorIcon && <SelectorIcon />)}\n        {!iconOnly && text && (\n          <div className='str-chat__chat-view__selector-button-text'>{text}</div>\n        )}\n      </Button>\n      {shouldShowTooltip && (\n        <div\n          aria-hidden='true'\n          className='str-chat__chat-view__selector-button-tooltip str-chat__tooltip'\n        >\n          {text}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst threadAdapterSelector = ({ pagination, ready }: ThreadManagerState) => ({\n  isLoading: pagination.isLoading,\n  ready,\n});\n\nconst unreadThreadCountSelector = ({ unreadThreadCount }: ThreadManagerState) => ({\n  unreadThreadCount,\n});\n\nexport type ChatViewSelectorItemProps = {\n  iconOnly?: boolean;\n};\n\nexport const ChatViewChannelsSelectorButton = ({\n  iconOnly = true,\n}: ChatViewSelectorItemProps) => {\n  const { activeChatView, setActiveChatView } = useChatViewContext();\n  const { t } = useTranslationContext();\n  const { IconMessageBubble, IconMessageBubbleFill } = useComponentContextIcons();\n\n  const isActive = activeChatView === 'channels';\n\n  return (\n    <ChatViewSelectorButton\n      ActiveIcon={IconMessageBubbleFill}\n      aria-label={t('aria/Open channels view')}\n      Icon={IconMessageBubble}\n      iconOnly={iconOnly}\n      isActive={isActive}\n      onClick={() => setActiveChatView('channels')}\n      onPointerDown={() => setActiveChatView('channels')}\n      text={t('Channels')}\n    />\n  );\n};\n\nexport const ChatViewThreadsSelectorButton = ({\n  iconOnly = true,\n}: ChatViewSelectorItemProps) => {\n  const { client } = useChatContext();\n  const { unreadThreadCount } = useStateStore(\n    client.threads.state,\n    unreadThreadCountSelector,\n  ) ?? {\n    unreadThreadCount: 0,\n  };\n  const { activeChatView, setActiveChatView } = useChatViewContext();\n  const { t } = useTranslationContext();\n  const { IconThread, IconThreadFill } = useComponentContextIcons();\n\n  const isActive = activeChatView === 'threads';\n  const label =\n    unreadThreadCount > 0\n      ? t('aria/Open threads view with unread threads', {\n          count: unreadThreadCount,\n        })\n      : t('aria/Open threads view');\n\n  return (\n    <ChatViewSelectorButton\n      ActiveIcon={IconThreadFill}\n      aria-label={label}\n      Icon={IconThread}\n      iconOnly={iconOnly}\n      isActive={isActive}\n      onClick={() => setActiveChatView('threads')}\n      onPointerDown={() => setActiveChatView('threads')}\n      text={t('Threads')}\n    >\n      <UnreadCountBadge count={unreadThreadCount} position='top-right'>\n        {isActive ? <IconThreadFill /> : <IconThread />}\n      </UnreadCountBadge>\n    </ChatViewSelectorButton>\n  );\n};\n\nexport type ChatViewSelectorItem = {\n  Component: React.ComponentType<ChatViewSelectorItemProps>;\n  type: string & {};\n};\n\nexport type ChatViewSelectorEntry = ChatViewSelectorItem;\n\nexport type ChatViewSelectorProps = {\n  iconOnly?: boolean;\n  itemSet?: ChatViewSelectorEntry[];\n};\n\nexport const defaultChatViewSelectorItemSet: ChatViewSelectorEntry[] = [\n  {\n    Component: ChatViewChannelsSelectorButton,\n    type: 'channels' as string & {},\n  },\n  {\n    Component: ChatViewThreadsSelectorButton,\n    type: 'threads' as string & {},\n  },\n];\n\nconst ChatViewSelector = ({\n  iconOnly = true,\n  itemSet = defaultChatViewSelectorItemSet,\n}: ChatViewSelectorProps) => {\n  const { t } = useTranslationContext();\n\n  return (\n    <div\n      aria-label={t('aria/Chat view controls')}\n      className='str-chat__chat-view__selector'\n      role='navigation'\n    >\n      {itemSet.map(({ Component, type }) => (\n        <Component iconOnly={iconOnly} key={type} />\n      ))}\n    </div>\n  );\n};\n\nChatView.Channels = ChannelsView;\nChatView.Threads = ThreadsView;\nChatView.ThreadAdapter = ThreadAdapter;\nChatView.Selector = ChatViewSelector;\n"],"mappings":"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"}

package/dist/es/components/MessageComposer/hooks/useSubmitHandler.mjs

@@ -1,98 +0,0 @@
-import { useChannelActionContext } from "../../../context/ChannelActionContext.mjs";
-import { discardPreEditSnapshot } from "../preEditSnapshot.mjs";
-import { useTranslationContext } from "../../../context/TranslationContext.mjs";
-import { useMessageComposerController } from "./useMessageComposerController.mjs";
-import { useNotificationApi } from "../../Notifications/hooks/useNotificationApi.mjs";
-import { useCallback } from "react";
-import { MessageComposer } from "stream-chat";
-//#region src/components/MessageComposer/hooks/useSubmitHandler.ts
-var takeStateSnapshot = (messageComposer) => {
-	const textComposerState = messageComposer.textComposer.state.getLatestValue();
-	const attachmentManagerState = messageComposer.attachmentManager.state.getLatestValue();
-	const linkPreviewsManagerState = messageComposer.linkPreviewsManager.state.getLatestValue();
-	const pollComposerState = messageComposer.pollComposer.state.getLatestValue();
-	const customDataManagerState = messageComposer.customDataManager.state.getLatestValue();
-	const state = messageComposer.state.getLatestValue();
-	return () => {
-		messageComposer.state.next(state);
-		messageComposer.textComposer.state.next(textComposerState);
-		messageComposer.attachmentManager.state.next(attachmentManagerState);
-		messageComposer.linkPreviewsManager.state.next(linkPreviewsManagerState);
-		messageComposer.pollComposer.state.next(pollComposerState);
-		messageComposer.customDataManager.state.next(customDataManagerState);
-	};
-};
-var useSubmitHandler = (props) => {
-	const { overrideSubmitHandler } = props;
-	const { addNotification } = useNotificationApi();
-	const { editMessage, sendMessage } = useChannelActionContext("useSubmitHandler");
-	const { t } = useTranslationContext("useSubmitHandler");
-	const messageComposer = useMessageComposerController();
-	return { handleSubmit: useCallback(async (event) => {
-		event?.preventDefault();
-		const composition = await messageComposer.compose();
-		if (!composition || !composition.message) return;
-		const { localMessage, message, sendOptions } = composition;
-		if (messageComposer.editedMessage && localMessage.type !== "error") try {
-			await editMessage(localMessage, sendOptions);
-			discardPreEditSnapshot(messageComposer);
-			messageComposer.clear();
-		} catch (err) {
-			addNotification({
-				emitter: "MessageComposer",
-				incident: {
-					domain: "api",
-					entity: "message",
-					operation: "edit"
-				},
-				message: t("Edit message request failed"),
-				severity: "error"
-			});
-		}
-		else {
-			const restoreComposerStateSnapshot = takeStateSnapshot(messageComposer);
-			try {
-				if (!!message.poll_id) messageComposer.state.partialNext({
-					id: MessageComposer.generateId(),
-					pollId: null
-				});
-				else messageComposer.clear();
-				if (messageComposer.config.text.publishTypingEvents) messageComposer.channel.stopTyping().catch(() => void 0);
-				if (overrideSubmitHandler) await overrideSubmitHandler({
-					cid: messageComposer.channel.cid,
-					localMessage,
-					message,
-					sendOptions
-				});
-				else await sendMessage({
-					localMessage,
-					message,
-					options: sendOptions
-				});
-			} catch (err) {
-				restoreComposerStateSnapshot();
-				addNotification({
-					emitter: "MessageComposer",
-					incident: {
-						domain: "api",
-						entity: "message",
-						operation: "send"
-					},
-					message: t("Send message request failed"),
-					severity: "error"
-				});
-			}
-		}
-	}, [
-		addNotification,
-		editMessage,
-		messageComposer,
-		overrideSubmitHandler,
-		sendMessage,
-		t
-	]) };
-};
-//#endregion
-export { useSubmitHandler };
-
-//# sourceMappingURL=useSubmitHandler.mjs.map

package/dist/es/components/MessageComposer/hooks/useSubmitHandler.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSubmitHandler.mjs","names":[],"sources":["../../../../../src/components/MessageComposer/hooks/useSubmitHandler.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { MessageComposer } from 'stream-chat';\nimport { useMessageComposerController } from './useMessageComposerController';\nimport { useChannelActionContext } from '../../../context/ChannelActionContext';\nimport { useTranslationContext } from '../../../context/TranslationContext';\nimport { useNotificationApi } from '../../Notifications';\nimport { discardPreEditSnapshot } from '../preEditSnapshot';\n\nimport type { MessageComposerProps } from '../MessageComposer';\n\nconst takeStateSnapshot = (messageComposer: MessageComposer) => {\n  const textComposerState = messageComposer.textComposer.state.getLatestValue();\n  const attachmentManagerState = messageComposer.attachmentManager.state.getLatestValue();\n  const linkPreviewsManagerState =\n    messageComposer.linkPreviewsManager.state.getLatestValue();\n  const pollComposerState = messageComposer.pollComposer.state.getLatestValue();\n  const customDataManagerState = messageComposer.customDataManager.state.getLatestValue();\n  const state = messageComposer.state.getLatestValue();\n\n  return () => {\n    messageComposer.state.next(state);\n    messageComposer.textComposer.state.next(textComposerState);\n    messageComposer.attachmentManager.state.next(attachmentManagerState);\n    messageComposer.linkPreviewsManager.state.next(linkPreviewsManagerState);\n    messageComposer.pollComposer.state.next(pollComposerState);\n    messageComposer.customDataManager.state.next(customDataManagerState);\n  };\n};\n\nexport const useSubmitHandler = (props: MessageComposerProps) => {\n  const { overrideSubmitHandler } = props;\n\n  const { addNotification } = useNotificationApi();\n  const { editMessage, sendMessage } = useChannelActionContext('useSubmitHandler');\n  const { t } = useTranslationContext('useSubmitHandler');\n  const messageComposer = useMessageComposerController();\n\n  const handleSubmit = useCallback(\n    async (event?: React.BaseSyntheticEvent) => {\n      event?.preventDefault();\n      const composition = await messageComposer.compose();\n      if (!composition || !composition.message) return;\n\n      const { localMessage, message, sendOptions } = composition;\n\n      if (messageComposer.editedMessage && localMessage.type !== 'error') {\n        try {\n          await editMessage(localMessage, sendOptions);\n          discardPreEditSnapshot(messageComposer);\n          messageComposer.clear();\n        } catch (err) {\n          addNotification({\n            emitter: 'MessageComposer',\n            incident: {\n              domain: 'api',\n              entity: 'message',\n              operation: 'edit',\n            },\n            message: t('Edit message request failed'),\n            severity: 'error',\n          });\n        }\n      } else {\n        const restoreComposerStateSnapshot = takeStateSnapshot(messageComposer);\n        try {\n          // FIXME: once MessageComposer has sendMessage method, then the following condition should be encapsulated by it\n          // keep attachments, text, quoted message (treat them as draft) ... if sending a poll\n          const sentPollMessage = !!message.poll_id;\n          if (sentPollMessage) {\n            messageComposer.state.partialNext({\n              id: MessageComposer.generateId(),\n              pollId: null,\n            });\n          } else {\n            messageComposer.clear();\n          }\n          // Before the send, and not awaited. The composer is already cleared, so as far as the\n          // user is concerned they have stopped typing — and when composing with pending uploads\n          // the send lasts as long as the upload, which would leave everyone else watching a\n          // typing indicator for the whole transfer. Not awaited\n          // because publishing `typing.stop` is best-effort: it must neither delay the message by\n          // a round trip nor abort the send if it fails.\n          if (messageComposer.config.text.publishTypingEvents) {\n            messageComposer.channel.stopTyping().catch(() => undefined);\n          }\n          // todo: get rid of overrideSubmitHandler once MessageComposer supports submission flow\n          if (overrideSubmitHandler) {\n            await overrideSubmitHandler({\n              cid: messageComposer.channel.cid,\n              localMessage,\n              message,\n              sendOptions,\n            });\n          } else {\n            await sendMessage({ localMessage, message, options: sendOptions });\n          }\n        } catch (err) {\n          restoreComposerStateSnapshot();\n          addNotification({\n            emitter: 'MessageComposer',\n            incident: {\n              domain: 'api',\n              entity: 'message',\n              operation: 'send',\n            },\n            message: t('Send message request failed'),\n            severity: 'error',\n          });\n        }\n      }\n    },\n    [\n      addNotification,\n      editMessage,\n      messageComposer,\n      overrideSubmitHandler,\n      sendMessage,\n      t,\n    ],\n  );\n\n  return { handleSubmit };\n};\n"],"mappings":";;;;;;;;AAUA,IAAM,qBAAqB,oBAAqC;CAC9D,MAAM,oBAAoB,gBAAgB,aAAa,MAAM,eAAe;CAC5E,MAAM,yBAAyB,gBAAgB,kBAAkB,MAAM,eAAe;CACtF,MAAM,2BACJ,gBAAgB,oBAAoB,MAAM,eAAe;CAC3D,MAAM,oBAAoB,gBAAgB,aAAa,MAAM,eAAe;CAC5E,MAAM,yBAAyB,gBAAgB,kBAAkB,MAAM,eAAe;CACtF,MAAM,QAAQ,gBAAgB,MAAM,eAAe;CAEnD,aAAa;EACX,gBAAgB,MAAM,KAAK,KAAK;EAChC,gBAAgB,aAAa,MAAM,KAAK,iBAAiB;EACzD,gBAAgB,kBAAkB,MAAM,KAAK,sBAAsB;EACnE,gBAAgB,oBAAoB,MAAM,KAAK,wBAAwB;EACvE,gBAAgB,aAAa,MAAM,KAAK,iBAAiB;EACzD,gBAAgB,kBAAkB,MAAM,KAAK,sBAAsB;CACrE;AACF;AAEA,IAAa,oBAAoB,UAAgC;CAC/D,MAAM,EAAE,0BAA0B;CAElC,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,EAAE,aAAa,gBAAgB,wBAAwB,kBAAkB;CAC/E,MAAM,EAAE,MAAM,sBAAsB,kBAAkB;CACtD,MAAM,kBAAkB,6BAA6B;CAsFrD,OAAO,EAAE,cApFY,YACnB,OAAO,UAAqC;EAC1C,OAAO,eAAe;EACtB,MAAM,cAAc,MAAM,gBAAgB,QAAQ;EAClD,IAAI,CAAC,eAAe,CAAC,YAAY,SAAS;EAE1C,MAAM,EAAE,cAAc,SAAS,gBAAgB;EAE/C,IAAI,gBAAgB,iBAAiB,aAAa,SAAS,SACzD,IAAI;GACF,MAAM,YAAY,cAAc,WAAW;GAC3C,uBAAuB,eAAe;GACtC,gBAAgB,MAAM;EACxB,SAAS,KAAK;GACZ,gBAAgB;IACd,SAAS;IACT,UAAU;KACR,QAAQ;KACR,QAAQ;KACR,WAAW;IACb;IACA,SAAS,EAAE,6BAA6B;IACxC,UAAU;GACZ,CAAC;EACH;OACK;GACL,MAAM,+BAA+B,kBAAkB,eAAe;GACtE,IAAI;IAIF,IAAI,CADqB,CAAC,QAAQ,SAEhC,gBAAgB,MAAM,YAAY;KAChC,IAAI,gBAAgB,WAAW;KAC/B,QAAQ;IACV,CAAC;SAED,gBAAgB,MAAM;IAQxB,IAAI,gBAAgB,OAAO,KAAK,qBAC9B,gBAAgB,QAAQ,WAAW,CAAC,CAAC,YAAY,KAAA,CAAS;IAG5D,IAAI,uBACF,MAAM,sBAAsB;KAC1B,KAAK,gBAAgB,QAAQ;KAC7B;KACA;KACA;IACF,CAAC;SAED,MAAM,YAAY;KAAE;KAAc;KAAS,SAAS;IAAY,CAAC;GAErE,SAAS,KAAK;IACZ,6BAA6B;IAC7B,gBAAgB;KACd,SAAS;KACT,UAAU;MACR,QAAQ;MACR,QAAQ;MACR,WAAW;KACb;KACA,SAAS,EAAE,6BAA6B;KACxC,UAAU;IACZ,CAAC;GACH;EACF;CACF,GACA;EACE;EACA;EACA;EACA;EACA;EACA;CACF,CAGO,EAAa;AACxB"}

package/dist/es/components/MessageList/hooks/useReducedMotionPreference.mjs

@@ -1,23 +0,0 @@
-import { useSyncExternalStore } from "use-sync-external-store/shim";
-//#region src/components/MessageList/hooks/useReducedMotionPreference.ts
-var REDUCED_MOTION_MEDIA_QUERY = "(prefers-reduced-motion: reduce)";
-var getReducedMotionSnapshot = () => {
-	if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
-	return window.matchMedia(REDUCED_MOTION_MEDIA_QUERY).matches;
-};
-var subscribeToReducedMotion = (onStoreChange) => {
-	if (typeof window === "undefined" || typeof window.matchMedia !== "function") return () => void 0;
-	const mediaQueryList = window.matchMedia(REDUCED_MOTION_MEDIA_QUERY);
-	const handleChange = () => onStoreChange();
-	if (typeof mediaQueryList.addEventListener === "function") {
-		mediaQueryList.addEventListener("change", handleChange);
-		return () => mediaQueryList.removeEventListener("change", handleChange);
-	}
-	mediaQueryList.addListener(handleChange);
-	return () => mediaQueryList.removeListener(handleChange);
-};
-var useReducedMotionPreference = () => useSyncExternalStore(subscribeToReducedMotion, getReducedMotionSnapshot, () => false);
-//#endregion
-export { useReducedMotionPreference };
-
-//# sourceMappingURL=useReducedMotionPreference.mjs.map

package/dist/es/components/MessageList/hooks/useReducedMotionPreference.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useReducedMotionPreference.mjs","names":[],"sources":["../../../../../src/components/MessageList/hooks/useReducedMotionPreference.ts"],"sourcesContent":["import { useSyncExternalStore } from 'use-sync-external-store/shim';\n\nconst REDUCED_MOTION_MEDIA_QUERY = '(prefers-reduced-motion: reduce)';\n\nconst getReducedMotionSnapshot = () => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n    return false;\n  }\n\n  return window.matchMedia(REDUCED_MOTION_MEDIA_QUERY).matches;\n};\n\nconst subscribeToReducedMotion = (onStoreChange: () => void) => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n    return () => undefined;\n  }\n\n  const mediaQueryList = window.matchMedia(REDUCED_MOTION_MEDIA_QUERY);\n  const handleChange = () => onStoreChange();\n\n  if (typeof mediaQueryList.addEventListener === 'function') {\n    mediaQueryList.addEventListener('change', handleChange);\n    return () => mediaQueryList.removeEventListener('change', handleChange);\n  }\n\n  mediaQueryList.addListener(handleChange);\n  return () => mediaQueryList.removeListener(handleChange);\n};\n\nexport const useReducedMotionPreference = () =>\n  useSyncExternalStore(subscribeToReducedMotion, getReducedMotionSnapshot, () => false);\n"],"mappings":";;AAEA,IAAM,6BAA6B;AAEnC,IAAM,iCAAiC;CACrC,IAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAChE,OAAO;CAGT,OAAO,OAAO,WAAW,0BAA0B,CAAC,CAAC;AACvD;AAEA,IAAM,4BAA4B,kBAA8B;CAC9D,IAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAChE,aAAa,KAAA;CAGf,MAAM,iBAAiB,OAAO,WAAW,0BAA0B;CACnE,MAAM,qBAAqB,cAAc;CAEzC,IAAI,OAAO,eAAe,qBAAqB,YAAY;EACzD,eAAe,iBAAiB,UAAU,YAAY;EACtD,aAAa,eAAe,oBAAoB,UAAU,YAAY;CACxE;CAEA,eAAe,YAAY,YAAY;CACvC,aAAa,eAAe,eAAe,YAAY;AACzD;AAEA,IAAa,mCACX,qBAAqB,0BAA0B,gCAAgC,KAAK"}

package/dist/es/components/Search/hooks/useSearchFocusedMessage.mjs

@@ -1,13 +0,0 @@
-import { useChatContext } from "../../../context/ChatContext.mjs";
-import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
-//#region src/components/Search/hooks/useSearchFocusedMessage.ts
-var searchControllerStateSelector = (nextValue) => ({ focusedMessage: nextValue.focusedMessage });
-var useSearchFocusedMessage = () => {
-	const { searchController } = useChatContext("Channel");
-	const { focusedMessage } = useStateStore(searchController._internalState, searchControllerStateSelector);
-	return focusedMessage;
-};
-//#endregion
-export { useSearchFocusedMessage };
-
-//# sourceMappingURL=useSearchFocusedMessage.mjs.map

package/dist/es/components/Search/hooks/useSearchFocusedMessage.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSearchFocusedMessage.mjs","names":[],"sources":["../../../../../src/components/Search/hooks/useSearchFocusedMessage.ts"],"sourcesContent":["import type { InternalSearchControllerState } from 'stream-chat';\nimport { useChatContext } from '../../../context';\nimport { useStateStore } from '../../../store';\n\nconst searchControllerStateSelector = (nextValue: InternalSearchControllerState) => ({\n  focusedMessage: nextValue.focusedMessage,\n});\n\nexport const useSearchFocusedMessage = () => {\n  const { searchController } = useChatContext('Channel');\n  const { focusedMessage } = useStateStore(\n    searchController._internalState,\n    searchControllerStateSelector,\n  );\n\n  return focusedMessage;\n};\n"],"mappings":";;;AAIA,IAAM,iCAAiC,eAA8C,EACnF,gBAAgB,UAAU,eAC5B;AAEA,IAAa,gCAAgC;CAC3C,MAAM,EAAE,qBAAqB,eAAe,SAAS;CACrD,MAAM,EAAE,mBAAmB,cACzB,iBAAiB,gBACjB,6BACF;CAEA,OAAO;AACT"}

package/dist/es/components/Thread/LegacyThreadContext.mjs

@@ -1,8 +0,0 @@
-import React, { useContext } from "react";
-//#region src/components/Thread/LegacyThreadContext.ts
-var LegacyThreadContext = React.createContext({ legacyThread: void 0 });
-var useLegacyThreadContext = () => useContext(LegacyThreadContext);
-//#endregion
-export { LegacyThreadContext, useLegacyThreadContext };
-
-//# sourceMappingURL=LegacyThreadContext.mjs.map

package/dist/es/components/Thread/LegacyThreadContext.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LegacyThreadContext.mjs","names":[],"sources":["../../../../src/components/Thread/LegacyThreadContext.ts"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { LocalMessage } from 'stream-chat';\n\nexport const LegacyThreadContext = React.createContext<{\n  legacyThread: LocalMessage | undefined;\n}>({ legacyThread: undefined });\n\nexport const useLegacyThreadContext = () => useContext(LegacyThreadContext);\n"],"mappings":";;AAGA,IAAa,sBAAsB,MAAM,cAEtC,EAAE,cAAc,KAAA,EAAU,CAAC;AAE9B,IAAa,+BAA+B,WAAW,mBAAmB"}

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

@@ -1,6 +0,0 @@
-//#region src/components/UtilityComponents/NullComponent.tsx
-var NullComponent = () => null;
-//#endregion
-export { NullComponent };
-
-//# sourceMappingURL=NullComponent.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NullComponent.mjs","names":[],"sources":["../../../../src/components/UtilityComponents/NullComponent.tsx"],"sourcesContent":["export const NullComponent = () => null;\n"],"mappings":";AAAA,IAAa,sBAAsB"}

package/dist/es/components/Window/Window.mjs

@@ -1,21 +0,0 @@
-import { useChannelStateContext } from "../../context/ChannelStateContext.mjs";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-//#region src/components/Window/Window.tsx
-var UnMemoizedWindow = (props) => {
-	const { children, thread: propThread } = props;
-	const { thread: contextThread } = useChannelStateContext("Window");
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("str-chat__main-panel", { "str-chat__main-panel--thread-open": contextThread || propThread }),
-		children
-	});
-};
-/**
-* A UI component for conditionally displaying a Thread or Channel
-*/
-var Window = React.memo(UnMemoizedWindow);
-//#endregion
-export { Window };
-
-//# sourceMappingURL=Window.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Window.mjs","names":[],"sources":["../../../../src/components/Window/Window.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport type { LocalMessage } from 'stream-chat';\nimport { useChannelStateContext } from '../../context/ChannelStateContext';\n\nexport type WindowProps = {\n  /** optional prop to force addition of class str-chat__main-panel---with-thread-opn to the Window root element */\n  thread?: LocalMessage;\n};\n\nconst UnMemoizedWindow = (props: PropsWithChildren<WindowProps>) => {\n  const { children, thread: propThread } = props;\n\n  const { thread: contextThread } = useChannelStateContext('Window');\n\n  return (\n    <div\n      className={clsx('str-chat__main-panel', {\n        'str-chat__main-panel--thread-open': contextThread || propThread,\n      })}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * A UI component for conditionally displaying a Thread or Channel\n */\nexport const Window = React.memo(UnMemoizedWindow) as typeof UnMemoizedWindow;\n"],"mappings":";;;;;AAYA,IAAM,oBAAoB,UAA0C;CAClE,MAAM,EAAE,UAAU,QAAQ,eAAe;CAEzC,MAAM,EAAE,QAAQ,kBAAkB,uBAAuB,QAAQ;CAEjE,OACE,oBAAC,OAAD;EACE,WAAW,KAAK,wBAAwB,EACtC,qCAAqC,iBAAiB,WACxD,CAAC;EAEA;CACE,CAAA;AAET;;;;AAKA,IAAa,SAAS,MAAM,KAAK,gBAAgB"}

package/dist/es/context/ChannelActionContext.mjs

@@ -1,20 +0,0 @@
-import React, { useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/context/ChannelActionContext.tsx
-var ChannelActionContext = React.createContext(void 0);
-var ChannelActionProvider = ({ children, value }) => /* @__PURE__ */ jsx(ChannelActionContext.Provider, {
-	value,
-	children
-});
-var useChannelActionContext = (componentName) => {
-	const contextValue = useContext(ChannelActionContext);
-	if (!contextValue) {
-		console.warn(`The useChannelActionContext hook was called outside of the ChannelActionContext provider. Make sure this hook is called within a child of the Channel component. The errored call is located in the ${componentName} component.`);
-		return {};
-	}
-	return contextValue;
-};
-//#endregion
-export { ChannelActionContext, ChannelActionProvider, useChannelActionContext };
-
-//# sourceMappingURL=ChannelActionContext.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelActionContext.mjs","names":[],"sources":["../../../src/context/ChannelActionContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\n\nimport type {\n  DeleteMessageOptions,\n  LocalMessage,\n  Message,\n  MessageResponse,\n  SendMessageOptions,\n  UpdateMessageAPIResponse,\n  UpdateMessageOptions,\n} from 'stream-chat';\n\nimport type { ChannelStateReducerAction } from '../components/Channel/channelState';\nimport type { CustomMentionHandler } from '../components/Message/hooks/useMentionsHandler';\n\nimport type { ChannelUnreadUiState } from '../types/types';\n\nexport type MarkReadWrapperOptions = {\n  /**\n   * Signal, whether the `channelUnreadUiState` should be updated.\n   * By default, the local state update is prevented when the Channel component is mounted.\n   * This is in order to keep the UI indicating the original unread state, when the user opens a channel.\n   */\n  updateChannelUiUnreadState?: boolean;\n};\n\nexport type RetrySendMessage = (message: LocalMessage) => Promise<void>;\n\nexport type ChannelActionContextValue = {\n  closeThread: (event?: React.BaseSyntheticEvent) => void;\n  deleteMessage: (\n    message: LocalMessage,\n    options?: DeleteMessageOptions,\n  ) => Promise<MessageResponse>;\n  dispatch: React.Dispatch<ChannelStateReducerAction>;\n  editMessage: (\n    message: LocalMessage | MessageResponse,\n    options?: UpdateMessageOptions,\n  ) => Promise<UpdateMessageAPIResponse | void>;\n  jumpToFirstUnreadMessage: (\n    queryMessageLimit?: number,\n    highlightDuration?: number,\n  ) => Promise<void>;\n  jumpToLatestMessage: () => Promise<void>;\n  jumpToMessage: (\n    messageId: string,\n    limit?: number,\n    highlightDuration?: number,\n  ) => Promise<void>;\n  loadMore: (limit?: number) => Promise<number>;\n  loadMoreNewer: (limit?: number) => Promise<number>;\n  loadMoreThread: () => Promise<void>;\n  markRead: (options?: MarkReadWrapperOptions) => void;\n  onMentionsClick: CustomMentionHandler;\n  onMentionsHover: CustomMentionHandler;\n  openThread: (message: LocalMessage, event?: React.BaseSyntheticEvent) => void;\n  removeMessage: (message: LocalMessage) => void;\n  retrySendMessage: RetrySendMessage;\n  sendMessage: (params: {\n    localMessage: LocalMessage;\n    message: Message;\n    options?: SendMessageOptions;\n  }) => Promise<void>;\n  setChannelUnreadUiState: React.Dispatch<\n    React.SetStateAction<ChannelUnreadUiState | undefined>\n  >;\n  updateMessage: (message: MessageResponse | LocalMessage) => void;\n};\n\nexport const ChannelActionContext = React.createContext<\n  ChannelActionContextValue | undefined\n>(undefined);\n\nexport const ChannelActionProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChannelActionContextValue;\n}>) => (\n  <ChannelActionContext.Provider value={value as unknown as ChannelActionContextValue}>\n    {children}\n  </ChannelActionContext.Provider>\n);\n\nexport const useChannelActionContext = (componentName?: string) => {\n  const contextValue = useContext(ChannelActionContext);\n\n  if (!contextValue) {\n    console.warn(\n      `The useChannelActionContext hook was called outside of the ChannelActionContext provider. Make sure this hook is called within a child of the Channel component. The errored call is located in the ${componentName} component.`,\n    );\n\n    return {} as ChannelActionContextValue;\n  }\n\n  return contextValue as unknown as ChannelActionContextValue;\n};\n"],"mappings":";;;AAsEA,IAAa,uBAAuB,MAAM,cAExC,KAAA,CAAS;AAEX,IAAa,yBAAyB,EACpC,UACA,YAIA,oBAAC,qBAAqB,UAAtB;CAAsC;CACnC;AAC4B,CAAA;AAGjC,IAAa,2BAA2B,kBAA2B;CACjE,MAAM,eAAe,WAAW,oBAAoB;CAEpD,IAAI,CAAC,cAAc;EACjB,QAAQ,KACN,uMAAuM,cAAc,YACvN;EAEA,OAAO,CAAC;CACV;CAEA,OAAO;AACT"}

package/dist/es/context/ChannelStateContext.mjs

@@ -1,24 +0,0 @@
-import React, { useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/context/ChannelStateContext.tsx
-var ChannelStateContext = React.createContext(void 0);
-var ChannelStateProvider = ({ children, value }) => /* @__PURE__ */ jsx(ChannelStateContext.Provider, {
-	value,
-	children
-});
-var remainingWarningCount = 1;
-var useChannelStateContext = (componentName) => {
-	const contextValue = useContext(ChannelStateContext);
-	if (!contextValue) {
-		if (componentName && remainingWarningCount > 0) {
-			console.warn(`The useChannelStateContext hook was called outside of the ChannelStateContext provider. Make sure this hook is called within a child of the Channel component. The errored call is located in the ${componentName} component.`);
-			remainingWarningCount -= 1;
-		}
-		return {};
-	}
-	return contextValue;
-};
-//#endregion
-export { ChannelStateContext, ChannelStateProvider, useChannelStateContext };
-
-//# sourceMappingURL=ChannelStateContext.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelStateContext.mjs","names":[],"sources":["../../../src/context/ChannelStateContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\nimport type {\n  Channel,\n  ChannelConfigWithInfo,\n  GiphyVersions,\n  LocalMessage,\n  Mute,\n  ChannelState as StreamChannelState,\n} from 'stream-chat';\n\nimport type {\n  ChannelUnreadUiState,\n  ImageAttachmentSizeHandler,\n  VideoAttachmentSizeHandler,\n} from '../types/types';\n\nexport type ChannelNotifications = Array<{\n  id: string;\n  text: string;\n  type: 'success' | 'error';\n}>;\n\nexport type ChannelState = {\n  suppressAutoscroll: boolean;\n  error?: Error | null;\n  hasMore?: boolean;\n  hasMoreNewer?: boolean;\n  highlightedMessageId?: string;\n  loading?: boolean;\n  loadingMore?: boolean;\n  loadingMoreForJumpToChannelMessage?: boolean;\n  loadingMoreNewer?: boolean;\n  members?: StreamChannelState['members'];\n  messages?: LocalMessage[];\n  pinnedMessages?: LocalMessage[];\n  read?: StreamChannelState['read'];\n  thread?: LocalMessage | null;\n  threadHasMore?: boolean;\n  threadLoadingMore?: boolean;\n  threadMessages?: LocalMessage[];\n  threadSuppressAutoscroll?: boolean;\n  typing?: StreamChannelState['typing'];\n  watcherCount?: number;\n  watchers?: StreamChannelState['watchers'];\n};\n\nexport type ChannelStateContextValue = Omit<ChannelState, 'typing'> & {\n  channel: Channel;\n  channelCapabilities: Record<string, boolean>;\n  channelConfig: ChannelConfigWithInfo | undefined;\n  imageAttachmentSizeHandler: ImageAttachmentSizeHandler;\n  notifications: ChannelNotifications;\n  shouldGenerateVideoThumbnail: boolean;\n  videoAttachmentSizeHandler: VideoAttachmentSizeHandler;\n  channelUnreadUiState?: ChannelUnreadUiState;\n  giphyVersion?: GiphyVersions;\n  mutes?: Array<Mute>;\n  watcher_count?: number;\n};\n\nexport const ChannelStateContext = React.createContext<\n  ChannelStateContextValue | undefined\n>(undefined);\n\nexport const ChannelStateProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChannelStateContextValue;\n}>) => (\n  <ChannelStateContext.Provider value={value as unknown as ChannelStateContextValue}>\n    {children}\n  </ChannelStateContext.Provider>\n);\n\nlet remainingWarningCount = 1;\n\nexport const useChannelStateContext = (componentName?: string) => {\n  const contextValue = useContext(ChannelStateContext);\n\n  if (!contextValue) {\n    if (componentName && remainingWarningCount > 0) {\n      console.warn(\n        `The useChannelStateContext hook was called outside of the ChannelStateContext provider. Make sure this hook is called within a child of the Channel component. The errored call is located in the ${componentName} component.`,\n      );\n      remainingWarningCount -= 1;\n    }\n\n    return {} as ChannelStateContextValue;\n  }\n\n  return contextValue as unknown as ChannelStateContextValue;\n};\n"],"mappings":";;;AA6DA,IAAa,sBAAsB,MAAM,cAEvC,KAAA,CAAS;AAEX,IAAa,wBAAwB,EACnC,UACA,YAIA,oBAAC,oBAAoB,UAArB;CAAqC;CAClC;AAC2B,CAAA;AAGhC,IAAI,wBAAwB;AAE5B,IAAa,0BAA0B,kBAA2B;CAChE,MAAM,eAAe,WAAW,mBAAmB;CAEnD,IAAI,CAAC,cAAc;EACjB,IAAI,iBAAiB,wBAAwB,GAAG;GAC9C,QAAQ,KACN,qMAAqM,cAAc,YACrN;GACA,yBAAyB;EAC3B;EAEA,OAAO,CAAC;CACV;CAEA,OAAO;AACT"}

package/dist/es/context/TypingContext.mjs

@@ -1,20 +0,0 @@
-import React, { useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/context/TypingContext.tsx
-var TypingContext = React.createContext(void 0);
-var TypingProvider = ({ children, value }) => /* @__PURE__ */ jsx(TypingContext.Provider, {
-	value,
-	children
-});
-var useTypingContext = (componentName) => {
-	const contextValue = useContext(TypingContext);
-	if (!contextValue) {
-		console.warn(`The useTypingContext hook was called outside of the TypingContext provider. Make sure this hook is called within a child of the Channel component. The errored call is located in the ${componentName} component.`);
-		return {};
-	}
-	return contextValue;
-};
-//#endregion
-export { TypingContext, TypingProvider, useTypingContext };
-
-//# sourceMappingURL=TypingContext.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TypingContext.mjs","names":[],"sources":["../../../src/context/TypingContext.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport type { ChannelState as StreamChannelState } from 'stream-chat';\n\nexport type TypingContextValue = {\n  typing?: StreamChannelState['typing'];\n};\n\nexport const TypingContext = React.createContext<TypingContextValue | undefined>(\n  undefined,\n);\n\nexport const TypingProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: TypingContextValue;\n}>) => (\n  <TypingContext.Provider value={value as unknown as TypingContextValue}>\n    {children}\n  </TypingContext.Provider>\n);\n\nexport const useTypingContext = (componentName?: string) => {\n  const contextValue = useContext(TypingContext);\n\n  if (!contextValue) {\n    console.warn(\n      `The useTypingContext hook was called outside of the TypingContext provider. Make sure this hook is called within a child of the Channel component. The errored call is located in the ${componentName} component.`,\n    );\n\n    return {} as TypingContextValue;\n  }\n\n  return contextValue as TypingContextValue;\n};\n"],"mappings":";;;AASA,IAAa,gBAAgB,MAAM,cACjC,KAAA,CACF;AAEA,IAAa,kBAAkB,EAC7B,UACA,YAIA,oBAAC,cAAc,UAAf;CAA+B;CAC5B;AACqB,CAAA;AAG1B,IAAa,oBAAoB,kBAA2B;CAC1D,MAAM,eAAe,WAAW,aAAa;CAE7C,IAAI,CAAC,cAAc;EACjB,QAAQ,KACN,yLAAyL,cAAc,YACzM;EAEA,OAAO,CAAC;CACV;CAEA,OAAO;AACT"}