stream-chat-react 8.1.3-beta.1 → 8.1.3

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 (160) hide show
  1. package/dist/browser.full-bundle.js +35110 -34070
  2. package/dist/browser.full-bundle.js.map +1 -1
  3. package/dist/browser.full-bundle.min.js +5 -6
  4. package/dist/browser.full-bundle.min.js.map +1 -1
  5. package/dist/components/Attachment/Card.d.ts +2 -2
  6. package/dist/components/Attachment/Card.d.ts.map +1 -1
  7. package/dist/components/Attachment/utils.d.ts.map +1 -1
  8. package/dist/components/Attachment/utils.js +1 -2
  9. package/dist/components/AutoCompleteTextarea/Header.d.ts +2 -1
  10. package/dist/components/AutoCompleteTextarea/Header.d.ts.map +1 -1
  11. package/dist/components/AutoCompleteTextarea/List.d.ts.map +1 -1
  12. package/dist/components/AutoCompleteTextarea/List.js +5 -3
  13. package/dist/components/AutoCompleteTextarea/Textarea.d.ts +3 -1
  14. package/dist/components/AutoCompleteTextarea/Textarea.d.ts.map +1 -1
  15. package/dist/components/AutoCompleteTextarea/Textarea.js +37 -9
  16. package/dist/components/AutoCompleteTextarea/index.d.ts +1 -0
  17. package/dist/components/AutoCompleteTextarea/index.d.ts.map +1 -1
  18. package/dist/components/AutoCompleteTextarea/index.js +1 -0
  19. package/dist/components/AutoCompleteTextarea/listener.d.ts +22 -0
  20. package/dist/components/AutoCompleteTextarea/listener.d.ts.map +1 -0
  21. package/dist/components/AutoCompleteTextarea/listener.js +77 -0
  22. package/dist/components/Channel/Channel.d.ts.map +1 -1
  23. package/dist/components/Channel/Channel.js +5 -1
  24. package/dist/components/Channel/hooks/useCreateChannelStateContext.js +2 -2
  25. package/dist/components/Channel/hooks/useIsMounted.js +4 -7
  26. package/dist/components/ChannelHeader/ChannelHeader.d.ts.map +1 -1
  27. package/dist/components/ChannelHeader/ChannelHeader.js +1 -1
  28. package/dist/components/ChannelPreview/ChannelPreview.d.ts.map +1 -1
  29. package/dist/components/ChannelPreview/ChannelPreview.js +20 -4
  30. package/dist/components/ChannelSearch/SearchResults.d.ts.map +1 -1
  31. package/dist/components/Chat/hooks/useChat.d.ts.map +1 -1
  32. package/dist/components/Chat/hooks/useChat.js +3 -2
  33. package/dist/components/CommandItem/CommandItem.d.ts +2 -2
  34. package/dist/components/CommandItem/CommandItem.d.ts.map +1 -1
  35. package/dist/components/DateSeparator/DateSeparator.d.ts +1 -1
  36. package/dist/components/DateSeparator/DateSeparator.d.ts.map +1 -1
  37. package/dist/components/DateSeparator/DateSeparator.js +10 -9
  38. package/dist/components/EmoticonItem/EmoticonItem.d.ts +2 -1
  39. package/dist/components/EmoticonItem/EmoticonItem.d.ts.map +1 -1
  40. package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts +2 -1
  41. package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts.map +1 -1
  42. package/dist/components/EventComponent/EventComponent.d.ts.map +1 -1
  43. package/dist/components/EventComponent/EventComponent.js +9 -17
  44. package/dist/components/Gallery/Image.d.ts +2 -1
  45. package/dist/components/Gallery/Image.d.ts.map +1 -1
  46. package/dist/components/Gallery/ModalWrapper.d.ts +1 -1
  47. package/dist/components/Gallery/ModalWrapper.d.ts.map +1 -1
  48. package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts +2 -2
  49. package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts.map +1 -1
  50. package/dist/components/LoadMore/LoadMoreButton.d.ts +2 -2
  51. package/dist/components/LoadMore/LoadMoreButton.d.ts.map +1 -1
  52. package/dist/components/LoadMore/LoadMorePaginator.d.ts +3 -3
  53. package/dist/components/LoadMore/LoadMorePaginator.d.ts.map +1 -1
  54. package/dist/components/Loading/LoadingChannels.d.ts +1 -1
  55. package/dist/components/Loading/LoadingChannels.d.ts.map +1 -1
  56. package/dist/components/Loading/LoadingErrorIndicator.d.ts +2 -1
  57. package/dist/components/Loading/LoadingErrorIndicator.d.ts.map +1 -1
  58. package/dist/components/Loading/LoadingErrorIndicator.js +1 -1
  59. package/dist/components/Loading/LoadingIndicator.d.ts +2 -1
  60. package/dist/components/Loading/LoadingIndicator.d.ts.map +1 -1
  61. package/dist/components/MML/MML.d.ts +2 -1
  62. package/dist/components/MML/MML.d.ts.map +1 -1
  63. package/dist/components/Message/MessageDeleted.d.ts.map +1 -1
  64. package/dist/components/Message/MessageRepliesCountButton.d.ts +4 -3
  65. package/dist/components/Message/MessageRepliesCountButton.d.ts.map +1 -1
  66. package/dist/components/Message/MessageText.d.ts.map +1 -1
  67. package/dist/components/Message/MessageTimestamp.d.ts +2 -0
  68. package/dist/components/Message/MessageTimestamp.d.ts.map +1 -1
  69. package/dist/components/Message/MessageTimestamp.js +34 -7
  70. package/dist/components/Message/hooks/usePinHandler.d.ts +1 -1
  71. package/dist/components/Message/hooks/usePinHandler.d.ts.map +1 -1
  72. package/dist/components/Message/hooks/usePinHandler.js +3 -3
  73. package/dist/components/Message/utils.d.ts.map +1 -1
  74. package/dist/components/Message/utils.js +5 -10
  75. package/dist/components/MessageActions/MessageActions.d.ts.map +1 -1
  76. package/dist/components/MessageInput/EditMessageForm.d.ts.map +1 -1
  77. package/dist/components/MessageInput/EditMessageForm.js +2 -1
  78. package/dist/components/MessageInput/MessageInput.d.ts +2 -1
  79. package/dist/components/MessageInput/MessageInput.d.ts.map +1 -1
  80. package/dist/components/MessageInput/MessageInput.js +5 -1
  81. package/dist/components/MessageInput/MessageInputFlat.d.ts.map +1 -1
  82. package/dist/components/MessageInput/MessageInputFlat.js +1 -3
  83. package/dist/components/MessageInput/MessageInputSmall.d.ts.map +1 -1
  84. package/dist/components/MessageInput/MessageInputSmall.js +1 -3
  85. package/dist/components/MessageInput/QuotedMessagePreview.d.ts.map +1 -1
  86. package/dist/components/MessageInput/QuotedMessagePreview.js +6 -4
  87. package/dist/components/MessageInput/hooks/useAttachments.d.ts +4 -4
  88. package/dist/components/MessageInput/hooks/useCooldownTimer.d.ts +1 -1
  89. package/dist/components/MessageInput/hooks/useCooldownTimer.d.ts.map +1 -1
  90. package/dist/components/MessageInput/hooks/useFileUploads.d.ts +2 -2
  91. package/dist/components/MessageInput/hooks/useFileUploads.d.ts.map +1 -1
  92. package/dist/components/MessageInput/hooks/useImageUploads.d.ts +2 -2
  93. package/dist/components/MessageInput/hooks/useImageUploads.d.ts.map +1 -1
  94. package/dist/components/MessageInput/hooks/useMessageInputState.d.ts +1 -1
  95. package/dist/components/MessageInput/hooks/useMessageInputState.d.ts.map +1 -1
  96. package/dist/components/MessageInput/hooks/useSubmitHandler.d.ts.map +1 -1
  97. package/dist/components/MessageInput/hooks/useSubmitHandler.js +17 -15
  98. package/dist/components/MessageInput/icons.d.ts +4 -4
  99. package/dist/components/MessageInput/icons.d.ts.map +1 -1
  100. package/dist/components/MessageList/Center.d.ts +4 -2
  101. package/dist/components/MessageList/Center.d.ts.map +1 -1
  102. package/dist/components/MessageList/ConnectionStatus.d.ts +1 -2
  103. package/dist/components/MessageList/ConnectionStatus.d.ts.map +1 -1
  104. package/dist/components/MessageList/CustomNotification.d.ts +2 -2
  105. package/dist/components/MessageList/CustomNotification.d.ts.map +1 -1
  106. package/dist/components/MessageList/MessageNotification.d.ts +1 -2
  107. package/dist/components/MessageList/MessageNotification.d.ts.map +1 -1
  108. package/dist/components/Modal/Modal.d.ts +2 -2
  109. package/dist/components/Modal/Modal.d.ts.map +1 -1
  110. package/dist/components/Reactions/ReactionSelector.d.ts.map +1 -1
  111. package/dist/components/Reactions/ReactionSelector.js +1 -1
  112. package/dist/components/SafeAnchor/SafeAnchor.d.ts +2 -2
  113. package/dist/components/SafeAnchor/SafeAnchor.d.ts.map +1 -1
  114. package/dist/components/Thread/Thread.js +50 -10
  115. package/dist/components/Tooltip/Tooltip.d.ts +2 -2
  116. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  117. package/dist/components/UserItem/UserItem.d.ts +1 -1
  118. package/dist/components/UserItem/UserItem.d.ts.map +1 -1
  119. package/dist/context/ChannelActionContext.d.ts +1 -4
  120. package/dist/context/ChannelActionContext.d.ts.map +1 -1
  121. package/dist/context/ChannelStateContext.d.ts +1 -4
  122. package/dist/context/ChannelStateContext.d.ts.map +1 -1
  123. package/dist/context/ChatContext.d.ts +1 -4
  124. package/dist/context/ChatContext.d.ts.map +1 -1
  125. package/dist/context/ComponentContext.d.ts +1 -4
  126. package/dist/context/ComponentContext.d.ts.map +1 -1
  127. package/dist/context/EmojiContext.d.ts +1 -4
  128. package/dist/context/EmojiContext.d.ts.map +1 -1
  129. package/dist/context/MessageContext.d.ts +1 -4
  130. package/dist/context/MessageContext.d.ts.map +1 -1
  131. package/dist/context/TranslationContext.d.ts +5 -9
  132. package/dist/context/TranslationContext.d.ts.map +1 -1
  133. package/dist/context/TranslationContext.js +8 -6
  134. package/dist/context/TypingContext.d.ts +1 -4
  135. package/dist/context/TypingContext.d.ts.map +1 -1
  136. package/dist/i18n/Streami18n.d.ts +0 -1
  137. package/dist/i18n/Streami18n.d.ts.map +1 -1
  138. package/dist/i18n/Streami18n.js +2 -3
  139. package/dist/index.cjs.js +2045 -1884
  140. package/dist/index.cjs.js.map +1 -1
  141. package/dist/stories/{connected-user.stories.d.ts → add-message.stories.d.ts} +1 -1
  142. package/dist/stories/add-message.stories.d.ts.map +1 -0
  143. package/dist/stories/{connected-user.stories.js → add-message.stories.js} +4 -3
  144. package/dist/stories/jump-to-message.stories.d.ts.map +1 -1
  145. package/dist/stories/jump-to-message.stories.js +0 -3
  146. package/dist/stories/mark-read.stories.d.ts.map +1 -1
  147. package/dist/stories/mark-read.stories.js +2 -23
  148. package/dist/stories/navigate-long-message-lists.stories.d.ts +4 -0
  149. package/dist/stories/navigate-long-message-lists.stories.d.ts.map +1 -0
  150. package/dist/stories/navigate-long-message-lists.stories.js +167 -0
  151. package/dist/types/types.d.ts +0 -2
  152. package/dist/types/types.d.ts.map +1 -1
  153. package/dist/version.d.ts +1 -1
  154. package/dist/version.d.ts.map +1 -1
  155. package/dist/version.js +1 -1
  156. package/package.json +21 -20
  157. package/dist/i18n/utils.d.ts +0 -13
  158. package/dist/i18n/utils.d.ts.map +0 -1
  159. package/dist/i18n/utils.js +0 -33
  160. package/dist/stories/connected-user.stories.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"EmptyStateIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyStateIndicator/EmptyStateIndicator.tsx"],"names":[],"mappings":"AAIA,oBAAY,wBAAwB,GAAG;IACrC,mCAAmC;IACnC,QAAQ,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CAAC;AAeF,eAAO,MAAM,mBAAmB,UAbc,wBAAwB,uBAe7B,CAAC"}
