stream-chat-react-native-core 9.4.0-beta.11 → 9.4.0-beta.12

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 (331) hide show
  1. package/lib/commonjs/components/ChannelDetails/ChannelDetails.js +8 -3
  2. package/lib/commonjs/components/ChannelDetails/ChannelDetails.js.map +1 -1
  3. package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsActionItem.js +2 -1
  4. package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsActionItem.js.map +1 -1
  5. package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsEditButton.js +57 -0
  6. package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsEditButton.js.map +1 -0
  7. package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsNavHeader.js +3 -32
  8. package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsNavHeader.js.map +1 -1
  9. package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsNavigationSection.js +64 -25
  10. package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsNavigationSection.js.map +1 -1
  11. package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsProfile.js +3 -2
  12. package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsProfile.js.map +1 -1
  13. package/lib/commonjs/components/ChannelDetails/components/ChannelEditImageSheet.js +2 -2
  14. package/lib/commonjs/components/ChannelDetails/components/ChannelEditImageSheet.js.map +1 -1
  15. package/lib/commonjs/components/ChannelDetails/components/index.js +22 -0
  16. package/lib/commonjs/components/ChannelDetails/components/index.js.map +1 -1
  17. package/lib/commonjs/components/ChannelDetails/components/members/ChannelMemberItem.js +2 -1
  18. package/lib/commonjs/components/ChannelDetails/components/members/ChannelMemberItem.js.map +1 -1
  19. package/lib/commonjs/components/ChannelDetails/components/modal/Modal.js +22 -23
  20. package/lib/commonjs/components/ChannelDetails/components/modal/Modal.js.map +1 -1
  21. package/lib/commonjs/components/ChannelDetails/components/modal/ModalHeader.js +6 -4
  22. package/lib/commonjs/components/ChannelDetails/components/modal/ModalHeader.js.map +1 -1
  23. package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentItem.js +65 -0
  24. package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentItem.js.map +1 -0
  25. package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentList.js +174 -0
  26. package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentList.js.map +1 -0
  27. package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.js +21 -0
  28. package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.js.map +1 -0
  29. package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.js +45 -0
  30. package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.js.map +1 -0
  31. package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaItem.js +120 -0
  32. package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaItem.js.map +1 -0
  33. package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaList.js +206 -0
  34. package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaList.js.map +1 -0
  35. package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.js +63 -0
  36. package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.js.map +1 -0
  37. package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js +84 -0
  38. package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js.map +1 -0
  39. package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageList.js +177 -0
  40. package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageList.js.map +1 -0
  41. package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.js +21 -0
  42. package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.js.map +1 -0
  43. package/lib/commonjs/components/ChannelDetails/components/navigation-section/index.js +114 -0
  44. package/lib/commonjs/components/ChannelDetails/components/navigation-section/index.js.map +1 -0
  45. package/lib/commonjs/components/ChannelDetails/hooks/index.js +33 -0
  46. package/lib/commonjs/components/ChannelDetails/hooks/index.js.map +1 -1
  47. package/lib/commonjs/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.js +55 -0
  48. package/lib/commonjs/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.js.map +1 -0
  49. package/lib/commonjs/components/ChannelDetails/hooks/useFileAttachmentListSections.js +52 -0
  50. package/lib/commonjs/components/ChannelDetails/hooks/useFileAttachmentListSections.js.map +1 -0
  51. package/lib/commonjs/components/ChannelDetails/hooks/useMediaList.js +30 -0
  52. package/lib/commonjs/components/ChannelDetails/hooks/useMediaList.js.map +1 -0
  53. package/lib/commonjs/components/ImageGallery/components/ImageGalleryHeader.js +23 -15
  54. package/lib/commonjs/components/ImageGallery/components/ImageGalleryHeader.js.map +1 -1
  55. package/lib/commonjs/components/UIComponents/EmptyList.js +78 -0
  56. package/lib/commonjs/components/UIComponents/EmptyList.js.map +1 -0
  57. package/lib/commonjs/components/UIComponents/index.js +11 -0
  58. package/lib/commonjs/components/UIComponents/index.js.map +1 -1
  59. package/lib/commonjs/components/ui/Avatar/AvatarGroup.js +3 -3
  60. package/lib/commonjs/components/ui/Avatar/constants.js +2 -2
  61. package/lib/commonjs/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.js +64 -0
  62. package/lib/commonjs/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.js.map +1 -0
  63. package/lib/commonjs/contexts/channelMediaListContext/ChannelMediaListContext.js +63 -0
  64. package/lib/commonjs/contexts/channelMediaListContext/ChannelMediaListContext.js.map +1 -0
  65. package/lib/commonjs/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.js +73 -0
  66. package/lib/commonjs/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.js.map +1 -0
  67. package/lib/commonjs/contexts/componentsContext/defaultComponents.js +8 -0
  68. package/lib/commonjs/contexts/componentsContext/defaultComponents.js.map +1 -1
  69. package/lib/commonjs/contexts/index.js +33 -0
  70. package/lib/commonjs/contexts/index.js.map +1 -1
  71. package/lib/commonjs/contexts/themeContext/utils/theme.js +57 -2
  72. package/lib/commonjs/contexts/themeContext/utils/theme.js.map +1 -1
  73. package/lib/commonjs/i18n/ar.json +11 -0
  74. package/lib/commonjs/i18n/en.json +11 -0
  75. package/lib/commonjs/i18n/es.json +11 -0
  76. package/lib/commonjs/i18n/fr.json +11 -0
  77. package/lib/commonjs/i18n/he.json +11 -0
  78. package/lib/commonjs/i18n/hi.json +11 -0
  79. package/lib/commonjs/i18n/it.json +11 -0
  80. package/lib/commonjs/i18n/ja.json +11 -0
  81. package/lib/commonjs/i18n/ko.json +11 -0
  82. package/lib/commonjs/i18n/nl.json +11 -0
  83. package/lib/commonjs/i18n/pt-br.json +11 -0
  84. package/lib/commonjs/i18n/ru.json +11 -0
  85. package/lib/commonjs/i18n/tr.json +11 -0
  86. package/lib/commonjs/icons/folder.js +37 -0
  87. package/lib/commonjs/icons/folder.js.map +1 -0
  88. package/lib/commonjs/icons/index.js +12 -0
  89. package/lib/commonjs/icons/index.js.map +1 -1
  90. package/lib/commonjs/version.json +1 -1
  91. package/lib/module/components/ChannelDetails/ChannelDetails.js +8 -3
  92. package/lib/module/components/ChannelDetails/ChannelDetails.js.map +1 -1
  93. package/lib/module/components/ChannelDetails/components/ChannelDetailsActionItem.js +2 -1
  94. package/lib/module/components/ChannelDetails/components/ChannelDetailsActionItem.js.map +1 -1
  95. package/lib/module/components/ChannelDetails/components/ChannelDetailsEditButton.js +57 -0
  96. package/lib/module/components/ChannelDetails/components/ChannelDetailsEditButton.js.map +1 -0
  97. package/lib/module/components/ChannelDetails/components/ChannelDetailsNavHeader.js +3 -32
  98. package/lib/module/components/ChannelDetails/components/ChannelDetailsNavHeader.js.map +1 -1
  99. package/lib/module/components/ChannelDetails/components/ChannelDetailsNavigationSection.js +64 -25
  100. package/lib/module/components/ChannelDetails/components/ChannelDetailsNavigationSection.js.map +1 -1
  101. package/lib/module/components/ChannelDetails/components/ChannelDetailsProfile.js +3 -2
  102. package/lib/module/components/ChannelDetails/components/ChannelDetailsProfile.js.map +1 -1
  103. package/lib/module/components/ChannelDetails/components/ChannelEditImageSheet.js +2 -2
  104. package/lib/module/components/ChannelDetails/components/ChannelEditImageSheet.js.map +1 -1
  105. package/lib/module/components/ChannelDetails/components/index.js +22 -0
  106. package/lib/module/components/ChannelDetails/components/index.js.map +1 -1
  107. package/lib/module/components/ChannelDetails/components/members/ChannelMemberItem.js +2 -1
  108. package/lib/module/components/ChannelDetails/components/members/ChannelMemberItem.js.map +1 -1
  109. package/lib/module/components/ChannelDetails/components/modal/Modal.js +22 -23
  110. package/lib/module/components/ChannelDetails/components/modal/Modal.js.map +1 -1
  111. package/lib/module/components/ChannelDetails/components/modal/ModalHeader.js +6 -4
  112. package/lib/module/components/ChannelDetails/components/modal/ModalHeader.js.map +1 -1
  113. package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentItem.js +65 -0
  114. package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentItem.js.map +1 -0
  115. package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentList.js +174 -0
  116. package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentList.js.map +1 -0
  117. package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.js +21 -0
  118. package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.js.map +1 -0
  119. package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.js +45 -0
  120. package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.js.map +1 -0
  121. package/lib/module/components/ChannelDetails/components/navigation-section/MediaItem.js +120 -0
  122. package/lib/module/components/ChannelDetails/components/navigation-section/MediaItem.js.map +1 -0
  123. package/lib/module/components/ChannelDetails/components/navigation-section/MediaList.js +206 -0
  124. package/lib/module/components/ChannelDetails/components/navigation-section/MediaList.js.map +1 -0
  125. package/lib/module/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.js +63 -0
  126. package/lib/module/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.js.map +1 -0
  127. package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js +84 -0
  128. package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js.map +1 -0
  129. package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageList.js +177 -0
  130. package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageList.js.map +1 -0
  131. package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.js +21 -0
  132. package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.js.map +1 -0
  133. package/lib/module/components/ChannelDetails/components/navigation-section/index.js +114 -0
  134. package/lib/module/components/ChannelDetails/components/navigation-section/index.js.map +1 -0
  135. package/lib/module/components/ChannelDetails/hooks/index.js +33 -0
  136. package/lib/module/components/ChannelDetails/hooks/index.js.map +1 -1
  137. package/lib/module/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.js +55 -0
  138. package/lib/module/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.js.map +1 -0
  139. package/lib/module/components/ChannelDetails/hooks/useFileAttachmentListSections.js +52 -0
  140. package/lib/module/components/ChannelDetails/hooks/useFileAttachmentListSections.js.map +1 -0
  141. package/lib/module/components/ChannelDetails/hooks/useMediaList.js +30 -0
  142. package/lib/module/components/ChannelDetails/hooks/useMediaList.js.map +1 -0
  143. package/lib/module/components/ImageGallery/components/ImageGalleryHeader.js +23 -15
  144. package/lib/module/components/ImageGallery/components/ImageGalleryHeader.js.map +1 -1
  145. package/lib/module/components/UIComponents/EmptyList.js +78 -0
  146. package/lib/module/components/UIComponents/EmptyList.js.map +1 -0
  147. package/lib/module/components/UIComponents/index.js +11 -0
  148. package/lib/module/components/UIComponents/index.js.map +1 -1
  149. package/lib/module/components/ui/Avatar/AvatarGroup.js +3 -3
  150. package/lib/module/components/ui/Avatar/constants.js +2 -2
  151. package/lib/module/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.js +64 -0
  152. package/lib/module/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.js.map +1 -0
  153. package/lib/module/contexts/channelMediaListContext/ChannelMediaListContext.js +63 -0
  154. package/lib/module/contexts/channelMediaListContext/ChannelMediaListContext.js.map +1 -0
  155. package/lib/module/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.js +73 -0
  156. package/lib/module/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.js.map +1 -0
  157. package/lib/module/contexts/componentsContext/defaultComponents.js +8 -0
  158. package/lib/module/contexts/componentsContext/defaultComponents.js.map +1 -1
  159. package/lib/module/contexts/index.js +33 -0
  160. package/lib/module/contexts/index.js.map +1 -1
  161. package/lib/module/contexts/themeContext/utils/theme.js +57 -2
  162. package/lib/module/contexts/themeContext/utils/theme.js.map +1 -1
  163. package/lib/module/i18n/ar.json +11 -0
  164. package/lib/module/i18n/en.json +11 -0
  165. package/lib/module/i18n/es.json +11 -0
  166. package/lib/module/i18n/fr.json +11 -0
  167. package/lib/module/i18n/he.json +11 -0
  168. package/lib/module/i18n/hi.json +11 -0
  169. package/lib/module/i18n/it.json +11 -0
  170. package/lib/module/i18n/ja.json +11 -0
  171. package/lib/module/i18n/ko.json +11 -0
  172. package/lib/module/i18n/nl.json +11 -0
  173. package/lib/module/i18n/pt-br.json +11 -0
  174. package/lib/module/i18n/ru.json +11 -0
  175. package/lib/module/i18n/tr.json +11 -0
  176. package/lib/module/icons/folder.js +37 -0
  177. package/lib/module/icons/folder.js.map +1 -0
  178. package/lib/module/icons/index.js +12 -0
  179. package/lib/module/icons/index.js.map +1 -1
  180. package/lib/module/version.json +1 -1
  181. package/lib/typescript/components/ChannelDetails/ChannelDetails.d.ts +11 -1
  182. package/lib/typescript/components/ChannelDetails/ChannelDetails.d.ts.map +1 -1
  183. package/lib/typescript/components/ChannelDetails/components/ChannelDetailsActionItem.d.ts.map +1 -1
  184. package/lib/typescript/components/ChannelDetails/components/ChannelDetailsEditButton.d.ts +6 -0
  185. package/lib/typescript/components/ChannelDetails/components/ChannelDetailsEditButton.d.ts.map +1 -0
  186. package/lib/typescript/components/ChannelDetails/components/ChannelDetailsNavHeader.d.ts +3 -1
  187. package/lib/typescript/components/ChannelDetails/components/ChannelDetailsNavHeader.d.ts.map +1 -1
  188. package/lib/typescript/components/ChannelDetails/components/ChannelDetailsNavigationSection.d.ts.map +1 -1
  189. package/lib/typescript/components/ChannelDetails/components/index.d.ts +3 -0
  190. package/lib/typescript/components/ChannelDetails/components/index.d.ts.map +1 -1
  191. package/lib/typescript/components/ChannelDetails/components/members/ChannelMemberItem.d.ts.map +1 -1
  192. package/lib/typescript/components/ChannelDetails/components/modal/Modal.d.ts +2 -1
  193. package/lib/typescript/components/ChannelDetails/components/modal/Modal.d.ts.map +1 -1
  194. package/lib/typescript/components/ChannelDetails/components/modal/ModalHeader.d.ts +3 -1
  195. package/lib/typescript/components/ChannelDetails/components/modal/ModalHeader.d.ts.map +1 -1
  196. package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentItem.d.ts +31 -0
  197. package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentItem.d.ts.map +1 -0
  198. package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentList.d.ts +17 -0
  199. package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentList.d.ts.map +1 -0
  200. package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.d.ts +9 -0
  201. package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.d.ts.map +1 -0
  202. package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.d.ts +13 -0
  203. package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.d.ts.map +1 -0
  204. package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaItem.d.ts +35 -0
  205. package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaItem.d.ts.map +1 -0
  206. package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaList.d.ts +17 -0
  207. package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaList.d.ts.map +1 -0
  208. package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.d.ts +11 -0
  209. package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.d.ts.map +1 -0
  210. package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageItem.d.ts +19 -0
  211. package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageItem.d.ts.map +1 -0
  212. package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageList.d.ts +19 -0
  213. package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageList.d.ts.map +1 -0
  214. package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.d.ts +9 -0
  215. package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.d.ts.map +1 -0
  216. package/lib/typescript/components/ChannelDetails/components/navigation-section/index.d.ts +11 -0
  217. package/lib/typescript/components/ChannelDetails/components/navigation-section/index.d.ts.map +1 -0
  218. package/lib/typescript/components/ChannelDetails/hooks/index.d.ts +3 -0
  219. package/lib/typescript/components/ChannelDetails/hooks/index.d.ts.map +1 -1
  220. package/lib/typescript/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.d.ts +56 -0
  221. package/lib/typescript/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.d.ts.map +1 -0
  222. package/lib/typescript/components/ChannelDetails/hooks/useFileAttachmentListSections.d.ts +28 -0
  223. package/lib/typescript/components/ChannelDetails/hooks/useFileAttachmentListSections.d.ts.map +1 -0
  224. package/lib/typescript/components/ChannelDetails/hooks/useMediaList.d.ts +20 -0
  225. package/lib/typescript/components/ChannelDetails/hooks/useMediaList.d.ts.map +1 -0
  226. package/lib/typescript/components/ImageGallery/components/ImageGalleryHeader.d.ts.map +1 -1
  227. package/lib/typescript/components/UIComponents/EmptyList.d.ts +24 -0
  228. package/lib/typescript/components/UIComponents/EmptyList.d.ts.map +1 -0
  229. package/lib/typescript/components/UIComponents/index.d.ts +1 -0
  230. package/lib/typescript/components/UIComponents/index.d.ts.map +1 -1
  231. package/lib/typescript/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.d.ts +21 -0
  232. package/lib/typescript/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.d.ts.map +1 -0
  233. package/lib/typescript/contexts/channelMediaListContext/ChannelMediaListContext.d.ts +21 -0
  234. package/lib/typescript/contexts/channelMediaListContext/ChannelMediaListContext.d.ts.map +1 -0
  235. package/lib/typescript/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.d.ts +21 -0
  236. package/lib/typescript/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.d.ts.map +1 -0
  237. package/lib/typescript/contexts/componentsContext/defaultComponents.d.ts +18 -2
  238. package/lib/typescript/contexts/componentsContext/defaultComponents.d.ts.map +1 -1
  239. package/lib/typescript/contexts/index.d.ts +3 -0
  240. package/lib/typescript/contexts/index.d.ts.map +1 -1
  241. package/lib/typescript/contexts/themeContext/ThemeContext.d.ts +56 -1
  242. package/lib/typescript/contexts/themeContext/ThemeContext.d.ts.map +1 -1
  243. package/lib/typescript/contexts/themeContext/utils/theme.d.ts +56 -1
  244. package/lib/typescript/contexts/themeContext/utils/theme.d.ts.map +1 -1
  245. package/lib/typescript/i18n/ar.json +11 -0
  246. package/lib/typescript/i18n/en.json +11 -0
  247. package/lib/typescript/i18n/es.json +11 -0
  248. package/lib/typescript/i18n/fr.json +11 -0
  249. package/lib/typescript/i18n/he.json +11 -0
  250. package/lib/typescript/i18n/hi.json +11 -0
  251. package/lib/typescript/i18n/it.json +11 -0
  252. package/lib/typescript/i18n/ja.json +11 -0
  253. package/lib/typescript/i18n/ko.json +11 -0
  254. package/lib/typescript/i18n/nl.json +11 -0
  255. package/lib/typescript/i18n/pt-br.json +11 -0
  256. package/lib/typescript/i18n/ru.json +11 -0
  257. package/lib/typescript/i18n/tr.json +11 -0
  258. package/lib/typescript/icons/folder.d.ts +4 -0
  259. package/lib/typescript/icons/folder.d.ts.map +1 -0
  260. package/lib/typescript/icons/index.d.ts +1 -0
  261. package/lib/typescript/icons/index.d.ts.map +1 -1
  262. package/lib/typescript/utils/i18n/Streami18n.d.ts +11 -0
  263. package/lib/typescript/utils/i18n/Streami18n.d.ts.map +1 -1
  264. package/package.json +1 -1
  265. package/src/components/ChannelDetails/ChannelDetails.tsx +17 -2
  266. package/src/components/ChannelDetails/__tests__/ChannelDetails.test.tsx +29 -0
  267. package/src/components/ChannelDetails/__tests__/ChannelDetailsEditButton.test.tsx +127 -0
  268. package/src/components/ChannelDetails/__tests__/ChannelDetailsNavHeader.test.tsx +21 -56
  269. package/src/components/ChannelDetails/__tests__/ChannelDetailsNavigationSection.test.tsx +225 -6
  270. package/src/components/ChannelDetails/__tests__/useFileAttachmentListSections.test.tsx +159 -0
  271. package/src/components/ChannelDetails/__tests__/useMediaList.test.tsx +53 -0
  272. package/src/components/ChannelDetails/components/ChannelDetailsActionItem.tsx +6 -1
  273. package/src/components/ChannelDetails/components/ChannelDetailsEditButton.tsx +50 -0
  274. package/src/components/ChannelDetails/components/ChannelDetailsNavHeader.tsx +6 -33
  275. package/src/components/ChannelDetails/components/ChannelDetailsNavigationSection.tsx +80 -32
  276. package/src/components/ChannelDetails/components/ChannelDetailsProfile.tsx +2 -1
  277. package/src/components/ChannelDetails/components/ChannelEditImageSheet.tsx +2 -2
  278. package/src/components/ChannelDetails/components/__tests__/navigation-section/FileAttachmentItem.test.tsx +80 -0
  279. package/src/components/ChannelDetails/components/__tests__/navigation-section/FileAttachmentList.test.tsx +334 -0
  280. package/src/components/ChannelDetails/components/__tests__/navigation-section/FileAttachmentListSectionHeader.test.tsx +19 -0
  281. package/src/components/ChannelDetails/components/__tests__/navigation-section/MediaItem.test.tsx +97 -0
  282. package/src/components/ChannelDetails/components/__tests__/navigation-section/MediaList.test.tsx +351 -0
  283. package/src/components/ChannelDetails/components/__tests__/navigation-section/PinnedMessageItem.test.tsx +112 -0
  284. package/src/components/ChannelDetails/components/__tests__/navigation-section/PinnedMessageList.test.tsx +324 -0
  285. package/src/components/ChannelDetails/components/index.ts +3 -0
  286. package/src/components/ChannelDetails/components/members/ChannelMemberItem.tsx +6 -1
  287. package/src/components/ChannelDetails/components/modal/Modal.tsx +37 -24
  288. package/src/components/ChannelDetails/components/modal/ModalHeader.tsx +11 -4
  289. package/src/components/ChannelDetails/components/navigation-section/FileAttachmentItem.tsx +92 -0
  290. package/src/components/ChannelDetails/components/navigation-section/FileAttachmentList.tsx +204 -0
  291. package/src/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.tsx +23 -0
  292. package/src/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.tsx +56 -0
  293. package/src/components/ChannelDetails/components/navigation-section/MediaItem.tsx +160 -0
  294. package/src/components/ChannelDetails/components/navigation-section/MediaList.tsx +244 -0
  295. package/src/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.tsx +66 -0
  296. package/src/components/ChannelDetails/components/navigation-section/PinnedMessageItem.tsx +94 -0
  297. package/src/components/ChannelDetails/components/navigation-section/PinnedMessageList.tsx +198 -0
  298. package/src/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.tsx +23 -0
  299. package/src/components/ChannelDetails/components/navigation-section/index.ts +10 -0
  300. package/src/components/ChannelDetails/hooks/index.ts +3 -0
  301. package/src/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.ts +108 -0
  302. package/src/components/ChannelDetails/hooks/useFileAttachmentListSections.ts +79 -0
  303. package/src/components/ChannelDetails/hooks/useMediaList.ts +51 -0
  304. package/src/components/ImageGallery/components/ImageGalleryHeader.tsx +21 -18
  305. package/src/components/UIComponents/EmptyList.tsx +80 -0
  306. package/src/components/UIComponents/__tests__/EmptyList.test.tsx +90 -0
  307. package/src/components/UIComponents/index.ts +1 -0
  308. package/src/components/ui/Avatar/AvatarGroup.tsx +3 -3
  309. package/src/components/ui/Avatar/constants.ts +2 -2
  310. package/src/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.tsx +67 -0
  311. package/src/contexts/channelMediaListContext/ChannelMediaListContext.tsx +68 -0
  312. package/src/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.tsx +72 -0
  313. package/src/contexts/componentsContext/defaultComponents.ts +16 -1
  314. package/src/contexts/index.ts +3 -0
  315. package/src/contexts/themeContext/utils/theme.ts +112 -2
  316. package/src/i18n/ar.json +11 -0
  317. package/src/i18n/en.json +11 -0
  318. package/src/i18n/es.json +11 -0
  319. package/src/i18n/fr.json +11 -0
  320. package/src/i18n/he.json +11 -0
  321. package/src/i18n/hi.json +11 -0
  322. package/src/i18n/it.json +11 -0
  323. package/src/i18n/ja.json +11 -0
  324. package/src/i18n/ko.json +11 -0
  325. package/src/i18n/nl.json +11 -0
  326. package/src/i18n/pt-br.json +11 -0
  327. package/src/i18n/ru.json +11 -0
  328. package/src/i18n/tr.json +11 -0
  329. package/src/icons/folder.tsx +28 -0
  330. package/src/icons/index.ts +1 -0
  331. package/src/version.json +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeContext","_theme","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FileAttachmentListSectionHeader","title","_useTheme","useTheme","fileAttachmentList","theme","channelDetails","styles","useStyles","jsx","View","style","container","sectionHeader","children","Text","text","sectionHeaderText","exports","displayName","_useTheme2","semantics","useMemo","StyleSheet","create","backgroundColor","backgroundCoreSurfaceSubtle","paddingHorizontal","primitives","spacingMd","paddingVertical","spacingXs","color","chatTextSystem","fontSize","typographyFontSizeSm","fontWeight","typographyFontWeightSemiBold","lineHeight","typographyLineHeightNormal"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,120 @@
