stream-chat-react 14.11.1 → 14.12.0

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

@@ -0,0 +1,57 @@
+import { useComponentContextIcons } from "../../context/useComponentContextIcons.mjs";
+import { useStateStore } from "../../store/hooks/useStateStore.mjs";
+import { useTranslationContext } from "../../context/TranslationContext.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Message/ReminderNotification.tsx
+var reminderStateSelector = (state) => ({ timeLeftMs: state.timeLeftMs });
+function SavedForLaterContent() {
+	const { IconBookmark } = useComponentContextIcons();
+	const { t } = useTranslationContext();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "str-chat__message-saved-for-later",
+		children: [/* @__PURE__ */ jsx(IconBookmark, {}), /* @__PURE__ */ jsx("span", { children: t("Saved for later") })]
+	});
+}
+var THRESHOLD_RELATIVE_MINUTES = 59;
+function RemindMeContent({ reminder }) {
+	const { IconBell } = useComponentContextIcons();
+	const { t } = useTranslationContext();
+	const { timeLeftMs } = useStateStore(reminder?.state, reminderStateSelector) ?? {};
+	const stopRefreshBoundaryMs = reminder?.timer.stopRefreshBoundaryMs;
+	const stopRefreshTimeStamp = reminder?.remindAt && stopRefreshBoundaryMs ? reminder.remindAt.getTime() + stopRefreshBoundaryMs : void 0;
+	const isBehindRefreshBoundary = !!stopRefreshTimeStamp && (/* @__PURE__ */ new Date()).getTime() > stopRefreshTimeStamp;
+	if (timeLeftMs === null || !reminder.remindAt) return null;
+	const nowMs = Date.now();
+	const diffMs = reminder.remindAt.getTime() - nowMs;
+	const useAbsoluteFormat = Math.abs(diffMs) / (60 * 1e3) > THRESHOLD_RELATIVE_MINUTES;
+	const renderTime = () => {
+		if (isBehindRefreshBoundary) {
+			if (useAbsoluteFormat) return t("Due since {{ dueSince }}", { dueSince: t("timestamp/ReminderNotification", { timestamp: reminder.remindAt }) });
+			return t("Due since {{ dueSince }}", { dueSince: t("duration/Message reminder", { milliseconds: diffMs }) });
+		}
+		if (useAbsoluteFormat) return t("timestamp/ReminderNotification", { timestamp: reminder.remindAt });
+		return t("Due {{ timeLeft }}", { timeLeft: t("duration/Message reminder", { milliseconds: timeLeftMs }) });
+	};
+	return /* @__PURE__ */ jsxs("p", {
+		className: "str-chat__message-reminder",
+		children: [
+			/* @__PURE__ */ jsx(IconBell, {}),
+			/* @__PURE__ */ jsx("span", { children: t("Reminder set") }),
+			/* @__PURE__ */ jsx("span", { children: " · " }),
+			/* @__PURE__ */ jsx("span", {
+				className: "str-chat__message-reminder__time-left",
+				children: renderTime()
+			})
+		]
+	});
+}
+var ReminderNotification = ({ reminder }) => {
+	if (!reminder) return null;
+	if (!reminder.remindAt) return /* @__PURE__ */ jsx(SavedForLaterContent, {});
+	return /* @__PURE__ */ jsx(RemindMeContent, { reminder });
+};
+//#endregion
+export { ReminderNotification };
+
+//# sourceMappingURL=ReminderNotification.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReminderNotification.mjs","names":[],"sources":["../../../../src/components/Message/ReminderNotification.tsx"],"sourcesContent":["import React from 'react';\nimport { useComponentContextIcons, useTranslationContext } from '../../context';\nimport { useStateStore } from '../../store';\nimport type { Reminder, ReminderState } from 'stream-chat';\n\nexport type ReminderNotificationProps = {\n  reminder?: Reminder;\n};\n\nconst reminderStateSelector = (state: ReminderState) => ({\n  timeLeftMs: state.timeLeftMs,\n});\n\nfunction SavedForLaterContent() {\n  const { IconBookmark } = useComponentContextIcons();\n  const { t } = useTranslationContext();\n  return (\n    <div className='str-chat__message-saved-for-later'>\n      <IconBookmark />\n      <span>{t('Saved for later')}</span>\n    </div>\n  );\n}\n\nconst THRESHOLD_RELATIVE_MINUTES = 59;\n\nfunction RemindMeContent({ reminder }: { reminder: Reminder }) {\n  const { IconBell } = useComponentContextIcons();\n  const { t } = useTranslationContext();\n  const { timeLeftMs } = useStateStore(reminder?.state, reminderStateSelector) ?? {};\n\n  const stopRefreshBoundaryMs = reminder?.timer.stopRefreshBoundaryMs;\n  const stopRefreshTimeStamp =\n    reminder?.remindAt && stopRefreshBoundaryMs\n      ? reminder.remindAt.getTime() + stopRefreshBoundaryMs\n      : undefined;\n\n  const isBehindRefreshBoundary =\n    !!stopRefreshTimeStamp && new Date().getTime() > stopRefreshTimeStamp;\n\n  if (timeLeftMs === null || !reminder.remindAt) return null;\n\n  const nowMs = Date.now();\n  const remindAtMs = reminder.remindAt.getTime();\n  const diffMs = remindAtMs - nowMs;\n  const diffMinutes = Math.abs(diffMs) / (60 * 1000);\n  const useAbsoluteFormat = diffMinutes > THRESHOLD_RELATIVE_MINUTES;\n\n  const renderTime = () => {\n    if (isBehindRefreshBoundary) {\n      // Past: reminder time has passed\n      if (useAbsoluteFormat) {\n        // > 59 min ago: calendar + time (same as DateSeparator + HH:mm)\n        // e.g. \"Due since Today at 15:00\", \"Due since Yesterday at 09:30\"\n        return t('Due since {{ dueSince }}', {\n          dueSince: t('timestamp/ReminderNotification', {\n            timestamp: reminder.remindAt,\n          }),\n        });\n      }\n      // Within 59 min ago: relative\n      // e.g. \"Due since 5 minutes ago\", \"Due since a minute ago\"\n      return t('Due since {{ dueSince }}', {\n        dueSince: t('duration/Message reminder', {\n          milliseconds: diffMs,\n        }),\n      });\n    }\n    // Future: reminder not yet due\n    if (useAbsoluteFormat) {\n      // > 59 min from now: calendar + time (no \"Due\" prefix)\n      // e.g. \"Today at 15:00\", \"Tomorrow at 09:30\"\n      return t('timestamp/ReminderNotification', {\n        timestamp: reminder.remindAt,\n      });\n    }\n    // Within 59 min from now: relative\n    // e.g. \"Due in 30 minutes\", \"Due in a minute\"\n    return t('Due {{ timeLeft }}', {\n      timeLeft: t('duration/Message reminder', {\n        milliseconds: timeLeftMs,\n      }),\n    });\n  };\n\n  return (\n    <p className='str-chat__message-reminder'>\n      <IconBell />\n      <span>{t('Reminder set')}</span>\n      <span> · </span>\n      <span className='str-chat__message-reminder__time-left'>{renderTime()}</span>\n    </p>\n  );\n}\n\nexport const ReminderNotification = ({ reminder }: ReminderNotificationProps) => {\n  if (!reminder) return null;\n\n  if (!reminder.remindAt) {\n    return <SavedForLaterContent />;\n  }\n\n  return <RemindMeContent reminder={reminder} />;\n};\n"],"mappings":";;;;;;AASA,IAAM,yBAAyB,WAA0B,EACvD,YAAY,MAAM,WACpB;AAEA,SAAS,uBAAuB;CAC9B,MAAM,EAAE,iBAAiB,yBAAyB;CAClD,MAAM,EAAE,MAAM,sBAAsB;CACpC,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,cAAD,CAAe,CAAA,GACf,oBAAC,QAAD,EAAA,UAAO,EAAE,iBAAiB,EAAQ,CAAA,CAC/B;;AAET;AAEA,IAAM,6BAA6B;AAEnC,SAAS,gBAAgB,EAAE,YAAoC;CAC7D,MAAM,EAAE,aAAa,yBAAyB;CAC9C,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,eAAe,cAAc,UAAU,OAAO,qBAAqB,KAAK,CAAC;CAEjF,MAAM,wBAAwB,UAAU,MAAM;CAC9C,MAAM,uBACJ,UAAU,YAAY,wBAClB,SAAS,SAAS,QAAQ,IAAI,wBAC9B,KAAA;CAEN,MAAM,0BACJ,CAAC,CAAC,yCAAwB,IAAI,KAAK,EAAA,CAAE,QAAQ,IAAI;CAEnD,IAAI,eAAe,QAAQ,CAAC,SAAS,UAAU,OAAO;CAEtD,MAAM,QAAQ,KAAK,IAAI;CAEvB,MAAM,SADa,SAAS,SAAS,QACtB,IAAa;CAE5B,MAAM,oBADc,KAAK,IAAI,MAAM,KAAK,KAAK,OACL;CAExC,MAAM,mBAAmB;EACvB,IAAI,yBAAyB;GAE3B,IAAI,mBAGF,OAAO,EAAE,4BAA4B,EACnC,UAAU,EAAE,kCAAkC,EAC5C,WAAW,SAAS,SACtB,CAAC,EACH,CAAC;GAIH,OAAO,EAAE,4BAA4B,EACnC,UAAU,EAAE,6BAA6B,EACvC,cAAc,OAChB,CAAC,EACH,CAAC;EACH;EAEA,IAAI,mBAGF,OAAO,EAAE,kCAAkC,EACzC,WAAW,SAAS,SACtB,CAAC;EAIH,OAAO,EAAE,sBAAsB,EAC7B,UAAU,EAAE,6BAA6B,EACvC,cAAc,WAChB,CAAC,EACH,CAAC;CACH;CAEA,OACE,qBAAC,KAAD;EAAG,WAAU;YAAb;GACE,oBAAC,UAAD,CAAW,CAAA;GACX,oBAAC,QAAD,EAAA,UAAO,EAAE,cAAc,EAAQ,CAAA;GAC/B,oBAAC,QAAD,EAAA,UAAM,MAAS,CAAA;GACf,oBAAC,QAAD;IAAM,WAAU;cAAyC,WAAW;GAAQ,CAAA;EAC3E;;AAEP;AAEA,IAAa,wBAAwB,EAAE,eAA0C;CAC/E,IAAI,CAAC,UAAU,OAAO;CAEtB,IAAI,CAAC,SAAS,UACZ,OAAO,oBAAC,sBAAD,CAAuB,CAAA;CAGhC,OAAO,oBAAC,iBAAD,EAA2B,SAAW,CAAA;AAC/C"}

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

