stream-chat-react 14.11.1 → 14.12.0

package/dist/es/context/MessageBounceContext.mjs

@@ -0,0 +1,53 @@
+import { useChannelActionContext } from "./ChannelActionContext.mjs";
+import { useMessageContext } from "./MessageContext.mjs";
+import { savePreEditSnapshot } from "../components/MessageComposer/preEditSnapshot.mjs";
+import { isMessageBounced } from "../components/Message/utils.mjs";
+import { useMessageComposerController } from "../components/MessageComposer/hooks/useMessageComposerController.mjs";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/MessageBounceContext.tsx
+var MessageBounceContext = createContext(void 0);
+function useMessageBounceContext(componentName) {
+	const contextValue = useContext(MessageBounceContext);
+	if (!contextValue) {
+		console.warn(`The useMessageBounceContext hook was called outside of the MessageBounceContext provider. The errored call is located in the ${componentName} component.`);
+		return {};
+	}
+	return contextValue;
+}
+function MessageBounceProvider({ children }) {
+	const messageComposer = useMessageComposerController();
+	const { handleRetry: doHandleRetry, message } = useMessageContext("MessageBounceProvider");
+	if (!isMessageBounced(message)) console.warn(`The MessageBounceProvider was rendered for a message that is not bounced. Have you missed the "isMessageBounced" check?`);
+	const { removeMessage } = useChannelActionContext("MessageBounceProvider");
+	const handleDelete = useCallback(() => {
+		removeMessage(message);
+	}, [message, removeMessage]);
+	const handleEdit = useCallback((e) => {
+		e.preventDefault();
+		savePreEditSnapshot(messageComposer);
+		messageComposer.initState({ composition: message });
+	}, [message, messageComposer]);
+	const handleRetry = useCallback(() => {
+		doHandleRetry(message);
+	}, [doHandleRetry, message]);
+	const value = useMemo(() => ({
+		handleDelete,
+		handleEdit,
+		handleRetry,
+		message
+	}), [
+		handleDelete,
+		handleEdit,
+		handleRetry,
+		message
+	]);
+	return /* @__PURE__ */ jsx(MessageBounceContext.Provider, {
+		value,
+		children
+	});
+}
+//#endregion
+export { MessageBounceProvider, useMessageBounceContext };
+
+//# sourceMappingURL=MessageBounceContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBounceContext.mjs","names":[],"sources":["../../../src/context/MessageBounceContext.tsx"],"sourcesContent":["import type { ReactEventHandler } from 'react';\nimport React, { createContext, useCallback, useContext, useMemo } from 'react';\nimport { useMessageContext } from './MessageContext';\nimport { useChannelActionContext } from './ChannelActionContext';\nimport { isMessageBounced, useMessageComposerController } from '../components';\nimport { savePreEditSnapshot } from '../components/MessageComposer/preEditSnapshot';\nimport type { LocalMessage } from 'stream-chat';\nimport type { PropsWithChildrenOnly } from '../types/types';\n\nexport interface MessageBounceContextValue {\n  handleDelete: ReactEventHandler;\n  handleEdit: ReactEventHandler;\n  handleRetry: ReactEventHandler;\n  message: LocalMessage;\n}\n\nconst MessageBounceContext = createContext<MessageBounceContextValue | undefined>(\n  undefined,\n);\n\nexport function useMessageBounceContext(componentName?: string) {\n  const contextValue = useContext(MessageBounceContext);\n\n  if (!contextValue) {\n    console.warn(\n      `The useMessageBounceContext hook was called outside of the MessageBounceContext provider. The errored call is located in the ${componentName} component.`,\n    );\n\n    return {} as MessageBounceContextValue;\n  }\n\n  return contextValue;\n}\n\nexport function MessageBounceProvider({ children }: PropsWithChildrenOnly) {\n  const messageComposer = useMessageComposerController();\n  const { handleRetry: doHandleRetry, message } = useMessageContext(\n    'MessageBounceProvider',\n  );\n\n  if (!isMessageBounced(message)) {\n    console.warn(\n      `The MessageBounceProvider was rendered for a message that is not bounced. Have you missed the \"isMessageBounced\" check?`,\n    );\n  }\n\n  const { removeMessage } = useChannelActionContext('MessageBounceProvider');\n\n  const handleDelete: ReactEventHandler = useCallback(() => {\n    removeMessage(message);\n  }, [message, removeMessage]);\n\n  const handleEdit: ReactEventHandler = useCallback(\n    (e) => {\n      e.preventDefault();\n      savePreEditSnapshot(messageComposer);\n      messageComposer.initState({ composition: message });\n    },\n    [message, messageComposer],\n  );\n\n  const handleRetry = useCallback(() => {\n    doHandleRetry(message);\n  }, [doHandleRetry, message]);\n\n  const value = useMemo(\n    () => ({\n      handleDelete,\n      handleEdit,\n      handleRetry,\n      message,\n    }),\n    [handleDelete, handleEdit, handleRetry, message],\n  );\n\n  return (\n    <MessageBounceContext.Provider value={value}>\n      {children}\n    </MessageBounceContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;AAgBA,IAAM,uBAAuB,cAC3B,KAAA,CACF;AAEA,SAAgB,wBAAwB,eAAwB;CAC9D,MAAM,eAAe,WAAW,oBAAoB;CAEpD,IAAI,CAAC,cAAc;EACjB,QAAQ,KACN,gIAAgI,cAAc,YAChJ;EAEA,OAAO,CAAC;CACV;CAEA,OAAO;AACT;AAEA,SAAgB,sBAAsB,EAAE,YAAmC;CACzE,MAAM,kBAAkB,6BAA6B;CACrD,MAAM,EAAE,aAAa,eAAe,YAAY,kBAC9C,uBACF;CAEA,IAAI,CAAC,iBAAiB,OAAO,GAC3B,QAAQ,KACN,yHACF;CAGF,MAAM,EAAE,kBAAkB,wBAAwB,uBAAuB;CAEzE,MAAM,eAAkC,kBAAkB;EACxD,cAAc,OAAO;CACvB,GAAG,CAAC,SAAS,aAAa,CAAC;CAE3B,MAAM,aAAgC,aACnC,MAAM;EACL,EAAE,eAAe;EACjB,oBAAoB,eAAe;EACnC,gBAAgB,UAAU,EAAE,aAAa,QAAQ,CAAC;CACpD,GACA,CAAC,SAAS,eAAe,CAC3B;CAEA,MAAM,cAAc,kBAAkB;EACpC,cAAc,OAAO;CACvB,GAAG,CAAC,eAAe,OAAO,CAAC;CAE3B,MAAM,QAAQ,eACL;EACL;EACA;EACA;EACA;CACF,IACA;EAAC;EAAc;EAAY;EAAa;CAAO,CACjD;CAEA,OACE,oBAAC,qBAAqB,UAAtB;EAAsC;EACnC;CAC4B,CAAA;AAEnC"}