1
+ {"version":3,"file":"EmptyStateIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyStateIndicator/EmptyStateIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,wBAAwB,GAAG;IACrC,mCAAmC;IACnC,QAAQ,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CAAC;AAcF,eAAO,MAAM,mBAAmB,oCAES,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"EventComponent.d.ts","sourceRoot":"","sources":["../../../src/components/EventComponent/EventComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAIjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,qBAAqB;IACrB,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3C,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AAqDF,eAAO,MAAM,cAAc,0JAES,CAAC"}
1
+ {"version":3,"file":"EventComponent.d.ts","sourceRoot":"","sources":["../../../src/components/EventComponent/EventComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAIjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,qBAAqB;IACrB,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3C,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AA0DF,eAAO,MAAM,cAAc,0JAES,CAAC"}
@@ -1,18 +1,6 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
1
  import React from 'react';
13
2
  import { Avatar as DefaultAvatar } from '../Avatar';
14
- import { useTranslationContext } from '../../context/TranslationContext';
15
- import { getDateString } from '../../i18n/utils';
3
+ import { isDayOrMoment, useTranslationContext } from '../../context/TranslationContext';
16
4
  /**
17
5
  * Component to display system and channel event messages
18
6
  */
@@ -21,7 +9,11 @@ var UnMemoizedEventComponent = function (props) {
21
9
  var _d = props.Avatar, Avatar = _d === void 0 ? DefaultAvatar : _d, message = props.message;
22
10
  var tDateTimeParser = useTranslationContext('EventComponent').tDateTimeParser;
23
11
  var _e = message.created_at, created_at = _e === void 0 ? '' : _e, event = message.event, text = message.text, type = message.type;
24
- var getDateOptions = { messageCreatedAt: created_at.toString(), tDateTimeParser: tDateTimeParser };
12
+ var dateFormatter = function (date, format) {
13
+ var parsedDate = tDateTimeParser(date);
14
+ var formattedDate = isDayOrMoment(parsedDate) ? parsedDate.format(format) : parsedDate;
15
+ return formattedDate;
16
+ };
25
17
  if (type === 'system')
26
18
  return (React.createElement("div", { className: 'str-chat__message--system' },
27
19
  React.createElement("div", { className: 'str-chat__message--system__text' },
@@ -30,10 +22,10 @@ var UnMemoizedEventComponent = function (props) {
30
22
  React.createElement("div", { className: 'str-chat__message--system__line' })),
31
23
  React.createElement("div", { className: 'str-chat__message--system__date' },
32
24
  React.createElement("strong", null,
33
- getDateString(__assign(__assign({}, getDateOptions), { format: 'dddd' })),
25
+ dateFormatter(created_at, 'dddd'),
34
26
  " "),
35
27
  "at ",
36
- getDateString(__assign(__assign({}, getDateOptions), { format: 'hh:mm A' })))));
28
+ dateFormatter(created_at, 'hh:mm A'))));
37
29
  if ((event === null || event === void 0 ? void 0 : event.type) === 'member.removed' || (event === null || event === void 0 ? void 0 : event.type) === 'member.added') {
38
30
  var name_1 = ((_a = event.user) === null || _a === void 0 ? void 0 : _a.name) || ((_b = event.user) === null || _b === void 0 ? void 0 : _b.id);
39
31
  var sentence = name_1 + " " + (event.type === 'member.added' ? 'has joined the chat' : 'was removed from the chat');
@@ -41,7 +33,7 @@ var UnMemoizedEventComponent = function (props) {
41
33
  React.createElement(Avatar, { image: (_c = event.user) === null || _c === void 0 ? void 0 : _c.image, name: name_1, user: event.user }),
42
34
  React.createElement("div", { className: 'str-chat__event-component__channel-event__content' },
43
35
  React.createElement("em", { className: 'str-chat__event-component__channel-event__sentence' }, sentence),
44
- React.createElement("div", { className: 'str-chat__event-component__channel-event__date' }, getDateString(__assign(__assign({}, getDateOptions), { format: 'LT' }))))));
36
+ React.createElement("div", { className: 'str-chat__event-component__channel-event__date' }, dateFormatter(created_at, 'LT')))));
45
37
  }
