@sendbird/uikit-react 3.2.0 → 3.2.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (493) hide show
  1. package/App.js +32 -34
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +38 -0
  4. package/Channel/components/ChannelHeader.js +17 -19
  5. package/Channel/components/ChannelHeader.js.map +1 -1
  6. package/Channel/components/ChannelUI.js +23 -25
  7. package/Channel/components/ChannelUI.js.map +1 -1
  8. package/Channel/components/FileViewer.js +16 -18
  9. package/Channel/components/FileViewer.js.map +1 -1
  10. package/Channel/components/FrozenNotification.js +4 -4
  11. package/Channel/components/Message.js +20 -22
  12. package/Channel/components/Message.js.map +1 -1
  13. package/Channel/components/MessageInput.js +17 -19
  14. package/Channel/components/MessageInput.js.map +1 -1
  15. package/Channel/components/MessageList.js +22 -24
  16. package/Channel/components/MessageList.js.map +1 -1
  17. package/Channel/components/RemoveMessageModal.js +17 -19
  18. package/Channel/components/RemoveMessageModal.js.map +1 -1
  19. package/Channel/components/SuggestedMentionList.js +17 -19
  20. package/Channel/components/SuggestedMentionList.js.map +1 -1
  21. package/Channel/components/TypingIndicator.js +17 -19
  22. package/Channel/components/TypingIndicator.js.map +1 -1
  23. package/Channel/components/UnreadCount.js +4 -4
  24. package/Channel/context.js +15 -17
  25. package/Channel/context.js.map +1 -1
  26. package/Channel.js +23 -25
  27. package/Channel.js.map +1 -1
  28. package/ChannelList/components/AddChannel.js +13 -13
  29. package/ChannelList/components/ChannelListHeader.js +7 -7
  30. package/ChannelList/components/ChannelListUI.js +27 -29
  31. package/ChannelList/components/ChannelListUI.js.map +1 -1
  32. package/ChannelList/components/ChannelPreview.js +21 -23
  33. package/ChannelList/components/ChannelPreview.js.map +1 -1
  34. package/ChannelList/components/ChannelPreviewAction.js +14 -17
  35. package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  36. package/ChannelList/context.js +9 -12
  37. package/ChannelList/context.js.map +1 -1
  38. package/ChannelList.js +27 -29
  39. package/ChannelList.js.map +1 -1
  40. package/{ChannelListProvider-b5833a69.js → ChannelListProvider-68ab13d8.js} +11 -11
  41. package/{ChannelListProvider-b5833a69.js.map → ChannelListProvider-68ab13d8.js.map} +1 -1
  42. package/{ChannelProvider-675be930.js → ChannelProvider-4b8e62f5.js} +16 -16
  43. package/{ChannelProvider-675be930.js.map → ChannelProvider-4b8e62f5.js.map} +1 -1
  44. package/ChannelSettings/components/ChannelProfile.js +11 -11
  45. package/ChannelSettings/components/ChannelSettingsUI.js +18 -21
  46. package/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  47. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  48. package/ChannelSettings/components/LeaveChannel.js +10 -10
  49. package/ChannelSettings/components/ModerationPanel.js +16 -19
  50. package/ChannelSettings/components/ModerationPanel.js.map +1 -1
  51. package/ChannelSettings/components/UserListItem.js +11 -11
  52. package/ChannelSettings/components/UserPanel.js +13 -13
  53. package/ChannelSettings/context.js +3 -3
  54. package/ChannelSettings.js +18 -21
  55. package/ChannelSettings.js.map +1 -1
  56. package/CreateChannel/components/CreateChannelUI.js +13 -13
  57. package/CreateChannel/components/InviteUsers.js +13 -13
  58. package/CreateChannel/components/SelectChannelType.js +10 -10
  59. package/CreateChannel/context.js +4 -4
  60. package/CreateChannel.js +13 -13
  61. package/{CreateChannelProvider-05b11547.js → CreateChannelProvider-bfcda8c9.js} +1 -1
  62. package/{CreateChannelProvider-05b11547.js.map → CreateChannelProvider-bfcda8c9.js.map} +1 -1
  63. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  64. package/CreateOpenChannel/context.js +1 -1
  65. package/CreateOpenChannel.js +9 -9
  66. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  67. package/EditUserProfile.js +12 -12
  68. package/{LocalizationContext-fd0d32ab.js → LocalizationContext-5bdfa009.js} +3 -3
  69. package/{LocalizationContext-fd0d32ab.js.map → LocalizationContext-5bdfa009.js.map} +1 -1
  70. package/{MemberList-78a423a0.js → MemberList-e298d8d4.js} +5 -5
  71. package/{MemberList-78a423a0.js.map → MemberList-e298d8d4.js.map} +1 -1
  72. package/MessageSearch/components/MessageSearchUI.js +11 -11
  73. package/MessageSearch/context.js +2 -2
  74. package/MessageSearch.js +11 -11
  75. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  76. package/OpenChannel/components/OpenChannelHeader.js +14 -17
  77. package/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  78. package/OpenChannel/components/OpenChannelInput.js +17 -20
  79. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  80. package/OpenChannel/components/OpenChannelMessage.js +22 -25
  81. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  82. package/OpenChannel/components/OpenChannelMessageList.js +24 -27
  83. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  84. package/OpenChannel/components/OpenChannelUI.js +24 -27
  85. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  86. package/OpenChannel/context.js +11 -14
  87. package/OpenChannel/context.js.map +1 -1
  88. package/OpenChannel.js +24 -27
  89. package/OpenChannel.js.map +1 -1
  90. package/OpenChannelList/components/OpenChannelListUI.js +12 -12
  91. package/OpenChannelList/components/OpenChannelPreview.js +4 -4
  92. package/OpenChannelList/context.js +4 -4
  93. package/OpenChannelList.js +12 -12
  94. package/{OpenChannelListProvider-6f9126d0.js → OpenChannelListProvider-5468dee1.js} +3 -3
  95. package/{OpenChannelListProvider-6f9126d0.js.map → OpenChannelListProvider-5468dee1.js.map} +1 -1
  96. package/{OpenChannelProvider-e39971da.js → OpenChannelProvider-f63e82d8.js} +11 -12
  97. package/{OpenChannelProvider-e39971da.js.map → OpenChannelProvider-f63e82d8.js.map} +1 -1
  98. package/OpenChannelSettings/components/EditDetailsModal.js +13 -15
  99. package/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  100. package/OpenChannelSettings/components/OpenChannelProfile.js +13 -15
  101. package/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  102. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -20
  103. package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  104. package/OpenChannelSettings/components/OperatorUI.js +17 -19
  105. package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  106. package/OpenChannelSettings/components/ParticipantUI.js +15 -17
  107. package/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
  108. package/OpenChannelSettings/context.js +5 -7
  109. package/OpenChannelSettings/context.js.map +1 -1
  110. package/OpenChannelSettings.js +18 -20
  111. package/OpenChannelSettings.js.map +1 -1
  112. package/SendbirdProvider.js +15 -18
  113. package/SendbirdProvider.js.map +1 -1
  114. package/{UserProfileContext-d36099b1.js → UserProfileContext-b837926a.js} +1 -1
  115. package/{UserProfileContext-d36099b1.js.map → UserProfileContext-b837926a.js.map} +1 -1
  116. package/{_rollupPluginBabelHelpers-f6b9b32e.js → _rollupPluginBabelHelpers-46088259.js} +1 -1
  117. package/_rollupPluginBabelHelpers-46088259.js.map +1 -0
  118. package/{actionTypes-6b501c5e.js → actionTypes-019d5d7b.js} +1 -1
  119. package/{actionTypes-6b501c5e.js.map → actionTypes-019d5d7b.js.map} +1 -1
  120. package/cjs/App.js +32 -34
  121. package/cjs/App.js.map +1 -1
  122. package/cjs/Channel/components/ChannelHeader.js +17 -19
  123. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  124. package/cjs/Channel/components/ChannelUI.js +23 -25
  125. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  126. package/cjs/Channel/components/FileViewer.js +16 -18
  127. package/cjs/Channel/components/FileViewer.js.map +1 -1
  128. package/cjs/Channel/components/FrozenNotification.js +4 -4
  129. package/cjs/Channel/components/Message.js +20 -22
  130. package/cjs/Channel/components/Message.js.map +1 -1
  131. package/cjs/Channel/components/MessageInput.js +17 -19
  132. package/cjs/Channel/components/MessageInput.js.map +1 -1
  133. package/cjs/Channel/components/MessageList.js +22 -24
  134. package/cjs/Channel/components/MessageList.js.map +1 -1
  135. package/cjs/Channel/components/RemoveMessageModal.js +17 -19
  136. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  137. package/cjs/Channel/components/SuggestedMentionList.js +17 -19
  138. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  139. package/cjs/Channel/components/TypingIndicator.js +17 -19
  140. package/cjs/Channel/components/TypingIndicator.js.map +1 -1
  141. package/cjs/Channel/components/UnreadCount.js +4 -4
  142. package/cjs/Channel/context.js +15 -17
  143. package/cjs/Channel/context.js.map +1 -1
  144. package/cjs/Channel.js +23 -25
  145. package/cjs/Channel.js.map +1 -1
  146. package/cjs/ChannelList/components/AddChannel.js +13 -13
  147. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  148. package/cjs/ChannelList/components/ChannelListUI.js +27 -29
  149. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  150. package/cjs/ChannelList/components/ChannelPreview.js +21 -23
  151. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  152. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -17
  153. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  154. package/cjs/ChannelList/context.js +9 -12
  155. package/cjs/ChannelList/context.js.map +1 -1
  156. package/cjs/ChannelList.js +27 -29
  157. package/cjs/ChannelList.js.map +1 -1
  158. package/cjs/{ChannelListProvider-ae097fa5.js → ChannelListProvider-f043b9db.js} +11 -11
  159. package/cjs/{ChannelListProvider-ae097fa5.js.map → ChannelListProvider-f043b9db.js.map} +1 -1
  160. package/cjs/{ChannelProvider-dbb1d52e.js → ChannelProvider-d5668143.js} +16 -16
  161. package/cjs/{ChannelProvider-dbb1d52e.js.map → ChannelProvider-d5668143.js.map} +1 -1
  162. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  163. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -21
  164. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  165. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  166. package/cjs/ChannelSettings/components/LeaveChannel.js +10 -10
  167. package/cjs/ChannelSettings/components/ModerationPanel.js +16 -19
  168. package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
  169. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  170. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  171. package/cjs/ChannelSettings/context.js +3 -3
  172. package/cjs/ChannelSettings.js +18 -21
  173. package/cjs/ChannelSettings.js.map +1 -1
  174. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  175. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  176. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  177. package/cjs/CreateChannel/context.js +4 -4
  178. package/cjs/CreateChannel.js +13 -13
  179. package/cjs/{CreateChannelProvider-f8905c40.js → CreateChannelProvider-97655f81.js} +1 -1
  180. package/cjs/{CreateChannelProvider-f8905c40.js.map → CreateChannelProvider-97655f81.js.map} +1 -1
  181. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  182. package/cjs/CreateOpenChannel/context.js +1 -1
  183. package/cjs/CreateOpenChannel.js +9 -9
  184. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  185. package/cjs/EditUserProfile.js +12 -12
  186. package/cjs/{LocalizationContext-1f00818c.js → LocalizationContext-cbcf0cb4.js} +3 -3
  187. package/cjs/{LocalizationContext-1f00818c.js.map → LocalizationContext-cbcf0cb4.js.map} +1 -1
  188. package/cjs/{MemberList-e2e283fe.js → MemberList-dd6f7d77.js} +5 -5
  189. package/cjs/{MemberList-e2e283fe.js.map → MemberList-dd6f7d77.js.map} +1 -1
  190. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  191. package/cjs/MessageSearch/context.js +2 -2
  192. package/cjs/MessageSearch.js +11 -11
  193. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  194. package/cjs/OpenChannel/components/OpenChannelHeader.js +14 -17
  195. package/cjs/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  196. package/cjs/OpenChannel/components/OpenChannelInput.js +17 -20
  197. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  198. package/cjs/OpenChannel/components/OpenChannelMessage.js +22 -25
  199. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  200. package/cjs/OpenChannel/components/OpenChannelMessageList.js +24 -27
  201. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  202. package/cjs/OpenChannel/components/OpenChannelUI.js +24 -27
  203. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  204. package/cjs/OpenChannel/context.js +11 -14
  205. package/cjs/OpenChannel/context.js.map +1 -1
  206. package/cjs/OpenChannel.js +24 -27
  207. package/cjs/OpenChannel.js.map +1 -1
  208. package/cjs/OpenChannelList/components/OpenChannelListUI.js +12 -12
  209. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  210. package/cjs/OpenChannelList/context.js +4 -4
  211. package/cjs/OpenChannelList.js +12 -12
  212. package/cjs/{OpenChannelListProvider-e311c2a1.js → OpenChannelListProvider-3d830db6.js} +3 -3
  213. package/cjs/{OpenChannelListProvider-e311c2a1.js.map → OpenChannelListProvider-3d830db6.js.map} +1 -1
  214. package/cjs/{OpenChannelProvider-dd8403ee.js → OpenChannelProvider-eb97f46c.js} +11 -12
  215. package/cjs/{OpenChannelProvider-dd8403ee.js.map → OpenChannelProvider-eb97f46c.js.map} +1 -1
  216. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -15
  217. package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  218. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -15
  219. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  220. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -20
  221. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  222. package/cjs/OpenChannelSettings/components/OperatorUI.js +17 -19
  223. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  224. package/cjs/OpenChannelSettings/components/ParticipantUI.js +15 -17
  225. package/cjs/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
  226. package/cjs/OpenChannelSettings/context.js +5 -7
  227. package/cjs/OpenChannelSettings/context.js.map +1 -1
  228. package/cjs/OpenChannelSettings.js +18 -20
  229. package/cjs/OpenChannelSettings.js.map +1 -1
  230. package/cjs/SendbirdProvider.js +16 -18
  231. package/cjs/SendbirdProvider.js.map +1 -1
  232. package/cjs/{UserProfileContext-3a4f0132.js → UserProfileContext-6908ca72.js} +1 -1
  233. package/cjs/{UserProfileContext-3a4f0132.js.map → UserProfileContext-6908ca72.js.map} +1 -1
  234. package/cjs/{_rollupPluginBabelHelpers-6917423d.js → _rollupPluginBabelHelpers-9a6aaeec.js} +1 -1
  235. package/cjs/_rollupPluginBabelHelpers-9a6aaeec.js.map +1 -0
  236. package/cjs/{actionTypes-341644d7.js → actionTypes-c7188586.js} +1 -1
  237. package/cjs/{actionTypes-341644d7.js.map → actionTypes-c7188586.js.map} +1 -1
  238. package/cjs/{color-0a6e19c1.js → color-a1e2762f.js} +1 -1
  239. package/cjs/{color-0a6e19c1.js.map → color-a1e2762f.js.map} +1 -1
  240. package/cjs/{compareIds-8d064912.js → compareIds-d02b7d4d.js} +1 -1
  241. package/cjs/{compareIds-8d064912.js.map → compareIds-d02b7d4d.js.map} +1 -1
  242. package/cjs/{const-67a2a885.js → const-107d31d6.js} +1 -1
  243. package/cjs/{const-67a2a885.js.map → const-107d31d6.js.map} +1 -1
  244. package/cjs/{const-bf239fc5.js → const-361bde29.js} +1 -1
  245. package/cjs/{const-bf239fc5.js.map → const-361bde29.js.map} +1 -1
  246. package/cjs/{context-738129e2.js → context-6622da51.js} +2 -2
  247. package/cjs/{context-738129e2.js.map → context-6622da51.js.map} +1 -1
  248. package/cjs/dist/index.css +55 -55
  249. package/cjs/dist/index.css.map +1 -1
  250. package/cjs/handlers/ConnectionHandler.js +2 -4
  251. package/cjs/handlers/ConnectionHandler.js.map +1 -1
  252. package/cjs/handlers/GroupChannelHandler.js +2 -5
  253. package/cjs/handlers/GroupChannelHandler.js.map +1 -1
  254. package/cjs/handlers/OpenChannelHandler.js +2 -4
  255. package/cjs/handlers/OpenChannelHandler.js.map +1 -1
  256. package/cjs/handlers/SessionHandler.js +2 -4
  257. package/cjs/handlers/SessionHandler.js.map +1 -1
  258. package/cjs/handlers/UserEventHandler.js +2 -4
  259. package/cjs/handlers/UserEventHandler.js.map +1 -1
  260. package/cjs/{index-177380fc.js → index-0b9be346.js} +2 -2
  261. package/cjs/{index-177380fc.js.map → index-0b9be346.js.map} +1 -1
  262. package/cjs/{index-1ac7777f.js → index-0ed70cab.js} +4 -4
  263. package/cjs/{index-1ac7777f.js.map → index-0ed70cab.js.map} +1 -1
  264. package/cjs/{index-32123d95.js → index-1382ffca.js} +2 -2
  265. package/cjs/{index-32123d95.js.map → index-1382ffca.js.map} +1 -1
  266. package/cjs/{index-a11fb495.js → index-22eb1c9f.js} +2 -2
  267. package/cjs/{index-a11fb495.js.map → index-22eb1c9f.js.map} +1 -1
  268. package/cjs/{index-92bda0ce.js → index-2bf74a6e.js} +4 -4
  269. package/cjs/{index-92bda0ce.js.map → index-2bf74a6e.js.map} +1 -1
  270. package/cjs/{index-a18115d7.js → index-4eda97a2.js} +5 -5
  271. package/cjs/{index-a18115d7.js.map → index-4eda97a2.js.map} +1 -1
  272. package/cjs/{index-8c25d6aa.js → index-700588f1.js} +1 -1
  273. package/cjs/{index-8c25d6aa.js.map → index-700588f1.js.map} +1 -1
  274. package/cjs/{index-8d7a94e3.js → index-7795f392.js} +2 -2
  275. package/cjs/{index-8d7a94e3.js.map → index-7795f392.js.map} +1 -1
  276. package/cjs/{index-4f32f285.js → index-9eb6ed09.js} +8 -8
  277. package/cjs/{index-4f32f285.js.map → index-9eb6ed09.js.map} +1 -1
  278. package/cjs/{index-d82f6dd1.js → index-d1b358ca.js} +1 -1
  279. package/cjs/{index-d82f6dd1.js.map → index-d1b358ca.js.map} +1 -1
  280. package/cjs/index.js +36 -38
  281. package/cjs/index.js.map +1 -1
  282. package/cjs/{openChannelUtils-f286fd78.js → openChannelUtils-fd06d626.js} +1 -1
  283. package/cjs/{openChannelUtils-f286fd78.js.map → openChannelUtils-fd06d626.js.map} +1 -1
  284. package/cjs/sendbirdSelectors.js +2 -2
  285. package/cjs/{stringSet-410775ff.js → stringSet-ad7da257.js} +1 -1
  286. package/cjs/{stringSet-410775ff.js.map → stringSet-ad7da257.js.map} +1 -1
  287. package/cjs/{topics-9747398e.js → topics-c3de90e0.js} +1 -1
  288. package/cjs/{topics-9747398e.js.map → topics-c3de90e0.js.map} +1 -1
  289. package/cjs/{tslib.es6-7d75f2e2.js → tslib.es6-abd78d7b.js} +1 -1
  290. package/cjs/{tslib.es6-7d75f2e2.js.map → tslib.es6-abd78d7b.js.map} +1 -1
  291. package/cjs/ui/Accordion.js +3 -3
  292. package/cjs/ui/AccordionGroup.js +2 -2
  293. package/cjs/ui/AdminMessage.js +3 -3
  294. package/cjs/ui/Avatar.js +2 -2
  295. package/cjs/ui/Badge.js +5 -5
  296. package/cjs/ui/Button.js +3 -3
  297. package/cjs/ui/ChannelAvatar.js +3 -3
  298. package/cjs/ui/ConnectionStatus.js +4 -4
  299. package/cjs/ui/ContextMenu.js +5 -5
  300. package/cjs/ui/DateSeparator.js +4 -4
  301. package/cjs/ui/EmojiReactions.js +7 -7
  302. package/cjs/ui/FileMessageItemBody.js +5 -5
  303. package/cjs/ui/FileViewer.js +8 -8
  304. package/cjs/ui/IconButton.js +1 -1
  305. package/cjs/ui/ImageRenderer.js +1 -1
  306. package/cjs/ui/Input.js +2 -2
  307. package/cjs/ui/Label.js +2 -2
  308. package/cjs/ui/LinkLabel.js +2 -2
  309. package/cjs/ui/Loader.js +1 -1
  310. package/cjs/ui/MentionLabel.js +10 -10
  311. package/cjs/ui/MessageContent.js +13 -13
  312. package/cjs/ui/MessageInput.js +9 -9
  313. package/cjs/ui/MessageItemMenu.js +7 -7
  314. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  315. package/cjs/ui/MessageSearchFileItem.js +9 -9
  316. package/cjs/ui/MessageSearchItem.js +9 -9
  317. package/cjs/ui/MessageStatus.js +7 -7
  318. package/cjs/ui/Modal.js +6 -6
  319. package/cjs/ui/OGMessageItemBody.js +10 -10
  320. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  321. package/cjs/ui/OpenChannelAvatar.js +6 -6
  322. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  323. package/cjs/ui/OpenchannelFileMessage.js +14 -14
  324. package/cjs/ui/OpenchannelOGMessage.js +14 -14
  325. package/cjs/ui/OpenchannelThumbnailMessage.js +13 -13
  326. package/cjs/ui/OpenchannelUserMessage.js +14 -14
  327. package/cjs/ui/PlaceHolder.js +6 -6
  328. package/cjs/ui/QuoteMessage.js +6 -6
  329. package/cjs/ui/QuoteMessageInput.js +6 -6
  330. package/cjs/ui/ReactionBadge.js +3 -3
  331. package/cjs/ui/ReactionButton.js +1 -1
  332. package/cjs/ui/SortByRow.js +2 -2
  333. package/cjs/ui/TextButton.js +2 -2
  334. package/cjs/ui/TextMessageItemBody.js +10 -10
  335. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  336. package/cjs/ui/Tooltip.js +3 -3
  337. package/cjs/ui/TooltipWrapper.js +1 -1
  338. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  339. package/cjs/ui/UserListItem.js +11 -11
  340. package/cjs/ui/UserProfile.js +9 -9
  341. package/cjs/ui/Word.js +10 -10
  342. package/cjs/useSendbirdStateContext.js +1 -1
  343. package/cjs/{utils-01db6d26.js → utils-1a55af35.js} +1 -1
  344. package/cjs/{utils-01db6d26.js.map → utils-1a55af35.js.map} +1 -1
  345. package/cjs/{utils-37a47883.js → utils-6e0d31c1.js} +1 -1
  346. package/cjs/{utils-37a47883.js.map → utils-6e0d31c1.js.map} +1 -1
  347. package/cjs/{utils-291d272a.js → utils-9678c84d.js} +1 -1
  348. package/cjs/{utils-291d272a.js.map → utils-9678c84d.js.map} +1 -1
  349. package/cjs/{uuid-c813a8a1.js → uuid-d65b20f4.js} +1 -1
  350. package/cjs/{uuid-c813a8a1.js.map → uuid-d65b20f4.js.map} +1 -1
  351. package/cjs/withSendbird.js +1 -1
  352. package/{color-b897a03c.js → color-f2eb4a5c.js} +1 -1
  353. package/{color-b897a03c.js.map → color-f2eb4a5c.js.map} +1 -1
  354. package/{compareIds-4bd391cb.js → compareIds-eb1e7d68.js} +1 -1
  355. package/{compareIds-4bd391cb.js.map → compareIds-eb1e7d68.js.map} +1 -1
  356. package/{const-e71ab906.js → const-16b4a5bc.js} +1 -1
  357. package/{const-e71ab906.js.map → const-16b4a5bc.js.map} +1 -1
  358. package/{const-b4823468.js → const-fb6a3481.js} +1 -1
  359. package/{const-b4823468.js.map → const-fb6a3481.js.map} +1 -1
  360. package/{context-fd21f142.js → context-7fff4f4b.js} +2 -2
  361. package/{context-fd21f142.js.map → context-7fff4f4b.js.map} +1 -1
  362. package/dist/index.css +55 -55
  363. package/dist/index.css.map +1 -1
  364. package/handlers/ConnectionHandler.js +2 -4
  365. package/handlers/ConnectionHandler.js.map +1 -1
  366. package/handlers/GroupChannelHandler.js +2 -5
  367. package/handlers/GroupChannelHandler.js.map +1 -1
  368. package/handlers/OpenChannelHandler.js +2 -4
  369. package/handlers/OpenChannelHandler.js.map +1 -1
  370. package/handlers/SessionHandler.js +2 -4
  371. package/handlers/SessionHandler.js.map +1 -1
  372. package/handlers/UserEventHandler.js +2 -4
  373. package/handlers/UserEventHandler.js.map +1 -1
  374. package/{index-e6424a4d.js → index-18287518.js} +5 -5
  375. package/{index-e6424a4d.js.map → index-18287518.js.map} +1 -1
  376. package/{index-96a98383.js → index-2da4fc8b.js} +4 -4
  377. package/{index-96a98383.js.map → index-2da4fc8b.js.map} +1 -1
  378. package/{index-c022bfde.js → index-4b3a39fb.js} +2 -2
  379. package/{index-c022bfde.js.map → index-4b3a39fb.js.map} +1 -1
  380. package/{index-73516d8c.js → index-588758d3.js} +8 -8
  381. package/{index-73516d8c.js.map → index-588758d3.js.map} +1 -1
  382. package/{index-ce08211b.js → index-77a47859.js} +1 -1
  383. package/{index-ce08211b.js.map → index-77a47859.js.map} +1 -1
  384. package/{index-94381d3a.js → index-8efe7eef.js} +2 -2
  385. package/{index-94381d3a.js.map → index-8efe7eef.js.map} +1 -1
  386. package/{index-dfa71ceb.js → index-94cdeb24.js} +2 -2
  387. package/{index-dfa71ceb.js.map → index-94cdeb24.js.map} +1 -1
  388. package/{index-952ab825.js → index-b2f38e8f.js} +4 -4
  389. package/{index-952ab825.js.map → index-b2f38e8f.js.map} +1 -1
  390. package/{index-f6fd2b53.js → index-cd412326.js} +2 -2
  391. package/{index-f6fd2b53.js.map → index-cd412326.js.map} +1 -1
  392. package/{index-8b78f6b4.js → index-eb94cff0.js} +1 -1
  393. package/{index-8b78f6b4.js.map → index-eb94cff0.js.map} +1 -1
  394. package/index.d.ts +1 -1
  395. package/index.js +36 -38
  396. package/index.js.map +1 -1
  397. package/{openChannelUtils-19317cb9.js → openChannelUtils-8e493da2.js} +1 -1
  398. package/{openChannelUtils-19317cb9.js.map → openChannelUtils-8e493da2.js.map} +1 -1
  399. package/package.json +2 -5
  400. package/sendbirdSelectors.js +2 -2
  401. package/{stringSet-eb4a64cb.js → stringSet-45ca9cf3.js} +1 -1
  402. package/{stringSet-eb4a64cb.js.map → stringSet-45ca9cf3.js.map} +1 -1
  403. package/{topics-307251cc.js → topics-49a025df.js} +1 -1
  404. package/{topics-307251cc.js.map → topics-49a025df.js.map} +1 -1
  405. package/{tslib.es6-46e4c379.js → tslib.es6-6c915291.js} +1 -1
  406. package/{tslib.es6-46e4c379.js.map → tslib.es6-6c915291.js.map} +1 -1
  407. package/ui/Accordion.js +3 -3
  408. package/ui/AccordionGroup.js +2 -2
  409. package/ui/AdminMessage.js +3 -3
  410. package/ui/Avatar.js +2 -2
  411. package/ui/Badge.js +5 -5
  412. package/ui/Button.js +3 -3
  413. package/ui/ChannelAvatar.js +3 -3
  414. package/ui/ConnectionStatus.js +4 -4
  415. package/ui/ContextMenu.js +5 -5
  416. package/ui/DateSeparator.js +4 -4
  417. package/ui/EmojiReactions.js +7 -7
  418. package/ui/FileMessageItemBody.js +5 -5
  419. package/ui/FileViewer.js +8 -8
  420. package/ui/IconButton.js +1 -1
  421. package/ui/ImageRenderer.js +1 -1
  422. package/ui/Input.js +2 -2
  423. package/ui/Label.js +2 -2
  424. package/ui/LinkLabel.js +2 -2
  425. package/ui/Loader.js +1 -1
  426. package/ui/MentionLabel.js +10 -10
  427. package/ui/MessageContent.js +13 -13
  428. package/ui/MessageInput.js +9 -9
  429. package/ui/MessageItemMenu.js +7 -7
  430. package/ui/MessageItemReactionMenu.js +5 -5
  431. package/ui/MessageSearchFileItem.js +9 -9
  432. package/ui/MessageSearchItem.js +9 -9
  433. package/ui/MessageStatus.js +7 -7
  434. package/ui/Modal.js +6 -6
  435. package/ui/OGMessageItemBody.js +10 -10
  436. package/ui/OpenChannelAdminMessage.js +3 -3
  437. package/ui/OpenChannelAvatar.js +6 -6
  438. package/ui/OpenchannelConversationHeader.js +6 -6
  439. package/ui/OpenchannelFileMessage.js +14 -14
  440. package/ui/OpenchannelOGMessage.js +14 -14
  441. package/ui/OpenchannelThumbnailMessage.js +13 -13
  442. package/ui/OpenchannelUserMessage.js +14 -14
  443. package/ui/PlaceHolder.js +6 -6
  444. package/ui/QuoteMessage.js +6 -6
  445. package/ui/QuoteMessageInput.js +6 -6
  446. package/ui/ReactionBadge.js +3 -3
  447. package/ui/ReactionButton.js +1 -1
  448. package/ui/SortByRow.js +2 -2
  449. package/ui/TextButton.js +2 -2
  450. package/ui/TextMessageItemBody.js +10 -10
  451. package/ui/ThumbnailMessageItemBody.js +2 -2
  452. package/ui/Tooltip.js +3 -3
  453. package/ui/TooltipWrapper.js +1 -1
  454. package/ui/UnknownMessageItemBody.js +6 -6
  455. package/ui/UserListItem.js +11 -11
  456. package/ui/UserProfile.js +9 -9
  457. package/ui/Word.js +10 -10
  458. package/useSendbirdStateContext.js +1 -1
  459. package/{utils-ea8d6707.js → utils-17bc366a.js} +1 -1
  460. package/{utils-ea8d6707.js.map → utils-17bc366a.js.map} +1 -1
  461. package/{utils-c9a90631.js → utils-20cbe8fa.js} +1 -1
  462. package/{utils-c9a90631.js.map → utils-20cbe8fa.js.map} +1 -1
  463. package/{utils-c0d5a2eb.js → utils-baf58474.js} +1 -1
  464. package/{utils-c0d5a2eb.js.map → utils-baf58474.js.map} +1 -1
  465. package/{uuid-e8248f01.js → uuid-87b1c33e.js} +1 -1
  466. package/{uuid-e8248f01.js.map → uuid-87b1c33e.js.map} +1 -1
  467. package/withSendbird.js +1 -1
  468. package/__bundle-0dad34cd-10d4f218.js +0 -6
  469. package/__bundle-0dad34cd-10d4f218.js.map +0 -1
  470. package/__bundle-57e0c5af-4e9165b5.js +0 -6
  471. package/__bundle-57e0c5af-4e9165b5.js.map +0 -1
  472. package/__bundle-bd072f34-1aaac363.js +0 -6
  473. package/__bundle-bd072f34-1aaac363.js.map +0 -1
  474. package/_rollupPluginBabelHelpers-f6b9b32e.js.map +0 -1
  475. package/cjs/__bundle-0dad34cd-bd827f82.js +0 -33
  476. package/cjs/__bundle-0dad34cd-bd827f82.js.map +0 -1
  477. package/cjs/__bundle-57e0c5af-b8304f7a.js +0 -113
  478. package/cjs/__bundle-57e0c5af-b8304f7a.js.map +0 -1
  479. package/cjs/__bundle-bd072f34-578ccb1e.js +0 -15
  480. package/cjs/__bundle-bd072f34-578ccb1e.js.map +0 -1
  481. package/cjs/_rollupPluginBabelHelpers-6917423d.js.map +0 -1
  482. package/cjs/groupChannel-05c7f9f8.js +0 -11
  483. package/cjs/groupChannel-05c7f9f8.js.map +0 -1
  484. package/cjs/openChannel-c5952dd7.js +0 -10
  485. package/cjs/openChannel-c5952dd7.js.map +0 -1
  486. package/cjs/sendbird-5edd0213.js +0 -12
  487. package/cjs/sendbird-5edd0213.js.map +0 -1
  488. package/groupChannel-a10aea7a.js +0 -8
  489. package/groupChannel-a10aea7a.js.map +0 -1
  490. package/openChannel-80b84235.js +0 -7
  491. package/openChannel-80b84235.js.map +0 -1
  492. package/sendbird-7e3109ab.js +0 -7
  493. package/sendbird-7e3109ab.js.map +0 -1
