stream-chat-react 14.6.0 → 14.7.0

package/dist/cjs/{useMessageComposerController.c0dad9bc.js → useMessageComposerController.f1a3d182.js}

@@ -1,4 +1,4 @@
-const require_useNotificationApi = require("./useNotificationApi.eb753f31.js");
+const require_useNotificationApi = require("./useNotificationApi.87ba0b39.js");
 let react = require("react");
 react = require_useNotificationApi.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -96,4 +96,4 @@ Object.defineProperty(exports, "useMessageComposerController", {
 	}
 });
 
-//# sourceMappingURL=useMessageComposerController.c0dad9bc.js.map
+//# sourceMappingURL=useMessageComposerController.f1a3d182.js.map

package/dist/cjs/{useMessageComposerController.c0dad9bc.js.map → useMessageComposerController.f1a3d182.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useMessageComposerController.c0dad9bc.js","names":[],"sources":["../../src/context/MessageComposerContext.tsx","../../src/components/MessageComposer/hooks/useIsCooldownActive.ts","../../src/components/MessageComposer/hooks/useMessageComposerController.ts"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport type { MessageComposerProps } from '../components/MessageComposer';\nimport type { UseMessageComposerBindingsParams } from '../components/MessageComposer/hooks/useMessageComposerBindings';\n\nexport type MessageComposerContextValue = UseMessageComposerBindingsParams &\n  Omit<MessageComposerProps, 'Input'>;\n\nexport const MessageComposerContext = createContext<\n  UseMessageComposerBindingsParams | undefined\n>(undefined);\n\nexport const MessageComposerContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageComposerContextValue;\n}>) => (\n  <MessageComposerContext.Provider\n    value={value as unknown as MessageComposerContextValue}\n  >\n    {children}\n  </MessageComposerContext.Provider>\n);\n\nexport const useMessageComposerContext = (\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  componentName?: string,\n) => {\n  const contextValue = useContext(MessageComposerContext);\n\n  if (!contextValue) {\n    return {} as MessageComposerContextValue;\n  }\n\n  return contextValue as unknown as MessageComposerContextValue;\n};\n","import { useChannelStateContext } from '../../../context';\nimport { useStateStore } from '../../../store';\nimport type { CooldownTimerState } from 'stream-chat';\n\nconst cooldownTimerStateSelector = (state: CooldownTimerState) => ({\n  isCooldownActive: !!state.cooldownRemaining,\n});\n\nexport const useIsCooldownActive = () => {\n  const { channel } = useChannelStateContext();\n  return useStateStore(channel.cooldownTimer.state, cooldownTimerStateSelector)\n    .isCooldownActive;\n};\n","import { useEffect, useMemo } from 'react';\nimport { MessageComposer as MessageComposerController } from 'stream-chat';\nimport { useThreadContext } from '../../Threads';\nimport { useChannelStateContext, useChatContext } from '../../../context';\nimport { useLegacyThreadContext } from '../../Thread';\n\nexport const useMessageComposerController = () => {\n  const { client } = useChatContext();\n  const { messageComposerCache: queueCache } = client;\n  const { channel } = useChannelStateContext();\n  const { legacyThread: parentMessage } = useLegacyThreadContext();\n  const threadInstance = useThreadContext();\n\n  const cachedParentMessage = useMemo(() => {\n    if (!parentMessage) return undefined;\n\n    return parentMessage;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parentMessage?.id]);\n\n  // composer hierarchy\n  // edited message (always new) -> thread instance (own) -> thread message (always new) -> channel (own)\n  // editedMessage ?? thread ?? parentMessage ?? channel;\n  const messageComposer = useMemo(() => {\n    if (threadInstance) {\n      return threadInstance.messageComposer;\n    } else if (cachedParentMessage) {\n      const compositionContext = {\n        ...cachedParentMessage,\n        legacyThreadId: cachedParentMessage.id,\n      };\n\n      const tag = MessageComposerController.constructTag(compositionContext);\n\n      const cachedComposer = queueCache.get(tag);\n      if (cachedComposer) return cachedComposer;\n\n      return new MessageComposerController({\n        client,\n        compositionContext,\n      });\n    } else {\n      return channel.messageComposer;\n    }\n  }, [cachedParentMessage, channel, client, queueCache, threadInstance]);\n\n  if (\n    (['legacy_thread', 'message'] as MessageComposerController['contextType'][]).includes(\n      messageComposer.contextType,\n    ) &&\n    !queueCache.peek(messageComposer.tag)\n  ) {\n    queueCache.add(messageComposer.tag, messageComposer);\n  }\n\n  useEffect(() => {\n    const unsubscribe = messageComposer.registerSubscriptions();\n    return () => {\n      unsubscribe();\n    };\n  }, [messageComposer]);\n\n  return messageComposer;\n};\n"],"mappings":";;;;;;AASA,IAAa,0BAAA,GAAA,MAAA,eAEX,KAAA,CAAS;AAEX,IAAa,kCAAkC,EAC7C,UACA,YAIA,iBAAA,GAAA,kBAAA,KAAC,uBAAuB,UAAxB;CACS;CAEN;AAC8B,CAAA;AAGnC,IAAa,6BAEX,kBACG;CACH,MAAM,gBAAA,GAAA,MAAA,YAA0B,sBAAsB;CAEtD,IAAI,CAAC,cACH,OAAO,CAAC;CAGV,OAAO;AACT;;;ACjCA,IAAM,8BAA8B,WAA+B,EACjE,kBAAkB,CAAC,CAAC,MAAM,kBAC5B;AAEA,IAAa,4BAA4B;CACvC,MAAM,EAAE,YAAY,2BAAA,uBAAuB;CAC3C,OAAO,2BAAA,cAAc,QAAQ,cAAc,OAAO,0BAA0B,EACzE;AACL;;;ACNA,IAAa,qCAAqC;CAChD,MAAM,EAAE,WAAW,2BAAA,eAAe;CAClC,MAAM,EAAE,sBAAsB,eAAe;CAC7C,MAAM,EAAE,YAAY,2BAAA,uBAAuB;CAC3C,MAAM,EAAE,cAAc,kBAAkB,2BAAA,uBAAuB;CAC/D,MAAM,iBAAiB,2BAAA,iBAAiB;CAExC,MAAM,uBAAA,GAAA,MAAA,eAAoC;EACxC,IAAI,CAAC,eAAe,OAAO,KAAA;EAE3B,OAAO;CAET,GAAG,CAAC,eAAe,EAAE,CAAC;CAKtB,MAAM,mBAAA,GAAA,MAAA,eAAgC;EACpC,IAAI,gBACF,OAAO,eAAe;OACjB,IAAI,qBAAqB;GAC9B,MAAM,qBAAqB;IACzB,GAAG;IACH,gBAAgB,oBAAoB;GACtC;GAEA,MAAM,MAAM,YAAA,gBAA0B,aAAa,kBAAkB;GAErE,MAAM,iBAAiB,WAAW,IAAI,GAAG;GACzC,IAAI,gBAAgB,OAAO;GAE3B,OAAO,IAAI,YAAA,gBAA0B;IACnC;IACA;GACF,CAAC;EACH,OACE,OAAO,QAAQ;CAEnB,GAAG;EAAC;EAAqB;EAAS;EAAQ;EAAY;CAAc,CAAC;CAErE,IACG,CAAC,iBAAiB,SAAS,EAAiD,SAC3E,gBAAgB,WAClB,KACA,CAAC,WAAW,KAAK,gBAAgB,GAAG,GAEpC,WAAW,IAAI,gBAAgB,KAAK,eAAe;CAGrD,CAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,cAAc,gBAAgB,sBAAsB;EAC1D,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,eAAe,CAAC;CAEpB,OAAO;AACT"}
+{"version":3,"file":"useMessageComposerController.f1a3d182.js","names":[],"sources":["../../src/context/MessageComposerContext.tsx","../../src/components/MessageComposer/hooks/useIsCooldownActive.ts","../../src/components/MessageComposer/hooks/useMessageComposerController.ts"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport type { MessageComposerProps } from '../components/MessageComposer';\nimport type { UseMessageComposerBindingsParams } from '../components/MessageComposer/hooks/useMessageComposerBindings';\n\nexport type MessageComposerContextValue = UseMessageComposerBindingsParams &\n  Omit<MessageComposerProps, 'Input'>;\n\nexport const MessageComposerContext = createContext<\n  UseMessageComposerBindingsParams | undefined\n>(undefined);\n\nexport const MessageComposerContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageComposerContextValue;\n}>) => (\n  <MessageComposerContext.Provider\n    value={value as unknown as MessageComposerContextValue}\n  >\n    {children}\n  </MessageComposerContext.Provider>\n);\n\nexport const useMessageComposerContext = (\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  componentName?: string,\n) => {\n  const contextValue = useContext(MessageComposerContext);\n\n  if (!contextValue) {\n    return {} as MessageComposerContextValue;\n  }\n\n  return contextValue as unknown as MessageComposerContextValue;\n};\n","import { useChannelStateContext } from '../../../context';\nimport { useStateStore } from '../../../store';\nimport type { CooldownTimerState } from 'stream-chat';\n\nconst cooldownTimerStateSelector = (state: CooldownTimerState) => ({\n  isCooldownActive: !!state.cooldownRemaining,\n});\n\nexport const useIsCooldownActive = () => {\n  const { channel } = useChannelStateContext();\n  return useStateStore(channel.cooldownTimer.state, cooldownTimerStateSelector)\n    .isCooldownActive;\n};\n","import { useEffect, useMemo } from 'react';\nimport { MessageComposer as MessageComposerController } from 'stream-chat';\nimport { useThreadContext } from '../../Threads';\nimport { useChannelStateContext, useChatContext } from '../../../context';\nimport { useLegacyThreadContext } from '../../Thread';\n\nexport const useMessageComposerController = () => {\n  const { client } = useChatContext();\n  const { messageComposerCache: queueCache } = client;\n  const { channel } = useChannelStateContext();\n  const { legacyThread: parentMessage } = useLegacyThreadContext();\n  const threadInstance = useThreadContext();\n\n  const cachedParentMessage = useMemo(() => {\n    if (!parentMessage) return undefined;\n\n    return parentMessage;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parentMessage?.id]);\n\n  // composer hierarchy\n  // edited message (always new) -> thread instance (own) -> thread message (always new) -> channel (own)\n  // editedMessage ?? thread ?? parentMessage ?? channel;\n  const messageComposer = useMemo(() => {\n    if (threadInstance) {\n      return threadInstance.messageComposer;\n    } else if (cachedParentMessage) {\n      const compositionContext = {\n        ...cachedParentMessage,\n        legacyThreadId: cachedParentMessage.id,\n      };\n\n      const tag = MessageComposerController.constructTag(compositionContext);\n\n      const cachedComposer = queueCache.get(tag);\n      if (cachedComposer) return cachedComposer;\n\n      return new MessageComposerController({\n        client,\n        compositionContext,\n      });\n    } else {\n      return channel.messageComposer;\n    }\n  }, [cachedParentMessage, channel, client, queueCache, threadInstance]);\n\n  if (\n    (['legacy_thread', 'message'] as MessageComposerController['contextType'][]).includes(\n      messageComposer.contextType,\n    ) &&\n    !queueCache.peek(messageComposer.tag)\n  ) {\n    queueCache.add(messageComposer.tag, messageComposer);\n  }\n\n  useEffect(() => {\n    const unsubscribe = messageComposer.registerSubscriptions();\n    return () => {\n      unsubscribe();\n    };\n  }, [messageComposer]);\n\n  return messageComposer;\n};\n"],"mappings":";;;;;;AASA,IAAa,0BAAA,GAAA,MAAA,cAAA,CAEX,KAAA,CAAS;AAEX,IAAa,kCAAkC,EAC7C,UACA,YAIA,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAuB,UAAxB;CACS;CAEN;AAC8B,CAAA;AAGnC,IAAa,6BAEX,kBACG;CACH,MAAM,gBAAA,GAAA,MAAA,WAAA,CAA0B,sBAAsB;CAEtD,IAAI,CAAC,cACH,OAAO,CAAC;CAGV,OAAO;AACT;;;ACjCA,IAAM,8BAA8B,WAA+B,EACjE,kBAAkB,CAAC,CAAC,MAAM,kBAC5B;AAEA,IAAa,4BAA4B;CACvC,MAAM,EAAE,YAAY,2BAAA,uBAAuB;CAC3C,OAAO,2BAAA,cAAc,QAAQ,cAAc,OAAO,0BAA0B,CAAC,CAC1E;AACL;;;ACNA,IAAa,qCAAqC;CAChD,MAAM,EAAE,WAAW,2BAAA,eAAe;CAClC,MAAM,EAAE,sBAAsB,eAAe;CAC7C,MAAM,EAAE,YAAY,2BAAA,uBAAuB;CAC3C,MAAM,EAAE,cAAc,kBAAkB,2BAAA,uBAAuB;CAC/D,MAAM,iBAAiB,2BAAA,iBAAiB;CAExC,MAAM,uBAAA,GAAA,MAAA,QAAA,OAAoC;EACxC,IAAI,CAAC,eAAe,OAAO,KAAA;EAE3B,OAAO;CAET,GAAG,CAAC,eAAe,EAAE,CAAC;CAKtB,MAAM,mBAAA,GAAA,MAAA,QAAA,OAAgC;EACpC,IAAI,gBACF,OAAO,eAAe;OACjB,IAAI,qBAAqB;GAC9B,MAAM,qBAAqB;IACzB,GAAG;IACH,gBAAgB,oBAAoB;GACtC;GAEA,MAAM,MAAM,YAAA,gBAA0B,aAAa,kBAAkB;GAErE,MAAM,iBAAiB,WAAW,IAAI,GAAG;GACzC,IAAI,gBAAgB,OAAO;GAE3B,OAAO,IAAI,YAAA,gBAA0B;IACnC;IACA;GACF,CAAC;EACH,OACE,OAAO,QAAQ;CAEnB,GAAG;EAAC;EAAqB;EAAS;EAAQ;EAAY;CAAc,CAAC;CAErE,IACG,CAAC,iBAAiB,SAAS,CAAC,CAAgD,SAC3E,gBAAgB,WAClB,KACA,CAAC,WAAW,KAAK,gBAAgB,GAAG,GAEpC,WAAW,IAAI,gBAAgB,KAAK,eAAe;CAGrD,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,cAAc,gBAAgB,sBAAsB;EAC1D,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,eAAe,CAAC;CAEpB,OAAO;AACT"}

package/dist/cjs/{useNotificationApi.eb753f31.js → useNotificationApi.87ba0b39.js}

@@ -31,10 +31,10 @@ let use_sync_external_store_shim = require("use-sync-external-store/shim");
 let react_dom = require("react-dom");
 let dayjs = require("dayjs");
 dayjs = __toESM(dayjs);
-let dayjs_plugin_calendar = require("dayjs/plugin/calendar");
-dayjs_plugin_calendar = __toESM(dayjs_plugin_calendar);
-let dayjs_plugin_localizedFormat = require("dayjs/plugin/localizedFormat");
-dayjs_plugin_localizedFormat = __toESM(dayjs_plugin_localizedFormat);
+let dayjs_plugin_calendar_js = require("dayjs/plugin/calendar.js");
+dayjs_plugin_calendar_js = __toESM(dayjs_plugin_calendar_js);
+let dayjs_plugin_localizedFormat_js = require("dayjs/plugin/localizedFormat.js");
+dayjs_plugin_localizedFormat_js = __toESM(dayjs_plugin_localizedFormat_js);
 let lodash_debounce = require("lodash.debounce");
 lodash_debounce = __toESM(lodash_debounce);
 let lodash_throttle = require("lodash.throttle");
@@ -662,8 +662,8 @@ var isLanguageSupported = (language) => {
 };
 //#endregion
 //#region src/context/TranslationContext.tsx
-dayjs.default.extend(dayjs_plugin_calendar.default);
-dayjs.default.extend(dayjs_plugin_localizedFormat.default);
+dayjs.default.extend(dayjs_plugin_calendar_js.default);
+dayjs.default.extend(dayjs_plugin_localizedFormat_js.default);
 var TranslationContext = react.default.createContext({
 	t: defaultTranslatorFunction,
 	tDateTimeParser: defaultDateTimeParser,
@@ -724,7 +724,7 @@ var getNotificationTargetPanels = (notification) => {
 var getNotificationTargetTag = (panel) => `target:${panel}`;
 var addNotificationTargetTag = (panel, tags) => {
 	if (!panel) return tags ?? [];
-	return Array.from(new Set([getNotificationTargetTag(panel), ...tags ?? []]));
+	return Array.from(/* @__PURE__ */ new Set([getNotificationTargetTag(panel), ...tags ?? []]));
 };
 var isNotificationForPanel = (notification, panel, options) => {
 	const explicitTargetPanels = getNotificationTargetPanels(notification);
@@ -1739,7 +1739,7 @@ var initialState = {
 var useCreateChannelStateContext = (value) => {
 	const { channel, channelCapabilitiesArray = [], channelConfig, channelUnreadUiState, error, giphyVersion, hasMore, hasMoreNewer, highlightedMessageId, imageAttachmentSizeHandler, loading, loadingMore, loadingMoreForJumpToChannelMessage, members, messages = [], mutes, notifications, pinnedMessages, read = {}, shouldGenerateVideoThumbnail, skipMessageDataMemoization, suppressAutoscroll, thread, threadHasMore, threadLoadingMore, threadMessages = [], videoAttachmentSizeHandler, watcher_count, watcherCount, watchers } = value;
 	const channelId = channel.cid;
-	const lastRead = channel.initialized && channel.lastRead()?.getTime();
+	const lastRead = channel.initialized && !channel.disconnected && channel.lastRead()?.getTime();
 	const membersLength = Object.keys(members || []).length;
 	const notificationsLength = notifications.length;
 	const readUsers = Object.values(read);
@@ -3432,7 +3432,7 @@ var ChannelInner = (props) => {
 		});
 	}, [isMounted]);
 	const loadMore = async (limit = 25) => {
-		if (!online.current || !window.navigator.onLine || !channel.state.messagePagination.hasPrev) return 0;
+		if (channel.disconnected || !online.current || !window.navigator.onLine || !channel.state.messagePagination.hasPrev) return 0;
 		const oldestMessage = state?.messages?.[0];
 		if (state.loadingMore || state.loadingMoreNewer || oldestMessage?.status !== "received") return 0;
 		dispatch({
@@ -4116,9 +4116,9 @@ var hasSystemNotificationTag = (notification) => notification.tags?.includes("sy
 var getTargetTags = (targetPanels, inferredPanel, tags, modalManagerHasOpenDialog) => {
 	if (targetPanels) {
 		const effectiveTargetPanels = modalManagerHasOpenDialog && targetPanels.length > 0 ? [...targetPanels, "modal"] : targetPanels;
-		return Array.from(new Set([...effectiveTargetPanels.map(getNotificationTargetTag), ...tags ?? []]));
+		return Array.from(/* @__PURE__ */ new Set([...effectiveTargetPanels.map(getNotificationTargetTag), ...tags ?? []]));
 	}
-	if (modalManagerHasOpenDialog) return Array.from(new Set([
+	if (modalManagerHasOpenDialog) return Array.from(/* @__PURE__ */ new Set([
 		...inferredPanel ? [getNotificationTargetTag(inferredPanel)] : [],
 		getNotificationTargetTag("modal"),
 		...tags ?? []
@@ -4171,7 +4171,7 @@ var useNotificationApi = () => {
 			modalManagerHasOpenDialog
 		]),
 		addSystemNotification: (0, react.useCallback)(({ actions, context, duration, emitter, error, incident, message, severity, tags, type }) => {
-			const notificationTags = Array.from(new Set([SYSTEM_NOTIFICATION_TAG, ...tags ?? []]));
+			const notificationTags = Array.from(/* @__PURE__ */ new Set([SYSTEM_NOTIFICATION_TAG, ...tags ?? []]));
 			const resolvedType = getTypeFromIncident({
 				incident,
 				severity,
@@ -5501,4 +5501,4 @@ Object.defineProperty(exports, "validateAndGetMessage", {
 	}
 });
 
-//# sourceMappingURL=useNotificationApi.eb753f31.js.map
+//# sourceMappingURL=useNotificationApi.87ba0b39.js.map