@@ -0,0 +1,35 @@
+import { useChannelStateContext } from "../../context/ChannelStateContext.mjs";
+import { useMessageContext } from "../../context/MessageContext.mjs";
+import { useMessageTextStreaming } from "./hooks/useMessageTextStreaming.mjs";
+import { MessageText } from "./MessageText.mjs";
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Message/StreamedMessageText.tsx
+var StreamedMessageText = (props) => {
+	const { message: messageFromProps, renderingLetterCount, renderText, streamingLetterIntervalMs } = props;
+	const { message: messageFromContext } = useMessageContext("StreamedMessageText");
+	const { channel } = useChannelStateContext();
+	const message = messageFromProps || messageFromContext;
+	const { text = "" } = message;
+	const { skipAnimation, streamedMessageText } = useMessageTextStreaming({
+		renderingLetterCount,
+		streamingLetterIntervalMs,
+		text
+	});
+	useEffect(() => {
+		channel?.on("ai_indicator.stop", () => {
+			skipAnimation();
+		});
+	}, [channel, skipAnimation]);
+	return /* @__PURE__ */ jsx(MessageText, {
+		message: {
+			...message,
+			text: streamedMessageText
+		},
+		renderText
+	});
+};
+//#endregion
+export { StreamedMessageText };
+
+//# sourceMappingURL=StreamedMessageText.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StreamedMessageText.mjs","names":[],"sources":["../../../../src/components/Message/StreamedMessageText.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport type { MessageTextProps } from './MessageText';\nimport { MessageText } from './MessageText';\n\nimport { useChannelStateContext, useMessageContext } from '../../context';\nimport { useMessageTextStreaming } from './hooks';\n\nexport type StreamedMessageTextProps = Pick<\n  MessageTextProps,\n  'message' | 'renderText'\n> & {\n  renderingLetterCount?: number;\n  streamingLetterIntervalMs?: number;\n};\n\nexport const StreamedMessageText = (props: StreamedMessageTextProps) => {\n  const {\n    message: messageFromProps,\n    renderingLetterCount,\n    renderText,\n    streamingLetterIntervalMs,\n  } = props;\n  const { message: messageFromContext } = useMessageContext('StreamedMessageText');\n  const { channel } = useChannelStateContext();\n  const message = messageFromProps || messageFromContext;\n  const { text = '' } = message;\n  const { skipAnimation, streamedMessageText } = useMessageTextStreaming({\n    renderingLetterCount,\n    streamingLetterIntervalMs,\n    text,\n  });\n\n  useEffect(() => {\n    channel?.on('ai_indicator.stop', () => {\n      skipAnimation();\n    });\n  }, [channel, skipAnimation]);\n\n  return (\n    <MessageText\n      message={{ ...message, text: streamedMessageText }}\n      renderText={renderText}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAgBA,IAAa,uBAAuB,UAAoC;CACtE,MAAM,EACJ,SAAS,kBACT,sBACA,YACA,8BACE;CACJ,MAAM,EAAE,SAAS,uBAAuB,kBAAkB,qBAAqB;CAC/E,MAAM,EAAE,YAAY,uBAAuB;CAC3C,MAAM,UAAU,oBAAoB;CACpC,MAAM,EAAE,OAAO,OAAO;CACtB,MAAM,EAAE,eAAe,wBAAwB,wBAAwB;EACrE;EACA;EACA;CACF,CAAC;CAED,gBAAgB;EACd,SAAS,GAAG,2BAA2B;GACrC,cAAc;EAChB,CAAC;CACH,GAAG,CAAC,SAAS,aAAa,CAAC;CAE3B,OACE,oBAAC,aAAD;EACE,SAAS;GAAE,GAAG;GAAS,MAAM;EAAoB;EACrC;CACb,CAAA;AAEL"}

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