package/dist/es/context/MessageComposerContext.mjs

@@ -0,0 +1,17 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/MessageComposerContext.tsx
+var MessageComposerContext = createContext(void 0);
+var MessageComposerContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(MessageComposerContext.Provider, {
+	value,
+	children
+});
+var useMessageComposerContext = (componentName) => {
+	const contextValue = useContext(MessageComposerContext);
+	if (!contextValue) return {};
+	return contextValue;
+};
+//#endregion
+export { MessageComposerContext, MessageComposerContextProvider, useMessageComposerContext };
+
+//# sourceMappingURL=MessageComposerContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageComposerContext.mjs","names":[],"sources":["../../../src/context/MessageComposerContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport type { MessageComposerProps } from '../components/MessageComposer';\nimport type { UseMessageComposerBindingsParams } from '../components/MessageComposer/hooks/useMessageComposerBindings';\n\nexport type MessageComposerContextValue = UseMessageComposerBindingsParams &\n  Omit<MessageComposerProps, 'Input'>;\n\nexport const MessageComposerContext = createContext<\n  UseMessageComposerBindingsParams | undefined\n>(undefined);\n\nexport const MessageComposerContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageComposerContextValue;\n}>) => (\n  <MessageComposerContext.Provider\n    value={value as unknown as MessageComposerContextValue}\n  >\n    {children}\n  </MessageComposerContext.Provider>\n);\n\nexport const useMessageComposerContext = (\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  componentName?: string,\n) => {\n  const contextValue = useContext(MessageComposerContext);\n\n  if (!contextValue) {\n    return {} as MessageComposerContextValue;\n  }\n\n  return contextValue as unknown as MessageComposerContextValue;\n};\n"],"mappings":";;;AASA,IAAa,yBAAyB,cAEpC,KAAA,CAAS;AAEX,IAAa,kCAAkC,EAC7C,UACA,YAIA,oBAAC,uBAAuB,UAAxB;CACS;CAEN;AAC8B,CAAA;AAGnC,IAAa,6BAEX,kBACG;CACH,MAAM,eAAe,WAAW,sBAAsB;CAEtD,IAAI,CAAC,cACH,OAAO,CAAC;CAGV,OAAO;AACT"}

