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

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 (203) hide show
  1. package/dist/browser.full-bundle.js +50256 -51289
  2. package/dist/browser.full-bundle.js.map +1 -1
  3. package/dist/browser.full-bundle.min.js +6 -5
  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 +2 -1
  9. package/dist/components/AutoCompleteTextarea/Header.d.ts +1 -2
  10. package/dist/components/AutoCompleteTextarea/Header.d.ts.map +1 -1
  11. package/dist/components/AutoCompleteTextarea/Item.d.ts.map +1 -1
  12. package/dist/components/AutoCompleteTextarea/List.d.ts.map +1 -1
  13. package/dist/components/AutoCompleteTextarea/List.js +3 -5
  14. package/dist/components/AutoCompleteTextarea/Textarea.d.ts +1 -3
  15. package/dist/components/AutoCompleteTextarea/Textarea.d.ts.map +1 -1
  16. package/dist/components/AutoCompleteTextarea/Textarea.js +9 -37
  17. package/dist/components/AutoCompleteTextarea/index.d.ts +0 -1
  18. package/dist/components/AutoCompleteTextarea/index.d.ts.map +1 -1
  19. package/dist/components/AutoCompleteTextarea/index.js +0 -1
  20. package/dist/components/Channel/Channel.d.ts.map +1 -1
  21. package/dist/components/Channel/Channel.js +6 -13
  22. package/dist/components/Channel/hooks/useIsMounted.js +7 -4
  23. package/dist/components/ChannelHeader/ChannelHeader.d.ts.map +1 -1
  24. package/dist/components/ChannelHeader/ChannelHeader.js +1 -1
  25. package/dist/components/ChannelSearch/SearchResults.d.ts.map +1 -1
  26. package/dist/components/Chat/hooks/useChat.d.ts.map +1 -1
  27. package/dist/components/Chat/hooks/useChat.js +2 -3
  28. package/dist/components/ChatDown/ChatDown.d.ts +5 -5
  29. package/dist/components/ChatDown/ChatDown.d.ts.map +1 -1
  30. package/dist/components/ChatDown/ChatDown.js +4 -4
  31. package/dist/components/ChatDown/icons.d.ts +2 -0
  32. package/dist/components/ChatDown/icons.d.ts.map +1 -0
  33. package/dist/components/ChatDown/icons.js +7 -0
  34. package/dist/components/CommandItem/CommandItem.d.ts +2 -2
  35. package/dist/components/CommandItem/CommandItem.d.ts.map +1 -1
  36. package/dist/components/DateSeparator/DateSeparator.d.ts +1 -1
  37. package/dist/components/DateSeparator/DateSeparator.d.ts.map +1 -1
  38. package/dist/components/DateSeparator/DateSeparator.js +9 -10
  39. package/dist/components/EmoticonItem/EmoticonItem.d.ts +1 -2
  40. package/dist/components/EmoticonItem/EmoticonItem.d.ts.map +1 -1
  41. package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts +1 -2
  42. package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts.map +1 -1
  43. package/dist/components/EventComponent/EventComponent.d.ts.map +1 -1
  44. package/dist/components/EventComponent/EventComponent.js +17 -9
  45. package/dist/components/Gallery/Gallery.d.ts.map +1 -1
  46. package/dist/components/Gallery/Gallery.js +11 -8
  47. package/dist/components/Gallery/Image.d.ts +1 -2
  48. package/dist/components/Gallery/Image.d.ts.map +1 -1
  49. package/dist/components/Gallery/ModalWrapper.d.ts +1 -1
  50. package/dist/components/Gallery/ModalWrapper.d.ts.map +1 -1
  51. package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts +2 -2
  52. package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts.map +1 -1
  53. package/dist/components/LoadMore/LoadMoreButton.d.ts +2 -2
  54. package/dist/components/LoadMore/LoadMoreButton.d.ts.map +1 -1
  55. package/dist/components/LoadMore/LoadMorePaginator.d.ts +3 -3
  56. package/dist/components/LoadMore/LoadMorePaginator.d.ts.map +1 -1
  57. package/dist/components/Loading/LoadingChannels.d.ts +1 -1
  58. package/dist/components/Loading/LoadingChannels.d.ts.map +1 -1
  59. package/dist/components/Loading/LoadingErrorIndicator.d.ts +1 -2
  60. package/dist/components/Loading/LoadingErrorIndicator.d.ts.map +1 -1
  61. package/dist/components/Loading/LoadingErrorIndicator.js +1 -1
  62. package/dist/components/Loading/LoadingIndicator.d.ts +1 -2
  63. package/dist/components/Loading/LoadingIndicator.d.ts.map +1 -1
  64. package/dist/components/MML/MML.d.ts +1 -2
  65. package/dist/components/MML/MML.d.ts.map +1 -1
  66. package/dist/components/Message/MessageCommerce.d.ts.map +1 -1
  67. package/dist/components/Message/MessageCommerce.js +2 -1
  68. package/dist/components/Message/MessageDeleted.d.ts.map +1 -1
  69. package/dist/components/Message/MessageLivestream.d.ts.map +1 -1
  70. package/dist/components/Message/MessageLivestream.js +2 -1
  71. package/dist/components/Message/MessageRepliesCountButton.d.ts +3 -4
  72. package/dist/components/Message/MessageRepliesCountButton.d.ts.map +1 -1
  73. package/dist/components/Message/MessageSimple.d.ts.map +1 -1
  74. package/dist/components/Message/MessageSimple.js +2 -1
  75. package/dist/components/Message/MessageText.d.ts.map +1 -1
  76. package/dist/components/Message/MessageTimestamp.d.ts +0 -2
  77. package/dist/components/Message/MessageTimestamp.d.ts.map +1 -1
  78. package/dist/components/Message/MessageTimestamp.js +7 -34
  79. package/dist/components/Message/hooks/usePinHandler.d.ts +1 -1
  80. package/dist/components/Message/hooks/usePinHandler.d.ts.map +1 -1
  81. package/dist/components/Message/hooks/usePinHandler.js +3 -3
  82. package/dist/components/MessageActions/MessageActions.d.ts.map +1 -1
  83. package/dist/components/MessageInput/EditMessageForm.d.ts.map +1 -1
  84. package/dist/components/MessageInput/EditMessageForm.js +1 -2
  85. package/dist/components/MessageInput/MessageInput.d.ts.map +1 -1
  86. package/dist/components/MessageInput/MessageInput.js +1 -5
  87. package/dist/components/MessageInput/MessageInputFlat.d.ts.map +1 -1
  88. package/dist/components/MessageInput/MessageInputFlat.js +3 -1
  89. package/dist/components/MessageInput/MessageInputSmall.d.ts.map +1 -1
  90. package/dist/components/MessageInput/MessageInputSmall.js +3 -1
  91. package/dist/components/MessageInput/QuotedMessagePreview.d.ts.map +1 -1
  92. package/dist/components/MessageInput/QuotedMessagePreview.js +4 -6
  93. package/dist/components/MessageInput/hooks/useAttachments.d.ts +4 -4
  94. package/dist/components/MessageInput/hooks/useCooldownTimer.d.ts +1 -1
  95. package/dist/components/MessageInput/hooks/useCooldownTimer.d.ts.map +1 -1
  96. package/dist/components/MessageInput/hooks/useFileUploads.d.ts +2 -2
  97. package/dist/components/MessageInput/hooks/useFileUploads.d.ts.map +1 -1
  98. package/dist/components/MessageInput/hooks/useImageUploads.d.ts +2 -2
  99. package/dist/components/MessageInput/hooks/useImageUploads.d.ts.map +1 -1
  100. package/dist/components/MessageInput/hooks/useMessageInputState.d.ts +1 -1
  101. package/dist/components/MessageInput/hooks/useMessageInputState.d.ts.map +1 -1
  102. package/dist/components/MessageInput/icons.d.ts +4 -4
  103. package/dist/components/MessageInput/icons.d.ts.map +1 -1
  104. package/dist/components/MessageList/Center.d.ts +2 -4
  105. package/dist/components/MessageList/Center.d.ts.map +1 -1
  106. package/dist/components/MessageList/ConnectionStatus.d.ts +2 -1
  107. package/dist/components/MessageList/ConnectionStatus.d.ts.map +1 -1
  108. package/dist/components/MessageList/CustomNotification.d.ts +2 -2
  109. package/dist/components/MessageList/CustomNotification.d.ts.map +1 -1
  110. package/dist/components/MessageList/MessageNotification.d.ts +2 -1
  111. package/dist/components/MessageList/MessageNotification.d.ts.map +1 -1
  112. package/dist/components/MessageList/VirtualizedMessageList.d.ts.map +1 -1
  113. package/dist/components/MessageList/VirtualizedMessageList.js +2 -1
  114. package/dist/components/MessageList/hooks/useMessageListElements.d.ts.map +1 -1
  115. package/dist/components/MessageList/hooks/useMessageListElements.js +5 -2
  116. package/dist/components/MessageList/utils.d.ts +1 -0
  117. package/dist/components/MessageList/utils.d.ts.map +1 -1
  118. package/dist/components/MessageList/utils.js +27 -13
  119. package/dist/components/Modal/Modal.d.ts +2 -2
  120. package/dist/components/Modal/Modal.d.ts.map +1 -1
  121. package/dist/components/Reactions/ReactionSelector.d.ts.map +1 -1
  122. package/dist/components/Reactions/ReactionSelector.js +1 -1
  123. package/dist/components/SafeAnchor/SafeAnchor.d.ts +2 -2
  124. package/dist/components/SafeAnchor/SafeAnchor.d.ts.map +1 -1
  125. package/dist/components/Tooltip/Tooltip.d.ts +2 -2
  126. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  127. package/dist/components/UserItem/UserItem.d.ts +1 -1
  128. package/dist/components/UserItem/UserItem.d.ts.map +1 -1
  129. package/dist/constants/messageTypes.d.ts +5 -0
  130. package/dist/constants/messageTypes.d.ts.map +1 -0
  131. package/dist/constants/messageTypes.js +4 -0
  132. package/dist/context/ChannelActionContext.d.ts +4 -1
  133. package/dist/context/ChannelActionContext.d.ts.map +1 -1
  134. package/dist/context/ChannelStateContext.d.ts +4 -1
  135. package/dist/context/ChannelStateContext.d.ts.map +1 -1
  136. package/dist/context/ChatContext.d.ts +4 -1
  137. package/dist/context/ChatContext.d.ts.map +1 -1
  138. package/dist/context/ComponentContext.d.ts +4 -1
  139. package/dist/context/ComponentContext.d.ts.map +1 -1
  140. package/dist/context/EmojiContext.d.ts +4 -1
  141. package/dist/context/EmojiContext.d.ts.map +1 -1
  142. package/dist/context/MessageContext.d.ts +4 -1
  143. package/dist/context/MessageContext.d.ts.map +1 -1
  144. package/dist/context/TranslationContext.d.ts +9 -5
  145. package/dist/context/TranslationContext.d.ts.map +1 -1
  146. package/dist/context/TranslationContext.js +6 -8
  147. package/dist/context/TypingContext.d.ts +4 -1
  148. package/dist/context/TypingContext.d.ts.map +1 -1
  149. package/dist/css/index.css +1 -1
  150. package/dist/i18n/Streami18n.d.ts +1 -0
  151. package/dist/i18n/Streami18n.d.ts.map +1 -1
  152. package/dist/i18n/Streami18n.js +3 -2
  153. package/dist/i18n/utils.d.ts +13 -0
  154. package/dist/i18n/utils.d.ts.map +1 -0
  155. package/dist/i18n/utils.js +33 -0
  156. package/dist/index.cjs.js +6980 -7099
  157. package/dist/index.cjs.js.map +1 -1
  158. package/dist/scss/ActionsBox.scss +2 -2
  159. package/dist/scss/Attachment.scss +1 -1
  160. package/dist/scss/ChannelList.scss +6 -0
  161. package/dist/scss/ChannelSearch.scss +12 -1
  162. package/dist/scss/Message.scss +86 -80
  163. package/dist/scss/MessageInput.scss +8 -2
  164. package/dist/scss/MessageInputFlat.scss +4 -0
  165. package/dist/scss/MessageNotification.scss +6 -18
  166. package/dist/scss/Thread.scss +20 -4
  167. package/dist/scss/_base.scss +4 -0
  168. package/dist/stories/connected-user.stories.d.ts.map +1 -1
  169. package/dist/stories/connected-user.stories.js +13 -41
  170. package/dist/stories/hello.stories.d.ts.map +1 -1
  171. package/dist/stories/hello.stories.js +11 -35
  172. package/dist/stories/jump-to-message.stories.d.ts +2 -2
  173. package/dist/stories/jump-to-message.stories.d.ts.map +1 -1
  174. package/dist/stories/jump-to-message.stories.js +20 -50
  175. package/dist/stories/mark-read.stories.d.ts +4 -0
  176. package/dist/stories/mark-read.stories.d.ts.map +1 -0
  177. package/dist/stories/mark-read.stories.js +75 -0
  178. package/dist/stories/utils.d.ts +7 -0
  179. package/dist/stories/utils.d.ts.map +1 -1
  180. package/dist/stories/utils.js +33 -0
  181. package/dist/types/types.d.ts +4 -1
  182. package/dist/types/types.d.ts.map +1 -1
  183. package/dist/version.d.ts +1 -1
  184. package/dist/version.d.ts.map +1 -1
  185. package/dist/version.js +1 -1
  186. package/package.json +28 -23
  187. package/dist/assets/str-chat__alert.svg +0 -1
  188. package/dist/assets/str-chat__connection-error.svg +0 -13
  189. package/dist/assets/str-chat__file-file.svg +0 -20
  190. package/dist/assets/str-chat__icon-chevron-down.svg +0 -1
  191. package/dist/assets/str-chat__icon-search.svg +0 -1
  192. package/dist/assets/str-chat__icon-send.svg +0 -1
  193. package/dist/assets/str-chat__icon-sprite.png +0 -0
  194. package/dist/assets/str-chat__icon-sprite@1x.png +0 -0
  195. package/dist/assets/str-chat__icon-sprite@2x.png +0 -0
  196. package/dist/assets/str-chat__icon-sprite@3x.png +0 -0
  197. package/dist/assets/str-chat__loading-indicator.svg +0 -23
  198. package/dist/assets/str-chat__reactions-sprite@1x.png +0 -0
  199. package/dist/assets/str-chat__reactions-sprite@2x.png +0 -0
  200. package/dist/assets/str-chat__reactions-sprite@3x.png +0 -0
  201. package/dist/components/AutoCompleteTextarea/listener.d.ts +0 -22
  202. package/dist/components/AutoCompleteTextarea/listener.d.ts.map +0 -1
  203. package/dist/components/AutoCompleteTextarea/listener.js +0 -77
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import { PropsWithChildren } from 'react';
2
2
  import type { Attachment } from 'stream-chat';