@@ -3,26 +3,26 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var LocalizationContext = require('../../LocalizationContext-1f00818c.js');
6
+ var LocalizationContext = require('../../LocalizationContext-cbcf0cb4.js');
7
7
  var MessageSearch_context = require('../context.js');
8
8
  var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
9
- var ui_PlaceHolder = require('../../index-1ac7777f.js');
9
+ var ui_PlaceHolder = require('../../index-0ed70cab.js');
10
10
  var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
11
- require('../../stringSet-410775ff.js');
12
- require('../../index-d82f6dd1.js');
11
+ require('../../stringSet-ad7da257.js');
12
+ require('../../index-d1b358ca.js');
13
13
  require('../../useSendbirdStateContext.js');
14
14
  require('../../withSendbird.js');
15
- require('../../_rollupPluginBabelHelpers-6917423d.js');
16
- require('../../tslib.es6-7d75f2e2.js');
17
- require('../../index-a11fb495.js');
18
- require('../../index-92bda0ce.js');
19
- require('../../index-32123d95.js');
15
+ require('../../_rollupPluginBabelHelpers-9a6aaeec.js');
16
+ require('../../tslib.es6-abd78d7b.js');
17
+ require('../../index-22eb1c9f.js');
18
+ require('../../index-2bf74a6e.js');
19
+ require('../../index-1382ffca.js');
20
20
  require('../../ui/Avatar.js');