package/dist/es/context/MessageContext.mjs

@@ -0,0 +1,17 @@
+import React, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/MessageContext.tsx
+var MessageContext = React.createContext(void 0);
+var MessageProvider = ({ children, value }) => /* @__PURE__ */ jsx(MessageContext.Provider, {
+	value,
+	children
+});
+var useMessageContext = (_componentName) => {
+	const contextValue = useContext(MessageContext);
+	if (!contextValue) return {};
+	return contextValue;
+};
+//#endregion
+export { MessageContext, MessageProvider, useMessageContext };
+
+//# sourceMappingURL=MessageContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageContext.mjs","names":[],"sources":["../../../src/context/MessageContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\n\nimport type {\n  DeleteMessageOptions,\n  LocalMessage,\n  Mute,\n  ReactionResponse,\n  ReactionSort,\n  UserResponse,\n} from 'stream-chat';\n\nimport type { ChannelActionContextValue } from './ChannelActionContext';\n\nimport type { ActionHandlerReturnType } from '../components/Message/hooks/useActionHandler';\nimport type { ReactEventHandler } from '../components/Message/types';\nimport type { MessageActionsArray } from '../components/Message/utils';\nimport type { GroupStyle } from '../components/MessageList/utils';\nimport type { ReactionsComparator, ReactionType } from '../components/Reactions/types';\n\nimport type { RenderTextFunction } from '../components/Message/renderText';\n\nexport type MessageContextValue = {\n  /** If actions such as edit, delete, flag, mute are enabled on Message */\n  actionsEnabled: boolean;\n  /**\n   * Returns all allowed actions on message by current user e.g., ['edit', 'delete', 'flag', 'mute', 'pin', 'quote', 'react', 'reply'].\n   * Please check [Message](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message.tsx) component for default implementation.\n   */\n  getMessageActions: () => MessageActionsArray<string>;\n  /** Function to send an action in a Channel */\n  handleAction: ActionHandlerReturnType;\n  /** Function to delete a message in a Channel */\n  handleDelete: (options?: DeleteMessageOptions) => Promise<void> | void;\n  /** Function to fetch the message reactions */\n  handleFetchReactions: (\n    reactionType?: ReactionType,\n    sort?: ReactionSort,\n  ) => Promise<Array<ReactionResponse>>;\n  /** Function to flag a message in a Channel */\n  handleFlag: ReactEventHandler;\n  /** Function to mark message and the messages that follow it as unread in a Channel */\n  handleMarkUnread: ReactEventHandler;\n  /** Function to mute a user in a Channel */\n  handleMute: ReactEventHandler;\n  /** Function to open a Thread on a Message */\n  handleOpenThread: ReactEventHandler;\n  /** Function to pin a Message in a Channel */\n  handlePin: ReactEventHandler;\n  /** Function to post a reaction on a Message */\n  handleReaction: (\n    reactionType: string,\n    event: React.BaseSyntheticEvent,\n  ) => Promise<void>;\n  /** Function to retry sending a Message */\n  handleRetry: ChannelActionContextValue['retrySendMessage'];\n  /** Function that returns whether the Message belongs to the current user */\n  isMyMessage: () => boolean;\n  /** The message object */\n  message: LocalMessage;\n  /** Indicates whether a message has not been read yet or has been marked unread */\n  messageIsUnread: boolean;\n  /** Handler function for a click event on an @mention in Message */\n  onMentionsClickMessage: ReactEventHandler;\n  /** Handler function for a hover event on an @mention in Message */\n  onMentionsHoverMessage: ReactEventHandler;\n  /** Handler function for a click event on the user that posted the Message */\n  onUserClick: ReactEventHandler;\n  /** Handler function for a hover event on the user that posted the Message */\n  onUserHover: ReactEventHandler;\n  /** Call this function to keep message list scrolled to the bottom when the scroll height increases, e.g. an element appears below the last message (only used in the `VirtualizedMessageList`) */\n  autoscrollToBottom?: () => void;\n  /** Message component configuration prop. If true, picking a reaction from the `ReactionSelector` component will close the selector */\n  closeReactionSelectorOnClick?: boolean;\n  /** An array of user IDs that have confirmed the message delivery to their device */\n  deliveredTo?: UserResponse[];\n  /** If true, the message is the last one in a group sent by a specific user (only used in the `VirtualizedMessageList`) */\n  endOfGroup?: boolean;\n  /** If true, the message is the first one in a group sent by a specific user (only used in the `VirtualizedMessageList`) */\n  firstOfGroup?: boolean;\n  /** Override the default formatting of the date. This is a function that has access to the original date object, returns a string  */\n  formatDate?: (date: Date) => string;\n  /** If true, group messages sent by each user (only used in the `VirtualizedMessageList`) */\n  groupedByUser?: boolean;\n  /** A list of styles to apply to this message, ie. top, bottom, single */\n  groupStyles?: GroupStyle[];\n  /** Whether to highlight and focus the message on load */\n  highlighted?: boolean;\n  /** Whether the threaded message is the first in the thread list */\n  initialMessage?: boolean;\n  /**\n   * A factory function that determines whether a message is AI generated or not.\n   */\n  isMessageAIGenerated?: (message: LocalMessage) => boolean;\n  /** Latest own message in currently displayed message set. */\n  lastOwnMessage?: LocalMessage;\n  /** Latest message id on current channel */\n  lastReceivedId?: string | null;\n  /** DOMRect object for parent MessageList component */\n  messageListRect?: DOMRect;\n  /** Array of muted users coming from [ChannelStateContext](https://getstream.io/chat/docs/sdk/react/contexts/channel_state_context/#mutes) */\n  mutes?: Mute[];\n  /** Sort options to provide to a reactions query */\n  reactionDetailsSort?: ReactionSort;\n  /** A list of users that have read this Message */\n  readBy?: UserResponse[];\n  /** When set, shows the sender avatar in a grid layout. Values: true | 'incoming' | 'outgoing'. */\n  showAvatar?: boolean | 'incoming' | 'outgoing';\n  /** Custom function to render message text content, defaults to the renderText function: [utils](https://github.com/GetStream/stream-chat-react/blob/master/src/utils.tsx) */\n  renderText?: RenderTextFunction;\n  /** Keep track of read receipts for each message sent by the user. When disabled, only the last own message delivery / read status is rendered. */\n  returnAllReadData?: boolean;\n  /** Comparator function to sort reactions, defaults to chronological order */\n  sortReactions?: ReactionsComparator;\n  /** Whether or not the Message is in a Thread */\n  threadList?: boolean;\n  /** render HTML instead of markdown. Posting HTML is only allowed server-side */\n  unsafeHTML?: boolean;\n  /**\n   * User-specific view for translated messages: which text to show.\n   * - `'original'`: show `message.text` (source language).\n   * - `'translated'`: show the translation for the **current user language** (from\n   *   `useTranslationContext().userLanguage`), i.e. `message.i18n[userLanguage + '_text']`\n   *   or fallback to `message.text` when missing. Resolved via `getTranslatedMessageText`.\n   */\n  translationView?: 'original' | 'translated';\n  /** Set whether this message shows original or translated text (user-specific, does not change message data). */\n  setTranslationView?: (view: 'original' | 'translated') => void;\n};\n\nexport const MessageContext = React.createContext<MessageContextValue | undefined>(\n  undefined,\n);\n\nexport const MessageProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageContextValue;\n}>) => (\n  <MessageContext.Provider value={value as unknown as MessageContextValue}>\n    {children}\n  </MessageContext.Provider>\n);\n\nexport const useMessageContext = (\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  _componentName?: string,\n) => {\n  const contextValue = useContext(MessageContext);\n\n  if (!contextValue) {\n    return {} as MessageContextValue;\n  }\n\n  return contextValue as unknown as MessageContextValue;\n};\n"],"mappings":";;;AAkIA,IAAa,iBAAiB,MAAM,cAClC,KAAA,CACF;AAEA,IAAa,mBAAmB,EAC9B,UACA,YAIA,oBAAC,eAAe,UAAhB;CAAgC;CAC7B;AACsB,CAAA;AAG3B,IAAa,qBAEX,mBACG;CACH,MAAM,eAAe,WAAW,cAAc;CAE9C,IAAI,CAAC,cACH,OAAO,CAAC;CAGV,OAAO;AACT"}