3
3
  export declare type CardProps = {
4
4
  giphy?: Attachment['giphy'];
@@ -20,5 +20,5 @@ export declare type CardProps = {
20
20
  /**
21
21
  * Simple Card Layout for displaying links
22
22
  */
23
- export declare const Card: React.FC<CardProps>;
23
+ export declare const Card: (props: PropsWithChildren<CardProps>) => JSX.Element | null;
24
24
  //# sourceMappingURL=Card.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,oBAAY,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAuEF;;GAEG;AACH,eAAO,MAAM,IAAI,qBAAsD,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/Card.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,oBAAY,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAuEF;;GAEG;AACH,eAAO,MAAM,IAAI,UAxEc,kBAAkB,SAAS,CAAC,uBAwEY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AASjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,uBAAuB,UAA8D,CAAC;AAEnG,oBAAY,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACnF,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC,GAAG;IAC7D,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,oBAAY,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC,GAAG;IAC7D,UAAU,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,uNAK8B,CAAC;AAEnE,eAAO,MAAM,iBAAiB,2IAIE,CAAC;AAEjC,eAAO,MAAM,gBAAgB,4JAQG,CAAC;AAEjC,eAAO,MAAM,iBAAiB,2IAIyD,CAAC;AAExF,eAAO,MAAM,iBAAiB,2IAMD,CAAC;AAE9B,eAAO,MAAM,+BAA+B,iLA8B3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,4JAmBnC,CAAC;AAEF,eAAO,MAAM,aAAa,kJAYzB,CAAC;AAEF,eAAO,MAAM,WAAW,qJAyBvB,CAAC;AAEF,eAAO,MAAM,UAAU,qJAyBtB,CAAC;AAEF,eAAO,MAAM,UAAU,4JActB,CAAC;AAEF,eAAO,MAAM,WAAW,qJAgBvB,CAAC;AAEF,eAAO,MAAM,WAAW,qJA8CvB,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAUjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,uBAAuB,UAA8D,CAAC;AAEnG,oBAAY,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACnF,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC,GAAG;IAC7D,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,oBAAY,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC,GAAG;IAC7D,UAAU,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,uNAK8B,CAAC;AAEnE,eAAO,MAAM,iBAAiB,2IAIE,CAAC;AAEjC,eAAO,MAAM,gBAAgB,4JAQG,CAAC;AAEjC,eAAO,MAAM,iBAAiB,2IAIyD,CAAC;AAExF,eAAO,MAAM,iBAAiB,2IAMD,CAAC;AAE9B,eAAO,MAAM,+BAA+B,iLA8B3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,4JAmBnC,CAAC;AAEF,eAAO,MAAM,aAAa,kJAYzB,CAAC;AAEF,eAAO,MAAM,WAAW,qJAyBvB,CAAC;AAEF,eAAO,MAAM,UAAU,qJAyBtB,CAAC;AAEF,eAAO,MAAM,UAAU,4JActB,CAAC;AAEF,eAAO,MAAM,WAAW,qJAgBvB,CAAC;AAEF,eAAO,MAAM,WAAW,qJA8CvB,CAAC"}
@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
11
11
  };
12
12
  import React from 'react';
13
13
  import ReactPlayer from 'react-player';
14
+ import { v4 as uuidV4 } from 'uuid';
14
15
  import { AttachmentActions as DefaultAttachmentActions } from './AttachmentActions';
15
16
  import { Audio as DefaultAudio } from './Audio';
16
17
  import { Card as DefaultCard } from './Card';
@@ -43,7 +44,7 @@ export var renderAttachmentWithinContainer = function (props) {
43
44
  ? 'actions'
44
45
  : '';
45
46
  }
46
- return (React.createElement("div", { className: "str-chat__message-attachment str-chat__message-attachment--" + componentType + " str-chat__message-attachment--" + ((attachment === null || attachment === void 0 ? void 0 : attachment.type) || '') + " str-chat__message-attachment--" + componentType + "--" + extra, key: (isGalleryAttachmentType(attachment) ? '' : attachment === null || attachment === void 0 ? void 0 : attachment.id) + "-" + ((attachment === null || attachment === void 0 ? void 0 : attachment.type) || 'none') + " " }, children));
47
+ return (React.createElement("div", { className: "str-chat__message-attachment str-chat__message-attachment--" + componentType + " str-chat__message-attachment--" + ((attachment === null || attachment === void 0 ? void 0 : attachment.type) || '') + " str-chat__message-attachment--" + componentType + "--" + extra, key: (isGalleryAttachmentType(attachment) ? '' : (attachment === null || attachment === void 0 ? void 0 : attachment.id) || uuidV4()) + "-" + ((attachment === null || attachment === void 0 ? void 0 : attachment.type) || 'none') + " " }, children));
47
48
  };