@@ -0,0 +1,41 @@
+import { useMessageContext } from "../../context/MessageContext.mjs";
+import { getDateString, isDate } from "../../i18n/utils.mjs";
+import { useTranslationContext } from "../../context/TranslationContext.mjs";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Message/Timestamp.tsx
+function Timestamp(props) {
+	const { calendar, calendarFormats, customClass, format, timestamp } = props;
+	const { formatDate } = useMessageContext("MessageTimestamp");
+	const { t, tDateTimeParser } = useTranslationContext("MessageTimestamp");
+	const normalizedTimestamp = timestamp && isDate(timestamp) ? timestamp.toISOString() : timestamp;
+	const when = useMemo(() => getDateString({
+		calendar,
+		calendarFormats,
+		format,
+		formatDate,
+		messageCreatedAt: normalizedTimestamp,
+		t,
+		tDateTimeParser,
+		timestampTranslationKey: "timestamp/MessageTimestamp"
+	}), [
+		calendar,
+		calendarFormats,
+		format,
+		formatDate,
+		normalizedTimestamp,
+		t,
+		tDateTimeParser
+	]);
+	if (!when) return null;
+	return /* @__PURE__ */ jsx("time", {
+		className: customClass,
+		dateTime: normalizedTimestamp,
+		title: normalizedTimestamp,
+		children: when
+	});
+}
+//#endregion
+export { Timestamp };
+
+//# sourceMappingURL=Timestamp.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timestamp.mjs","names":[],"sources":["../../../../src/components/Message/Timestamp.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { useMessageContext } from '../../context/MessageContext';\nimport { useTranslationContext } from '../../context/TranslationContext';\nimport { getDateString, isDate } from '../../i18n/utils';\nimport type { TimestampFormatterOptions } from '../../i18n/types';\n\nexport interface TimestampProps extends TimestampFormatterOptions {\n  /* Adds a CSS class name to the component's outer `time` container. */\n  customClass?: string;\n  /* Timestamp to display */\n  timestamp?: Date | string;\n}\n\nexport function Timestamp(props: TimestampProps) {\n  const { calendar, calendarFormats, customClass, format, timestamp } = props;\n\n  const { formatDate } = useMessageContext('MessageTimestamp');\n  const { t, tDateTimeParser } = useTranslationContext('MessageTimestamp');\n\n  const normalizedTimestamp =\n    timestamp && isDate(timestamp) ? timestamp.toISOString() : timestamp;\n\n  const when = useMemo(\n    () =>\n      getDateString({\n        calendar,\n        calendarFormats,\n        format,\n        formatDate,\n        messageCreatedAt: normalizedTimestamp,\n        t,\n        tDateTimeParser,\n        timestampTranslationKey: 'timestamp/MessageTimestamp',\n      }),\n    [\n      calendar,\n      calendarFormats,\n      format,\n      formatDate,\n      normalizedTimestamp,\n      t,\n      tDateTimeParser,\n    ],\n  );\n\n  if (!when) {\n    return null;\n  }\n\n  return (\n    <time\n      className={customClass}\n      dateTime={normalizedTimestamp}\n      title={normalizedTimestamp}\n    >\n      {when}\n    </time>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,UAAU,OAAuB;CAC/C,MAAM,EAAE,UAAU,iBAAiB,aAAa,QAAQ,cAAc;CAEtE,MAAM,EAAE,eAAe,kBAAkB,kBAAkB;CAC3D,MAAM,EAAE,GAAG,oBAAoB,sBAAsB,kBAAkB;CAEvE,MAAM,sBACJ,aAAa,OAAO,SAAS,IAAI,UAAU,YAAY,IAAI;CAE7D,MAAM,OAAO,cAET,cAAc;EACZ;EACA;EACA;EACA;EACA,kBAAkB;EAClB;EACA;EACA,yBAAyB;CAC3B,CAAC,GACH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,IAAI,CAAC,MACH,OAAO;CAGT,OACE,oBAAC,QAAD;EACE,WAAW;EACX,UAAU;EACV,OAAO;YAEN;CACG,CAAA;AAEV"}

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

@@ -0,0 +1,20 @@
+import emojiRegex from "emoji-regex";
+//#region src/components/Message/emojiRegex.ts
+/**
+* `emojiRegex()` compiles a ~15KB regex source on every call, so we build a
+* single shared instance at module load and reuse it everywhere an emoji match
+* is needed.
+*
+* The instance is global (carries the `g` flag and therefore a mutable
+* `lastIndex`), so it is only safe to reuse with consumers that reset
+* `lastIndex` before scanning:
+* - `String#match` / `String#replace` reset it internally;
+* - `hast-util-find-and-replace` resets it before each use.
+*
+* Do NOT use it directly with stateful `.test()` / `.exec()` loops.
+*/
+var EMOJI_REGEX = emojiRegex();
+//#endregion
+export { EMOJI_REGEX };
+
+//# sourceMappingURL=emojiRegex.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"emojiRegex.mjs","names":[],"sources":["../../../../src/components/Message/emojiRegex.ts"],"sourcesContent":["import emojiRegex from 'emoji-regex';\n\n/**\n * `emojiRegex()` compiles a ~15KB regex source on every call, so we build a\n * single shared instance at module load and reuse it everywhere an emoji match\n * is needed.\n *\n * The instance is global (carries the `g` flag and therefore a mutable\n * `lastIndex`), so it is only safe to reuse with consumers that reset\n * `lastIndex` before scanning:\n * - `String#match` / `String#replace` reset it internally;\n * - `hast-util-find-and-replace` resets it before each use.\n *\n * Do NOT use it directly with stateful `.test()` / `.exec()` loops.\n */\nexport const EMOJI_REGEX = emojiRegex();\n"],"mappings":";;;;;;;;;;;;;;;AAeA,IAAa,cAAc,WAAW"}

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

