@sendbird/uikit-react 3.2.0-rc.1 → 3.2.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 (508) hide show
  1. package/App.js +34 -32
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +8 -2
  4. package/Channel/components/ChannelHeader.js +19 -17
  5. package/Channel/components/ChannelHeader.js.map +1 -1
  6. package/Channel/components/ChannelUI.js +25 -23
  7. package/Channel/components/ChannelUI.js.map +1 -1
  8. package/Channel/components/FileViewer.js +18 -16
  9. package/Channel/components/FileViewer.js.map +1 -1
  10. package/Channel/components/FrozenNotification.js +4 -4
  11. package/Channel/components/Message.js +22 -20
  12. package/Channel/components/Message.js.map +1 -1
  13. package/Channel/components/MessageInput.js +19 -17
  14. package/Channel/components/MessageInput.js.map +1 -1
  15. package/Channel/components/MessageList.js +24 -22
  16. package/Channel/components/MessageList.js.map +1 -1
  17. package/Channel/components/RemoveMessageModal.js +19 -17
  18. package/Channel/components/RemoveMessageModal.js.map +1 -1
  19. package/Channel/components/SuggestedMentionList.js +19 -17
  20. package/Channel/components/SuggestedMentionList.js.map +1 -1
  21. package/Channel/components/TypingIndicator.js +19 -17
  22. package/Channel/components/TypingIndicator.js.map +1 -1
  23. package/Channel/components/UnreadCount.js +4 -4
  24. package/Channel/context.js +17 -15
  25. package/Channel/context.js.map +1 -1
  26. package/Channel.js +25 -23
  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 +29 -27
  31. package/ChannelList/components/ChannelListUI.js.map +1 -1
  32. package/ChannelList/components/ChannelPreview.js +23 -21
  33. package/ChannelList/components/ChannelPreview.js.map +1 -1
  34. package/ChannelList/components/ChannelPreviewAction.js +17 -15
  35. package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  36. package/ChannelList/context.js +12 -10
  37. package/ChannelList/context.js.map +1 -1
  38. package/ChannelList.js +29 -27
  39. package/ChannelList.js.map +1 -1
  40. package/{ChannelListProvider-368bd7f1.js → ChannelListProvider-b5833a69.js} +11 -11
  41. package/{ChannelListProvider-368bd7f1.js.map → ChannelListProvider-b5833a69.js.map} +1 -1
  42. package/{ChannelProvider-59559ed8.js → ChannelProvider-675be930.js} +12 -12
  43. package/{ChannelProvider-59559ed8.js.map → ChannelProvider-675be930.js.map} +1 -1
  44. package/ChannelSettings/components/ChannelProfile.js +11 -11
  45. package/ChannelSettings/components/ChannelSettingsUI.js +21 -19
  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 +19 -17
  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 +21 -19
  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-9c2113ca.js → CreateChannelProvider-05b11547.js} +1 -1
  62. package/{CreateChannelProvider-9c2113ca.js.map → CreateChannelProvider-05b11547.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-10829cf3.js → LocalizationContext-fd0d32ab.js} +3 -3
  69. package/{LocalizationContext-10829cf3.js.map → LocalizationContext-fd0d32ab.js.map} +1 -1
  70. package/{MemberList-e049f915.js → MemberList-78a423a0.js} +5 -5
  71. package/{MemberList-e049f915.js.map → MemberList-78a423a0.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 +17 -15
  77. package/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  78. package/OpenChannel/components/OpenChannelInput.js +20 -18
  79. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  80. package/OpenChannel/components/OpenChannelMessage.js +25 -23
  81. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  82. package/OpenChannel/components/OpenChannelMessageList.js +27 -25
  83. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  84. package/OpenChannel/components/OpenChannelUI.js +27 -25
  85. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  86. package/OpenChannel/context.js +14 -12
  87. package/OpenChannel/context.js.map +1 -1
  88. package/OpenChannel.js +27 -25
  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-95ce73b1.js → OpenChannelListProvider-6f9126d0.js} +3 -3
  95. package/{OpenChannelListProvider-95ce73b1.js.map → OpenChannelListProvider-6f9126d0.js.map} +1 -1
  96. package/{OpenChannelProvider-b360d5fe.js → OpenChannelProvider-e39971da.js} +11 -10
  97. package/{OpenChannelProvider-b360d5fe.js.map → OpenChannelProvider-e39971da.js.map} +1 -1
  98. package/OpenChannelSettings/components/EditDetailsModal.js +15 -14
  99. package/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  100. package/OpenChannelSettings/components/OpenChannelProfile.js +15 -14
  101. package/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  102. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +20 -19
  103. package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  104. package/OpenChannelSettings/components/OperatorUI.js +19 -18
  105. package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  106. package/OpenChannelSettings/components/ParticipantUI.js +17 -16
  107. package/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
  108. package/OpenChannelSettings/context.js +6 -5
  109. package/OpenChannelSettings/context.js.map +1 -1
  110. package/OpenChannelSettings.js +20 -19
  111. package/OpenChannelSettings.js.map +1 -1
  112. package/SendbirdProvider.js +18 -16
  113. package/SendbirdProvider.js.map +1 -1
  114. package/{UserProfileContext-beacab28.js → UserProfileContext-d36099b1.js} +1 -1
  115. package/{UserProfileContext-beacab28.js.map → UserProfileContext-d36099b1.js.map} +1 -1
  116. package/__bundle-0dad34cd-10d4f218.js +6 -0
  117. package/__bundle-0dad34cd-10d4f218.js.map +1 -0
  118. package/__bundle-57e0c5af-4e9165b5.js +6 -0
  119. package/__bundle-57e0c5af-4e9165b5.js.map +1 -0
  120. package/__bundle-bd072f34-1aaac363.js +6 -0
  121. package/__bundle-bd072f34-1aaac363.js.map +1 -0
  122. package/{_rollupPluginBabelHelpers-22c28a74.js → _rollupPluginBabelHelpers-f6b9b32e.js} +1 -1
  123. package/_rollupPluginBabelHelpers-f6b9b32e.js.map +1 -0
  124. package/{actionTypes-fd0f0a6c.js → actionTypes-6b501c5e.js} +1 -1
  125. package/{actionTypes-fd0f0a6c.js.map → actionTypes-6b501c5e.js.map} +1 -1
  126. package/cjs/App.js +34 -32
  127. package/cjs/App.js.map +1 -1
  128. package/cjs/Channel/components/ChannelHeader.js +19 -17
  129. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  130. package/cjs/Channel/components/ChannelUI.js +25 -23
  131. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  132. package/cjs/Channel/components/FileViewer.js +18 -16
  133. package/cjs/Channel/components/FileViewer.js.map +1 -1
  134. package/cjs/Channel/components/FrozenNotification.js +4 -4
  135. package/cjs/Channel/components/Message.js +22 -20
  136. package/cjs/Channel/components/Message.js.map +1 -1
  137. package/cjs/Channel/components/MessageInput.js +19 -17
  138. package/cjs/Channel/components/MessageInput.js.map +1 -1
  139. package/cjs/Channel/components/MessageList.js +24 -22
  140. package/cjs/Channel/components/MessageList.js.map +1 -1
  141. package/cjs/Channel/components/RemoveMessageModal.js +19 -17
  142. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  143. package/cjs/Channel/components/SuggestedMentionList.js +19 -17
  144. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  145. package/cjs/Channel/components/TypingIndicator.js +19 -17
  146. package/cjs/Channel/components/TypingIndicator.js.map +1 -1
  147. package/cjs/Channel/components/UnreadCount.js +4 -4
  148. package/cjs/Channel/context.js +17 -15
  149. package/cjs/Channel/context.js.map +1 -1
  150. package/cjs/Channel.js +25 -23
  151. package/cjs/Channel.js.map +1 -1
  152. package/cjs/ChannelList/components/AddChannel.js +13 -13
  153. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  154. package/cjs/ChannelList/components/ChannelListUI.js +29 -27
  155. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  156. package/cjs/ChannelList/components/ChannelPreview.js +23 -21
  157. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  158. package/cjs/ChannelList/components/ChannelPreviewAction.js +17 -15
  159. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  160. package/cjs/ChannelList/context.js +12 -10
  161. package/cjs/ChannelList/context.js.map +1 -1
  162. package/cjs/ChannelList.js +29 -27
  163. package/cjs/ChannelList.js.map +1 -1
  164. package/cjs/{ChannelListProvider-dba82f83.js → ChannelListProvider-ae097fa5.js} +11 -11
  165. package/cjs/{ChannelListProvider-dba82f83.js.map → ChannelListProvider-ae097fa5.js.map} +1 -1
  166. package/cjs/{ChannelProvider-dd81a327.js → ChannelProvider-dbb1d52e.js} +16 -16
  167. package/cjs/{ChannelProvider-dd81a327.js.map → ChannelProvider-dbb1d52e.js.map} +1 -1
  168. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  169. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +21 -19
  170. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  171. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  172. package/cjs/ChannelSettings/components/LeaveChannel.js +10 -10
  173. package/cjs/ChannelSettings/components/ModerationPanel.js +19 -17
  174. package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
  175. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  176. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  177. package/cjs/ChannelSettings/context.js +3 -3
  178. package/cjs/ChannelSettings.js +21 -19
  179. package/cjs/ChannelSettings.js.map +1 -1
  180. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  181. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  182. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  183. package/cjs/CreateChannel/context.js +4 -4
  184. package/cjs/CreateChannel.js +13 -13
  185. package/cjs/{CreateChannelProvider-771bf00b.js → CreateChannelProvider-f8905c40.js} +1 -1
  186. package/cjs/{CreateChannelProvider-771bf00b.js.map → CreateChannelProvider-f8905c40.js.map} +1 -1
  187. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  188. package/cjs/CreateOpenChannel/context.js +1 -1
  189. package/cjs/CreateOpenChannel.js +9 -9
  190. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  191. package/cjs/EditUserProfile.js +12 -12
  192. package/cjs/{LocalizationContext-b051aa28.js → LocalizationContext-1f00818c.js} +3 -3
  193. package/cjs/{LocalizationContext-b051aa28.js.map → LocalizationContext-1f00818c.js.map} +1 -1
  194. package/cjs/{MemberList-6c0cdd90.js → MemberList-e2e283fe.js} +5 -5
  195. package/cjs/{MemberList-6c0cdd90.js.map → MemberList-e2e283fe.js.map} +1 -1
  196. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  197. package/cjs/MessageSearch/context.js +2 -2
  198. package/cjs/MessageSearch.js +11 -11
  199. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  200. package/cjs/OpenChannel/components/OpenChannelHeader.js +17 -15
  201. package/cjs/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  202. package/cjs/OpenChannel/components/OpenChannelInput.js +20 -18
  203. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  204. package/cjs/OpenChannel/components/OpenChannelMessage.js +25 -23
  205. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  206. package/cjs/OpenChannel/components/OpenChannelMessageList.js +27 -25
  207. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  208. package/cjs/OpenChannel/components/OpenChannelUI.js +27 -25
  209. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  210. package/cjs/OpenChannel/context.js +14 -12
  211. package/cjs/OpenChannel/context.js.map +1 -1
  212. package/cjs/OpenChannel.js +27 -25
  213. package/cjs/OpenChannel.js.map +1 -1
  214. package/cjs/OpenChannelList/components/OpenChannelListUI.js +12 -12
  215. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  216. package/cjs/OpenChannelList/context.js +4 -4
  217. package/cjs/OpenChannelList.js +12 -12
  218. package/cjs/{OpenChannelListProvider-3eed20f7.js → OpenChannelListProvider-e311c2a1.js} +3 -3
  219. package/cjs/{OpenChannelListProvider-3eed20f7.js.map → OpenChannelListProvider-e311c2a1.js.map} +1 -1
  220. package/cjs/{OpenChannelProvider-e4f3a05c.js → OpenChannelProvider-dd8403ee.js} +11 -10
  221. package/cjs/{OpenChannelProvider-e4f3a05c.js.map → OpenChannelProvider-dd8403ee.js.map} +1 -1
  222. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +15 -14
  223. package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  224. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +15 -14
  225. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  226. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +20 -19
  227. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  228. package/cjs/OpenChannelSettings/components/OperatorUI.js +19 -18
  229. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  230. package/cjs/OpenChannelSettings/components/ParticipantUI.js +17 -16
  231. package/cjs/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
  232. package/cjs/OpenChannelSettings/context.js +6 -5
  233. package/cjs/OpenChannelSettings/context.js.map +1 -1
  234. package/cjs/OpenChannelSettings.js +20 -19
  235. package/cjs/OpenChannelSettings.js.map +1 -1
  236. package/cjs/SendbirdProvider.js +18 -17
  237. package/cjs/SendbirdProvider.js.map +1 -1
  238. package/cjs/{UserProfileContext-fa684629.js → UserProfileContext-3a4f0132.js} +1 -1
  239. package/cjs/{UserProfileContext-fa684629.js.map → UserProfileContext-3a4f0132.js.map} +1 -1
  240. package/cjs/__bundle-0dad34cd-bd827f82.js +33 -0
  241. package/cjs/__bundle-0dad34cd-bd827f82.js.map +1 -0
  242. package/cjs/__bundle-57e0c5af-b8304f7a.js +113 -0
  243. package/cjs/__bundle-57e0c5af-b8304f7a.js.map +1 -0
  244. package/cjs/__bundle-bd072f34-578ccb1e.js +15 -0
  245. package/cjs/__bundle-bd072f34-578ccb1e.js.map +1 -0
  246. package/cjs/{_rollupPluginBabelHelpers-c7da8657.js → _rollupPluginBabelHelpers-6917423d.js} +1 -1
  247. package/cjs/_rollupPluginBabelHelpers-6917423d.js.map +1 -0
  248. package/cjs/{actionTypes-1bc31680.js → actionTypes-341644d7.js} +1 -1
  249. package/cjs/{actionTypes-1bc31680.js.map → actionTypes-341644d7.js.map} +1 -1
  250. package/cjs/{color-8c864d64.js → color-0a6e19c1.js} +1 -1
  251. package/cjs/{color-8c864d64.js.map → color-0a6e19c1.js.map} +1 -1
  252. package/cjs/{compareIds-a7236494.js → compareIds-8d064912.js} +1 -1
  253. package/cjs/{compareIds-a7236494.js.map → compareIds-8d064912.js.map} +1 -1
  254. package/cjs/{const-de0fa0d4.js → const-67a2a885.js} +1 -1
  255. package/cjs/{const-de0fa0d4.js.map → const-67a2a885.js.map} +1 -1
  256. package/cjs/{const-baa5e08a.js → const-bf239fc5.js} +1 -1
  257. package/cjs/{const-baa5e08a.js.map → const-bf239fc5.js.map} +1 -1
  258. package/cjs/{context-867cfd7f.js → context-738129e2.js} +2 -2
  259. package/cjs/{context-867cfd7f.js.map → context-738129e2.js.map} +1 -1
  260. package/cjs/dist/index.css +55 -55
  261. package/cjs/dist/index.css.map +1 -1
  262. package/cjs/groupChannel-05c7f9f8.js +11 -0
  263. package/cjs/groupChannel-05c7f9f8.js.map +1 -0
  264. package/cjs/handlers/ConnectionHandler.js +4 -2
  265. package/cjs/handlers/ConnectionHandler.js.map +1 -1
  266. package/cjs/handlers/GroupChannelHandler.js +5 -3
  267. package/cjs/handlers/GroupChannelHandler.js.map +1 -1
  268. package/cjs/handlers/OpenChannelHandler.js +3 -2
  269. package/cjs/handlers/OpenChannelHandler.js.map +1 -1
  270. package/cjs/handlers/SessionHandler.js +4 -2
  271. package/cjs/handlers/SessionHandler.js.map +1 -1
  272. package/cjs/handlers/UserEventHandler.js +4 -2
  273. package/cjs/handlers/UserEventHandler.js.map +1 -1
  274. package/cjs/{index-907bf834.js → index-177380fc.js} +2 -2
  275. package/cjs/{index-907bf834.js.map → index-177380fc.js.map} +1 -1
  276. package/cjs/{index-78d342b2.js → index-1ac7777f.js} +4 -4
  277. package/cjs/{index-78d342b2.js.map → index-1ac7777f.js.map} +1 -1
  278. package/cjs/{index-6d02996a.js → index-32123d95.js} +2 -2
  279. package/cjs/{index-6d02996a.js.map → index-32123d95.js.map} +1 -1
  280. package/cjs/{index-76deed83.js → index-4f32f285.js} +8 -8
  281. package/cjs/{index-76deed83.js.map → index-4f32f285.js.map} +1 -1
  282. package/cjs/{index-d31051df.js → index-8c25d6aa.js} +1 -1
  283. package/cjs/{index-d31051df.js.map → index-8c25d6aa.js.map} +1 -1
  284. package/cjs/{index-62c9ad2d.js → index-8d7a94e3.js} +6 -6
  285. package/cjs/index-8d7a94e3.js.map +1 -0
  286. package/cjs/{index-b478bf3b.js → index-92bda0ce.js} +4 -4
  287. package/cjs/{index-b478bf3b.js.map → index-92bda0ce.js.map} +1 -1
  288. package/cjs/{index-c4369117.js → index-a11fb495.js} +2 -2
  289. package/cjs/{index-c4369117.js.map → index-a11fb495.js.map} +1 -1
  290. package/cjs/{index-511e268c.js → index-a18115d7.js} +5 -5
  291. package/cjs/{index-511e268c.js.map → index-a18115d7.js.map} +1 -1
  292. package/cjs/{index-53015903.js → index-d82f6dd1.js} +1 -1
  293. package/cjs/{index-53015903.js.map → index-d82f6dd1.js.map} +1 -1
  294. package/cjs/index.js +38 -36
  295. package/cjs/index.js.map +1 -1
  296. package/cjs/openChannel-c5952dd7.js +10 -0
  297. package/cjs/openChannel-c5952dd7.js.map +1 -0
  298. package/cjs/{openChannelUtils-fc2ec8df.js → openChannelUtils-f286fd78.js} +1 -1
  299. package/cjs/{openChannelUtils-fc2ec8df.js.map → openChannelUtils-f286fd78.js.map} +1 -1
  300. package/cjs/sendbird-5edd0213.js +12 -0
  301. package/cjs/sendbird-5edd0213.js.map +1 -0
  302. package/cjs/sendbirdSelectors.js +2 -2
  303. package/cjs/{stringSet-9d251780.js → stringSet-410775ff.js} +1 -1
  304. package/cjs/{stringSet-9d251780.js.map → stringSet-410775ff.js.map} +1 -1
  305. package/cjs/{topics-ac8d2b51.js → topics-9747398e.js} +1 -1
  306. package/cjs/{topics-ac8d2b51.js.map → topics-9747398e.js.map} +1 -1
  307. package/cjs/{tslib.es6-9b1c82d5.js → tslib.es6-7d75f2e2.js} +1 -1
  308. package/cjs/{tslib.es6-9b1c82d5.js.map → tslib.es6-7d75f2e2.js.map} +1 -1
  309. package/cjs/ui/Accordion.js +3 -3
  310. package/cjs/ui/AccordionGroup.js +2 -2
  311. package/cjs/ui/AdminMessage.js +3 -3
  312. package/cjs/ui/Avatar.js +2 -2
  313. package/cjs/ui/Badge.js +5 -5
  314. package/cjs/ui/Button.js +3 -3
  315. package/cjs/ui/ChannelAvatar.js +3 -3
  316. package/cjs/ui/ConnectionStatus.js +4 -4
  317. package/cjs/ui/ContextMenu.js +5 -5
  318. package/cjs/ui/DateSeparator.js +4 -4
  319. package/cjs/ui/EmojiReactions.js +7 -7
  320. package/cjs/ui/FileMessageItemBody.js +5 -5
  321. package/cjs/ui/FileViewer.js +8 -8
  322. package/cjs/ui/IconButton.js +1 -1
  323. package/cjs/ui/ImageRenderer.js +1 -1
  324. package/cjs/ui/Input.js +2 -2
  325. package/cjs/ui/Label.js +2 -2
  326. package/cjs/ui/LinkLabel.js +7 -5
  327. package/cjs/ui/LinkLabel.js.map +1 -1
  328. package/cjs/ui/Loader.js +1 -1
  329. package/cjs/ui/MentionLabel.js +10 -10
  330. package/cjs/ui/MessageContent.js +13 -13
  331. package/cjs/ui/MessageInput.js +9 -9
  332. package/cjs/ui/MessageItemMenu.js +7 -7
  333. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  334. package/cjs/ui/MessageSearchFileItem.js +9 -9
  335. package/cjs/ui/MessageSearchItem.js +9 -9
  336. package/cjs/ui/MessageStatus.js +7 -7
  337. package/cjs/ui/Modal.js +6 -6
  338. package/cjs/ui/OGMessageItemBody.js +10 -10
  339. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  340. package/cjs/ui/OpenChannelAvatar.js +6 -6
  341. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  342. package/cjs/ui/OpenchannelFileMessage.js +14 -14
  343. package/cjs/ui/OpenchannelOGMessage.js +14 -14
  344. package/cjs/ui/OpenchannelThumbnailMessage.js +13 -13
  345. package/cjs/ui/OpenchannelUserMessage.js +14 -14
  346. package/cjs/ui/PlaceHolder.js +6 -6
  347. package/cjs/ui/QuoteMessage.js +6 -6
  348. package/cjs/ui/QuoteMessageInput.js +6 -6
  349. package/cjs/ui/ReactionBadge.js +3 -3
  350. package/cjs/ui/ReactionButton.js +1 -1
  351. package/cjs/ui/SortByRow.js +2 -2
  352. package/cjs/ui/TextButton.js +2 -2
  353. package/cjs/ui/TextMessageItemBody.js +10 -10
  354. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  355. package/cjs/ui/Tooltip.js +3 -3
  356. package/cjs/ui/TooltipWrapper.js +1 -1
  357. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  358. package/cjs/ui/UserListItem.js +11 -11
  359. package/cjs/ui/UserProfile.js +9 -9
  360. package/cjs/ui/Word.js +10 -10
  361. package/cjs/useSendbirdStateContext.js +1 -1
  362. package/cjs/{utils-8c634fd2.js → utils-01db6d26.js} +1 -1
  363. package/cjs/{utils-8c634fd2.js.map → utils-01db6d26.js.map} +1 -1
  364. package/cjs/{utils-655acd99.js → utils-291d272a.js} +1 -1
  365. package/cjs/{utils-655acd99.js.map → utils-291d272a.js.map} +1 -1
  366. package/cjs/{utils-8e6fef1c.js → utils-37a47883.js} +1 -1
  367. package/cjs/{utils-8e6fef1c.js.map → utils-37a47883.js.map} +1 -1
  368. package/cjs/{uuid-c32d01d6.js → uuid-c813a8a1.js} +1 -1
  369. package/cjs/{uuid-c32d01d6.js.map → uuid-c813a8a1.js.map} +1 -1
  370. package/cjs/withSendbird.js +1 -1
  371. package/{color-fff21001.js → color-b897a03c.js} +1 -1
  372. package/{color-fff21001.js.map → color-b897a03c.js.map} +1 -1
  373. package/{compareIds-332d261c.js → compareIds-4bd391cb.js} +1 -1
  374. package/{compareIds-332d261c.js.map → compareIds-4bd391cb.js.map} +1 -1
  375. package/{const-03293011.js → const-b4823468.js} +1 -1
  376. package/{const-03293011.js.map → const-b4823468.js.map} +1 -1
  377. package/{const-78e336dd.js → const-e71ab906.js} +1 -1
  378. package/{const-78e336dd.js.map → const-e71ab906.js.map} +1 -1
  379. package/{context-44e184de.js → context-fd21f142.js} +2 -2
  380. package/{context-44e184de.js.map → context-fd21f142.js.map} +1 -1
  381. package/dist/index.css +55 -55
  382. package/dist/index.css.map +1 -1
  383. package/groupChannel-a10aea7a.js +8 -0
  384. package/groupChannel-a10aea7a.js.map +1 -0
  385. package/handlers/ConnectionHandler.js +4 -2
  386. package/handlers/ConnectionHandler.js.map +1 -1
  387. package/handlers/GroupChannelHandler.js +5 -3
  388. package/handlers/GroupChannelHandler.js.map +1 -1
  389. package/handlers/OpenChannelHandler.js +4 -3
  390. package/handlers/OpenChannelHandler.js.map +1 -1
  391. package/handlers/SessionHandler.js +4 -2
  392. package/handlers/SessionHandler.js.map +1 -1
  393. package/handlers/UserEventHandler.js +4 -2
  394. package/handlers/UserEventHandler.js.map +1 -1
  395. package/{index-49d3a217.js → index-73516d8c.js} +8 -8
  396. package/{index-49d3a217.js.map → index-73516d8c.js.map} +1 -1
  397. package/{index-5e788130.js → index-8b78f6b4.js} +1 -1
  398. package/{index-5e788130.js.map → index-8b78f6b4.js.map} +1 -1
  399. package/{index-3ddec9e9.js → index-94381d3a.js} +2 -2
  400. package/{index-3ddec9e9.js.map → index-94381d3a.js.map} +1 -1
  401. package/{index-00b281a3.js → index-952ab825.js} +4 -4
  402. package/{index-00b281a3.js.map → index-952ab825.js.map} +1 -1
  403. package/{index-ed8e5d48.js → index-96a98383.js} +4 -4
  404. package/{index-ed8e5d48.js.map → index-96a98383.js.map} +1 -1
  405. package/{index-8bd6c997.js → index-c022bfde.js} +2 -2
  406. package/{index-8bd6c997.js.map → index-c022bfde.js.map} +1 -1
  407. package/{index-940576d8.js → index-ce08211b.js} +1 -1
  408. package/{index-940576d8.js.map → index-ce08211b.js.map} +1 -1
  409. package/{index-7b043ab9.js → index-dfa71ceb.js} +6 -6
  410. package/index-dfa71ceb.js.map +1 -0
  411. package/{index-e5aab3b4.js → index-e6424a4d.js} +5 -5
  412. package/{index-e5aab3b4.js.map → index-e6424a4d.js.map} +1 -1
  413. package/{index-46beca69.js → index-f6fd2b53.js} +2 -2
  414. package/{index-46beca69.js.map → index-f6fd2b53.js.map} +1 -1
  415. package/index.d.ts +1 -1
  416. package/index.js +38 -36
  417. package/index.js.map +1 -1
  418. package/{openChannel-2aef0cd5.js → openChannel-80b84235.js} +4 -3
  419. package/openChannel-80b84235.js.map +1 -0
  420. package/{openChannelUtils-d27d1e28.js → openChannelUtils-19317cb9.js} +1 -1
  421. package/{openChannelUtils-d27d1e28.js.map → openChannelUtils-19317cb9.js.map} +1 -1
  422. package/package.json +2 -3
  423. package/sendbird-7e3109ab.js +7 -0
  424. package/sendbird-7e3109ab.js.map +1 -0
  425. package/sendbirdSelectors.js +2 -2
  426. package/{stringSet-804c49f3.js → stringSet-eb4a64cb.js} +1 -1
  427. package/{stringSet-804c49f3.js.map → stringSet-eb4a64cb.js.map} +1 -1
  428. package/{topics-24c0f724.js → topics-307251cc.js} +1 -1
  429. package/{topics-24c0f724.js.map → topics-307251cc.js.map} +1 -1
  430. package/{tslib.es6-4faaa58d.js → tslib.es6-46e4c379.js} +1 -1
  431. package/{tslib.es6-4faaa58d.js.map → tslib.es6-46e4c379.js.map} +1 -1
  432. package/ui/Accordion.js +3 -3
  433. package/ui/AccordionGroup.js +2 -2
  434. package/ui/AdminMessage.js +3 -3
  435. package/ui/Avatar.js +2 -2
  436. package/ui/Badge.js +5 -5
  437. package/ui/Button.js +3 -3
  438. package/ui/ChannelAvatar.js +3 -3
  439. package/ui/ConnectionStatus.js +4 -4
  440. package/ui/ContextMenu.js +5 -5
  441. package/ui/DateSeparator.js +4 -4
  442. package/ui/EmojiReactions.js +7 -7
  443. package/ui/FileMessageItemBody.js +5 -5
  444. package/ui/FileViewer.js +8 -8
  445. package/ui/IconButton.js +1 -1
  446. package/ui/ImageRenderer.js +1 -1
  447. package/ui/Input.js +2 -2
  448. package/ui/Label.js +2 -2
  449. package/ui/LinkLabel.js +7 -5
  450. package/ui/LinkLabel.js.map +1 -1
  451. package/ui/Loader.js +1 -1
  452. package/ui/MentionLabel.js +10 -10
  453. package/ui/MessageContent.js +13 -13
  454. package/ui/MessageInput.js +9 -9
  455. package/ui/MessageItemMenu.js +7 -7
  456. package/ui/MessageItemReactionMenu.js +5 -5
  457. package/ui/MessageSearchFileItem.js +9 -9
  458. package/ui/MessageSearchItem.js +9 -9
  459. package/ui/MessageStatus.js +7 -7
  460. package/ui/Modal.js +6 -6
  461. package/ui/OGMessageItemBody.js +10 -10
  462. package/ui/OpenChannelAdminMessage.js +3 -3
  463. package/ui/OpenChannelAvatar.js +6 -6
  464. package/ui/OpenchannelConversationHeader.js +6 -6
  465. package/ui/OpenchannelFileMessage.js +14 -14
  466. package/ui/OpenchannelOGMessage.js +14 -14
  467. package/ui/OpenchannelThumbnailMessage.js +13 -13
  468. package/ui/OpenchannelUserMessage.js +14 -14
  469. package/ui/PlaceHolder.js +6 -6
  470. package/ui/QuoteMessage.js +6 -6
  471. package/ui/QuoteMessageInput.js +6 -6
  472. package/ui/ReactionBadge.js +3 -3
  473. package/ui/ReactionButton.js +1 -1
  474. package/ui/SortByRow.js +2 -2
  475. package/ui/TextButton.js +2 -2
  476. package/ui/TextMessageItemBody.js +10 -10
  477. package/ui/ThumbnailMessageItemBody.js +2 -2
  478. package/ui/Tooltip.js +3 -3
  479. package/ui/TooltipWrapper.js +1 -1
  480. package/ui/UnknownMessageItemBody.js +6 -6
  481. package/ui/UserListItem.js +11 -11
  482. package/ui/UserProfile.js +9 -9
  483. package/ui/Word.js +10 -10
  484. package/useSendbirdStateContext.js +1 -1
  485. package/{utils-47a3394f.js → utils-c0d5a2eb.js} +1 -1
  486. package/{utils-47a3394f.js.map → utils-c0d5a2eb.js.map} +1 -1
  487. package/{utils-28acb86e.js → utils-c9a90631.js} +1 -1
  488. package/{utils-28acb86e.js.map → utils-c9a90631.js.map} +1 -1
  489. package/{utils-32938255.js → utils-ea8d6707.js} +1 -1
  490. package/{utils-32938255.js.map → utils-ea8d6707.js.map} +1 -1
  491. package/{uuid-4521c466.js → uuid-e8248f01.js} +1 -1
  492. package/{uuid-4521c466.js.map → uuid-e8248f01.js.map} +1 -1
  493. package/withSendbird.js +1 -1
  494. package/__bundle-c41dd401-d4ab6c10.js +0 -22
  495. package/__bundle-c41dd401-d4ab6c10.js.map +0 -1
  496. package/_rollupPluginBabelHelpers-22c28a74.js.map +0 -1
  497. package/cjs/__bundle-c41dd401-1f364afe.js +0 -120
  498. package/cjs/__bundle-c41dd401-1f364afe.js.map +0 -1
  499. package/cjs/_rollupPluginBabelHelpers-c7da8657.js.map +0 -1
  500. package/cjs/groupChannel-95ba4a71.js +0 -11
  501. package/cjs/groupChannel-95ba4a71.js.map +0 -1
  502. package/cjs/index-62c9ad2d.js.map +0 -1
  503. package/cjs/openChannel-4789903c.js +0 -9
  504. package/cjs/openChannel-4789903c.js.map +0 -1
  505. package/groupChannel-3301a732.js +0 -8
  506. package/groupChannel-3301a732.js.map +0 -1
  507. package/index-7b043ab9.js.map +0 -1
  508. package/openChannel-2aef0cd5.js.map +0 -1
