stream-chat-react 10.1.2 → 10.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/browser.full-bundle.js +166 -44
  2. package/dist/browser.full-bundle.js.map +1 -1
  3. package/dist/browser.full-bundle.min.js +5 -5
  4. package/dist/browser.full-bundle.min.js.map +1 -1
  5. package/dist/components/Attachment/AttachmentContainer.d.ts.map +1 -1
  6. package/dist/components/Attachment/AttachmentContainer.js +67 -15
  7. package/dist/components/Attachment/attachment-sizing.d.ts +9 -0
  8. package/dist/components/Attachment/attachment-sizing.d.ts.map +1 -0
  9. package/dist/components/Attachment/attachment-sizing.js +72 -0
  10. package/dist/components/Channel/Channel.d.ts +7 -1
  11. package/dist/components/Channel/Channel.d.ts.map +1 -1
  12. package/dist/components/Channel/Channel.js +2 -1
  13. package/dist/components/Channel/hooks/useCreateChannelStateContext.d.ts.map +1 -1
  14. package/dist/components/Channel/hooks/useCreateChannelStateContext.js +5 -1
  15. package/dist/components/Gallery/Gallery.d.ts +7 -2
  16. package/dist/components/Gallery/Gallery.d.ts.map +1 -1
  17. package/dist/components/Gallery/Gallery.js +16 -5
  18. package/dist/components/Gallery/Image.d.ts +4 -0
  19. package/dist/components/Gallery/Image.d.ts.map +1 -1
  20. package/dist/components/Gallery/Image.js +3 -3
  21. package/dist/components/MessageInput/hooks/useFileUploads.d.ts.map +1 -1
  22. package/dist/components/MessageInput/hooks/useFileUploads.js +1 -0
  23. package/dist/components/MessageInput/hooks/useMessageInputState.d.ts +2 -0
  24. package/dist/components/MessageInput/hooks/useMessageInputState.d.ts.map +1 -1
  25. package/dist/components/MessageInput/hooks/useMessageInputState.js +2 -1
  26. package/dist/components/MessageInput/hooks/useSubmitHandler.d.ts.map +1 -1
  27. package/dist/components/MessageInput/hooks/useSubmitHandler.js +1 -0
  28. package/dist/components/MessageList/MessageList.d.ts.map +1 -1
  29. package/dist/components/MessageList/MessageList.js +1 -2
  30. package/dist/components/MessageList/VirtualizedMessageList.d.ts.map +1 -1
  31. package/dist/components/MessageList/VirtualizedMessageList.js +0 -1
  32. package/dist/components/MessageList/hooks/useMessageListElements.d.ts +0 -1
  33. package/dist/components/MessageList/hooks/useMessageListElements.d.ts.map +1 -1
  34. package/dist/components/MessageList/hooks/useMessageListElements.js +2 -3
  35. package/dist/components/MessageList/hooks/useScrollLocationLogic.d.ts +0 -1
  36. package/dist/components/MessageList/hooks/useScrollLocationLogic.d.ts.map +1 -1
  37. package/dist/components/MessageList/hooks/useScrollLocationLogic.js +0 -10
  38. package/dist/components/Thread/Thread.d.ts.map +1 -1
  39. package/dist/components/Thread/Thread.js +7 -2
  40. package/dist/context/ChannelStateContext.d.ts +5 -2
  41. package/dist/context/ChannelStateContext.d.ts.map +1 -1
  42. package/dist/css/index.css +1 -1
  43. package/dist/css/index.css.map +1 -1
  44. package/dist/css/v2/index.css +1 -1
  45. package/dist/css/v2/index.css.map +1 -1
  46. package/dist/css/v2/index.layout.css +1 -1
  47. package/dist/css/v2/index.layout.css.map +1 -1
  48. package/dist/index.cjs.js +166 -44
  49. package/dist/index.cjs.js.map +1 -1
  50. package/dist/scss/Attachment.scss +44 -17
  51. package/dist/scss/Audio.scss +1 -0
  52. package/dist/scss/Message.scss +28 -11
  53. package/dist/scss/v2/AttachmentList/AttachmentList-layout.scss +33 -19
  54. package/dist/scss/v2/Message/Message-layout.scss +12 -0
  55. package/dist/scss/v2/Message/Message-theme.scss +20 -0
  56. package/dist/scss/v2/MessageList/MessageList-layout.scss +1 -4
  57. package/dist/scss/v2/MessageList/VirtualizedMessageList-layout.scss +21 -0
  58. package/dist/scss/v2/MessageList/VirtualizedMessageList-theme.scss +9 -0
  59. package/dist/scss/v2/Notification/NotificationList-theme.scss +2 -2
  60. package/dist/scss/v2/_utils.scss +8 -0
  61. package/dist/stories/attachment-sizing.stories.d.ts +2 -0
  62. package/dist/stories/attachment-sizing.stories.d.ts.map +1 -0
  63. package/dist/stories/attachment-sizing.stories.js +179 -0
  64. package/dist/types/types.d.ts +9 -1
  65. package/dist/types/types.d.ts.map +1 -1
  66. package/dist/version.d.ts +1 -1
  67. package/dist/version.js +1 -1
  68. package/package.json +3 -3