@@ -0,0 +1,30 @@
+import { useChannelActionContext } from "../../../context/ChannelActionContext.mjs";
+import { useChannelStateContext } from "../../../context/ChannelStateContext.mjs";
+import { useStableCallback } from "../../../utils/useStableCallback.mjs";
+//#region src/components/Message/hooks/useActionHandler.ts
+var handleActionWarning = `Action 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.`;
+function useActionHandler(message) {
+	const { removeMessage, updateMessage } = useChannelActionContext("useActionHandler");
+	const { channel } = useChannelStateContext("useActionHandler");
+	return useStableCallback(async (dataOrName, value, event) => {
+		if (event) event.preventDefault();
+		if (!message || !updateMessage || !removeMessage || !channel) {
+			console.warn(handleActionWarning);
+			return;
+		}
+		const messageId = message.id;
+		let formData = {};
+		if (typeof dataOrName === "string") formData[dataOrName] = value;
+		else formData = { ...dataOrName };
+		if (messageId) {
+			const data = await channel.sendAction(messageId, formData);
+			if (data?.message) updateMessage(data.message);
+			else removeMessage(message);
+		}
+	});
+}
+//#endregion
+export { handleActionWarning, useActionHandler };
+
+//# sourceMappingURL=useActionHandler.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useActionHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useActionHandler.ts"],"sourcesContent":["import { useChannelActionContext } from '../../../context/ChannelActionContext';\nimport { useChannelStateContext } from '../../../context/ChannelStateContext';\n\nimport type React from 'react';\nimport type { LocalMessage } from 'stream-chat';\nimport { useStableCallback } from '../../../utils/useStableCallback';\n\nexport type FormData = Record<string, string>;\n\nexport type ActionHandlerReturnType = (\n  dataOrName?: string | FormData,\n  value?: string,\n  event?: React.BaseSyntheticEvent,\n) => Promise<void> | void;\n\nexport const handleActionWarning = `Action 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 function useActionHandler(message?: LocalMessage): ActionHandlerReturnType {\n  const { removeMessage, updateMessage } = useChannelActionContext('useActionHandler');\n  const { channel } = useChannelStateContext('useActionHandler');\n\n  return useStableCallback(async (dataOrName, value, event) => {\n    if (event) event.preventDefault();\n\n    if (!message || !updateMessage || !removeMessage || !channel) {\n      console.warn(handleActionWarning);\n      return;\n    }\n\n    const messageId = message.id;\n    let formData: FormData = {};\n\n    // deprecated: value&name should be removed in favor of data obj\n    if (typeof dataOrName === 'string') {\n      formData[dataOrName] = value as string;\n    } else {\n      formData = { ...dataOrName };\n    }\n\n    if (messageId) {\n      const data = await channel.sendAction(messageId, formData);\n\n      if (data?.message) {\n        updateMessage(data.message);\n      } else {\n        removeMessage(message);\n      }\n    }\n  });\n}\n"],"mappings":";;;;AAeA,IAAa,sBAAsB;;AAGnC,SAAgB,iBAAiB,SAAiD;CAChF,MAAM,EAAE,eAAe,kBAAkB,wBAAwB,kBAAkB;CACnF,MAAM,EAAE,YAAY,uBAAuB,kBAAkB;CAE7D,OAAO,kBAAkB,OAAO,YAAY,OAAO,UAAU;EAC3D,IAAI,OAAO,MAAM,eAAe;EAEhC,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,SAAS;GAC5D,QAAQ,KAAK,mBAAmB;GAChC;EACF;EAEA,MAAM,YAAY,QAAQ;EAC1B,IAAI,WAAqB,CAAC;EAG1B,IAAI,OAAO,eAAe,UACxB,SAAS,cAAc;OAEvB,WAAW,EAAE,GAAG,WAAW;EAG7B,IAAI,WAAW;GACb,MAAM,OAAO,MAAM,QAAQ,WAAW,WAAW,QAAQ;GAEzD,IAAI,MAAM,SACR,cAAc,KAAK,OAAO;QAE1B,cAAc,OAAO;EAEzB;CACF,CAAC;AACH"}

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

@@ -0,0 +1,21 @@
+import { useChannelActionContext } from "../../../context/ChannelActionContext.mjs";
+import { useChatContext } from "../../../context/ChatContext.mjs";
+import { isNetworkSendFailure } from "../utils.mjs";
+//#region src/components/Message/hooks/useDeleteHandler.ts
+var useDeleteHandler = (message) => {
+	const { deleteMessage, removeMessage, updateMessage } = useChannelActionContext("useDeleteHandler");
+	const { client } = useChatContext("useDeleteHandler");
+	return async (options) => {
+		if (!message) return;
+		if (message.type === "error" || isNetworkSendFailure(message)) {
+			removeMessage?.(message);
+			return;
+		}
+		if (!message.id || !client || !updateMessage) return;
+		updateMessage(await deleteMessage(message, options));
+	};
+};
+//#endregion
+export { useDeleteHandler };
+
+//# sourceMappingURL=useDeleteHandler.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDeleteHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useDeleteHandler.ts"],"sourcesContent":["import { isNetworkSendFailure } from '../utils';\n\nimport { useChannelActionContext } from '../../../context/ChannelActionContext';\nimport { useChatContext } from '../../../context/ChatContext';\n\nimport type { DeleteMessageOptions, LocalMessage } from 'stream-chat';\nimport type { MessageContextValue } from '../../../context';\n\nexport const useDeleteHandler = (\n  message?: LocalMessage,\n): MessageContextValue['handleDelete'] => {\n  const { deleteMessage, removeMessage, updateMessage } =\n    useChannelActionContext('useDeleteHandler');\n  const { client } = useChatContext('useDeleteHandler');\n\n  return async (options?: DeleteMessageOptions) => {\n    if (!message) {\n      return;\n    }\n\n    if (message.type === 'error' || isNetworkSendFailure(message)) {\n      removeMessage?.(message);\n      return;\n    }\n\n    if (!message.id || !client || !updateMessage) {\n      return;\n    }\n\n    const deletedMessage = await deleteMessage(message, options);\n    updateMessage(deletedMessage);\n  };\n};\n"],"mappings":";;;;AAQA,IAAa,oBACX,YACwC;CACxC,MAAM,EAAE,eAAe,eAAe,kBACpC,wBAAwB,kBAAkB;CAC5C,MAAM,EAAE,WAAW,eAAe,kBAAkB;CAEpD,OAAO,OAAO,YAAmC;EAC/C,IAAI,CAAC,SACH;EAGF,IAAI,QAAQ,SAAS,WAAW,qBAAqB,OAAO,GAAG;GAC7D,gBAAgB,OAAO;GACvB;EACF;EAEA,IAAI,CAAC,QAAQ,MAAM,CAAC,UAAU,CAAC,eAC7B;EAIF,cAAc,MADe,cAAc,SAAS,OAAO,CAC/B;CAC9B;AACF"}

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