@@ -1,24 +1,24 @@
1
1
  import React__default, { useContext } from 'react';
2
- import { a as LocalizationContext } from '../../LocalizationContext-10829cf3.js';
2
+ import { a as LocalizationContext } from '../../LocalizationContext-fd0d32ab.js';
3
3
  import { useMessageSearchContext } from '../context.js';
4
4
  import MessageSearchItem from '../../ui/MessageSearchItem.js';
5
- import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-ed8e5d48.js';
5
+ import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-96a98383.js';
6
6
  import MessageSearchFileItem from '../../ui/MessageSearchFileItem.js';
7
- import '../../stringSet-804c49f3.js';
8
- import '../../index-940576d8.js';
7
+ import '../../stringSet-eb4a64cb.js';
8
+ import '../../index-ce08211b.js';
9
9
  import '../../useSendbirdStateContext.js';
10
10
  import '../../withSendbird.js';
11
- import '../../_rollupPluginBabelHelpers-22c28a74.js';
12
- import '../../tslib.es6-4faaa58d.js';
13
- import '../../index-3ddec9e9.js';
14
- import '../../index-00b281a3.js';
15
- import '../../index-8bd6c997.js';
11
+ import '../../_rollupPluginBabelHelpers-f6b9b32e.js';
12
+ import '../../tslib.es6-46e4c379.js';
13
+ import '../../index-94381d3a.js';
14
+ import '../../index-952ab825.js';
15
+ import '../../index-c022bfde.js';
16
16
  import '../../ui/Avatar.js';