@@ -267,7 +267,6 @@ var VirtualizedMessageListWithContext = function (props) {
267
267
  return Item;
268
268
  }, [
269
269
  customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualMessage,
270
- messageGroupStyles,
271
270
  numItemsPrepended,
272
271
  // processedMessages were incorrectly rebuilt with a new object identity at some point, hence the .length usage
273
272
  processedMessages.length,
@@ -9,7 +9,6 @@ declare type UseMessageListElementsProps<StreamChatGenerics extends DefaultStrea
9
9
  enrichedMessages: StreamMessage<StreamChatGenerics>[];
10
10
  internalMessageProps: Omit<MessageProps<StreamChatGenerics>, MessagePropsToOmit>;
11
11
  messageGroupStyles: Record<string, GroupStyle>;
12
- onMessageLoadCaptured: (event: React.SyntheticEvent<HTMLLIElement, Event>) => void;
13
12
  returnAllReadData: boolean;
14
13
  threadList: boolean;
15
14
  read?: Record<string, {
@@ -1 +1 @@
1
- {"version":3,"file":"useMessageListElements.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageList/hooks/useMessageListElements.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAmB,UAAU,EAAE,MAAM,UAAU,CAAC;AAWvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,aAAK,kBAAkB,GACnB,SAAS,GACT,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,QAAQ,GACR,YAAY,CAAC;AAEjB,aAAK,2BAA2B,CAC9B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,gBAAgB,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACtD,oBAAoB,EAAE,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,CAAC;IACjF,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC/C,qBAAqB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IACnF,iBAAiB,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,IAAI,CAAC;QAAC,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAA;KAAE,CAAC,CAAC;CACpF,CAAC;AAEF,eAAO,MAAM,sBAAsB,iKA2GlC,CAAC"}
1
+ {"version":3,"file":"useMessageListElements.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageList/hooks/useMessageListElements.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAmB,UAAU,EAAE,MAAM,UAAU,CAAC;AAWvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,aAAK,kBAAkB,GACnB,SAAS,GACT,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,QAAQ,GACR,YAAY,CAAC;AAEjB,aAAK,2BAA2B,CAC9B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,gBAAgB,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACtD,oBAAoB,EAAE,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,CAAC;IACjF,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC/C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,IAAI,CAAC;QAAC,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAA;KAAE,CAAC,CAAC;CACpF,CAAC;AAEF,eAAO,MAAM,sBAAsB,iKAwGlC,CAAC"}
@@ -21,7 +21,7 @@ import { useChatContext } from '../../../context/ChatContext';
21
21
  import { useComponentContext } from '../../../context/ComponentContext';
22
22
  import { isDate } from '../../../context/TranslationContext';
23
23
  export var useMessageListElements = function (props) {
24
- var enrichedMessages = props.enrichedMessages, internalMessageProps = props.internalMessageProps, messageGroupStyles = props.messageGroupStyles, onMessageLoadCaptured = props.onMessageLoadCaptured, read = props.read, returnAllReadData = props.returnAllReadData, threadList = props.threadList;
24
+ var enrichedMessages = props.enrichedMessages, internalMessageProps = props.internalMessageProps, messageGroupStyles = props.messageGroupStyles, read = props.read, returnAllReadData = props.returnAllReadData, threadList = props.threadList;
25
25
  var _a = useChatContext('useMessageListElements'), client = _a.client, customClasses = _a.customClasses;
26
26
  var _b = useComponentContext('useMessageListElements'), _c = _b.DateSeparator, DateSeparator = _c === void 0 ? DefaultDateSeparator : _c, HeaderComponent = _b.HeaderComponent, _d = _b.MessageSystem, MessageSystem = _d === void 0 ? EventComponent : _d;
27
27
  // get the readData, but only for messages submitted by the user themselves
@@ -53,7 +53,7 @@ export var useMessageListElements = function (props) {
53
53
  }
54
54
  var groupStyles = messageGroupStyles[message.id] || '';
55
55
  var messageClass = (customClasses === null || customClasses === void 0 ? void 0 : customClasses.message) || "str-chat__li str-chat__li--".concat(groupStyles);
56
- return (React.createElement("li", { className: messageClass, "data-message-id": message.id, "data-testid": messageClass, key: message.id || message.created_at, onLoadCapture: onMessageLoadCaptured },
56
+ return (React.createElement("li", { className: messageClass, "data-message-id": message.id, "data-testid": messageClass, key: message.id || message.created_at },
57
57
  React.createElement(Message, __assign({ groupStyles: [groupStyles], lastReceivedId: lastReceivedId, message: message, readBy: readData[message.id] || [], threadList: threadList }, internalMessageProps))));
58
58
  });
59
59
  }, [
@@ -61,7 +61,6 @@ export var useMessageListElements = function (props) {
61
61
  internalMessageProps,
62
62
  lastReceivedId,
63
63
  messageGroupStyles,
64
- onMessageLoadCaptured,
65
64
  readData,
66
65
  threadList,
67
66
  ]);
@@ -12,7 +12,6 @@ export declare type UseScrollLocationLogicParams<StreamChatGenerics extends Defa
12
12
  export declare const useScrollLocationLogic: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(params: UseScrollLocationLogicParams<StreamChatGenerics>) => {
13
13
  hasNewMessages: boolean;
14
14
  isMessageListScrolledToBottom: boolean;
15
- onMessageLoadCaptured: () => void;
16
15
  onScroll: (event: React.UIEvent<HTMLDivElement>) => void;
17
16
  scrollToBottom: () => void;
18
17
  wrapperRect: DOMRect | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"useScrollLocationLogic.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageList/hooks/useScrollLocationLogic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAI9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,4BAA4B,CACtC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;sBAwDvB,aAAa,CAAC,cAAc,CAAC;;;CA2CxC,CAAC"}
1
+ {"version":3,"file":"useScrollLocationLogic.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageList/hooks/useScrollLocationLogic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAI9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,4BAA4B,CACtC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;sBAwDvB,aAAa,CAAC,cAAc,CAAC;;;CAgCxC,CAAC"}
@@ -56,19 +56,9 @@ export var useScrollLocationLogic = function (params) {
56
56
  setIsMessageListScrolledToBottom(true);
57
57
  }
58
58
  }, [updateScrollTop, closeToTop, closeToBottom, scrolledUpThreshold]);
