@sendbird/uikit-react-native 2.5.0 → 3.0.0-rc.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 (326) hide show
  1. package/README.md +6 -1
  2. package/lib/commonjs/components/{MessageRenderer/MessageTime.js → ChannelInput/AttachmentsButton.js} +20 -17
  3. package/lib/commonjs/components/ChannelInput/AttachmentsButton.js.map +1 -0
  4. package/lib/commonjs/components/ChannelInput/EditInput.js +10 -18
  5. package/lib/commonjs/components/ChannelInput/EditInput.js.map +1 -1
  6. package/lib/commonjs/components/ChannelInput/SendInput.js +220 -163
  7. package/lib/commonjs/components/ChannelInput/SendInput.js.map +1 -1
  8. package/lib/commonjs/components/ChannelInput/index.js +5 -3
  9. package/lib/commonjs/components/ChannelInput/index.js.map +1 -1
  10. package/lib/commonjs/components/ChannelMessageList/index.js +27 -27
  11. package/lib/commonjs/components/ChannelMessageList/index.js.map +1 -1
  12. package/lib/commonjs/components/ChatFlatList/FlatListInternal.js +33 -0
  13. package/lib/commonjs/components/ChatFlatList/FlatListInternal.js.map +1 -0
  14. package/lib/commonjs/components/{ChatFlatList.js → ChatFlatList/index.js} +5 -7
  15. package/lib/commonjs/components/ChatFlatList/index.js.map +1 -0
  16. package/lib/commonjs/components/{MessageRenderer/MessageDateSeparator.js → GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js} +3 -3
  17. package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js.map +1 -0
  18. package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js +47 -0
  19. package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map +1 -0
  20. package/lib/commonjs/components/{MessageRenderer/MessageOutgoingStatus.js → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js} +11 -14
  21. package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js.map +1 -0
  22. package/lib/commonjs/components/GroupChannelMessageRenderer/index.js +204 -0
  23. package/lib/commonjs/components/GroupChannelMessageRenderer/index.js.map +1 -0
  24. package/lib/commonjs/components/MessageSearchResultItem.js +3 -2
  25. package/lib/commonjs/components/MessageSearchResultItem.js.map +1 -1
  26. package/lib/commonjs/components/OpenChannelMessageRenderer/index.js +15 -9
  27. package/lib/commonjs/components/OpenChannelMessageRenderer/index.js.map +1 -1
  28. package/lib/commonjs/constants.js +1 -7
  29. package/lib/commonjs/constants.js.map +1 -1
  30. package/lib/commonjs/containers/GroupChannelPreviewContainer.js +13 -13
  31. package/lib/commonjs/containers/GroupChannelPreviewContainer.js.map +1 -1
  32. package/lib/commonjs/containers/SendbirdUIKitContainer.js +29 -19
  33. package/lib/commonjs/containers/SendbirdUIKitContainer.js.map +1 -1
  34. package/lib/commonjs/contexts/SendbirdChatCtx.js +17 -14
  35. package/lib/commonjs/contexts/SendbirdChatCtx.js.map +1 -1
  36. package/lib/commonjs/contexts/UserProfileCtx.js +6 -4
  37. package/lib/commonjs/contexts/UserProfileCtx.js.map +1 -1
  38. package/lib/commonjs/domain/groupChannel/component/GroupChannelInput.js +4 -13
  39. package/lib/commonjs/domain/groupChannel/component/GroupChannelInput.js.map +1 -1
  40. package/lib/commonjs/domain/groupChannel/types.js.map +1 -1
  41. package/lib/commonjs/domain/groupChannelList/component/GroupChannelListList.js +10 -6
  42. package/lib/commonjs/domain/groupChannelList/component/GroupChannelListList.js.map +1 -1
  43. package/lib/commonjs/domain/groupChannelList/component/GroupChannelListTypeSelector.js +3 -3
  44. package/lib/commonjs/domain/groupChannelList/component/GroupChannelListTypeSelector.js.map +1 -1
  45. package/lib/commonjs/domain/groupChannelList/types.js.map +1 -1
  46. package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js +11 -10
  47. package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js.map +1 -1
  48. package/lib/commonjs/domain/openChannel/component/OpenChannelInput.js +4 -8
  49. package/lib/commonjs/domain/openChannel/component/OpenChannelInput.js.map +1 -1
  50. package/lib/commonjs/domain/openChannel/types.js.map +1 -1
  51. package/lib/commonjs/domain/openChannelList/component/OpenChannelListList.js +3 -1
  52. package/lib/commonjs/domain/openChannelList/component/OpenChannelListList.js.map +1 -1
  53. package/lib/commonjs/domain/openChannelList/types.js.map +1 -1
  54. package/lib/commonjs/fragments/createGroupChannelCreateFragment.js +1 -1
  55. package/lib/commonjs/fragments/createGroupChannelCreateFragment.js.map +1 -1
  56. package/lib/commonjs/fragments/createGroupChannelFragment.js +22 -100
  57. package/lib/commonjs/fragments/createGroupChannelFragment.js.map +1 -1
  58. package/lib/commonjs/fragments/createGroupChannelInviteFragment.js +1 -1
  59. package/lib/commonjs/fragments/createGroupChannelInviteFragment.js.map +1 -1
  60. package/lib/commonjs/fragments/createGroupChannelListFragment.js +8 -13
  61. package/lib/commonjs/fragments/createGroupChannelListFragment.js.map +1 -1
  62. package/lib/commonjs/fragments/createMessageSearchFragment.js +2 -2
  63. package/lib/commonjs/fragments/createMessageSearchFragment.js.map +1 -1
  64. package/lib/commonjs/fragments/createOpenChannelFragment.js +1 -7
  65. package/lib/commonjs/fragments/createOpenChannelFragment.js.map +1 -1
  66. package/lib/commonjs/fragments/createOpenChannelListFragment.js +2 -1
  67. package/lib/commonjs/fragments/createOpenChannelListFragment.js.map +1 -1
  68. package/lib/commonjs/hooks/useConnection.js +11 -7
  69. package/lib/commonjs/hooks/useConnection.js.map +1 -1
  70. package/lib/commonjs/hooks/useMentionTextInput.js +3 -2
  71. package/lib/commonjs/hooks/useMentionTextInput.js.map +1 -1
  72. package/lib/commonjs/index.js +20 -4
  73. package/lib/commonjs/index.js.map +1 -1
  74. package/lib/commonjs/libs/MentionManager.js +8 -9
  75. package/lib/commonjs/libs/MentionManager.js.map +1 -1
  76. package/lib/commonjs/libs/SBUUtils.js +7 -3
  77. package/lib/commonjs/libs/SBUUtils.js.map +1 -1
  78. package/lib/commonjs/localization/StringSet.type.js.map +1 -1
  79. package/lib/commonjs/localization/createBaseStringSet.js +20 -62
  80. package/lib/commonjs/localization/createBaseStringSet.js.map +1 -1
  81. package/lib/commonjs/version.js +1 -1
  82. package/lib/commonjs/version.js.map +1 -1
  83. package/lib/module/components/ChannelInput/AttachmentsButton.js +29 -0
  84. package/lib/module/components/ChannelInput/AttachmentsButton.js.map +1 -0
  85. package/lib/module/components/ChannelInput/EditInput.js +10 -18
  86. package/lib/module/components/ChannelInput/EditInput.js.map +1 -1
  87. package/lib/module/components/ChannelInput/SendInput.js +221 -164
  88. package/lib/module/components/ChannelInput/SendInput.js.map +1 -1
  89. package/lib/module/components/ChannelInput/index.js +5 -3
  90. package/lib/module/components/ChannelInput/index.js.map +1 -1
  91. package/lib/module/components/ChannelMessageList/index.js +28 -28
  92. package/lib/module/components/ChannelMessageList/index.js.map +1 -1
  93. package/lib/module/components/ChatFlatList/FlatListInternal.js +26 -0
  94. package/lib/module/components/ChatFlatList/FlatListInternal.js.map +1 -0
  95. package/lib/module/components/{ChatFlatList.js → ChatFlatList/index.js} +4 -7
  96. package/lib/module/components/ChatFlatList/index.js.map +1 -0
  97. package/lib/module/components/{MessageRenderer/MessageDateSeparator.js → GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js} +3 -3
  98. package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js.map +1 -0
  99. package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js +38 -0
  100. package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map +1 -0
  101. package/lib/module/components/{MessageRenderer/MessageOutgoingStatus.js → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js} +12 -15
  102. package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js.map +1 -0
  103. package/lib/module/components/GroupChannelMessageRenderer/index.js +196 -0
  104. package/lib/module/components/GroupChannelMessageRenderer/index.js.map +1 -0
  105. package/lib/module/components/MessageSearchResultItem.js +2 -1
  106. package/lib/module/components/MessageSearchResultItem.js.map +1 -1
  107. package/lib/module/components/OpenChannelMessageRenderer/index.js +16 -10
  108. package/lib/module/components/OpenChannelMessageRenderer/index.js.map +1 -1
  109. package/lib/module/constants.js +0 -5
  110. package/lib/module/constants.js.map +1 -1
  111. package/lib/module/containers/GroupChannelPreviewContainer.js +13 -13
  112. package/lib/module/containers/GroupChannelPreviewContainer.js.map +1 -1
  113. package/lib/module/containers/SendbirdUIKitContainer.js +29 -19
  114. package/lib/module/containers/SendbirdUIKitContainer.js.map +1 -1
  115. package/lib/module/contexts/SendbirdChatCtx.js +17 -14
  116. package/lib/module/contexts/SendbirdChatCtx.js.map +1 -1
  117. package/lib/module/contexts/UserProfileCtx.js +6 -4
  118. package/lib/module/contexts/UserProfileCtx.js.map +1 -1
  119. package/lib/module/domain/groupChannel/component/GroupChannelInput.js +4 -13
  120. package/lib/module/domain/groupChannel/component/GroupChannelInput.js.map +1 -1
  121. package/lib/module/domain/groupChannel/types.js.map +1 -1
  122. package/lib/module/domain/groupChannelList/component/GroupChannelListList.js +9 -4
  123. package/lib/module/domain/groupChannelList/component/GroupChannelListList.js.map +1 -1
  124. package/lib/module/domain/groupChannelList/component/GroupChannelListTypeSelector.js +3 -3
  125. package/lib/module/domain/groupChannelList/component/GroupChannelListTypeSelector.js.map +1 -1
  126. package/lib/module/domain/groupChannelList/types.js.map +1 -1
  127. package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js +11 -10
  128. package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js.map +1 -1
  129. package/lib/module/domain/openChannel/component/OpenChannelInput.js +4 -8
  130. package/lib/module/domain/openChannel/component/OpenChannelInput.js.map +1 -1
  131. package/lib/module/domain/openChannel/types.js.map +1 -1
  132. package/lib/module/domain/openChannelList/component/OpenChannelListList.js +3 -1
  133. package/lib/module/domain/openChannelList/component/OpenChannelListList.js.map +1 -1
  134. package/lib/module/domain/openChannelList/types.js.map +1 -1
  135. package/lib/module/fragments/createGroupChannelCreateFragment.js +1 -1
  136. package/lib/module/fragments/createGroupChannelCreateFragment.js.map +1 -1
  137. package/lib/module/fragments/createGroupChannelFragment.js +24 -102
  138. package/lib/module/fragments/createGroupChannelFragment.js.map +1 -1
  139. package/lib/module/fragments/createGroupChannelInviteFragment.js +1 -1
  140. package/lib/module/fragments/createGroupChannelInviteFragment.js.map +1 -1
  141. package/lib/module/fragments/createGroupChannelListFragment.js +8 -13
  142. package/lib/module/fragments/createGroupChannelListFragment.js.map +1 -1
  143. package/lib/module/fragments/createMessageSearchFragment.js +1 -1
  144. package/lib/module/fragments/createMessageSearchFragment.js.map +1 -1
  145. package/lib/module/fragments/createOpenChannelFragment.js +2 -8
  146. package/lib/module/fragments/createOpenChannelFragment.js.map +1 -1
  147. package/lib/module/fragments/createOpenChannelListFragment.js +2 -1
  148. package/lib/module/fragments/createOpenChannelListFragment.js.map +1 -1
  149. package/lib/module/hooks/useConnection.js +11 -7
  150. package/lib/module/hooks/useConnection.js.map +1 -1
  151. package/lib/module/hooks/useMentionTextInput.js +3 -2
  152. package/lib/module/hooks/useMentionTextInput.js.map +1 -1
  153. package/lib/module/index.js +5 -2
  154. package/lib/module/index.js.map +1 -1
  155. package/lib/module/libs/MentionManager.js +8 -9
  156. package/lib/module/libs/MentionManager.js.map +1 -1
  157. package/lib/module/libs/SBUUtils.js +7 -3
  158. package/lib/module/libs/SBUUtils.js.map +1 -1
  159. package/lib/module/localization/StringSet.type.js.map +1 -1
  160. package/lib/module/localization/createBaseStringSet.js +20 -62
  161. package/lib/module/localization/createBaseStringSet.js.map +1 -1
  162. package/lib/module/version.js +1 -1
  163. package/lib/module/version.js.map +1 -1
  164. package/lib/typescript/src/components/ChannelInput/AttachmentsButton.d.ts +6 -0
  165. package/lib/typescript/src/components/ChannelInput/index.d.ts +2 -14
  166. package/lib/typescript/src/components/ChannelMessageList/index.d.ts +2 -4
  167. package/lib/typescript/src/components/ChatFlatList/FlatListInternal.d.ts +20 -0
  168. package/lib/typescript/src/components/{ChatFlatList.d.ts → ChatFlatList/index.d.ts} +1 -5
  169. package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.d.ts +6 -0
  170. package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.d.ts +5 -0
  171. package/lib/typescript/src/components/{MessageRenderer/MessageOutgoingStatus.d.ts → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.d.ts} +3 -1
  172. package/lib/typescript/src/components/{MessageRenderer → GroupChannelMessageRenderer}/index.d.ts +2 -13
  173. package/lib/typescript/src/components/MessageSearchResultItem.d.ts +2 -1
  174. package/lib/typescript/src/components/OpenChannelMessageRenderer/index.d.ts +1 -1
  175. package/lib/typescript/src/constants.d.ts +0 -5
  176. package/lib/typescript/src/containers/SendbirdUIKitContainer.d.ts +16 -11
  177. package/lib/typescript/src/contexts/SendbirdChatCtx.d.ts +33 -19
  178. package/lib/typescript/src/domain/groupChannel/component/GroupChannelInput.d.ts +1 -1
  179. package/lib/typescript/src/domain/groupChannel/component/GroupChannelMessageList.d.ts +1 -4
  180. package/lib/typescript/src/domain/groupChannel/types.d.ts +2 -9
  181. package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListList.d.ts +1 -1
  182. package/lib/typescript/src/domain/groupChannelList/types.d.ts +8 -23
  183. package/lib/typescript/src/domain/openChannel/component/OpenChannelHeader.d.ts +1 -1
  184. package/lib/typescript/src/domain/openChannel/component/OpenChannelInput.d.ts +1 -1
  185. package/lib/typescript/src/domain/openChannel/component/OpenChannelMessageList.d.ts +1 -1
  186. package/lib/typescript/src/domain/openChannel/types.d.ts +2 -2
  187. package/lib/typescript/src/domain/openChannelList/component/OpenChannelListList.d.ts +1 -1
  188. package/lib/typescript/src/domain/openChannelList/types.d.ts +3 -12
  189. package/lib/typescript/src/index.d.ts +4 -1
  190. package/lib/typescript/src/libs/MentionManager.d.ts +4 -5
  191. package/lib/typescript/src/libs/SBUUtils.d.ts +1 -1
  192. package/lib/typescript/src/localization/StringSet.type.d.ts +2 -43
  193. package/lib/typescript/src/version.d.ts +1 -1
  194. package/package.json +14 -10
  195. package/src/components/ChannelInput/AttachmentsButton.tsx +32 -0
  196. package/src/components/ChannelInput/EditInput.tsx +17 -18
  197. package/src/components/ChannelInput/SendInput.tsx +237 -181
  198. package/src/components/ChannelInput/index.tsx +8 -21
  199. package/src/components/ChannelMessageList/index.tsx +33 -41
  200. package/src/components/ChatFlatList/FlatListInternal.tsx +40 -0
  201. package/src/components/{ChatFlatList.tsx → ChatFlatList/index.tsx} +7 -12
  202. package/src/components/{MessageRenderer/MessageDateSeparator.tsx → GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.tsx} +7 -5
  203. package/src/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.tsx +29 -0
  204. package/src/components/{MessageRenderer/MessageOutgoingStatus.tsx → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.tsx} +15 -15
  205. package/src/components/GroupChannelMessageRenderer/index.tsx +203 -0
  206. package/src/components/MessageSearchResultItem.tsx +3 -1
  207. package/src/components/OpenChannelMessageRenderer/index.tsx +10 -5
  208. package/src/constants.ts +0 -5
  209. package/src/containers/GroupChannelPreviewContainer.tsx +14 -13
  210. package/src/containers/SendbirdUIKitContainer.tsx +98 -90
  211. package/src/contexts/SendbirdChatCtx.tsx +49 -36
  212. package/src/contexts/UserProfileCtx.tsx +10 -5
  213. package/src/domain/groupChannel/component/GroupChannelInput.tsx +1 -10
  214. package/src/domain/groupChannel/types.ts +1 -14
  215. package/src/domain/groupChannelList/component/GroupChannelListList.tsx +8 -4
  216. package/src/domain/groupChannelList/component/GroupChannelListTypeSelector.tsx +3 -3
  217. package/src/domain/groupChannelList/types.ts +8 -30
  218. package/src/domain/groupChannelSettings/component/GroupChannelSettingsMenu.tsx +22 -10
  219. package/src/domain/openChannel/component/OpenChannelInput.tsx +1 -5
  220. package/src/domain/openChannel/types.ts +1 -1
  221. package/src/domain/openChannelList/component/OpenChannelListList.tsx +2 -1
  222. package/src/domain/openChannelList/types.ts +6 -13
  223. package/src/fragments/createGroupChannelCreateFragment.tsx +1 -1
  224. package/src/fragments/createGroupChannelFragment.tsx +21 -97
  225. package/src/fragments/createGroupChannelInviteFragment.tsx +1 -1
  226. package/src/fragments/createGroupChannelListFragment.tsx +9 -15
  227. package/src/fragments/createMessageSearchFragment.tsx +1 -1
  228. package/src/fragments/createOpenChannelFragment.tsx +2 -3
  229. package/src/fragments/createOpenChannelListFragment.tsx +2 -1
  230. package/src/hooks/useConnection.ts +9 -7
  231. package/src/hooks/useMentionTextInput.ts +7 -2
  232. package/src/index.ts +4 -2
  233. package/src/libs/MentionManager.tsx +8 -7
  234. package/src/libs/SBUUtils.ts +7 -3
  235. package/src/localization/StringSet.type.ts +2 -46
  236. package/src/localization/createBaseStringSet.ts +19 -71
  237. package/src/version.ts +1 -1
  238. package/lib/commonjs/components/ChatFlatList.js.map +0 -1
  239. package/lib/commonjs/components/MessageRenderer/AdminMessage/index.js +0 -46
  240. package/lib/commonjs/components/MessageRenderer/AdminMessage/index.js.map +0 -1
  241. package/lib/commonjs/components/MessageRenderer/FileMessage/BaseFileMessage.js +0 -73
  242. package/lib/commonjs/components/MessageRenderer/FileMessage/BaseFileMessage.js.map +0 -1
  243. package/lib/commonjs/components/MessageRenderer/FileMessage/ImageFileMessage.js +0 -93
  244. package/lib/commonjs/components/MessageRenderer/FileMessage/ImageFileMessage.js.map +0 -1
  245. package/lib/commonjs/components/MessageRenderer/FileMessage/VideoFileMessage.js +0 -132
  246. package/lib/commonjs/components/MessageRenderer/FileMessage/VideoFileMessage.js.map +0 -1
  247. package/lib/commonjs/components/MessageRenderer/FileMessage/index.js +0 -24
  248. package/lib/commonjs/components/MessageRenderer/FileMessage/index.js.map +0 -1
  249. package/lib/commonjs/components/MessageRenderer/MessageContainer.js +0 -27
  250. package/lib/commonjs/components/MessageRenderer/MessageContainer.js.map +0 -1
  251. package/lib/commonjs/components/MessageRenderer/MessageDateSeparator.js.map +0 -1
  252. package/lib/commonjs/components/MessageRenderer/MessageIncomingAvatar.js +0 -41
  253. package/lib/commonjs/components/MessageRenderer/MessageIncomingAvatar.js.map +0 -1
  254. package/lib/commonjs/components/MessageRenderer/MessageIncomingSenderName.js +0 -41
  255. package/lib/commonjs/components/MessageRenderer/MessageIncomingSenderName.js.map +0 -1
  256. package/lib/commonjs/components/MessageRenderer/MessageOutgoingStatus.js.map +0 -1
  257. package/lib/commonjs/components/MessageRenderer/MessageTime.js.map +0 -1
  258. package/lib/commonjs/components/MessageRenderer/UnknownMessage/index.js +0 -46
  259. package/lib/commonjs/components/MessageRenderer/UnknownMessage/index.js.map +0 -1
  260. package/lib/commonjs/components/MessageRenderer/UserMessage/BaseUserMessage.js +0 -113
  261. package/lib/commonjs/components/MessageRenderer/UserMessage/BaseUserMessage.js.map +0 -1
  262. package/lib/commonjs/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js +0 -200
  263. package/lib/commonjs/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js.map +0 -1
  264. package/lib/commonjs/components/MessageRenderer/UserMessage/index.js +0 -22
  265. package/lib/commonjs/components/MessageRenderer/UserMessage/index.js.map +0 -1
  266. package/lib/commonjs/components/MessageRenderer/index.js +0 -186
  267. package/lib/commonjs/components/MessageRenderer/index.js.map +0 -1
  268. package/lib/module/components/ChatFlatList.js.map +0 -1
  269. package/lib/module/components/MessageRenderer/AdminMessage/index.js +0 -38
  270. package/lib/module/components/MessageRenderer/AdminMessage/index.js.map +0 -1
  271. package/lib/module/components/MessageRenderer/FileMessage/BaseFileMessage.js +0 -65
  272. package/lib/module/components/MessageRenderer/FileMessage/BaseFileMessage.js.map +0 -1
  273. package/lib/module/components/MessageRenderer/FileMessage/ImageFileMessage.js +0 -84
  274. package/lib/module/components/MessageRenderer/FileMessage/ImageFileMessage.js.map +0 -1
  275. package/lib/module/components/MessageRenderer/FileMessage/VideoFileMessage.js +0 -123
  276. package/lib/module/components/MessageRenderer/FileMessage/VideoFileMessage.js.map +0 -1
  277. package/lib/module/components/MessageRenderer/FileMessage/index.js +0 -16
  278. package/lib/module/components/MessageRenderer/FileMessage/index.js.map +0 -1
  279. package/lib/module/components/MessageRenderer/MessageContainer.js +0 -19
  280. package/lib/module/components/MessageRenderer/MessageContainer.js.map +0 -1
  281. package/lib/module/components/MessageRenderer/MessageDateSeparator.js.map +0 -1
  282. package/lib/module/components/MessageRenderer/MessageIncomingAvatar.js +0 -33
  283. package/lib/module/components/MessageRenderer/MessageIncomingAvatar.js.map +0 -1
  284. package/lib/module/components/MessageRenderer/MessageIncomingSenderName.js +0 -33
  285. package/lib/module/components/MessageRenderer/MessageIncomingSenderName.js.map +0 -1
  286. package/lib/module/components/MessageRenderer/MessageOutgoingStatus.js.map +0 -1
  287. package/lib/module/components/MessageRenderer/MessageTime.js +0 -26
  288. package/lib/module/components/MessageRenderer/MessageTime.js.map +0 -1
  289. package/lib/module/components/MessageRenderer/UnknownMessage/index.js +0 -38
  290. package/lib/module/components/MessageRenderer/UnknownMessage/index.js.map +0 -1
  291. package/lib/module/components/MessageRenderer/UserMessage/BaseUserMessage.js +0 -105
  292. package/lib/module/components/MessageRenderer/UserMessage/BaseUserMessage.js.map +0 -1
  293. package/lib/module/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js +0 -190
  294. package/lib/module/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js.map +0 -1
  295. package/lib/module/components/MessageRenderer/UserMessage/index.js +0 -14
  296. package/lib/module/components/MessageRenderer/UserMessage/index.js.map +0 -1
  297. package/lib/module/components/MessageRenderer/index.js +0 -178
  298. package/lib/module/components/MessageRenderer/index.js.map +0 -1
  299. package/lib/typescript/src/components/MessageRenderer/AdminMessage/index.d.ts +0 -5
  300. package/lib/typescript/src/components/MessageRenderer/FileMessage/BaseFileMessage.d.ts +0 -6
  301. package/lib/typescript/src/components/MessageRenderer/FileMessage/ImageFileMessage.d.ts +0 -3
  302. package/lib/typescript/src/components/MessageRenderer/FileMessage/VideoFileMessage.d.ts +0 -3
  303. package/lib/typescript/src/components/MessageRenderer/FileMessage/index.d.ts +0 -15
  304. package/lib/typescript/src/components/MessageRenderer/MessageContainer.d.ts +0 -3
  305. package/lib/typescript/src/components/MessageRenderer/MessageDateSeparator.d.ts +0 -7
  306. package/lib/typescript/src/components/MessageRenderer/MessageIncomingAvatar.d.ts +0 -7
  307. package/lib/typescript/src/components/MessageRenderer/MessageIncomingSenderName.d.ts +0 -7
  308. package/lib/typescript/src/components/MessageRenderer/MessageTime.d.ts +0 -9
  309. package/lib/typescript/src/components/MessageRenderer/UnknownMessage/index.d.ts +0 -4
  310. package/lib/typescript/src/components/MessageRenderer/UserMessage/BaseUserMessage.d.ts +0 -3
  311. package/lib/typescript/src/components/MessageRenderer/UserMessage/OpenGraphUserMessage.d.ts +0 -7
  312. package/lib/typescript/src/components/MessageRenderer/UserMessage/index.d.ts +0 -9
  313. package/src/components/MessageRenderer/AdminMessage/index.tsx +0 -40
  314. package/src/components/MessageRenderer/FileMessage/BaseFileMessage.tsx +0 -51
  315. package/src/components/MessageRenderer/FileMessage/ImageFileMessage.tsx +0 -98
  316. package/src/components/MessageRenderer/FileMessage/VideoFileMessage.tsx +0 -113
  317. package/src/components/MessageRenderer/FileMessage/index.tsx +0 -20
  318. package/src/components/MessageRenderer/MessageContainer.tsx +0 -17
  319. package/src/components/MessageRenderer/MessageIncomingAvatar.tsx +0 -34
  320. package/src/components/MessageRenderer/MessageIncomingSenderName.tsx +0 -36
  321. package/src/components/MessageRenderer/MessageTime.tsx +0 -28
  322. package/src/components/MessageRenderer/UnknownMessage/index.tsx +0 -34
  323. package/src/components/MessageRenderer/UserMessage/BaseUserMessage.tsx +0 -102
  324. package/src/components/MessageRenderer/UserMessage/OpenGraphUserMessage.tsx +0 -188
  325. package/src/components/MessageRenderer/UserMessage/index.tsx +0 -24
  326. package/src/components/MessageRenderer/index.tsx +0 -198