17
17
  import '../../ui/ImageRenderer.js';
18
18
  import '../../ui/Icon.js';
19
19
  import 'prop-types';
20
- import '../../uuid-4521c466.js';
21
- import '../../index-7b043ab9.js';
20
+ import '../../uuid-e8248f01.js';
21
+ import '../../index-dfa71ceb.js';
22
22
  import '../../ui/Loader.js';
23
23
 
24
24
  var COMPONENT_CLASS_NAME = 'sendbird-message-search';
@@ -1,8 +1,8 @@
1
1
  import React__default, { useEffect, useCallback, useState, useReducer, useRef } from 'react';
2
2
  import useSendbirdStateContext from '../useSendbirdStateContext.js';
3
- import { _ as __assign, a as __spreadArray } from '../tslib.es6-4faaa58d.js';
3
+ import { _ as __assign, a as __spreadArray } from '../tslib.es6-46e4c379.js';
4
4
  import '../withSendbird.js';
5
- import '../_rollupPluginBabelHelpers-22c28a74.js';
5
+ import '../_rollupPluginBabelHelpers-f6b9b32e.js';
6
6
 
7
7
  var GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';
8
8
  var GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';
package/MessageSearch.js CHANGED
@@ -1,27 +1,27 @@
1
1
  import React__default, { useState, useContext, useEffect } from 'react';