59
- var onMessageLoadCaptured = useCallback(function () {
60
- /**
61
- * A load event (emitted by e.g. an <img>) was captured on a message.
62
- * In some cases, the loaded asset is larger than the placeholder, which means we have to scroll down.
63
- */
64
- if (closeToBottom.current) {
65
- scrollToBottom();
66
- }
67
- }, [closeToTop, closeToBottom, scrollToBottom]);
68
59
  return {
69
60
  hasNewMessages: hasNewMessages,
70
61
  isMessageListScrolledToBottom: isMessageListScrolledToBottom,
71
- onMessageLoadCaptured: onMessageLoadCaptured,
72
62
  onScroll: onScroll,
73
63
  scrollToBottom: scrollToBottom,
74
64
  wrapperRect: wrapperRect,
@@ -1 +1 @@
1
- {"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../src/components/Thread/Thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAGL,iBAAiB,EAElB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,gBAAgB,EAEhB,2BAA2B,EAC5B,MAAM,gBAAgB,CAAC;AAWxB,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,oBAAY,WAAW,CACrB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC;IACF,+JAA+J;IAC/J,2BAA2B,CAAC,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IACvE,oJAAoJ;IACpJ,0BAA0B,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAClE,oKAAoK;IACpK,4BAA4B,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;IAChE,mKAAmK;IACnK,qCAAqC,CAAC,EAAE,2BAA2B,CAAC,kBAAkB,CAAC,CAAC;IACxF,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gKAAgK;IAChK,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gQAAgQ;IAChQ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mHAAmH;IACnH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC3E,mKAAmK;IACnK,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,8LAYlB,CAAC"}
1
+ {"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../src/components/Thread/Thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAGL,iBAAiB,EAElB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,gBAAgB,EAEhB,2BAA2B,EAC5B,MAAM,gBAAgB,CAAC;AAWxB,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,oBAAY,WAAW,CACrB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC;IACF,+JAA+J;IAC/J,2BAA2B,CAAC,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IACvE,oJAAoJ;IACpJ,0BAA0B,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAClE,oKAAoK;IACpK,4BAA4B,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;IAChE,mKAAmK;IACnK,qCAAqC,CAAC,EAAE,2BAA2B,CAAC,kBAAkB,CAAC,CAAC;IACxF,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gKAAgK;IAChK,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gQAAgQ;IAChQ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mHAAmH;IACnH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC3E,mKAAmK;IACnK,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,8LAYlB,CAAC"}
@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import React, { useEffect } from 'react';
13
+ import clsx from 'clsx';
13
14
  import { MESSAGE_ACTIONS } from '../Message';
14
15
  import { MessageInput, MessageInputFlat, MessageInputSmall, } from '../MessageInput';
15
16
  import { MessageList, VirtualizedMessageList, } from '../MessageList';
@@ -45,9 +46,13 @@ var ThreadInner = function (props) {
45
46
  }, []);