@@ -0,0 +1,20 @@
+import { useChatContext } from "../../../context/ChatContext.mjs";
+import { useTranslationContext } from "../../../context/TranslationContext.mjs";
+//#region src/components/Message/hooks/useFlagHandler.ts
+var missingUseFlagHandlerParameterWarning = "useFlagHandler was called but it is missing one or more necessary parameters.";
+var useFlagHandler = (message) => {
+	const { client } = useChatContext("useFlagHandler");
+	const { t } = useTranslationContext("useFlagHandler");
+	return async (event) => {
+		event.preventDefault();
+		if (!client || !t || !message?.id) {
+			console.warn(missingUseFlagHandlerParameterWarning);
+			return;
+		}
+		await client.flagMessage(message.id);
+	};
+};
+//#endregion
+export { missingUseFlagHandlerParameterWarning, useFlagHandler };
+
+//# sourceMappingURL=useFlagHandler.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFlagHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useFlagHandler.ts"],"sourcesContent":["import { useChatContext } from '../../../context/ChatContext';\nimport { useTranslationContext } from '../../../context/TranslationContext';\n\nimport type { LocalMessage } from 'stream-chat';\nimport type { ReactEventHandler } from '../types';\n\nexport const missingUseFlagHandlerParameterWarning =\n  'useFlagHandler was called but it is missing one or more necessary parameters.';\n\nexport const useFlagHandler = (message?: LocalMessage): ReactEventHandler => {\n  const { client } = useChatContext('useFlagHandler');\n  const { t } = useTranslationContext('useFlagHandler');\n\n  return async (event) => {\n    event.preventDefault();\n\n    if (!client || !t || !message?.id) {\n      console.warn(missingUseFlagHandlerParameterWarning);\n      return;\n    }\n\n    await client.flagMessage(message.id);\n  };\n};\n"],"mappings":";;;AAMA,IAAa,wCACX;AAEF,IAAa,kBAAkB,YAA8C;CAC3E,MAAM,EAAE,WAAW,eAAe,gBAAgB;CAClD,MAAM,EAAE,MAAM,sBAAsB,gBAAgB;CAEpD,OAAO,OAAO,UAAU;EACtB,MAAM,eAAe;EAErB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,IAAI;GACjC,QAAQ,KAAK,qCAAqC;GAClD;EACF;EAEA,MAAM,OAAO,YAAY,QAAQ,EAAE;CACrC;AACF"}

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

@@ -0,0 +1,17 @@
+import { useChannelStateContext } from "../../../context/ChannelStateContext.mjs";
+//#region src/components/Message/hooks/useMarkUnreadHandler.ts
+var useMarkUnreadHandler = (message) => {
+	const { channel } = useChannelStateContext("useMarkUnreadHandler");
+	return async (event) => {
+		event.preventDefault();
+		if (!message?.id) {
+			console.warn("Mark unread handler does not have access to message id");
+			return;
+		}
+		await channel.markUnread({ message_id: message.id });
+	};
+};
+//#endregion
+export { useMarkUnreadHandler };
+
+//# sourceMappingURL=useMarkUnreadHandler.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkUnreadHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useMarkUnreadHandler.ts"],"sourcesContent":["import { useChannelStateContext } from '../../../context';\n\nimport type { LocalMessage } from 'stream-chat';\nimport type { ReactEventHandler } from '../types';\n\nexport const useMarkUnreadHandler = (message?: LocalMessage): ReactEventHandler => {\n  const { channel } = useChannelStateContext('useMarkUnreadHandler');\n\n  return async (event) => {\n    event.preventDefault();\n    if (!message?.id) {\n      console.warn('Mark unread handler does not have access to message id');\n      return;\n    }\n\n    await channel.markUnread({ message_id: message.id });\n  };\n};\n"],"mappings":";;AAKA,IAAa,wBAAwB,YAA8C;CACjF,MAAM,EAAE,YAAY,uBAAuB,sBAAsB;CAEjE,OAAO,OAAO,UAAU;EACtB,MAAM,eAAe;EACrB,IAAI,CAAC,SAAS,IAAI;GAChB,QAAQ,KAAK,wDAAwD;GACrE;EACF;EAEA,MAAM,QAAQ,WAAW,EAAE,YAAY,QAAQ,GAAG,CAAC;CACrD;AACF"}

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