21
21
  require('../../ui/ImageRenderer.js');
22
22
  require('../../ui/Icon.js');
23
23
  require('prop-types');
24
- require('../../uuid-c813a8a1.js');
25
- require('../../index-8d7a94e3.js');
24
+ require('../../uuid-d65b20f4.js');
25
+ require('../../index-7795f392.js');
26
26
  require('../../ui/Loader.js');
27
27
 
28
28
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var useSendbirdStateContext = require('../useSendbirdStateContext.js');
7
- var tslib_es6 = require('../tslib.es6-7d75f2e2.js');
7
+ var tslib_es6 = require('../tslib.es6-abd78d7b.js');
8
8
  require('../withSendbird.js');
9
- require('../_rollupPluginBabelHelpers-6917423d.js');
9
+ require('../_rollupPluginBabelHelpers-9a6aaeec.js');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
12
 
@@ -2,28 +2,28 @@
2
2
 
3
3
  var React = require('react');
4
4
  var MessageSearch_components_MessageSearchUI = require('./MessageSearch/components/MessageSearchUI.js');
5
- var LocalizationContext = require('./LocalizationContext-1f00818c.js');
5
+ var LocalizationContext = require('./LocalizationContext-cbcf0cb4.js');
6
6
  var ui_Icon = require('./ui/Icon.js');
7
7
  var ui_IconButton = require('./ui/IconButton.js');
8
- var ui_Label = require('./index-8d7a94e3.js');
8
+ var ui_Label = require('./index-7795f392.js');
9
9
  var ui_Loader = require('./ui/Loader.js');
10
10
  var MessageSearch_context = require('./MessageSearch/context.js');
11
11
  require('./ui/MessageSearchItem.js');
12
- require('./tslib.es6-7d75f2e2.js');
13
- require('./index-a11fb495.js');
14
- require('./index-d82f6dd1.js');
15
- require('./index-92bda0ce.js');
16
- require('./index-32123d95.js');
12
+ require('./tslib.es6-abd78d7b.js');
13
+ require('./index-22eb1c9f.js');
14
+ require('./index-d1b358ca.js');
15
+ require('./index-2bf74a6e.js');
16
+ require('./index-1382ffca.js');
17
17
  require('./ui/Avatar.js');
18
18
  require('./ui/ImageRenderer.js');