@@ -1,190 +0,0 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React, { useState } from 'react';
3
- import { TouchableOpacity, View } from 'react-native';
4
- import { Icon, Image, RegexText, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
5
- import { conditionChaining, urlRegexRough } from '@sendbird/uikit-utils';
6
- import { useLocalization, useSendbirdChat, useUserProfile } from '../../../hooks/useContext';
7
- import SBUUtils from '../../../libs/SBUUtils';
8
- const OpenGraphUserMessage = _ref => {
9
- var _ogMetaData$defaultIm;
10
- let {
11
- message,
12
- variant,
13
- pressed,
14
- ogMetaData,
15
- children,
16
- onLongPressMentionedUser,
17
- onLongPressURL
18
- } = _ref;
19
- const {
20
- mentionManager,
21
- currentUser
22
- } = useSendbirdChat();
23
- const {
24
- STRINGS
25
- } = useLocalization();
26
- const {
27
- show
28
- } = useUserProfile();
29
- const {
30
- colors,
31
- select,
32
- palette
33
- } = useUIKitTheme();
34
- const [imageNotFound, setImageNotFound] = useState(false);
35
- const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];
36
- const containerBackground = select({
37
- dark: palette.background400,
38
- light: palette.background100
39
- });
40
- return /*#__PURE__*/React.createElement(View, {
41
- style: [styles.bubbleContainer, {
42
- backgroundColor: containerBackground
43
- }]
44
- }, /*#__PURE__*/React.createElement(View, {
45
- style: [styles.container, styles.bubbleContainer, {
46
- backgroundColor: color.background
47
- }]
48
- }, /*#__PURE__*/React.createElement(View, {
49
- style: styles.messageContainer
50
- }, /*#__PURE__*/React.createElement(Text, {
51
- body3: true,
52
- color: color.textMsg
53
- }, /*#__PURE__*/React.createElement(RegexText, {
54
- body3: true,
55
- color: color.textMsg,
56
- patterns: [{
57
- regex: mentionManager.templateRegex,
58
- replacer(_ref2) {
59
- var _message$mentionedUse;
60
- let {
61
- match,
62
- groups,
63
- parentProps,
64
- keyPrefix,
65
- index
66
- } = _ref2;
67
- const user = (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.find(it => it.userId === groups[2]);
68
- if (user) {
69
- const isCurrentUser = user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
70
- return /*#__PURE__*/React.createElement(Text, _extends({}, parentProps, {
71
- key: `${keyPrefix}-${index}`,
72
- onPress: () => show(user),
73
- onLongPress: onLongPressMentionedUser,
74
- style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, styles.mentionedText, isCurrentUser && {
75
- backgroundColor: palette.highlight
76
- }]
77
- }), `${mentionManager.asMentionedMessageText(user)}`);
78
- }
79
- return match;
80
- }
81
- }, {
82
- regex: urlRegexRough,
83
- replacer(_ref3) {
84
- let {
85
- match,
86
- parentProps,
87
- keyPrefix,
88
- index
89
- } = _ref3;
90
- return /*#__PURE__*/React.createElement(Text, _extends({}, parentProps, {
91
- key: `${keyPrefix}-${index}`,
92
- onPress: () => SBUUtils.openURL(match),
93
- onLongPress: onLongPressURL,
94
- style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, styles.urlText]
95
- }), match);
96
- }
97
- }]
98
- }, mentionManager.shouldUseMentionedMessageTemplate(message) ? message.mentionedMessageTemplate : message.message), Boolean(message.updatedAt) && /*#__PURE__*/React.createElement(Text, {
99
- body3: true,
100
- color: color.textEdited
101
- }, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX))), /*#__PURE__*/React.createElement(TouchableOpacity, {
102
- style: {
103
- backgroundColor: select({
104
- dark: palette.background500,
105
- light: palette.background200
106
- })
107
- },
108
- activeOpacity: 0.85,
109
- onPress: () => SBUUtils.openURL(ogMetaData.url)
110
- }, /*#__PURE__*/React.createElement(View, {
111
- style: [styles.ogImageContainer, {
112
- backgroundColor: select({
113
- dark: palette.background500,
114
- light: palette.background200
115
- })
116
- }]
117
- }, conditionChaining([imageNotFound], [/*#__PURE__*/React.createElement(Icon, {
118
- containerStyle: styles.ogImage,
119
- icon: 'thumbnail-none',
120
- size: 48,
121
- color: colors.onBackground02
122
- }), /*#__PURE__*/React.createElement(Image, {
123
- source: {
124
- uri: (_ogMetaData$defaultIm = ogMetaData.defaultImage) === null || _ogMetaData$defaultIm === void 0 ? void 0 : _ogMetaData$defaultIm.url
125
- },
126
- style: styles.ogImage,
127
- resizeMode: 'cover',
128
- onError: () => setImageNotFound(true)
129
- })])), /*#__PURE__*/React.createElement(View, {
130
- style: [styles.ogContainer, {
131
- backgroundColor: containerBackground
132
- }]
133
- }, /*#__PURE__*/React.createElement(Text, {
134
- numberOfLines: 3,
135
- body2: true,
136
- color: colors.onBackground01,
137
- style: styles.ogTitle
138
- }, ogMetaData.title), Boolean(ogMetaData.description) && /*#__PURE__*/React.createElement(Text, {
139
- numberOfLines: 1,
140
- caption2: true,
141
- color: colors.onBackground01,
142
- style: styles.ogDesc
143
- }, ogMetaData.description), /*#__PURE__*/React.createElement(Text, {
144
- numberOfLines: 1,
145
- caption2: true,
146
- color: colors.onBackground02
147
- }, ogMetaData.url)))), children);
148
- };
149
- const styles = createStyleSheet({
150
- bubbleContainer: {
151
- borderRadius: 16,
152
- overflow: 'hidden'
153
- },
154
- container: {
155
- width: 240,
156
- maxWidth: 240
157
- },
158
- messageContainer: {
159
- paddingVertical: 6,
160
- paddingHorizontal: 12
161
- },
162
- ogContainer: {
163
- paddingHorizontal: 12,
164
- paddingTop: 8,
165
- paddingBottom: 12
166
- },
167
- ogImageContainer: {
168
- flex: 1,
169
- height: 136
170
- },
171
- ogImage: {
172
- width: '100%',
173
- height: '100%'
174
- },
175
- ogTitle: {
176
- marginBottom: 4
177
- },
178
- ogDesc: {
179
- lineHeight: 14,
180
- marginBottom: 8
181
- },
182
- mentionedText: {
183
- fontWeight: 'bold'
184
- },
185
- urlText: {
186
- textDecorationLine: 'underline'
187
- }
188
- });
189
- export default OpenGraphUserMessage;
190
- //# sourceMappingURL=OpenGraphUserMessage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","useState","TouchableOpacity","View","Icon","Image","RegexText","Text","createStyleSheet","useUIKitTheme","conditionChaining","urlRegexRough","useLocalization","useSendbirdChat","useUserProfile","SBUUtils","OpenGraphUserMessage","_ref","_ogMetaData$defaultIm","message","variant","pressed","ogMetaData","children","onLongPressMentionedUser","onLongPressURL","mentionManager","currentUser","STRINGS","show","colors","select","palette","imageNotFound","setImageNotFound","color","ui","groupChannelMessage","containerBackground","dark","background400","light","background100","createElement","style","styles","bubbleContainer","backgroundColor","container","background","messageContainer","body3","textMsg","patterns","regex","templateRegex","replacer","_ref2","_message$mentionedUse","match","groups","parentProps","keyPrefix","index","user","mentionedUsers","find","it","userId","isCurrentUser","_extends","key","onPress","onLongPress","mentionedText","highlight","asMentionedMessageText","_ref3","openURL","urlText","shouldUseMentionedMessageTemplate","mentionedMessageTemplate","Boolean","updatedAt","textEdited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","background500","background200","activeOpacity","url","ogImageContainer","containerStyle","ogImage","icon","size","onBackground02","source","uri","defaultImage","resizeMode","onError","ogContainer","numberOfLines","body2","onBackground01","ogTitle","title","description","caption2","ogDesc","borderRadius","overflow","width","maxWidth","paddingVertical","paddingHorizontal","paddingTop","paddingBottom","flex","height","marginBottom","lineHeight","fontWeight","textDecorationLine"],"sources":["OpenGraphUserMessage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport type { OGMetaData } from '@sendbird/chat/message';\nimport { Icon, Image, RegexText, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining, urlRegexRough } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { UserMessageProps } from './index';\n\ntype Props = UserMessageProps & {\n ogMetaData: OGMetaData;\n};\n\nconst OpenGraphUserMessage = ({\n message,\n variant,\n pressed,\n ogMetaData,\n children,\n onLongPressMentionedUser,\n onLongPressURL,\n}: Props) => {\n const { mentionManager, currentUser } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { show } = useUserProfile();\n const { colors, select, palette } = useUIKitTheme();\n\n const [imageNotFound, setImageNotFound] = useState(false);\n const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];\n\n const containerBackground = select({ dark: palette.background400, light: palette.background100 });\n\n return (\n <View style={[styles.bubbleContainer, { backgroundColor: containerBackground }]}>\n <View style={[styles.container, styles.bubbleContainer, { backgroundColor: color.background }]}>\n <View style={styles.messageContainer}>\n <Text body3 color={color.textMsg}>\n <RegexText\n body3\n color={color.textMsg}\n patterns={[\n {\n regex: mentionManager.templateRegex,\n replacer({ match, groups, parentProps, keyPrefix, index }) {\n const user = message.mentionedUsers?.find((it) => it.userId === groups[2]);\n if (user) {\n const isCurrentUser = user.userId === currentUser?.userId;\n return (\n <Text\n {...parentProps}\n key={`${keyPrefix}-${index}`}\n onPress={() => show(user)}\n onLongPress={onLongPressMentionedUser}\n style={[\n parentProps?.style,\n styles.mentionedText,\n isCurrentUser && { backgroundColor: palette.highlight },\n ]}\n >\n {`${mentionManager.asMentionedMessageText(user)}`}\n </Text>\n );\n }\n return match;\n },\n },\n {\n regex: urlRegexRough,\n replacer({ match, parentProps, keyPrefix, index }) {\n return (\n <Text\n {...parentProps}\n key={`${keyPrefix}-${index}`}\n onPress={() => SBUUtils.openURL(match)}\n onLongPress={onLongPressURL}\n style={[parentProps?.style, styles.urlText]}\n >\n {match}\n </Text>\n );\n },\n },\n ]}\n >\n {mentionManager.shouldUseMentionedMessageTemplate(message)\n ? message.mentionedMessageTemplate\n : message.message}\n </RegexText>\n {Boolean(message.updatedAt) && (\n <Text body3 color={color.textEdited}>\n {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX}\n </Text>\n )}\n </Text>\n </View>\n <TouchableOpacity\n style={{ backgroundColor: select({ dark: palette.background500, light: palette.background200 }) }}\n activeOpacity={0.85}\n onPress={() => SBUUtils.openURL(ogMetaData.url)}\n >\n <View\n style={[\n styles.ogImageContainer,\n { backgroundColor: select({ dark: palette.background500, light: palette.background200 }) },\n ]}\n >\n {conditionChaining(\n [imageNotFound],\n [\n <Icon\n containerStyle={styles.ogImage}\n icon={'thumbnail-none'}\n size={48}\n color={colors.onBackground02}\n />,\n <Image\n source={{ uri: ogMetaData.defaultImage?.url }}\n style={styles.ogImage}\n resizeMode={'cover'}\n onError={() => setImageNotFound(true)}\n />,\n ],\n )}\n </View>\n <View style={[styles.ogContainer, { backgroundColor: containerBackground }]}>\n <Text numberOfLines={3} body2 color={colors.onBackground01} style={styles.ogTitle}>\n {ogMetaData.title}\n </Text>\n {Boolean(ogMetaData.description) && (\n <Text numberOfLines={1} caption2 color={colors.onBackground01} style={styles.ogDesc}>\n {ogMetaData.description}\n </Text>\n )}\n <Text numberOfLines={1} caption2 color={colors.onBackground02}>\n {ogMetaData.url}\n </Text>\n </View>\n </TouchableOpacity>\n </View>\n {children}\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n bubbleContainer: {\n borderRadius: 16,\n overflow: 'hidden',\n },\n container: {\n width: 240,\n maxWidth: 240,\n },\n messageContainer: {\n paddingVertical: 6,\n paddingHorizontal: 12,\n },\n ogContainer: {\n paddingHorizontal: 12,\n paddingTop: 8,\n paddingBottom: 12,\n },\n ogImageContainer: {\n flex: 1,\n height: 136,\n },\n ogImage: {\n width: '100%',\n height: '100%',\n },\n ogTitle: {\n marginBottom: 4,\n },\n ogDesc: {\n lineHeight: 14,\n marginBottom: 8,\n },\n mentionedText: {\n fontWeight: 'bold',\n },\n urlText: {\n textDecorationLine: 'underline',\n },\n});\n\nexport default OpenGraphUserMessage;\n"],"mappings":"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"}
@@ -1,14 +0,0 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React from 'react';
3
- import BaseUserMessage from './BaseUserMessage';
4
- import OpenGraphUserMessage from './OpenGraphUserMessage';
5
- const UserMessage = props => {
6
- if (props.message.ogMetaData) {
7
- return /*#__PURE__*/React.createElement(OpenGraphUserMessage, _extends({}, props, {
8
- ogMetaData: props.message.ogMetaData
9
- }));
10
- }
11
- return /*#__PURE__*/React.createElement(BaseUserMessage, props);
12
- };
13
- export default /*#__PURE__*/React.memo(UserMessage);
14
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","BaseUserMessage","OpenGraphUserMessage","UserMessage","props","message","ogMetaData","createElement","_extends","memo"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport type { MessageRendererInterface } from '../index';\nimport BaseUserMessage from './BaseUserMessage';\nimport OpenGraphUserMessage from './OpenGraphUserMessage';\n\nexport type UserMessageProps = MessageRendererInterface<\n SendbirdUserMessage,\n {\n onLongPressMentionedUser?: () => void;\n onLongPressURL?: () => void;\n }\n>;\n\nconst UserMessage = (props: UserMessageProps) => {\n if (props.message.ogMetaData) {\n return <OpenGraphUserMessage {...props} ogMetaData={props.message.ogMetaData} />;\n }\n return <BaseUserMessage {...props} />;\n};\n\nexport default React.memo(UserMessage);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,oBAAoB,MAAM,wBAAwB;AAUzD,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EAC/C,IAAIA,KAAK,CAACC,OAAO,CAACC,UAAU,EAAE;IAC5B,oBAAON,KAAA,CAAAO,aAAA,CAACL,oBAAoB,EAAAM,QAAA,KAAKJ,KAAK;MAAEE,UAAU,EAAEF,KAAK,CAACC,OAAO,CAACC;IAAW,GAAG;EAClF;EACA,oBAAON,KAAA,CAAAO,aAAA,CAACN,eAAe,EAAKG,KAAK,CAAI;AACvC,CAAC;AAED,4BAAeJ,KAAK,CAACS,IAAI,CAACN,WAAW,CAAC"}
@@ -1,178 +0,0 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React from 'react';
3
- import { Pressable, View } from 'react-native';
4
- import { createStyleSheet } from '@sendbird/uikit-react-native-foundation';
5
- import { calcMessageGrouping, conditionChaining, isMyMessage, shouldRenderReaction, useIIFE } from '@sendbird/uikit-utils';
6
- import { DEFAULT_LONG_PRESS_DELAY } from '../../constants';
7
- import { useSendbirdChat } from '../../hooks/useContext';
8
- import { ReactionAddons } from '../ReactionAddons';
9
- import AdminMessage from './AdminMessage';
10
- import FileMessage from './FileMessage';
11
- import MessageContainer from './MessageContainer';
12
- import MessageDateSeparator from './MessageDateSeparator';
13
- import MessageIncomingAvatar from './MessageIncomingAvatar';
14
- import MessageIncomingSenderName from './MessageIncomingSenderName';
15
- import MessageOutgoingStatus from './MessageOutgoingStatus';
16
- import MessageTime from './MessageTime';
17
- import UnknownMessage from './UnknownMessage';
18
- import UserMessage from './UserMessage';
19
- const MessageRenderer = _ref => {
20
- let {
21
- currentUserId,
22
- channel,
23
- message,
24
- onPress,
25
- onLongPress,
26
- ...rest
27
- } = _ref;
28
- const variant = isMyMessage(message, currentUserId) ? 'outgoing' : 'incoming';
29
- const isOutgoing = variant === 'outgoing';
30
- const isIncoming = variant === 'incoming';
31
- const variantContainerStyle = {
32
- incoming: styles.chatIncoming,
33
- outgoing: styles.chatOutgoing
34
- }[variant];
35
- const {
36
- groupWithPrev,
37
- groupWithNext
38
- } = calcMessageGrouping(Boolean(rest.enableMessageGrouping), message, rest.prevMessage, rest.nextMessage);
39
- const {
40
- features
41
- } = useSendbirdChat();
42
- const reactionChildren = useIIFE(() => {
43
- if (shouldRenderReaction(channel, features.reactionEnabled) && message.reactions && message.reactions.length > 0) {
44
- return /*#__PURE__*/React.createElement(ReactionAddons.Message, {
45
- channel: channel,
46
- message: message
47
- });
48
- }
49
- return null;
50
- });
51
- const messageComponent = useIIFE(() => {
52
- const pressableProps = {
53
- style: styles.msgContainer,
54
- disabled: !onPress && !onLongPress,
55
- onPress,
56
- onLongPress,
57
- delayLongPress: DEFAULT_LONG_PRESS_DELAY
58
- };
59
- const messageProps = {
60
- ...rest,
61
- variant,
62
- groupWithNext,
63
- groupWithPrev
64
- };
65
- if (message.isUserMessage()) {
66
- return /*#__PURE__*/React.createElement(Pressable, pressableProps, _ref2 => {
67
- let {
68
- pressed
69
- } = _ref2;
70
- return /*#__PURE__*/React.createElement(UserMessage, _extends({
71
- message: message,
72
- pressed: pressed,
73
- onLongPressURL: onLongPress,
74
- onLongPressMentionedUser: onLongPress
75
- }, messageProps), reactionChildren);
76
- });
77
- }
78
- if (message.isFileMessage()) {
79
- return /*#__PURE__*/React.createElement(Pressable, pressableProps, _ref3 => {
80
- let {
81
- pressed
82
- } = _ref3;
83
- return /*#__PURE__*/React.createElement(FileMessage, _extends({
84
- message: message,
85
- pressed: pressed
86
- }, messageProps), reactionChildren);
87
- });
88
- }
89
- if (message.isAdminMessage()) {
90
- return /*#__PURE__*/React.createElement(AdminMessage, _extends({
91
- message: message,
92
- pressed: false
93
- }, messageProps));
94
- }
95
- return /*#__PURE__*/React.createElement(Pressable, pressableProps, _ref4 => {
96
- let {
97
- pressed
98
- } = _ref4;
99
- return /*#__PURE__*/React.createElement(UnknownMessage, _extends({
100
- message: message,
101
- pressed: pressed
102
- }, messageProps));
103
- });
104
- });
105
- return /*#__PURE__*/React.createElement(MessageContainer, null, /*#__PURE__*/React.createElement(MessageDateSeparator, {
106
- message: message,
107
- prevMessage: rest.prevMessage
108
- }), message.isAdminMessage() && messageComponent, !message.isAdminMessage() && /*#__PURE__*/React.createElement(View, {
109
- style: [variantContainerStyle, conditionChaining([groupWithNext, Boolean(rest.nextMessage)], [styles.chatGroup, styles.chatNonGroup, styles.chatLastMessage])]
110
- }, isOutgoing && /*#__PURE__*/React.createElement(View, {
111
- style: styles.outgoingContainer
112
- }, /*#__PURE__*/React.createElement(MessageOutgoingStatus, {
113
- channel: channel,
114
- message: message
115
- }), /*#__PURE__*/React.createElement(MessageTime, {
116
- message: message,
117
- grouping: groupWithNext,
118
- style: styles.timeOutgoing
119
- })), isIncoming && /*#__PURE__*/React.createElement(MessageIncomingAvatar, {
120
- message: message,
121
- grouping: groupWithNext
122
- }), /*#__PURE__*/React.createElement(View, {
123
- style: styles.bubbleContainer
124
- }, isIncoming && /*#__PURE__*/React.createElement(MessageIncomingSenderName, {
125
- message: message,
126
- grouping: groupWithPrev
127
- }), /*#__PURE__*/React.createElement(View, {
128
- style: styles.bubbleWrapper
129
- }, messageComponent, isIncoming && /*#__PURE__*/React.createElement(MessageTime, {
130
- message: message,
131
- grouping: groupWithNext,
132
- style: styles.timeIncoming
133
- })))));
134
- };
135
- const styles = createStyleSheet({
136
- chatIncoming: {
137
- flexDirection: 'row',
138
- justifyContent: 'flex-start',
139
- alignItems: 'flex-end'
140
- },
141
- chatOutgoing: {
142
- flexDirection: 'row',
143
- justifyContent: 'flex-end',
144
- alignItems: 'flex-end'
145
- },
146
- timeIncoming: {
147
- marginLeft: 4
148
- },
149
- timeOutgoing: {
150
- marginRight: 4
151
- },
152
- chatGroup: {
153
- marginBottom: 2
154
- },
155
- chatNonGroup: {
156
- marginBottom: 16
157
- },
158
- chatLastMessage: {
159
- marginBottom: 16
160
- },
161
- msgContainer: {
162
- maxWidth: 240
163
- },
164
- bubbleContainer: {
165
- flexShrink: 1
166
- },
167
- bubbleWrapper: {
168
- flexDirection: 'row',
169
- alignItems: 'flex-end'
170
- },
171
- outgoingContainer: {
172
- flexDirection: 'row',
173
- alignItems: 'flex-end',
174
- justifyContent: 'center'
175
- }
176
- });
177
- export default /*#__PURE__*/React.memo(MessageRenderer);
178
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","Pressable","View","createStyleSheet","calcMessageGrouping","conditionChaining","isMyMessage","shouldRenderReaction","useIIFE","DEFAULT_LONG_PRESS_DELAY","useSendbirdChat","ReactionAddons","AdminMessage","FileMessage","MessageContainer","MessageDateSeparator","MessageIncomingAvatar","MessageIncomingSenderName","MessageOutgoingStatus","MessageTime","UnknownMessage","UserMessage","MessageRenderer","_ref","currentUserId","channel","message","onPress","onLongPress","rest","variant","isOutgoing","isIncoming","variantContainerStyle","incoming","styles","chatIncoming","outgoing","chatOutgoing","groupWithPrev","groupWithNext","Boolean","enableMessageGrouping","prevMessage","nextMessage","features","reactionChildren","reactionEnabled","reactions","length","createElement","Message","messageComponent","pressableProps","style","msgContainer","disabled","delayLongPress","messageProps","isUserMessage","_ref2","pressed","_extends","onLongPressURL","onLongPressMentionedUser","isFileMessage","_ref3","isAdminMessage","_ref4","chatGroup","chatNonGroup","chatLastMessage","outgoingContainer","grouping","timeOutgoing","bubbleContainer","bubbleWrapper","timeIncoming","flexDirection","justifyContent","alignItems","marginLeft","marginRight","marginBottom","maxWidth","flexShrink","memo"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, PressableProps, View } from 'react-native';\n\nimport { createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport {\n calcMessageGrouping,\n conditionChaining,\n isMyMessage,\n shouldRenderReaction,\n useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { DEFAULT_LONG_PRESS_DELAY } from '../../constants';\nimport type { GroupChannelProps } from '../../domain/groupChannel/types';\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport { ReactionAddons } from '../ReactionAddons';\nimport AdminMessage from './AdminMessage';\nimport FileMessage from './FileMessage';\nimport MessageContainer from './MessageContainer';\nimport MessageDateSeparator from './MessageDateSeparator';\nimport MessageIncomingAvatar from './MessageIncomingAvatar';\nimport MessageIncomingSenderName from './MessageIncomingSenderName';\nimport MessageOutgoingStatus from './MessageOutgoingStatus';\nimport MessageTime from './MessageTime';\nimport UnknownMessage from './UnknownMessage';\nimport UserMessage from './UserMessage';\n\ntype MessageStyleVariant = 'outgoing' | 'incoming';\nexport type MessageRendererInterface<T = SendbirdMessage, AdditionalProps = unknown> = {\n message: T;\n prevMessage?: SendbirdMessage;\n nextMessage?: SendbirdMessage;\n variant: MessageStyleVariant;\n groupWithPrev: boolean;\n groupWithNext: boolean;\n pressed: boolean;\n children?: React.ReactElement | null;\n} & AdditionalProps;\n\nconst MessageRenderer: GroupChannelProps['Fragment']['renderMessage'] = ({\n currentUserId,\n channel,\n message,\n onPress,\n onLongPress,\n ...rest\n}) => {\n const variant: MessageStyleVariant = isMyMessage(message, currentUserId) ? 'outgoing' : 'incoming';\n const isOutgoing = variant === 'outgoing';\n const isIncoming = variant === 'incoming';\n const variantContainerStyle = { incoming: styles.chatIncoming, outgoing: styles.chatOutgoing }[variant];\n\n const { groupWithPrev, groupWithNext } = calcMessageGrouping(\n Boolean(rest.enableMessageGrouping),\n message,\n rest.prevMessage,\n rest.nextMessage,\n );\n\n const { features } = useSendbirdChat();\n\n const reactionChildren = useIIFE(() => {\n if (shouldRenderReaction(channel, features.reactionEnabled) && message.reactions && message.reactions.length > 0) {\n return <ReactionAddons.Message channel={channel} message={message} />;\n }\n return null;\n });\n\n const messageComponent = useIIFE(() => {\n const pressableProps: PressableProps = {\n style: styles.msgContainer,\n disabled: !onPress && !onLongPress,\n onPress,\n onLongPress,\n delayLongPress: DEFAULT_LONG_PRESS_DELAY,\n };\n const messageProps = { ...rest, variant, groupWithNext, groupWithPrev };\n\n if (message.isUserMessage()) {\n return (\n <Pressable {...pressableProps}>\n {({ pressed }) => (\n <UserMessage\n message={message}\n pressed={pressed}\n onLongPressURL={onLongPress}\n onLongPressMentionedUser={onLongPress}\n {...messageProps}\n >\n {reactionChildren}\n </UserMessage>\n )}\n </Pressable>\n );\n }\n\n if (message.isFileMessage()) {\n return (\n <Pressable {...pressableProps}>\n {({ pressed }) => (\n <FileMessage message={message} pressed={pressed} {...messageProps}>\n {reactionChildren}\n </FileMessage>\n )}\n </Pressable>\n );\n }\n\n if (message.isAdminMessage()) {\n return <AdminMessage message={message} pressed={false} {...messageProps} />;\n }\n\n return (\n <Pressable {...pressableProps}>\n {({ pressed }) => <UnknownMessage message={message} pressed={pressed} {...messageProps} />}\n </Pressable>\n );\n });\n\n return (\n <MessageContainer>\n <MessageDateSeparator message={message} prevMessage={rest.prevMessage} />\n {message.isAdminMessage() && messageComponent}\n {!message.isAdminMessage() && (\n <View\n style={[\n variantContainerStyle,\n conditionChaining(\n [groupWithNext, Boolean(rest.nextMessage)],\n [styles.chatGroup, styles.chatNonGroup, styles.chatLastMessage],\n ),\n ]}\n >\n {isOutgoing && (\n <View style={styles.outgoingContainer}>\n <MessageOutgoingStatus channel={channel} message={message} />\n <MessageTime message={message} grouping={groupWithNext} style={styles.timeOutgoing} />\n </View>\n )}\n {isIncoming && <MessageIncomingAvatar message={message} grouping={groupWithNext} />}\n <View style={styles.bubbleContainer}>\n {isIncoming && <MessageIncomingSenderName message={message} grouping={groupWithPrev} />}\n <View style={styles.bubbleWrapper}>\n {messageComponent}\n {isIncoming && <MessageTime message={message} grouping={groupWithNext} style={styles.timeIncoming} />}\n </View>\n </View>\n </View>\n )}\n </MessageContainer>\n );\n};\n\nconst styles = createStyleSheet({\n chatIncoming: {\n flexDirection: 'row',\n justifyContent: 'flex-start',\n alignItems: 'flex-end',\n },\n chatOutgoing: {\n flexDirection: 'row',\n justifyContent: 'flex-end',\n alignItems: 'flex-end',\n },\n timeIncoming: {\n marginLeft: 4,\n },\n timeOutgoing: {\n marginRight: 4,\n },\n chatGroup: {\n marginBottom: 2,\n },\n chatNonGroup: {\n marginBottom: 16,\n },\n chatLastMessage: {\n marginBottom: 16,\n },\n msgContainer: {\n maxWidth: 240,\n },\n bubbleContainer: {\n flexShrink: 1,\n },\n bubbleWrapper: {\n flexDirection: 'row',\n alignItems: 'flex-end',\n },\n outgoingContainer: {\n flexDirection: 'row',\n alignItems: 'flex-end',\n justifyContent: 'center',\n },\n});\n\nexport default React.memo(MessageRenderer);\n"],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- import type { SendbirdAdminMessage } from '@sendbird/uikit-utils';
2
- import type { MessageRendererInterface } from '../index';
3
- export type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;
4
- declare const AdminMessage: ({ message, nextMessage }: AdminMessageProps) => JSX.Element;
5
- export default AdminMessage;
@@ -1,6 +0,0 @@
1
- import type { FileMessageProps } from './index';
2
- type Props = FileMessageProps & {
3
- type: 'image' | 'audio' | 'video' | 'file';
4
- };
5
- declare const BaseFileMessage: ({ message, variant, pressed, type, children }: Props) => JSX.Element;
6
- export default BaseFileMessage;
@@ -1,3 +0,0 @@
1
- import type { FileMessageProps } from './index';
2
- declare const ImageFileMessage: ({ message, children, variant }: FileMessageProps) => JSX.Element;
3
- export default ImageFileMessage;
@@ -1,3 +0,0 @@
1
- import type { FileMessageProps } from './index';
2
- declare const VideoFileMessage: ({ message, variant, children }: FileMessageProps) => JSX.Element;
3
- export default VideoFileMessage;
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { SendbirdFileMessage } from '@sendbird/uikit-utils';
3
- import type { MessageRendererInterface } from '../index';
4
- export type FileMessageProps = MessageRendererInterface<SendbirdFileMessage>;
5
- declare const _default: React.MemoExoticComponent<(props: {
6
- message: import("@sendbird/chat/message").FileMessage;
7
- prevMessage?: import("@sendbird/uikit-utils").SendbirdMessage | undefined;
8
- nextMessage?: import("@sendbird/uikit-utils").SendbirdMessage | undefined;
9
- variant: "incoming" | "outgoing";
10
- groupWithPrev: boolean;
11
- groupWithNext: boolean;
12
- pressed: boolean;
13
- children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
14
- }) => JSX.Element>;
15
- export default _default;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const MessageContainer: ({ children }: React.PropsWithChildren) => JSX.Element;
3
- export default MessageContainer;
@@ -1,7 +0,0 @@
1
- import type { SendbirdMessage } from '@sendbird/uikit-utils';
2
- type Props = {
3
- message: SendbirdMessage;
4
- prevMessage?: SendbirdMessage;
5
- };
6
- declare const MessageDateSeparator: ({ message, prevMessage }: Props) => JSX.Element | null;
7
- export default MessageDateSeparator;
@@ -1,7 +0,0 @@
1
- import type { SendbirdMessage } from '@sendbird/uikit-utils';
2
- type Props = {
3
- message: SendbirdMessage;
4
- grouping: boolean;
5
- };
6
- declare const MessageIncomingAvatar: ({ message, grouping }: Props) => JSX.Element;
7
- export default MessageIncomingAvatar;
@@ -1,7 +0,0 @@
1
- import type { SendbirdMessage } from '@sendbird/uikit-utils';
2
- type Props = {
3
- message: SendbirdMessage;
4
- grouping: boolean;
5
- };
6
- declare const MessageIncomingSenderName: ({ message, grouping }: Props) => JSX.Element | null;
7
- export default MessageIncomingSenderName;
@@ -1,9 +0,0 @@
1
- import { StyleProp, ViewStyle } from 'react-native';
2
- import type { SendbirdMessage } from '@sendbird/uikit-utils';
3
- type Props = {
4
- message: SendbirdMessage;
5
- grouping: boolean;
6
- style?: StyleProp<ViewStyle>;
7
- };
8
- declare const MessageTime: ({ message, grouping, style }: Props) => JSX.Element | null;
9
- export default MessageTime;
@@ -1,4 +0,0 @@
1
- import type { MessageRendererInterface } from '../index';
2
- export type UnknownMessageProps = MessageRendererInterface;
3
- declare const UnknownMessage: ({ message, variant, pressed }: UnknownMessageProps) => JSX.Element;
4
- export default UnknownMessage;
@@ -1,3 +0,0 @@
1
- import type { UserMessageProps } from './index';
2
- declare const BaseUserMessage: ({ message, variant, pressed, children, onLongPressMentionedUser, onLongPressURL, }: UserMessageProps) => JSX.Element;
3
- export default BaseUserMessage;
@@ -1,7 +0,0 @@
1
- import type { OGMetaData } from '@sendbird/chat/message';
2
- import type { UserMessageProps } from './index';
3
- type Props = UserMessageProps & {
4
- ogMetaData: OGMetaData;
5
- };
6
- declare const OpenGraphUserMessage: ({ message, variant, pressed, ogMetaData, children, onLongPressMentionedUser, onLongPressURL, }: Props) => JSX.Element;
7
- export default OpenGraphUserMessage;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
3
- import type { MessageRendererInterface } from '../index';
4
- export type UserMessageProps = MessageRendererInterface<SendbirdUserMessage, {
5
- onLongPressMentionedUser?: () => void;
6
- onLongPressURL?: () => void;
7
- }>;
8
- declare const _default: React.MemoExoticComponent<(props: UserMessageProps) => JSX.Element>;
9
- export default _default;
@@ -1,40 +0,0 @@
1
- import React from 'react';
2
- import { StyleSheet, View } from 'react-native';
3
-
4
- import { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
5
- import type { SendbirdAdminMessage } from '@sendbird/uikit-utils';
6
-
7
- import type { MessageRendererInterface } from '../index';
8
-
9
- export type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;
10
- const AdminMessage = ({ message, nextMessage }: AdminMessageProps) => {
11
- const { colors } = useUIKitTheme();
12
-
13
- const isNextAdmin = nextMessage?.isAdminMessage();
14
- return (
15
- <View style={StyleSheet.flatten([styles.container, isNextAdmin ? styles.nextAdminType : styles.next])}>
16
- <Text caption2 color={colors.onBackground02} style={styles.text}>
17
- {message.message}
18
- </Text>
19
- </View>
20
- );
21
- };
22
-
23
- const styles = createStyleSheet({
24
- container: {
25
- width: 300,
26
- alignSelf: 'center',
27
- alignItems: 'center',
28
- },
29
- nextAdminType: {
30
- marginBottom: 8,
31
- },
32
- next: {
33
- marginBottom: 16,
34
- },
35
- text: {
36
- textAlign: 'center',
37
- },
38
- });
39
-
40
- export default AdminMessage;