@@ -0,0 +1,22 @@
+import { useChannelActionContext } from "../../../context/ChannelActionContext.mjs";
+//#region src/components/Message/hooks/useMentionsHandler.ts
+function createEventHandler(fn, message) {
+	return (event) => {
+		const hasMentions = Boolean(message?.mentioned_users?.length || message?.mentioned_channel || message?.mentioned_here || message?.mentioned_roles?.length || message?.mentioned_groups?.length);
+		if (typeof fn !== "function" || !message || !hasMentions) return;
+		fn(event, message?.mentioned_users ?? [], message);
+	};
+}
+var useMentionsHandler = (message, customMentionHandler) => {
+	const { onMentionsClick: contextOnMentionsClick, onMentionsHover: contextOnMentionsHover } = useChannelActionContext("useMentionsHandler");
+	const onMentionsClick = customMentionHandler?.onMentionsClick || contextOnMentionsClick || (() => null);
+	const onMentionsHover = customMentionHandler?.onMentionsHover || contextOnMentionsHover || (() => null);
+	return {
+		onMentionsClick: createEventHandler(onMentionsClick, message),
+		onMentionsHover: createEventHandler(onMentionsHover, message)
+	};
+};
+//#endregion
+export { useMentionsHandler };
+
+//# sourceMappingURL=useMentionsHandler.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMentionsHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useMentionsHandler.ts"],"sourcesContent":["import { useChannelActionContext } from '../../../context/ChannelActionContext';\n\nimport type React from 'react';\nimport type { LocalMessage, UserResponse } from 'stream-chat';\n\nimport type { ReactEventHandler } from '../types';\n\nexport type CustomMentionHandler = (\n  event: React.BaseSyntheticEvent,\n  /**\n   * @deprecated Use the third `message` argument to access mention metadata instead.\n   * FIXME: Remove this argument in the next major release.\n   */\n  mentioned_users: UserResponse[],\n  message: LocalMessage,\n) => void;\n\nexport type MentionedUserEventHandler = (\n  event: React.BaseSyntheticEvent,\n  mentionedUsers: UserResponse[],\n) => void;\n\nfunction createEventHandler(\n  fn?: CustomMentionHandler,\n  message?: LocalMessage,\n): ReactEventHandler {\n  return (event) => {\n    const hasMentions = Boolean(\n      message?.mentioned_users?.length ||\n      message?.mentioned_channel ||\n      message?.mentioned_here ||\n      message?.mentioned_roles?.length ||\n      message?.mentioned_groups?.length,\n    );\n\n    if (typeof fn !== 'function' || !message || !hasMentions) {\n      return;\n    }\n    fn(event, message?.mentioned_users ?? [], message);\n  };\n}\n\nexport const useMentionsHandler = (\n  message?: LocalMessage,\n  customMentionHandler?: {\n    onMentionsClick?: CustomMentionHandler;\n    onMentionsHover?: CustomMentionHandler;\n  },\n) => {\n  const {\n    onMentionsClick: contextOnMentionsClick,\n    onMentionsHover: contextOnMentionsHover,\n  } = useChannelActionContext('useMentionsHandler');\n\n  const onMentionsClick =\n    customMentionHandler?.onMentionsClick || contextOnMentionsClick || (() => null);\n\n  const onMentionsHover =\n    customMentionHandler?.onMentionsHover || contextOnMentionsHover || (() => null);\n\n  return {\n    onMentionsClick: createEventHandler(onMentionsClick, message),\n    onMentionsHover: createEventHandler(onMentionsHover, message),\n  };\n};\n"],"mappings":";;AAsBA,SAAS,mBACP,IACA,SACmB;CACnB,QAAQ,UAAU;EAChB,MAAM,cAAc,QAClB,SAAS,iBAAiB,UAC1B,SAAS,qBACT,SAAS,kBACT,SAAS,iBAAiB,UAC1B,SAAS,kBAAkB,MAC7B;EAEA,IAAI,OAAO,OAAO,cAAc,CAAC,WAAW,CAAC,aAC3C;EAEF,GAAG,OAAO,SAAS,mBAAmB,CAAC,GAAG,OAAO;CACnD;AACF;AAEA,IAAa,sBACX,SACA,yBAIG;CACH,MAAM,EACJ,iBAAiB,wBACjB,iBAAiB,2BACf,wBAAwB,oBAAoB;CAEhD,MAAM,kBACJ,sBAAsB,mBAAmB,iCAAiC;CAE5E,MAAM,kBACJ,sBAAsB,mBAAmB,iCAAiC;CAE5E,OAAO;EACL,iBAAiB,mBAAmB,iBAAiB,OAAO;EAC5D,iBAAiB,mBAAmB,iBAAiB,OAAO;CAC9D;AACF"}

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

@@ -0,0 +1,14 @@
+import { useChatContext } from "../../../context/ChatContext.mjs";
+import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
+import { useCallback } from "react";
+//#region src/components/Message/hooks/useMessageReminder.ts
+var useMessageReminder = (messageId) => {
+	const { client } = useChatContext();
+	const reminderSelector = useCallback((state) => ({ reminder: state.reminders.get(messageId) }), [messageId]);
+	const { reminder } = useStateStore(client.reminders.state, reminderSelector);
+	return reminder;
+};
+//#endregion
+export { useMessageReminder };
+
+//# sourceMappingURL=useMessageReminder.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageReminder.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useMessageReminder.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useChatContext } from '../../../context';\nimport { useStateStore } from '../../../store';\nimport type { ReminderManagerState } from 'stream-chat';\n\nexport const useMessageReminder = (messageId: string) => {\n  const { client } = useChatContext();\n  const reminderSelector = useCallback(\n    (state: ReminderManagerState) => ({\n      reminder: state.reminders.get(messageId),\n    }),\n    [messageId],\n  );\n  const { reminder } = useStateStore(client.reminders.state, reminderSelector);\n  return reminder;\n};\n"],"mappings":";;;;AAKA,IAAa,sBAAsB,cAAsB;CACvD,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,mBAAmB,aACtB,WAAiC,EAChC,UAAU,MAAM,UAAU,IAAI,SAAS,EACzC,IACA,CAAC,SAAS,CACZ;CACA,MAAM,EAAE,aAAa,cAAc,OAAO,UAAU,OAAO,gBAAgB;CAC3E,OAAO;AACT"}

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