19
- require('./uuid-c813a8a1.js');
20
- require('./index-1ac7777f.js');
19
+ require('./uuid-d65b20f4.js');
20
+ require('./index-0ed70cab.js');
21
21
  require('./ui/MessageSearchFileItem.js');
22
- require('./stringSet-410775ff.js');
22
+ require('./stringSet-ad7da257.js');
23
23
  require('prop-types');
24
24
  require('./useSendbirdStateContext.js');
25
25
  require('./withSendbird.js');
26
- require('./_rollupPluginBabelHelpers-6917423d.js');
26
+ require('./_rollupPluginBabelHelpers-9a6aaeec.js');
27
27
 
28
28
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
29
29
 
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var LocalizationContext = require('../../LocalizationContext-1f00818c.js');
5
- var ui_Label = require('../../index-8d7a94e3.js');
6
- require('../../stringSet-410775ff.js');
7
- require('../../index-d82f6dd1.js');
4
+ var LocalizationContext = require('../../LocalizationContext-cbcf0cb4.js');
5
+ var ui_Label = require('../../index-7795f392.js');
6
+ require('../../stringSet-ad7da257.js');
7
+ require('../../index-d1b358ca.js');
8
8
  require('prop-types');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -4,27 +4,24 @@ var React = require('react');
4
4
  var ui_Avatar = require('../../ui/Avatar.js');
5
5
  var ui_Icon = require('../../ui/Icon.js');
6
6
  var ui_IconButton = require('../../ui/IconButton.js');
7
- var ui_Label = require('../../index-8d7a94e3.js');
8
- var LocalizationContext = require('../../LocalizationContext-1f00818c.js');
9
- var OpenChannel_context = require('../../OpenChannelProvider-dd8403ee.js');
10
- require('../../tslib.es6-7d75f2e2.js');
7
+ var ui_Label = require('../../index-7795f392.js');
8
+ var LocalizationContext = require('../../LocalizationContext-cbcf0cb4.js');
9
+ var OpenChannel_context = require('../../OpenChannelProvider-eb97f46c.js');
10
+ require('../../tslib.es6-abd78d7b.js');
11
11
  require('../../ui/ImageRenderer.js');
12
- require('../../uuid-c813a8a1.js');
12
+ require('../../uuid-d65b20f4.js');
13
13
  require('prop-types');
14
- require('../../stringSet-410775ff.js');
15
- require('../../index-d82f6dd1.js');
16
- require('../../index-a11fb495.js');
17
- require('../../UserProfileContext-3a4f0132.js');
18
- require('../../compareIds-8d064912.js');
19
- require('../../topics-9747398e.js');
20
- require('../../sendbird-5edd0213.js');
21
- require('../../__bundle-57e0c5af-b8304f7a.js');
22
- require('../../__bundle-0dad34cd-bd827f82.js');
23
- require('../../openChannel-c5952dd7.js');
24
- require('../../__bundle-bd072f34-578ccb1e.js');
14
+ require('../../stringSet-ad7da257.js');
15
+ require('../../index-d1b358ca.js');
16
+ require('../../index-22eb1c9f.js');
17
+ require('../../UserProfileContext-6908ca72.js');
18
+ require('../../compareIds-d02b7d4d.js');
19
+ require('../../topics-c3de90e0.js');
20
+ require('@sendbird/chat');
21
+ require('@sendbird/chat/openChannel');
25
22
  require('../../useSendbirdStateContext.js');
26
23
  require('../../withSendbird.js');
27
- require('../../_rollupPluginBabelHelpers-6917423d.js');
24
+ require('../../_rollupPluginBabelHelpers-9a6aaeec.js');
28
25
 
29
26
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
30
27
 
@@ -1 +1 @@
1
- {"version":3,"file":"OpenChannelHeader.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelHeader/index.tsx"],"sourcesContent":["import './open-channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport { kFormatter } from '../../context/utils';\n\nexport default function OpenchannelConversationHeader(): JSX.Element {\n const { stringSet } = useContext(LocalizationContext);\n const {\n currentOpenChannel,\n onChatHeaderActionClick,\n amIOperator,\n } = useOpenChannelContext();\n const title = currentOpenChannel?.name;\n const subTitle = `${kFormatter(currentOpenChannel?.participantCount)} ${stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS}`;\n const coverImage = currentOpenChannel?.coverUrl;\n\n return (\n <div className=\"sendbird-openchannel-conversation-header\">\n <div className=\"sendbird-openchannel-conversation-header__left\">\n {\n coverImage ? (\n <Avatar\n className=\"sendbird-openchannel-conversation-header__left__cover-image\"\n src={coverImage}\n alt=\"channel cover image\"\n width=\"32px\"\n height=\"32px\"\n />\n ) : (\n <div\n className=\"sendbird-openchannel-conversation-header__left__cover-image--icon\"\n style={{ width: 32, height: 32 }}\n >\n <Icon\n type={IconTypes.CHANNELS}\n fillColor={IconColors.CONTENT}\n width=\"18px\"\n height=\"18px\"\n />\n </div>\n )\n }\n <Label\n className=\"sendbird-openchannel-conversation-header__left__title\"\n type={LabelTypography.H_2}\n color={LabelColors.ONBACKGROUND_1}\n >\n {title || stringSet.NO_TITLE}\n </Label>\n <Label\n className=\"sendbird-openchannel-conversation-header__left__sub-title\"\n type={LabelTypography.BODY_2}\n color={LabelColors.ONBACKGROUND_2}\n >\n {subTitle || stringSet.NO_TITLE}\n </Label>\n </div>\n <div className=\"sendbird-openchannel-conversation-header__right\">\n <IconButton\n className=\"sendbird-openchannel-conversation-header__right__trigger\"\n width=\"32px\"\n height=\"32px\"\n onClick={onChatHeaderActionClick}\n >\n <Icon\n type={(\n amIOperator\n ? IconTypes.INFO\n : IconTypes.MEMBERS\n )}\n fillColor={IconColors.PRIMARY}\n width=\"24px\"\n height=\"24px\"\n />\n </IconButton>\n </div>\n </div>\n );\n}\n"],"names":["OpenchannelConversationHeader","stringSet","useContext","LocalizationContext","_a","useOpenChannelContext","currentOpenChannel","onChatHeaderActionClick","amIOperator","title","name","subTitle","concat","kFormatter","participantCount","OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS","coverImage","coverUrl","React","Avatar","width","height","Icon","IconTypes","CHANNELS","IconColors","CONTENT","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","IconButton","INFO","MEMBERS","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYc,SAAUA,6BAAV,GAAuC;AAC3C,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;;EACF,IAAAC,EAIF,GAAAC,yCAAqB,EAJnB;AAAA,MACJC,kBAAkB,GAAAF,EAAA,CAAAE,kBADd;AAAA,MAEJC,uBAAuB,GAAAH,EAAA,CAAAG,uBAFnB;AAAA,MAGJC,WAAW,GAAAJ,EAAA,CAAAI,WAHP,CAAA;;AAKN,EAAA,IAAMC,KAAK,GAAGH,kBAAkB,KAAA,IAAlB,IAAAA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,kBAAkB,CAAEI,IAAlC,CAAA;AACA,EAAA,IAAMC,QAAQ,GAAG,EAAAC,CAAAA,MAAA,CAAGC,8BAAU,CAACP,kBAAkB,SAAlB,IAAAA,kBAAkB,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAAA,kBAAkB,CAAEQ,gBAArB,CAAb,EAAmD,GAAnD,CAAA,CAAmDF,MAAnD,CAAuDX,SAAS,CAACc,6CAAjE,CAAjB,CAAA;AACA,EAAA,IAAMC,UAAU,GAAGV,kBAAkB,KAAA,IAAlB,IAAAA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,kBAAkB,CAAEW,QAAvC,CAAA;EAEA,oBACEC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,0CAAA;GACb,eAAAA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,gDAAA;GAEXF,EAAAA,UAAU,gBACRE,yBAAA,CAAA,aAAA,CAACC,oBAAD,EAAA;AACE,IAAA,SAAS,EAAC,6DADZ;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,GAAG,EAAC,qBAHN;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MAAA;AALT,GAAA,CADQ,gBASRE,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAE,EAAT;AAAaC,MAAAA,MAAM,EAAE,EAAA;AAArB,KAAA;AAFT,GAAA,eAIEH,wCAACI,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,QADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GARX,CAAA,CAXN,eAwBER,yBAAA,CAAA,aAAA,CAACS,cAAD,EAAA;AACE,IAAA,SAAS,EAAC,uDADZ;IAEE,IAAI,EAAEC,wBAAe,CAACC,GAFxB;IAGE,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBtB,EAAAA,KAAK,IAAIR,SAAS,CAAC+B,QALtB,CAxBF,eA+BEd,wCAACS,cAAD,EAAA;AACE,IAAA,SAAS,EAAC,2DADZ;IAEE,IAAI,EAAEC,wBAAe,CAACK,MAFxB;IAGE,KAAK,EAAEH,oBAAW,CAACI,cAAAA;AAHrB,GAAA,EAKGvB,QAAQ,IAAIV,SAAS,CAAC+B,QALzB,CA/BF,CADF,eAwCEd,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,iDAAA;AAAf,GAAA,eACEA,wCAACiB,aAAD,EAAA;AACE,IAAA,SAAS,EAAC,0DADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,OAAO,EAAE5B,uBAAAA;AAJX,GAAA,eAMEW,wCAACI,kBAAD,EAAA;IACE,IAAI,EACFd,WAAW,GACTe,iBAAS,CAACa,IADD,GAETb,iBAAS,CAACc,OAJhB;IAME,SAAS,EAAEZ,kBAAU,CAACa,OANxB;AAOE,IAAA,KAAK,EAAC,MAPR;AAQE,IAAA,MAAM,EAAC,MAAA;GAdX,CAAA,CADF,CAxCF,CADF,CAAA;AA8DD;;;;"}
1
+ {"version":3,"file":"OpenChannelHeader.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelHeader/index.tsx"],"sourcesContent":["import './open-channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport { kFormatter } from '../../context/utils';\n\nexport default function OpenchannelConversationHeader(): JSX.Element {\n const { stringSet } = useContext(LocalizationContext);\n const {\n currentOpenChannel,\n onChatHeaderActionClick,\n amIOperator,\n } = useOpenChannelContext();\n const title = currentOpenChannel?.name;\n const subTitle = `${kFormatter(currentOpenChannel?.participantCount)} ${stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS}`;\n const coverImage = currentOpenChannel?.coverUrl;\n\n return (\n <div className=\"sendbird-openchannel-conversation-header\">\n <div className=\"sendbird-openchannel-conversation-header__left\">\n {\n coverImage ? (\n <Avatar\n className=\"sendbird-openchannel-conversation-header__left__cover-image\"\n src={coverImage}\n alt=\"channel cover image\"\n width=\"32px\"\n height=\"32px\"\n />\n ) : (\n <div\n className=\"sendbird-openchannel-conversation-header__left__cover-image--icon\"\n style={{ width: 32, height: 32 }}\n >\n <Icon\n type={IconTypes.CHANNELS}\n fillColor={IconColors.CONTENT}\n width=\"18px\"\n height=\"18px\"\n />\n </div>\n )\n }\n <Label\n className=\"sendbird-openchannel-conversation-header__left__title\"\n type={LabelTypography.H_2}\n color={LabelColors.ONBACKGROUND_1}\n >\n {title || stringSet.NO_TITLE}\n </Label>\n <Label\n className=\"sendbird-openchannel-conversation-header__left__sub-title\"\n type={LabelTypography.BODY_2}\n color={LabelColors.ONBACKGROUND_2}\n >\n {subTitle || stringSet.NO_TITLE}\n </Label>\n </div>\n <div className=\"sendbird-openchannel-conversation-header__right\">\n <IconButton\n className=\"sendbird-openchannel-conversation-header__right__trigger\"\n width=\"32px\"\n height=\"32px\"\n onClick={onChatHeaderActionClick}\n >\n <Icon\n type={(\n amIOperator\n ? IconTypes.INFO\n : IconTypes.MEMBERS\n )}\n fillColor={IconColors.PRIMARY}\n width=\"24px\"\n height=\"24px\"\n />\n </IconButton>\n </div>\n </div>\n );\n}\n"],"names":["OpenchannelConversationHeader","stringSet","useContext","LocalizationContext","_a","useOpenChannelContext","currentOpenChannel","onChatHeaderActionClick","amIOperator","title","name","subTitle","concat","kFormatter","participantCount","OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS","coverImage","coverUrl","React","Avatar","width","height","Icon","IconTypes","CHANNELS","IconColors","CONTENT","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","IconButton","INFO","MEMBERS","PRIMARY"],"mappings":"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"}
@@ -1,33 +1,30 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var LocalizationContext = require('../../LocalizationContext-1f00818c.js');
4
+ var LocalizationContext = require('../../LocalizationContext-cbcf0cb4.js');
5
5
  var ui_MessageInput = require('../../ui/MessageInput.js');