package/dist/es/context/MessageListContext.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageListContext.mjs","names":[],"sources":["../../../src/context/MessageListContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport type { RenderedMessage } from '../components';\n\nexport type MessageListContextValue = {\n  /** Enriched message list, including date separators and intro message (if enabled) */\n  processedMessages: RenderedMessage[];\n  /** The scroll container within which the messages and typing indicator are rendered */\n  listElement: HTMLDivElement | null;\n  /** Function that scrolls the `listElement` to the bottom. */\n  scrollToBottom: () => void;\n};\n\nexport const MessageListContext = createContext<MessageListContextValue | undefined>(\n  undefined,\n);\n\n/**\n * Context provider for components rendered within the `MessageList`\n */\nexport const MessageListContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageListContextValue;\n}>) => (\n  <MessageListContext.Provider value={value as MessageListContextValue}>\n    {children}\n  </MessageListContext.Provider>\n);\n\nexport const useMessageListContext = (componentName?: string) => {\n  const contextValue = useContext(MessageListContext);\n\n  if (!contextValue) {\n    console.warn(\n      `The useMessageListContext hook was called outside of the MessageListContext provider. Make sure this hook is called within the MessageList component. The errored call is located in the ${componentName} component.`,\n    );\n\n    return {} as MessageListContextValue;\n  }\n\n  return contextValue as MessageListContextValue;\n};\n"],"mappings":";;;AAaA,IAAa,qBAAqB,cAChC,KAAA,CACF;;;;AAKA,IAAa,8BAA8B,EACzC,UACA,YAIA,oBAAC,mBAAmB,UAApB;CAAoC;CACjC;AAC0B,CAAA;AAG/B,IAAa,yBAAyB,kBAA2B;CAC/D,MAAM,eAAe,WAAW,kBAAkB;CAElD,IAAI,CAAC,cAAc;EACjB,QAAQ,KACN,4LAA4L,cAAc,YAC5M;EAEA,OAAO,CAAC;CACV;CAEA,OAAO;AACT"}