46
47
  if (!thread)
47
48
  return null;
48
- var threadClass = (customClasses === null || customClasses === void 0 ? void 0 : customClasses.thread) || 'str-chat__thread-container str-chat__thread';
49
+ var threadClass = (customClasses === null || customClasses === void 0 ? void 0 : customClasses.thread) ||
50
+ clsx('str-chat__thread-container str-chat__thread', {
51
+ 'str-chat__thread--full': fullWidth,
52
+ 'str-chat__thread--virtualized': virtualized,
53
+ });
49
54
  var head = (React.createElement(ThreadHead, __assign({ key: thread.id, message: thread, Message: MessageUIComponent }, additionalParentMessageProps)));
50
- return (React.createElement("div", { className: "".concat(threadClass, " ").concat(fullWidth ? 'str-chat__thread--full' : '') },
55
+ return (React.createElement("div", { className: threadClass },
51
56
  React.createElement(ThreadHeader, { closeThread: closeThread, thread: thread }),
52
57
  React.createElement(ThreadMessageList, __assign({ disableDateSeparator: !enableDateSeparator, hasMore: threadHasMore, head: head, loadingMore: threadLoadingMore, loadMore: loadMoreThread, Message: MessageUIComponent, messageActions: messageActions, messages: threadMessages || [], suppressAutoscroll: threadSuppressAutoscroll, threadList: true }, (virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps))),
53
58
  React.createElement(MessageInput, __assign({ focus: autoFocus, Input: ThreadInput, parent: thread, publishTypingEvent: false }, additionalMessageInputProps))));
@@ -1,6 +1,6 @@
1
1
  import React, { PropsWithChildren } from 'react';
2
2
  import type { Channel, ChannelConfigWithInfo, MessageResponse, Mute, ChannelState as StreamChannelState } from 'stream-chat';
3
- import type { DefaultStreamChatGenerics, GiphyVersions, UnknownType } from '../types/types';
3
+ import type { DefaultStreamChatGenerics, GiphyVersions, ImageAttachmentSizeHandler, UnknownType, VideoAttachmentSizeHandler } from '../types/types';
4
4
  export declare type ChannelNotifications = Array<{
5
5
  id: string;
6
6
  text: string;
@@ -34,8 +34,11 @@ export declare type ChannelStateContextValue<StreamChatGenerics extends DefaultS
34
34
  channel: Channel<StreamChatGenerics>;
35
35
  channelCapabilities: Record<string, boolean>;
36
36
  channelConfig: ChannelConfigWithInfo<StreamChatGenerics> | undefined;
37
+ imageAttachmentSizeHandler: ImageAttachmentSizeHandler;
37
38
  multipleUploads: boolean;
38
39
  notifications: ChannelNotifications;
40
+ shouldGenerateVideoThumbnail: boolean;
41
+ videoAttachmentSizeHandler: VideoAttachmentSizeHandler;
39
42
  acceptedFiles?: string[];
40
43
  dragAndDropWindow?: boolean;
41
44
  giphyVersion?: GiphyVersions;
@@ -54,7 +57,7 @@ export declare const useChannelStateContext: <StreamChatGenerics extends Default
54
57
  * wrapped component must be provided as the first generic.
55
58
  */
56
59
  export declare const withChannelStateContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => {
57
- (props: Omit<P, "error" | "notifications" | "channel" | "loading" | "read" | "members" | "messages" | "watcher_count" | "watchers" | "mutes" | "suppressAutoscroll" | "hasMore" | "hasMoreNewer" | "highlightedMessageId" | "loadingMore" | "loadingMoreNewer" | "pinnedMessages" | "quotedMessage" | "thread" | "threadHasMore" | "threadLoadingMore" | "threadMessages" | "threadSuppressAutoscroll" | "watcherCount" | "channelCapabilities" | "channelConfig" | "multipleUploads" | "acceptedFiles" | "dragAndDropWindow" | "giphyVersion" | "maxNumberOfFiles">): JSX.Element;
60
+ (props: Omit<P, "error" | "notifications" | "channel" | "loading" | "read" | "members" | "messages" | "watcher_count" | "watchers" | "mutes" | "suppressAutoscroll" | "hasMore" | "hasMoreNewer" | "highlightedMessageId" | "loadingMore" | "loadingMoreNewer" | "pinnedMessages" | "quotedMessage" | "thread" | "threadHasMore" | "threadLoadingMore" | "threadMessages" | "threadSuppressAutoscroll" | "watcherCount" | "channelCapabilities" | "channelConfig" | "imageAttachmentSizeHandler" | "multipleUploads" | "shouldGenerateVideoThumbnail" | "videoAttachmentSizeHandler" | "acceptedFiles" | "dragAndDropWindow" | "giphyVersion" | "maxNumberOfFiles">): JSX.Element;
58
61
  displayName: string;
59
62
  };
60
63
  //# sourceMappingURL=ChannelStateContext.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChannelStateContext.d.ts","sourceRoot":"","sources":["../../src/context/ChannelStateContext.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ChannelStateContext.d.ts","sourceRoot":"","sources":["../../src/context/ChannelStateContext.tsx"],"names":[],"mappings":"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"}