6
- var OpenChannel_context = require('../../OpenChannelProvider-dd8403ee.js');
7
- require('../../stringSet-410775ff.js');
8
- require('../../index-d82f6dd1.js');
9
- require('../../_rollupPluginBabelHelpers-6917423d.js');
6
+ var OpenChannel_context = require('../../OpenChannelProvider-eb97f46c.js');
7
+ require('../../stringSet-ad7da257.js');
8
+ require('../../index-d1b358ca.js');
9
+ require('../../_rollupPluginBabelHelpers-9a6aaeec.js');
10
10
  require('react-dom/server');
11
11
  require('prop-types');
12
- require('../../const-bf239fc5.js');
13
- require('../../const-67a2a885.js');
12
+ require('../../const-361bde29.js');
13
+ require('../../const-107d31d6.js');
14
14
  require('../../ui/IconButton.js');
15
- require('../../tslib.es6-7d75f2e2.js');
15
+ require('../../tslib.es6-abd78d7b.js');
16
16
  require('../../ui/Button.js');
17
- require('../../index-8d7a94e3.js');
17
+ require('../../index-7795f392.js');
18
18
  require('../../ui/MentionUserLabel.js');
19
19
  require('../../ui/Icon.js');
20
- require('../../index-177380fc.js');
21
- require('../../index-a11fb495.js');
22
- require('../../UserProfileContext-3a4f0132.js');
23
- require('../../compareIds-8d064912.js');
24
- require('../../topics-9747398e.js');
25
- require('../../sendbird-5edd0213.js');
26
- require('../../__bundle-57e0c5af-b8304f7a.js');
27
- require('../../__bundle-0dad34cd-bd827f82.js');
28
- require('../../openChannel-c5952dd7.js');
29
- require('../../__bundle-bd072f34-578ccb1e.js');
30
- require('../../uuid-c813a8a1.js');
20
+ require('../../index-0b9be346.js');
21
+ require('../../index-22eb1c9f.js');
22
+ require('../../UserProfileContext-6908ca72.js');
23
+ require('../../compareIds-d02b7d4d.js');
24
+ require('../../topics-c3de90e0.js');
25
+ require('@sendbird/chat');
26
+ require('@sendbird/chat/openChannel');
27
+ require('../../uuid-d65b20f4.js');
31
28
  require('../../useSendbirdStateContext.js');
32
29
  require('../../withSendbird.js');
33
30
 
@@ -1 +1 @@
1
- {"version":3,"file":"OpenChannelInput.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nexport type MessageInputWrapperProps = {\n value?: string;\n};\n\nconst MessageInputWrapper = (props: MessageInputWrapperProps, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n const {\n currentOpenChannel,\n disabled,\n handleSendMessage,\n handleFileUpload,\n } = useOpenChannelContext();\n\n const channel = currentOpenChannel;\n if (!channel) {\n return;\n }\n\n const { stringSet } = useContext(LocalizationContext);\n const { value } = props;\n\n return (\n <div className=\"sendbird-openchannel-footer\">\n <MessageInput\n ref={ref}\n value={value}\n disabled={disabled}\n onSendMessage={handleSendMessage}\n onFileUpload={handleFileUpload}\n placeholder={(\n disabled\n && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED\n // add disabled because of muted state\n )}\n />\n </div>\n );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","_a","useOpenChannelContext","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","channel","stringSet","useContext","LocalizationContext","value","React","MessageInput","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,mBAAmB,GAAG,UAACC,KAAD,EAAkCC,GAAlC,EAAwE;EAC5F,IAAAC,EAKF,GAAAC,yCAAqB,EALnB;AAAA,MACJC,kBAAkB,GAAAF,EAAA,CAAAE,kBADd;AAAA,MAEJC,QAAQ,GAAAH,EAAA,CAAAG,QAFJ;AAAA,MAGJC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAHb;AAAA,MAIJC,gBAAgB,sBAJZ,CAAA;;EAON,IAAMC,OAAO,GAAGJ,kBAAhB,CAAA;;EACA,IAAI,CAACI,OAAL,EAAc;AACZ,IAAA,OAAA;AACD,GAAA;;AAEO,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;AACA,EAAA,IAAAC,KAAK,GAAKZ,KAAK,CAAAY,KAAf,CAAA;EAER,oBACEC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6BAAA;AAAf,GAAA,eACEA,wCAACC,eAAD,EAAA;AACE,IAAA,GAAG,EAAEb,GADP;AAEE,IAAA,KAAK,EAAEW,KAFT;AAGE,IAAA,QAAQ,EAAEP,QAHZ;AAIE,IAAA,aAAa,EAAEC,iBAJjB;AAKE,IAAA,YAAY,EAAEC,gBALhB;AAME,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACM,qCAFJ;;AANb,GAAA,CADF,CADF,CAAA;AAgBD,CAhCD,CAAA;;AAkCA,uBAAA,aAAeF,yBAAK,CAACG,UAAN,CAAiBjB,mBAAjB,CAAf;;;;"}
1
+ {"version":3,"file":"OpenChannelInput.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nexport type MessageInputWrapperProps = {\n value?: string;\n};\n\nconst MessageInputWrapper = (props: MessageInputWrapperProps, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n const {\n currentOpenChannel,\n disabled,\n handleSendMessage,\n handleFileUpload,\n } = useOpenChannelContext();\n\n const channel = currentOpenChannel;\n if (!channel) {\n return;\n }\n\n const { stringSet } = useContext(LocalizationContext);\n const { value } = props;\n\n return (\n <div className=\"sendbird-openchannel-footer\">\n <MessageInput\n ref={ref}\n value={value}\n disabled={disabled}\n onSendMessage={handleSendMessage}\n onFileUpload={handleFileUpload}\n placeholder={(\n disabled\n && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED\n // add disabled because of muted state\n )}\n />\n </div>\n );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","_a","useOpenChannelContext","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","channel","stringSet","useContext","LocalizationContext","value","React","MessageInput","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,mBAAmB,GAAG,UAACC,KAAD,EAAkCC,GAAlC,EAAwE;EAC5F,IAAAC,EAKF,GAAAC,yCAAqB,EALnB;AAAA,MACJC,kBAAkB,GAAAF,EAAA,CAAAE,kBADd;AAAA,MAEJC,QAAQ,GAAAH,EAAA,CAAAG,QAFJ;AAAA,MAGJC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAHb;AAAA,MAIJC,gBAAgB,sBAJZ,CAAA;;EAON,IAAMC,OAAO,GAAGJ,kBAAhB,CAAA;;EACA,IAAI,CAACI,OAAL,EAAc;AACZ,IAAA,OAAA;AACD,GAAA;;AAEO,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;AACA,EAAA,IAAAC,KAAK,GAAKZ,KAAK,CAAAY,KAAf,CAAA;EAER,oBACEC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6BAAA;AAAf,GAAA,eACEA,wCAACC,eAAD,EAAA;AACE,IAAA,GAAG,EAAEb,GADP;AAEE,IAAA,KAAK,EAAEW,KAFT;AAGE,IAAA,QAAQ,EAAEP,QAHZ;AAIE,IAAA,aAAa,EAAEC,iBAJjB;AAKE,IAAA,YAAY,EAAEC,gBALhB;AAME,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACM,qCAFJ;;AANb,GAAA,CADF,CADF,CAAA;AAgBD,CAhCD,CAAA;;AAkCA,uBAAA,aAAeF,yBAAK,CAACG,UAAN,CAAiBjB,mBAAjB,CAAf;;;;"}
@@ -1,60 +1,57 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var index = require('../../index-a11fb495.js');
4
+ var index = require('../../index-22eb1c9f.js');
5
5
  var ui_OpenchannelUserMessage = require('../../ui/OpenchannelUserMessage.js');
6
6
  var ui_OpenChannelAdminMessage = require('../../ui/OpenChannelAdminMessage.js');
7
7
  var ui_OpenchannelOGMessage = require('../../ui/OpenchannelOGMessage.js');
8
8
  var ui_OpenchannelThumbnailMessage = require('../../ui/OpenchannelThumbnailMessage.js');
9
9
  var ui_OpenchannelFileMessage = require('../../ui/OpenchannelFileMessage.js');
10
10
  var ui_DateSeparator = require('../../ui/DateSeparator.js');
11
- var ui_Label = require('../../index-8d7a94e3.js');
11
+ var ui_Label = require('../../index-7795f392.js');
12
12
  var ui_MessageInput = require('../../ui/MessageInput.js');
13
13
  var ui_FileViewer = require('../../ui/FileViewer.js');
14
14
  var ui_Modal = require('../../ui/Modal.js');
15
- var LocalizationContext = require('../../LocalizationContext-1f00818c.js');
16
- var tslib_es6 = require('../../tslib.es6-7d75f2e2.js');
17
- var OpenChannel_context = require('../../OpenChannelProvider-dd8403ee.js');
15
+ var LocalizationContext = require('../../LocalizationContext-cbcf0cb4.js');
16
+ var tslib_es6 = require('../../tslib.es6-abd78d7b.js');
17
+ var OpenChannel_context = require('../../OpenChannelProvider-eb97f46c.js');
18
18
  var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
19
- require('../../index-d82f6dd1.js');
19
+ require('../../index-d1b358ca.js');
20
20
  require('../../ui/Avatar.js');
21
21
  require('../../ui/ImageRenderer.js');
22
22
  require('../../ui/Icon.js');
23
23
  require('prop-types');
24
- require('../../uuid-c813a8a1.js');
24
+ require('../../uuid-d65b20f4.js');
25
25
  require('../../ui/ContextMenu.js');
26
26
  require('react-dom');
27
27
  require('../../ui/SortByRow.js');
28
- require('../../index-177380fc.js');
29
- require('../../stringSet-410775ff.js');
28
+ require('../../index-0b9be346.js');
29
+ require('../../stringSet-ad7da257.js');
30
30
  require('../../ui/IconButton.js');
31
31
  require('../../ui/Loader.js');
32
32
  require('../../ui/UserProfile.js');
33
33
  require('../../withSendbird.js');
34
- require('../../_rollupPluginBabelHelpers-6917423d.js');
34
+ require('../../_rollupPluginBabelHelpers-9a6aaeec.js');
35
35
  require('../../sendbirdSelectors.js');
36
- require('../../topics-9747398e.js');
37
- require('../../utils-37a47883.js');
36
+ require('../../topics-c3de90e0.js');
37
+ require('../../utils-6e0d31c1.js');
38
38
  require('../../ui/Button.js');
39
- require('../../UserProfileContext-3a4f0132.js');
40
- require('../../utils-01db6d26.js');
41
- require('../../openChannelUtils-f286fd78.js');
39
+ require('../../UserProfileContext-6908ca72.js');
40
+ require('../../utils-1a55af35.js');
41
+ require('../../openChannelUtils-fd06d626.js');
42
42
  require('../../ui/LinkLabel.js');
43
43
  require('../../ui/Word.js');
44
44
  require('../../ui/MentionLabel.js');
45
45
  require('../../ui/TextButton.js');
46
- require('../../color-0a6e19c1.js');
46
+ require('../../color-a1e2762f.js');
47
47
  require('react-dom/server');
48
- require('../../const-bf239fc5.js');
49
- require('../../const-67a2a885.js');
48
+ require('../../const-361bde29.js');
49
+ require('../../const-107d31d6.js');
50
50
  require('../../ui/MentionUserLabel.js');
51
- require('../../index-8c25d6aa.js');
52
- require('../../compareIds-8d064912.js');
53
- require('../../sendbird-5edd0213.js');
54
- require('../../__bundle-57e0c5af-b8304f7a.js');
55
- require('../../__bundle-0dad34cd-bd827f82.js');
56
- require('../../openChannel-c5952dd7.js');
57
- require('../../__bundle-bd072f34-578ccb1e.js');
51
+ require('../../index-700588f1.js');
52
+ require('../../compareIds-d02b7d4d.js');
53
+ require('@sendbird/chat');
54
+ require('@sendbird/chat/openChannel');
58
55
 