46
38
  return null;
47
39
  };
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  export declare type ImageProps = {
2
3
  /** The text fallback for the image */
3
4
  fallback?: string;
@@ -9,5 +10,5 @@ export declare type ImageProps = {
9
10
  /**
10
11
  * A simple component that displays an image.
11
12
  */
12
- export declare const ImageComponent: (props: ImageProps) => JSX.Element;
13
+ export declare const ImageComponent: React.FC<ImageProps>;
13
14
  //# sourceMappingURL=Image.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Image.tsx"],"names":[],"mappings":"AAKA,oBAAY,UAAU,GAAG;IACvB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,UAAW,UAAU,gBA+B/C,CAAC"}
1
+ {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,oBAAY,UAAU,GAAG;IACvB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA+B/C,CAAC"}
@@ -10,5 +10,5 @@ export declare type ModalWrapperProps = {
10
10
  /** The index for the component */
11
11
  index?: number;
12
12
  };
13
- export declare const ModalComponent: (props: ModalWrapperProps) => JSX.Element;
13
+ export declare const ModalComponent: React.FC<ModalWrapperProps>;
14
14
  //# sourceMappingURL=ModalWrapper.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/ModalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAqB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI1E,oBAAY,iBAAiB,GAAG;IAC9B,4CAA4C;IAC5C,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,kCAAkC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,CAAC;IACvE,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,iBAAiB,gBActD,CAAC"}
1
+ {"version":3,"file":"ModalWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/ModalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAqB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI1E,oBAAY,iBAAiB,GAAG;IAC9B,4CAA4C;IAC5C,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,kCAAkC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,CAAC;IACvE,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CActD,CAAC"}
@@ -1,4 +1,4 @@
1
- import React, { PropsWithChildren } from 'react';
1
+ import React from 'react';
2
2
  export declare type InfiniteScrollProps = {
3
3
  className?: string;
4
4
  element?: React.ElementType;
@@ -15,5 +15,5 @@ export declare type InfiniteScrollProps = {
15
15
  threshold?: number;
16
16
  useCapture?: boolean;
17
17
  };
18
- export declare const InfiniteScroll: (props: PropsWithChildren<InfiniteScrollProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
18
+ export declare const InfiniteScroll: React.FC<InfiniteScrollProps>;
19
19
  //# sourceMappingURL=InfiniteScroll.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScrollPaginator/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAkC,MAAM,OAAO,CAAC;AAYjF,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,kBAAkB,mBAAmB,CAAC,uEAwF3E,CAAC"}
1
+ {"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScrollPaginator/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAY9D,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwFxD,CAAC"}
@@ -1,9 +1,9 @@
1
- import React, { PropsWithChildren } from 'react';
1
+ import React from 'react';
2
2
  export declare type LoadMoreButtonProps = {
3
3
  /** onClick handler load more button. Pagination logic should be executed in this handler. */
4
4
  onClick: React.MouseEventHandler<HTMLButtonElement>;
5
5
  /** If true, LoadingIndicator is displayed instead of button */
6
6
  refreshing?: boolean;
7
7
  };
8
- export declare const LoadMoreButton: (props: PropsWithChildren<LoadMoreButtonProps>) => JSX.Element;
8
+ export declare const LoadMoreButton: React.FC<LoadMoreButtonProps>;
9
9
  //# sourceMappingURL=LoadMoreButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LoadMoreButton.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMoreButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,oBAAY,mBAAmB,GAAG;IAChC,6FAA6F;IAC7F,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAoBF,eAAO,MAAM,cAAc,UAlBc,kBAAkB,mBAAmB,CAAC,gBAoB3C,CAAC"}
1
+ {"version":3,"file":"LoadMoreButton.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMoreButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,oBAAY,mBAAmB,GAAG;IAChC,6FAA6F;IAC7F,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAoBF,eAAO,MAAM,cAAc,+BAES,CAAC"}
@@ -1,4 +1,4 @@
1
- import React, { PropsWithChildren } from 'react';
1
+ import React from 'react';
2
2
  import { LoadMoreButtonProps } from './LoadMoreButton';
3
3
  export declare type LoadMorePaginatorProps = {
4
4
  /** callback to load the next page */
@@ -9,6 +9,6 @@ export declare type LoadMorePaginatorProps = {
9
9
  refreshing?: boolean;
10
10
  reverse?: boolean;
11
11
  };
12
- export declare const UnMemoizedLoadMorePaginator: (props: PropsWithChildren<LoadMorePaginatorProps>) => JSX.Element;
13
- export declare const LoadMorePaginator: (props: PropsWithChildren<LoadMorePaginatorProps>) => JSX.Element;
12
+ export declare const UnMemoizedLoadMorePaginator: React.FC<LoadMorePaginatorProps>;
13
+ export declare const LoadMorePaginator: React.FC<LoadMorePaginatorProps>;
14
14
  //# sourceMappingURL=LoadMorePaginator.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LoadMorePaginator.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMorePaginator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAA2C,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEhG,oBAAY,sBAAsB,GAAG;IACnC,qCAAqC;IACrC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC1D,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,2BAA2B,UAAW,kBAAkB,sBAAsB,CAAC,gBAiB3F,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAnBqB,kBAAkB,sBAAsB,CAAC,gBAqBrD,CAAC"}
1
+ {"version":3,"file":"LoadMorePaginator.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMorePaginator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA2C,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEhG,oBAAY,sBAAsB,GAAG;IACnC,qCAAqC;IACrC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC1D,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiBxE,CAAC;AAEF,eAAO,MAAM,iBAAiB,kCAES,CAAC"}
@@ -2,5 +2,5 @@ import React from 'react';
2
2
  /**
3
3
  * Loading indicator for the ChannelList
4
4
  */
5
- export declare const LoadingChannels: React.MemoExoticComponent<() => JSX.Element>;
5
+ export declare const LoadingChannels: React.FC<{}>;
6
6
  //# sourceMappingURL=LoadingChannels.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingChannels.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingChannels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;GAEG;AACH,eAAO,MAAM,eAAe,8CAAwC,CAAC"}
1
+ {"version":3,"file":"LoadingChannels.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingChannels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;GAEG;AACH,eAAO,MAAM,eAAe,cAES,CAAC"}
@@ -1,6 +1,7 @@
1
+ import React from 'react';
1
2
  export declare type LoadingErrorIndicatorProps = {
2
3
  /** Error object */
3
4
  error?: Error;
4
5
  };
5
- export declare const LoadingErrorIndicator: ({ error }: LoadingErrorIndicatorProps) => JSX.Element | null;
6
+ export declare const LoadingErrorIndicator: React.FC<LoadingErrorIndicatorProps>;
6
7
  //# sourceMappingURL=LoadingErrorIndicator.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingErrorIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingErrorIndicator.tsx"],"names":[],"mappings":"AAIA,oBAAY,0BAA0B,GAAG;IACvC,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAiBF,eAAO,MAAM,qBAAqB,cAZkB,0BAA0B,uBAenC,CAAC"}
1
+ {"version":3,"file":"LoadingErrorIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingErrorIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,0BAA0B,GAAG;IACvC,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAaF,eAAO,MAAM,qBAAqB,sCAGS,CAAC"}
@@ -8,6 +8,6 @@ var UnMemoizedLoadingErrorIndicator = function (_a) {
8
8
  var t = useTranslationContext('LoadingErrorIndicator').t;
9
9
  if (!error)
10
10
  return null;
11
- return (React.createElement("div", null, t('Error: {{ errorMessage }}', { errorMessage: error.message })));
11
+ return React.createElement("div", null, t('Error: {{ errorMessage }}', { errorMessage: error.message }));
12
12
  };
13
13
  export var LoadingErrorIndicator = React.memo(UnMemoizedLoadingErrorIndicator, function (prevProps, nextProps) { var _a, _b; return ((_a = prevProps.error) === null || _a === void 0 ? void 0 : _a.message) === ((_b = nextProps.error) === null || _b === void 0 ? void 0 : _b.message); });
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  export declare type LoadingIndicatorProps = {
2
3
  /** Set the color of the LoadingIndicator */
3
4
  color?: string;
@@ -7,5 +8,5 @@ export declare type LoadingIndicatorProps = {
7
8
  /**
8
9
  * Simple loading spinner
9
10
  */
10
- export declare const LoadingIndicator: (props: LoadingIndicatorProps) => JSX.Element;
11
+ export declare const LoadingIndicator: React.FC<LoadingIndicatorProps>;
11
12
  //# sourceMappingURL=LoadingIndicator.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingIndicator.tsx"],"names":[],"mappings":"AAEA,oBAAY,qBAAqB,GAAG;IAClC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAkCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,UAnCc,qBAAqB,gBAuC1B,CAAC"}
1
+ {"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,qBAAqB,GAAG;IAClC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAkCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,iCAIS,CAAC"}
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  import type { ActionHandlerReturnType } from '../Message/hooks/useActionHandler';
2
3
  export declare type MMLProps = {
3
4
  /** MML source string */
@@ -10,5 +11,5 @@ export declare type MMLProps = {
10
11
  /**
11
12
  * A wrapper component around MML-React library
12
13
  */
13
- export declare const MML: (props: MMLProps) => JSX.Element;
14
+ export declare const MML: React.FC<MMLProps>;
14
15
  //# sourceMappingURL=MML.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MML.d.ts","sourceRoot":"","sources":["../../../src/components/MML/MML.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAOjF,oBAAY,QAAQ,GAAG;IACrB,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,GAAG,UAAW,QAAQ,gBAiBlC,CAAC"}
1
+ {"version":3,"file":"MML.d.ts","sourceRoot":"","sources":["../../../src/components/MML/MML.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAOjF,oBAAY,QAAQ,GAAG;IACrB,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAiBlC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"MessageDeleted.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageDeleted.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,mJA0B1B,CAAC"}
1
+ {"version":3,"file":"MessageDeleted.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageDeleted.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,mJAwB1B,CAAC"}
@@ -1,9 +1,10 @@
1
- import { MouseEventHandler } from 'react';
1
+ import React from 'react';
2
+ import type { ReactEventHandler } from './types';
2
3
  export declare type MessageRepliesCountButtonProps = {
3
4
  labelPlural?: string;
4
5
  labelSingle?: string;
5
- onClick?: MouseEventHandler;
6
+ onClick?: ReactEventHandler;
6
7
  reply_count?: number;
7
8
  };
8
- export declare const MessageRepliesCountButton: (props: MessageRepliesCountButtonProps) => JSX.Element | null;
9
+ export declare const MessageRepliesCountButton: React.FC<MessageRepliesCountButtonProps>;
9
10
  //# sourceMappingURL=MessageRepliesCountButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MessageRepliesCountButton.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageRepliesCountButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMjD,oBAAY,8BAA8B,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA6BF,eAAO,MAAM,yBAAyB,UA3Bc,8BAA8B,uBA6BnC,CAAC"}
1
+ {"version":3,"file":"MessageRepliesCountButton.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageRepliesCountButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,oBAAY,8BAA8B,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA6BF,eAAO,MAAM,yBAAyB,0CAES,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageText.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuFF,eAAO,MAAM,WAAW,uJAEkB,CAAC"}
1
+ {"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageText.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqFF,eAAO,MAAM,WAAW,uJAEkB,CAAC"}
@@ -1,6 +1,8 @@
1
1
  import type { StreamMessage } from '../../context/ChannelStateContext';
2
2
  import type { DefaultStreamChatGenerics } from '../../types/types';
3
3
  export declare const defaultTimestampFormat = "h:mmA";
4
+ export declare const notValidDateWarning = "MessageTimestamp was called without a message, or message has invalid created_at date.";
5
+ export declare const noParsingFunctionWarning = "MessageTimestamp was called but there is no datetime parsing function available";
4
6
  export declare type MessageTimestampProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
5
7
  calendar?: boolean;
6
8
  customClass?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"MessageTimestamp.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageTimestamp.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAE9C,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAwCF,eAAO,MAAM,gBAAgB,4JAES,CAAC"}
1
+ {"version":3,"file":"MessageTimestamp.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageTimestamp.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAE9C,eAAO,MAAM,mBAAmB,2FAC0D,CAAC;AAE3F,eAAO,MAAM,wBAAwB,oFAC8C,CAAC;AA4CpF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAqCF,eAAO,MAAM,gBAAgB,4JAES,CAAC"}
@@ -1,19 +1,46 @@
1
1
  import React, { useMemo } from 'react';
2
2
  import { useMessageContext } from '../../context/MessageContext';
3
- import { isDate, useTranslationContext } from '../../context/TranslationContext';
4
- import { getDateString } from '../../i18n/utils';
3
+ import { isDate, isDayOrMoment, isNumberOrString, useTranslationContext, } from '../../context/TranslationContext';
5
4
  export var defaultTimestampFormat = 'h:mmA';
5
+ export var notValidDateWarning = 'MessageTimestamp was called without a message, or message has invalid created_at date.';
6
+ export var noParsingFunctionWarning = 'MessageTimestamp was called but there is no datetime parsing function available';
7
+ function getDateString(messageCreatedAt, formatDate, calendar, tDateTimeParser, format) {
8
+ if (!messageCreatedAt || !Date.parse(messageCreatedAt)) {
9
+ console.warn(notValidDateWarning);
10
+ return null;
11
+ }
12
+ if (typeof formatDate === 'function') {
13
+ return formatDate(new Date(messageCreatedAt));
14
+ }
15
+ if (!tDateTimeParser) {
16
+ console.warn(noParsingFunctionWarning);
17
+ return null;
18
+ }
19
+ var parsedTime = tDateTimeParser(messageCreatedAt);
20
+ if (isDayOrMoment(parsedTime)) {
21
+ /**
22
+ * parsedTime.calendar is guaranteed on the type but is only
23
+ * available when a user calls dayjs.extend(calendar)
24
+ */
25
+ return calendar && parsedTime.calendar ? parsedTime.calendar() : parsedTime.format(format);
26
+ }
27
+ if (isDate(parsedTime)) {
28
+ return parsedTime.toDateString();
29
+ }
30
+ if (isNumberOrString(parsedTime)) {
31
+ return parsedTime;
32
+ }
33
+ return null;
34
+ }
6
35
  var UnMemoizedMessageTimestamp = function (props) {
7
36
  var _a = props.calendar, calendar = _a === void 0 ? false : _a, _b = props.customClass, customClass = _b === void 0 ? '' : _b, _c = props.format, format = _c === void 0 ? defaultTimestampFormat : _c, propMessage = props.message;
8
37
  var _d = useMessageContext('MessageTimestamp'), formatDate = _d.formatDate, contextMessage = _d.message;
9
38
  var tDateTimeParser = useTranslationContext('MessageTimestamp').tDateTimeParser;
10
39
  var message = propMessage || contextMessage;
11
- var messageCreatedAt = message.created_at && isDate(message.created_at)
12
- ? message.created_at.toISOString()
13
- : message.created_at;
14
- var when = useMemo(function () { return getDateString({ calendar: calendar, format: format, formatDate: formatDate, messageCreatedAt: messageCreatedAt, tDateTimeParser: tDateTimeParser }); }, [formatDate, calendar, tDateTimeParser, format, messageCreatedAt]);
40
+ var createdAt = message.created_at;
41
+ var when = useMemo(function () { return getDateString(createdAt, formatDate, calendar, tDateTimeParser, format); }, [formatDate, calendar, tDateTimeParser, format, createdAt]);
15
42
  if (!when)
16
43
  return null;
17
- return (React.createElement("time", { className: customClass, dateTime: messageCreatedAt, title: messageCreatedAt }, when));
44
+ return (React.createElement("time", { className: customClass, dateTime: createdAt, title: createdAt }, when));
18
45
  };
19
46
  export var MessageTimestamp = React.memo(UnMemoizedMessageTimestamp);
@@ -23,7 +23,7 @@ export declare type PinMessageNotifications<StreamChatGenerics extends DefaultSt
23
23
  getErrorNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
24
24
  notify?: (notificationText: string, type: 'success' | 'error') => void;
25
25
  };
26
- export declare const usePinHandler: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: StreamMessage<StreamChatGenerics>, _permissions?: PinPermissions, notifications?: PinMessageNotifications<StreamChatGenerics>) => {
26
+ export declare const usePinHandler: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: StreamMessage<StreamChatGenerics>, permissions?: PinPermissions, notifications?: PinMessageNotifications<StreamChatGenerics>) => {
27
27
  canPin: boolean;
28
28
  handlePin: ReactEventHandler;
29
29
  };
@@ -1 +1 @@
1
- {"version":3,"file":"usePinHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/usePinHandler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAI7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAGtE,oBAAY,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAGF,oBAAY,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACxF,MAAM,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAClC,GAAG;IACF,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AAEF,oBAAY,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,aAAa,gJAKV,cAAc;;;CAgE7B,CAAC"}
1
+ {"version":3,"file":"usePinHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/usePinHandler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAI7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAGtE,oBAAY,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAGF,oBAAY,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACxF,MAAM,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAClC,GAAG;IACF,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AAEF,oBAAY,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,aAAa,+IAKX,cAAc;;;CAgE5B,CAAC"}
@@ -51,10 +51,10 @@ import { useChannelStateContext } from '../../../context/ChannelStateContext';
51
51
  import { useChatContext } from '../../../context/ChatContext';
52
52
  import { useTranslationContext } from '../../../context/TranslationContext';
53
53
  export var usePinHandler = function (message,
54
- // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
55
- _permissions, // eslint-disable-line
54
+ // @ts-expect-error @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
55
+ permissions, // eslint-disable-line
56
56
  notifications) {
57
- if (_permissions === void 0) { _permissions = defaultPinPermissions; }
57
+ if (permissions === void 0) { permissions = defaultPinPermissions; }
58
58
  if (notifications === void 0) { notifications = {}; }
59
59
  var getErrorNotification = notifications.getErrorNotification, notify = notifications.notify;
60
60
  var updateMessage = useChannelActionContext('usePinHandler').updateMessage;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Message/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,8CACV,OAAO,2BAiB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2LAUvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;CAS3B,CAAC;AAEF,oBAAY,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,KAAK,CAChE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,CAAC,CAC9E,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,cAwDnC,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,mBAAmB,GAAG,OAAO,kFAC0C,YAAY,gCA+C7F,CAAC;AAIF,eAAO,MAAM,qBAAqB,oDAErB,OAAO,GAAG,SAAS,YAsB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;aAiDhC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aA8ClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wJAIqC,CAAC;AAEtE,eAAO,MAAM,qBAAqB,wJAIyB,CAAC;AAE5D,eAAO,MAAM,SAAS,yMASrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,yMASlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mIAI5B,SAAS,mDA6Cb,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Message/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,8CACV,OAAO,2BAiB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2LAUvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;CAS3B,CAAC;AAEF,oBAAY,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,KAAK,CAChE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,CAAC,CAC9E,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,cAwDnC,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,mBAAmB,GAAG,OAAO,kFAC0C,YAAY,gCA+C7F,CAAC;AAIF,eAAO,MAAM,qBAAqB,oDAErB,OAAO,GAAG,SAAS,YAsB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;aAgDhC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aA0ClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wJAIqC,CAAC;AAEtE,eAAO,MAAM,qBAAqB,wJAIyB,CAAC;AAE5D,eAAO,MAAM,SAAS,yMASrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,yMASlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mIAI5B,SAAS,mDA6Cb,CAAC"}
@@ -157,7 +157,7 @@ export var showMessageActionsBox = function (actions, inThread) {
157
157
  return true;
158
158
  };
159
159
  export var areMessagePropsEqual = function (prevProps, nextProps) {
160
- var _a, _b, _c, _d, _e, _f, _g, _h;
160
+ var _a, _b, _c, _d, _e, _f;
161
161
  var prevMessage = prevProps.message, prevMessageUI = prevProps.Message;
162
162
  var nextMessage = nextProps.message, nextMessageUI = nextProps.Message;
163
163
  if (prevMessageUI !== nextMessageUI)
@@ -176,8 +176,7 @@ export var areMessagePropsEqual = function (prevProps, nextProps) {
176
176
  prevMessage.text === nextMessage.text &&
177
177
  prevMessage.type === nextMessage.type &&
178
178
  prevMessage.updated_at === nextMessage.updated_at &&
179
- ((_e = prevMessage.user) === null || _e === void 0 ? void 0 : _e.image) === ((_f = nextMessage.user) === null || _f === void 0 ? void 0 : _f.image) &&
180
- ((_g = prevMessage.user) === null || _g === void 0 ? void 0 : _g.name) === ((_h = nextMessage.user) === null || _h === void 0 ? void 0 : _h.name);
179
+ ((_e = prevMessage.user) === null || _e === void 0 ? void 0 : _e.updated_at) === ((_f = nextMessage.user) === null || _f === void 0 ? void 0 : _f.updated_at);
181
180
  if (!messagesAreEqual)
182
181
  return false;
183
182
  var deepEqualProps = deepequal(nextProps.readBy, prevProps.readBy) &&
@@ -191,7 +190,7 @@ export var areMessagePropsEqual = function (prevProps, nextProps) {
191
190
  );
192
191
  };
193
192
  export var areMessageUIPropsEqual = function (prevProps, nextProps) {
194
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
193
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
195
194
  var prevLastReceivedId = prevProps.lastReceivedId, prevMessage = prevProps.message;
196
195
  var nextLastReceivedId = nextProps.lastReceivedId, nextMessage = nextProps.message;
197
196
  if (prevProps.editing !== nextProps.editing)
@@ -211,7 +210,7 @@ export var areMessageUIPropsEqual = function (prevProps, nextProps) {
211
210
  prevLastReceivedId !== nextLastReceivedId) {
212
211
  return false;
213
212
  }
214
- var messagesAreEqual = prevMessage.deleted_at === nextMessage.deleted_at &&
213
+ return (prevMessage.deleted_at === nextMessage.deleted_at &&
215
214
  ((_e = prevMessage.latest_reactions) === null || _e === void 0 ? void 0 : _e.length) === ((_f = nextMessage.latest_reactions) === null || _f === void 0 ? void 0 : _f.length) &&
216
215
  ((_g = prevMessage.own_reactions) === null || _g === void 0 ? void 0 : _g.length) === ((_h = nextMessage.own_reactions) === null || _h === void 0 ? void 0 : _h.length) &&
217
216
  prevMessage.pinned === nextMessage.pinned &&
@@ -220,11 +219,7 @@ export var areMessageUIPropsEqual = function (prevProps, nextProps) {
220
219
  prevMessage.text === nextMessage.text &&
221
220
  prevMessage.type === nextMessage.type &&
222
221
  prevMessage.updated_at === nextMessage.updated_at &&
223
- ((_j = prevMessage.user) === null || _j === void 0 ? void 0 : _j.image) === ((_k = nextMessage.user) === null || _k === void 0 ? void 0 : _k.image) &&
224
- ((_l = prevMessage.user) === null || _l === void 0 ? void 0 : _l.name) === ((_m = nextMessage.user) === null || _m === void 0 ? void 0 : _m.name);
225
- if (!messagesAreEqual)
226
- return false;
227
- return true;
222
+ ((_j = prevMessage.user) === null || _j === void 0 ? void 0 : _j.updated_at) === ((_k = nextMessage.user) === null || _k === void 0 ? void 0 : _k.updated_at));
228
223
  };
229
224
  export var messageHasReactions = function (message) { return !!(message === null || message === void 0 ? void 0 : message.latest_reactions) && !!message.latest_reactions.length; };
230
225
  export var messageHasAttachments = function (message) { return !!(message === null || message === void 0 ? void 0 : message.attachments) && !!message.attachments.length; };
@@ -1 +1 @@
1
- {"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAQnF,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,aAAK,yBAAyB,GAC1B,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,SAAS,CAAC;AAEd,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,yBAAyB,CAAC,CAAC,GAAG;IACtF,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,MAAM,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,0JAwG1B,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACvC,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}
1
+ {"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,aAAK,yBAAyB,GAC1B,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,SAAS,CAAC;AAEd,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,yBAAyB,CAAC,CAAC,GAAG;IACtF,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,MAAM,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,0JAwG1B,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACvC,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"EditMessageForm.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/EditMessageForm.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,eAAO,MAAM,eAAe,8IA6F3B,CAAC"}
1
+ {"version":3,"file":"EditMessageForm.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/EditMessageForm.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,eAAO,MAAM,eAAe,8IA6F3B,CAAC"}
@@ -3,6 +3,7 @@ import { FileUploadButton, ImageDropzone } from 'react-file-utils';
3
3
  import { EmojiPicker } from './EmojiPicker';
4
4
  import { EmojiIconSmall as DefaultEmojiIcon, FileUploadIcon as DefaultFileUploadIcon, } from './icons';
5
5
  import { UploadsPreview } from './UploadsPreview';
6
+ import { KEY_CODES } from '../AutoCompleteTextarea/listener';
6
7
  import { ChatAutoComplete } from '../ChatAutoComplete/ChatAutoComplete';
7
8
  import { Tooltip } from '../Tooltip/Tooltip';
8
9
  import { useChannelStateContext } from '../../context/ChannelStateContext';
@@ -16,7 +17,7 @@ export var EditMessageForm = function () {
16
17
  var _c = useComponentContext('EditMessageForm'), _d = _c.EmojiIcon, EmojiIcon = _d === void 0 ? DefaultEmojiIcon : _d, _e = _c.FileUploadIcon, FileUploadIcon = _e === void 0 ? DefaultFileUploadIcon : _e;
17
18
  useEffect(function () {
18
19
  var onKeyDown = function (event) {
19
- if (event.key === 'Escape' && clearEditingState)
20
+ if (event.keyCode === KEY_CODES.ESC && clearEditingState)
20
21
  clearEditingState();
21
22
  };
22
23
  document.addEventListener('keydown', onKeyDown);
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import type { Message } from 'stream-chat';
2
3
  import { FileUpload, ImageUpload } from './hooks/useMessageInputState';
3
4
  import { StreamMessage } from '../../context/ChannelStateContext';
4
5
  import type { Channel, SendFileAPIResponse } from 'stream-chat';
@@ -48,7 +49,7 @@ export declare type MessageInputProps<StreamChatGenerics extends DefaultStreamCh
48
49
  /** If true, disables file uploads for all attachments except for those with type 'image'. Default: false */
49
50
  noFiles?: boolean;
50
51
  /** Function to override the default submit handler */
51
- overrideSubmitHandler?: (message: MessageToSend<StreamChatGenerics>, channelCid: string) => void;
52
+ overrideSubmitHandler?: (message: MessageToSend<StreamChatGenerics>, channelCid: string, customMessageData?: Partial<Message<StreamChatGenerics>>) => Promise<void> | void;
52
53
  /** When replying in a thread, the parent message object */
53
54
  parent?: StreamMessage<StreamChatGenerics>;
54
55
  /** If true, triggers typing events on text input keystroke */
@@ -1 +1 @@
1
- {"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"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"}
@@ -29,7 +29,11 @@ var UnMemoizedMessageInput = function (props) {
29
29
  var dragAndDropWindow = useChannelStateContext().dragAndDropWindow;
30
30
  var _a = useComponentContext('MessageInput'), ContextInput = _a.Input, _b = _a.TriggerProvider, TriggerProvider = _b === void 0 ? DefaultTriggerProvider : _b;
31
31
  var Input = PropInput || ContextInput || MessageInputFlat;
32
- var OptionalMessageInputProvider = useMemo(function () { return (dragAndDropWindow ? React.Fragment : MessageInputProvider); }, [dragAndDropWindow]);
32
+ var NullProvider = function (_a) {
33
+ var children = _a.children;
34
+ return React.createElement(React.Fragment, null, children);
35
+ };
36
+ var OptionalMessageInputProvider = useMemo(function () { return (dragAndDropWindow ? NullProvider : MessageInputProvider); }, [dragAndDropWindow]);
33
37
  return (React.createElement(OptionalMessageInputProvider, __assign({}, props),
34
38
  React.createElement(TriggerProvider, null,
35
39
  React.createElement(Input, null))));
@@ -1 +1 @@
1
- {"version":3,"file":"MessageInputFlat.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInputFlat.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,gBAAgB,qGAyH5B,CAAC"}
1
+ {"version":3,"file":"MessageInputFlat.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInputFlat.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,gBAAgB,qGAuH5B,CAAC"}
@@ -45,9 +45,7 @@ export var MessageInputFlat = function () {
45
45
  isUploadEnabled && React.createElement(UploadsPreview, null),
46
46
  React.createElement("div", { className: 'str-chat__input-flat--textarea-wrapper' },
47
47
  React.createElement("div", { className: 'str-chat__emojiselect-wrapper' },
48
- React.createElement(Tooltip, null, emojiPickerIsOpen
49
- ? t('Close emoji picker')
50
- : t('Open emoji picker')),
48
+ React.createElement(Tooltip, null, emojiPickerIsOpen ? t('Close emoji picker') : t('Open emoji picker')),
51
49
  React.createElement("button", { "aria-label": 'Emoji picker', className: 'str-chat__input-flat-emojiselect', onClick: emojiPickerIsOpen ? closeEmojiPicker : openEmojiPicker }, cooldownRemaining ? (React.createElement("div", { className: 'str-chat__input-flat-cooldown' },
52
50
  React.createElement(CooldownTimer, { cooldownInterval: cooldownRemaining, setCooldownRemaining: setCooldownRemaining }))) : (React.createElement(EmojiIcon, null)))),
53
51
  React.createElement(EmojiPicker, null),
@@ -1 +1 @@
1
- {"version":3,"file":"MessageInputSmall.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInputSmall.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,eAAO,MAAM,iBAAiB,8IA4H7B,CAAC"}
1
+ {"version":3,"file":"MessageInputSmall.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInputSmall.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,eAAO,MAAM,iBAAiB,8IA0H7B,CAAC"}
@@ -55,9 +55,7 @@ export var MessageInputSmall = function () {
55
55
  React.createElement("span", { className: 'str-chat__small-message-input-fileupload' },
56
56
  React.createElement(FileUploadIcon, null))))),
57
57
  React.createElement("div", { className: 'str-chat__emojiselect-wrapper' },
58
- React.createElement(Tooltip, null, emojiPickerIsOpen
59
- ? t('Close emoji picker')
60
- : t('Open emoji picker')),
58
+ React.createElement(Tooltip, null, emojiPickerIsOpen ? t('Close emoji picker') : t('Open emoji picker')),
61
59
  React.createElement("button", { "aria-label": 'Emoji picker', className: 'str-chat__small-message-input-emojiselect', onClick: emojiPickerIsOpen ? closeEmojiPicker : openEmojiPicker },
62
60
  React.createElement(EmojiIcon, null))))),
63
61
  React.createElement(EmojiPicker, { small: true })),
@@ -1 +1 @@
1
- {"version":3,"file":"QuotedMessagePreview.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/QuotedMessagePreview.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA2BnE,oBAAY,yBAAyB,CACnC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,aAAa,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,oBAAoB,gKA2ChC,CAAC"}
1
+ {"version":3,"file":"QuotedMessagePreview.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/QuotedMessagePreview.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA2BnE,oBAAY,yBAAyB,CACnC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,aAAa,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,oBAAoB,gKA6ChC,CAAC"}
@@ -13,15 +13,17 @@ var QuotedMessagePreviewHeader = function () {
13
13
  React.createElement("path", { d: 'M9.916 1.027L8.973.084 5 4.058 1.027.084l-.943.943L4.058 5 .084 8.973l.943.943L5 5.942l3.973 3.974.943-.943L5.942 5z', fillRule: 'evenodd' })))));
14
14
  };
15
15
  export var QuotedMessagePreview = function (props) {
16
- var _a, _b;
16
+ var _a;
17
17
  var quotedMessage = props.quotedMessage;
18
- var _c = useComponentContext('QuotedMessagePreview'), Attachment = _c.Attachment, ContextAvatar = _c.Avatar;
18
+ var _b = useComponentContext('QuotedMessagePreview'), Attachment = _b.Attachment, ContextAvatar = _b.Avatar;
19
19
  var userLanguage = useTranslationContext('QuotedMessagePreview').userLanguage;
20
20
  var Avatar = ContextAvatar || DefaultAvatar;
21
21
  var quotedMessageText = ((_a = quotedMessage.i18n) === null || _a === void 0 ? void 0 : _a[userLanguage + "_text"]) ||
22
22
  quotedMessage.text;
23
- var quotedMessageAttachment = ((_b = quotedMessage.attachments) === null || _b === void 0 ? void 0 : _b.length)
24
- ? quotedMessage.attachments[0]
23
+ // @ts-expect-error
24
+ var quotedMessageAttachment = quotedMessage.attachments.length
25
+ ? // @ts-expect-error
26
+ quotedMessage.attachments[0]
25
27
  : null;
26
28
  if (!quotedMessageText && !quotedMessageAttachment)
27
29
  return null;