2
2
  import { MessageSearchUI } from './MessageSearch/components/MessageSearchUI.js';
3
- import { a as LocalizationContext } from './LocalizationContext-10829cf3.js';
3
+ import { a as LocalizationContext } from './LocalizationContext-fd0d32ab.js';
4
4
  import Icon, { IconTypes, IconColors } from './ui/Icon.js';
5
5
  import IconButton from './ui/IconButton.js';
6
- import { L as Label, a as LabelTypography, b as LabelColors } from './index-7b043ab9.js';
6
+ import { L as Label, a as LabelTypography, b as LabelColors } from './index-dfa71ceb.js';
7
7
  import Loader from './ui/Loader.js';
8
8
  import { MessageSearchProvider } from './MessageSearch/context.js';
9
9
  import './ui/MessageSearchItem.js';
10
- import './tslib.es6-4faaa58d.js';
11
- import './index-3ddec9e9.js';
12
- import './index-940576d8.js';
13
- import './index-00b281a3.js';
14
- import './index-8bd6c997.js';
10
+ import './tslib.es6-46e4c379.js';
11
+ import './index-94381d3a.js';
12
+ import './index-ce08211b.js';
13
+ import './index-952ab825.js';
14
+ import './index-c022bfde.js';
15
15
  import './ui/Avatar.js';
16
16
  import './ui/ImageRenderer.js';
17
- import './uuid-4521c466.js';
18
- import './index-ed8e5d48.js';
17
+ import './uuid-e8248f01.js';
18
+ import './index-96a98383.js';
19
19
  import './ui/MessageSearchFileItem.js';
20
- import './stringSet-804c49f3.js';
20
+ import './stringSet-eb4a64cb.js';
21
21
  import 'prop-types';
22
22
  import './useSendbirdStateContext.js';
23
23
  import './withSendbird.js';
24
- import './_rollupPluginBabelHelpers-22c28a74.js';
24
+ import './_rollupPluginBabelHelpers-f6b9b32e.js';
25
25
 
26
26
  var COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';
27
27
 
@@ -1,8 +1,8 @@
1
1
  import React__default, { useContext } from 'react';
2
- import { a as LocalizationContext } from '../../LocalizationContext-10829cf3.js';
3
- import { L as Label, a as LabelTypography } from '../../index-7b043ab9.js';
4
- import '../../stringSet-804c49f3.js';
5
- import '../../index-940576d8.js';
2
+ import { a as LocalizationContext } from '../../LocalizationContext-fd0d32ab.js';
3
+ import { L as Label, a as LabelTypography } from '../../index-dfa71ceb.js';
4
+ import '../../stringSet-eb4a64cb.js';
5
+ import '../../index-ce08211b.js';
6
6
  import 'prop-types';
7
7
 