59
56
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
60
57
 
@@ -1 +1 @@
1
- {"version":3,"file":"OpenChannelMessage.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/RemoveMessageModal.tsx","../../../../src/ui/FileViewer/types.ts","../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/utils.ts","../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/index.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { ClientFileMessage, ClientUserMessage } from '../../../../index';\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n onCloseModal(): void;\n onDeleteMessage(message: ClientUserMessage | ClientFileMessage, callback?: () => void): void;\n}\n\nexport default function RemoveMessageModal({\n onCloseModal,\n onDeleteMessage,\n}: Props): JSX.Element {\n const { stringSet } = useContext(LocalizationContext);\n\n return (\n <Modal\n onCancel={onCloseModal}\n onSubmit={onDeleteMessage}\n submitText={stringSet.MESSAGE_MENU__DELETE}\n titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n />\n );\n}\n","// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types\n\nexport type SupportedImageMimesType = 'image/jpeg' | 'image/jpg' | 'image/png' | 'image/gif' | 'image/svg+xml' | 'image/webp';\nexport type SupportedVideoMimesType = 'video/mpeg' | 'video/ogg' | 'video/webm' | 'video/mp4';\nexport type SupportedMimesType = SupportedImageMimesType | SupportedVideoMimesType;\n\nconst SUPPORTED_MIMES = {\n IMAGE: [\n 'image/jpeg',\n 'image/jpg',\n 'image/png',\n 'image/gif',\n 'image/svg+xml',\n 'image/webp',\n ],\n VIDEO: [\n 'video/mpeg',\n 'video/ogg',\n 'video/webm',\n 'video/mp4',\n ],\n};\n\nexport const isImage = (type: SupportedImageMimesType): boolean => SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;\nexport const isVideo = (type: SupportedVideoMimesType): boolean => SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;\nexport const isGif = (type: SupportedMimesType): boolean => type === 'image/gif';\nexport const unSupported = (type: SupportedMimesType): boolean => (\n !(\n isImage(type as SupportedImageMimesType)\n || isVideo(type as SupportedVideoMimesType)\n )\n);\n\nexport default { ...SUPPORTED_MIMES };\n","import { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { isImage, isVideo } from '../../../../ui/FileViewer/types';\n\nexport const MessageTypes = {\n ADMIN: 'ADMIN',\n USER: 'USER',\n FILE: 'FILE',\n THUMBNAIL: 'THUMBNAIL',\n OG: 'OG',\n UNKNOWN: 'UNKNOWN',\n};\n\nexport const SendingMessageStatus = {\n NONE: 'none',\n SUCCEEDED: 'succeeded',\n FAILED: 'failed',\n PENDING: 'pending',\n};\n\nexport const getMessageType = (message: UserMessage | FileMessage | AdminMessage): string => {\n if ((message?.isUserMessage?.()) || message?.messageType === 'user') {\n return (message?.ogMetaData)\n ? MessageTypes.OG\n : MessageTypes.USER;\n }\n if (message?.isAdminMessage?.()) {\n return MessageTypes.ADMIN;\n }\n if (message?.messageType === 'file') {\n return (isImage((message as FileMessage).type) || isVideo((message as FileMessage).type))\n ? MessageTypes.THUMBNAIL\n : MessageTypes.FILE;\n }\n return MessageTypes.UNKNOWN;\n};\n\nexport default {\n MessageTypes,\n SendingMessageStatus,\n getMessageType,\n};\n","import React, {\n useState,\n useRef,\n ReactElement,\n useMemo,\n} from 'react';\nimport { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { User } from '@sendbird/chat';\nimport format from 'date-fns/format';\n\nimport OpenChannelUserMessage from '../../../../ui/OpenchannelUserMessage';\nimport OpenChannelAdminMessage from '../../../../ui/OpenChannelAdminMessage';\nimport OpenChannelOGMessage from '../../../../ui/OpenchannelOGMessage';\nimport OpenChannelThumbnailMessage from '../../../../ui/OpenchannelThumbnailMessage';\nimport OpenChannelFileMessage from '../../../../ui/OpenchannelFileMessage';\n// import UnknownMessage from '../../../../ui/UnknownMessage';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport FileViewer from '../../../../ui/FileViewer';\n\nimport RemoveMessageModal from './RemoveMessageModal';\nimport {\n MessageTypes,\n SendingMessageStatus,\n getMessageType,\n} from './utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\nexport type OpenChannelMessageProps = {\n renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n message: UserMessage | FileMessage | AdminMessage;\n chainTop?: boolean;\n chainBottom?: boolean;\n hasSeparator?: boolean;\n editDisabled?: boolean;\n};\n\nexport default function MessagOpenChannelMessageeHoc(props: OpenChannelMessageProps): ReactElement {\n const {\n message,\n chainTop,\n chainBottom,\n hasSeparator,\n renderMessage,\n } = props;\n\n const {\n currentOpenChannel,\n deleteMessage,\n updateMessage,\n resendMessage,\n } = useOpenChannelContext();\n const { dateLocale } = useLocalization();\n const editDisabled = currentOpenChannel?.isFrozen;\n\n const globalState = useSendbirdStateContext();\n const userId = globalState?.config?.userId;\n\n let sender: User = null;\n if (message?.messageType !== 'admin') {\n sender = (message as UserMessage | FileMessage)?.sender;\n }\n\n const RenderedMessage = useMemo(() => (props: RenderMessageProps) => {\n return (\n <>\n {\n renderMessage\n ? (renderMessage(props))\n : null\n }\n </>\n );\n }, [message, renderMessage]);\n\n const [showEdit, setShowEdit] = useState(false);\n const [showRemove, setShowRemove] = useState(false);\n const [showFileViewer, setShowFileViewer] = useState(false);\n const editMessageInputRef = useRef(null);\n\n let isByMe = false;\n\n if (sender && message?.messageType !== 'admin') {\n // pending and failed messages are by me\n isByMe = (userId === sender.userId)\n || ((message as UserMessage | FileMessage)?.sendingStatus === SendingMessageStatus.PENDING)\n || ((message as UserMessage | FileMessage)?.sendingStatus === SendingMessageStatus.FAILED);\n }\n\n if (renderMessage && RenderedMessage) {\n return (\n <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n <RenderedMessage message={message} chainTop={chainTop} chainBottom={chainBottom} />\n </div>\n );\n }\n\n if (message?.messageType === 'user' && showEdit) {\n return (\n <MessageInput\n isEdit\n disabled={editDisabled}\n ref={editMessageInputRef}\n message={message as UserMessage}\n name={message?.messageId}\n onUpdateMessage={({ messageId, message }) => {\n updateMessage(messageId, message);\n setShowEdit(false);\n }}\n onCancelEdit={() => { setShowEdit(false); }}\n />\n );\n }\n\n return (\n <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n {/* date-separator */}\n {\n (hasSeparator && message?.createdAt) && (\n <DateSeparator>\n <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n {format(message?.createdAt, 'MMMM dd, yyyy', {\n locale: dateLocale,\n })}\n </Label>\n </DateSeparator>\n )\n }\n {/* Message */}\n {\n {\n [MessageTypes.ADMIN]: (() => {\n if (message?.messageType === 'admin') {\n return (\n <OpenChannelAdminMessage message={message as AdminMessage} />\n )\n }\n })(),\n [MessageTypes.FILE]: (() => {\n if (message?.messageType === 'file') {\n return (\n <OpenChannelFileMessage\n message={message as FileMessage}\n isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n disabled={editDisabled}\n userId={userId}\n showRemove={setShowRemove}\n resendMessage={resendMessage}\n chainTop={chainTop}\n chainBottom={chainBottom}\n />\n );\n }\n return;\n })(),\n [MessageTypes.OG]: (() => {\n if (message?.messageType === 'user') {\n return (\n <OpenChannelOGMessage\n message={message as UserMessage}\n isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n userId={userId}\n showEdit={setShowEdit}\n disabled={editDisabled}\n showRemove={setShowRemove}\n resendMessage={resendMessage}\n chainTop={chainTop}\n chainBottom={chainBottom}\n />\n );\n }\n return;\n })(),\n [MessageTypes.THUMBNAIL]: (() => {\n if (message?.messageType === 'file') {\n return (\n <OpenChannelThumbnailMessage\n message={message as FileMessage}\n isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n disabled={editDisabled}\n userId={userId}\n showRemove={setShowRemove}\n resendMessage={resendMessage}\n onClick={setShowFileViewer}\n chainTop={chainTop}\n chainBottom={chainBottom}\n />\n );\n }\n return;\n })(),\n [MessageTypes.USER]: (() => {\n if (message?.messageType === 'user') {\n return (\n <OpenChannelUserMessage\n message={message as UserMessage}\n isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n userId={userId}\n disabled={editDisabled}\n showEdit={setShowEdit}\n showRemove={setShowRemove}\n resendMessage={resendMessage}\n chainTop={chainTop}\n chainBottom={chainBottom}\n />\n );\n }\n return;\n })(),\n [MessageTypes.UNKNOWN]: (() => {\n return;\n // return (\n // <OpenChannelUnknownMessage message={message} />\n // );\n })(),\n }[getMessageType(message)]\n }\n {/* Modal */}\n {\n showRemove && (\n <RemoveMessageModal\n onCloseModal={() => setShowRemove(false)}\n onDeleteMessage={() => {\n if (message?.messageType !== 'admin') {\n deleteMessage(message);\n }\n }}\n />\n )\n }\n {\n (showFileViewer && message?.messageType === 'file') && (\n <FileViewer\n onClose={() => setShowFileViewer(false)}\n message={message}\n onDelete={() => deleteMessage(message)}\n isByMe={isByMe}\n />\n )\n }\n {/* {\n !((message?.isFileMessage && message?.isFileMessage()) || message?.messageType === 'file')\n && !(message?.isAdminMessage && message?.isAdminMessage())\n && !(((message?.isUserMessage && message?.isUserMessage()) || message?.messageType === 'user'))\n && !(showFileViewer)\n && (\n <UnknownMessage\n message={message}\n isByMe={isByMe}\n showRemove={setShowRemove}\n chainTop={chainTop}\n chainBottom={chainBottom}\n />\n )\n } */}\n </div>\n );\n}\n"],"names":["RemoveMessageModal","_a","onCloseModal","onDeleteMessage","stringSet","useContext","LocalizationContext","React","Modal","MESSAGE_MENU__DELETE","MODAL__DELETE_MESSAGE__TITLE","SUPPORTED_MIMES","IMAGE","VIDEO","isImage","type","indexOf","isVideo","__assign","MessageTypes","ADMIN","USER","FILE","THUMBNAIL","OG","UNKNOWN","SendingMessageStatus","NONE","SUCCEEDED","FAILED","PENDING","getMessageType","message","isUserMessage","call","messageType","ogMetaData","_b","isAdminMessage","MessagOpenChannelMessageeHoc","props","chainTop","chainBottom","hasSeparator","renderMessage","_c","useOpenChannelContext","currentOpenChannel","deleteMessage","updateMessage","resendMessage","dateLocale","useLocalization","editDisabled","isFrozen","globalState","useSendbirdStateContext","userId","config","sender","RenderedMessage","useMemo","_d","useState","showEdit","setShowEdit","_e","showRemove","setShowRemove","_f","showFileViewer","setShowFileViewer","editMessageInputRef","useRef","isByMe","sendingStatus","MessageInput","messageId","createdAt","DateSeparator","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","locale","OpenChannelAdminMessage","OpenChannelFileMessage","isOperator","OpenChannelOGMessage","OpenChannelThumbnailMessage","OpenChannelUserMessage","FileViewer"],"mappings":"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"}
1
+ {"version":3,"file":"OpenChannelMessage.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/RemoveMessageModal.tsx","../../../../src/ui/FileViewer/types.ts","../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/utils.ts","../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/index.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { ClientFileMessage, ClientUserMessage } from '../../../../index';\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n onCloseModal(): void;\n onDeleteMessage(message: ClientUserMessage | ClientFileMessage, callback?: () => void): void;\n}\n\nexport default function RemoveMessageModal({\n onCloseModal,\n onDeleteMessage,\n}: Props): JSX.Element {\n const { stringSet } = useContext(LocalizationContext);\n\n return (\n <Modal\n onCancel={onCloseModal}\n onSubmit={onDeleteMessage}\n submitText={stringSet.MESSAGE_MENU__DELETE}\n titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n />\n );\n}\n","// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types\n\nexport type SupportedImageMimesType = 'image/jpeg' | 'image/jpg' | 'image/png' | 'image/gif' | 'image/svg+xml' | 'image/webp';\nexport type SupportedVideoMimesType = 'video/mpeg' | 'video/ogg' | 'video/webm' | 'video/mp4';\nexport type SupportedMimesType = SupportedImageMimesType | SupportedVideoMimesType;\n\nconst SUPPORTED_MIMES = {\n IMAGE: [\n 'image/jpeg',\n 'image/jpg',\n 'image/png',\n 'image/gif',\n 'image/svg+xml',\n 'image/webp',\n ],\n VIDEO: [\n 'video/mpeg',\n 'video/ogg',\n 'video/webm',\n 'video/mp4',\n ],\n};\n\nexport const isImage = (type: SupportedImageMimesType): boolean => SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;\nexport const isVideo = (type: SupportedVideoMimesType): boolean => SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;\nexport const isGif = (type: SupportedMimesType): boolean => type === 'image/gif';\nexport const unSupported = (type: SupportedMimesType): boolean => (\n !(\n isImage(type as SupportedImageMimesType)\n || isVideo(type as SupportedVideoMimesType)\n )\n);\n\nexport default { ...SUPPORTED_MIMES };\n","import { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { isImage, isVideo } from '../../../../ui/FileViewer/types';\n\nexport const MessageTypes = {\n ADMIN: 'ADMIN',\n USER: 'USER',\n FILE: 'FILE',\n THUMBNAIL: 'THUMBNAIL',\n OG: 'OG',\n UNKNOWN: 'UNKNOWN',\n};\n\nexport const SendingMessageStatus = {\n NONE: 'none',\n SUCCEEDED: 'succeeded',\n FAILED: 'failed',\n PENDING: 'pending',\n};\n\nexport const getMessageType = (message: UserMessage | FileMessage | AdminMessage): string => {\n if ((message?.isUserMessage?.()) || message?.messageType === 'user') {\n return (message?.ogMetaData)\n ? MessageTypes.OG\n : MessageTypes.USER;\n }\n if (message?.isAdminMessage?.()) {\n return MessageTypes.ADMIN;\n }\n if (message?.messageType === 'file') {\n return (isImage((message as FileMessage).type) || isVideo((message as FileMessage).type))\n ? MessageTypes.THUMBNAIL\n : MessageTypes.FILE;\n }\n return MessageTypes.UNKNOWN;\n};\n\nexport default {\n MessageTypes,\n SendingMessageStatus,\n getMessageType,\n};\n","import React, {\n useState,\n useRef,\n ReactElement,\n useMemo,\n} from 'react';\nimport { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { User } from '@sendbird/chat';\nimport format from 'date-fns/format';\n\nimport OpenChannelUserMessage from '../../../../ui/OpenchannelUserMessage';\nimport OpenChannelAdminMessage from '../../../../ui/OpenChannelAdminMessage';\nimport OpenChannelOGMessage from '../../../../ui/OpenchannelOGMessage';\nimport OpenChannelThumbnailMessage from '../../../../ui/OpenchannelThumbnailMessage';\nimport OpenChannelFileMessage from '../../../../ui/OpenchannelFileMessage';\n// import UnknownMessage from '../../../../ui/UnknownMessage';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport FileViewer from '../../../../ui/FileViewer';\n\nimport RemoveMessageModal from './RemoveMessageModal';\nimport {\n MessageTypes,\n SendingMessageStatus,\n getMessageType,\n} from './utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\nexport type OpenChannelMessageProps = {\n renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n message: UserMessage | FileMessage | AdminMessage;\n chainTop?: boolean;\n chainBottom?: boolean;\n hasSeparator?: boolean;\n editDisabled?: boolean;\n};\n\nexport default function MessagOpenChannelMessageeHoc(props: OpenChannelMessageProps): ReactElement {\n const {\n message,\n chainTop,\n chainBottom,\n hasSeparator,\n renderMessage,\n } = props;\n\n const {\n currentOpenChannel,\n deleteMessage,\n updateMessage,\n resendMessage,\n } = useOpenChannelContext();\n const { dateLocale } = useLocalization();\n const editDisabled = currentOpenChannel?.isFrozen;\n\n const globalState = useSendbirdStateContext();\n const userId = globalState?.config?.userId;\n\n let sender: User = null;\n if (message?.messageType !== 'admin') {\n sender = (message as UserMessage | FileMessage)?.sender;\n }\n\n const RenderedMessage = useMemo(() => (props: RenderMessageProps) => {\n return (\n <>\n {\n renderMessage\n ? (renderMessage(props))\n : null\n }\n </>\n );\n }, [message, renderMessage]);\n\n const [showEdit, setShowEdit] = useState(false);\n const [showRemove, setShowRemove] = useState(false);\n const [showFileViewer, setShowFileViewer] = useState(false);\n const editMessageInputRef = useRef(null);\n\n let isByMe = false;\n\n if (sender && message?.messageType !== 'admin') {\n // pending and failed messages are by me\n isByMe = (userId === sender.userId)\n || ((message as UserMessage | FileMessage)?.sendingStatus === SendingMessageStatus.PENDING)\n || ((message as UserMessage | FileMessage)?.sendingStatus === SendingMessageStatus.FAILED);\n }\n\n if (renderMessage && RenderedMessage) {\n return (\n <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n <RenderedMessage message={message} chainTop={chainTop} chainBottom={chainBottom} />\n </div>\n );\n }\n\n if (message?.messageType === 'user' && showEdit) {\n return (\n <MessageInput\n isEdit\n disabled={editDisabled}\n ref={editMessageInputRef}\n message={message as UserMessage}\n name={message?.messageId}\n onUpdateMessage={({ messageId, message }) => {\n updateMessage(messageId, message);\n setShowEdit(false);\n }}\n onCancelEdit={() => { setShowEdit(false); }}\n />\n );\n }\n\n return (\n <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n {/* date-separator */}\n {\n (hasSeparator && message?.createdAt) && (\n <DateSeparator>\n <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n {format(message?.createdAt, 'MMMM dd, yyyy', {\n locale: dateLocale,\n })}\n </Label>\n </DateSeparator>\n )\n }\n {/* Message */}\n {\n {\n [MessageTypes.ADMIN]: (() => {\n if (message?.messageType === 'admin') {\n return (\n <OpenChannelAdminMessage message={message as AdminMessage} />\n )\n }\n })(),\n [MessageTypes.FILE]: (() => {\n if (message?.messageType === 'file') {\n return (\n <OpenChannelFileMessage\n message={message as FileMessage}\n isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n disabled={editDisabled}\n userId={userId}\n showRemove={setShowRemove}\n resendMessage={resendMessage}\n chainTop={chainTop}\n chainBottom={chainBottom}\n />\n );\n }\n return;\n })(),\n [MessageTypes.OG]: (() => {\n if (message?.messageType === 'user') {\n return (\n <OpenChannelOGMessage\n message={message as UserMessage}\n isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n userId={userId}\n showEdit={setShowEdit}\n disabled={editDisabled}\n showRemove={setShowRemove}\n resendMessage={resendMessage}\n chainTop={chainTop}\n chainBottom={chainBottom}\n />\n );\n }\n return;\n })(),\n [MessageTypes.THUMBNAIL]: (() => {\n if (message?.messageType === 'file') {\n return (\n <OpenChannelThumbnailMessage\n message={message as FileMessage}\n isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n disabled={editDisabled}\n userId={userId}\n showRemove={setShowRemove}\n resendMessage={resendMessage}\n onClick={setShowFileViewer}\n chainTop={chainTop}\n chainBottom={chainBottom}\n />\n );\n }\n return;\n })(),\n [MessageTypes.USER]: (() => {\n if (message?.messageType === 'user') {\n return (\n <OpenChannelUserMessage\n message={message as UserMessage}\n isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n userId={userId}\n disabled={editDisabled}\n showEdit={setShowEdit}\n showRemove={setShowRemove}\n resendMessage={resendMessage}\n chainTop={chainTop}\n chainBottom={chainBottom}\n />\n );\n }\n return;\n })(),\n [MessageTypes.UNKNOWN]: (() => {\n return;\n // return (\n // <OpenChannelUnknownMessage message={message} />\n // );\n })(),\n }[getMessageType(message)]\n }\n {/* Modal */}\n {\n showRemove && (\n <RemoveMessageModal\n onCloseModal={() => setShowRemove(false)}\n onDeleteMessage={() => {\n if (message?.messageType !== 'admin') {\n deleteMessage(message);\n }\n }}\n />\n )\n }\n {\n (showFileViewer && message?.messageType === 'file') && (\n <FileViewer\n onClose={() => setShowFileViewer(false)}\n message={message}\n onDelete={() => deleteMessage(message)}\n isByMe={isByMe}\n />\n )\n }\n {/* {\n !((message?.isFileMessage && message?.isFileMessage()) || message?.messageType === 'file')\n && !(message?.isAdminMessage && message?.isAdminMessage())\n && !(((message?.isUserMessage && message?.isUserMessage()) || message?.messageType === 'user'))\n && !(showFileViewer)\n && (\n <UnknownMessage\n message={message}\n isByMe={isByMe}\n showRemove={setShowRemove}\n chainTop={chainTop}\n chainBottom={chainBottom}\n />\n )\n } */}\n </div>\n );\n}\n"],"names":["RemoveMessageModal","_a","onCloseModal","onDeleteMessage","stringSet","useContext","LocalizationContext","React","Modal","MESSAGE_MENU__DELETE","MODAL__DELETE_MESSAGE__TITLE","SUPPORTED_MIMES","IMAGE","VIDEO","isImage","type","indexOf","isVideo","__assign","MessageTypes","ADMIN","USER","FILE","THUMBNAIL","OG","UNKNOWN","SendingMessageStatus","NONE","SUCCEEDED","FAILED","PENDING","getMessageType","message","isUserMessage","call","messageType","ogMetaData","_b","isAdminMessage","MessagOpenChannelMessageeHoc","props","chainTop","chainBottom","hasSeparator","renderMessage","_c","useOpenChannelContext","currentOpenChannel","deleteMessage","updateMessage","resendMessage","dateLocale","useLocalization","editDisabled","isFrozen","globalState","useSendbirdStateContext","userId","config","sender","RenderedMessage","useMemo","_d","useState","showEdit","setShowEdit","_e","showRemove","setShowRemove","_f","showFileViewer","setShowFileViewer","editMessageInputRef","useRef","isByMe","sendingStatus","MessageInput","messageId","createdAt","DateSeparator","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","locale","OpenChannelAdminMessage","OpenChannelFileMessage","isOperator","OpenChannelOGMessage","OpenChannelThumbnailMessage","OpenChannelUserMessage","FileViewer"],"mappings":"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"}
@@ -1,45 +1,42 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var index = require('../../index-32123d95.js');
4
+ var index = require('../../index-1382ffca.js');
5
5
  var ui_Icon = require('../../ui/Icon.js');
