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

package/dist/es/components/Message/hooks/usePinHandler.mjs

@@ -1,43 +1,48 @@
-import { useChannelActionContext } from "../../../context/ChannelActionContext.mjs";
-import { useChannelStateContext } from "../../../context/ChannelStateContext.mjs";
 import { useChatContext } from "../../../context/ChatContext.mjs";
+import { useTranslationContext } from "../../../context/TranslationContext.mjs";
+import { useMessagePaginator } from "../../../hooks/useMessagePaginator.mjs";
+import { validateAndGetMessage } from "../utils.mjs";
+import { nowNs } from "stream-chat";
 //#region src/components/Message/hooks/usePinHandler.ts
-var usePinHandler = (message) => {
-	const { updateMessage } = useChannelActionContext("usePinHandler");
-	const { channelCapabilities = {} } = useChannelStateContext("usePinHandler");
-	const { client } = useChatContext("usePinHandler");
-	const canPin = !!channelCapabilities["pin-message"];
+var usePinHandler = (message, notifications = {}) => {
+	const { getErrorNotification, notify } = notifications;
+	const messagePaginator = useMessagePaginator();
+	const { client } = useChatContext();
+	const { t } = useTranslationContext();
 	const handlePin = async (event) => {
 		event.preventDefault();
 		if (!message) return;
 		if (!message.pinned) try {
-			updateMessage({
+			const optimisticMessage = {
 				...message,
 				pinned: true,
-				pinned_at: /* @__PURE__ */ new Date(),
+				pinned_at: nowNs(),
 				pinned_by: client.user
-			});
+			};
+			messagePaginator.ingestItem(optimisticMessage);
 			await client.pinMessage(message);
 		} catch (e) {
-			updateMessage(message);
+			const errorMessage = getErrorNotification && validateAndGetMessage(getErrorNotification, [message]);
+			if (notify) notify(errorMessage || t("common.errorPinningMessage.label", "Error pinning message"), "error");
+			messagePaginator.ingestItem(message);
 		}
 		else try {
-			updateMessage({
+			const optimisticMessage = {
 				...message,
-				pin_expires: null,
+				pin_expires: void 0,
 				pinned: false,
-				pinned_at: null,
-				pinned_by: null
-			});
+				pinned_at: void 0,
+				pinned_by: void 0
+			};
+			messagePaginator.ingestItem(optimisticMessage);
 			await client.unpinMessage(message);
 		} catch (e) {
-			updateMessage(message);
+			const errorMessage = getErrorNotification && validateAndGetMessage(getErrorNotification, [message]);
+			if (notify) notify(errorMessage || t("common.errorRemovingMessagePin.label", "Error removing message pin"), "error");
+			messagePaginator.ingestItem(message);
 		}
 	};
-	return {
-		canPin,
-		handlePin
-	};
+	return { handlePin };
 };
 //#endregion
 export { usePinHandler };

package/dist/es/components/Message/hooks/usePinHandler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePinHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/usePinHandler.ts"],"sourcesContent":["import { useChannelActionContext } from '../../../context/ChannelActionContext';\nimport { useChannelStateContext } from '../../../context/ChannelStateContext';\nimport { useChatContext } from '../../../context/ChatContext';\n\nimport type { LocalMessage } from 'stream-chat';\nimport type { ReactEventHandler } from '../types';\n\nexport const usePinHandler = (message: LocalMessage) => {\n  const { updateMessage } = useChannelActionContext('usePinHandler');\n  const { channelCapabilities = {} } = useChannelStateContext('usePinHandler');\n  const { client } = useChatContext('usePinHandler');\n\n  const canPin = !!channelCapabilities['pin-message'];\n\n  const handlePin: ReactEventHandler = async (event) => {\n    event.preventDefault();\n\n    if (!message) return;\n\n    if (!message.pinned) {\n      try {\n        const optimisticMessage: LocalMessage = {\n          ...message,\n          pinned: true,\n          pinned_at: new Date(),\n          pinned_by: client.user,\n        };\n\n        updateMessage(optimisticMessage);\n\n        await client.pinMessage(message);\n      } catch (e) {\n        updateMessage(message);\n      }\n    } else {\n      try {\n        const optimisticMessage = {\n          ...message,\n          pin_expires: null,\n          pinned: false,\n          pinned_at: null,\n          pinned_by: null,\n        };\n\n        updateMessage(optimisticMessage);\n\n        await client.unpinMessage(message);\n      } catch (e) {\n        updateMessage(message);\n      }\n    }\n  };\n\n  return { canPin, handlePin };\n};\n"],"mappings":";;;;AAOA,IAAa,iBAAiB,YAA0B;CACtD,MAAM,EAAE,kBAAkB,wBAAwB,eAAe;CACjE,MAAM,EAAE,sBAAsB,CAAC,MAAM,uBAAuB,eAAe;CAC3E,MAAM,EAAE,WAAW,eAAe,eAAe;CAEjD,MAAM,SAAS,CAAC,CAAC,oBAAoB;CAErC,MAAM,YAA+B,OAAO,UAAU;EACpD,MAAM,eAAe;EAErB,IAAI,CAAC,SAAS;EAEd,IAAI,CAAC,QAAQ,QACX,IAAI;GAQF,cAAc;IANZ,GAAG;IACH,QAAQ;IACR,2BAAW,IAAI,KAAK;IACpB,WAAW,OAAO;GAGN,CAAiB;GAE/B,MAAM,OAAO,WAAW,OAAO;EACjC,SAAS,GAAG;GACV,cAAc,OAAO;EACvB;OAEA,IAAI;GASF,cAAc;IAPZ,GAAG;IACH,aAAa;IACb,QAAQ;IACR,WAAW;IACX,WAAW;GAGC,CAAiB;GAE/B,MAAM,OAAO,aAAa,OAAO;EACnC,SAAS,GAAG;GACV,cAAc,OAAO;EACvB;CAEJ;CAEA,OAAO;EAAE;EAAQ;CAAU;AAC7B"}
+{"version":3,"file":"usePinHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/usePinHandler.ts"],"sourcesContent":["import { validateAndGetMessage } from '../utils';\n\nimport { useChatContext } from '../../../context';\nimport { useMessagePaginator } from '../../../hooks';\nimport { useTranslationContext } from '../../../context/TranslationContext';\n\nimport type { LocalMessage, UserResponse } from 'stream-chat';\nimport type { ReactEventHandler } from '../types';\nimport { nowNs } from 'stream-chat';\n\n// @deprecated in favor of `channelCapabilities` - TODO: remove in next major release\nexport type PinEnabledUserRoles<T extends string = string> = Partial<\n  Record<T, boolean>\n> & {\n  admin?: boolean;\n  anonymous?: boolean;\n  channel_member?: boolean;\n  channel_moderator?: boolean;\n  guest?: boolean;\n  member?: boolean;\n  moderator?: boolean;\n  owner?: boolean;\n  user?: boolean;\n};\n\n// @deprecated in favor of `channelCapabilities` - TODO: remove in next major release\nexport type PinPermissions<\n  T extends string = string,\n  U extends string = string,\n> = Partial<Record<T, PinEnabledUserRoles<U>>> & {\n  commerce?: PinEnabledUserRoles<U>;\n  gaming?: PinEnabledUserRoles<U>;\n  livestream?: PinEnabledUserRoles<U>;\n  messaging?: PinEnabledUserRoles<U>;\n  team?: PinEnabledUserRoles<U>;\n};\n\nexport type PinMessageNotifications = {\n  getErrorNotification?: (message: LocalMessage) => string;\n  notify?: (notificationText: string, type: 'success' | 'error') => void;\n};\n\nexport const usePinHandler = (\n  message: LocalMessage,\n  notifications: PinMessageNotifications = {},\n) => {\n  const { getErrorNotification, notify } = notifications;\n\n  const messagePaginator = useMessagePaginator();\n  const { client } = useChatContext();\n  const { t } = useTranslationContext();\n\n  const handlePin: ReactEventHandler = async (event) => {\n    event.preventDefault();\n\n    if (!message) return;\n\n    if (!message.pinned) {\n      try {\n        const optimisticMessage: LocalMessage = {\n          ...message,\n          pinned: true,\n          pinned_at: nowNs(),\n          pinned_by: client.user as UserResponse | undefined,\n        };\n\n        messagePaginator.ingestItem(optimisticMessage);\n\n        await client.pinMessage(message);\n      } catch (e) {\n        const errorMessage =\n          getErrorNotification && validateAndGetMessage(getErrorNotification, [message]);\n\n        if (notify)\n          notify(\n            errorMessage ||\n              t('common.errorPinningMessage.label', 'Error pinning message'),\n            'error',\n          );\n        messagePaginator.ingestItem(message);\n      }\n    } else {\n      try {\n        const optimisticMessage: LocalMessage = {\n          ...message,\n          pin_expires: undefined,\n          pinned: false,\n          pinned_at: undefined,\n          pinned_by: undefined,\n        };\n\n        messagePaginator.ingestItem(optimisticMessage);\n\n        await client.unpinMessage(message);\n      } catch (e) {\n        const errorMessage =\n          getErrorNotification && validateAndGetMessage(getErrorNotification, [message]);\n\n        if (notify)\n          notify(\n            errorMessage ||\n              t('common.errorRemovingMessagePin.label', 'Error removing message pin'),\n            'error',\n          );\n        messagePaginator.ingestItem(message);\n      }\n    }\n  };\n\n  return { handlePin };\n};\n"],"mappings":";;;;;;AA0CA,IAAa,iBACX,SACA,gBAAyC,CAAC,MACvC;CACH,MAAM,EAAE,sBAAsB,WAAW;CAEzC,MAAM,mBAAmB,oBAAoB;CAC7C,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,MAAM,sBAAsB;CAEpC,MAAM,YAA+B,OAAO,UAAU;EACpD,MAAM,eAAe;EAErB,IAAI,CAAC,SAAS;EAEd,IAAI,CAAC,QAAQ,QACX,IAAI;GACF,MAAM,oBAAkC;IACtC,GAAG;IACH,QAAQ;IACR,WAAW,MAAM;IACjB,WAAW,OAAO;GACpB;GAEA,iBAAiB,WAAW,iBAAiB;GAE7C,MAAM,OAAO,WAAW,OAAO;EACjC,SAAS,GAAG;GACV,MAAM,eACJ,wBAAwB,sBAAsB,sBAAsB,CAAC,OAAO,CAAC;GAE/E,IAAI,QACF,OACE,gBACE,EAAE,oCAAoC,uBAAuB,GAC/D,OACF;GACF,iBAAiB,WAAW,OAAO;EACrC;OAEA,IAAI;GACF,MAAM,oBAAkC;IACtC,GAAG;IACH,aAAa,KAAA;IACb,QAAQ;IACR,WAAW,KAAA;IACX,WAAW,KAAA;GACb;GAEA,iBAAiB,WAAW,iBAAiB;GAE7C,MAAM,OAAO,aAAa,OAAO;EACnC,SAAS,GAAG;GACV,MAAM,eACJ,wBAAwB,sBAAsB,sBAAsB,CAAC,OAAO,CAAC;GAE/E,IAAI,QACF,OACE,gBACE,EAAE,wCAAwC,4BAA4B,GACxE,OACF;GACF,iBAAiB,WAAW,OAAO;EACrC;CAEJ;CAEA,OAAO,EAAE,UAAU;AACrB"}

package/dist/es/components/Message/hooks/useReactionHandler.mjs

@@ -1,26 +1,29 @@
-import { useChannelActionContext } from "../../../context/ChannelActionContext.mjs";
-import { useChannelStateContext } from "../../../context/ChannelStateContext.mjs";
 import { useChatContext } from "../../../context/ChatContext.mjs";
 import { useComponentContext } from "../../../context/ComponentContext.mjs";
+import { useMessagePaginator } from "../../../hooks/useMessagePaginator.mjs";
 import { defaultReactionOptions, getEmojiCodeByReactionType } from "../../Reactions/reactionOptions.mjs";
-import { useThreadContext } from "../../Threads/ThreadContext.mjs";
+import { useChannel } from "../../../context/useChannel.mjs";
 import { useCallback } from "react";