8
8
  var FrozenNotification = function () {
@@ -2,25 +2,27 @@ import React__default, { useContext } from 'react';
2
2
  import Avatar from '../../ui/Avatar.js';
3
3
  import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
4
4
  import IconButton from '../../ui/IconButton.js';
5
- import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-7b043ab9.js';
6
- import { a as LocalizationContext } from '../../LocalizationContext-10829cf3.js';
7
- import { u as useOpenChannelContext, k as kFormatter } from '../../OpenChannelProvider-b360d5fe.js';
8
- import '../../tslib.es6-4faaa58d.js';
5
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-dfa71ceb.js';
6
+ import { a as LocalizationContext } from '../../LocalizationContext-fd0d32ab.js';
7
+ import { u as useOpenChannelContext, k as kFormatter } from '../../OpenChannelProvider-e39971da.js';
8
+ import '../../tslib.es6-46e4c379.js';
9
9
  import '../../ui/ImageRenderer.js';
10
- import '../../uuid-4521c466.js';
10
+ import '../../uuid-e8248f01.js';
11
11
  import 'prop-types';
12
- import '../../stringSet-804c49f3.js';
13
- import '../../index-940576d8.js';
14
- import '../../index-3ddec9e9.js';
15
- import '../../UserProfileContext-beacab28.js';
16
- import '../../compareIds-332d261c.js';
17
- import '../../topics-24c0f724.js';
18
- import '@sendbird/chat';
19
- import '../../openChannel-2aef0cd5.js';
20
- import '../../__bundle-c41dd401-d4ab6c10.js';
12
+ import '../../stringSet-eb4a64cb.js';
13
+ import '../../index-ce08211b.js';
14
+ import '../../index-94381d3a.js';
15
+ import '../../UserProfileContext-d36099b1.js';
16
+ import '../../compareIds-4bd391cb.js';
17
+ import '../../topics-307251cc.js';
18
+ import '../../sendbird-7e3109ab.js';
19
+ import '../../__bundle-57e0c5af-4e9165b5.js';
20
+ import '../../__bundle-0dad34cd-10d4f218.js';
21
+ import '../../openChannel-80b84235.js';
22
+ import '../../__bundle-bd072f34-1aaac363.js';
21
23
  import '../../useSendbirdStateContext.js';
22
24
  import '../../withSendbird.js';
23
- import '../../_rollupPluginBabelHelpers-22c28a74.js';
25
+ import '../../_rollupPluginBabelHelpers-f6b9b32e.js';
24
26
 
25
27
  function OpenchannelConversationHeader() {
26
28
  var stringSet = useContext(LocalizationContext).stringSet;
@@ -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","width","height","IconTypes","CHANNELS","IconColors","CONTENT","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","INFO","MEMBERS","PRIMARY"],"mappings":"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"}
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","width","height","IconTypes","CHANNELS","IconColors","CONTENT","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","INFO","MEMBERS","PRIMARY"],"mappings":"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"}
@@ -1,29 +1,31 @@
1
1
  import React__default, { useContext } from 'react';
2
- import { a as LocalizationContext } from '../../LocalizationContext-10829cf3.js';
2
+ import { a as LocalizationContext } from '../../LocalizationContext-fd0d32ab.js';
3
3
  import MessageInput from '../../ui/MessageInput.js';
4
- import { u as useOpenChannelContext } from '../../OpenChannelProvider-b360d5fe.js';
5
- import '../../stringSet-804c49f3.js';
6
- import '../../index-940576d8.js';
7
- import '../../_rollupPluginBabelHelpers-22c28a74.js';
4
+ import { u as useOpenChannelContext } from '../../OpenChannelProvider-e39971da.js';
5
+ import '../../stringSet-eb4a64cb.js';
6
+ import '../../index-ce08211b.js';
7
+ import '../../_rollupPluginBabelHelpers-f6b9b32e.js';
8
8
  import 'react-dom/server';
9
9
  import 'prop-types';
10
- import '../../const-03293011.js';
11
- import '../../const-78e336dd.js';
10
+ import '../../const-b4823468.js';
11
+ import '../../const-e71ab906.js';
12
12
  import '../../ui/IconButton.js';
13
- import '../../tslib.es6-4faaa58d.js';
13
+ import '../../tslib.es6-46e4c379.js';
14
14
  import '../../ui/Button.js';
15
- import '../../index-7b043ab9.js';
15
+ import '../../index-dfa71ceb.js';
16
16
  import '../../ui/MentionUserLabel.js';
17
17
  import '../../ui/Icon.js';
18
- import '../../index-46beca69.js';
19
- import '../../index-3ddec9e9.js';
20
- import '../../UserProfileContext-beacab28.js';
21
- import '../../compareIds-332d261c.js';
22
- import '../../topics-24c0f724.js';
23
- import '@sendbird/chat';
24
- import '../../openChannel-2aef0cd5.js';
25
- import '../../__bundle-c41dd401-d4ab6c10.js';
26
- import '../../uuid-4521c466.js';
18
+ import '../../index-f6fd2b53.js';
19
+ import '../../index-94381d3a.js';
20
+ import '../../UserProfileContext-d36099b1.js';
21
+ import '../../compareIds-4bd391cb.js';
22
+ import '../../topics-307251cc.js';
23
+ import '../../sendbird-7e3109ab.js';
24
+ import '../../__bundle-57e0c5af-4e9165b5.js';
25
+ import '../../__bundle-0dad34cd-10d4f218.js';
26
+ import '../../openChannel-80b84235.js';
27
+ import '../../__bundle-bd072f34-1aaac363.js';
28
+ import '../../uuid-e8248f01.js';
27
29
  import '../../useSendbirdStateContext.js';
28
30
  import '../../withSendbird.js';
29
31
 
@@ -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","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,mBAAmB,GAAG,UAACC,KAAD,EAAkCC,GAAlC,EAAwE;EAC5F,IAAAC,EAKF,GAAAC,qBAAqB,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,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;AACA,EAAA,IAAAC,KAAK,GAAKZ,KAAK,CAAAY,KAAf,CAAA;EAER,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6BAAA;AAAf,GAAA,eACEA,6BAAC,YAAD,EAAA;AACE,IAAA,GAAG,EAAEZ,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,CAACK,qCAFJ;;AANb,GAAA,CADF,CADF,CAAA;AAgBD,CAhCD,CAAA;;AAkCA,uBAAA,aAAeD,cAAK,CAACE,UAAN,CAAiBhB,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","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,mBAAmB,GAAG,UAACC,KAAD,EAAkCC,GAAlC,EAAwE;EAC5F,IAAAC,EAKF,GAAAC,qBAAqB,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,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;AACA,EAAA,IAAAC,KAAK,GAAKZ,KAAK,CAAAY,KAAf,CAAA;EAER,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6BAAA;AAAf,GAAA,eACEA,6BAAC,YAAD,EAAA;AACE,IAAA,GAAG,EAAEZ,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,CAACK,qCAFJ;;AANb,GAAA,CADF,CADF,CAAA;AAgBD,CAhCD,CAAA;;AAkCA,uBAAA,aAAeD,cAAK,CAACE,UAAN,CAAiBhB,mBAAjB,CAAf;;;;"}
@@ -1,56 +1,58 @@
1
1
  import React__default, { useContext, useMemo, useState, useRef } from 'react';
2
- import { f as format } from '../../index-3ddec9e9.js';
2
+ import { f as format } from '../../index-94381d3a.js';
3
3
  import OpenchannelUserMessage from '../../ui/OpenchannelUserMessage.js';
4
4
  import OpenChannelAdminMessage from '../../ui/OpenChannelAdminMessage.js';
5
5
  import OpenchannelOGMessage from '../../ui/OpenchannelOGMessage.js';
6
6
  import OpenchannelThumbnailMessage from '../../ui/OpenchannelThumbnailMessage.js';
7
7
  import OpenchannelFileMessage from '../../ui/OpenchannelFileMessage.js';
8
8
  import DateSeparator from '../../ui/DateSeparator.js';
9
- import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-7b043ab9.js';
9
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-dfa71ceb.js';
10
10
  import MessageInput from '../../ui/MessageInput.js';
11
11
  import FileViewer from '../../ui/FileViewer.js';
12
12
  import Modal from '../../ui/Modal.js';
13
- import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-10829cf3.js';
14
- import { _ as __assign } from '../../tslib.es6-4faaa58d.js';
15
- import { u as useOpenChannelContext } from '../../OpenChannelProvider-b360d5fe.js';
13
+ import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-fd0d32ab.js';
14
+ import { _ as __assign } from '../../tslib.es6-46e4c379.js';
15
+ import { u as useOpenChannelContext } from '../../OpenChannelProvider-e39971da.js';
16
16
  import useSendbirdStateContext from '../../useSendbirdStateContext.js';
17
- import '../../index-940576d8.js';
17
+ import '../../index-ce08211b.js';
18
18
  import '../../ui/Avatar.js';
19
19
  import '../../ui/ImageRenderer.js';
20
20
  import '../../ui/Icon.js';
21
21
  import 'prop-types';
22
- import '../../uuid-4521c466.js';
22
+ import '../../uuid-e8248f01.js';
23
23
  import '../../ui/ContextMenu.js';
24
24
  import 'react-dom';
25
25
  import '../../ui/SortByRow.js';
26
- import '../../index-46beca69.js';
27
- import '../../stringSet-804c49f3.js';
26
+ import '../../index-f6fd2b53.js';
27
+ import '../../stringSet-eb4a64cb.js';
28
28
  import '../../ui/IconButton.js';
29
29
  import '../../ui/Loader.js';
30
30
  import '../../ui/UserProfile.js';
31
31
  import '../../withSendbird.js';
32
- import '../../_rollupPluginBabelHelpers-22c28a74.js';
32
+ import '../../_rollupPluginBabelHelpers-f6b9b32e.js';
33
33
  import '../../sendbirdSelectors.js';
34
- import '../../topics-24c0f724.js';
35
- import '../../utils-32938255.js';
34
+ import '../../topics-307251cc.js';
35
+ import '../../utils-ea8d6707.js';
36
36
  import '../../ui/Button.js';
37
- import '../../UserProfileContext-beacab28.js';
38
- import '../../utils-28acb86e.js';
39
- import '../../openChannelUtils-d27d1e28.js';
37
+ import '../../UserProfileContext-d36099b1.js';
38
+ import '../../utils-c9a90631.js';
39
+ import '../../openChannelUtils-19317cb9.js';
40
40
  import '../../ui/LinkLabel.js';
41
41
  import '../../ui/Word.js';
42
42
  import '../../ui/MentionLabel.js';
43
43
  import '../../ui/TextButton.js';
44
- import '../../color-fff21001.js';
44
+ import '../../color-b897a03c.js';
45
45
  import 'react-dom/server';
46
- import '../../const-03293011.js';
47
- import '../../const-78e336dd.js';
46
+ import '../../const-b4823468.js';
47
+ import '../../const-e71ab906.js';
48
48
  import '../../ui/MentionUserLabel.js';
49
- import '../../index-5e788130.js';
50
- import '../../compareIds-332d261c.js';
51
- import '@sendbird/chat';
52
- import '../../openChannel-2aef0cd5.js';
53
- import '../../__bundle-c41dd401-d4ab6c10.js';
49
+ import '../../index-8b78f6b4.js';
50
+ import '../../compareIds-4bd391cb.js';
51
+ import '../../sendbird-7e3109ab.js';
52
+ import '../../__bundle-57e0c5af-4e9165b5.js';
53
+ import '../../__bundle-0dad34cd-10d4f218.js';
54
+ import '../../openChannel-80b84235.js';
55
+ import '../../__bundle-bd072f34-1aaac363.js';
54
56
 
55
57
  function RemoveMessageModal(_a) {
56
58
  var onCloseModal = _a.onCloseModal,
@@ -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","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","messageId","createdAt","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","locale","OpenChannelFileMessage","isOperator","OpenChannelOGMessage","OpenChannelThumbnailMessage","OpenChannelUserMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUwB,SAAAA,kBAAA,CAAmBC,EAAnB,EAGhB;MAFNC,YAAY,GAAAD,EAAA,CAAAC;MACZC,eAAe,GAAAF,EAAA,CAAAE;AAEP,EAAA,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;AAER,EAAA,oBACEC,6BAAC,KAAD,EAAA;AACE,IAAA,QAAQ,EAAEL,YADZ;AAEE,IAAA,QAAQ,EAAEC,eAFZ;IAGE,UAAU,EAAEC,SAAS,CAACI,oBAHxB;IAIE,SAAS,EAAEJ,SAAS,CAACK,4BAAAA;GALzB,CAAA,CAAA;AAQD;;ACxBD;AAMA,IAAMC,eAAe,GAAG;AACtBC,EAAAA,KAAK,EAAE,CACL,YADK,EAEL,WAFK,EAGL,WAHK,EAIL,WAJK,EAKL,eALK,EAML,YANK,CADe;EAStBC,KAAK,EAAE,CACL,YADK,EAEL,WAFK,EAGL,YAHK,EAIL,WAJK,CAAA;AATe,CAAxB,CAAA;AAiBO,IAAMC,OAAO,GAAG,UAACC,IAAD,EAA8B;EAAc,OAAAJ,eAAe,CAACC,KAAhB,CAAsBI,OAAtB,CAA8BD,IAA9B,KAAuC,CAAvC,CAAA;AAAwC,CAApG,CAAA;AACA,IAAME,OAAO,GAAG,UAACF,IAAD,EAA8B;EAAc,OAAAJ,eAAe,CAACE,KAAhB,CAAsBG,OAAtB,CAA8BD,IAA9B,KAAuC,CAAvC,CAAA;AAAwC,CAApG,CAAA;AASPG,QAAA,CAAA,EAAA,EAAoBP,eAApB,CAAA;;AC9BO,IAAMQ,YAAY,GAAG;AAC1BC,EAAAA,KAAK,EAAE,OADmB;AAE1BC,EAAAA,IAAI,EAAE,MAFoB;AAG1BC,EAAAA,IAAI,EAAE,MAHoB;AAI1BC,EAAAA,SAAS,EAAE,WAJe;AAK1BC,EAAAA,EAAE,EAAE,IALsB;AAM1BC,EAAAA,OAAO,EAAE,SAAA;AANiB,CAArB,CAAA;AASA,IAAMC,oBAAoB,GAAG;AAClCC,EAAAA,IAAI,EAAE,MAD4B;AAElCC,EAAAA,SAAS,EAAE,WAFuB;AAGlCC,EAAAA,MAAM,EAAE,QAH0B;AAIlCC,EAAAA,OAAO,EAAE,SAAA;AAJyB,CAA7B,CAAA;AAOA,IAAMC,cAAc,GAAG,UAACC,OAAD,EAAkD;;;EAC9E,IAAI,CAAC,MAAAA,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEC,aAAT,MAA0B,IAA1B,IAA0B/B,EAAA,KAAA,KAAA,CAA1B,GAA0B,KAAA,CAA1B,GAA0BA,EAAA,CAAAgC,IAAA,CAAAF,OAAA,CAA3B,KAAgC,CAAAA,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEG,WAAT,MAAyB,MAA7D,EAAqE;IACnE,OAAO,CAACH,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEI,UAAV,IACHjB,YAAY,CAACK,EADV,GAEHL,YAAY,CAACE,IAFjB,CAAA;AAGD,GAAA;;AACD,EAAA,IAAI,CAAAgB,EAAA,GAAAL,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEM,cAAT,MAAuB,IAAvB,IAAuBD,EAAA,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAuBA,EAAA,CAAAH,IAAA,CAAAF,OAAA,CAA3B,EAAiC;IAC/B,OAAOb,YAAY,CAACC,KAApB,CAAA;AACD,GAAA;;AACD,EAAA,IAAI,CAAAY,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEG,WAAT,MAAyB,MAA7B,EAAqC;IACnC,OAAQrB,OAAO,CAAEkB,OAAuB,CAACjB,IAA1B,CAAP,IAA0CE,OAAO,CAAEe,OAAuB,CAACjB,IAA1B,CAAlD,GACHI,YAAY,CAACI,SADV,GAEHJ,YAAY,CAACG,IAFjB,CAAA;AAGD,GAAA;;EACD,OAAOH,YAAY,CAACM,OAApB,CAAA;AACD,CAfM;;ACuBiB,SAAAc,4BAAA,CAA6BC,KAA7B,EAA2D;;;;;AAE/E,EAAA,IAAAR,OAAO,GAKLQ,KAAK,CALAR,OAAP;AAAA,MACAS,QAAQ,GAIND,KAAK,CAJCC,QADR;AAAA,MAEAC,WAAW,GAGTF,KAAK,CAHIE,WAFX;AAAA,MAGAC,YAAY,GAEVH,KAAK,CAAAG,YALP;AAAA,MAIAC,aAAa,GACXJ,KAAK,CAAAI,aALP,CAAA;;EAOI,IAAAC,EAKF,GAAAC,qBAAqB,EALnB;AAAA,MACJC,kBAAkB,GAAAF,EAAA,CAAAE,kBADd;AAAA,MAEJC,aAAa,GAAAH,EAAA,CAAAG,aAFT;AAAA,MAGJC,aAAa,GAAAJ,EAAA,CAAAI,aAHT;AAAA,MAIJC,aAAa,mBAJT,CAAA;;AAME,EAAA,IAAAC,UAAU,GAAKC,eAAe,EAAA,WAA9B,CAAA;AACR,EAAA,IAAMC,YAAY,GAAGN,kBAAkB,KAAA,IAAlB,IAAAA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,kBAAkB,CAAEO,QAAzC,CAAA;EAEA,IAAMC,WAAW,GAAGC,uBAAuB,EAA3C,CAAA;AACA,EAAA,IAAMC,MAAM,GAAG,CAAApB,EAAA,GAAAkB,WAAW,KAAX,IAAA,IAAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,WAAW,CAAEG,MAAb,MAAqB,IAArB,IAAqBrB,EAAA,KAAA,KAAA,CAArB,GAAqB,KAAA,CAArB,GAAqBA,EAAA,CAAAoB,MAApC,CAAA;EAEA,IAAIE,MAAM,GAAS,IAAnB,CAAA;;AACA,EAAA,IAAI,CAAA3B,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEG,WAAT,MAAyB,OAA7B,EAAsC;AACpCwB,IAAAA,MAAM,GAAI3B,OAAqC,KAArC,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAgC2B,MAAjD,CAAA;AACD,GAAA;;AAED,EAAA,IAAMC,eAAe,GAAGC,OAAO,CAAC,YAAM;IAAA,OAAA,UAACrB,KAAD,EAA0B;MAC9D,oBACEhC,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAEIoC,aAAa,GACRA,aAAa,CAACJ,KAAD,CADL,GAET,IAJR,CADF,CAAA;KADoC,CAAA;AAUrC,GAV8B,EAU5B,CAACR,OAAD,EAAUY,aAAV,CAV4B,CAA/B,CAAA;;AAYM,EAAA,IAAAkB,EAAA,GAA0BC,QAAQ,CAAC,KAAD,CAAlC;AAAA,MAACC,QAAQ,GAAAF,EAAA,CAAA,CAAA,CAAT;AAAA,MAAWG,WAAW,GAAAH,EAAA,CAAA,CAAA,CAAtB,CAAA;;AACA,EAAA,IAAAI,EAAA,GAA8BH,QAAQ,CAAC,KAAD,CAAtC;AAAA,MAACI,UAAU,GAAAD,EAAA,CAAA,CAAA,CAAX;AAAA,MAAaE,aAAa,GAAAF,EAAA,CAAA,CAAA,CAA1B,CAAA;;AACA,EAAA,IAAAG,EAAA,GAAsCN,QAAQ,CAAC,KAAD,CAA9C;AAAA,MAACO,cAAc,GAAAD,EAAA,CAAA,CAAA,CAAf;AAAA,MAAiBE,iBAAiB,GAAAF,EAAA,CAAA,CAAA,CAAlC,CAAA;;AACN,EAAA,IAAMG,mBAAmB,GAAGC,MAAM,CAAC,IAAD,CAAlC,CAAA;EAEA,IAAIC,MAAM,GAAG,KAAb,CAAA;;EAEA,IAAIf,MAAM,IAAI,CAAA3B,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEG,WAAT,MAAyB,OAAvC,EAAgD;AAC9C;IACAuC,MAAM,GAAIjB,MAAM,KAAKE,MAAM,CAACF,MAAnB,IACH,CAACzB,OAAqC,KAArC,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAgC2C,aAAxC,MAA0DjD,oBAAoB,CAACI,OAD5E,IAEH,CAACE,OAAqC,KAArC,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAgC2C,aAAxC,MAA0DjD,oBAAoB,CAACG,MAFrF,CAAA;AAGD,GAAA;;EAED,IAAIe,aAAa,IAAIgB,eAArB,EAAsC;IACpC,oBACEpD,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAC,2CAAA;AAAf,KAAA,eACEA,6BAAC,eAAD,EAAA;AAAiB,MAAA,OAAO,EAAEwB,OAA1B;AAAmC,MAAA,QAAQ,EAAES,QAA7C;AAAuD,MAAA,WAAW,EAAEC,WAAAA;AAApE,KAAA,CADF,CADF,CAAA;AAKD,GAAA;;EAED,IAAI,CAAAV,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEG,WAAT,MAAyB,MAAzB,IAAmC6B,QAAvC,EAAiD;AAC/C,IAAA,oBACExD,6BAAC,YAAD,EAAA;AACE,MAAA,MAAM,EADR,IAAA;AAEE,MAAA,QAAQ,EAAE6C,YAFZ;AAGE,MAAA,GAAG,EAAEmB,mBAHP;AAIE,MAAA,OAAO,EAAExC,OAJX;AAKE,MAAA,IAAI,EAAEA,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAE4C,SALjB;MAME,eAAe,EAAE,UAAC1E,EAAD,EAAuB;YAApB0E,SAAS,GAAA1E,EAAA,CAAA0E;YAAE5C,OAAO,GAAA9B,EAAA,CAAA8B;AACpCiB,QAAAA,aAAa,CAAC2B,SAAD,EAAY5C,OAAZ,CAAb,CAAA;QACAiC,WAAW,CAAC,KAAD,CAAX,CAAA;OARJ;AAUE,MAAA,YAAY,EAAE;QAAQA,WAAW,CAAC,KAAD,CAAX,CAAA;AAAqB,OAAA;KAX/C,CAAA,CAAA;AAcD,GAAA;;EAED,oBACEzD,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,2CAAA;GAGVmC,EAAAA,YAAY,KAAIX,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE6C,SAAb,CAAb,iBACErE,cAAC,CAAA,aAAA,CAAA,aAAD,EACE,IAAA,eAAAA,cAAA,CAAA,aAAA,CAAC,KAAD,EAAA;IAAO,IAAI,EAAEsE,eAAe,CAACC,SAA7B;IAAwC,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAA3D,GAAA,EACGC,MAAM,CAAClD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE6C,SAAV,EAAqB,eAArB,EAAsC;AAC3CM,IAAAA,MAAM,EAAEhC,UAAAA;AADmC,GAAtC,CADT,CADF,CAJN,EAeI,CAAAjD,EAAA,GAAA,EAAA,EACEA,EAAA,CAACiB,YAAY,CAACC,KAAd,CAAA,GAAuB,YAAA;AACrB,IAAA,IAAI,CAAAY,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEG,WAAT,MAAyB,OAA7B,EAAsC;AACpC,MAAA,oBACE3B,6BAAC,uBAAD,EAAA;AAAyB,QAAA,OAAO,EAAEwB,OAAAA;OADpC,CAAA,CAAA;AAGD,KAAA;GALmB,EADxB,EAQE9B,EAAA,CAACiB,YAAY,CAACG,IAAd,CAAA,GAAsB,YAAA;;;AACpB,IAAA,IAAI,CAAAU,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEG,WAAT,MAAyB,MAA7B,EAAqC;AACnC,MAAA,oBACE3B,6BAAC4E,sBAAD,EAAA;AACE,QAAA,OAAO,EAAEpD,OADX;QAEE,UAAU,EAAEe,kBAAkB,KAAlB,IAAA,IAAAA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,kBAAkB,CAAEsC,UAApB,CAA+B,CAAAnF,EAAA,GAAC8B,OAAuB,KAAvB,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAkB2B,MAA1B,MAAgC,IAAhC,IAAgCzD,EAAA,KAAA,KAAA,CAAhC,GAAgC,KAAA,CAAhC,GAAgCA,EAAA,CAAEuD,MAAjE,CAFd;AAGE,QAAA,QAAQ,EAAEJ,YAHZ;AAIE,QAAA,MAAM,EAAEI,MAJV;AAKE,QAAA,UAAU,EAAEW,aALd;AAME,QAAA,aAAa,EAAElB,aANjB;AAOE,QAAA,QAAQ,EAAET,QAPZ;AAQE,QAAA,WAAW,EAAEC,WAAAA;OATjB,CAAA,CAAA;AAYD,KAAA;;AACD,IAAA,OAAA;GAfmB,EARvB,EAyBExC,EAAA,CAACiB,YAAY,CAACK,EAAd,CAAA,GAAoB,YAAA;;;AAClB,IAAA,IAAI,CAAAQ,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEG,WAAT,MAAyB,MAA7B,EAAqC;AACnC,MAAA,oBACE3B,6BAAC8E,oBAAD,EAAA;AACE,QAAA,OAAO,EAAEtD,OADX;QAEE,UAAU,EAAEe,kBAAkB,KAAA,IAAlB,IAAAA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,kBAAkB,CAAEsC,UAApB,CAA+B,CAACnF,EAAA,GAAA8B,OAAuB,KAAvB,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAkB2B,MAA1B,MAAgC,IAAhC,IAAgCzD,EAAA,KAAA,KAAA,CAAhC,GAAgC,KAAA,CAAhC,GAAgCA,EAAA,CAAEuD,MAAjE,CAFd;AAGE,QAAA,MAAM,EAAEA,MAHV;AAIE,QAAA,QAAQ,EAAEQ,WAJZ;AAKE,QAAA,QAAQ,EAAEZ,YALZ;AAME,QAAA,UAAU,EAAEe,aANd;AAOE,QAAA,aAAa,EAAElB,aAPjB;AAQE,QAAA,QAAQ,EAAET,QARZ;AASE,QAAA,WAAW,EAAEC,WAAAA;OAVjB,CAAA,CAAA;AAaD,KAAA;;AACD,IAAA,OAAA;GAhBiB,EAzBrB,EA2CExC,EAAA,CAACiB,YAAY,CAACI,SAAd,CAAA,GAA2B,YAAA;;;AACzB,IAAA,IAAI,CAAAS,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEG,WAAT,MAAyB,MAA7B,EAAqC;AACnC,MAAA,oBACE3B,6BAAC+E,2BAAD,EAAA;AACE,QAAA,OAAO,EAAEvD,OADX;QAEE,UAAU,EAAEe,kBAAkB,KAAA,IAAlB,IAAAA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,kBAAkB,CAAEsC,UAApB,CAA+B,CAACnF,EAAA,GAAA8B,OAAuB,KAAvB,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAkB2B,MAA1B,MAAgC,IAAhC,IAAgCzD,EAAA,KAAA,KAAA,CAAhC,GAAgC,KAAA,CAAhC,GAAgCA,EAAA,CAAEuD,MAAjE,CAFd;AAGE,QAAA,QAAQ,EAAEJ,YAHZ;AAIE,QAAA,MAAM,EAAEI,MAJV;AAKE,QAAA,UAAU,EAAEW,aALd;AAME,QAAA,aAAa,EAAElB,aANjB;AAOE,QAAA,OAAO,EAAEqB,iBAPX;AAQE,QAAA,QAAQ,EAAE9B,QARZ;AASE,QAAA,WAAW,EAAEC,WAAAA;OAVjB,CAAA,CAAA;AAaD,KAAA;;AACD,IAAA,OAAA;GAhBwB,EA3C5B,EA6DExC,EAAA,CAACiB,YAAY,CAACE,IAAd,CAAA,GAAsB,YAAA;;;AACpB,IAAA,IAAI,CAAAW,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEG,WAAT,MAAyB,MAA7B,EAAqC;AACnC,MAAA,oBACE3B,6BAACgF,sBAAD,EAAA;AACE,QAAA,OAAO,EAAExD,OADX;QAEE,UAAU,EAAEe,kBAAkB,KAAA,IAAlB,IAAAA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,kBAAkB,CAAEsC,UAApB,CAA+B,CAACnF,EAAA,GAAA8B,OAAuB,KAAvB,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAkB2B,MAA1B,MAAgC,IAAhC,IAAgCzD,EAAA,KAAA,KAAA,CAAhC,GAAgC,KAAA,CAAhC,GAAgCA,EAAA,CAAEuD,MAAjE,CAFd;AAGE,QAAA,MAAM,EAAEA,MAHV;AAIE,QAAA,QAAQ,EAAEJ,YAJZ;AAKE,QAAA,QAAQ,EAAEY,WALZ;AAME,QAAA,UAAU,EAAEG,aANd;AAOE,QAAA,aAAa,EAAElB,aAPjB;AAQE,QAAA,QAAQ,EAAET,QARZ;AASE,QAAA,WAAW,EAAEC,WAAAA;OAVjB,CAAA,CAAA;AAaD,KAAA;;AACD,IAAA,OAAA;GAhBmB,EA7DvB,EA+EExC,EAAA,CAACiB,YAAY,CAACM,OAAd,CAAA,GAAyB,YAAA;AACvB,IAAA,OADuB;AAGvB;AACA;AACD,GALuB,EA/E1B,EAqFEvB,EArFF,EAqFE6B,cAAc,CAACC,OAAD,CArFhB,CAfJ,EAwGImC,UAAU,iBACR3D,6BAAC,kBAAD,EAAA;AACE,IAAA,YAAY,EAAE,YAAA;MAAM,OAAA4D,aAAa,CAAC,KAAD,CAAb,CAAA;KADtB;AAEE,IAAA,eAAe,EAAE,YAAA;AACf,MAAA,IAAI,CAAApC,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEG,WAAT,MAAyB,OAA7B,EAAsC;QACpCa,aAAa,CAAChB,OAAD,CAAb,CAAA;AACD,OAAA;AACF,KAAA;GA/GT,CAAA,EAoHKsC,cAAc,IAAI,CAAAtC,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEG,WAAT,MAAyB,MAA5C,iBACE3B,cAAA,CAAA,aAAA,CAAC,UAAD,EAAA;AACE,IAAA,OAAO,EAAE,YAAA;MAAM,OAAA+D,iBAAiB,CAAC,KAAD,CAAjB,CAAA;KADjB;AAEE,IAAA,OAAO,EAAEvC,OAFX;AAGE,IAAA,QAAQ,EAAE,YAAA;MAAM,OAAAgB,aAAa,CAAChB,OAAD,CAAb,CAAA;KAHlB;AAIE,IAAA,MAAM,EAAE0C,MAAAA;AAJV,GAAA,CArHN,CADF,CAAA;AA+ID;;;;"}
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","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","messageId","createdAt","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","locale","OpenChannelFileMessage","isOperator","OpenChannelOGMessage","OpenChannelThumbnailMessage","OpenChannelUserMessage"],"mappings":"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"}
@@ -1,41 +1,43 @@
1
1
  import React__default, { useRef, useState, useMemo } from 'react';
2
- import { i as isSameDay } from '../../index-8bd6c997.js';
2
+ import { i as isSameDay } from '../../index-c022bfde.js';
3
3
  import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
4
- import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-ed8e5d48.js';
5
- import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-b360d5fe.js';
4
+ import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-96a98383.js';
5
+ import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-e39971da.js';
6
6
  import MessagOpenChannelMessageeHoc from './OpenChannelMessage.js';
7
- import '../../index-3ddec9e9.js';
8
- import '../../index-940576d8.js';
7
+ import '../../index-94381d3a.js';
8
+ import '../../index-ce08211b.js';
9
9
  import 'prop-types';
10
- import '../../tslib.es6-4faaa58d.js';
11
- import '../../LocalizationContext-10829cf3.js';
12
- import '../../stringSet-804c49f3.js';
13
- import '../../index-7b043ab9.js';
10
+ import '../../tslib.es6-46e4c379.js';
11
+ import '../../LocalizationContext-fd0d32ab.js';
12
+ import '../../stringSet-eb4a64cb.js';
13
+ import '../../index-dfa71ceb.js';
14
14
  import '../../ui/Loader.js';
15
- import '../../UserProfileContext-beacab28.js';
16
- import '../../compareIds-332d261c.js';
17
- import '../../topics-24c0f724.js';
18
- import '@sendbird/chat';
19
- import '../../openChannel-2aef0cd5.js';
20
- import '../../__bundle-c41dd401-d4ab6c10.js';
21
- import '../../uuid-4521c466.js';
15
+ import '../../UserProfileContext-d36099b1.js';
16
+ import '../../compareIds-4bd391cb.js';
17
+ import '../../topics-307251cc.js';
18
+ import '../../sendbird-7e3109ab.js';
19
+ import '../../__bundle-57e0c5af-4e9165b5.js';
20
+ import '../../__bundle-0dad34cd-10d4f218.js';
21
+ import '../../openChannel-80b84235.js';
22
+ import '../../__bundle-bd072f34-1aaac363.js';
23
+ import '../../uuid-e8248f01.js';
22
24
  import '../../useSendbirdStateContext.js';
23
25
  import '../../withSendbird.js';
24
- import '../../_rollupPluginBabelHelpers-22c28a74.js';
26
+ import '../../_rollupPluginBabelHelpers-f6b9b32e.js';
25
27
  import '../../ui/OpenchannelUserMessage.js';
26
28
  import '../../ui/Avatar.js';
27
29
  import '../../ui/ImageRenderer.js';
28
30
  import '../../ui/ContextMenu.js';
29
31
  import 'react-dom';
30
32
  import '../../ui/SortByRow.js';
31
- import '../../index-46beca69.js';
33
+ import '../../index-f6fd2b53.js';
32
34
  import '../../ui/IconButton.js';
33
35
  import '../../ui/UserProfile.js';
34
36
  import '../../sendbirdSelectors.js';
35
- import '../../utils-32938255.js';
37
+ import '../../utils-ea8d6707.js';
36
38
  import '../../ui/Button.js';
37
- import '../../utils-28acb86e.js';
38
- import '../../openChannelUtils-d27d1e28.js';
39
+ import '../../utils-c9a90631.js';
40
+ import '../../openChannelUtils-19317cb9.js';
39
41
  import '../../ui/OpenChannelAdminMessage.js';
40
42
  import '../../ui/OpenchannelOGMessage.js';
41
43
  import '../../ui/LinkLabel.js';
@@ -44,15 +46,15 @@ import '../../ui/MentionLabel.js';
44
46
  import '../../ui/OpenchannelThumbnailMessage.js';
45
47
  import '../../ui/OpenchannelFileMessage.js';
46
48
  import '../../ui/TextButton.js';
47
- import '../../color-fff21001.js';
49
+ import '../../color-b897a03c.js';
48
50
  import '../../ui/DateSeparator.js';
49
51
  import '../../ui/MessageInput.js';
50
52
  import 'react-dom/server';
51
- import '../../const-03293011.js';
52
- import '../../const-78e336dd.js';
53
+ import '../../const-b4823468.js';
54
+ import '../../const-e71ab906.js';
53
55
  import '../../ui/MentionUserLabel.js';
54
56
  import '../../ui/FileViewer.js';
55
- import '../../index-5e788130.js';
57
+ import '../../index-8b78f6b4.js';
56
58
  import '../../ui/Modal.js';
57
59
 
58
60
  function OpenchannelMessageList(props, ref) {
@@ -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","PlaceHolderTypes","NO_MESSAGES","join","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","PlaceHolderTypes","NO_MESSAGES","join","IconTypes","CHEVRON_DOWN","IconColors","CONTENT","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAASA,sBAAT,CACEC,KADF,EAEEC,GAFF,EAEsC;EAE9B,IAAAC,KAKFC,qBAAqB,EALnB;AAAA,MACJC,EAA+B,GAAAF,EAAA,CAAAG,wBAD3B;MACJA,wBAAwB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,IAAA,KADvB;AAAA,MAEJE,WAAW,iBAFP;AAAA,MAGJC,OAAO,aAHH;AAAA,MAIJC,QAAQ,cAJJ,CAAA;;AAMN,EAAA,IAAMC,SAAS,GAAGR,GAAG,IAAIS,MAAM,CAAC,IAAD,CAA/B,CAAA;;AACM,EAAA,IAAAC,EAAA,GAAkDC,QAAQ,CAAC,KAAD,CAA1D;AAAA,MAACC,oBAAoB,GAAAF,EAAA,CAAA,CAAA,CAArB;AAAA,MAAuBG,uBAAuB,GAAAH,EAAA,CAAA,CAAA,CAA9C,CAAA;;AAEN,EAAA,IAAMI,cAAc,GAAG,UAACC,CAAD,EAAE;AACvB,IAAA,IAAMC,OAAO,GAAGD,CAAC,CAACE,MAAlB,CAAA;AAEE,IAAA,IAAAC,SAAS,GAGPF,OAAO,CAAAE,SAHT;AAAA,QACAC,YAAY,GAEVH,OAAO,CAAAG,YAHT;AAAA,QAEAC,YAAY,GACVJ,OAAO,aAHT,CAAA;;AAIF,IAAA,IAAIG,YAAY,GAAGD,SAAS,GAAGE,YAAZ,GAA2B,CAA9C,EAAiD;MAC/CP,uBAAuB,CAAC,IAAD,CAAvB,CAAA;AACD,KAFD,MAEO;MACLA,uBAAuB,CAAC,KAAD,CAAvB,CAAA;AACD,KAAA;;IAED,IAAI,CAACP,OAAL,EAAc;AACZ,MAAA,OAAA;AACD,KAAA;;IACD,IAAIY,SAAS,KAAK,CAAlB,EAAqB;MACnB,IAAMG,KAAK,GAAGb,SAAS,CAACc,OAAV,CAAkBC,gBAAlB,CAAmC,2BAAnC,CAAd,CAAA;AACA,MAAA,IAAMC,OAAK,GAAGH,KAAK,IAAIA,KAAK,CAAC,CAAD,CAA5B,CAAA;AACAd,MAAAA,QAAQ,CAAC,YAAA;QACP,IAAI;AACFiB,UAAAA,OAAK,CAACC,cAAN,EAAA,CAAA;AACD,SAFD,CAEE,OAAOC,KAAP,EAAc,EAAG;AACpB,OAJO,CAAR,CAAA;AAKD,KAAA;GAxBH,CAAA;;EA2BA,IAAMC,cAAc,GAAG,YAAA;AACrB,IAAA,IAAInB,SAAS,IAAIA,SAAS,CAACc,OAA3B,EAAoC;MAClCd,SAAS,CAACc,OAAV,CAAkBM,QAAlB,CAA2B,CAA3B,EAA8BpB,SAAS,CAACc,OAAV,CAAkBH,YAAhD,CAAA,CAAA;MACAN,uBAAuB,CAAC,KAAD,CAAvB,CAAA;AACD,KAAA;GAJH,CAAA;;AAOA,EAAA,IAAMgB,mBAAmB,GAAGC,OAAO,CAAC,YAAA;;;AAClC,IAAA,IAAIzB,WAAW,CAAC0B,MAAZ,GAAqB,CAAzB,EAA4B;MAC1B,OACE1B,WAAW,CAAC2B,GAAZ,CAAgB,UAACC,OAAD,EAAUC,KAAV,EAAe;AAC7B,QAAA,IAAMC,eAAe,GAAG9B,WAAW,CAAC6B,KAAK,GAAG,CAAT,CAAnC,CAAA;AACA,QAAA,IAAME,WAAW,GAAG/B,WAAW,CAAC6B,KAAK,GAAG,CAAT,CAA/B,CAAA;AAEA,QAAA,IAAMG,wBAAwB,GAAGF,eAAe,IAAIA,eAAe,CAACG,SAApE,CAAA;AACA,QAAA,IAAMC,gBAAgB,GAAGN,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEK,SAAlC,CAL6B;;QAO7B,IAAME,YAAY,GAAG,EAAEH,wBAAwB,IAC7CI,SAAS,CAACF,gBAAD,EAAmBF,wBAAnB,CADU,CAArB,CAAA;;AAIM,QAAA,IAAApC,KAA0BG,wBAAwB,GACpDsC,0BAA0B,CAACP,eAAD,EAAkBF,OAAlB,EAA2BG,WAA3B,CAD0B,GAEpD,CAAC,KAAD,EAAQ,KAAR,CAFE;AAAA,YAACO,QAAQ,GAAA1C,EAAA,CAAA,CAAA,CAAT;AAAA,YAAW2C,WAAW,GAAA3C,EAAA,CAAA,CAAA,CAAtB,CAAA;;AAGN,QAAA,oBACE4C,6BAACC,4BAAD,EAAA;AACE,UAAA,GAAG,EAAE,CAAAb,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEc,SAAT,MAAuBd,OAAqC,KAAA,IAArC,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAgCe,KAA9D,CADP;AAEE,UAAA,OAAO,EAAEf,OAFX;AAGE,UAAA,QAAQ,EAAEU,QAHZ;AAIE,UAAA,WAAW,EAAEC,WAJf;AAKE,UAAA,YAAY,EAAEJ,YALhB;AAME,UAAA,aAAa,EAAEzC,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEkD,aAAAA;SAP1B,CAAA,CAAA;AAUD,OAxBD,CADF,CAAA;AA2BD,KAAA;;AACD,IAAA,OACE,CAAA,CAAAhD,EAAA,GAAAF,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEmD,0BAAP,MAAqC,IAArC,IAAqCjD,EAAA,KAAA,KAAA,CAArC,GAAqC,KAAA,CAArC,GAAqCA,EAAA,CAAAkD,IAAA,CAAApD,KAAA,CAArC,kBACE8C,6BAAC,WAAD,EAAA;AACE,MAAA,SAAS,EAAC,mEADZ;MAEE,IAAI,EAAEO,gBAAgB,CAACC,WAAAA;KAJ7B,CAAA,CAAA;AAQD,GAtCkC,EAsChC,CAAChD,WAAD,CAtCgC,CAAnC,CAAA;EAwCA,oBACEwC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,0CAAA;GACb,eAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,qDAAA;GACb,eAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,8DAAA;AAAf,GAAA,CADF,eAEEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAE,CACT,qEADS,EAERxC,WAAW,CAAC0B,MAAZ,GAAqB,CAAtB,GAA2B,EAA3B,GAAgC,aAFvB,EAGTuB,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,QAAQ,EAAExC,cALZ;AAME,IAAA,GAAG,EAAEN,SAAAA;AANP,GAAA,EAQGqB,mBARH,CAFF,CADF,EAeIjB,oBAAoB,iBAClBiC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,2EADZ;AAEE,IAAA,OAAO,EAAElB,cAFX;AAGE,IAAA,SAAS,EAAEA,cAHb;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,IAAI,EAAC,QAAA;AALP,GAAA,eAOEkB,6BAAC,IAAD,EAAA;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;IAGE,IAAI,EAAEU,SAAS,CAACC,YAHlB;IAIE,SAAS,EAAEC,UAAU,CAACC,OAAAA;AAJxB,GAAA,CAPF,CAhBN,CADF,CAAA;AAmCD,CAAA;;AAED,6BAAA,aAAeb,cAAK,CAACc,UAAN,CAAiB7D,sBAAjB,CAAf;;;;"}