6
- var ui_PlaceHolder = require('../../index-1ac7777f.js');
7
- var OpenChannel_context = require('../../OpenChannelProvider-dd8403ee.js');
6
+ var ui_PlaceHolder = require('../../index-0ed70cab.js');
7
+ var OpenChannel_context = require('../../OpenChannelProvider-eb97f46c.js');
8
8
  var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
9
- require('../../index-a11fb495.js');
10
- require('../../index-d82f6dd1.js');
9
+ require('../../index-22eb1c9f.js');
10
+ require('../../index-d1b358ca.js');
11
11
  require('prop-types');
12
- require('../../tslib.es6-7d75f2e2.js');
13
- require('../../LocalizationContext-1f00818c.js');
14
- require('../../stringSet-410775ff.js');
15
- require('../../index-8d7a94e3.js');
12
+ require('../../tslib.es6-abd78d7b.js');
13
+ require('../../LocalizationContext-cbcf0cb4.js');
14
+ require('../../stringSet-ad7da257.js');
15
+ require('../../index-7795f392.js');
16
16
  require('../../ui/Loader.js');
17
- require('../../UserProfileContext-3a4f0132.js');
18
- require('../../compareIds-8d064912.js');
19
- require('../../topics-9747398e.js');
20
- require('../../sendbird-5edd0213.js');
21
- require('../../__bundle-57e0c5af-b8304f7a.js');
22
- require('../../__bundle-0dad34cd-bd827f82.js');
23
- require('../../openChannel-c5952dd7.js');
24
- require('../../__bundle-bd072f34-578ccb1e.js');
25
- require('../../uuid-c813a8a1.js');
17
+ require('../../UserProfileContext-6908ca72.js');
18
+ require('../../compareIds-d02b7d4d.js');
19
+ require('../../topics-c3de90e0.js');
20
+ require('@sendbird/chat');
21
+ require('@sendbird/chat/openChannel');
22
+ require('../../uuid-d65b20f4.js');
26
23
  require('../../useSendbirdStateContext.js');