package/dist/es/context/MessageTranslationViewContext.mjs

@@ -0,0 +1,76 @@
+import React, { createContext, useCallback, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/MessageTranslationViewContext.tsx
+/**
+* Message translation view context: user-specific state for whether each message
+* shows original text or a translation.
+*
+* ## Spec
+*
+* - **State**: Per message list (channel vs thread), we store a map
+*   `messageId → 'original' | 'translated'`. Default for messages with `message.i18n`
+*   is `'translated'`; otherwise `'original'`.
+*
+* - **Provider placement**: The provider is tied to the **message list**, not the channel.
+*   It is rendered inside `MessageList` and `VirtualizedMessageList`. That way the
+*   main channel list and the thread list each have their own translation view state
+*   (e.g. Thread.tsx gets correct behavior without sharing channel state).
+*
+* - **Multiple translations**: `message.i18n` can contain multiple languages, e.g.:
+*   `{ en_text: "Good morning", fr_text: "Bonjour", it_text: "Buongiorno", language: "en" }`.
+*   Which translation is shown is determined by the app’s **user language**
+*   (`useTranslationContext().userLanguage`). We use `message.i18n[userLanguage + '_text']`;
+*   if missing, we fall back to `message.text`. Only one translation is shown at a time.
+*
+* - **Source language**: When present, `message.i18n.language` is the original/source
+*   language of `message.text`. It can be used for the indicator label, e.g.
+*   "Translated from English · View original".
+*
+* - **Invariants**: The original message content, layout, grouping, and order stay
+*   unchanged. Removing or toggling translation only changes the annotation and which
+*   text is displayed. "View original" / "View translation" switch the displayed
+*   text and update the annotation (e.g. "Original · View translation" when showing
+*   original).
+*
+* - **Translation indicator visibility**: The translation indicator (e.g. "Translated ·
+*   View original") is **not** shown when the currently viewed text already corresponds
+*   to `userLanguage` — for example when viewing original and the original text is the
+*   user-language version (i.e. `getTranslatedMessageText({ language: userLanguage, message })`
+*   equals `message.text`). In that case there is no meaningful original/translated choice,
+*   so the indicator is hidden.
+*/
+/**
+* Returns the translated message text for a given language from `message.i18n`, or
+* undefined if not present. Used to resolve which of the multiple translations to show.
+*/
+var getTranslatedMessageText = ({ language, message }) => message?.i18n?.[`${language}_text`];
+var defaultContextValue = {
+	getTranslationView: (_messageId, hasI18n) => hasI18n ? "translated" : "original",
+	setTranslationView: () => {}
+};
+var MessageTranslationViewContext = createContext(defaultContextValue);
+var MessageTranslationViewProvider = ({ children }) => {
+	const [viewByMessageId, setViewByMessageId] = useState({});
+	const setTranslationView = useCallback((messageId, view) => {
+		setViewByMessageId((prev) => ({
+			...prev,
+			[messageId]: view
+		}));
+	}, []);
+	const getTranslationView = useCallback((messageId, hasI18n) => viewByMessageId[messageId] ?? (hasI18n ? "translated" : "original"), [viewByMessageId]);
+	const stableValue = React.useMemo(() => ({
+		getTranslationView,
+		setTranslationView
+	}), [getTranslationView, setTranslationView]);
+	return /* @__PURE__ */ jsx(MessageTranslationViewContext.Provider, {
+		value: stableValue,
+		children
+	});
+};
+var useMessageTranslationViewContext = () => {
+	return useContext(MessageTranslationViewContext) ?? defaultContextValue;
+};
+//#endregion
+export { MessageTranslationViewContext, MessageTranslationViewProvider, getTranslatedMessageText, useMessageTranslationViewContext };
+
+//# sourceMappingURL=MessageTranslationViewContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTranslationViewContext.mjs","names":[],"sources":["../../../src/context/MessageTranslationViewContext.tsx"],"sourcesContent":["/**\n * Message translation view context: user-specific state for whether each message\n * shows original text or a translation.\n *\n * ## Spec\n *\n * - **State**: Per message list (channel vs thread), we store a map\n *   `messageId → 'original' | 'translated'`. Default for messages with `message.i18n`\n *   is `'translated'`; otherwise `'original'`.\n *\n * - **Provider placement**: The provider is tied to the **message list**, not the channel.\n *   It is rendered inside `MessageList` and `VirtualizedMessageList`. That way the\n *   main channel list and the thread list each have their own translation view state\n *   (e.g. Thread.tsx gets correct behavior without sharing channel state).\n *\n * - **Multiple translations**: `message.i18n` can contain multiple languages, e.g.:\n *   `{ en_text: \"Good morning\", fr_text: \"Bonjour\", it_text: \"Buongiorno\", language: \"en\" }`.\n *   Which translation is shown is determined by the app’s **user language**\n *   (`useTranslationContext().userLanguage`). We use `message.i18n[userLanguage + '_text']`;\n *   if missing, we fall back to `message.text`. Only one translation is shown at a time.\n *\n * - **Source language**: When present, `message.i18n.language` is the original/source\n *   language of `message.text`. It can be used for the indicator label, e.g.\n *   \"Translated from English · View original\".\n *\n * - **Invariants**: The original message content, layout, grouping, and order stay\n *   unchanged. Removing or toggling translation only changes the annotation and which\n *   text is displayed. \"View original\" / \"View translation\" switch the displayed\n *   text and update the annotation (e.g. \"Original · View translation\" when showing\n *   original).\n *\n * - **Translation indicator visibility**: The translation indicator (e.g. \"Translated ·\n *   View original\") is **not** shown when the currently viewed text already corresponds\n *   to `userLanguage` — for example when viewing original and the original text is the\n *   user-language version (i.e. `getTranslatedMessageText({ language: userLanguage, message })`\n *   equals `message.text`). In that case there is no meaningful original/translated choice,\n *   so the indicator is hidden.\n */\n\nimport React, { createContext, useCallback, useContext, useState } from 'react';\nimport type { LocalMessage, TranslationLanguages } from 'stream-chat';\n\n/**\n * Returns the translated message text for a given language from `message.i18n`, or\n * undefined if not present. Used to resolve which of the multiple translations to show.\n */\nexport const getTranslatedMessageText = ({\n  language,\n  message,\n}: {\n  language: string;\n  message?: LocalMessage;\n}): string | undefined =>\n  message?.i18n?.[`${language}_text` as `${TranslationLanguages}_text`];\n\n/**\n * Which message text to show.\n * - `'original'`: `message.text` (source language).\n * - `'translated'`: translation for the **current user language** (TranslationContext’s\n *   `userLanguage`), i.e. `getTranslatedMessageText({ language: userLanguage, message })`\n *   or fallback to `message.text`.\n */\nexport type TranslationView = 'original' | 'translated';\n\nexport type MessageTranslationViewContextValue = {\n  getTranslationView: (messageId: string, hasI18n: boolean) => TranslationView;\n  setTranslationView: (messageId: string, view: TranslationView) => void;\n};\n\nconst defaultContextValue: MessageTranslationViewContextValue = {\n  getTranslationView: (_messageId, hasI18n) => (hasI18n ? 'translated' : 'original'),\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setTranslationView: () => {},\n};\n\nexport const MessageTranslationViewContext =\n  createContext<MessageTranslationViewContextValue>(defaultContextValue);\n\nexport const MessageTranslationViewProvider = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const [viewByMessageId, setViewByMessageId] = useState<Record<string, TranslationView>>(\n    {},\n  );\n\n  const setTranslationView = useCallback((messageId: string, view: TranslationView) => {\n    setViewByMessageId((prev) => ({ ...prev, [messageId]: view }));\n  }, []);\n\n  const getTranslationView = useCallback(\n    (messageId: string, hasI18n: boolean): TranslationView =>\n      viewByMessageId[messageId] ?? (hasI18n ? 'translated' : 'original'),\n    [viewByMessageId],\n  );\n\n  const stableValue = React.useMemo(\n    () => ({ getTranslationView, setTranslationView }),\n    [getTranslationView, setTranslationView],\n  );\n\n  return (\n    <MessageTranslationViewContext.Provider value={stableValue}>\n      {children}\n    </MessageTranslationViewContext.Provider>\n  );\n};\n\nexport const useMessageTranslationViewContext =\n  (): MessageTranslationViewContextValue => {\n    const context = useContext(MessageTranslationViewContext);\n    return context ?? defaultContextValue;\n  };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,IAAa,4BAA4B,EACvC,UACA,cAKA,SAAS,OAAO,GAAG,SAAS;AAgB9B,IAAM,sBAA0D;CAC9D,qBAAqB,YAAY,YAAa,UAAU,eAAe;CAEvE,0BAA0B,CAAC;AAC7B;AAEA,IAAa,gCACX,cAAkD,mBAAmB;AAEvE,IAAa,kCAAkC,EAC7C,eAGI;CACJ,MAAM,CAAC,iBAAiB,sBAAsB,SAC5C,CAAC,CACH;CAEA,MAAM,qBAAqB,aAAa,WAAmB,SAA0B;EACnF,oBAAoB,UAAU;GAAE,GAAG;IAAO,YAAY;EAAK,EAAE;CAC/D,GAAG,CAAC,CAAC;CAEL,MAAM,qBAAqB,aACxB,WAAmB,YAClB,gBAAgB,eAAe,UAAU,eAAe,aAC1D,CAAC,eAAe,CAClB;CAEA,MAAM,cAAc,MAAM,eACjB;EAAE;EAAoB;CAAmB,IAChD,CAAC,oBAAoB,kBAAkB,CACzC;CAEA,OACE,oBAAC,8BAA8B,UAA/B;EAAwC,OAAO;EAC5C;CACqC,CAAA;AAE5C;AAEA,IAAa,yCAC+B;CAExC,OADgB,WAAW,6BACpB,KAAW;AACpB"}

package/dist/es/context/ModalContext.mjs

@@ -0,0 +1,20 @@
+import React, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/ModalContext.tsx
+var ModalContext = React.createContext(void 0);
+var ModalContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(ModalContext.Provider, {
+	value,
+	children
+});
+var useModalContext = () => {
+	const contextValue = useContext(ModalContext);
+	if (!contextValue) {
+		console.warn(`The useModalContext hook was called outside of the ModalContext provider. Make sure this hook is called within a child of the GlobalModal.`);
+		return { close: () => null };
+	}
+	return contextValue;
+};
+//#endregion
+export { ModalContext, ModalContextProvider, useModalContext };
+
+//# sourceMappingURL=ModalContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.mjs","names":[],"sources":["../../../src/context/ModalContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\n\nexport type ModalContextValue = {\n  close: () => void;\n  dialogId?: string;\n};\n\nexport const ModalContext = React.createContext<ModalContextValue | undefined>(undefined);\n\nexport const ModalContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ModalContextValue;\n}>) => <ModalContext.Provider value={value}>{children}</ModalContext.Provider>;\n\nexport const useModalContext = () => {\n  const contextValue = useContext(ModalContext);\n\n  if (!contextValue) {\n    console.warn(\n      `The useModalContext hook was called outside of the ModalContext provider. Make sure this hook is called within a child of the GlobalModal.`,\n    );\n\n    return { close: () => null };\n  }\n\n  return contextValue;\n};\n"],"mappings":";;;AAQA,IAAa,eAAe,MAAM,cAA6C,KAAA,CAAS;AAExF,IAAa,wBAAwB,EACnC,UACA,YAGK,oBAAC,aAAa,UAAd;CAA8B;CAAQ;AAAgC,CAAA;AAE7E,IAAa,wBAAwB;CACnC,MAAM,eAAe,WAAW,YAAY;CAE5C,IAAI,CAAC,cAAc;EACjB,QAAQ,KACN,4IACF;EAEA,OAAO,EAAE,aAAa,KAAK;CAC7B;CAEA,OAAO;AACT"}

package/dist/es/context/PollContext.mjs

@@ -0,0 +1,15 @@
+import React, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/PollContext.tsx
+var PollContext = React.createContext(void 0);
+var PollProvider = ({ children, poll }) => poll ? /* @__PURE__ */ jsx(PollContext.Provider, {
+	value: { poll },
+	children
+}) : null;
+var usePollContext = () => {
+	return useContext(PollContext);
+};
+//#endregion
+export { PollContext, PollProvider, usePollContext };
+
+//# sourceMappingURL=PollContext.mjs.map

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

@@ -0,0 +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"}

package/dist/es/context/TranslationContext.mjs

@@ -0,0 +1,30 @@
+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";
+//#region src/context/TranslationContext.tsx
+Dayjs.extend(calendar);
+Dayjs.extend(localizedFormat);
+var TranslationContext = React.createContext({
+	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 };
+
+//# sourceMappingURL=TranslationContext.mjs.map

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

@@ -0,0 +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"}

package/dist/es/context/TypingContext.mjs

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dist/es/context/VirtualizedMessageListContext.mjs

@@ -0,0 +1,16 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/VirtualizedMessageListContext.tsx
+var VirtualizedMessageListContext = createContext(void 0);
+/**
+* Context provider for components rendered within the `VirtualizedMessageList`
+*/
+var VirtualizedMessageListContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(VirtualizedMessageListContext.Provider, {
+	value,
+	children
+});
+var useVirtualizedMessageListContext = () => useContext(VirtualizedMessageListContext);
+//#endregion
+export { VirtualizedMessageListContext, VirtualizedMessageListContextProvider, useVirtualizedMessageListContext };
+
+//# sourceMappingURL=VirtualizedMessageListContext.mjs.map

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

@@ -0,0 +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"}

package/dist/es/context/WithComponents.mjs

@@ -0,0 +1,23 @@
+import { ComponentContext } from "./ComponentContext.mjs";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/WithComponents.tsx
+function WithComponents({ children, overrides }) {
+	const parentOverrides = useContext(ComponentContext);
+	const actualOverrides = {
+		...parentOverrides,
+		...overrides,
+		icons: {
+			...parentOverrides?.icons,
+			...overrides?.icons
+		}
+	};
+	return /* @__PURE__ */ jsx(ComponentContext.Provider, {
+		value: actualOverrides,
+		children
+	});
+}
+//#endregion
+export { WithComponents };
+
+//# sourceMappingURL=WithComponents.mjs.map

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

@@ -0,0 +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"}

package/dist/es/context/useComponentContextIcons.mjs

@@ -0,0 +1,31 @@
+import { useComponentContext } from "./ComponentContext.mjs";
+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:
+*
+* ```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.
+*/
+var useComponentContextIcons = () => {
+	const { icons } = useComponentContext();
+	return useMemo(() => {
+		const definedOverrides = Object.fromEntries(Object.entries(icons ?? {}).filter(([, Icon]) => typeof Icon === "function"));
+		return {
+			...icons_exports,
+			...definedOverrides
+		};
+	}, []);
+};
+//#endregion
+export { useComponentContextIcons };
+
+//# sourceMappingURL=useComponentContextIcons.mjs.map

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

@@ -0,0 +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"}