48
49
  export var renderAttachmentActions = function (props) {
49
50
  var _a;
@@ -1,8 +1,7 @@
1
- import React from 'react';
2
1
  export declare type CurrentTrigger<T extends string = string> = '/' | '@' | ':' | T;
3
2
  export declare type SuggestionListHeaderProps = {
4
3
  currentTrigger: CurrentTrigger;
5
4
  value: string;
6
5
  };
7
- export declare const DefaultSuggestionListHeader: React.FC<SuggestionListHeaderProps>;
6
+ export declare const DefaultSuggestionListHeader: (props: SuggestionListHeaderProps) => JSX.Element | null;
8
7
  //# sourceMappingURL=Header.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;AAE5E,oBAAY,yBAAyB,GAAG;IACtC,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgC3E,CAAC"}
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Header.tsx"],"names":[],"mappings":"AAIA,oBAAY,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;AAE5E,oBAAY,yBAAyB,GAAG;IACtC,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,2BAA2B,UAAW,yBAAyB,uBAgC3E,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Item.js"],"names":[],"mappings":"AAEA,6EA4BG"}
1
+ {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Item.jsx"],"names":[],"mappings":"AAEA,6EA4BG"}
@@ -1 +1 @@
1
- {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/List.js"],"names":[],"mappings":"AASO,8CA6IN"}
1
+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/List.jsx"],"names":[],"mappings":"AAQO,8CA0IN"}
@@ -14,7 +14,6 @@ import { useComponentContext } from '../../context/ComponentContext';
14
14
  import { escapeRegExp } from '../../utils';
15
15
  import { Item } from './Item';
16
16
  import { DefaultSuggestionListHeader } from './Header';
17
- import { KEY_CODES } from './listener';
18
17
  export var List = function (props) {
19
18
  var className = props.className, component = props.component, currentTrigger = props.currentTrigger, dropdownScroll = props.dropdownScroll, getSelectedItem = props.getSelectedItem, getTextToReplace = props.getTextToReplace, PropHeader = props.Header, itemClassName = props.itemClassName, itemStyle = props.itemStyle, onSelect = props.onSelect, selectionEnd = props.selectionEnd, style = props.style, PropSuggestionItem = props.SuggestionItem, propValue = props.value, values = props.values;
20
19
  var _a = useComponentContext(), AutocompleteSuggestionHeader = _a.AutocompleteSuggestionHeader, AutocompleteSuggestionItem = _a.AutocompleteSuggestionItem;
@@ -55,7 +54,7 @@ export var List = function (props) {
55
54
  setSelectedItem(index);
56
55
  };
57
56
  var handleKeyDown = useCallback(function (event) {
58
- if (event.which === KEY_CODES.UP) {
57
+ if (event.key === 'ArrowUp') {
59
58
  setSelectedItem(function (prevSelected) {
60
59
  if (prevSelected === undefined)
61
60
  return 0;
@@ -64,7 +63,7 @@ export var List = function (props) {
64
63
  return newID;
65
64
  });
66
65
  }
67
- if (event.which === KEY_CODES.DOWN) {
66
+ if (event.key === 'ArrowDown') {
68
67
  setSelectedItem(function (prevSelected) {
69
68
  if (prevSelected === undefined)
70
69
  return 0;
@@ -73,8 +72,7 @@ export var List = function (props) {
73
72
  return newID;
74
73
  });
75
74
  }
76
- if ((event.which === KEY_CODES.ENTER || event.which === KEY_CODES.TAB) &&
77
- selectedItem !== undefined) {
75
+ if ((event.key === 'Enter' || event.key === 'Tab') && selectedItem !== undefined) {
78
76
  handleClick(event);
79
77
  }
80
78
  return null;
@@ -22,8 +22,7 @@ export class ReactTextareaAutocomplete extends React.Component<any, any, any> {
22
22
  getSelectedText: () => any;
23
23
  setCaretPosition: (position?: number) => void;
24
24
  getCaretPosition: () => number;
25
- addKeycodeSubmitListeners: (keyCodes: any) => void;
26
- keycodeSubmitShiftE: boolean | undefined;
25
+ _handleKeyDown: (event: any) => void;
27
26
  _onEnter: (event: any) => void;
28
27
  _onSpace: () => void;
29
28
  _replaceWord: () => void;
@@ -39,7 +38,6 @@ export class ReactTextareaAutocomplete extends React.Component<any, any, any> {
39
38
  _closeAutocomplete: () => void;
40
39
  _cleanUpProps: () => {
41
40
  [x: string]: any;
42
- children?: React.ReactNode;
43
41
  };
44
42
  _isCommand: (text: any) => boolean;
45
43
  _changeHandler: (e: any) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.js"],"names":[],"mappings":"AAkBA;IACE;;;;;;;MAOE;IA0YF;;OAEG;IACH;;;aAMC;IAjZD,wBA6BC;IA6BD;;;aAOE;IAEF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF,mDAaE;IAJc,yCAA+B;IAM/C,+BAwBE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAYF;;OAEG;IACH,+BAQE;IAEF;;;MA6CE;IAEF,mCAQE;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCAiBE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,oDAyCC;IAlBS,+CAAsB;IAgDtB,oDAAsB;CASjC"}
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.jsx"],"names":[],"mappings":"AAiBA;IACE;;;;;;;MAOE;IAwWF;;OAEG;IACH;;;aAMC;IA/WD,wBA6BC;IAED;;;aAOE;IAEF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF,qCAME;IAEF,+BAwBE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAYF;;OAEG;IACH,+BAQE;IAEF;;MA6CE;IAEF,mCAQE;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCAiBE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,oDAyCC;IAlBS,+CAAsB;IAiDtB,oDAAsB;CASjC"}
@@ -29,7 +29,6 @@ import PropTypes from 'prop-types';
29
29
  import Textarea from 'react-textarea-autosize';
30
30
  import getCaretCoordinates from 'textarea-caret';
31
31
  import { isValidElementType } from 'react-is';
32
- import Listeners, { KEY_CODES } from './listener';
33
32
  import { List as DefaultSuggestionList } from './List';
34
33
  import { DEFAULT_CARET_POSITION, defaultScrollToItem, errorMessage, triggerPropsCheck, } from './utils';
35
34
  import { CommandItem } from '../CommandItem/CommandItem';
@@ -66,18 +65,14 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
66
65
  return 0;
67
66
  return _this.textareaRef.selectionEnd;
68
67
  };
69
- _this.addKeycodeSubmitListeners = function (keyCodes) {
70
- keyCodes.forEach(function (arrayOfCodes) {
71
- var submitValue = arrayOfCodes;
72
- if (submitValue.length === 1) {
73
- submitValue = submitValue[0];
74
- }
75
- // does submitted keycodes include shift+Enter?
76
- var shiftE = arrayOfCodes.every(function (code) { return [16, 13].includes(code); });
77
- if (shiftE)
78
- _this.keycodeSubmitShiftE = true;
79
- return Listeners.add(submitValue, function (e) { return _this._onEnter(e); });
80
- });
68
+ _this._handleKeyDown = function (event) {
69
+ var _a = _this.props.keycodeSubmitKeys, submitKeys = _a === void 0 ? [] : _a;
70
+ if (event.key === 'Enter' || submitKeys.includes(event.key))
71
+ return _this._onEnter(event);
72
+ if (event.key === ' ')
73
+ return _this._onSpace(event);
74
+ if (event.key === 'Escape')
75
+ return _this._closeAutocomplete();
81
76
  };
82
77
  _this._onEnter = function (event) {
83
78
  if (!_this.textareaRef)
@@ -514,29 +509,6 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
514
509
  };
515
510
  return _this;
516
511
  }
517
- ReactTextareaAutocomplete.prototype.componentDidMount = function () {
518
- var _this = this;
519
- Listeners.add(KEY_CODES.ESC, function () { return _this._closeAutocomplete(); });
520
- Listeners.add(KEY_CODES.SPACE, function () { return _this._onSpace(); });
521
- var listenerIndex = {};
522
- var newSubmitKeys = this.props.keycodeSubmitKeys;
523
- if (newSubmitKeys) {
524
- var keycodeIndex = this.addKeycodeSubmitListeners(newSubmitKeys);
525
- listenerIndex[keycodeIndex] = keycodeIndex;
526
- }
527
- else {
528
- var enterIndex = Listeners.add(KEY_CODES.ENTER, function (e) { return _this._onEnter(e); });
529
- listenerIndex[enterIndex] = enterIndex;
530
- }
531
- this.setState({
532
- listenerIndex: listenerIndex,
533
- });
534
- Listeners.startListen();
535
- };
536
- ReactTextareaAutocomplete.prototype.componentWillUnmount = function () {
537
- Listeners.stopListen();
538
- Listeners.remove(this.state.listenerIndex);
539
- };
540
512
  /**
541
513
  * setup to emulate the UNSAFE_componentWillReceiveProps
542
514
  */
@@ -571,7 +543,7 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
571
543
  maxRows = 1;
572
544
  return (React.createElement("div", { className: "rta " + (dataLoading === true ? 'rta--loading' : '') + " " + (containerClassName || ''), style: containerStyle },
573
545
  this.renderSuggestionListContainer(),
574
- React.createElement(Textarea, __assign({ "data-testid": 'message-input' }, this._cleanUpProps(), { className: "rta__textarea " + (className || ''), maxRows: maxRows, onBlur: this._onClickAndBlurHandler, onChange: this._changeHandler, onClick: this._onClickAndBlurHandler, onFocus: this.props.onFocus, onScroll: this._onScrollHandler, onSelect: this._selectHandler, ref: function (ref) {
546
+ React.createElement(Textarea, __assign({ "data-testid": 'message-input' }, this._cleanUpProps(), { className: "rta__textarea " + (className || ''), maxRows: maxRows, onBlur: this._onClickAndBlurHandler, onChange: this._changeHandler, onClick: this._onClickAndBlurHandler, onFocus: this.props.onFocus, onKeyDown: this._handleKeyDown, onScroll: this._onScrollHandler, onSelect: this._selectHandler, ref: function (ref) {
575
547
  if (_this.props.innerRef)
576
548
  _this.props.innerRef(ref);
577
549
  _this.textareaRef = ref;
@@ -2,7 +2,6 @@ export { Item as DefaultSuggestionListItem } from './Item';
2
2
  export { List as DefaultSuggestionList } from './List';
3
3
  export { DefaultSuggestionListHeader } from './Header';
4
4
  export type { SuggestionListHeaderProps } from './Header';
5
- export { default as listener, KEY_CODES } from './listener';
6
5
  export { ReactTextareaAutocomplete as AutoCompleteTextarea } from './Textarea';
7
6
  export { defaultScrollToItem } from './utils';
8
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAC3D,OAAO,EAAE,IAAI,IAAI,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AACvD,YAAY,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,yBAAyB,IAAI,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAC3D,OAAO,EAAE,IAAI,IAAI,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AACvD,YAAY,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,yBAAyB,IAAI,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}
@@ -1,6 +1,5 @@
1
1
  export { Item as DefaultSuggestionListItem } from './Item';
2
2
  export { List as DefaultSuggestionList } from './List';
3
3
  export { DefaultSuggestionListHeader } from './Header';
4
- export { default as listener, KEY_CODES } from './listener';
5
4
  export { ReactTextareaAutocomplete as AutoCompleteTextarea } from './Textarea';
6
5
  export { defaultScrollToItem } from './utils';
@@ -1 +1 @@
1
- {"version":3,"file":"Channel.d.ts","sourceRoot":"","sources":["../../../src/components/Channel/Channel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAIf,OAAO,EAKL,OAAO,EACP,eAAe,EAEf,OAAO,IAAI,aAAa,EACxB,UAAU,EACV,cAAc,EAEf,MAAM,aAAa,CAAC;AASrB,OAAO,EAAE,eAAe,EAAuB,MAAM,6BAA6B,CAAC;AAGnF,OAAO,EAGL,0BAA0B,EAC3B,MAAM,YAAY,CAAC;AAepB,OAAO,EAAE,qBAAqB,EAAqB,MAAM,gCAAgC,CAAC;AAE1F,OAAO,EAAe,iBAAiB,EAAiB,MAAM,4BAA4B,CAAC;AAK3F,OAAO,KAAK,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGjG,oBAAY,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC;IACF,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,2IAA2I;IAC3I,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,oNAAoN;IACpN,UAAU,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,YAAY,CAAC,CAAC;IACrE,4OAA4O;IAC5O,4BAA4B,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,8BAA8B,CAAC,CAAC;IACzG,qOAAqO;IACrO,0BAA0B,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,4BAA4B,CAAC,CAAC;IACrG,oPAAoP;IACpP,0BAA0B,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,4BAA4B,CAAC,CAAC;IACrG,4LAA4L;IAC5L,MAAM,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC7D,uCAAuC;IACvC,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,6OAA6O;IAC7O,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,mMAAmM;IACnM,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,8GAA8G;IAC9G,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KACvC,OAAO,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,GAAG,IAAI,CAAC;IACzD,iHAAiH;IACjH,oBAAoB,CAAC,EAAE,CACrB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,KACjC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC;IACzE,kHAAkH;IAClH,sBAAsB,CAAC,EAAE,CACvB,GAAG,EAAE,MAAM,EACX,cAAc,EAAE,cAAc,CAAC,kBAAkB,CAAC,KAC/C,UAAU,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;IACjE,kGAAkG;IAClG,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uOAAuO;IACvO,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACjF,8EAA8E;IAC9E,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,uFAAuF;IACvF,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,+MAA+M;IAC/M,SAAS,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,WAAW,CAAC,CAAC;IACnE,mFAAmF;IACnF,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC7C,+EAA+E;IAC/E,WAAW,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC/C,8HAA8H;IAC9H,gBAAgB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACtC,kQAAkQ;IAClQ,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACvF,0MAA0M;IAC1M,cAAc,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC7E,oFAAoF;IACpF,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACvF,wLAAwL;IACxL,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,oEAAoE;IACpE,eAAe,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAC/E,gPAAgP;IAChP,KAAK,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC;IAC3D,8OAA8O;IAC9O,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;IACxE,uPAAuP;IACvP,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACjF,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8OAA8O;IAC9O,OAAO,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,+MAA+M;IAC/M,cAAc,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC7E,yRAAyR;IACzR,wBAAwB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,0BAA0B,CAAC,CAAC;IACjG,kRAAkR;IAClR,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACvF,mNAAmN;IACnN,cAAc,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC7E,0OAA0O;IAC1O,yBAAyB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,2BAA2B,CAAC,CAAC;IACnG,0NAA0N;IAC1N,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,2NAA2N;IAC3N,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,iOAAiO;IACjO,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACjF,mDAAmD;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iFAAiF;IACjF,eAAe,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACtD,iFAAiF;IACjF,eAAe,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACtD,6IAA6I;IAC7I,yBAAyB,CAAC,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IACrE,2NAA2N;IAC3N,YAAY,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE,uOAAuO;IACvO,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,iQAAiQ;IACjQ,oBAAoB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACzF,gOAAgO;IAChO,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACjF,uOAAuO;IACvO,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,iMAAiM;IACjM,UAAU,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,YAAY,CAAC,CAAC;IACrE,mJAAmJ;IACnJ,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,yNAAyN;IACzN,YAAY,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE,qOAAqO;IACrO,WAAW,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,aAAa,CAAC,CAAC;IACvE,mPAAmP;IACnP,eAAe,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAC/E,4NAA4N;IAC5N,eAAe,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAC/E,sPAAsP;IACtP,cAAc,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAC9E,CAAC;AA4sBF;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,wNAA4D,CAAC"}
1
+ {"version":3,"file":"Channel.d.ts","sourceRoot":"","sources":["../../../src/components/Channel/Channel.tsx"],"names":[],"mappings":"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"}
@@ -244,14 +244,11 @@ var ChannelInner = function (props) {
244
244
  }, [channel.cid, doMarkReadRequest]);
245
245
  useEffect(function () {
246
246
  var _a;
247
- if (state.thread && ((_a = state.messages) === null || _a === void 0 ? void 0 : _a.length)) {
248
- for (var i = state.messages.length - 1; i >= 0; i -= 1) {
249
- if (state.messages[i].id === state.thread.id) {
250
- dispatch({ message: state.messages[i], type: 'setThread' });
251
- break;
252
- }
253
- }
254
- }
247
+ if (!state.thread)
248
+ return;
249
+ var message = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.find(function (m) { var _a; return m.id === ((_a = state.thread) === null || _a === void 0 ? void 0 : _a.id); });
250
+ if (message)
251
+ dispatch({ message: message, type: 'setThread' });
255
252
  }, [state.messages, state.thread]);
256
253
  /** MESSAGE */
257
254
  // Adds a temporary notification to message list, will be removed after 5 seconds
@@ -622,11 +619,7 @@ var ChannelInner = function (props) {
622
619
  var windowsEmojiClass = useImageFlagEmojisOnWindows && navigator.userAgent.match(/Win/)
623
620
  ? 'str-chat--windows-flags'
624
621
  : '';
625
- var NullProvider = function (_a) {
626
- var children = _a.children;
627
- return React.createElement(React.Fragment, null, children);
628
- };
629
- var OptionalMessageInputProvider = useMemo(function () { return (dragAndDropWindow ? DropzoneProvider : NullProvider); }, [dragAndDropWindow]);
622
+ var OptionalMessageInputProvider = useMemo(function () { return (dragAndDropWindow ? DropzoneProvider : React.Fragment); }, [dragAndDropWindow]);
630
623
  if (state.error) {
631
624
  return (React.createElement("div", { className: chatClass + " " + channelClass + " " + theme },
632
625
  React.createElement(LoadingErrorIndicator, { error: state.error })));
@@ -1,8 +1,11 @@
1
1
  import { useEffect, useRef } from 'react';
2
2
  export var useIsMounted = function () {
3
- var isMounted = useRef(true);
4
- useEffect(function () { return function () {
5
- isMounted.current = false;
6
- }; }, []);
3
+ var isMounted = useRef(false);
4
+ useEffect(function () {
5
+ isMounted.current = true;
6
+ return function () {
7
+ isMounted.current = false;
8
+ };
9
+ }, []);
7
10
  return isMounted;
8
11
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelHeader/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAMjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,kBAAkB,GAAG;IAC/B,4LAA4L;IAC5L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0KAA0K;IAC1K,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqDF;;GAEG;AACH,eAAO,MAAM,aAAa,4FAnDjB,kBAAkB,gBAmDuE,CAAC"}
1
+ {"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelHeader/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAMjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,kBAAkB,GAAG;IAC/B,4LAA4L;IAC5L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0KAA0K;IAC1K,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuDF;;GAEG;AACH,eAAO,MAAM,aAAa,4FArDjB,kBAAkB,gBAqDuE,CAAC"}
@@ -19,7 +19,7 @@ var UnMemoizedChannelHeader = function (props) {
19
19
  React.createElement("p", { className: 'str-chat__header-livestream-left--title' },
20
20
  title || name,
21
21
  ' ',
22
- live && React.createElement("span", { className: 'str-chat__header-livestream-left--livelabel' }, t('live'))),
22
+ live && (React.createElement("span", { className: 'str-chat__header-livestream-left--livelabel' }, t('live')))),
23
23
  subtitle && React.createElement("p", { className: 'str-chat__header-livestream-left--subtitle' }, subtitle),
24
24
  React.createElement("p", { className: 'str-chat__header-livestream-left--members' },
25
25
  !live && !!member_count && member_count > 0 && (React.createElement(React.Fragment, null,
@@ -1 +1 @@
1
- {"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelSearch/SearchResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAa,MAAM,SAAS,CAAC;AAO3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,sBAAsB,CAChC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACrD,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjF,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAwBF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;IAClD,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAsCF,oBAAY,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,KAAK,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,GAAG,EAAE,CAAC;IAC/D,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1F,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACpF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,aAAa,kJAkGzB,CAAC"}
1
+ {"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelSearch/SearchResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAa,MAAM,SAAS,CAAC;AAO3D,OAAO,KAAK,EAAE,yBAAyB,EAAyB,MAAM,mBAAmB,CAAC;AAE1F,oBAAY,sBAAsB,CAChC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACrD,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjF,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAwBF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;IAClD,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAsCF,oBAAY,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,KAAK,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,GAAG,EAAE,CAAC;IAC/D,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1F,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACpF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,aAAa,kJAoGzB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":";AAGA,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAS,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,aAAa,CACvB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;2FAgFJ;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;;CA8BlD,CAAC"}
1
+ {"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":";AAEA,OAAO,EAGL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAS,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,aAAa,CACvB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;2FAgFJ;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;;CA8BlD,CAAC"}
@@ -46,8 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
46
46
  }
47
47
  };
48
48
  import { useCallback, useEffect, useRef, useState } from 'react';
49
- import Dayjs from 'dayjs';
50
- import { isLanguageSupported, } from '../../../context/TranslationContext';
49
+ import { defaultDateTimeParser, isLanguageSupported, } from '../../../context/TranslationContext';
51
50
  import { Streami18n } from '../../../i18n';
52
51
  import { version } from '../../../version';
53
52
  export var useChat = function (_a) {
@@ -55,7 +54,7 @@ export var useChat = function (_a) {
55
54
  var client = _a.client, _d = _a.defaultLanguage, defaultLanguage = _d === void 0 ? 'en' : _d, i18nInstance = _a.i18nInstance, initialNavOpen = _a.initialNavOpen;
56
55
  var _e = useState({
57
56
  t: function (key) { return key; },
58
- tDateTimeParser: function (input) { return Dayjs(input); },
57
+ tDateTimeParser: defaultDateTimeParser,
59
58
  userLanguage: 'en',
60
59
  }), translators = _e[0], setTranslators = _e[1];
61
60
  var _f = useState(), channel = _f[0], setChannel = _f[1];
@@ -1,14 +1,14 @@
1
1
  import React from 'react';
2
2
  export declare type ChatDownProps = {
3
- /** The type of error */
4
- type: string;
5
- /** The image url for this error */
6
- image?: string;
3
+ /** The image url for this error or ReactElement representing the image */
4
+ image?: string | React.ReactElement;
7
5
  /** The error message to show */
8
6
  text?: string;
7
+ /** The type of error */
8
+ type?: string;
9
9
  };
10
10
  /**
11
11
  * A simple indicator that chat functionality isn't available, triggered when the Chat API is unavailable or your network isn't working.
12
12
  */
13
- export declare const ChatDown: React.FC<ChatDownProps>;
13
+ export declare const ChatDown: ({ image, text, type, }: ChatDownProps) => JSX.Element;
14
14
  //# sourceMappingURL=ChatDown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChatDown.d.ts","sourceRoot":"","sources":["../../../src/components/ChatDown/ChatDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,oBAAY,aAAa,GAAG;IAC1B,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAqBF;;GAEG;AACH,eAAO,MAAM,QAAQ,yBAA8D,CAAC"}
1
+ {"version":3,"file":"ChatDown.d.ts","sourceRoot":"","sources":["../../../src/components/ChatDown/ChatDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,oBAAY,aAAa,GAAG;IAC1B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACpC,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA2BF;;GAEG;AACH,eAAO,MAAM,QAAQ,2BAxBlB,aAAa,gBAwBmE,CAAC"}
@@ -1,14 +1,14 @@
1
1
  import React from 'react';
2
2
  import { LoadingChannels } from '../Loading/LoadingChannels';
3
- import placeholder from '../../assets/str-chat__connection-error.svg';
4
3
  import { useTranslationContext } from '../../context/TranslationContext';
5
- var UnMemoizedChatDown = function (props) {
6
- var image = props.image, text = props.text, _a = props.type, type = _a === void 0 ? 'Error' : _a;
4
+ import { ConnectionErrorIcon } from './icons';
5
+ var UnMemoizedChatDown = function (_a) {
6
+ var _b = _a.image, image = _b === void 0 ? React.createElement(ConnectionErrorIcon, null) : _b, text = _a.text, _c = _a.type, type = _c === void 0 ? 'Error' : _c;
7
7
  var t = useTranslationContext('ChatDown').t;
8
8
  return (React.createElement("div", { className: 'str-chat__down' },
9
9
  React.createElement(LoadingChannels, null),
10
10
  React.createElement("div", { className: 'str-chat__down-main' },
11
- React.createElement("img", { alt: 'Connection error', "data-testid": 'chatdown-img', src: image || placeholder }),
11
+ typeof image === 'string' ? (React.createElement("img", { alt: 'Connection error', "data-testid": 'chatdown-img', src: image })) : (image),
12
12
  React.createElement("h1", null, type),
13
13
  React.createElement("h3", { "aria-live": 'assertive' }, text || t('Error connecting to chat, refresh the page to try again.')))));
14
14
  };
@@ -0,0 +1,2 @@
1
+ export declare const ConnectionErrorIcon: () => JSX.Element;
2
+ //# sourceMappingURL=icons.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/ChatDown/icons.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,mBAwB/B,CAAC"}
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export var ConnectionErrorIcon = function () { return (React.createElement("svg", { height: '78px', version: '1.1', viewBox: '0 0 78 78', width: '78px', xmlns: 'http://www.w3.org/2000/svg' },
3
+ React.createElement("title", null, "Connection Error"),
4
+ React.createElement("g", { fill: 'none', fillRule: 'evenodd', id: 'Interactions', stroke: 'none', strokeWidth: '1' },
5
+ React.createElement("g", { fill: '#CF1F25', id: 'Connection-Error-_-Connectivity', transform: 'translate(-270.000000, -30.000000)' },
6
+ React.createElement("g", { id: '109-network-connection', transform: 'translate(270.000000, 30.000000)' },
7
+ React.createElement("path", { d: 'M66.4609744,11.414231 C81.6225232,26.5757798 81.6225232,51.157545 66.4609744,66.3188467 C51.2994256,81.4803954 26.7176604,81.4803954 11.5563587,66.3188467 C-3.60519004,51.1572979 -3.60519004,26.5755327 11.5563587,11.414231 C26.7179075,-3.74731776 51.2996727,-3.74731776 66.4609744,11.414231 Z M54.7853215,45.8823776 L54.7853215,40.5882574 C54.7853215,39.613638 53.9952341,38.8235506 53.0206147,38.8235506 L44.9576695,38.8235506 L41.428256,42.3529641 L51.255555,42.3529641 L51.255555,45.8823776 L54.7853215,45.8823776 Z M40.6659027,43.1153174 L37.8988425,45.8823776 L40.6659027,45.8823776 L40.6659027,43.1153174 Z M51.1764962,56.4702653 L58.2353232,56.4702653 C59.2099355,56.4702653 60.00003,55.6801708 60.00003,54.7055585 L60.00003,51.176145 C60.00003,50.2015327 59.2099355,49.4114382 58.2353232,49.4114382 L51.1764962,49.4114382 C50.2018839,49.4114382 49.4117894,50.2015327 49.4117894,51.176145 L49.4117894,54.7055585 C49.4117894,55.6801708 50.2018839,56.4702653 51.1764962,56.4702653 Z M35.2941353,56.4702653 L42.3529624,56.4702653 C43.3275746,56.4702653 44.1176691,55.6801708 44.1176691,54.7055585 L44.1176691,51.176145 C44.1176691,50.2015327 43.3275746,49.4114382 42.3529624,49.4114382 L35.2941353,49.4114382 C34.319523,49.4114382 33.5294285,50.2015327 33.5294285,51.176145 L33.5294285,54.7055585 C33.5294285,55.6801708 34.319523,56.4702653 35.2941353,56.4702653 Z M56.6964989,19.0874231 C56.007381,18.3985134 54.8903216,18.3985134 54.2012036,19.087423 L45.882376,27.4062507 L45.882376,19.4117761 C45.882376,18.4371568 45.0922885,17.6470693 44.1176692,17.6470693 L33.5294286,17.6470693 C32.5548092,17.6470694 31.7647218,18.4371568 31.7647218,19.4117761 L31.7647218,30.0000167 C31.7647219,30.9746363 32.5548092,31.7647237 33.5294285,31.7647237 L41.5239031,31.7647237 L34.4650761,38.8235508 L24.7058947,38.8235508 C23.7312753,38.8235508 22.9411879,39.6136382 22.9411879,40.5882575 L22.9411879,45.8823778 L26.4706014,45.8823778 L26.4706014,42.3529643 L30.9356624,42.3529643 L23.8768354,49.4117914 L19.4117743,49.4117914 C18.4371549,49.4117914 17.6470675,50.2018788 17.6470675,51.1764981 L17.6470675,54.7059117 C17.6504049,54.9674302 17.7129076,55.2248042 17.8298886,55.4587302 L16.4456526,56.8429662 C15.7446193,57.5200453 15.7252005,58.6372282 16.4022825,59.3382615 C17.0793616,60.0392948 18.1965445,60.0587136 18.8975778,59.3816316 C18.9122847,59.3674273 18.9267436,59.3529684 18.940948,59.3382615 L56.6964963,21.5830662 C57.3856425,20.8939094 57.3856425,19.7765747 56.6964963,19.0874179 Z', id: 'Combined-Shape' })))))); };
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import { PropsWithChildren } from 'react';
2
2
  export declare type CommandItemProps = {
3
3
  entity: {
4
4
  /** Arguments of command */
@@ -9,5 +9,5 @@ export declare type CommandItemProps = {
9
9
  name?: string;
10
10
  };
11
11
  };
12
- export declare const CommandItem: React.FC<CommandItemProps>;
12
+ export declare const CommandItem: (props: PropsWithChildren<CommandItemProps>) => JSX.Element;
13
13
  //# sourceMappingURL=CommandItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CommandItem.d.ts","sourceRoot":"","sources":["../../../src/components/CommandItem/CommandItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,gBAAgB,GAAG;IAC7B,MAAM,EAAE;QACN,2BAA2B;QAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,6BAA6B;QAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,0BAA0B;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAgBF,eAAO,MAAM,WAAW,4BAAoE,CAAC"}
1
+ {"version":3,"file":"CommandItem.d.ts","sourceRoot":"","sources":["../../../src/components/CommandItem/CommandItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,oBAAY,gBAAgB,GAAG;IAC7B,MAAM,EAAE;QACN,2BAA2B;QAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,6BAA6B;QAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,0BAA0B;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAgBF,eAAO,MAAM,WAAW,UAdc,kBAAkB,gBAAgB,CAAC,gBAcmB,CAAC"}
@@ -11,5 +11,5 @@ export declare type DateSeparatorProps = {
11
11
  /**
12
12
  * A simple date separator between messages.
13
13
  */
14
- export declare const DateSeparator: (props: DateSeparatorProps) => JSX.Element | null;
14
+ export declare const DateSeparator: (props: DateSeparatorProps) => JSX.Element;
15
15
  //# sourceMappingURL=DateSeparator.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DateSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/DateSeparator/DateSeparator.tsx"],"names":[],"mappings":"AAIA,oBAAY,kBAAkB,GAAG;IAC/B,yBAAyB;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,mHAAmH;IACnH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvC,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAgCF;;GAEG;AACH,eAAO,MAAM,aAAa,UAjCc,kBAAkB,uBAiCwC,CAAC"}
1
+ {"version":3,"file":"DateSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/DateSeparator/DateSeparator.tsx"],"names":[],"mappings":"AAKA,oBAAY,kBAAkB,GAAG;IAC/B,yBAAyB;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,mHAAmH;IACnH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvC,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AA6BF;;GAEG;AACH,eAAO,MAAM,aAAa,UA9Bc,kBAAkB,gBA8BwC,CAAC"}
@@ -1,16 +1,15 @@
1
1
  import React from 'react';
2
- import { isDayOrMoment, useTranslationContext } from '../../context/TranslationContext';
2
+ import { useTranslationContext } from '../../context/TranslationContext';
3
+ import { getDateString } from '../../i18n/utils';
3
4
  var UnMemoizedDateSeparator = function (props) {
4
- var date = props.date, formatDate = props.formatDate, _a = props.position, position = _a === void 0 ? 'right' : _a, unread = props.unread;
5
+ var messageCreatedAt = props.date, formatDate = props.formatDate, _a = props.position, position = _a === void 0 ? 'right' : _a, unread = props.unread;
5
6
  var _b = useTranslationContext('DateSeparator'), t = _b.t, tDateTimeParser = _b.tDateTimeParser;
6
- if (typeof date === 'string')
7
- return null;
8
- var parsedDate = tDateTimeParser(date.toISOString());
9
- var formattedDate = formatDate
10
- ? formatDate(date)
11
- : isDayOrMoment(parsedDate)
12
- ? parsedDate.calendar()
13
- : parsedDate;
7
+ var formattedDate = getDateString({
8
+ calendar: true,
9
+ formatDate: formatDate,
10
+ messageCreatedAt: messageCreatedAt,
11
+ tDateTimeParser: tDateTimeParser,
12
+ });
14
13
  return (React.createElement("div", { className: 'str-chat__date-separator' },
15
14
  (position === 'right' || position === 'center') && (React.createElement("hr", { className: 'str-chat__date-separator-line' })),
16
15
  React.createElement("div", { className: 'str-chat__date-separator-date' }, unread ? t('New') + " - " + formattedDate : formattedDate),
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  export declare type EmoticonItemProps = {
3
2
  entity: {
4
3
  /** The parts of the Name property of the entity (or id if no name) that can be matched to the user input value.
@@ -14,5 +13,5 @@ export declare type EmoticonItemProps = {
14
13
  native: string;
15
14
  };
16
15
  };
17
- export declare const EmoticonItem: React.FC<EmoticonItemProps>;
16
+ export declare const EmoticonItem: (props: EmoticonItemProps) => JSX.Element;
18
17
  //# sourceMappingURL=EmoticonItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"EmoticonItem.d.ts","sourceRoot":"","sources":["../../../src/components/EmoticonItem/EmoticonItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE;QACN;;aAEK;QACL,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;QAClD,wBAAwB;QACxB,IAAI,EAAE,MAAM,CAAC;QACb,sCAAsC;QACtC,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAkCF,eAAO,MAAM,YAAY,6BAAsE,CAAC"}
1
+ {"version":3,"file":"EmoticonItem.d.ts","sourceRoot":"","sources":["../../../src/components/EmoticonItem/EmoticonItem.tsx"],"names":[],"mappings":"AAEA,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE;QACN;;aAEK;QACL,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;QAClD,wBAAwB;QACxB,IAAI,EAAE,MAAM,CAAC;QACb,sCAAsC;QACtC,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAkCF,eAAO,MAAM,YAAY,UAhCc,iBAAiB,gBAgCuC,CAAC"}
@@ -1,7 +1,6 @@
1
- import React from 'react';
2
1
  export declare type EmptyStateIndicatorProps = {
3
2
  /** List Type: channel | message */
4
3
  listType: 'channel' | 'message';
5
4
  };
6
- export declare const EmptyStateIndicator: React.FC<EmptyStateIndicatorProps>;
5
+ export declare const EmptyStateIndicator: (props: EmptyStateIndicatorProps) => JSX.Element | null;
7
6
  //# sourceMappingURL=EmptyStateIndicator.d.ts.map
@@ -1 +1 @@
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
+ {"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 +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;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
+ {"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,6 +1,18 @@
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
+ };
1
12
  import React from 'react';
2
13
  import { Avatar as DefaultAvatar } from '../Avatar';
3
- import { isDayOrMoment, useTranslationContext } from '../../context/TranslationContext';
14
+ import { useTranslationContext } from '../../context/TranslationContext';
15
+ import { getDateString } from '../../i18n/utils';
4
16
  /**
5
17
  * Component to display system and channel event messages
6
18
  */
@@ -9,11 +21,7 @@ var UnMemoizedEventComponent = function (props) {
9
21
  var _d = props.Avatar, Avatar = _d === void 0 ? DefaultAvatar : _d, message = props.message;
10
22
  var tDateTimeParser = useTranslationContext('EventComponent').tDateTimeParser;
11
23
  var _e = message.created_at, created_at = _e === void 0 ? '' : _e, event = message.event, text = message.text, type = message.type;
12
- var dateFormatter = function (date, format) {
13
- var parsedDate = tDateTimeParser(date);
14
- var formattedDate = isDayOrMoment(parsedDate) ? parsedDate.format(format) : parsedDate;
15
- return formattedDate;
16
- };
24
+ var getDateOptions = { messageCreatedAt: created_at.toString(), tDateTimeParser: tDateTimeParser };
17
25
  if (type === 'system')
18
26
  return (React.createElement("div", { className: 'str-chat__message--system' },
19
27
  React.createElement("div", { className: 'str-chat__message--system__text' },
@@ -22,10 +30,10 @@ var UnMemoizedEventComponent = function (props) {
22
30
  React.createElement("div", { className: 'str-chat__message--system__line' })),
23
31
  React.createElement("div", { className: 'str-chat__message--system__date' },
24
32
  React.createElement("strong", null,
25
- dateFormatter(created_at, 'dddd'),
33
+ getDateString(__assign(__assign({}, getDateOptions), { format: 'dddd' })),
26
34
  " "),
27
35
  "at ",
28
- dateFormatter(created_at, 'hh:mm A'))));
36
+ getDateString(__assign(__assign({}, getDateOptions), { format: 'hh:mm A' })))));
29
37
  if ((event === null || event === void 0 ? void 0 : event.type) === 'member.removed' || (event === null || event === void 0 ? void 0 : event.type) === 'member.added') {
30
38
  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);
31
39
  var sentence = name_1 + " " + (event.type === 'member.added' ? 'has joined the chat' : 'was removed from the chat');
@@ -33,7 +41,7 @@ var UnMemoizedEventComponent = function (props) {
33
41
  React.createElement(Avatar, { image: (_c = event.user) === null || _c === void 0 ? void 0 : _c.image, name: name_1, user: event.user }),
34
42
  React.createElement("div", { className: 'str-chat__event-component__channel-event__content' },
35
43
  React.createElement("em", { className: 'str-chat__event-component__channel-event__sentence' }, sentence),
36
- React.createElement("div", { className: 'str-chat__event-component__channel-event__date' }, dateFormatter(created_at, 'LT')))));
44
+ React.createElement("div", { className: 'str-chat__event-component__channel-event__date' }, getDateString(__assign(__assign({}, getDateOptions), { format: 'LT' }))))));
37
45
  }
38
46
  return null;
39
47
  };