27
24
  require('../../withSendbird.js');
28
- require('../../_rollupPluginBabelHelpers-6917423d.js');
25
+ require('../../_rollupPluginBabelHelpers-9a6aaeec.js');
29
26
  require('../../ui/OpenchannelUserMessage.js');
30
27
  require('../../ui/Avatar.js');
31
28
  require('../../ui/ImageRenderer.js');
32
29
  require('../../ui/ContextMenu.js');
33
30
  require('react-dom');
34
31
  require('../../ui/SortByRow.js');
35
- require('../../index-177380fc.js');
32
+ require('../../index-0b9be346.js');
36
33
  require('../../ui/IconButton.js');
37
34
  require('../../ui/UserProfile.js');
38
35
  require('../../sendbirdSelectors.js');
39
- require('../../utils-37a47883.js');
36
+ require('../../utils-6e0d31c1.js');
40
37
  require('../../ui/Button.js');
41
- require('../../utils-01db6d26.js');
42
- require('../../openChannelUtils-f286fd78.js');
38
+ require('../../utils-1a55af35.js');
39
+ require('../../openChannelUtils-fd06d626.js');
43
40
  require('../../ui/OpenChannelAdminMessage.js');
44
41
  require('../../ui/OpenchannelOGMessage.js');
45
42
  require('../../ui/LinkLabel.js');
@@ -48,15 +45,15 @@ require('../../ui/MentionLabel.js');
48
45
  require('../../ui/OpenchannelThumbnailMessage.js');
49
46
  require('../../ui/OpenchannelFileMessage.js');
50
47
  require('../../ui/TextButton.js');
51
- require('../../color-0a6e19c1.js');
48
+ require('../../color-a1e2762f.js');
52
49
  require('../../ui/DateSeparator.js');
53
50
  require('../../ui/MessageInput.js');
54
51
  require('react-dom/server');
55
- require('../../const-bf239fc5.js');
56
- require('../../const-67a2a885.js');
52
+ require('../../const-361bde29.js');
53
+ require('../../const-107d31d6.js');
57
54
  require('../../ui/MentionUserLabel.js');
58
55
  require('../../ui/FileViewer.js');
59
- require('../../index-8c25d6aa.js');
56
+ require('../../index-700588f1.js');
60
57
  require('../../ui/Modal.js');
61
58
 
62
59
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1 +1 @@
1
- {"version":3,"file":"OpenChannelMessageList.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport OpenChannelMessage from '../OpenChannelMessage';\nimport { RenderMessageProps } from '../../../../types';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport type OpenchannelMessageListProps = {\n renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n renderPlaceHolderEmptyList?: () => React.ReactElement;\n}\n\nfunction OpenchannelMessageList(\n props: OpenchannelMessageListProps,\n ref: React.RefObject<HTMLDivElement>,\n): ReactElement {\n const {\n isMessageGroupingEnabled = true,\n allMessages,\n hasMore,\n onScroll,\n } = useOpenChannelContext();\n const scrollRef = ref || useRef(null);\n const [showScrollDownButton, setShowScrollDownButton] = useState(false);\n\n const handleOnScroll = (e) => {\n const element = e.target;\n const {\n scrollTop,\n scrollHeight,\n clientHeight,\n } = element;\n if (scrollHeight > scrollTop + clientHeight + 1) {\n setShowScrollDownButton(true);\n } else {\n setShowScrollDownButton(false);\n }\n\n if (!hasMore) {\n return;\n }\n if (scrollTop === 0) {\n const nodes = scrollRef.current.querySelectorAll('.sendbird-msg--scroll-ref');\n const first = nodes && nodes[0];\n onScroll(() => {\n try {\n first.scrollIntoView();\n } catch (error) { }\n });\n }\n };\n\n const scrollToBottom = () => {\n if (scrollRef && scrollRef.current) {\n scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);\n setShowScrollDownButton(false);\n }\n };\n\n const memoizedMessageList = useMemo(() => {\n if (allMessages.length > 0) {\n return (\n allMessages.map((message, index) => {\n const previousMessage = allMessages[index - 1];\n const nextMessage = allMessages[index - 1];\n\n const previousMessageCreatedAt = previousMessage && previousMessage.createdAt;\n const currentCreatedAt = message?.createdAt;\n // https://stackoverflow.com/a/41855608\n const hasSeparator = !(previousMessageCreatedAt && (\n isSameDay(currentCreatedAt, previousMessageCreatedAt)\n ));\n\n const [chainTop, chainBottom] = isMessageGroupingEnabled\n ? compareMessagesForGrouping(previousMessage, message, nextMessage)\n : [false, false];\n return (\n <OpenChannelMessage\n key={message?.messageId || (message as UserMessage | FileMessage)?.reqId}\n message={message}\n chainTop={chainTop}\n chainBottom={chainBottom}\n hasSeparator={hasSeparator}\n renderMessage={props?.renderMessage}\n />\n )\n })\n );\n }\n return (\n props?.renderPlaceHolderEmptyList?.() || (\n <PlaceHolder\n className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n type={PlaceHolderTypes.NO_MESSAGES}\n />\n )\n );\n }, [allMessages]);\n\n return (\n <div className=\"sendbird-openchannel-conversation-scroll\">\n <div className=\"sendbird-openchannel-conversation-scroll__container\">\n <div className=\"sendbird-openchannel-conversation-scroll__container__padding\" />\n <div\n className={[\n 'sendbird-openchannel-conversation-scroll__container__item-container',\n (allMessages.length > 0) ? '' : 'no-messages',\n ].join(' ')}\n onScroll={handleOnScroll}\n ref={scrollRef}\n >\n {memoizedMessageList}\n </div>\n </div>\n {\n showScrollDownButton && (\n <div\n className=\"sendbird-openchannel-conversation-scroll__container__scroll-bottom-button\"\n onClick={scrollToBottom}\n onKeyDown={scrollToBottom}\n tabIndex={0}\n role=\"button\"\n >\n <Icon\n width=\"24px\"\n height=\"24px\"\n type={IconTypes.CHEVRON_DOWN}\n fillColor={IconColors.CONTENT}\n />\n </div>\n )\n }\n </div>\n );\n}\n\nexport default React.forwardRef(OpenchannelMessageList);\n"],"names":["OpenchannelMessageList","props","ref","_a","useOpenChannelContext","_b","isMessageGroupingEnabled","allMessages","hasMore","onScroll","scrollRef","useRef","_c","useState","showScrollDownButton","setShowScrollDownButton","handleOnScroll","e","element","target","scrollTop","scrollHeight","clientHeight","nodes","current","querySelectorAll","first_1","scrollIntoView","error","scrollToBottom","scrollTo","memoizedMessageList","useMemo","length","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","compareMessagesForGrouping","chainTop","chainBottom","React","OpenChannelMessage","messageId","reqId","renderMessage","renderPlaceHolderEmptyList","call","PlaceHolder","PlaceHolderTypes","NO_MESSAGES","join","Icon","IconTypes","CHEVRON_DOWN","IconColors","CONTENT","forwardRef"],"mappings":"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"}
1
+ {"version":3,"file":"OpenChannelMessageList.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport OpenChannelMessage from '../OpenChannelMessage';\nimport { RenderMessageProps } from '../../../../types';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport type OpenchannelMessageListProps = {\n renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n renderPlaceHolderEmptyList?: () => React.ReactElement;\n}\n\nfunction OpenchannelMessageList(\n props: OpenchannelMessageListProps,\n ref: React.RefObject<HTMLDivElement>,\n): ReactElement {\n const {\n isMessageGroupingEnabled = true,\n allMessages,\n hasMore,\n onScroll,\n } = useOpenChannelContext();\n const scrollRef = ref || useRef(null);\n const [showScrollDownButton, setShowScrollDownButton] = useState(false);\n\n const handleOnScroll = (e) => {\n const element = e.target;\n const {\n scrollTop,\n scrollHeight,\n clientHeight,\n } = element;\n if (scrollHeight > scrollTop + clientHeight + 1) {\n setShowScrollDownButton(true);\n } else {\n setShowScrollDownButton(false);\n }\n\n if (!hasMore) {\n return;\n }\n if (scrollTop === 0) {\n const nodes = scrollRef.current.querySelectorAll('.sendbird-msg--scroll-ref');\n const first = nodes && nodes[0];\n onScroll(() => {\n try {\n first.scrollIntoView();\n } catch (error) { }\n });\n }\n };\n\n const scrollToBottom = () => {\n if (scrollRef && scrollRef.current) {\n scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);\n setShowScrollDownButton(false);\n }\n };\n\n const memoizedMessageList = useMemo(() => {\n if (allMessages.length > 0) {\n return (\n allMessages.map((message, index) => {\n const previousMessage = allMessages[index - 1];\n const nextMessage = allMessages[index - 1];\n\n const previousMessageCreatedAt = previousMessage && previousMessage.createdAt;\n const currentCreatedAt = message?.createdAt;\n // https://stackoverflow.com/a/41855608\n const hasSeparator = !(previousMessageCreatedAt && (\n isSameDay(currentCreatedAt, previousMessageCreatedAt)\n ));\n\n const [chainTop, chainBottom] = isMessageGroupingEnabled\n ? compareMessagesForGrouping(previousMessage, message, nextMessage)\n : [false, false];\n return (\n <OpenChannelMessage\n key={message?.messageId || (message as UserMessage | FileMessage)?.reqId}\n message={message}\n chainTop={chainTop}\n chainBottom={chainBottom}\n hasSeparator={hasSeparator}\n renderMessage={props?.renderMessage}\n />\n )\n })\n );\n }\n return (\n props?.renderPlaceHolderEmptyList?.() || (\n <PlaceHolder\n className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n type={PlaceHolderTypes.NO_MESSAGES}\n />\n )\n );\n }, [allMessages]);\n\n return (\n <div className=\"sendbird-openchannel-conversation-scroll\">\n <div className=\"sendbird-openchannel-conversation-scroll__container\">\n <div className=\"sendbird-openchannel-conversation-scroll__container__padding\" />\n <div\n className={[\n 'sendbird-openchannel-conversation-scroll__container__item-container',\n (allMessages.length > 0) ? '' : 'no-messages',\n ].join(' ')}\n onScroll={handleOnScroll}\n ref={scrollRef}\n >\n {memoizedMessageList}\n </div>\n </div>\n {\n showScrollDownButton && (\n <div\n className=\"sendbird-openchannel-conversation-scroll__container__scroll-bottom-button\"\n onClick={scrollToBottom}\n onKeyDown={scrollToBottom}\n tabIndex={0}\n role=\"button\"\n >\n <Icon\n width=\"24px\"\n height=\"24px\"\n type={IconTypes.CHEVRON_DOWN}\n fillColor={IconColors.CONTENT}\n />\n </div>\n )\n }\n </div>\n );\n}\n\nexport default React.forwardRef(OpenchannelMessageList);\n"],"names":["OpenchannelMessageList","props","ref","_a","useOpenChannelContext","_b","isMessageGroupingEnabled","allMessages","hasMore","onScroll","scrollRef","useRef","_c","useState","showScrollDownButton","setShowScrollDownButton","handleOnScroll","e","element","target","scrollTop","scrollHeight","clientHeight","nodes","current","querySelectorAll","first_1","scrollIntoView","error","scrollToBottom","scrollTo","memoizedMessageList","useMemo","length","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","compareMessagesForGrouping","chainTop","chainBottom","React","OpenChannelMessage","messageId","reqId","renderMessage","renderPlaceHolderEmptyList","call","PlaceHolder","PlaceHolderTypes","NO_MESSAGES","join","Icon","IconTypes","CHEVRON_DOWN","IconColors","CONTENT","forwardRef"],"mappings":"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"}