@@ -0,0 +1,48 @@
+import { useStableCallback } from "../../../utils/useStableCallback.mjs";
+import { useEffect, useRef, useState } from "react";
+//#region src/components/Message/hooks/useMessageTextStreaming.ts
+var DEFAULT_LETTER_INTERVAL = 30;
+var DEFAULT_RENDERING_LETTER_COUNT = 2;
+/**
+* A hook that returns text in a streamed, typewriter fashion. The speed of streaming is
+* configurable.
+* @param {number} [streamingLetterIntervalMs=30] - The timeout between each typing animation in milliseconds.
+* @param {number} [renderingLetterCount=2] - The number of letters to be rendered each time we update.
+* @param {string} text - The text that we want to render in a typewriter fashion.
+* @returns {{ streamedMessageText: string }} - A substring of the text property, up until we've finished rendering the typewriter animation.
+*/
+var useMessageTextStreaming = ({ renderingLetterCount = DEFAULT_RENDERING_LETTER_COUNT, streamingLetterIntervalMs = DEFAULT_LETTER_INTERVAL, text }) => {
+	const [streamedMessageText, setStreamedMessageText] = useState(text);
+	const textCursor = useRef(text.length);
+	useEffect(() => {
+		const textLength = text.length;
+		const interval = setInterval(() => {
+			if (!text || textCursor.current >= textLength) {
+				clearInterval(interval);
+				return;
+			}
+			const newCursorValue = textCursor.current + renderingLetterCount;
+			const newText = text.substring(0, newCursorValue);
+			textCursor.current += newText.length - textCursor.current;
+			setStreamedMessageText(newText);
+		}, streamingLetterIntervalMs);
+		return () => {
+			clearInterval(interval);
+		};
+	}, [
+		streamingLetterIntervalMs,
+		renderingLetterCount,
+		text
+	]);
+	return {
+		skipAnimation: useStableCallback(() => {
+			textCursor.current = text.length;
+			setStreamedMessageText(text);
+		}),
+		streamedMessageText
+	};
+};
+//#endregion
+export { useMessageTextStreaming };
+
+//# sourceMappingURL=useMessageTextStreaming.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageTextStreaming.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useMessageTextStreaming.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useStableCallback } from '../../../utils/useStableCallback';\nimport type { StreamedMessageTextProps } from '../StreamedMessageText';\n\nexport type UseMessageTextStreamingProps = Pick<\n  StreamedMessageTextProps,\n  'streamingLetterIntervalMs' | 'renderingLetterCount'\n> & { text: string };\n\nconst DEFAULT_LETTER_INTERVAL = 30;\nconst DEFAULT_RENDERING_LETTER_COUNT = 2;\n\n/**\n * A hook that returns text in a streamed, typewriter fashion. The speed of streaming is\n * configurable.\n * @param {number} [streamingLetterIntervalMs=30] - The timeout between each typing animation in milliseconds.\n * @param {number} [renderingLetterCount=2] - The number of letters to be rendered each time we update.\n * @param {string} text - The text that we want to render in a typewriter fashion.\n * @returns {{ streamedMessageText: string }} - A substring of the text property, up until we've finished rendering the typewriter animation.\n */\nexport const useMessageTextStreaming = ({\n  renderingLetterCount = DEFAULT_RENDERING_LETTER_COUNT,\n  streamingLetterIntervalMs = DEFAULT_LETTER_INTERVAL,\n  text,\n}: UseMessageTextStreamingProps) => {\n  const [streamedMessageText, setStreamedMessageText] = useState<string>(text);\n  const textCursor = useRef<number>(text.length);\n\n  useEffect(() => {\n    const textLength = text.length;\n\n    const interval = setInterval(() => {\n      if (!text || textCursor.current >= textLength) {\n        clearInterval(interval);\n        return;\n      }\n      const newCursorValue = textCursor.current + renderingLetterCount;\n      const newText = text.substring(0, newCursorValue);\n      textCursor.current += newText.length - textCursor.current;\n      setStreamedMessageText(newText);\n    }, streamingLetterIntervalMs);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, [streamingLetterIntervalMs, renderingLetterCount, text]);\n\n  const skipAnimation = useStableCallback(() => {\n    textCursor.current = text.length;\n    setStreamedMessageText(text);\n  });\n\n  return { skipAnimation, streamedMessageText } as const;\n};\n"],"mappings":";;;AAUA,IAAM,0BAA0B;AAChC,IAAM,iCAAiC;;;;;;;;;AAUvC,IAAa,2BAA2B,EACtC,uBAAuB,gCACvB,4BAA4B,yBAC5B,WACkC;CAClC,MAAM,CAAC,qBAAqB,0BAA0B,SAAiB,IAAI;CAC3E,MAAM,aAAa,OAAe,KAAK,MAAM;CAE7C,gBAAgB;EACd,MAAM,aAAa,KAAK;EAExB,MAAM,WAAW,kBAAkB;GACjC,IAAI,CAAC,QAAQ,WAAW,WAAW,YAAY;IAC7C,cAAc,QAAQ;IACtB;GACF;GACA,MAAM,iBAAiB,WAAW,UAAU;GAC5C,MAAM,UAAU,KAAK,UAAU,GAAG,cAAc;GAChD,WAAW,WAAW,QAAQ,SAAS,WAAW;GAClD,uBAAuB,OAAO;EAChC,GAAG,yBAAyB;EAE5B,aAAa;GACX,cAAc,QAAQ;EACxB;CACF,GAAG;EAAC;EAA2B;EAAsB;CAAI,CAAC;CAO1D,OAAO;EAAE,eALa,wBAAwB;GAC5C,WAAW,UAAU,KAAK;GAC1B,uBAAuB,IAAI;EAC7B,CAES;EAAe;CAAoB;AAC9C"}

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

@@ -0,0 +1,24 @@
+import { useChannelStateContext } from "../../../context/ChannelStateContext.mjs";
+import { useChatContext } from "../../../context/ChatContext.mjs";
+import { useTranslationContext } from "../../../context/TranslationContext.mjs";
+import { isUserMuted } from "../utils.mjs";
+//#region src/components/Message/hooks/useMuteHandler.ts
+var missingUseMuteHandlerParamsWarning = "useMuteHandler was called but it is missing one or more necessary parameter.";
+var useMuteHandler = (message) => {
+	const { mutes } = useChannelStateContext("useMuteHandler");
+	const { client } = useChatContext("useMuteHandler");
+	const { t } = useTranslationContext("useMuteHandler");
+	return async (event) => {
+		event.preventDefault();
+		if (!t || !message?.user || !client) {
+			console.warn(missingUseMuteHandlerParamsWarning);
+			return;
+		}
+		if (!isUserMuted(message, mutes)) await client.muteUser(message.user.id);
+		else await client.unmuteUser(message.user.id);
+	};
+};
+//#endregion
+export { missingUseMuteHandlerParamsWarning, useMuteHandler };
+
+//# sourceMappingURL=useMuteHandler.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMuteHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useMuteHandler.ts"],"sourcesContent":["import { isUserMuted } from '../utils';\n\nimport { useChannelStateContext } from '../../../context/ChannelStateContext';\nimport { useChatContext } from '../../../context/ChatContext';\nimport { useTranslationContext } from '../../../context/TranslationContext';\n\nimport type { LocalMessage } from 'stream-chat';\n\nimport type { ReactEventHandler } from '../types';\n\nexport const missingUseMuteHandlerParamsWarning =\n  'useMuteHandler was called but it is missing one or more necessary parameter.';\n\nexport const useMuteHandler = (message?: LocalMessage): ReactEventHandler => {\n  const { mutes } = useChannelStateContext('useMuteHandler');\n  const { client } = useChatContext('useMuteHandler');\n  const { t } = useTranslationContext('useMuteHandler');\n\n  return async (event) => {\n    event.preventDefault();\n\n    if (!t || !message?.user || !client) {\n      console.warn(missingUseMuteHandlerParamsWarning);\n      return;\n    }\n\n    if (!isUserMuted(message, mutes)) {\n      await client.muteUser(message.user.id);\n    } else {\n      await client.unmuteUser(message.user.id);\n    }\n  };\n};\n"],"mappings":";;;;;AAUA,IAAa,qCACX;AAEF,IAAa,kBAAkB,YAA8C;CAC3E,MAAM,EAAE,UAAU,uBAAuB,gBAAgB;CACzD,MAAM,EAAE,WAAW,eAAe,gBAAgB;CAClD,MAAM,EAAE,MAAM,sBAAsB,gBAAgB;CAEpD,OAAO,OAAO,UAAU;EACtB,MAAM,eAAe;EAErB,IAAI,CAAC,KAAK,CAAC,SAAS,QAAQ,CAAC,QAAQ;GACnC,QAAQ,KAAK,kCAAkC;GAC/C;EACF;EAEA,IAAI,CAAC,YAAY,SAAS,KAAK,GAC7B,MAAM,OAAO,SAAS,QAAQ,KAAK,EAAE;OAErC,MAAM,OAAO,WAAW,QAAQ,KAAK,EAAE;CAE3C;AACF"}

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