+import { formatMessage, nowNs } from "stream-chat";
 import throttle from "lodash.throttle";
 //#region src/components/Message/hooks/useReactionHandler.ts
 var reactionHandlerWarning = `Reaction handler was called, but it is missing one of its required arguments.
 Make sure the ChannelAction and ChannelState contexts are properly set and the hook is initialized with a valid message.`;
 var useReactionHandler = (message) => {
-	const thread = useThreadContext();
-	const { updateMessage } = useChannelActionContext("useReactionHandler");
-	const { channel, channelCapabilities } = useChannelStateContext("useReactionHandler");
-	const { client } = useChatContext("useReactionHandler");
-	const { reactionOptions = defaultReactionOptions } = useComponentContext("useReactionHandler");
+	const channel = useChannel();
+	const messagePaginator = useMessagePaginator();
+	const { client } = useChatContext();
+	const { reactionOptions = defaultReactionOptions } = useComponentContext();
+	const updateMessage = useCallback((updatedMessage) => {
+		const formattedMessage = formatMessage(updatedMessage);
+		messagePaginator.ingestItem(formattedMessage);
+	}, [messagePaginator]);
 	const createMessagePreview = useCallback((add, reaction, message) => {
-		const newReactionGroups = message?.reaction_groups || {};
+		const newReactionGroups = { ...message?.reaction_groups ?? {} };
 		const reactionType = reaction.type;
 		const hasReaction = !!newReactionGroups[reactionType];
 		if (add) {
-			const timestamp = (/* @__PURE__ */ new Date()).toISOString();
+			const timestamp = nowNs();
 			newReactionGroups[reactionType] = hasReaction ? {
 				...newReactionGroups[reactionType],
 				count: newReactionGroups[reactionType].count + 1
@@ -28,6 +31,7 @@ var useReactionHandler = (message) => {
 				count: 1,
 				first_reaction_at: timestamp,
 				last_reaction_at: timestamp,
+				latest_reactions_by: [],
 				sum_scores: 1
 			};
 		} else if (hasReaction && newReactionGroups[reactionType].count > 1) newReactionGroups[reactionType] = {
@@ -53,19 +57,23 @@ var useReactionHandler = (message) => {
 		...emojiCode && { emoji_code: emojiCode }
 	});
 	const toggleReaction = throttle(async (id, type, add) => {
-		if (!message || !channelCapabilities["send-reaction"]) return;
+		if (!message) return;
 		const emojiCode = getEmojiCodeByReactionType(reactionOptions, type);
 		const tempMessage = createMessagePreview(add, createReactionPreview(type, emojiCode), message);
 		try {
 			updateMessage(tempMessage);
-			thread?.upsertReplyLocally({ message: tempMessage });
-			updateMessage((add ? await channel.sendReaction(id, {
-				type,
-				...emojiCode && { emoji_code: emojiCode }
-			}) : await channel.deleteReaction(id, type)).message);
+			updateMessage((add ? await channel.sendReaction({
+				id,
+				reaction: {
+					type,
+					...emojiCode && { emoji_code: emojiCode }
+				}
+			}) : await channel.deleteReaction({
+				id,
+				type
+			})).message);
 		} catch (error) {
 			updateMessage(message);
-			thread?.upsertReplyLocally({ message });
 		}
 	}, 1e3);
 	return async (reactionType, event) => {

package/dist/es/components/Message/hooks/useReactionHandler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useReactionHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useReactionHandler.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback } from 'react';\nimport throttle from 'lodash.throttle';\n\nimport { useThreadContext } from '../../Threads';\nimport { useChannelActionContext } from '../../../context/ChannelActionContext';\nimport { useChannelStateContext } from '../../../context/ChannelStateContext';\nimport { useChatContext } from '../../../context/ChatContext';\nimport { useComponentContext } from '../../../context/ComponentContext';\nimport {\n  defaultReactionOptions,\n  getEmojiCodeByReactionType,\n} from '../../Reactions/reactionOptions';\n\nimport type { LocalMessage, Reaction, ReactionResponse } from 'stream-chat';\n\nexport const reactionHandlerWarning = `Reaction handler was called, but it is missing one of its required arguments.\nMake sure the ChannelAction and ChannelState contexts are properly set and the hook is initialized with a valid message.`;\n\nexport const useReactionHandler = (message?: LocalMessage) => {\n  const thread = useThreadContext();\n  const { updateMessage } = useChannelActionContext('useReactionHandler');\n  const { channel, channelCapabilities } = useChannelStateContext('useReactionHandler');\n  const { client } = useChatContext('useReactionHandler');\n  const { reactionOptions = defaultReactionOptions } =\n    useComponentContext('useReactionHandler');\n\n  const createMessagePreview = useCallback(\n    (add: boolean, reaction: ReactionResponse, message: LocalMessage): LocalMessage => {\n      const newReactionGroups = message?.reaction_groups || {};\n      const reactionType = reaction.type;\n      const hasReaction = !!newReactionGroups[reactionType];\n\n      if (add) {\n        const timestamp = new Date().toISOString();\n        newReactionGroups[reactionType] = hasReaction\n          ? {\n              ...newReactionGroups[reactionType],\n              count: newReactionGroups[reactionType].count + 1,\n            }\n          : {\n              count: 1,\n              first_reaction_at: timestamp,\n              last_reaction_at: timestamp,\n              sum_scores: 1,\n            };\n      } else {\n        if (hasReaction && newReactionGroups[reactionType].count > 1) {\n          newReactionGroups[reactionType] = {\n            ...newReactionGroups[reactionType],\n            count: newReactionGroups[reactionType].count - 1,\n          };\n        } else {\n          delete newReactionGroups[reactionType];\n        }\n      }\n\n      const newReactions: ReactionResponse[] | undefined = add\n        ? [reaction, ...(message?.latest_reactions || [])]\n        : message.latest_reactions?.filter(\n            (item) => !(item.type === reaction.type && item.user_id === reaction.user_id),\n          );\n\n      const newOwnReactions = add\n        ? [reaction, ...(message?.own_reactions || [])]\n        : message?.own_reactions?.filter((item) => item.type !== reaction.type);\n\n      return {\n        ...message,\n        latest_reactions: newReactions || message.latest_reactions,\n        own_reactions: newOwnReactions,\n        reaction_groups: newReactionGroups,\n      };\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [client.user, client.userID],\n  );\n\n  const createReactionPreview = (type: string, emojiCode?: string) => ({\n    message_id: message?.id,\n    score: 1,\n    type,\n    user: client.user,\n    user_id: client.user?.id,\n    ...(emojiCode && { emoji_code: emojiCode }),\n  });\n\n  const toggleReaction = throttle(async (id: string, type: string, add: boolean) => {\n    if (!message || !channelCapabilities['send-reaction']) return;\n\n    // Native emoji (e.g. \"👍\") for this reaction type, sent as `emoji_code` so\n    // push notifications in mobile SDKs can render the emoji.\n    const emojiCode = getEmojiCodeByReactionType(reactionOptions, type);\n    const newReaction = createReactionPreview(type, emojiCode) as ReactionResponse;\n    const tempMessage = createMessagePreview(add, newReaction, message);\n\n    try {\n      updateMessage(tempMessage);\n      thread?.upsertReplyLocally({ message: tempMessage });\n\n      const messageResponse = add\n        ? await channel.sendReaction(id, {\n            type,\n            ...(emojiCode && { emoji_code: emojiCode }),\n          } as Reaction)\n        : await channel.deleteReaction(id, type);\n\n      // seems useless as we're expecting WS event to come in and replace this anyway\n      updateMessage(messageResponse.message);\n    } catch (error) {\n      // revert to the original message if the API call fails\n      updateMessage(message);\n      thread?.upsertReplyLocally({ message });\n    }\n  }, 1000);\n\n  return async (reactionType: string, event?: React.BaseSyntheticEvent) => {\n    if (event?.preventDefault) {\n      event.preventDefault();\n    }\n\n    if (!message) {\n      return console.warn(reactionHandlerWarning);\n    }\n\n    let userExistingReaction = null as unknown as ReactionResponse;\n\n    if (message.own_reactions) {\n      message.own_reactions.forEach((reaction) => {\n        // own user should only ever contain the current user id\n        // just in case we check to prevent bugs with message updates from breaking reactions\n        if (\n          reaction.user &&\n          client.userID === reaction.user.id &&\n          reaction.type === reactionType\n        ) {\n          userExistingReaction = reaction;\n        } else if (reaction.user && client.userID !== reaction.user.id) {\n          console.warn(\n            `message.own_reactions contained reactions from a different user, this indicates a bug`,\n          );\n        }\n      });\n    }\n\n    try {\n      if (userExistingReaction) {\n        await toggleReaction(message.id, userExistingReaction.type, false);\n      } else {\n        await toggleReaction(message.id, reactionType, true);\n      }\n    } catch (error) {\n      console.log({ error });\n    }\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useReactionHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useReactionHandler.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback } from 'react';\nimport throttle from 'lodash.throttle';\n\nimport { useChannel } from '../../../context';\nimport { useChatContext } from '../../../context/ChatContext';\nimport { useComponentContext } from '../../../context/ComponentContext';\nimport {\n  defaultReactionOptions,\n  getEmojiCodeByReactionType,\n} from '../../Reactions/reactionOptions';\nimport { useMessagePaginator } from '../../../hooks';\n\nimport {\n  formatMessage,\n  type LocalMessage,\n  type MessageResponse,\n  type ReactionRequest,\n  type ReactionResponse,\n} from 'stream-chat';\nimport { nowNs } from 'stream-chat';\n\nexport const reactionHandlerWarning = `Reaction handler was called, but it is missing one of its required arguments.\nMake sure the ChannelAction and ChannelState contexts are properly set and the hook is initialized with a valid message.`;\n\nexport const useReactionHandler = (message?: LocalMessage) => {\n  const channel = useChannel();\n  const messagePaginator = useMessagePaginator();\n  const { client } = useChatContext();\n  const { reactionOptions = defaultReactionOptions } = useComponentContext();\n\n  const updateMessage = useCallback(\n    (updatedMessage: LocalMessage | MessageResponse) => {\n      const formattedMessage = formatMessage(updatedMessage);\n      messagePaginator.ingestItem(formattedMessage);\n    },\n    [messagePaginator],\n  );\n\n  const createMessagePreview = useCallback(\n    (add: boolean, reaction: ReactionResponse, message: LocalMessage): LocalMessage => {\n      // Copied, not aliased. The assignments and `delete` below used to write straight into the\n      // message's own `reaction_groups`, so the optimistic message and the one it was derived from\n      // shared that object — and no comparator, identity or deep, could see a reaction-group\n      // change. `areMessagesEqual` compares it by reference.\n      const newReactionGroups = { ...(message?.reaction_groups ?? {}) };\n      const reactionType = reaction.type;\n      const hasReaction = !!newReactionGroups[reactionType];\n\n      if (add) {\n        const timestamp = nowNs();\n        newReactionGroups[reactionType] = hasReaction\n          ? {\n              ...newReactionGroups[reactionType],\n              count: newReactionGroups[reactionType].count + 1,\n            }\n          : {\n              count: 1,\n              first_reaction_at: timestamp,\n              last_reaction_at: timestamp,\n              latest_reactions_by: [],\n              sum_scores: 1,\n            };\n      } else {\n        if (hasReaction && newReactionGroups[reactionType].count > 1) {\n          newReactionGroups[reactionType] = {\n            ...newReactionGroups[reactionType],\n            count: newReactionGroups[reactionType].count - 1,\n          };\n        } else {\n          delete newReactionGroups[reactionType];\n        }\n      }\n\n      const newReactions: ReactionResponse[] | undefined = add\n        ? [reaction, ...(message?.latest_reactions || [])]\n        : message.latest_reactions?.filter(\n            (item) => !(item.type === reaction.type && item.user_id === reaction.user_id),\n          );\n\n      const newOwnReactions = add\n        ? [reaction, ...(message?.own_reactions || [])]\n        : message?.own_reactions?.filter((item) => item.type !== reaction.type);\n\n      return {\n        ...message,\n        latest_reactions: newReactions || message.latest_reactions,\n        own_reactions: newOwnReactions,\n        reaction_groups: newReactionGroups,\n      };\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [client.user, client.userID],\n  );\n\n  const createReactionPreview = (type: string, emojiCode?: string) => ({\n    message_id: message?.id,\n    score: 1,\n    type,\n    user: client.user,\n    user_id: client.user?.id,\n    ...(emojiCode && { emoji_code: emojiCode }),\n  });\n\n  const toggleReaction = throttle(async (id: string, type: string, add: boolean) => {\n    if (!message) return;\n\n    // Native emoji (e.g. \"👍\") for this reaction type, sent as `emoji_code` so\n    // push notifications in mobile SDKs can render the emoji.\n    const emojiCode = getEmojiCodeByReactionType(reactionOptions, type);\n    const newReaction = createReactionPreview(type, emojiCode) as ReactionResponse;\n    const tempMessage = createMessagePreview(add, newReaction, message);\n\n    try {\n      updateMessage(tempMessage);\n      const messageResponse = add\n        ? await channel.sendReaction({\n            id,\n            reaction: {\n              type,\n              ...(emojiCode && { emoji_code: emojiCode }),\n            } as ReactionRequest,\n          })\n        : await channel.deleteReaction({ id, type });\n\n      // seems useless as we're expecting WS event to come in and replace this anyway\n      updateMessage(messageResponse.message);\n    } catch (error) {\n      // revert to the original message if the API call fails\n      updateMessage(message);\n    }\n  }, 1000);\n\n  return async (reactionType: string, event?: React.BaseSyntheticEvent) => {\n    if (event?.preventDefault) {\n      event.preventDefault();\n    }\n\n    if (!message) {\n      return console.warn(reactionHandlerWarning);\n    }\n\n    let userExistingReaction = null as unknown as ReactionResponse;\n\n    if (message.own_reactions) {\n      message.own_reactions.forEach((reaction) => {\n        // own user should only ever contain the current user id\n        // just in case we check to prevent bugs with message updates from breaking reactions\n        if (\n          reaction.user &&\n          client.userID === reaction.user.id &&\n          reaction.type === reactionType\n        ) {\n          userExistingReaction = reaction;\n        } else if (reaction.user && client.userID !== reaction.user.id) {\n          console.warn(\n            `message.own_reactions contained reactions from a different user, this indicates a bug`,\n          );\n        }\n      });\n    }\n\n    try {\n      if (userExistingReaction) {\n        await toggleReaction(message.id, userExistingReaction.type, false);\n      } else {\n        await toggleReaction(message.id, reactionType, true);\n      }\n    } catch (error) {\n      console.log({ error });\n    }\n  };\n};\n"],"mappings":"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"}

package/dist/es/components/Message/hooks/useReactionsFetcher.mjs

@@ -3,7 +3,7 @@ import { useStableCallback } from "../../../utils/useStableCallback.mjs";
 //#region src/components/Message/hooks/useReactionsFetcher.ts
 var MAX_MESSAGE_REACTIONS_TO_FETCH = 1e3;
 function useReactionsFetcher(message) {
-	const { client } = useChatContext("useRectionsFetcher");
+	const { client } = useChatContext();
 	return useStableCallback((reactionType, sort) => fetchMessageReactions(client, message.id, reactionType, sort));
 }
 async function fetchMessageReactions(client, messageId, reactionType, sort) {
@@ -12,9 +12,12 @@ async function fetchMessageReactions(client, messageId, reactionType, sort) {
 	let next;
 	let hasNext = true;
 	while (hasNext && reactions.length < 1e3) {
-		const response = await client.queryReactions(messageId, reactionType ? { type: reactionType } : {}, sort, {
+		const response = await client.queryReactions({
+			filter: reactionType ? { type: reactionType } : {},
+			id: messageId,
 			limit,
-			next
+			next,
+			sort
 		});
 		reactions.push(...response.reactions);
 		next = response.next;

package/dist/es/components/Message/hooks/useReactionsFetcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useReactionsFetcher.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useReactionsFetcher.ts"],"sourcesContent":["import { useChatContext } from '../../../context';\nimport { useStableCallback } from '../../../utils/useStableCallback';\nimport type {\n  LocalMessage,\n  ReactionResponse,\n  ReactionSort,\n  StreamChat,\n} from 'stream-chat';\nimport type { ReactionType } from '../../Reactions/types';\n\nexport const MAX_MESSAGE_REACTIONS_TO_FETCH = 1000;\n\nexport function useReactionsFetcher(message: LocalMessage) {\n  const { client } = useChatContext('useRectionsFetcher');\n\n  return useStableCallback((reactionType?: ReactionType, sort?: ReactionSort) =>\n    fetchMessageReactions(client, message.id, reactionType, sort),\n  );\n}\n\nasync function fetchMessageReactions(\n  client: StreamChat,\n  messageId: string,\n  reactionType?: ReactionType,\n  sort?: ReactionSort,\n) {\n  const reactions: ReactionResponse[] = [];\n  const limit = 25;\n  let next: string | undefined;\n  let hasNext = true;\n\n  while (hasNext && reactions.length < MAX_MESSAGE_REACTIONS_TO_FETCH) {\n    const response = await client.queryReactions(\n      messageId,\n      reactionType ? { type: reactionType } : {},\n      sort,\n      { limit, next },\n    );\n\n    reactions.push(...response.reactions);\n    next = response.next;\n    hasNext = Boolean(next);\n  }\n\n  return reactions;\n}\n"],"mappings":";;;AAUA,IAAa,iCAAiC;AAE9C,SAAgB,oBAAoB,SAAuB;CACzD,MAAM,EAAE,WAAW,eAAe,oBAAoB;CAEtD,OAAO,mBAAmB,cAA6B,SACrD,sBAAsB,QAAQ,QAAQ,IAAI,cAAc,IAAI,CAC9D;AACF;AAEA,eAAe,sBACb,QACA,WACA,cACA,MACA;CACA,MAAM,YAAgC,CAAC;CACvC,MAAM,QAAQ;CACd,IAAI;CACJ,IAAI,UAAU;CAEd,OAAO,WAAW,UAAU,SAAA,KAAyC;EACnE,MAAM,WAAW,MAAM,OAAO,eAC5B,WACA,eAAe,EAAE,MAAM,aAAa,IAAI,CAAC,GACzC,MACA;GAAE;GAAO;EAAK,CAChB;EAEA,UAAU,KAAK,GAAG,SAAS,SAAS;EACpC,OAAO,SAAS;EAChB,UAAU,QAAQ,IAAI;CACxB;CAEA,OAAO;AACT"}
+{"version":3,"file":"useReactionsFetcher.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useReactionsFetcher.ts"],"sourcesContent":["import { useChatContext } from '../../../context';\nimport { useStableCallback } from '../../../utils/useStableCallback';\nimport type {\n  LocalMessage,\n  ReactionResponse,\n  SortParamRequest,\n  StreamChat,\n} from 'stream-chat';\nimport type { ReactionType } from '../../Reactions/types';\n\nexport const MAX_MESSAGE_REACTIONS_TO_FETCH = 1000;\n\nexport function useReactionsFetcher(message: LocalMessage) {\n  const { client } = useChatContext();\n\n  return useStableCallback((reactionType?: ReactionType, sort?: SortParamRequest[]) =>\n    fetchMessageReactions(client, message.id, reactionType, sort),\n  );\n}\n\nasync function fetchMessageReactions(\n  client: StreamChat,\n  messageId: string,\n  reactionType?: ReactionType,\n  sort?: SortParamRequest[],\n) {\n  const reactions: ReactionResponse[] = [];\n  const limit = 25;\n  let next: string | undefined;\n  let hasNext = true;\n\n  while (hasNext && reactions.length < MAX_MESSAGE_REACTIONS_TO_FETCH) {\n    const response = await client.queryReactions({\n      filter: reactionType ? { type: reactionType } : {},\n      id: messageId,\n      limit,\n      next,\n      sort,\n    });\n\n    reactions.push(...response.reactions);\n    next = response.next;\n    hasNext = Boolean(next);\n  }\n\n  return reactions;\n}\n"],"mappings":";;;AAUA,IAAa,iCAAiC;AAE9C,SAAgB,oBAAoB,SAAuB;CACzD,MAAM,EAAE,WAAW,eAAe;CAElC,OAAO,mBAAmB,cAA6B,SACrD,sBAAsB,QAAQ,QAAQ,IAAI,cAAc,IAAI,CAC9D;AACF;AAEA,eAAe,sBACb,QACA,WACA,cACA,MACA;CACA,MAAM,YAAgC,CAAC;CACvC,MAAM,QAAQ;CACd,IAAI;CACJ,IAAI,UAAU;CAEd,OAAO,WAAW,UAAU,SAAA,KAAyC;EACnE,MAAM,WAAW,MAAM,OAAO,eAAe;GAC3C,QAAQ,eAAe,EAAE,MAAM,aAAa,IAAI,CAAC;GACjD,IAAI;GACJ;GACA;GACA;EACF,CAAC;EAED,UAAU,KAAK,GAAG,SAAS,SAAS;EACpC,OAAO,SAAS;EAChB,UAAU,QAAQ,IAAI;CACxB;CAEA,OAAO;AACT"}

package/dist/es/components/Message/hooks/useRetryHandler.mjs

@@ -1,11 +1,13 @@
-import { useChannelActionContext } from "../../../context/ChannelActionContext.mjs";
+import { useThreadContext } from "../../Threads/ThreadContext.mjs";
+import { useChannel } from "../../../context/useChannel.mjs";
+import { useCallback } from "react";
 //#region src/components/Message/hooks/useRetryHandler.ts
-var useRetryHandler = (customRetrySendMessage) => {
-	const { retrySendMessage: contextRetrySendMessage } = useChannelActionContext("useRetryHandler");
-	const retrySendMessage = customRetrySendMessage || contextRetrySendMessage;
-	return async (message) => {
-		if (message) await retrySendMessage(message);
-	};
+var useRetryHandler = () => {
+	const channel = useChannel();
+	const thread = useThreadContext();
+	return useCallback(async (params) => {
+		await (thread ?? channel).retrySendMessageWithLocalUpdate(params);
+	}, [channel, thread]);
 };
 //#endregion
 export { useRetryHandler };

package/dist/es/components/Message/hooks/useRetryHandler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRetryHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useRetryHandler.ts"],"sourcesContent":["import type { RetrySendMessage } from '../../../context/ChannelActionContext';\nimport { useChannelActionContext } from '../../../context/ChannelActionContext';\n\nexport const useRetryHandler = (\n  customRetrySendMessage?: RetrySendMessage,\n): RetrySendMessage => {\n  const { retrySendMessage: contextRetrySendMessage } =\n    useChannelActionContext('useRetryHandler');\n\n  const retrySendMessage = customRetrySendMessage || contextRetrySendMessage;\n\n  return async (message) => {\n    if (message) {\n      await retrySendMessage(message);\n    }\n  };\n};\n"],"mappings":";;AAGA,IAAa,mBACX,2BACqB;CACrB,MAAM,EAAE,kBAAkB,4BACxB,wBAAwB,iBAAiB;CAE3C,MAAM,mBAAmB,0BAA0B;CAEnD,OAAO,OAAO,YAAY;EACxB,IAAI,SACF,MAAM,iBAAiB,OAAO;CAElC;AACF"}
+{"version":3,"file":"useRetryHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useRetryHandler.ts"],"sourcesContent":["import { useThreadContext } from '../../Threads';\nimport { useChannel } from '../../../context';\nimport type { OperationParams } from 'stream-chat';\nimport { useCallback } from 'react';\n\nexport type RetryHandler = (\n  params: Omit<OperationParams<'retry'>, 'message'>,\n) => Promise<void>;\n\nexport const useRetryHandler = (): RetryHandler => {\n  const channel = useChannel();\n  const thread = useThreadContext();\n\n  return useCallback(\n    async (params: Omit<OperationParams<'retry'>, 'message'>) => {\n      await (thread ?? channel).retrySendMessageWithLocalUpdate(params);\n    },\n    [channel, thread],\n  );\n};\n"],"mappings":";;;;AASA,IAAa,wBAAsC;CACjD,MAAM,UAAU,WAAW;CAC3B,MAAM,SAAS,iBAAiB;CAEhC,OAAO,YACL,OAAO,WAAsD;EAC3D,OAAO,UAAU,QAAA,CAAS,gCAAgC,MAAM;CAClE,GACA,CAAC,SAAS,MAAM,CAClB;AACF"}

package/dist/es/components/Message/hooks/useUserRole.mjs

@@ -1,9 +1,11 @@
-import { useChannelStateContext } from "../../../context/ChannelStateContext.mjs";
 import { useChatContext } from "../../../context/ChatContext.mjs";
+import { useChannelCapabilities } from "../../Channel/hooks/useChannelCapabilities.mjs";
+import { useChannel } from "../../../context/useChannel.mjs";
 //#region src/components/Message/hooks/useUserRole.ts
 var useUserRole = (message, disableQuotedMessages) => {
-	const { channel, channelCapabilities = {} } = useChannelStateContext("useUserRole");
-	const { client } = useChatContext("useUserRole");
+	const channel = useChannel();
+	const { client } = useChatContext();
+	const channelCapabilities = useChannelCapabilities({ cid: channel.cid });
 	/**
 	* @deprecated as it relies on `membership.role` check which is already deprecated and shouldn't be used anymore.
 	* `isAdmin` will be removed in future release. See `channelCapabilities`.
@@ -20,21 +22,23 @@ var useUserRole = (message, disableQuotedMessages) => {
 	*/
 	const isModerator = client.user?.role === "channel_moderator" || channel.state.membership.role === "channel_moderator" || channel.state.membership.role === "moderator" || channel.state.membership.is_moderator === true || channel.state.membership.channel_role === "channel_moderator";
 	const isMyMessage = client.userID === message.user?.id;
-	const canEdit = !message.poll && message.command !== "giphy" && (channelCapabilities["update-any-message"] || isMyMessage && channelCapabilities["update-own-message"]);
-	const canDelete = channelCapabilities["delete-any-message"] || isMyMessage && channelCapabilities["delete-own-message"];
-	const canFlag = !isMyMessage && channelCapabilities["flag-message"];
-	const canMute = !isMyMessage && channelCapabilities["mute-channel"];
+	const canEdit = !message.poll && message.command !== "giphy" && (channelCapabilities.has("update-any-message") || isMyMessage && channelCapabilities.has("update-own-message"));
+	const canDelete = channelCapabilities.has("delete-any-message") || isMyMessage && channelCapabilities.has("delete-own-message");
+	const canPin = channelCapabilities.has("pin-message");
+	const canFlag = !isMyMessage && channelCapabilities.has("flag-message");
+	const canMute = !isMyMessage && channelCapabilities.has("mute-channel");
 	return {
 		canBlockUser: !isMyMessage,
 		canDelete,
 		canEdit,
 		canFlag,
-		canMarkUnread: !isMyMessage && channelCapabilities["read-events"],
+		canMarkUnread: !isMyMessage && channelCapabilities.has("read-events"),
 		canMute,
-		canQuote: !disableQuotedMessages && channelCapabilities["quote-message"],
-		canReact: channelCapabilities["send-reaction"],
-		canReply: channelCapabilities["send-reply"],
-		canSendMessage: channelCapabilities["send-message"],
+		canPin,
+		canQuote: !disableQuotedMessages && channelCapabilities.has("quote-message"),
+		canReact: channelCapabilities.has("send-reaction"),
+		canReply: channelCapabilities.has("send-reply"),
+		canSendMessage: channelCapabilities.has("send-message"),
 		isAdmin,
 		isModerator,
 		isMyMessage,

package/dist/es/components/Message/hooks/useUserRole.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUserRole.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useUserRole.ts"],"sourcesContent":["import { useChannelStateContext } from '../../../context/ChannelStateContext';\nimport { useChatContext } from '../../../context/ChatContext';\nimport type { LocalMessage } from 'stream-chat';\n\nexport const useUserRole = (message: LocalMessage, disableQuotedMessages?: boolean) => {\n  const { channel, channelCapabilities = {} } = useChannelStateContext('useUserRole');\n  const { client } = useChatContext('useUserRole');\n\n  /**\n   * @deprecated as it relies on `membership.role` check which is already deprecated and shouldn't be used anymore.\n   * `isAdmin` will be removed in future release. See `channelCapabilities`.\n   */\n  const isAdmin =\n    client.user?.role === 'admin' || channel.state.membership.role === 'admin';\n\n  /**\n   * @deprecated as it relies on `membership.role` check which is already deprecated and shouldn't be used anymore.\n   * `isOwner` will be removed in future release. See `channelCapabilities`.\n   */\n  const isOwner = channel.state.membership.role === 'owner';\n\n  /**\n   * @deprecated as it relies on `membership.role` check which is already deprecated and shouldn't be used anymore.\n   * `isModerator` will be removed in future release. See `channelCapabilities`.\n   */\n  const isModerator =\n    client.user?.role === 'channel_moderator' ||\n    channel.state.membership.role === 'channel_moderator' ||\n    channel.state.membership.role === 'moderator' ||\n    channel.state.membership.is_moderator === true ||\n    channel.state.membership.channel_role === 'channel_moderator';\n\n  const isMyMessage = client.userID === message.user?.id;\n\n  const canEdit =\n    !message.poll &&\n    message.command !== 'giphy' &&\n    (channelCapabilities['update-any-message'] ||\n      (isMyMessage && channelCapabilities['update-own-message']));\n\n  const canDelete =\n    channelCapabilities['delete-any-message'] ||\n    (isMyMessage && channelCapabilities['delete-own-message']);\n\n  const canFlag = !isMyMessage && channelCapabilities['flag-message'];\n  const canMute = !isMyMessage && channelCapabilities['mute-channel'];\n  const canBlockUser = !isMyMessage;\n  const canMarkUnread = !isMyMessage && channelCapabilities['read-events'];\n  const canQuote = !disableQuotedMessages && channelCapabilities['quote-message'];\n  const canReact = channelCapabilities['send-reaction'];\n  const canReply = channelCapabilities['send-reply'];\n  const canSendMessage = channelCapabilities['send-message'];\n\n  return {\n    canBlockUser,\n    canDelete,\n    canEdit,\n    canFlag,\n    canMarkUnread,\n    canMute,\n    canQuote,\n    canReact,\n    canReply,\n    canSendMessage,\n    isAdmin,\n    isModerator,\n    isMyMessage,\n    isOwner,\n  };\n};\n"],"mappings":";;;AAIA,IAAa,eAAe,SAAuB,0BAAoC;CACrF,MAAM,EAAE,SAAS,sBAAsB,CAAC,MAAM,uBAAuB,aAAa;CAClF,MAAM,EAAE,WAAW,eAAe,aAAa;;;;;CAM/C,MAAM,UACJ,OAAO,MAAM,SAAS,WAAW,QAAQ,MAAM,WAAW,SAAS;;;;;CAMrE,MAAM,UAAU,QAAQ,MAAM,WAAW,SAAS;;;;;CAMlD,MAAM,cACJ,OAAO,MAAM,SAAS,uBACtB,QAAQ,MAAM,WAAW,SAAS,uBAClC,QAAQ,MAAM,WAAW,SAAS,eAClC,QAAQ,MAAM,WAAW,iBAAiB,QAC1C,QAAQ,MAAM,WAAW,iBAAiB;CAE5C,MAAM,cAAc,OAAO,WAAW,QAAQ,MAAM;CAEpD,MAAM,UACJ,CAAC,QAAQ,QACT,QAAQ,YAAY,YACnB,oBAAoB,yBAClB,eAAe,oBAAoB;CAExC,MAAM,YACJ,oBAAoB,yBACnB,eAAe,oBAAoB;CAEtC,MAAM,UAAU,CAAC,eAAe,oBAAoB;CACpD,MAAM,UAAU,CAAC,eAAe,oBAAoB;CAQpD,OAAO;EACL,cAAA,CARoB;EASpB;EACA;EACA;EACA,eAXoB,CAAC,eAAe,oBAAoB;EAYxD;EACA,UAZe,CAAC,yBAAyB,oBAAoB;EAa7D,UAZe,oBAAoB;EAanC,UAZe,oBAAoB;EAanC,gBAZqB,oBAAoB;EAazC;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"useUserRole.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useUserRole.ts"],"sourcesContent":["import { useChannel, useChatContext } from '../../../context';\nimport { useChannelCapabilities } from '../../Channel/hooks/useChannelCapabilities';\nimport type { LocalMessage } from 'stream-chat';\n\nexport const useUserRole = (message: LocalMessage, disableQuotedMessages?: boolean) => {\n  const channel = useChannel();\n  const { client } = useChatContext();\n  const channelCapabilities = useChannelCapabilities({ cid: channel.cid });\n\n  /**\n   * @deprecated as it relies on `membership.role` check which is already deprecated and shouldn't be used anymore.\n   * `isAdmin` will be removed in future release. See `channelCapabilities`.\n   */\n  const isAdmin =\n    client.user?.role === 'admin' || channel.state.membership.role === 'admin';\n\n  /**\n   * @deprecated as it relies on `membership.role` check which is already deprecated and shouldn't be used anymore.\n   * `isOwner` will be removed in future release. See `channelCapabilities`.\n   */\n  const isOwner = channel.state.membership.role === 'owner';\n\n  /**\n   * @deprecated as it relies on `membership.role` check which is already deprecated and shouldn't be used anymore.\n   * `isModerator` will be removed in future release. See `channelCapabilities`.\n   */\n  const isModerator =\n    client.user?.role === 'channel_moderator' ||\n    channel.state.membership.role === 'channel_moderator' ||\n    channel.state.membership.role === 'moderator' ||\n    channel.state.membership.is_moderator === true ||\n    channel.state.membership.channel_role === 'channel_moderator';\n\n  const isMyMessage = client.userID === message.user?.id;\n\n  const canEdit =\n    !message.poll &&\n    message.command !== 'giphy' &&\n    (channelCapabilities.has('update-any-message') ||\n      (isMyMessage && channelCapabilities.has('update-own-message')));\n\n  const canDelete =\n    channelCapabilities.has('delete-any-message') ||\n    (isMyMessage && channelCapabilities.has('delete-own-message'));\n  const canPin = channelCapabilities.has('pin-message');\n  const canFlag = !isMyMessage && channelCapabilities.has('flag-message');\n  const canMute = !isMyMessage && channelCapabilities.has('mute-channel');\n  const canBlockUser = !isMyMessage;\n  const canMarkUnread = !isMyMessage && channelCapabilities.has('read-events');\n  const canQuote = !disableQuotedMessages && channelCapabilities.has('quote-message');\n  const canReact = channelCapabilities.has('send-reaction');\n  const canReply = channelCapabilities.has('send-reply');\n  const canSendMessage = channelCapabilities.has('send-message');\n\n  return {\n    canBlockUser,\n    canDelete,\n    canEdit,\n    canFlag,\n    canMarkUnread,\n    canMute,\n    canPin,\n    canQuote,\n    canReact,\n    canReply,\n    canSendMessage,\n    isAdmin,\n    isModerator,\n    isMyMessage,\n    isOwner,\n  };\n};\n"],"mappings":";;;;AAIA,IAAa,eAAe,SAAuB,0BAAoC;CACrF,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,sBAAsB,uBAAuB,EAAE,KAAK,QAAQ,IAAI,CAAC;;;;;CAMvE,MAAM,UACJ,OAAO,MAAM,SAAS,WAAW,QAAQ,MAAM,WAAW,SAAS;;;;;CAMrE,MAAM,UAAU,QAAQ,MAAM,WAAW,SAAS;;;;;CAMlD,MAAM,cACJ,OAAO,MAAM,SAAS,uBACtB,QAAQ,MAAM,WAAW,SAAS,uBAClC,QAAQ,MAAM,WAAW,SAAS,eAClC,QAAQ,MAAM,WAAW,iBAAiB,QAC1C,QAAQ,MAAM,WAAW,iBAAiB;CAE5C,MAAM,cAAc,OAAO,WAAW,QAAQ,MAAM;CAEpD,MAAM,UACJ,CAAC,QAAQ,QACT,QAAQ,YAAY,YACnB,oBAAoB,IAAI,oBAAoB,KAC1C,eAAe,oBAAoB,IAAI,oBAAoB;CAEhE,MAAM,YACJ,oBAAoB,IAAI,oBAAoB,KAC3C,eAAe,oBAAoB,IAAI,oBAAoB;CAC9D,MAAM,SAAS,oBAAoB,IAAI,aAAa;CACpD,MAAM,UAAU,CAAC,eAAe,oBAAoB,IAAI,cAAc;CACtE,MAAM,UAAU,CAAC,eAAe,oBAAoB,IAAI,cAAc;CAQtE,OAAO;EACL,cAAA,CARoB;EASpB;EACA;EACA;EACA,eAXoB,CAAC,eAAe,oBAAoB,IAAI,aAAa;EAYzE;EACA;EACA,UAbe,CAAC,yBAAyB,oBAAoB,IAAI,eAAe;EAchF,UAbe,oBAAoB,IAAI,eAavC;EACA,UAbe,oBAAoB,IAAI,YAavC;EACA,gBAbqB,oBAAoB,IAAI,cAa7C;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/es/components/Message/renderText/renderText.mjs

@@ -10,9 +10,9 @@ import { Emoji } from "./componentRenderers/Emoji.mjs";
 import { Mention } from "./componentRenderers/Mention.mjs";
 import { ErrorBoundary } from "../../UtilityComponents/ErrorBoundary.mjs";
 import "react";
+import { find } from "linkifyjs";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
-import { find } from "linkifyjs";
 import remarkGfm from "remark-gfm";
 //#region src/components/Message/renderText/renderText.tsx
 var defaultAllowedTagNames = [

package/dist/es/components/Message/utils.mjs

@@ -17,70 +17,33 @@ var validateAndGetMessage = (func, args) => {
 */
 var isUserMuted = (message, mutes) => {
 	if (!mutes || !message) return false;
-	return !!mutes.filter((el) => el.target.id === message.user?.id).length;
-};
-var OPTIONAL_MESSAGE_ACTIONS = { deleteForMe: "deleteForMe" };
-var MESSAGE_ACTIONS = {
-	delete: "delete",
-	download: "download",
-	edit: "edit",
-	flag: "flag",
-	markUnread: "markUnread",
-	mute: "mute",
-	pin: "pin",
-	quote: "quote",
-	react: "react",
-	remindMe: "remindMe",
-	reply: "reply",
-	saveForLater: "saveForLater"
-};
-var getMessageActions = (actions, { canDelete, canEdit, canFlag, canMarkUnread, canMute, canPin, canQuote, canReact, canReply }, channelConfig) => {
-	const messageActionsAfterPermission = [];
-	let messageActions = [];
-	if (actions && typeof actions === "boolean") messageActions = Object.keys(MESSAGE_ACTIONS);
-	else if (actions && Array.isArray(actions) && actions.length > 0) messageActions = [...actions];
-	else return [];
-	if (canDelete && messageActions.indexOf(MESSAGE_ACTIONS.delete) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.delete);
-	if (messageActions.indexOf(MESSAGE_ACTIONS.download) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.download);
-	if (canDelete && messageActions.indexOf(OPTIONAL_MESSAGE_ACTIONS.deleteForMe) > -1) messageActionsAfterPermission.push(OPTIONAL_MESSAGE_ACTIONS.deleteForMe);
-	if (canEdit && messageActions.indexOf(MESSAGE_ACTIONS.edit) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.edit);
-	if (canFlag && messageActions.indexOf(MESSAGE_ACTIONS.flag) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.flag);
-	if (canMarkUnread && messageActions.indexOf(MESSAGE_ACTIONS.markUnread) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.markUnread);
-	if (canMute && messageActions.indexOf(MESSAGE_ACTIONS.mute) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.mute);
-	if (canPin && messageActions.indexOf(MESSAGE_ACTIONS.pin) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.pin);
-	if (canQuote && messageActions.indexOf(MESSAGE_ACTIONS.quote) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.quote);
-	if (canReact && messageActions.indexOf(MESSAGE_ACTIONS.react) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.react);
-	if (channelConfig?.["user_message_reminders"] && messageActions.indexOf(MESSAGE_ACTIONS.remindMe) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.remindMe);
-	if (canReply && messageActions.indexOf(MESSAGE_ACTIONS.reply) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.reply);
-	if (channelConfig?.["user_message_reminders"] && messageActions.indexOf(MESSAGE_ACTIONS.saveForLater) > -1) messageActionsAfterPermission.push(MESSAGE_ACTIONS.saveForLater);
-	return messageActionsAfterPermission;
+	return mutes.some(({ target }) => target?.id === message.user?.id);
 };
+/** `MessageActionSetItem['type']`s that a thread reply does not support. */
 var ACTIONS_NOT_WORKING_IN_THREAD = [
-	MESSAGE_ACTIONS.pin,
-	MESSAGE_ACTIONS.reply,
-	MESSAGE_ACTIONS.markUnread
+	"pin",
+	"reply",
+	"markUnread"
 ];
 function areMessagesEqual(prevMessage, nextMessage) {
-	const areBaseMessagesEqual = (prevMessage, nextMessage) => prevMessage.deleted_at === nextMessage.deleted_at && prevMessage.latest_reactions?.length === nextMessage.latest_reactions?.length && prevMessage.own_reactions?.length === nextMessage.own_reactions?.length && prevMessage.pinned === nextMessage.pinned && prevMessage.reply_count === nextMessage.reply_count && prevMessage.show_in_channel === nextMessage.show_in_channel && prevMessage.status === nextMessage.status && prevMessage.text === nextMessage.text && prevMessage.type === nextMessage.type && prevMessage.updated_at === nextMessage.updated_at && prevMessage.user?.updated_at === nextMessage.user?.updated_at;
+	if (prevMessage === nextMessage) return true;
+	const areBaseMessagesEqual = (prevMessage, nextMessage) => prevMessage.deleted_at === nextMessage.deleted_at && prevMessage.attachments === nextMessage.attachments && prevMessage.latest_reactions === nextMessage.latest_reactions && prevMessage.own_reactions === nextMessage.own_reactions && prevMessage.reaction_groups === nextMessage.reaction_groups && prevMessage.shared_location === nextMessage.shared_location && prevMessage.pinned === nextMessage.pinned && prevMessage.reply_count === nextMessage.reply_count && prevMessage.show_in_channel === nextMessage.show_in_channel && prevMessage.status === nextMessage.status && prevMessage.text === nextMessage.text && prevMessage.type === nextMessage.type && prevMessage.updated_at === nextMessage.updated_at && prevMessage.user?.updated_at === nextMessage.user?.updated_at;
 	return areBaseMessagesEqual(prevMessage, nextMessage) && Boolean(prevMessage.quoted_message) === Boolean(nextMessage.quoted_message) && (!prevMessage.quoted_message && !nextMessage.quoted_message || areBaseMessagesEqual(prevMessage.quoted_message, nextMessage.quoted_message));
 }
 var areMessagePropsEqual = (prevProps, nextProps) => {
-	const { message: prevMessage, Message: prevMessageUI } = prevProps;
-	const { message: nextMessage, Message: nextMessageUI } = nextProps;
-	if (prevMessageUI !== nextMessageUI) return false;
+	const { message: prevMessage } = prevProps;
+	const { message: nextMessage } = nextProps;
 	if (nextProps.showDetailedReactions !== prevProps.showDetailedReactions) return false;
 	if (nextProps.closeReactionSelectorOnClick !== prevProps.closeReactionSelectorOnClick) return false;
 	if (!areMessagesEqual(prevMessage, nextMessage)) return false;
-	if (!(deepequal(nextProps.messageActions, prevProps.messageActions) && deepequal(nextProps.readBy, prevProps.readBy) && deepequal(nextProps.deliveredTo, prevProps.deliveredTo) && deepequal(nextProps.highlighted, prevProps.highlighted) && deepequal(nextProps.groupStyles, prevProps.groupStyles) && deepequal(nextProps.mutes, prevProps.mutes) && deepequal(nextProps.lastReceivedId, prevProps.lastReceivedId))) return false;
+	if (!(deepequal(nextProps.readBy, prevProps.readBy) && deepequal(nextProps.deliveredTo, prevProps.deliveredTo) && deepequal(nextProps.highlighted, prevProps.highlighted) && deepequal(nextProps.groupStyles, prevProps.groupStyles) && deepequal(nextProps.lastReceivedId, prevProps.lastReceivedId))) return false;
 	return prevProps.messageListRect === nextProps.messageListRect;
 };
 var areMessageUIPropsEqual = (prevProps, nextProps) => {
 	const { lastReceivedId: prevLastReceivedId, message: prevMessage } = prevProps;
 	const { lastReceivedId: nextLastReceivedId, message: nextMessage } = nextProps;
 	if (prevProps.highlighted !== nextProps.highlighted) return false;
-	if (prevProps.threadList !== nextProps.threadList) return false;
 	if (prevProps.endOfGroup !== nextProps.endOfGroup) return false;
-	if (prevProps.mutes?.length !== nextProps.mutes?.length) return false;
 	if (prevProps.readBy?.length !== nextProps.readBy?.length) return false;
 	if (prevProps.deliveredTo?.length !== nextProps.deliveredTo?.length) return false;
 	if (prevProps.groupStyles !== nextProps.groupStyles) return false;
@@ -115,17 +78,17 @@ var getReadByTooltipText = (users, t, client, tooltipUserNameMapper) => {
 	const slicedArr = otherUsers.slice(0, 5);
 	const restLength = otherUsers.length - slicedArr.length;
 	if (slicedArr.length === 1) outStr = `${slicedArr[0]} `;
-	else if (slicedArr.length === 2) outStr = t("{{ firstUser }} and {{ secondUser }}", {
+	else if (slicedArr.length === 2) outStr = t("message.and.withFirstUserAndSecondUser.label", "{{ firstUser }} and {{ secondUser }}", {
 		firstUser: slicedArr[0],
 		secondUser: slicedArr[1]
 	});
 	else if (slicedArr.length > 2) if (restLength === 0) {
-		const lastUser = slicedArr.splice(slicedArr.length - 1, 1);
-		outStr = t("{{ commaSeparatedUsers }}, and {{ lastUser }}", {
+		const [lastUser] = slicedArr.splice(slicedArr.length - 1, 1);
+		outStr = t("message.and.withCommaSeparatedUsersAndLastUser.label", "{{ commaSeparatedUsers }}, and {{ lastUser }}", {
 			commaSeparatedUsers: slicedArr.join(", "),
 			lastUser
 		});
-	} else outStr = t("{{ commaSeparatedUsers }} and {{ moreCount }} more", {
+	} else outStr = t("message.more.label", "{{ commaSeparatedUsers }} and {{ moreCount }} more", {
 		commaSeparatedUsers: slicedArr.join(", "),
 		moreCount: restLength
 	});
@@ -141,11 +104,11 @@ var messageTextHasEmojisOnly = (message) => {
 };
 var isMessageErrorRetryable = (message) => message.status === "failed" && message.error?.status !== 403;
 var isNetworkSendFailure = (message) => message.status === "failed" && message.error?.status === 0;
-var isMessageBounced = (message) => message.type === "error" && (message.moderation_details?.action === "MESSAGE_RESPONSE_ACTION_BOUNCE" || message.moderation?.action === "bounce");
-var isMessageBlocked = (message) => message.shadowed || message.type === "error" && (message.moderation_details?.action === "MESSAGE_RESPONSE_ACTION_REMOVE" || message.moderation?.action === "remove");
-var isMessageDeleted = (message) => Boolean(message.deleted_at || message.type === "deleted" || message.deleted_for_me);
-var isMessageEdited = (message) => !!message.message_text_updated_at;
+var isMessageBounced = (message) => message.type === "error" && message.moderation?.action === "bounce";
+var isMessageBlocked = (message) => message.shadowed || message.type === "error" && message.moderation?.action === "remove";
+var isMessageDeleted = (message) => Boolean(message.deleted_at != null || message.type === "deleted" || message.deleted_for_me);
+var isMessageEdited = (message) => message.message_text_updated_at != null;
 //#endregion
-export { ACTIONS_NOT_WORKING_IN_THREAD, MESSAGE_ACTIONS, OPTIONAL_MESSAGE_ACTIONS, areMessagePropsEqual, areMessageUIPropsEqual, countEmojis, getImages, getMessageActions, getNonImageAttachments, getReadByTooltipText, isMessageBlocked, isMessageBounced, isMessageDeleted, isMessageEdited, isMessageErrorRetryable, isNetworkSendFailure, isUserMuted, mapToUserNameOrId, messageHasAttachments, messageHasGiphyAttachment, messageHasQuotedMessage, messageHasReactions, messageHasSingleAttachment, messageTextHasEmojisOnly, validateAndGetMessage };
+export { ACTIONS_NOT_WORKING_IN_THREAD, areMessagePropsEqual, areMessageUIPropsEqual, countEmojis, getImages, getNonImageAttachments, getReadByTooltipText, isMessageBlocked, isMessageBounced, isMessageDeleted, isMessageEdited, isMessageErrorRetryable, isNetworkSendFailure, isUserMuted, mapToUserNameOrId, messageHasAttachments, messageHasGiphyAttachment, messageHasQuotedMessage, messageHasReactions, messageHasSingleAttachment, messageTextHasEmojisOnly, validateAndGetMessage };
 
 //# sourceMappingURL=utils.mjs.map

package/dist/es/components/Message/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../../../src/components/Message/utils.tsx"],"sourcesContent":["import deepequal from 'react-fast-compare';\n\nimport { EMOJI_REGEX } from './emojiRegex';\n\nimport type { TFunction } from 'i18next';\nimport type {\n  ChannelConfigWithInfo,\n  LocalMessage,\n  LocalMessageBase,\n  MessageResponse,\n  Mute,\n  StreamChat,\n  UserResponse,\n} from 'stream-chat';\nimport type { MessageProps } from './types';\nimport type { MessageContextValue } from '../../context';\n\n/**\n * Following function validates a function which returns notification message.\n * It validates if the first parameter is function and also if return value of function is string or no.\n */\nexport const validateAndGetMessage = <T extends unknown[]>(\n  func: (...args: T) => unknown,\n  args: T,\n) => {\n  if (!func || typeof func !== 'function') return null;\n\n  // below is due to tests passing a single argument\n  // rather than an array.\n  if (!Array.isArray(args)) {\n    args = [args] as unknown as T;\n  }\n\n  const returnValue = func(...args);\n\n  if (typeof returnValue !== 'string') return null;\n\n  return returnValue;\n};\n\n/**\n * Tell if the owner of the current message is muted\n */\nexport const isUserMuted = (message: LocalMessage, mutes?: Mute[]) => {\n  if (!mutes || !message) return false;\n\n  const userMuted = mutes.filter((el) => el.target.id === message.user?.id);\n  return !!userMuted.length;\n};\n\nexport const OPTIONAL_MESSAGE_ACTIONS = {\n  deleteForMe: 'deleteForMe',\n};\n\nexport const MESSAGE_ACTIONS = {\n  delete: 'delete',\n  download: 'download',\n  edit: 'edit',\n  flag: 'flag',\n  markUnread: 'markUnread',\n  mute: 'mute',\n  pin: 'pin',\n  quote: 'quote',\n  react: 'react',\n  remindMe: 'remindMe',\n  reply: 'reply',\n  saveForLater: 'saveForLater',\n};\n\nexport type MessageActionsArray<T extends string = string> = Array<\n  keyof typeof MESSAGE_ACTIONS | keyof typeof OPTIONAL_MESSAGE_ACTIONS | T\n>;\n\nexport type Capabilities = {\n  canDelete?: boolean;\n  canEdit?: boolean;\n  canFlag?: boolean;\n  canMarkUnread?: boolean;\n  canMute?: boolean;\n  canPin?: boolean;\n  canQuote?: boolean;\n  canReact?: boolean;\n  canReply?: boolean;\n};\n\nexport const getMessageActions = (\n  actions: MessageActionsArray | boolean,\n  {\n    canDelete,\n    canEdit,\n    canFlag,\n    canMarkUnread,\n    canMute,\n    canPin,\n    canQuote,\n    canReact,\n    canReply,\n  }: Capabilities,\n  channelConfig?: ChannelConfigWithInfo,\n): MessageActionsArray => {\n  const messageActionsAfterPermission: MessageActionsArray = [];\n  let messageActions: MessageActionsArray = [];\n\n  if (actions && typeof actions === 'boolean') {\n    // If value of actions is true, then populate all the possible values\n    messageActions = Object.keys(MESSAGE_ACTIONS);\n  } else if (actions && Array.isArray(actions) && actions.length > 0) {\n    messageActions = [...actions];\n  } else {\n    return [];\n  }\n\n  if (canDelete && messageActions.indexOf(MESSAGE_ACTIONS.delete) > -1) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.delete);\n  }\n\n  if (messageActions.indexOf(MESSAGE_ACTIONS.download) > -1) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.download);\n  }\n\n  if (canDelete && messageActions.indexOf(OPTIONAL_MESSAGE_ACTIONS.deleteForMe) > -1) {\n    messageActionsAfterPermission.push(OPTIONAL_MESSAGE_ACTIONS.deleteForMe);\n  }\n\n  if (canEdit && messageActions.indexOf(MESSAGE_ACTIONS.edit) > -1) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.edit);\n  }\n\n  if (canFlag && messageActions.indexOf(MESSAGE_ACTIONS.flag) > -1) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.flag);\n  }\n\n  if (canMarkUnread && messageActions.indexOf(MESSAGE_ACTIONS.markUnread) > -1) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.markUnread);\n  }\n\n  if (canMute && messageActions.indexOf(MESSAGE_ACTIONS.mute) > -1) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.mute);\n  }\n\n  if (canPin && messageActions.indexOf(MESSAGE_ACTIONS.pin) > -1) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.pin);\n  }\n\n  if (canQuote && messageActions.indexOf(MESSAGE_ACTIONS.quote) > -1) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.quote);\n  }\n\n  if (canReact && messageActions.indexOf(MESSAGE_ACTIONS.react) > -1) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.react);\n  }\n\n  if (\n    channelConfig?.['user_message_reminders'] &&\n    messageActions.indexOf(MESSAGE_ACTIONS.remindMe) > -1\n  ) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.remindMe);\n  }\n\n  if (canReply && messageActions.indexOf(MESSAGE_ACTIONS.reply) > -1) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.reply);\n  }\n\n  if (\n    channelConfig?.['user_message_reminders'] &&\n    messageActions.indexOf(MESSAGE_ACTIONS.saveForLater) > -1\n  ) {\n    messageActionsAfterPermission.push(MESSAGE_ACTIONS.saveForLater);\n  }\n\n  return messageActionsAfterPermission;\n};\n\nexport const ACTIONS_NOT_WORKING_IN_THREAD = [\n  MESSAGE_ACTIONS.pin,\n  MESSAGE_ACTIONS.reply,\n  MESSAGE_ACTIONS.markUnread,\n];\n\nfunction areMessagesEqual(prevMessage: LocalMessage, nextMessage: LocalMessage): boolean {\n  const areBaseMessagesEqual = (\n    prevMessage: LocalMessageBase,\n    nextMessage: LocalMessageBase,\n  ) =>\n    prevMessage.deleted_at === nextMessage.deleted_at &&\n    prevMessage.latest_reactions?.length === nextMessage.latest_reactions?.length &&\n    prevMessage.own_reactions?.length === nextMessage.own_reactions?.length &&\n    prevMessage.pinned === nextMessage.pinned &&\n    prevMessage.reply_count === nextMessage.reply_count &&\n    prevMessage.show_in_channel === nextMessage.show_in_channel &&\n    prevMessage.status === nextMessage.status &&\n    prevMessage.text === nextMessage.text &&\n    prevMessage.type === nextMessage.type &&\n    prevMessage.updated_at === nextMessage.updated_at &&\n    prevMessage.user?.updated_at === nextMessage.user?.updated_at;\n\n  return (\n    areBaseMessagesEqual(prevMessage, nextMessage) &&\n    Boolean(prevMessage.quoted_message) === Boolean(nextMessage.quoted_message) &&\n    ((!prevMessage.quoted_message && !nextMessage.quoted_message) ||\n      areBaseMessagesEqual(\n        prevMessage.quoted_message as LocalMessageBase,\n        nextMessage.quoted_message as LocalMessageBase,\n      ))\n  );\n}\n\nexport const areMessagePropsEqual = (\n  prevProps: MessageProps & {\n    mutes?: Mute[];\n    showDetailedReactions?: boolean;\n  },\n  nextProps: MessageProps & {\n    mutes?: Mute[];\n    showDetailedReactions?: boolean;\n  },\n) => {\n  const { message: prevMessage, Message: prevMessageUI } = prevProps;\n  const { message: nextMessage, Message: nextMessageUI } = nextProps;\n\n  if (prevMessageUI !== nextMessageUI) return false;\n\n  if (nextProps.showDetailedReactions !== prevProps.showDetailedReactions) {\n    return false;\n  }\n\n  if (nextProps.closeReactionSelectorOnClick !== prevProps.closeReactionSelectorOnClick) {\n    return false;\n  }\n\n  const messagesAreEqual = areMessagesEqual(prevMessage, nextMessage);\n  if (!messagesAreEqual) return false;\n\n  const deepEqualProps =\n    deepequal(nextProps.messageActions, prevProps.messageActions) &&\n    deepequal(nextProps.readBy, prevProps.readBy) &&\n    deepequal(nextProps.deliveredTo, prevProps.deliveredTo) &&\n    deepequal(nextProps.highlighted, prevProps.highlighted) &&\n    deepequal(nextProps.groupStyles, prevProps.groupStyles) && // last 3 messages can have different group styles\n    deepequal(nextProps.mutes, prevProps.mutes) &&\n    deepequal(nextProps.lastReceivedId, prevProps.lastReceivedId);\n\n  if (!deepEqualProps) return false;\n\n  return (\n    prevProps.messageListRect === nextProps.messageListRect // MessageList wrapper layout changes\n  );\n};\n\nexport const areMessageUIPropsEqual = (\n  prevProps: MessageContextValue & {\n    showDetailedReactions?: boolean;\n  },\n  nextProps: MessageContextValue & {\n    showDetailedReactions?: boolean;\n  },\n) => {\n  const { lastReceivedId: prevLastReceivedId, message: prevMessage } = prevProps;\n  const { lastReceivedId: nextLastReceivedId, message: nextMessage } = nextProps;\n\n  if (prevProps.highlighted !== nextProps.highlighted) return false;\n  if (prevProps.threadList !== nextProps.threadList) return false;\n  if (prevProps.endOfGroup !== nextProps.endOfGroup) return false;\n  if (prevProps.mutes?.length !== nextProps.mutes?.length) return false;\n  if (prevProps.readBy?.length !== nextProps.readBy?.length) return false;\n  if (prevProps.deliveredTo?.length !== nextProps.deliveredTo?.length) return false;\n  if (prevProps.groupStyles !== nextProps.groupStyles) return false;\n\n  if (prevProps.showDetailedReactions !== nextProps.showDetailedReactions) {\n    return false;\n  }\n\n  if (\n    (prevMessage.id === prevLastReceivedId || prevMessage.id === nextLastReceivedId) &&\n    prevLastReceivedId !== nextLastReceivedId\n  ) {\n    return false;\n  }\n\n  return areMessagesEqual(prevMessage, nextMessage);\n};\n\nexport const messageHasReactions = (message?: LocalMessage) =>\n  Object.values(message?.reaction_groups ?? {}).some(({ count }) => count > 0);\n\nexport const messageHasQuotedMessage = (message?: LocalMessage) =>\n  !!message?.quoted_message;\n\nexport const messageHasAttachments = (message?: LocalMessage) =>\n  !!message?.attachments && !!message.attachments.length;\n\nexport const messageHasSingleAttachment = (message?: LocalMessage) =>\n  message?.attachments?.length === 1;\n\nexport const messageHasGiphyAttachment = (message?: LocalMessage) =>\n  !!message?.attachments?.some((att) => att.type === 'giphy');\n\nexport const getImages = (message?: MessageResponse) => {\n  if (!message?.attachments) {\n    return [];\n  }\n  return message.attachments.filter((item) => item.type === 'image');\n};\n\nexport const getNonImageAttachments = (message?: MessageResponse) => {\n  if (!message?.attachments) {\n    return [];\n  }\n  return message.attachments.filter((item) => item.type !== 'image');\n};\n\nexport interface TooltipUsernameMapper {\n  (user: UserResponse): string;\n}\n\n/**\n * Default Tooltip Username mapper implementation.\n *\n * @param user the user.\n */\nexport const mapToUserNameOrId: TooltipUsernameMapper = (user) => user.name || user.id;\n\nexport const getReadByTooltipText = (\n  users: UserResponse[],\n  t: TFunction,\n  client: StreamChat,\n  tooltipUserNameMapper: TooltipUsernameMapper,\n) => {\n  let outStr = '';\n\n  if (!t) {\n    throw new Error(\n      'getReadByTooltipText was called, but translation function is not available',\n    );\n  }\n\n  if (!tooltipUserNameMapper) {\n    throw new Error(\n      'getReadByTooltipText was called, but tooltipUserNameMapper function is not available',\n    );\n  }\n  // first filter out client user, so restLength won't count it\n  const otherUsers = users\n    .filter((item) => item && client?.user && item.id !== client.user.id)\n    .map(tooltipUserNameMapper);\n\n  const slicedArr = otherUsers.slice(0, 5);\n  const restLength = otherUsers.length - slicedArr.length;\n\n  if (slicedArr.length === 1) {\n    outStr = `${slicedArr[0]} `;\n  } else if (slicedArr.length === 2) {\n    // joins all with \"and\" but =no commas\n    // example: \"bob and sam\"\n    outStr = t('{{ firstUser }} and {{ secondUser }}', {\n      firstUser: slicedArr[0],\n      secondUser: slicedArr[1],\n    });\n  } else if (slicedArr.length > 2) {\n    // joins all with commas, but last one gets \", and\" (oxford comma!)\n    // example: \"bob, joe, sam and 4 more\"\n    if (restLength === 0) {\n      // mutate slicedArr to remove last user to display it separately\n      const lastUser = slicedArr.splice(slicedArr.length - 1, 1);\n      outStr = t('{{ commaSeparatedUsers }}, and {{ lastUser }}', {\n        commaSeparatedUsers: slicedArr.join(', '),\n        lastUser,\n      });\n    } else {\n      outStr = t('{{ commaSeparatedUsers }} and {{ moreCount }} more', {\n        commaSeparatedUsers: slicedArr.join(', '),\n        moreCount: restLength,\n      });\n    }\n  }\n\n  return outStr;\n};\n\nexport const countEmojis = (text?: string) => {\n  const matches = text?.match(EMOJI_REGEX);\n  return matches ? matches.length : 0;\n};\n\nexport const messageTextHasEmojisOnly = (message: LocalMessage) => {\n  if (!message.text) return false;\n\n  const noEmojis = message.text.replace(EMOJI_REGEX, '');\n  const noSpace = noEmojis.replace(/[\\s\\n]/gm, '');\n\n  return !noSpace;\n};\n\nexport const isMessageErrorRetryable = (message: LocalMessage) =>\n  message.status === 'failed' && message.error?.status !== 403;\n\nexport const isNetworkSendFailure = (message: Pick<LocalMessage, 'error' | 'status'>) =>\n  message.status === 'failed' && message.error?.status === 0;\n\nexport const isMessageBounced = (\n  message: Pick<LocalMessage, 'type' | 'moderation' | 'moderation_details'>,\n) =>\n  message.type === 'error' &&\n  (message.moderation_details?.action === 'MESSAGE_RESPONSE_ACTION_BOUNCE' ||\n    message.moderation?.action === 'bounce');\n\nexport const isMessageBlocked = (\n  message: Pick<LocalMessage, 'type' | 'moderation' | 'moderation_details' | 'shadowed'>,\n) =>\n  message.shadowed ||\n  (message.type === 'error' &&\n    (message.moderation_details?.action === 'MESSAGE_RESPONSE_ACTION_REMOVE' ||\n      message.moderation?.action === 'remove'));\n\nexport const isMessageDeleted = (message: LocalMessage): boolean =>\n  Boolean(message.deleted_at || message.type === 'deleted' || message.deleted_for_me);\n\nexport const isMessageEdited = (message: Pick<LocalMessage, 'message_text_updated_at'>) =>\n  !!message.message_text_updated_at;\n"],"mappings":";;;;;;;AAqBA,IAAa,yBACX,MACA,SACG;CACH,IAAI,CAAC,QAAQ,OAAO,SAAS,YAAY,OAAO;CAIhD,IAAI,CAAC,MAAM,QAAQ,IAAI,GACrB,OAAO,CAAC,IAAI;CAGd,MAAM,cAAc,KAAK,GAAG,IAAI;CAEhC,IAAI,OAAO,gBAAgB,UAAU,OAAO;CAE5C,OAAO;AACT;;;;AAKA,IAAa,eAAe,SAAuB,UAAmB;CACpE,IAAI,CAAC,SAAS,CAAC,SAAS,OAAO;CAG/B,OAAO,CAAC,CADU,MAAM,QAAQ,OAAO,GAAG,OAAO,OAAO,QAAQ,MAAM,EAC7D,CAAA,CAAU;AACrB;AAEA,IAAa,2BAA2B,EACtC,aAAa,cACf;AAEA,IAAa,kBAAkB;CAC7B,QAAQ;CACR,UAAU;CACV,MAAM;CACN,MAAM;CACN,YAAY;CACZ,MAAM;CACN,KAAK;CACL,OAAO;CACP,OAAO;CACP,UAAU;CACV,OAAO;CACP,cAAc;AAChB;AAkBA,IAAa,qBACX,SACA,EACE,WACA,SACA,SACA,eACA,SACA,QACA,UACA,UACA,YAEF,kBACwB;CACxB,MAAM,gCAAqD,CAAC;CAC5D,IAAI,iBAAsC,CAAC;CAE3C,IAAI,WAAW,OAAO,YAAY,WAEhC,iBAAiB,OAAO,KAAK,eAAe;MACvC,IAAI,WAAW,MAAM,QAAQ,OAAO,KAAK,QAAQ,SAAS,GAC/D,iBAAiB,CAAC,GAAG,OAAO;MAE5B,OAAO,CAAC;CAGV,IAAI,aAAa,eAAe,QAAQ,gBAAgB,MAAM,IAAI,IAChE,8BAA8B,KAAK,gBAAgB,MAAM;CAG3D,IAAI,eAAe,QAAQ,gBAAgB,QAAQ,IAAI,IACrD,8BAA8B,KAAK,gBAAgB,QAAQ;CAG7D,IAAI,aAAa,eAAe,QAAQ,yBAAyB,WAAW,IAAI,IAC9E,8BAA8B,KAAK,yBAAyB,WAAW;CAGzE,IAAI,WAAW,eAAe,QAAQ,gBAAgB,IAAI,IAAI,IAC5D,8BAA8B,KAAK,gBAAgB,IAAI;CAGzD,IAAI,WAAW,eAAe,QAAQ,gBAAgB,IAAI,IAAI,IAC5D,8BAA8B,KAAK,gBAAgB,IAAI;CAGzD,IAAI,iBAAiB,eAAe,QAAQ,gBAAgB,UAAU,IAAI,IACxE,8BAA8B,KAAK,gBAAgB,UAAU;CAG/D,IAAI,WAAW,eAAe,QAAQ,gBAAgB,IAAI,IAAI,IAC5D,8BAA8B,KAAK,gBAAgB,IAAI;CAGzD,IAAI,UAAU,eAAe,QAAQ,gBAAgB,GAAG,IAAI,IAC1D,8BAA8B,KAAK,gBAAgB,GAAG;CAGxD,IAAI,YAAY,eAAe,QAAQ,gBAAgB,KAAK,IAAI,IAC9D,8BAA8B,KAAK,gBAAgB,KAAK;CAG1D,IAAI,YAAY,eAAe,QAAQ,gBAAgB,KAAK,IAAI,IAC9D,8BAA8B,KAAK,gBAAgB,KAAK;CAG1D,IACE,gBAAgB,6BAChB,eAAe,QAAQ,gBAAgB,QAAQ,IAAI,IAEnD,8BAA8B,KAAK,gBAAgB,QAAQ;CAG7D,IAAI,YAAY,eAAe,QAAQ,gBAAgB,KAAK,IAAI,IAC9D,8BAA8B,KAAK,gBAAgB,KAAK;CAG1D,IACE,gBAAgB,6BAChB,eAAe,QAAQ,gBAAgB,YAAY,IAAI,IAEvD,8BAA8B,KAAK,gBAAgB,YAAY;CAGjE,OAAO;AACT;AAEA,IAAa,gCAAgC;CAC3C,gBAAgB;CAChB,gBAAgB;CAChB,gBAAgB;AAClB;AAEA,SAAS,iBAAiB,aAA2B,aAAoC;CACvF,MAAM,wBACJ,aACA,gBAEA,YAAY,eAAe,YAAY,cACvC,YAAY,kBAAkB,WAAW,YAAY,kBAAkB,UACvE,YAAY,eAAe,WAAW,YAAY,eAAe,UACjE,YAAY,WAAW,YAAY,UACnC,YAAY,gBAAgB,YAAY,eACxC,YAAY,oBAAoB,YAAY,mBAC5C,YAAY,WAAW,YAAY,UACnC,YAAY,SAAS,YAAY,QACjC,YAAY,SAAS,YAAY,QACjC,YAAY,eAAe,YAAY,cACvC,YAAY,MAAM,eAAe,YAAY,MAAM;CAErD,OACE,qBAAqB,aAAa,WAAW,KAC7C,QAAQ,YAAY,cAAc,MAAM,QAAQ,YAAY,cAAc,MACxE,CAAC,YAAY,kBAAkB,CAAC,YAAY,kBAC5C,qBACE,YAAY,gBACZ,YAAY,cACd;AAEN;AAEA,IAAa,wBACX,WAIA,cAIG;CACH,MAAM,EAAE,SAAS,aAAa,SAAS,kBAAkB;CACzD,MAAM,EAAE,SAAS,aAAa,SAAS,kBAAkB;CAEzD,IAAI,kBAAkB,eAAe,OAAO;CAE5C,IAAI,UAAU,0BAA0B,UAAU,uBAChD,OAAO;CAGT,IAAI,UAAU,iCAAiC,UAAU,8BACvD,OAAO;CAIT,IAAI,CADqB,iBAAiB,aAAa,WAClD,GAAkB,OAAO;CAW9B,IAAI,EARF,UAAU,UAAU,gBAAgB,UAAU,cAAc,KAC5D,UAAU,UAAU,QAAQ,UAAU,MAAM,KAC5C,UAAU,UAAU,aAAa,UAAU,WAAW,KACtD,UAAU,UAAU,aAAa,UAAU,WAAW,KACtD,UAAU,UAAU,aAAa,UAAU,WAAW,KACtD,UAAU,UAAU,OAAO,UAAU,KAAK,KAC1C,UAAU,UAAU,gBAAgB,UAAU,cAAc,IAEzC,OAAO;CAE5B,OACE,UAAU,oBAAoB,UAAU;AAE5C;AAEA,IAAa,0BACX,WAGA,cAGG;CACH,MAAM,EAAE,gBAAgB,oBAAoB,SAAS,gBAAgB;CACrE,MAAM,EAAE,gBAAgB,oBAAoB,SAAS,gBAAgB;CAErE,IAAI,UAAU,gBAAgB,UAAU,aAAa,OAAO;CAC5D,IAAI,UAAU,eAAe,UAAU,YAAY,OAAO;CAC1D,IAAI,UAAU,eAAe,UAAU,YAAY,OAAO;CAC1D,IAAI,UAAU,OAAO,WAAW,UAAU,OAAO,QAAQ,OAAO;CAChE,IAAI,UAAU,QAAQ,WAAW,UAAU,QAAQ,QAAQ,OAAO;CAClE,IAAI,UAAU,aAAa,WAAW,UAAU,aAAa,QAAQ,OAAO;CAC5E,IAAI,UAAU,gBAAgB,UAAU,aAAa,OAAO;CAE5D,IAAI,UAAU,0BAA0B,UAAU,uBAChD,OAAO;CAGT,KACG,YAAY,OAAO,sBAAsB,YAAY,OAAO,uBAC7D,uBAAuB,oBAEvB,OAAO;CAGT,OAAO,iBAAiB,aAAa,WAAW;AAClD;AAEA,IAAa,uBAAuB,YAClC,OAAO,OAAO,SAAS,mBAAmB,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,YAAY,QAAQ,CAAC;AAE7E,IAAa,2BAA2B,YACtC,CAAC,CAAC,SAAS;AAEb,IAAa,yBAAyB,YACpC,CAAC,CAAC,SAAS,eAAe,CAAC,CAAC,QAAQ,YAAY;AAElD,IAAa,8BAA8B,YACzC,SAAS,aAAa,WAAW;AAEnC,IAAa,6BAA6B,YACxC,CAAC,CAAC,SAAS,aAAa,MAAM,QAAQ,IAAI,SAAS,OAAO;AAE5D,IAAa,aAAa,YAA8B;CACtD,IAAI,CAAC,SAAS,aACZ,OAAO,CAAC;CAEV,OAAO,QAAQ,YAAY,QAAQ,SAAS,KAAK,SAAS,OAAO;AACnE;AAEA,IAAa,0BAA0B,YAA8B;CACnE,IAAI,CAAC,SAAS,aACZ,OAAO,CAAC;CAEV,OAAO,QAAQ,YAAY,QAAQ,SAAS,KAAK,SAAS,OAAO;AACnE;;;;;;AAWA,IAAa,qBAA4C,SAAS,KAAK,QAAQ,KAAK;AAEpF,IAAa,wBACX,OACA,GACA,QACA,0BACG;CACH,IAAI,SAAS;CAEb,IAAI,CAAC,GACH,MAAM,IAAI,MACR,4EACF;CAGF,IAAI,CAAC,uBACH,MAAM,IAAI,MACR,sFACF;CAGF,MAAM,aAAa,MAChB,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,KAAK,OAAO,OAAO,KAAK,EAAE,CAAC,CACpE,IAAI,qBAAqB;CAE5B,MAAM,YAAY,WAAW,MAAM,GAAG,CAAC;CACvC,MAAM,aAAa,WAAW,SAAS,UAAU;CAEjD,IAAI,UAAU,WAAW,GACvB,SAAS,GAAG,UAAU,GAAG;MACpB,IAAI,UAAU,WAAW,GAG9B,SAAS,EAAE,wCAAwC;EACjD,WAAW,UAAU;EACrB,YAAY,UAAU;CACxB,CAAC;MACI,IAAI,UAAU,SAAS,GAG5B,IAAI,eAAe,GAAG;EAEpB,MAAM,WAAW,UAAU,OAAO,UAAU,SAAS,GAAG,CAAC;EACzD,SAAS,EAAE,iDAAiD;GAC1D,qBAAqB,UAAU,KAAK,IAAI;GACxC;EACF,CAAC;CACH,OACE,SAAS,EAAE,sDAAsD;EAC/D,qBAAqB,UAAU,KAAK,IAAI;EACxC,WAAW;CACb,CAAC;CAIL,OAAO;AACT;AAEA,IAAa,eAAe,SAAkB;CAC5C,MAAM,UAAU,MAAM,MAAM,WAAW;CACvC,OAAO,UAAU,QAAQ,SAAS;AACpC;AAEA,IAAa,4BAA4B,YAA0B;CACjE,IAAI,CAAC,QAAQ,MAAM,OAAO;CAK1B,OAAO,CAHU,QAAQ,KAAK,QAAQ,aAAa,EACnC,CAAA,CAAS,QAAQ,YAAY,EAErC;AACV;AAEA,IAAa,2BAA2B,YACtC,QAAQ,WAAW,YAAY,QAAQ,OAAO,WAAW;AAE3D,IAAa,wBAAwB,YACnC,QAAQ,WAAW,YAAY,QAAQ,OAAO,WAAW;AAE3D,IAAa,oBACX,YAEA,QAAQ,SAAS,YAChB,QAAQ,oBAAoB,WAAW,oCACtC,QAAQ,YAAY,WAAW;AAEnC,IAAa,oBACX,YAEA,QAAQ,YACP,QAAQ,SAAS,YACf,QAAQ,oBAAoB,WAAW,oCACtC,QAAQ,YAAY,WAAW;AAErC,IAAa,oBAAoB,YAC/B,QAAQ,QAAQ,cAAc,QAAQ,SAAS,aAAa,QAAQ,cAAc;AAEpF,IAAa,mBAAmB,YAC9B,CAAC,CAAC,QAAQ"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../../src/components/Message/utils.tsx"],"sourcesContent":["import deepequal from 'react-fast-compare';\n\nimport { EMOJI_REGEX } from './emojiRegex';\n\nimport type {\n  LocalMessage,\n  MessageResponse,\n  StreamChat,\n  UserMuteResponse,\n  UserResponse,\n} from 'stream-chat';\nimport type { MessageProps } from './types';\nimport type { MessageContextValue } from '../../context';\nimport type { StreamTFunction } from '../../i18n/types';\n\n/**\n * Following function validates a function which returns notification message.\n * It validates if the first parameter is function and also if return value of function is string or no.\n */\nexport const validateAndGetMessage = <T extends unknown[]>(\n  func: (...args: T) => unknown,\n  args: T,\n) => {\n  if (!func || typeof func !== 'function') return null;\n\n  // below is due to tests passing a single argument\n  // rather than an array.\n  if (!Array.isArray(args)) {\n    args = [args] as unknown as T;\n  }\n\n  const returnValue = func(...args);\n\n  if (typeof returnValue !== 'string') return null;\n\n  return returnValue;\n};\n\n/**\n * Tell if the owner of the current message is muted\n */\nexport const isUserMuted = (message: LocalMessage, mutes?: UserMuteResponse[]) => {\n  if (!mutes || !message) return false;\n\n  return mutes.some(({ target }) => target?.id === message.user?.id);\n};\n\n/** `MessageActionSetItem['type']`s that a thread reply does not support. */\nexport const ACTIONS_NOT_WORKING_IN_THREAD: string[] = ['pin', 'reply', 'markUnread'];\n\nfunction areMessagesEqual(prevMessage: LocalMessage, nextMessage: LocalMessage): boolean {\n  if (prevMessage === nextMessage) return true;\n\n  const areBaseMessagesEqual = (prevMessage: LocalMessage, nextMessage: LocalMessage) =>\n    prevMessage.deleted_at === nextMessage.deleted_at &&\n    prevMessage.attachments === nextMessage.attachments &&\n    prevMessage.latest_reactions === nextMessage.latest_reactions &&\n    prevMessage.own_reactions === nextMessage.own_reactions &&\n    prevMessage.reaction_groups === nextMessage.reaction_groups &&\n    prevMessage.shared_location === nextMessage.shared_location &&\n    prevMessage.pinned === nextMessage.pinned &&\n    prevMessage.reply_count === nextMessage.reply_count &&\n    prevMessage.show_in_channel === nextMessage.show_in_channel &&\n    prevMessage.status === nextMessage.status &&\n    prevMessage.text === nextMessage.text &&\n    prevMessage.type === nextMessage.type &&\n    prevMessage.updated_at === nextMessage.updated_at &&\n    prevMessage.user?.updated_at === nextMessage.user?.updated_at;\n\n  return (\n    areBaseMessagesEqual(prevMessage, nextMessage) &&\n    Boolean(prevMessage.quoted_message) === Boolean(nextMessage.quoted_message) &&\n    ((!prevMessage.quoted_message && !nextMessage.quoted_message) ||\n      areBaseMessagesEqual(\n        prevMessage.quoted_message as LocalMessage,\n        nextMessage.quoted_message as LocalMessage,\n      ))\n  );\n}\n\nexport const areMessagePropsEqual = (\n  prevProps: MessageProps & {\n    showDetailedReactions?: boolean;\n  },\n  nextProps: MessageProps & {\n    showDetailedReactions?: boolean;\n  },\n) => {\n  const { message: prevMessage } = prevProps;\n  const { message: nextMessage } = nextProps;\n\n  // The message UI component itself is not compared here: it is resolved from\n  // `ComponentContext`, and context updates re-render consumers regardless of `React.memo`.\n  if (nextProps.showDetailedReactions !== prevProps.showDetailedReactions) {\n    return false;\n  }\n\n  if (nextProps.closeReactionSelectorOnClick !== prevProps.closeReactionSelectorOnClick) {\n    return false;\n  }\n\n  const messagesAreEqual = areMessagesEqual(prevMessage, nextMessage);\n  if (!messagesAreEqual) return false;\n\n  const deepEqualProps =\n    deepequal(nextProps.readBy, prevProps.readBy) &&\n    deepequal(nextProps.deliveredTo, prevProps.deliveredTo) &&\n    deepequal(nextProps.highlighted, prevProps.highlighted) &&\n    deepequal(nextProps.groupStyles, prevProps.groupStyles) && // last 3 messages can have different group styles\n    deepequal(nextProps.lastReceivedId, prevProps.lastReceivedId);\n\n  if (!deepEqualProps) return false;\n\n  return (\n    prevProps.messageListRect === nextProps.messageListRect // MessageList wrapper layout changes\n  );\n};\n\nexport const areMessageUIPropsEqual = (\n  prevProps: MessageContextValue & {\n    showDetailedReactions?: boolean;\n  },\n  nextProps: MessageContextValue & {\n    showDetailedReactions?: boolean;\n  },\n) => {\n  const { lastReceivedId: prevLastReceivedId, message: prevMessage } = prevProps;\n  const { lastReceivedId: nextLastReceivedId, message: nextMessage } = nextProps;\n\n  if (prevProps.highlighted !== nextProps.highlighted) return false;\n  if (prevProps.endOfGroup !== nextProps.endOfGroup) return false;\n  if (prevProps.readBy?.length !== nextProps.readBy?.length) return false;\n  if (prevProps.deliveredTo?.length !== nextProps.deliveredTo?.length) return false;\n  if (prevProps.groupStyles !== nextProps.groupStyles) return false;\n\n  if (prevProps.showDetailedReactions !== nextProps.showDetailedReactions) {\n    return false;\n  }\n\n  if (\n    (prevMessage.id === prevLastReceivedId || prevMessage.id === nextLastReceivedId) &&\n    prevLastReceivedId !== nextLastReceivedId\n  ) {\n    return false;\n  }\n\n  return areMessagesEqual(prevMessage, nextMessage);\n};\n\nexport const messageHasReactions = (message?: LocalMessage) =>\n  Object.values(message?.reaction_groups ?? {}).some(({ count }) => count > 0);\n\nexport const messageHasQuotedMessage = (message?: LocalMessage) =>\n  !!message?.quoted_message;\n\nexport const messageHasAttachments = (message?: LocalMessage) =>\n  !!message?.attachments && !!message.attachments.length;\n\nexport const messageHasSingleAttachment = (message?: LocalMessage) =>\n  message?.attachments?.length === 1;\n\nexport const messageHasGiphyAttachment = (message?: LocalMessage) =>\n  !!message?.attachments?.some((att) => att.type === 'giphy');\n\nexport const getImages = (message?: MessageResponse) => {\n  if (!message?.attachments) {\n    return [];\n  }\n  return message.attachments.filter((item) => item.type === 'image');\n};\n\nexport const getNonImageAttachments = (message?: MessageResponse) => {\n  if (!message?.attachments) {\n    return [];\n  }\n  return message.attachments.filter((item) => item.type !== 'image');\n};\n\nexport interface TooltipUsernameMapper {\n  (user: UserResponse): string;\n}\n\n/**\n * Default Tooltip Username mapper implementation.\n *\n * @param user the user.\n */\nexport const mapToUserNameOrId: TooltipUsernameMapper = (user) => user.name || user.id;\n\nexport const getReadByTooltipText = (\n  users: UserResponse[],\n  t: StreamTFunction,\n  client: StreamChat,\n  tooltipUserNameMapper: TooltipUsernameMapper,\n) => {\n  let outStr = '';\n\n  if (!t) {\n    throw new Error(\n      'getReadByTooltipText was called, but translation function is not available',\n    );\n  }\n\n  if (!tooltipUserNameMapper) {\n    throw new Error(\n      'getReadByTooltipText was called, but tooltipUserNameMapper function is not available',\n    );\n  }\n  // first filter out client user, so restLength won't count it\n  const otherUsers = users\n    .filter((item) => item && client?.user && item.id !== client.user.id)\n    .map(tooltipUserNameMapper);\n\n  const slicedArr = otherUsers.slice(0, 5);\n  const restLength = otherUsers.length - slicedArr.length;\n\n  if (slicedArr.length === 1) {\n    outStr = `${slicedArr[0]} `;\n  } else if (slicedArr.length === 2) {\n    // joins all with \"and\" but =no commas\n    // example: \"bob and sam\"\n    outStr = t(\n      'message.and.withFirstUserAndSecondUser.label',\n      '{{ firstUser }} and {{ secondUser }}',\n      {\n        firstUser: slicedArr[0],\n        secondUser: slicedArr[1],\n      },\n    );\n  } else if (slicedArr.length > 2) {\n    // joins all with commas, but last one gets \", and\" (oxford comma!)\n    // example: \"bob, joe, sam and 4 more\"\n    if (restLength === 0) {\n      // mutate slicedArr to remove last user to display it separately\n      const [lastUser] = slicedArr.splice(slicedArr.length - 1, 1);\n      outStr = t(\n        'message.and.withCommaSeparatedUsersAndLastUser.label',\n        '{{ commaSeparatedUsers }}, and {{ lastUser }}',\n        {\n          commaSeparatedUsers: slicedArr.join(', '),\n          lastUser,\n        },\n      );\n    } else {\n      outStr = t(\n        'message.more.label',\n        '{{ commaSeparatedUsers }} and {{ moreCount }} more',\n        {\n          commaSeparatedUsers: slicedArr.join(', '),\n          moreCount: restLength,\n        },\n      );\n    }\n  }\n\n  return outStr;\n};\n\nexport const countEmojis = (text?: string) => {\n  const matches = text?.match(EMOJI_REGEX);\n  return matches ? matches.length : 0;\n};\n\nexport const messageTextHasEmojisOnly = (message: LocalMessage) => {\n  if (!message.text) return false;\n\n  const noEmojis = message.text.replace(EMOJI_REGEX, '');\n  const noSpace = noEmojis.replace(/[\\s\\n]/gm, '');\n\n  return !noSpace;\n};\n\nexport const isMessageErrorRetryable = (message: LocalMessage) =>\n  message.status === 'failed' && message.error?.status !== 403;\n\nexport const isNetworkSendFailure = (message: Pick<LocalMessage, 'error' | 'status'>) =>\n  message.status === 'failed' && message.error?.status === 0;\n\nexport const isMessageBounced = (message: Pick<LocalMessage, 'type' | 'moderation'>) =>\n  message.type === 'error' && message.moderation?.action === 'bounce';\n\nexport const isMessageBlocked = (\n  message: Pick<LocalMessage, 'type' | 'moderation' | 'shadowed'>,\n) =>\n  message.shadowed ||\n  (message.type === 'error' && message.moderation?.action === 'remove');\n\nexport const isMessageDeleted = (message: LocalMessage): boolean =>\n  Boolean(\n    message.deleted_at != null || message.type === 'deleted' || message.deleted_for_me,\n  );\n\nexport const isMessageEdited = (message: Pick<LocalMessage, 'message_text_updated_at'>) =>\n  message.message_text_updated_at != null;\n"],"mappings":"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"}