1
+ Object.defineProperty(exports, "__esModule", {
2
+ value: true
3
+ });
4
+ exports.MediaItem = void 0;
5
+ var _react = _interopRequireWildcard(require("react"));
6
+ var _reactNative = require("react-native");
7
+ var _ChatConfigContext = require("../../../../contexts/chatConfigContext/ChatConfigContext");
8
+ var _ComponentsContext = require("../../../../contexts/componentsContext/ComponentsContext");
9
+ var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
10
+ var _videoFill = require("../../../../icons/video-fill");
11
+ var _theme = require("../../../../theme");
12
+ var _types = require("../../../../types/types");
13
+ var _getResizedImageUrl = require("../../../../utils/getResizedImageUrl");
14
+ var _getUrlOfImageAttachment = require("../../../../utils/getUrlOfImageAttachment");
15
+ var _utils = require("../../../../utils/utils");
16
+ var _UserAvatar = require("../../../ui/Avatar/UserAvatar");
17
+ var _jsxRuntime = require("react/jsx-runtime");
18
+ var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/navigation-section/MediaItem.tsx";
19
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
20
+ var MediaItem = props => {
21
+ var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
22
+ Image = _useComponentsContext.ImageComponent;
23
+ var attachment = props.attachment,
24
+ message = props.message,
25
+ onPress = props.onPress,
26
+ size = props.size;
27
+ var _useTheme = (0, _ThemeContext.useTheme)(),
28
+ _useTheme$theme = _useTheme.theme,
29
+ mediaItem = _useTheme$theme.channelDetails.mediaItem,
30
+ semantics = _useTheme$theme.semantics;
31
+ var _useChatConfigContext = (0, _ChatConfigContext.useChatConfigContext)(),
32
+ resizableCDNHosts = _useChatConfigContext.resizableCDNHosts;
33
+ var styles = useStyles();
34
+ var containerRef = (0, _react.useRef)(null);
35
+ var isVideo = attachment.type === _types.FileTypes.Video;
36
+ var url = attachment.thumb_url || (0, _getUrlOfImageAttachment.getUrlOfImageAttachment)(attachment);
37
+ var thumbnailUrl = url ? (0, _getResizedImageUrl.getResizedImageUrl)({
38
+ height: size,
39
+ resizableCDNHosts,
40
+ url,
41
+ width: size
42
+ }) : undefined;
43
+ var durationLabel = isVideo ? (0, _utils.getDurationLabelFromDuration)(attachment.duration ?? 0) : undefined;
44
+ return (0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
45
+ onPress: onPress ? () => onPress({
46
+ attachment,
47
+ message,
48
+ requesterNode: (0, _reactNative.findNodeHandle)(containerRef.current)
49
+ }) : undefined,
50
+ ref: containerRef,
51
+ style: [styles.container, {
52
+ backgroundColor: semantics.backgroundCoreSurfaceStrong,
53
+ width: size
54
+ }, mediaItem.container],
55
+ testID: `media-item-${message.id}`,
56
+ children: [thumbnailUrl ? (0, _jsxRuntime.jsx)(Image, {
57
+ source: {
58
+ uri: thumbnailUrl
59
+ },
60
+ style: [styles.thumbnail, mediaItem.thumbnail],
61
+ testID: "media-item-thumbnail"
62
+ }) : null, message.user ? (0, _jsxRuntime.jsx)(_UserAvatar.UserAvatar, {
63
+ size: "sm",
64
+ style: [styles.avatar, mediaItem.avatar],
65
+ user: message.user
66
+ }) : null, isVideo ? (0, _jsxRuntime.jsxs)(_reactNative.View, {
67
+ style: [styles.videoBadge, {
68
+ backgroundColor: semantics.badgeBgInverse
69
+ }, mediaItem.videoBadge],
70
+ children: [(0, _jsxRuntime.jsx)(_videoFill.Recorder, {
71
+ fill: semantics.badgeTextOnInverse,
72
+ size: 12
73
+ }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
74
+ style: [styles.videoBadgeText, {
75
+ color: semantics.badgeTextOnInverse
76
+ }, mediaItem.videoBadgeText],
77
+ children: durationLabel
78
+ })]
79
+ }) : null]
80
+ });
81
+ };
82
+ exports.MediaItem = MediaItem;
83
+ MediaItem.displayName = 'MediaItem{mediaItem}';
84
+ var useStyles = () => {
85
+ return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
86
+ avatar: {
87
+ left: _theme.primitives.spacingXs,
88
+ position: 'absolute',
89
+ top: _theme.primitives.spacingXs
90
+ },
91
+ container: {
92
+ aspectRatio: 1,
93
+ borderRadius: _theme.primitives.radiusXxs,
94
+ overflow: 'hidden'
95
+ },
96
+ thumbnail: {
97
+ bottom: 0,
98
+ left: 0,
99
+ position: 'absolute',
100
+ right: 0,
101
+ top: 0
102
+ },
103
+ videoBadge: {
104
+ alignItems: 'center',
105
+ borderRadius: _theme.primitives.radiusMax,
106
+ bottom: _theme.primitives.spacingXs,
107
+ flexDirection: 'row',
108
+ gap: _theme.primitives.spacingXxs,
109
+ left: _theme.primitives.spacingXs,
110
+ paddingHorizontal: _theme.primitives.spacingXs,
111
+ paddingVertical: _theme.primitives.spacingXxs,
112
+ position: 'absolute'
113
+ },
114
+ videoBadgeText: {
115
+ fontSize: _theme.primitives.typographyFontSizeXxs,
116
+ fontWeight: _theme.primitives.typographyFontWeightBold
117
+ }
118
+ }), []);
119
+ };
120
+ //# sourceMappingURL=MediaItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ChatConfigContext","_ComponentsContext","_ThemeContext","_videoFill","_theme","_types","_getResizedImageUrl","_getUrlOfImageAttachment","_utils","_UserAvatar","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaItem","props","_useComponentsContext","useComponentsContext","Image","ImageComponent","attachment","message","onPress","size","_useTheme","useTheme","_useTheme$theme","theme","mediaItem","channelDetails","semantics","_useChatConfigContext","useChatConfigContext","resizableCDNHosts","styles","useStyles","containerRef","useRef","isVideo","type","FileTypes","Video","url","thumb_url","getUrlOfImageAttachment","thumbnailUrl","getResizedImageUrl","height","width","undefined","durationLabel","getDurationLabelFromDuration","duration","jsxs","Pressable","requesterNode","findNodeHandle","current","ref","style","container","backgroundColor","backgroundCoreSurfaceStrong","testID","id","children","jsx","source","uri","thumbnail","user","UserAvatar","avatar","View","videoBadge","badgeBgInverse","Recorder","fill","badgeTextOnInverse","Text","videoBadgeText","color","exports","displayName","useMemo","StyleSheet","create","left","primitives","spacingXs","position","top","aspectRatio","borderRadius","radiusXxs","overflow","bottom","right","alignItems","radiusMax","flexDirection","gap","spacingXxs","paddingHorizontal","paddingVertical","fontSize","typographyFontSizeXxs","fontWeight","typographyFontWeightBold"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/navigation-section/MediaItem.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,206 @@
1
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ exports.MediaList = void 0;
6
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _streamChat = require("stream-chat");
10
+ var _MediaListLoadingSkeleton = require("./MediaListLoadingSkeleton");
11
+ var _channelDetailsContext = require("../../../../contexts/channelDetailsContext/channelDetailsContext");
12
+ var _ChannelMediaListContext = require("../../../../contexts/channelMediaListContext/ChannelMediaListContext");
13
+ var _ComponentsContext = require("../../../../contexts/componentsContext/ComponentsContext");
14
+ var _ImageGalleryContext = require("../../../../contexts/imageGalleryContext/ImageGalleryContext");
15
+ var _OverlayContext = require("../../../../contexts/overlayContext/OverlayContext");
16
+ var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
17
+ var _TranslationContext = require("../../../../contexts/translationContext/TranslationContext");
18
+ var _useChannelActions = require("../../../../hooks/actions/useChannelActions");
19
+ var _useStateStore2 = require("../../../../hooks/useStateStore");
20
+ var _image = require("../../../../icons/image");
21
+ var _native = require("../../../../native");
22
+ var _theme = require("../../../../theme");
23
+ var _types = require("../../../../types/types");
24
+ var _getUrlOfImageAttachment = require("../../../../utils/getUrlOfImageAttachment");
25
+ var _openUrlSafely = require("../../../Attachment/utils/openUrlSafely");
26
+ var _useNotificationApi2 = require("../../../Notifications/hooks/useNotificationApi");
27
+ var _NotificationList = require("../../../Notifications/NotificationList");
28
+ var _NotificationTargetContext = require("../../../Notifications/NotificationTargetContext");
29
+ var _EmptyList = require("../../../UIComponents/EmptyList");
30
+ var _useMediaList = require("../../hooks/useMediaList");
31
+ var _jsxRuntime = require("react/jsx-runtime");
32
+ var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/navigation-section/MediaList.tsx";
33
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
34
+ var NUMBER_OF_COLUMNS = 3;
35
+ var GRID_GAP = _theme.primitives.spacingXxxs;
36
+ var keyExtractor = (item, index) => `${item.message.id}-${index}`;
37
+ var listStateSelector = state => ({
38
+ error: state.lastQueryError,
39
+ hasNext: state.hasNext,
40
+ loading: state.isLoading,
41
+ messages: state.items
42
+ });
43
+ var MediaListContent = ({
44
+ additionalFlatListProps
45
+ }) => {
46
+ var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
47
+ t = _useTranslationContex.t;
48
+ var _useTheme = (0, _ThemeContext.useTheme)(),
49
+ mediaList = _useTheme.theme.channelDetails.mediaList;
50
+ var styles = useStyles();
51
+ var _useWindowDimensions = (0, _reactNative.useWindowDimensions)(),
52
+ width = _useWindowDimensions.width;
53
+ var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
54
+ MediaItem = _useComponentsContext.MediaItem;
55
+ var _useNotificationApi = (0, _useNotificationApi2.useNotificationApi)(),
56
+ addNotification = _useNotificationApi.addNotification;
57
+ var _useChannelMediaListC = (0, _ChannelMediaListContext.useChannelMediaListContext)(),
58
+ channel = _useChannelMediaListC.channel,
59
+ searchSource = _useChannelMediaListC.searchSource;
60
+ var _useImageGalleryConte = (0, _ImageGalleryContext.useImageGalleryContext)(),
61
+ imageGalleryStateStore = _useImageGalleryConte.imageGalleryStateStore;
62
+ var _useOverlayContext = (0, _OverlayContext.useOverlayContext)(),
63
+ setOverlay = _useOverlayContext.setOverlay;
64
+ var _useStateStore = (0, _useStateStore2.useStateStore)(searchSource.state, listStateSelector),
65
+ error = _useStateStore.error,
66
+ hasNext = _useStateStore.hasNext,
67
+ loading = _useStateStore.loading,
68
+ messages = _useStateStore.messages;
69
+ var initialized = (0, _react.useRef)(false);
70
+ (0, _react.useEffect)(() => {
71
+ if (!initialized.current) {
72
+ initialized.current = true;
73
+ searchSource.search();
74
+ }
75
+ }, [searchSource]);
76
+ var _useState = (0, _react.useState)(undefined),
77
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
78
+ isEmpty = _useState2[0],
79
+ setIsEmpty = _useState2[1];
80
+ (0, _react.useEffect)(() => {
81
+ if (!messages || isEmpty !== undefined) {
82
+ return;
83
+ }
84
+ if (messages.length === 0) {
85
+ setIsEmpty(true);
86
+ } else {
87
+ setIsEmpty(false);
88
+ }
89
+ }, [isEmpty, messages]);
90
+ (0, _react.useEffect)(() => {
91
+ if (!error) {
92
+ return;
93
+ }
94
+ addNotification({
95
+ message: t('Failed to load media'),
96
+ options: {
97
+ ...(0, _useChannelActions.getNotificationErrorOptions)(error),
98
+ severity: 'error',
99
+ type: 'api:channel:query-media:failed'
100
+ },
101
+ origin: {
102
+ context: {
103
+ channel
104
+ },
105
+ emitter: 'ChannelMediaList'
106
+ }
107
+ });
108
+ }, [error, addNotification, channel, t]);
109
+ var tiles = (0, _useMediaList.useMediaList)(messages);
110
+ var tileSize = (0, _react.useMemo)(() => (width - GRID_GAP * (NUMBER_OF_COLUMNS - 1)) / NUMBER_OF_COLUMNS, [width]);
111
+ var handlePressItem = (0, _react.useCallback)(({
112
+ attachment,
113
+ requesterNode
114
+ }) => {
115
+ var url = (0, _getUrlOfImageAttachment.getUrlOfImageAttachment)(attachment);
116
+ if (!url) {
117
+ return;
118
+ }
119
+ if (attachment.type === _types.FileTypes.Video && !(0, _native.isVideoPlayerAvailable)()) {
120
+ (0, _openUrlSafely.openUrlSafely)(url);
121
+ return;
122
+ }
123
+ imageGalleryStateStore.openImageGallery({
124
+ messages: messages?.map(message => (0, _streamChat.formatMessage)(message)) ?? [],
125
+ requesterNode,
126
+ selectedAttachmentUrl: url
127
+ });
128
+ setOverlay('gallery');
129
+ }, [imageGalleryStateStore, messages, setOverlay]);
130
+ var renderItem = (0, _react.useCallback)(({
131
+ item
132
+ }) => (0, _jsxRuntime.jsx)(MediaItem, {
133
+ attachment: item.attachment,
134
+ message: item.message,
135
+ onPress: handlePressItem,
136
+ size: tileSize
137
+ }), [handlePressItem, tileSize, MediaItem]);
138
+ var loadMore = (0, _react.useCallback)(() => {
139
+ if (hasNext && !!messages) {
140
+ searchSource.search();
141
+ }
142
+ }, [hasNext, messages, searchSource]);
143
+ var emptyState = loading || isEmpty === undefined ? (0, _jsxRuntime.jsx)(_MediaListLoadingSkeleton.MediaListLoadingSkeleton, {}) : (0, _jsxRuntime.jsx)(_EmptyList.EmptyList, {
144
+ icon: _image.Picture,
145
+ subtitle: t('Share a photo or video to see it here'),
146
+ title: t('No photos or videos')
147
+ });
148
+ var loadingMoreIndicator = (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
149
+ children: loading && tiles.length > 0 && (0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {})
150
+ });
151
+ return (0, _jsxRuntime.jsxs)(_reactNative.View, {
152
+ style: [styles.container, mediaList.container],
153
+ children: [(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
154
+ columnWrapperStyle: tiles.length > 0 ? styles.columnWrapper : undefined,
155
+ contentContainerStyle: [styles.listContent, mediaList.listContent],
156
+ data: tiles,
157
+ keyExtractor: keyExtractor,
158
+ ListEmptyComponent: emptyState,
159
+ ListFooterComponent: loadingMoreIndicator,
160
+ numColumns: NUMBER_OF_COLUMNS,
161
+ onEndReached: loadMore,
162
+ onEndReachedThreshold: 0.2,
163
+ renderItem: renderItem,
164
+ style: [styles.list, mediaList.list],
165
+ testID: "media-list",
166
+ ...additionalFlatListProps
167
+ }), (0, _jsxRuntime.jsx)(_NotificationList.NotificationList, {})]
168
+ });
169
+ };
170
+ var MediaList = props => {
171
+ var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
172
+ channel = _useChannelDetailsCon.channel;
173
+ var notificationHostId = channel?.cid ? `media-list:${channel.cid}` : undefined;
174
+ if (!notificationHostId) {
175
+ return null;
176
+ }
177
+ return (0, _jsxRuntime.jsx)(_ChannelMediaListContext.ChannelMediaListProvider, {
178
+ channel: channel,
179
+ children: (0, _jsxRuntime.jsx)(_NotificationTargetContext.NotificationTargetProvider, {
180
+ hostId: notificationHostId,
181
+ panel: "channel-details",
182
+ children: (0, _jsxRuntime.jsx)(MediaListContent, {
183
+ ...props
184
+ })
185
+ })
186
+ });
187
+ };
188
+ exports.MediaList = MediaList;
189
+ var useStyles = () => {
190
+ return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
191
+ columnWrapper: {
192
+ gap: GRID_GAP
193
+ },
194
+ container: {
195
+ flex: 1
196
+ },
197
+ list: {
198
+ flex: 1
199
+ },
200
+ listContent: {
201
+ flexGrow: 1,
202
+ gap: GRID_GAP
203
+ }
204
+ }), []);
205
+ };
206
+ //# sourceMappingURL=MediaList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_streamChat","_MediaListLoadingSkeleton","_channelDetailsContext","_ChannelMediaListContext","_ComponentsContext","_ImageGalleryContext","_OverlayContext","_ThemeContext","_TranslationContext","_useChannelActions","_useStateStore2","_image","_native","_theme","_types","_getUrlOfImageAttachment","_openUrlSafely","_useNotificationApi2","_NotificationList","_NotificationTargetContext","_EmptyList","_useMediaList","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NUMBER_OF_COLUMNS","GRID_GAP","primitives","spacingXxxs","keyExtractor","item","index","message","id","listStateSelector","state","error","lastQueryError","hasNext","loading","isLoading","messages","items","MediaListContent","additionalFlatListProps","_useTranslationContex","useTranslationContext","_useTheme","useTheme","mediaList","theme","channelDetails","styles","useStyles","_useWindowDimensions","useWindowDimensions","width","_useComponentsContext","useComponentsContext","MediaItem","_useNotificationApi","useNotificationApi","addNotification","_useChannelMediaListC","useChannelMediaListContext","channel","searchSource","_useImageGalleryConte","useImageGalleryContext","imageGalleryStateStore","_useOverlayContext","useOverlayContext","setOverlay","_useStateStore","useStateStore","initialized","useRef","useEffect","current","search","_useState","useState","undefined","_useState2","_slicedToArray2","isEmpty","setIsEmpty","length","options","getNotificationErrorOptions","severity","type","origin","context","emitter","tiles","useMediaList","tileSize","useMemo","handlePressItem","useCallback","attachment","requesterNode","url","getUrlOfImageAttachment","FileTypes","Video","isVideoPlayerAvailable","openUrlSafely","openImageGallery","map","formatMessage","selectedAttachmentUrl","renderItem","jsx","onPress","size","loadMore","emptyState","MediaListLoadingSkeleton","EmptyList","icon","Picture","subtitle","title","loadingMoreIndicator","Fragment","children","ActivityIndicator","jsxs","View","style","container","FlatList","columnWrapperStyle","columnWrapper","contentContainerStyle","listContent","data","ListEmptyComponent","ListFooterComponent","numColumns","onEndReached","onEndReachedThreshold","list","testID","NotificationList","MediaList","props","_useChannelDetailsCon","useChannelDetailsContext","notificationHostId","cid","ChannelMediaListProvider","NotificationTargetProvider","hostId","panel","exports","StyleSheet","create","gap","flex","flexGrow"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/navigation-section/MediaList.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,63 @@
1
+ Object.defineProperty(exports, "__esModule", {
2
+ value: true
3
+ });
4
+ exports.MediaListLoadingSkeleton = void 0;
5
+ var _react = _interopRequireWildcard(require("react"));
6
+ var _reactNative = require("react-native");
7
+ var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
8
+ var _theme = require("../../../../theme");
9
+ var _NativeShimmerView = require("../../../UIComponents/NativeShimmerView");
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+ var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.tsx";
12
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
13
+ var NUMBER_OF_COLUMNS = 3;
14
+ var NUMBER_OF_ROWS = 6;
15
+ var GRID_GAP = _theme.primitives.spacingXxxs;
16
+ var ANIMATION_TIME = 1000;
17
+ var MediaListLoadingSkeleton = () => {
18
+ var _useTheme = (0, _ThemeContext.useTheme)(),
19
+ semantics = _useTheme.theme.semantics;
20
+ var _useWindowDimensions = (0, _reactNative.useWindowDimensions)(),
21
+ width = _useWindowDimensions.width;
22
+ var styles = useStyles();
23
+ var tileSize = (width - GRID_GAP * (NUMBER_OF_COLUMNS - 1)) / NUMBER_OF_COLUMNS;
24
+ return (0, _jsxRuntime.jsx)(_reactNative.View, {
25
+ style: styles.container,
26
+ testID: "media-list-loading-skeleton",
27
+ children: Array.from({
28
+ length: NUMBER_OF_ROWS
29
+ }).map((_, rowIndex) => (0, _jsxRuntime.jsx)(_reactNative.View, {
30
+ style: styles.row,
31
+ children: Array.from({
32
+ length: NUMBER_OF_COLUMNS
33
+ }).map((__, columnIndex) => (0, _jsxRuntime.jsx)(_reactNative.View, {
34
+ style: [styles.tile, {
35
+ height: tileSize,
36
+ width: tileSize
37
+ }],
38
+ children: (0, _jsxRuntime.jsx)(_NativeShimmerView.NativeShimmerView, {
39
+ baseColor: semantics.backgroundCoreSurfaceDefault,
40
+ duration: ANIMATION_TIME,
41
+ gradientColor: semantics.skeletonLoadingHighlight,
42
+ style: _reactNative.StyleSheet.absoluteFill
43
+ })
44
+ }, columnIndex))
45
+ }, rowIndex))
46
+ });
47
+ };
48
+ exports.MediaListLoadingSkeleton = MediaListLoadingSkeleton;
49
+ MediaListLoadingSkeleton.displayName = 'MediaListLoadingSkeleton';
50
+ var useStyles = () => (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
51
+ container: {
52
+ gap: GRID_GAP
53
+ },
54
+ row: {
55
+ flexDirection: 'row',
56
+ gap: GRID_GAP
57
+ },
58
+ tile: {
59
+ borderRadius: _theme.primitives.radiusXxs,
60
+ overflow: 'hidden'
61
+ }
62
+ }), []);
63
+ //# sourceMappingURL=MediaListLoadingSkeleton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeContext","_theme","_NativeShimmerView","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NUMBER_OF_COLUMNS","NUMBER_OF_ROWS","GRID_GAP","primitives","spacingXxxs","ANIMATION_TIME","MediaListLoadingSkeleton","_useTheme","useTheme","semantics","theme","_useWindowDimensions","useWindowDimensions","width","styles","useStyles","tileSize","jsx","View","style","container","testID","children","Array","from","length","map","_","rowIndex","row","__","columnIndex","tile","height","NativeShimmerView","baseColor","backgroundCoreSurfaceDefault","duration","gradientColor","skeletonLoadingHighlight","StyleSheet","absoluteFill","exports","displayName","useMemo","create","gap","flexDirection","borderRadius","radiusXxs","overflow"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,84 @@
1
+ Object.defineProperty(exports, "__esModule", {
2
+ value: true
3
+ });
4
+ exports.PinnedMessageItem = void 0;
5
+ var _react = _interopRequireWildcard(require("react"));
6
+ var _reactNative = require("react-native");
7
+ var _contexts = require("../../../../contexts");
8
+ var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
9
+ var _theme = require("../../../../theme");
10
+ var _UserAvatar = require("../../../ui/Avatar/UserAvatar");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/navigation-section/PinnedMessageItem.tsx";
13
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
14
+ var PinnedMessageItem = props => {
15
+ var channel = props.channel,
16
+ message = props.message,
17
+ formatMessageDate = props.formatMessageDate;
18
+ var _useTheme = (0, _ThemeContext.useTheme)(),
19
+ _useTheme$theme = _useTheme.theme,
20
+ pinnedMessageItem = _useTheme$theme.channelDetails.pinnedMessageItem,
21
+ semantics = _useTheme$theme.semantics;
22
+ var _useComponentsContext = (0, _contexts.useComponentsContext)(),
23
+ ChannelPreviewLastMessage = _useComponentsContext.ChannelPreviewLastMessage,
24
+ ChannelPreviewStatus = _useComponentsContext.ChannelPreviewStatus;
25
+ var styles = useStyles();
26
+ var senderName = message.user?.name || message.user?.id || '';
27
+ return (0, _jsxRuntime.jsxs)(_reactNative.View, {
28
+ style: [styles.container, pinnedMessageItem.container],
29
+ testID: `pinned-message-item-${message.id}`,
30
+ children: [message.user ? (0, _jsxRuntime.jsx)(_UserAvatar.UserAvatar, {
31
+ size: "lg",
32
+ user: message.user
33
+ }) : null, (0, _jsxRuntime.jsxs)(_reactNative.View, {
34
+ style: [styles.content, pinnedMessageItem.content],
35
+ children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
36
+ style: [styles.title, pinnedMessageItem.title],
37
+ children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
38
+ ellipsizeMode: "tail",
39
+ numberOfLines: 1,
40
+ style: [styles.name, {
41
+ color: semantics.textPrimary
42
+ }, pinnedMessageItem.name],
43
+ children: senderName
44
+ }), (0, _jsxRuntime.jsx)(ChannelPreviewStatus, {
45
+ channel: channel,
46
+ lastMessage: message,
47
+ formatLatestMessageDate: formatMessageDate
48
+ })]
49
+ }), (0, _jsxRuntime.jsx)(ChannelPreviewLastMessage, {
50
+ message: message
51
+ })]
52
+ })]
53
+ });
54
+ };
55
+ exports.PinnedMessageItem = PinnedMessageItem;
56
+ PinnedMessageItem.displayName = 'PinnedMessageItem{pinnedMessageItem}';
57
+ var useStyles = () => {
58
+ return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
59
+ container: {
60
+ alignItems: 'center',
61
+ flexDirection: 'row',
62
+ gap: _theme.primitives.spacingSm,
63
+ paddingHorizontal: _theme.primitives.spacingSm,
64
+ paddingVertical: _theme.primitives.spacingMd
65
+ },
66
+ content: {
67
+ flex: 1,
68
+ gap: _theme.primitives.spacingXxxs
69
+ },
70
+ name: {
71
+ flex: 1,
72
+ fontSize: _theme.primitives.typographyFontSizeMd,
73
+ fontWeight: _theme.primitives.typographyFontWeightRegular,
74
+ lineHeight: _theme.primitives.typographyLineHeightNormal,
75
+ writingDirection: _reactNative.I18nManager.isRTL ? 'rtl' : 'ltr'
76
+ },
77
+ title: {
78
+ alignItems: 'center',
79
+ flexDirection: 'row',
80
+ gap: _theme.primitives.spacingXxs
81
+ }
82
+ }), []);
83
+ };
84
+ //# sourceMappingURL=PinnedMessageItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_contexts","_ThemeContext","_theme","_UserAvatar","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PinnedMessageItem","props","channel","message","formatMessageDate","_useTheme","useTheme","_useTheme$theme","theme","pinnedMessageItem","channelDetails","semantics","_useComponentsContext","useComponentsContext","ChannelPreviewLastMessage","ChannelPreviewStatus","styles","useStyles","senderName","user","name","id","jsxs","View","style","container","testID","children","jsx","UserAvatar","size","content","title","Text","ellipsizeMode","numberOfLines","color","textPrimary","lastMessage","formatLatestMessageDate","exports","displayName","useMemo","StyleSheet","create","alignItems","flexDirection","gap","primitives","spacingSm","paddingHorizontal","paddingVertical","spacingMd","flex","spacingXxxs","fontSize","typographyFontSizeMd","fontWeight","typographyFontWeightRegular","lineHeight","typographyLineHeightNormal","writingDirection","I18nManager","isRTL","spacingXxs"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/navigation-section/PinnedMessageItem.tsx"],"mappings":"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","ignoreList":[]}