@@ -0,0 +1,17 @@
+import { useChannelActionContext } from "../../../context/ChannelActionContext.mjs";
+//#region src/components/Message/hooks/useOpenThreadHandler.ts
+var useOpenThreadHandler = (message, customOpenThread) => {
+	const { openThread: channelOpenThread } = useChannelActionContext("useOpenThreadHandler");
+	const openThread = customOpenThread || channelOpenThread;
+	return (event) => {
+		if (!openThread || !message) {
+			console.warn("Open thread handler was called but it is missing one of its parameters");
+			return;
+		}
+		openThread(message, event);
+	};
+};
+//#endregion
+export { useOpenThreadHandler };
+
+//# sourceMappingURL=useOpenThreadHandler.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenThreadHandler.mjs","names":[],"sources":["../../../../../src/components/Message/hooks/useOpenThreadHandler.ts"],"sourcesContent":["import { useChannelActionContext } from '../../../context/ChannelActionContext';\n\nimport type { LocalMessage } from 'stream-chat';\nimport type { ReactEventHandler } from '../types';\n\nexport const useOpenThreadHandler = (\n  message?: LocalMessage,\n  customOpenThread?: (message: LocalMessage, event: React.BaseSyntheticEvent) => void,\n): ReactEventHandler => {\n  const { openThread: channelOpenThread } =\n    useChannelActionContext('useOpenThreadHandler');\n\n  const openThread = customOpenThread || channelOpenThread;\n\n  return (event) => {\n    if (!openThread || !message) {\n      console.warn(\n        'Open thread handler was called but it is missing one of its parameters',\n      );\n      return;\n    }\n\n    openThread(message, event);\n  };\n};\n"],"mappings":";;AAKA,IAAa,wBACX,SACA,qBACsB;CACtB,MAAM,EAAE,YAAY,sBAClB,wBAAwB,sBAAsB;CAEhD,MAAM,aAAa,oBAAoB;CAEvC,QAAQ,UAAU;EAChB,IAAI,CAAC,cAAc,CAAC,SAAS;GAC3B,QAAQ,KACN,wEACF;GACA;EACF;EAEA,WAAW,SAAS,KAAK;CAC3B;AACF"}

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

@@ -0,0 +1,45 @@
+import { useChannelActionContext } from "../../../context/ChannelActionContext.mjs";
+import { useChannelStateContext } from "../../../context/ChannelStateContext.mjs";
+import { useChatContext } from "../../../context/ChatContext.mjs";
+//#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"];
+	const handlePin = async (event) => {
+		event.preventDefault();
+		if (!message) return;
+		if (!message.pinned) try {
+			updateMessage({
+				...message,
+				pinned: true,
+				pinned_at: /* @__PURE__ */ new Date(),
+				pinned_by: client.user
+			});
+			await client.pinMessage(message);
+		} catch (e) {
+			updateMessage(message);
+		}
+		else try {
+			updateMessage({
+				...message,
+				pin_expires: null,
+				pinned: false,
+				pinned_at: null,
+				pinned_by: null
+			});
+			await client.unpinMessage(message);
+		} catch (e) {
+			updateMessage(message);
+		}
+	};
+	return {
+		canPin,
+		handlePin
+	};
+};
+//#endregion
+export { usePinHandler };
+
+//# sourceMappingURL=usePinHandler.mjs.map

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

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

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

@@ -0,0 +1,90 @@
+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 { defaultReactionOptions, getEmojiCodeByReactionType } from "../../Reactions/reactionOptions.mjs";
+import { useThreadContext } from "../../Threads/ThreadContext.mjs";
+import { useCallback } from "react";
+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 createMessagePreview = useCallback((add, reaction, message) => {
+		const newReactionGroups = message?.reaction_groups || {};
+		const reactionType = reaction.type;
+		const hasReaction = !!newReactionGroups[reactionType];
+		if (add) {
+			const timestamp = (/* @__PURE__ */ new Date()).toISOString();
+			newReactionGroups[reactionType] = hasReaction ? {
+				...newReactionGroups[reactionType],
+				count: newReactionGroups[reactionType].count + 1
+			} : {
+				count: 1,
+				first_reaction_at: timestamp,
+				last_reaction_at: timestamp,
+				sum_scores: 1
+			};
+		} else if (hasReaction && newReactionGroups[reactionType].count > 1) newReactionGroups[reactionType] = {
+			...newReactionGroups[reactionType],
+			count: newReactionGroups[reactionType].count - 1
+		};
+		else delete newReactionGroups[reactionType];
+		const newReactions = add ? [reaction, ...message?.latest_reactions || []] : message.latest_reactions?.filter((item) => !(item.type === reaction.type && item.user_id === reaction.user_id));
+		const newOwnReactions = add ? [reaction, ...message?.own_reactions || []] : message?.own_reactions?.filter((item) => item.type !== reaction.type);
+		return {
+			...message,
+			latest_reactions: newReactions || message.latest_reactions,
+			own_reactions: newOwnReactions,
+			reaction_groups: newReactionGroups
+		};
+	}, [client.user, client.userID]);
+	const createReactionPreview = (type, emojiCode) => ({
+		message_id: message?.id,
+		score: 1,
+		type,
+		user: client.user,
+		user_id: client.user?.id,
+		...emojiCode && { emoji_code: emojiCode }
+	});
+	const toggleReaction = throttle(async (id, type, add) => {
+		if (!message || !channelCapabilities["send-reaction"]) 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);
+		} catch (error) {
+			updateMessage(message);
+			thread?.upsertReplyLocally({ message });
+		}
+	}, 1e3);
+	return async (reactionType, event) => {
+		if (event?.preventDefault) event.preventDefault();
+		if (!message) return console.warn(reactionHandlerWarning);
+		let userExistingReaction = null;
+		if (message.own_reactions) message.own_reactions.forEach((reaction) => {
+			if (reaction.user && client.userID === reaction.user.id && reaction.type === reactionType) userExistingReaction = reaction;
+			else if (reaction.user && client.userID !== reaction.user.id) console.warn(`message.own_reactions contained reactions from a different user, this indicates a bug`);
+		});
+		try {
+			if (userExistingReaction) await toggleReaction(message.id, userExistingReaction.type, false);
+			else await toggleReaction(message.id, reactionType, true);
+		} catch (error) {
+			console.log({ error });
+		}
+	};
+};
+//#endregion
+export { reactionHandlerWarning, useReactionHandler };
+
+//# sourceMappingURL=useReactionHandler.mjs.map