@sendbird/uikit-react 3.4.0 → 3.4.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (501) hide show
  1. package/App.js +40 -40
  2. package/CHANGELOG.md +22 -0
  3. package/Channel/components/ChannelHeader.js +30 -28
  4. package/Channel/components/ChannelHeader.js.map +1 -1
  5. package/Channel/components/ChannelUI.js +42 -94
  6. package/Channel/components/ChannelUI.js.map +1 -1
  7. package/Channel/components/FileViewer.js +15 -15
  8. package/Channel/components/FrozenNotification.js +8 -6
  9. package/Channel/components/FrozenNotification.js.map +1 -1
  10. package/Channel/components/Message.js +162 -132
  11. package/Channel/components/Message.js.map +1 -1
  12. package/Channel/components/MessageInput.js +23 -23
  13. package/Channel/components/MessageList.js +169 -95
  14. package/Channel/components/MessageList.js.map +1 -1
  15. package/Channel/components/RemoveMessageModal.js +17 -17
  16. package/Channel/components/SuggestedMentionList.js +17 -17
  17. package/Channel/components/TypingIndicator.js +15 -15
  18. package/Channel/components/UnreadCount.js +14 -17
  19. package/Channel/components/UnreadCount.js.map +1 -1
  20. package/Channel/context.js +14 -14
  21. package/Channel.js +34 -34
  22. package/ChannelList/components/AddChannel.js +22 -17
  23. package/ChannelList/components/AddChannel.js.map +1 -1
  24. package/ChannelList/components/ChannelListHeader.js +7 -7
  25. package/ChannelList/components/ChannelListUI.js +29 -29
  26. package/ChannelList/components/ChannelPreview.js +28 -28
  27. package/ChannelList/components/ChannelPreview.js.map +1 -1
  28. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  29. package/ChannelList/context.js +8 -8
  30. package/ChannelList.js +29 -29
  31. package/{ChannelListProvider-442bea80.js → ChannelListProvider-9f51ca7a.js} +8 -8
  32. package/{ChannelListProvider-442bea80.js.map → ChannelListProvider-9f51ca7a.js.map} +1 -1
  33. package/{ChannelProvider-43d68897.js → ChannelProvider-19d75ee9.js} +13 -12
  34. package/ChannelProvider-19d75ee9.js.map +1 -0
  35. package/ChannelSettings/components/ChannelProfile.js +12 -12
  36. package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  37. package/ChannelSettings/components/EditDetailsModal.js +12 -12
  38. package/ChannelSettings/components/LeaveChannel.js +12 -12
  39. package/ChannelSettings/components/ModerationPanel.js +15 -15
  40. package/ChannelSettings/components/UserListItem.js +11 -11
  41. package/ChannelSettings/components/UserPanel.js +14 -14
  42. package/ChannelSettings/context.js +3 -3
  43. package/ChannelSettings.js +18 -18
  44. package/CreateChannel/components/CreateChannelUI.js +14 -14
  45. package/CreateChannel/components/InviteUsers.js +14 -14
  46. package/CreateChannel/components/SelectChannelType.js +11 -11
  47. package/CreateChannel/context.js +4 -4
  48. package/CreateChannel.js +14 -14
  49. package/{CreateChannelProvider-62afdf07.js → CreateChannelProvider-4a26fc5d.js} +1 -1
  50. package/{CreateChannelProvider-62afdf07.js.map → CreateChannelProvider-4a26fc5d.js.map} +1 -1
  51. package/CreateOpenChannel/components/CreateOpenChannelUI.js +10 -10
  52. package/CreateOpenChannel/context.js +1 -1
  53. package/CreateOpenChannel.js +10 -10
  54. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  55. package/EditUserProfile.js +13 -13
  56. package/{LocalizationContext-83ddce67.js → LocalizationContext-646420ca.js} +3 -3
  57. package/{LocalizationContext-83ddce67.js.map → LocalizationContext-646420ca.js.map} +1 -1
  58. package/{MediaQueryContext-010e9df0.js → MediaQueryContext-1441c35c.js} +1 -1
  59. package/{MediaQueryContext-010e9df0.js.map → MediaQueryContext-1441c35c.js.map} +1 -1
  60. package/{MemberList-299e055b.js → MemberList-e1088d7b.js} +5 -5
  61. package/{MemberList-299e055b.js.map → MemberList-e1088d7b.js.map} +1 -1
  62. package/MessageSearch/components/MessageSearchUI.js +12 -12
  63. package/MessageSearch/context.js +2 -2
  64. package/MessageSearch.js +12 -12
  65. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  66. package/OpenChannel/components/OpenChannelHeader.js +13 -13
  67. package/OpenChannel/components/OpenChannelInput.js +15 -15
  68. package/OpenChannel/components/OpenChannelMessage.js +26 -22
  69. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  70. package/OpenChannel/components/OpenChannelMessageList.js +24 -24
  71. package/OpenChannel/components/OpenChannelUI.js +24 -24
  72. package/OpenChannel/context.js +9 -9
  73. package/OpenChannel.js +24 -24
  74. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  75. package/OpenChannelList/components/OpenChannelPreview.js +4 -4
  76. package/OpenChannelList/context.js +4 -4
  77. package/OpenChannelList.js +13 -13
  78. package/{OpenChannelListProvider-2d811cef.js → OpenChannelListProvider-76b2bc47.js} +3 -3
  79. package/{OpenChannelListProvider-2d811cef.js.map → OpenChannelListProvider-76b2bc47.js.map} +1 -1
  80. package/{OpenChannelProvider-7aef2b42.js → OpenChannelProvider-de0549fc.js} +7 -7
  81. package/{OpenChannelProvider-7aef2b42.js.map → OpenChannelProvider-de0549fc.js.map} +1 -1
  82. package/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  83. package/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  84. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  85. package/OpenChannelSettings/components/OperatorUI.js +17 -17
  86. package/OpenChannelSettings/components/ParticipantUI.js +15 -15
  87. package/OpenChannelSettings/context.js +3 -3
  88. package/OpenChannelSettings.js +18 -18
  89. package/{RemoveMessageModal-1ca08354.js → RemoveMessageModal-c25f1f20.js} +3 -3
  90. package/{RemoveMessageModal-1ca08354.js.map → RemoveMessageModal-c25f1f20.js.map} +1 -1
  91. package/SendbirdProvider.js +12 -12
  92. package/SendbirdProvider.js.map +1 -1
  93. package/Thread/components/ParentMessageInfo.js +24 -24
  94. package/Thread/components/ParentMessageInfoItem.js +16 -16
  95. package/Thread/components/ThreadHeader.js +6 -6
  96. package/Thread/components/ThreadList.js +27 -27
  97. package/Thread/components/ThreadListItem.js +39 -38
  98. package/Thread/components/ThreadListItem.js.map +1 -1
  99. package/Thread/components/ThreadMessageInput.js +24 -24
  100. package/Thread/components/ThreadUI.js +31 -31
  101. package/Thread/context.js +9 -9
  102. package/Thread.js +31 -31
  103. package/{ThreadProvider-94605d33.js → ThreadProvider-0ebc9c60.js} +7 -7
  104. package/{ThreadProvider-94605d33.js.map → ThreadProvider-0ebc9c60.js.map} +1 -1
  105. package/{UserProfileContext-236a8db5.js → UserProfileContext-eb7f4891.js} +1 -1
  106. package/{UserProfileContext-236a8db5.js.map → UserProfileContext-eb7f4891.js.map} +1 -1
  107. package/{VoiceMessageInputWrapper-8d50dc6c.js → VoiceMessageInputWrapper-c0ac4f9c.js} +7 -7
  108. package/{VoiceMessageInputWrapper-8d50dc6c.js.map → VoiceMessageInputWrapper-c0ac4f9c.js.map} +1 -1
  109. package/VoicePlayer/context.js +3 -3
  110. package/VoicePlayer/useVoicePlayer.js +3 -3
  111. package/VoiceRecorder/context.js +1 -1
  112. package/VoiceRecorder/useVoiceRecorder.js +2 -2
  113. package/{_rollupPluginBabelHelpers-b0efb0e7.js → _rollupPluginBabelHelpers-5827233e.js} +1 -1
  114. package/_rollupPluginBabelHelpers-5827233e.js.map +1 -0
  115. package/{actionTypes-42a0e7a6.js → actionTypes-42080a5c.js} +1 -1
  116. package/{actionTypes-42a0e7a6.js.map → actionTypes-42080a5c.js.map} +1 -1
  117. package/cjs/App.js +40 -40
  118. package/cjs/Channel/components/ChannelHeader.js +30 -28
  119. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  120. package/cjs/Channel/components/ChannelUI.js +41 -93
  121. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  122. package/cjs/Channel/components/FileViewer.js +15 -15
  123. package/cjs/Channel/components/FrozenNotification.js +8 -6
  124. package/cjs/Channel/components/FrozenNotification.js.map +1 -1
  125. package/cjs/Channel/components/Message.js +161 -131
  126. package/cjs/Channel/components/Message.js.map +1 -1
  127. package/cjs/Channel/components/MessageInput.js +23 -23
  128. package/cjs/Channel/components/MessageList.js +168 -94
  129. package/cjs/Channel/components/MessageList.js.map +1 -1
  130. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  131. package/cjs/Channel/components/SuggestedMentionList.js +17 -17
  132. package/cjs/Channel/components/TypingIndicator.js +15 -15
  133. package/cjs/Channel/components/UnreadCount.js +14 -17
  134. package/cjs/Channel/components/UnreadCount.js.map +1 -1
  135. package/cjs/Channel/context.js +14 -14
  136. package/cjs/Channel.js +34 -34
  137. package/cjs/ChannelList/components/AddChannel.js +22 -17
  138. package/cjs/ChannelList/components/AddChannel.js.map +1 -1
  139. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  140. package/cjs/ChannelList/components/ChannelListUI.js +29 -29
  141. package/cjs/ChannelList/components/ChannelPreview.js +28 -28
  142. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  143. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  144. package/cjs/ChannelList/context.js +8 -8
  145. package/cjs/ChannelList.js +29 -29
  146. package/cjs/{ChannelListProvider-c2da1fdd.js → ChannelListProvider-f0ae2b2b.js} +8 -8
  147. package/cjs/{ChannelListProvider-c2da1fdd.js.map → ChannelListProvider-f0ae2b2b.js.map} +1 -1
  148. package/cjs/{ChannelProvider-d207316d.js → ChannelProvider-7a4dc56f.js} +12 -12
  149. package/cjs/ChannelProvider-7a4dc56f.js.map +1 -0
  150. package/cjs/ChannelSettings/components/ChannelProfile.js +12 -12
  151. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  152. package/cjs/ChannelSettings/components/EditDetailsModal.js +12 -12
  153. package/cjs/ChannelSettings/components/LeaveChannel.js +12 -12
  154. package/cjs/ChannelSettings/components/ModerationPanel.js +15 -15
  155. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  156. package/cjs/ChannelSettings/components/UserPanel.js +14 -14
  157. package/cjs/ChannelSettings/context.js +3 -3
  158. package/cjs/ChannelSettings.js +18 -18
  159. package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
  160. package/cjs/CreateChannel/components/InviteUsers.js +14 -14
  161. package/cjs/CreateChannel/components/SelectChannelType.js +11 -11
  162. package/cjs/CreateChannel/context.js +4 -4
  163. package/cjs/CreateChannel.js +14 -14
  164. package/cjs/{CreateChannelProvider-02349744.js → CreateChannelProvider-f93f94ce.js} +1 -1
  165. package/cjs/{CreateChannelProvider-02349744.js.map → CreateChannelProvider-f93f94ce.js.map} +1 -1
  166. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +10 -10
  167. package/cjs/CreateOpenChannel/context.js +1 -1
  168. package/cjs/CreateOpenChannel.js +10 -10
  169. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  170. package/cjs/EditUserProfile.js +13 -13
  171. package/cjs/{LocalizationContext-a60a75a7.js → LocalizationContext-c7dba320.js} +3 -3
  172. package/cjs/{LocalizationContext-a60a75a7.js.map → LocalizationContext-c7dba320.js.map} +1 -1
  173. package/cjs/{MediaQueryContext-5d0a1ebc.js → MediaQueryContext-c21176c2.js} +1 -1
  174. package/cjs/{MediaQueryContext-5d0a1ebc.js.map → MediaQueryContext-c21176c2.js.map} +1 -1
  175. package/cjs/{MemberList-4c6bb907.js → MemberList-8beacafe.js} +5 -5
  176. package/cjs/{MemberList-4c6bb907.js.map → MemberList-8beacafe.js.map} +1 -1
  177. package/cjs/MessageSearch/components/MessageSearchUI.js +12 -12
  178. package/cjs/MessageSearch/context.js +2 -2
  179. package/cjs/MessageSearch.js +12 -12
  180. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  181. package/cjs/OpenChannel/components/OpenChannelHeader.js +13 -13
  182. package/cjs/OpenChannel/components/OpenChannelInput.js +15 -15
  183. package/cjs/OpenChannel/components/OpenChannelMessage.js +26 -22
  184. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  185. package/cjs/OpenChannel/components/OpenChannelMessageList.js +24 -24
  186. package/cjs/OpenChannel/components/OpenChannelUI.js +24 -24
  187. package/cjs/OpenChannel/context.js +9 -9
  188. package/cjs/OpenChannel.js +24 -24
  189. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  190. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  191. package/cjs/OpenChannelList/context.js +4 -4
  192. package/cjs/OpenChannelList.js +13 -13
  193. package/cjs/{OpenChannelListProvider-5a949d98.js → OpenChannelListProvider-be9e4a7a.js} +3 -3
  194. package/cjs/{OpenChannelListProvider-5a949d98.js.map → OpenChannelListProvider-be9e4a7a.js.map} +1 -1
  195. package/cjs/{OpenChannelProvider-7c843439.js → OpenChannelProvider-48f2c689.js} +7 -7
  196. package/cjs/{OpenChannelProvider-7c843439.js.map → OpenChannelProvider-48f2c689.js.map} +1 -1
  197. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  198. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  199. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  200. package/cjs/OpenChannelSettings/components/OperatorUI.js +17 -17
  201. package/cjs/OpenChannelSettings/components/ParticipantUI.js +15 -15
  202. package/cjs/OpenChannelSettings/context.js +3 -3
  203. package/cjs/OpenChannelSettings.js +18 -18
  204. package/cjs/{RemoveMessageModal-a069ff52.js → RemoveMessageModal-a2906376.js} +3 -3
  205. package/cjs/{RemoveMessageModal-a069ff52.js.map → RemoveMessageModal-a2906376.js.map} +1 -1
  206. package/cjs/SendbirdProvider.js +12 -12
  207. package/cjs/SendbirdProvider.js.map +1 -1
  208. package/cjs/Thread/components/ParentMessageInfo.js +24 -24
  209. package/cjs/Thread/components/ParentMessageInfoItem.js +16 -16
  210. package/cjs/Thread/components/ThreadHeader.js +6 -6
  211. package/cjs/Thread/components/ThreadList.js +27 -27
  212. package/cjs/Thread/components/ThreadListItem.js +39 -38
  213. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  214. package/cjs/Thread/components/ThreadMessageInput.js +24 -24
  215. package/cjs/Thread/components/ThreadUI.js +31 -31
  216. package/cjs/Thread/context.js +9 -9
  217. package/cjs/Thread.js +31 -31
  218. package/cjs/{ThreadProvider-66fcc519.js → ThreadProvider-c69173ee.js} +7 -7
  219. package/cjs/{ThreadProvider-66fcc519.js.map → ThreadProvider-c69173ee.js.map} +1 -1
  220. package/cjs/{UserProfileContext-2ec6891e.js → UserProfileContext-55f0e6bb.js} +1 -1
  221. package/cjs/{UserProfileContext-2ec6891e.js.map → UserProfileContext-55f0e6bb.js.map} +1 -1
  222. package/cjs/{VoiceMessageInputWrapper-289e18f6.js → VoiceMessageInputWrapper-1f621f96.js} +7 -7
  223. package/cjs/{VoiceMessageInputWrapper-289e18f6.js.map → VoiceMessageInputWrapper-1f621f96.js.map} +1 -1
  224. package/cjs/VoicePlayer/context.js +3 -3
  225. package/cjs/VoicePlayer/useVoicePlayer.js +3 -3
  226. package/cjs/VoiceRecorder/context.js +1 -1
  227. package/cjs/VoiceRecorder/useVoiceRecorder.js +2 -2
  228. package/cjs/{_rollupPluginBabelHelpers-24f49f41.js → _rollupPluginBabelHelpers-53067984.js} +1 -1
  229. package/cjs/_rollupPluginBabelHelpers-53067984.js.map +1 -0
  230. package/cjs/{actionTypes-31463602.js → actionTypes-6116824d.js} +1 -1
  231. package/cjs/{actionTypes-31463602.js.map → actionTypes-6116824d.js.map} +1 -1
  232. package/cjs/{color-7144c59e.js → color-9ec8fac6.js} +1 -1
  233. package/cjs/{color-7144c59e.js.map → color-9ec8fac6.js.map} +1 -1
  234. package/cjs/{compareIds-b3e3cffc.js → compareIds-d6461851.js} +1 -1
  235. package/cjs/{compareIds-b3e3cffc.js.map → compareIds-d6461851.js.map} +1 -1
  236. package/cjs/{const-21424d05.js → const-1f3d1ae1.js} +1 -1
  237. package/cjs/{const-21424d05.js.map → const-1f3d1ae1.js.map} +1 -1
  238. package/cjs/{const-d6a997ec.js → const-3d3ea5a6.js} +3 -1
  239. package/cjs/const-3d3ea5a6.js.map +1 -0
  240. package/cjs/{consts-47e4d487.js → consts-a7f5f91d.js} +1 -1
  241. package/cjs/{consts-47e4d487.js.map → consts-a7f5f91d.js.map} +1 -1
  242. package/cjs/{context-8cb8affd.js → context-5374df4e.js} +2 -2
  243. package/cjs/{context-8cb8affd.js.map → context-5374df4e.js.map} +1 -1
  244. package/cjs/dist/index.css +161 -141
  245. package/cjs/dist/index.css.map +1 -1
  246. package/cjs/{index-a1b754e9.js → index-082ae73e.js} +7 -7
  247. package/cjs/{index-a1b754e9.js.map → index-082ae73e.js.map} +1 -1
  248. package/cjs/{index-31f28d2f.js → index-4dc4e6b5.js} +4 -4
  249. package/cjs/{index-31f28d2f.js.map → index-4dc4e6b5.js.map} +1 -1
  250. package/cjs/{index-4c8c854d.js → index-5993f1e6.js} +3 -3
  251. package/cjs/{index-4c8c854d.js.map → index-5993f1e6.js.map} +1 -1
  252. package/cjs/{index-62b0b176.js → index-5fef7cd4.js} +7 -7
  253. package/cjs/{index-62b0b176.js.map → index-5fef7cd4.js.map} +1 -1
  254. package/cjs/{index-a3f2fc1e.js → index-7ee2031a.js} +3 -3
  255. package/cjs/{index-a3f2fc1e.js.map → index-7ee2031a.js.map} +1 -1
  256. package/cjs/{index-e97ad39a.js → index-84e17bfc.js} +2 -2
  257. package/cjs/{index-e97ad39a.js.map → index-84e17bfc.js.map} +1 -1
  258. package/cjs/{index-c65779c7.js → index-8e745dca.js} +2 -2
  259. package/cjs/{index-c65779c7.js.map → index-8e745dca.js.map} +1 -1
  260. package/cjs/{index-4678a454.js → index-9d41d610.js} +1 -1
  261. package/cjs/{index-4678a454.js.map → index-9d41d610.js.map} +1 -1
  262. package/cjs/{index-8ea5c90b.js → index-b583b8df.js} +5 -5
  263. package/cjs/{index-8ea5c90b.js.map → index-b583b8df.js.map} +1 -1
  264. package/cjs/{index-c77b4d21.js → index-bb8788c1.js} +2 -2
  265. package/cjs/{index-c77b4d21.js.map → index-bb8788c1.js.map} +1 -1
  266. package/cjs/{index-dbe73222.js → index-dbfa9e30.js} +4 -4
  267. package/cjs/{index-dbe73222.js.map → index-dbfa9e30.js.map} +1 -1
  268. package/cjs/{index-7f8189a8.js → index-e2cb4259.js} +2 -2
  269. package/cjs/{index-7f8189a8.js.map → index-e2cb4259.js.map} +1 -1
  270. package/cjs/{index-254f336f.js → index-ef4ab52a.js} +7 -5
  271. package/cjs/index-ef4ab52a.js.map +1 -0
  272. package/cjs/{index-987764bd.js → index-f0738051.js} +1 -1
  273. package/cjs/{index-987764bd.js.map → index-f0738051.js.map} +1 -1
  274. package/cjs/index.js +44 -44
  275. package/cjs/sendbirdSelectors.js +2 -2
  276. package/cjs/{stringSet-4ee01b87.js → stringSet-39f04718.js} +1 -1
  277. package/cjs/{stringSet-4ee01b87.js.map → stringSet-39f04718.js.map} +1 -1
  278. package/cjs/{topics-022da857.js → topics-5606f43e.js} +1 -1
  279. package/cjs/{topics-022da857.js.map → topics-5606f43e.js.map} +1 -1
  280. package/cjs/{tslib.es6-e6498d62.js → tslib.es6-aab6b54f.js} +1 -1
  281. package/cjs/{tslib.es6-e6498d62.js.map → tslib.es6-aab6b54f.js.map} +1 -1
  282. package/cjs/{types-aeca242a.js → types-45b8cd42.js} +1 -1
  283. package/cjs/{types-aeca242a.js.map → types-45b8cd42.js.map} +1 -1
  284. package/cjs/ui/Accordion.js +3 -3
  285. package/cjs/ui/AccordionGroup.js +2 -2
  286. package/cjs/ui/AdminMessage.js +3 -3
  287. package/cjs/ui/Avatar.js +2 -2
  288. package/cjs/ui/Badge.js +5 -5
  289. package/cjs/ui/BottomSheet.js +1 -1
  290. package/cjs/ui/Button.js +3 -3
  291. package/cjs/ui/ChannelAvatar.js +3 -3
  292. package/cjs/ui/ConnectionStatus.js +4 -4
  293. package/cjs/ui/ContextMenu.js +7 -6
  294. package/cjs/ui/ContextMenu.js.map +1 -1
  295. package/cjs/ui/DateSeparator.js +4 -4
  296. package/cjs/ui/EmojiReactions.js +7 -7
  297. package/cjs/ui/FileMessageItemBody.js +6 -6
  298. package/cjs/ui/FileViewer.js +8 -8
  299. package/cjs/ui/IconButton.js +1 -1
  300. package/cjs/ui/ImageRenderer.js +1 -1
  301. package/cjs/ui/Input.js +2 -2
  302. package/cjs/ui/Label.js +2 -2
  303. package/cjs/ui/LinkLabel.js +2 -2
  304. package/cjs/ui/Loader.js +1 -1
  305. package/cjs/ui/MentionLabel.js +11 -11
  306. package/cjs/ui/MessageContent.js +35 -34
  307. package/cjs/ui/MessageContent.js.map +1 -1
  308. package/cjs/ui/MessageInput.js +9 -9
  309. package/cjs/ui/MessageItemMenu.js +11 -11
  310. package/cjs/ui/MessageItemMenu.js.map +1 -1
  311. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  312. package/cjs/ui/MessageSearchFileItem.js +10 -10
  313. package/cjs/ui/MessageSearchItem.js +9 -9
  314. package/cjs/ui/MessageStatus.js +10 -10
  315. package/cjs/ui/Modal.js +7 -7
  316. package/cjs/ui/OGMessageItemBody.js +11 -11
  317. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  318. package/cjs/ui/OpenChannelAvatar.js +6 -6
  319. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  320. package/cjs/ui/OpenchannelFileMessage.js +33 -27
  321. package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
  322. package/cjs/ui/OpenchannelOGMessage.js +32 -30
  323. package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
  324. package/cjs/ui/OpenchannelThumbnailMessage.js +35 -29
  325. package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
  326. package/cjs/ui/OpenchannelUserMessage.js +32 -30
  327. package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
  328. package/cjs/ui/PlaceHolder.js +6 -6
  329. package/cjs/ui/PlaybackTime.js +2 -2
  330. package/cjs/ui/QuoteMessage.js +6 -6
  331. package/cjs/ui/QuoteMessageInput.js +6 -6
  332. package/cjs/ui/ReactionBadge.js +3 -3
  333. package/cjs/ui/ReactionButton.js +1 -1
  334. package/cjs/ui/SortByRow.js +2 -2
  335. package/cjs/ui/TextButton.js +2 -2
  336. package/cjs/ui/TextMessageItemBody.js +11 -11
  337. package/cjs/ui/ThreadReplies.js +6 -6
  338. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  339. package/cjs/ui/Tooltip.js +3 -3
  340. package/cjs/ui/TooltipWrapper.js +1 -1
  341. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  342. package/cjs/ui/UserListItem.js +11 -11
  343. package/cjs/ui/UserProfile.js +10 -10
  344. package/cjs/ui/VoiceMessageItemBody.js +5 -5
  345. package/cjs/ui/VoiceMessgeInput.js +8 -8
  346. package/cjs/ui/Word.js +11 -11
  347. package/cjs/{useLongPress-322218d9.js → useLongPress-9261da40.js} +3 -3
  348. package/cjs/{useLongPress-322218d9.js.map → useLongPress-9261da40.js.map} +1 -1
  349. package/cjs/useSendbirdStateContext.js +1 -1
  350. package/cjs/utils/message/isVoiceMessage.js +2 -2
  351. package/cjs/{utils-eb7febed.js → utils-1575dcd5.js} +1 -1
  352. package/cjs/{utils-eb7febed.js.map → utils-1575dcd5.js.map} +1 -1
  353. package/cjs/{utils-642928b9.js → utils-5ee973c5.js} +2 -2
  354. package/cjs/{utils-642928b9.js.map → utils-5ee973c5.js.map} +1 -1
  355. package/cjs/{utils-37fca8a6.js → utils-67a9f818.js} +1 -1
  356. package/cjs/{utils-37fca8a6.js.map → utils-67a9f818.js.map} +1 -1
  357. package/cjs/{utils-c95c0536.js → utils-acf605ed.js} +1 -1
  358. package/cjs/{utils-c95c0536.js.map → utils-acf605ed.js.map} +1 -1
  359. package/cjs/{uuid-74ed3d6f.js → uuid-7daa634b.js} +1 -1
  360. package/cjs/{uuid-74ed3d6f.js.map → uuid-7daa634b.js.map} +1 -1
  361. package/cjs/withSendbird.js +1 -1
  362. package/{color-1e2ee795.js → color-9754a8a3.js} +1 -1
  363. package/{color-1e2ee795.js.map → color-9754a8a3.js.map} +1 -1
  364. package/{compareIds-5ccbddc5.js → compareIds-5ff919a8.js} +1 -1
  365. package/{compareIds-5ccbddc5.js.map → compareIds-5ff919a8.js.map} +1 -1
  366. package/{const-8faafb2e.js → const-21dcd857.js} +3 -2
  367. package/const-21dcd857.js.map +1 -0
  368. package/{const-dc9e776d.js → const-7588ac16.js} +1 -1
  369. package/{const-dc9e776d.js.map → const-7588ac16.js.map} +1 -1
  370. package/{consts-36a3e18c.js → consts-20a8f693.js} +1 -1
  371. package/{consts-36a3e18c.js.map → consts-20a8f693.js.map} +1 -1
  372. package/{context-7f6e48a4.js → context-01308b37.js} +2 -2
  373. package/{context-7f6e48a4.js.map → context-01308b37.js.map} +1 -1
  374. package/dist/index.css +161 -141
  375. package/dist/index.css.map +1 -1
  376. package/{index-34aa10d1.js → index-100b143d.js} +2 -2
  377. package/{index-34aa10d1.js.map → index-100b143d.js.map} +1 -1
  378. package/{index-3fb2524a.js → index-1a8fa4cd.js} +4 -4
  379. package/{index-3fb2524a.js.map → index-1a8fa4cd.js.map} +1 -1
  380. package/{index-ba7daf9f.js → index-1de84663.js} +3 -3
  381. package/{index-ba7daf9f.js.map → index-1de84663.js.map} +1 -1
  382. package/{index-33f2cf64.js → index-2e23c452.js} +2 -2
  383. package/{index-33f2cf64.js.map → index-2e23c452.js.map} +1 -1
  384. package/{index-28d6891b.js → index-3e5cbf80.js} +7 -7
  385. package/{index-28d6891b.js.map → index-3e5cbf80.js.map} +1 -1
  386. package/{index-5f7a15e3.js → index-44342614.js} +1 -1
  387. package/{index-5f7a15e3.js.map → index-44342614.js.map} +1 -1
  388. package/{index-ece24db0.js → index-561ddd27.js} +2 -2
  389. package/{index-ece24db0.js.map → index-561ddd27.js.map} +1 -1
  390. package/{index-5eb9a836.js → index-5e057577.js} +1 -1
  391. package/{index-5eb9a836.js.map → index-5e057577.js.map} +1 -1
  392. package/{index-ba245747.js → index-82382d4a.js} +5 -5
  393. package/{index-ba245747.js.map → index-82382d4a.js.map} +1 -1
  394. package/{index-a66bf2c0.js → index-9e5cf819.js} +4 -4
  395. package/{index-a66bf2c0.js.map → index-9e5cf819.js.map} +1 -1
  396. package/{index-5258ee05.js → index-aa29a843.js} +2 -2
  397. package/{index-5258ee05.js.map → index-aa29a843.js.map} +1 -1
  398. package/{index-7e47ba7d.js → index-cebb1db7.js} +7 -5
  399. package/index-cebb1db7.js.map +1 -0
  400. package/{index-25d0ba0b.js → index-dc672161.js} +7 -7
  401. package/{index-25d0ba0b.js.map → index-dc672161.js.map} +1 -1
  402. package/{index-87ea8714.js → index-dd2a9d44.js} +3 -3
  403. package/{index-87ea8714.js.map → index-dd2a9d44.js.map} +1 -1
  404. package/index.d.ts +30 -22
  405. package/index.js +44 -44
  406. package/package.json +1 -1
  407. package/sendbirdSelectors.js +2 -2
  408. package/{stringSet-44be1369.js → stringSet-ea4aeced.js} +1 -1
  409. package/{stringSet-44be1369.js.map → stringSet-ea4aeced.js.map} +1 -1
  410. package/{topics-3f0db840.js → topics-2b0b1403.js} +1 -1
  411. package/{topics-3f0db840.js.map → topics-2b0b1403.js.map} +1 -1
  412. package/{tslib.es6-d163c646.js → tslib.es6-ca21063f.js} +1 -1
  413. package/{tslib.es6-d163c646.js.map → tslib.es6-ca21063f.js.map} +1 -1
  414. package/{types-490489b7.js → types-d5ea9376.js} +1 -1
  415. package/{types-490489b7.js.map → types-d5ea9376.js.map} +1 -1
  416. package/ui/Accordion.js +3 -3
  417. package/ui/AccordionGroup.js +2 -2
  418. package/ui/AdminMessage.js +3 -3
  419. package/ui/Avatar.js +2 -2
  420. package/ui/Badge.js +5 -5
  421. package/ui/BottomSheet.js +1 -1
  422. package/ui/Button.js +3 -3
  423. package/ui/ChannelAvatar.js +3 -3
  424. package/ui/ConnectionStatus.js +4 -4
  425. package/ui/ContextMenu.js +7 -6
  426. package/ui/ContextMenu.js.map +1 -1
  427. package/ui/DateSeparator.js +4 -4
  428. package/ui/EmojiReactions.js +7 -7
  429. package/ui/FileMessageItemBody.js +6 -6
  430. package/ui/FileViewer.js +8 -8
  431. package/ui/IconButton.js +1 -1
  432. package/ui/ImageRenderer.js +1 -1
  433. package/ui/Input.js +2 -2
  434. package/ui/Label.js +2 -2
  435. package/ui/LinkLabel.js +2 -2
  436. package/ui/Loader.js +1 -1
  437. package/ui/MentionLabel.js +11 -11
  438. package/ui/MessageContent.js +35 -34
  439. package/ui/MessageContent.js.map +1 -1
  440. package/ui/MessageInput.js +9 -9
  441. package/ui/MessageItemMenu.js +11 -11
  442. package/ui/MessageItemMenu.js.map +1 -1
  443. package/ui/MessageItemReactionMenu.js +5 -5
  444. package/ui/MessageSearchFileItem.js +10 -10
  445. package/ui/MessageSearchItem.js +9 -9
  446. package/ui/MessageStatus.js +10 -10
  447. package/ui/Modal.js +7 -7
  448. package/ui/OGMessageItemBody.js +11 -11
  449. package/ui/OpenChannelAdminMessage.js +3 -3
  450. package/ui/OpenChannelAvatar.js +6 -6
  451. package/ui/OpenchannelConversationHeader.js +6 -6
  452. package/ui/OpenchannelFileMessage.js +33 -27
  453. package/ui/OpenchannelFileMessage.js.map +1 -1
  454. package/ui/OpenchannelOGMessage.js +32 -30
  455. package/ui/OpenchannelOGMessage.js.map +1 -1
  456. package/ui/OpenchannelThumbnailMessage.js +35 -29
  457. package/ui/OpenchannelThumbnailMessage.js.map +1 -1
  458. package/ui/OpenchannelUserMessage.js +32 -30
  459. package/ui/OpenchannelUserMessage.js.map +1 -1
  460. package/ui/PlaceHolder.js +6 -6
  461. package/ui/PlaybackTime.js +2 -2
  462. package/ui/QuoteMessage.js +6 -6
  463. package/ui/QuoteMessageInput.js +6 -6
  464. package/ui/ReactionBadge.js +3 -3
  465. package/ui/ReactionButton.js +1 -1
  466. package/ui/SortByRow.js +2 -2
  467. package/ui/TextButton.js +2 -2
  468. package/ui/TextMessageItemBody.js +11 -11
  469. package/ui/ThreadReplies.js +6 -6
  470. package/ui/ThumbnailMessageItemBody.js +2 -2
  471. package/ui/Tooltip.js +3 -3
  472. package/ui/TooltipWrapper.js +1 -1
  473. package/ui/UnknownMessageItemBody.js +6 -6
  474. package/ui/UserListItem.js +11 -11
  475. package/ui/UserProfile.js +10 -10
  476. package/ui/VoiceMessageItemBody.js +5 -5
  477. package/ui/VoiceMessgeInput.js +8 -8
  478. package/ui/Word.js +11 -11
  479. package/{useLongPress-a05b8d13.js → useLongPress-0dccc5ca.js} +3 -3
  480. package/{useLongPress-a05b8d13.js.map → useLongPress-0dccc5ca.js.map} +1 -1
  481. package/useSendbirdStateContext.js +1 -1
  482. package/utils/message/isVoiceMessage.js +2 -2
  483. package/{utils-e96969ad.js → utils-2088448e.js} +1 -1
  484. package/{utils-e96969ad.js.map → utils-2088448e.js.map} +1 -1
  485. package/{utils-49a0dde3.js → utils-3f271584.js} +1 -1
  486. package/{utils-49a0dde3.js.map → utils-3f271584.js.map} +1 -1
  487. package/{utils-3a9b2a5b.js → utils-a4003ad3.js} +1 -1
  488. package/{utils-3a9b2a5b.js.map → utils-a4003ad3.js.map} +1 -1
  489. package/{utils-14105f2b.js → utils-a9e361cf.js} +2 -2
  490. package/{utils-14105f2b.js.map → utils-a9e361cf.js.map} +1 -1
  491. package/{uuid-bf5599d8.js → uuid-e2d2f65c.js} +1 -1
  492. package/{uuid-bf5599d8.js.map → uuid-e2d2f65c.js.map} +1 -1
  493. package/withSendbird.js +1 -1
  494. package/ChannelProvider-43d68897.js.map +0 -1
  495. package/_rollupPluginBabelHelpers-b0efb0e7.js.map +0 -1
  496. package/cjs/ChannelProvider-d207316d.js.map +0 -1
  497. package/cjs/_rollupPluginBabelHelpers-24f49f41.js.map +0 -1
  498. package/cjs/const-d6a997ec.js.map +0 -1
  499. package/cjs/index-254f336f.js.map +0 -1
  500. package/const-8faafb2e.js.map +0 -1
  501. package/index-7e47ba7d.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index-a66bf2c0.js","sources":["../src/ui/PlaceHolder/type.ts","../src/ui/PlaceHolder/index.tsx"],"sourcesContent":["function Types(): { [key: string]: string } {\n return {\n LOADING: 'LOADING',\n NO_CHANNELS: 'NO_CHANNELS',\n NO_MESSAGES: 'NO_MESSAGES',\n WRONG: 'WRONG',\n SEARCH_IN: 'SEARCH_IN',\n SEARCHING: 'SEARCHING',\n NO_RESULTS: 'NO_RESULTS',\n };\n}\n\nexport default Types();\n","import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\n\nimport _PlaceHolderTypes from './type';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport interface PlaceHolderProps {\n className?: string | Array<string>;\n type: typeof PlaceHolderTypes[keyof typeof PlaceHolderTypes];\n iconSize?: string | number;\n searchInString?: string;\n retryToConnect?: () => void;\n}\n\nexport default function PlaceHolder({\n className = '',\n type,\n iconSize,\n searchInString = '',\n retryToConnect = null,\n}: PlaceHolderProps): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-place-holder',\n ].join(' ')}\n >\n {\n type === PlaceHolderTypes.LOADING && (\n <Loader\n width={iconSize || \"48px\"}\n height={iconSize || \"48px\"}\n >\n <Icon\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width={iconSize || \"48px\"}\n height={iconSize || \"48px\"}\n />\n </Loader>\n )\n }\n {\n (\n type === PlaceHolderTypes.NO_CHANNELS\n || type === PlaceHolderTypes.NO_MESSAGES\n || type === PlaceHolderTypes.WRONG\n ) && (\n <div className=\"sendbird-place-holder__body\">\n {\n type === PlaceHolderTypes.NO_CHANNELS && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.CHAT}\n fillColor={IconColors.ON_BACKGROUND_3}\n width={iconSize || \"64px\"}\n height={iconSize || \"64px\"}\n />\n )\n }\n {\n type === PlaceHolderTypes.WRONG && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.ERROR}\n fillColor={IconColors.ON_BACKGROUND_3}\n width={iconSize || \"64px\"}\n height={iconSize || \"64px\"}\n />\n )\n }\n {\n type === PlaceHolderTypes.NO_MESSAGES && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.MESSAGE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width={iconSize || \"64px\"}\n height={iconSize || \"64px\"}\n />\n )\n }\n <Label\n className=\"sendbird-place-holder__body__text\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {\n type === PlaceHolderTypes.NO_CHANNELS && (\n stringSet.PLACE_HOLDER__NO_CHANNEL\n )\n }\n {\n type === PlaceHolderTypes.WRONG && (\n stringSet.PLACE_HOLDER__WRONG\n )\n }\n {\n type === PlaceHolderTypes.NO_MESSAGES && (\n stringSet.PLACE_HOLDER__NO_MESSAGES\n )\n }\n </Label>\n {\n retryToConnect && (\n <div\n className=\"sendbird-place-holder__body__reconnect\"\n role=\"button\"\n onClick={retryToConnect}\n onKeyPress={retryToConnect}\n tabIndex={0}\n >\n <Icon\n className=\"sendbird-place-holder__body__reconnect__icon\"\n type={IconTypes.REFRESH}\n fillColor={IconColors.PRIMARY}\n width=\"20px\"\n height=\"20px\"\n />\n <Label\n className=\"sendbird-place-holder__body__reconnect__text\"\n type={LabelTypography.BUTTON_1}\n color={LabelColors.PRIMARY}\n >\n {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n </Label>\n </div>\n )\n }\n </div>\n )\n }\n {\n (\n type === PlaceHolderTypes.NO_RESULTS\n || type === PlaceHolderTypes.SEARCH_IN\n || type === PlaceHolderTypes.SEARCHING\n ) && (\n <div className=\"sendbird-place-holder__body--align-top\">\n {\n type === PlaceHolderTypes.SEARCH_IN && (\n <div className=\"sendbird-place-holder__body--align-top__text\">\n <Label\n className=\"sendbird-place-holder__body--align-top__text__search-in\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.SEARCH_IN}\n </Label>\n <Label\n className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.PRIMARY}\n >\n {`'${searchInString}`}\n </Label>\n <Label\n className=\"sendbird-place-holder__body--align-top__text__quote\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.PRIMARY}\n >\n {'\\''}\n </Label>\n </div>\n )\n }\n {\n type === PlaceHolderTypes.SEARCHING && (\n <Label\n className=\"sendbird-place-hlder__body--align-top__searching\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.SEARCHING}\n </Label>\n )\n }\n {\n type === PlaceHolderTypes.NO_RESULTS && (\n <Label\n className=\"sendbird-place-hlder__body--align-top__no-result\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.NO_SEARCHED_MESSAGE}\n </Label>\n )\n }\n </div>\n )\n }\n </div>\n );\n}\n"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","_a","_b","className","type","iconSize","_c","searchInString","_d","retryToConnect","stringSet","useContext","LocalizationContext","React","__spreadArray","Array","isArray","join","IconTypes","SPINNER","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","concat","NO_SEARCHED_MESSAGE"],"mappings":"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"}
1
+ {"version":3,"file":"index-9e5cf819.js","sources":["../src/ui/PlaceHolder/type.ts","../src/ui/PlaceHolder/index.tsx"],"sourcesContent":["function Types(): { [key: string]: string } {\n return {\n LOADING: 'LOADING',\n NO_CHANNELS: 'NO_CHANNELS',\n NO_MESSAGES: 'NO_MESSAGES',\n WRONG: 'WRONG',\n SEARCH_IN: 'SEARCH_IN',\n SEARCHING: 'SEARCHING',\n NO_RESULTS: 'NO_RESULTS',\n };\n}\n\nexport default Types();\n","import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\n\nimport _PlaceHolderTypes from './type';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport interface PlaceHolderProps {\n className?: string | Array<string>;\n type: typeof PlaceHolderTypes[keyof typeof PlaceHolderTypes];\n iconSize?: string | number;\n searchInString?: string;\n retryToConnect?: () => void;\n}\n\nexport default function PlaceHolder({\n className = '',\n type,\n iconSize,\n searchInString = '',\n retryToConnect = null,\n}: PlaceHolderProps): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-place-holder',\n ].join(' ')}\n >\n {\n type === PlaceHolderTypes.LOADING && (\n <Loader\n width={iconSize || \"48px\"}\n height={iconSize || \"48px\"}\n >\n <Icon\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width={iconSize || \"48px\"}\n height={iconSize || \"48px\"}\n />\n </Loader>\n )\n }\n {\n (\n type === PlaceHolderTypes.NO_CHANNELS\n || type === PlaceHolderTypes.NO_MESSAGES\n || type === PlaceHolderTypes.WRONG\n ) && (\n <div className=\"sendbird-place-holder__body\">\n {\n type === PlaceHolderTypes.NO_CHANNELS && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.CHAT}\n fillColor={IconColors.ON_BACKGROUND_3}\n width={iconSize || \"64px\"}\n height={iconSize || \"64px\"}\n />\n )\n }\n {\n type === PlaceHolderTypes.WRONG && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.ERROR}\n fillColor={IconColors.ON_BACKGROUND_3}\n width={iconSize || \"64px\"}\n height={iconSize || \"64px\"}\n />\n )\n }\n {\n type === PlaceHolderTypes.NO_MESSAGES && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.MESSAGE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width={iconSize || \"64px\"}\n height={iconSize || \"64px\"}\n />\n )\n }\n <Label\n className=\"sendbird-place-holder__body__text\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {\n type === PlaceHolderTypes.NO_CHANNELS && (\n stringSet.PLACE_HOLDER__NO_CHANNEL\n )\n }\n {\n type === PlaceHolderTypes.WRONG && (\n stringSet.PLACE_HOLDER__WRONG\n )\n }\n {\n type === PlaceHolderTypes.NO_MESSAGES && (\n stringSet.PLACE_HOLDER__NO_MESSAGES\n )\n }\n </Label>\n {\n retryToConnect && (\n <div\n className=\"sendbird-place-holder__body__reconnect\"\n role=\"button\"\n onClick={retryToConnect}\n onKeyPress={retryToConnect}\n tabIndex={0}\n >\n <Icon\n className=\"sendbird-place-holder__body__reconnect__icon\"\n type={IconTypes.REFRESH}\n fillColor={IconColors.PRIMARY}\n width=\"20px\"\n height=\"20px\"\n />\n <Label\n className=\"sendbird-place-holder__body__reconnect__text\"\n type={LabelTypography.BUTTON_1}\n color={LabelColors.PRIMARY}\n >\n {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n </Label>\n </div>\n )\n }\n </div>\n )\n }\n {\n (\n type === PlaceHolderTypes.NO_RESULTS\n || type === PlaceHolderTypes.SEARCH_IN\n || type === PlaceHolderTypes.SEARCHING\n ) && (\n <div className=\"sendbird-place-holder__body--align-top\">\n {\n type === PlaceHolderTypes.SEARCH_IN && (\n <div className=\"sendbird-place-holder__body--align-top__text\">\n <Label\n className=\"sendbird-place-holder__body--align-top__text__search-in\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.SEARCH_IN}\n </Label>\n <Label\n className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.PRIMARY}\n >\n {`'${searchInString}`}\n </Label>\n <Label\n className=\"sendbird-place-holder__body--align-top__text__quote\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.PRIMARY}\n >\n {'\\''}\n </Label>\n </div>\n )\n }\n {\n type === PlaceHolderTypes.SEARCHING && (\n <Label\n className=\"sendbird-place-hlder__body--align-top__searching\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.SEARCHING}\n </Label>\n )\n }\n {\n type === PlaceHolderTypes.NO_RESULTS && (\n <Label\n className=\"sendbird-place-hlder__body--align-top__no-result\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.NO_SEARCHED_MESSAGE}\n </Label>\n )\n }\n </div>\n )\n }\n </div>\n );\n}\n"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","_a","_b","className","type","iconSize","_c","searchInString","_d","retryToConnect","stringSet","useContext","LocalizationContext","React","__spreadArray","Array","isArray","join","IconTypes","SPINNER","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","concat","NO_SEARCHED_MESSAGE"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import React__default from 'react';
2
2
  import PropTypes from 'prop-types';
3
- import { g as getStringSet } from './stringSet-44be1369.js';
3
+ import { g as getStringSet } from './stringSet-ea4aeced.js';
4
4
 
5
5
  const Typography = {
6
6
  H_1: 'H_1',
@@ -129,4 +129,4 @@ const LabelColors = Colors;
129
129
  const LabelStringSet = getStringSet('en');
130
130
 
131
131
  export { Label as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d };
132
- //# sourceMappingURL=index-5258ee05.js.map
132
+ //# sourceMappingURL=index-aa29a843.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-5258ee05.js","sources":["../src/ui/Label/types.js","../src/ui/Label/utils.js","../src/ui/Label/index.jsx"],"sourcesContent":["export const Typography = {\n H_1: 'H_1',\n H_2: 'H_2',\n SUBTITLE_1: 'SUBTITLE_1',\n SUBTITLE_2: 'SUBTITLE_2',\n BODY_1: 'BODY_1',\n BODY_2: 'BODY_2',\n BUTTON_1: 'BUTTON_1',\n BUTTON_2: 'BUTTON_2',\n CAPTION_1: 'CAPTION_1',\n CAPTION_2: 'CAPTION_2',\n CAPTION_3: 'CAPTION_3',\n};\n\nexport const Colors = {\n ONBACKGROUND_1: 'ONBACKGROUND_1',\n ONBACKGROUND_2: 'ONBACKGROUND_2',\n ONBACKGROUND_3: 'ONBACKGROUND_3',\n ONBACKGROUND_4: 'ONBACKGROUND_4',\n ONCONTENT_1: 'ONCONTENT_1',\n ONCONTENT_2: 'ONCONTENT_2',\n PRIMARY: 'PRIMARY',\n ERROR: 'ERROR',\n SECONDARY_3: 'SECONDARY_3',\n};\n","import { Typography, Colors } from './types';\n\nexport function changeTypographyToClassName(type) {\n switch (type) {\n case Typography.H_1: return 'sendbird-label--h-1';\n case Typography.H_2: return 'sendbird-label--h-2';\n case Typography.SUBTITLE_1: return 'sendbird-label--subtitle-1';\n case Typography.SUBTITLE_2: return 'sendbird-label--subtitle-2';\n case Typography.BODY_1: return 'sendbird-label--body-1';\n case Typography.BODY_2: return 'sendbird-label--body-2';\n case Typography.BUTTON_1: return 'sendbird-label--button-1';\n case Typography.BUTTON_2: return 'sendbird-label--button-2';\n case Typography.CAPTION_1: return 'sendbird-label--caption-1';\n case Typography.CAPTION_2: return 'sendbird-label--caption-2';\n case Typography.CAPTION_3: return 'sendbird-label--caption-3';\n default: return '';\n }\n}\n\nexport function changeColorToClassName(color) {\n switch (color) {\n case Colors.ONBACKGROUND_1: return 'sendbird-label--color-onbackground-1';\n case Colors.ONBACKGROUND_2: return 'sendbird-label--color-onbackground-2';\n case Colors.ONBACKGROUND_3: return 'sendbird-label--color-onbackground-3';\n case Colors.ONBACKGROUND_4: return 'sendbird-label--color-onbackground-4';\n case Colors.ONCONTENT_1: return 'sendbird-label--color-oncontent-1';\n case Colors.ONCONTENT_2: return 'sendbird-label--color-oncontent-2';\n case Colors.PRIMARY: return 'sendbird-label--color-primary'; // should be Primary-3 fix me\n case Colors.ERROR: return 'sendbird-label--color-error';\n case Colors.SECONDARY_3: return 'sendbird-label--color-secondary-3';\n default: return '';\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Typography, Colors } from './types';\nimport { changeTypographyToClassName, changeColorToClassName } from './utils';\nimport getStringSet from './stringSet';\n\nexport default function Label({\n className,\n type,\n color,\n children,\n}) {\n return (\n <span\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-label',\n type ? changeTypographyToClassName(type) : '',\n color ? changeColorToClassName(color) : '',\n ].join(' ')}\n >\n {children}\n </span>\n );\n}\n\nLabel.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n type: PropTypes.string,\n color: PropTypes.string,\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.element,\n PropTypes.any,\n ]),\n};\n\nLabel.defaultProps = {\n className: [],\n type: '',\n color: '',\n children: null,\n};\n\nconst LabelTypography = Typography;\nconst LabelColors = Colors;\nconst LabelStringSet = getStringSet('en');\nexport { LabelTypography, LabelColors, LabelStringSet };\n"],"names":["Typography","H_1","H_2","SUBTITLE_1","SUBTITLE_2","BODY_1","BODY_2","BUTTON_1","BUTTON_2","CAPTION_1","CAPTION_2","CAPTION_3","Colors","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","ONCONTENT_2","PRIMARY","ERROR","SECONDARY_3","changeTypographyToClassName","type","changeColorToClassName","color","Label","className","children","React","Array","isArray","join","propTypes","PropTypes","oneOfType","string","arrayOf","number","element","any","defaultProps","LabelTypography","LabelColors","LabelStringSet","getStringSet"],"mappings":"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"}
1
+ {"version":3,"file":"index-aa29a843.js","sources":["../src/ui/Label/types.js","../src/ui/Label/utils.js","../src/ui/Label/index.jsx"],"sourcesContent":["export const Typography = {\n H_1: 'H_1',\n H_2: 'H_2',\n SUBTITLE_1: 'SUBTITLE_1',\n SUBTITLE_2: 'SUBTITLE_2',\n BODY_1: 'BODY_1',\n BODY_2: 'BODY_2',\n BUTTON_1: 'BUTTON_1',\n BUTTON_2: 'BUTTON_2',\n CAPTION_1: 'CAPTION_1',\n CAPTION_2: 'CAPTION_2',\n CAPTION_3: 'CAPTION_3',\n};\n\nexport const Colors = {\n ONBACKGROUND_1: 'ONBACKGROUND_1',\n ONBACKGROUND_2: 'ONBACKGROUND_2',\n ONBACKGROUND_3: 'ONBACKGROUND_3',\n ONBACKGROUND_4: 'ONBACKGROUND_4',\n ONCONTENT_1: 'ONCONTENT_1',\n ONCONTENT_2: 'ONCONTENT_2',\n PRIMARY: 'PRIMARY',\n ERROR: 'ERROR',\n SECONDARY_3: 'SECONDARY_3',\n};\n","import { Typography, Colors } from './types';\n\nexport function changeTypographyToClassName(type) {\n switch (type) {\n case Typography.H_1: return 'sendbird-label--h-1';\n case Typography.H_2: return 'sendbird-label--h-2';\n case Typography.SUBTITLE_1: return 'sendbird-label--subtitle-1';\n case Typography.SUBTITLE_2: return 'sendbird-label--subtitle-2';\n case Typography.BODY_1: return 'sendbird-label--body-1';\n case Typography.BODY_2: return 'sendbird-label--body-2';\n case Typography.BUTTON_1: return 'sendbird-label--button-1';\n case Typography.BUTTON_2: return 'sendbird-label--button-2';\n case Typography.CAPTION_1: return 'sendbird-label--caption-1';\n case Typography.CAPTION_2: return 'sendbird-label--caption-2';\n case Typography.CAPTION_3: return 'sendbird-label--caption-3';\n default: return '';\n }\n}\n\nexport function changeColorToClassName(color) {\n switch (color) {\n case Colors.ONBACKGROUND_1: return 'sendbird-label--color-onbackground-1';\n case Colors.ONBACKGROUND_2: return 'sendbird-label--color-onbackground-2';\n case Colors.ONBACKGROUND_3: return 'sendbird-label--color-onbackground-3';\n case Colors.ONBACKGROUND_4: return 'sendbird-label--color-onbackground-4';\n case Colors.ONCONTENT_1: return 'sendbird-label--color-oncontent-1';\n case Colors.ONCONTENT_2: return 'sendbird-label--color-oncontent-2';\n case Colors.PRIMARY: return 'sendbird-label--color-primary'; // should be Primary-3 fix me\n case Colors.ERROR: return 'sendbird-label--color-error';\n case Colors.SECONDARY_3: return 'sendbird-label--color-secondary-3';\n default: return '';\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Typography, Colors } from './types';\nimport { changeTypographyToClassName, changeColorToClassName } from './utils';\nimport getStringSet from './stringSet';\n\nexport default function Label({\n className,\n type,\n color,\n children,\n}) {\n return (\n <span\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-label',\n type ? changeTypographyToClassName(type) : '',\n color ? changeColorToClassName(color) : '',\n ].join(' ')}\n >\n {children}\n </span>\n );\n}\n\nLabel.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n type: PropTypes.string,\n color: PropTypes.string,\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.element,\n PropTypes.any,\n ]),\n};\n\nLabel.defaultProps = {\n className: [],\n type: '',\n color: '',\n children: null,\n};\n\nconst LabelTypography = Typography;\nconst LabelColors = Colors;\nconst LabelStringSet = getStringSet('en');\nexport { LabelTypography, LabelColors, LabelStringSet };\n"],"names":["Typography","H_1","H_2","SUBTITLE_1","SUBTITLE_2","BODY_1","BODY_2","BUTTON_1","BUTTON_2","CAPTION_1","CAPTION_2","CAPTION_3","Colors","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","ONCONTENT_2","PRIMARY","ERROR","SECONDARY_3","changeTypographyToClassName","type","changeColorToClassName","color","Label","className","children","React","Array","isArray","join","propTypes","PropTypes","oneOfType","string","arrayOf","number","element","any","defaultProps","LabelTypography","LabelColors","LabelStringSet","getStringSet"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import React__default from 'react';
2
2
  import ContextMenu, { MenuItems, MenuItem } from './ui/ContextMenu.js';
3
3
  import useSendbirdStateContext from './useSendbirdStateContext.js';
4
- import { u as useLocalization } from './LocalizationContext-83ddce67.js';
4
+ import { u as useLocalization } from './LocalizationContext-646420ca.js';
5
5
 
6
6
  var OpenChannelMessageStatusTypes = {
7
7
  NONE: 'none',
@@ -110,7 +110,9 @@ var OpenChannelMobileMenu = function (props) {
110
110
  showEdit = props.showEdit,
111
111
  showRemove = props.showRemove,
112
112
  copyToClipboard = props.copyToClipboard,
113
- hideMenu = props.hideMenu;
113
+ hideMenu = props.hideMenu,
114
+ _c = props.isEphemeral,
115
+ isEphemeral = _c === void 0 ? false : _c;
114
116
  var userMessage = message;
115
117
  var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
116
118
  var stringSet = useLocalization().stringSet;
@@ -133,7 +135,7 @@ var OpenChannelMobileMenu = function (props) {
133
135
  onClick: function () {
134
136
  copyToClipboard();
135
137
  }
136
- }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY)), isFineEdit({
138
+ }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY)), !isEphemeral && isFineEdit({
137
139
  message: message,
138
140
  userId: userId,
139
141
  status: status
@@ -150,7 +152,7 @@ var OpenChannelMobileMenu = function (props) {
150
152
  onClick: function () {
151
153
  resendMessage();
152
154
  }
153
- }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)), isFineDelete({
155
+ }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)), !isEphemeral && isFineDelete({
154
156
  message: message,
155
157
  userId: userId,
156
158
  status: status
@@ -176,4 +178,4 @@ var OpenChannelMobileMenu = function (props) {
176
178
  };
177
179
 
178
180
  export { OpenChannelMobileMenu as O, isFineEdit as a, isFineResend as b, isFineDelete as c, checkIsPending as d, checkIsFailed as e, checkIsSent as f, getSenderFromMessage as g, isFineCopy as i, showMenuTrigger as s };
179
- //# sourceMappingURL=index-7e47ba7d.js.map
181
+ //# sourceMappingURL=index-cebb1db7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-cebb1db7.js","sources":["../src/utils/openChannelUtils.ts","../src/ui/OpenChannelMobileMenu/index.tsx"],"sourcesContent":["import type { User } from '@sendbird/chat';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nconst OpenChannelMessageStatusTypes = {\n NONE: 'none',\n PENDING: 'pending',\n FAILED: 'failed',\n CANCELED: 'canceled',\n SUCCEEDED: 'succeeded'\n};\n\nexport const getSenderFromMessage = (message: UserMessage | FileMessage): User => {\n // @ts-ignore\n return message.sender || message._sender;\n};\n\nexport const checkIsSent = (status: string): boolean => (status === OpenChannelMessageStatusTypes.SUCCEEDED);\nexport const checkIsPending = (status: string): boolean => (status === OpenChannelMessageStatusTypes.PENDING);\nexport const checkIsFailed = (status: string): boolean => (status === OpenChannelMessageStatusTypes.FAILED);\n\nexport const checkIsByMe = (message: UserMessage | FileMessage, userId: string): boolean => (getSenderFromMessage(message).userId === userId);\n\ninterface isFineCopyParams {\n message: UserMessage;\n status: string;\n userId: string;\n}\nexport const isFineCopy = ({ message }: isFineCopyParams): boolean => {\n return (message?.messageType === 'user' && message?.message?.length > 0);\n};\n\ninterface isFineResendParams {\n message: UserMessage | FileMessage;\n status: string;\n userId: string;\n}\nexport const isFineResend = ({ message, status, userId }: isFineResendParams): boolean => {\n return checkIsByMe(message, userId)\n && checkIsFailed(status)\n // @ts-ignore\n && message?.isResendable();\n};\n\ninterface isFineEditParams {\n message: UserMessage | FileMessage;\n status: string;\n userId: string;\n}\nexport const isFineEdit = ({ message, status, userId }: isFineEditParams): boolean => {\n return checkIsByMe(message, userId) && checkIsSent(status) && message?.isUserMessage?.();\n};\n\ninterface isFineDeleteParams {\n message: UserMessage | FileMessage;\n status: string;\n userId: string;\n}\nexport const isFineDelete = ({ message, userId }: isFineDeleteParams): boolean => {\n return checkIsByMe(message, userId);\n};\n\ninterface IsFineDownloadParams {\n message: FileMessage | UserMessage;\n status: string;\n}\n\nexport const isFineDownload = ({ message, status }: IsFineDownloadParams): boolean => {\n if (message?.isFileMessage?.() && checkIsSent(status)) {\n return true;\n }\n return false;\n};\n\ninterface showMenuTriggerParams {\n message: UserMessage | FileMessage;\n status: string;\n userId: string;\n}\nexport const showMenuTrigger = (props: showMenuTriggerParams): boolean => {\n const { message, status, userId } = props;\n // @ts-ignore\n if (message.messageType === 'user') {\n return (\n isFineDelete({ message, status, userId })\n || isFineEdit({ message, status, userId })\n // @ts-ignore\n || isFineCopy({ message, status, userId })\n || isFineResend({ message, status, userId })\n );\n } else {\n return (\n isFineDelete({ message, status, userId })\n || isFineResend({ message, status, userId })\n );\n }\n};\n","import './open-channel-mobile-menu.scss';\n\nimport React from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport {\n isFineDelete,\n isFineResend,\n isFineCopy,\n isFineEdit,\n isFineDownload,\n} from '../../utils/openChannelUtils';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\ntype Props = {\n message: UserMessage | FileMessage;\n parentRef: React.RefObject<HTMLDivElement>;\n resendMessage?(): void;\n showRemove?(): void;\n copyToClipboard?(): void;\n showEdit?(): void;\n hideMenu(): void;\n isEphemeral?: boolean;\n};\n\nconst OpenChannelMobileMenu: React.FC<Props> = (props: Props) => {\n const {\n message,\n parentRef,\n resendMessage,\n showEdit,\n showRemove,\n copyToClipboard,\n hideMenu,\n isEphemeral = false,\n } = props;\n const userMessage = message as UserMessage;\n const status = message?.sendingStatus;\n const { stringSet } = useLocalization();\n const userId = useSendbirdStateContext()?.config?.userId;\n const fileMessage = message as FileMessage;\n return (\n <ContextMenu\n isOpen\n menuItems={() => (\n <MenuItems\n className=\"sendbird-openchannel__mobile-menu\"\n parentRef={parentRef}\n parentContainRef={parentRef}\n closeDropdown={hideMenu}\n >\n {\n isFineCopy({ message: userMessage, userId, status }) && (\n <MenuItem\n className=\"sendbird-openchannel-og-message__top__context-menu__copy\"\n onClick={() => {\n copyToClipboard();\n }}\n >\n <>{stringSet.CONTEXT_MENU_DROPDOWN__COPY}</>\n </MenuItem>\n )\n }\n {\n (!isEphemeral && isFineEdit({ message, userId, status })) && (\n <MenuItem\n className=\"sendbird-openchannel-og-message__top__context-menu__edit\"\n onClick={() => {\n showEdit();\n }}\n >\n <>{stringSet.CONTEXT_MENU_DROPDOWN__EDIT}</>\n </MenuItem>\n )\n }\n {\n isFineResend({ message, userId, status }) && (\n <MenuItem\n onClick={() => {\n resendMessage();\n }}\n >\n <>{stringSet.CONTEXT_MENU_DROPDOWN__RESEND}</>\n </MenuItem>\n )\n }\n {\n (!isEphemeral && isFineDelete({ message, userId, status })) && (\n <MenuItem\n onClick={() => {\n showRemove();\n }}\n >\n <>{stringSet.CONTEXT_MENU_DROPDOWN__DELETE}</>\n </MenuItem>\n )\n }\n {\n isFineDownload({ message, status }) && (\n <MenuItem\n onClick={() => {\n hideMenu();\n }}\n >\n <a\n className=\"sendbird-openchannel__mobile-menu-hyperlink\"\n rel=\"noopener noreferrer\"\n href={fileMessage?.url}\n target=\"_blank\"\n >\n {stringSet.CONTEXT_MENU_DROPDOWN__SAVE}\n </a>\n </MenuItem>\n )\n }\n </MenuItems>\n )\n }/>\n )\n}\n\nexport default OpenChannelMobileMenu;\n"],"names":["OpenChannelMessageStatusTypes","NONE","PENDING","FAILED","CANCELED","SUCCEEDED","getSenderFromMessage","message","sender","_sender","checkIsSent","status","checkIsPending","checkIsFailed","checkIsByMe","userId","isFineCopy","_a","messageType","_b","length","isFineResend","isResendable","isFineEdit","isUserMessage","call","isFineDelete","isFineDownload","isFileMessage","showMenuTrigger","props","OpenChannelMobileMenu","parentRef","resendMessage","showEdit","showRemove","copyToClipboard","hideMenu","_c","isEphemeral","userMessage","sendingStatus","stringSet","useLocalization","useSendbirdStateContext","config","fileMessage","React","CONTEXT_MENU_DROPDOWN__COPY","CONTEXT_MENU_DROPDOWN__EDIT","CONTEXT_MENU_DROPDOWN__RESEND","CONTEXT_MENU_DROPDOWN__DELETE","url","CONTEXT_MENU_DROPDOWN__SAVE"],"mappings":"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"}
@@ -1,13 +1,13 @@
1
- import { a as __spreadArray } from './tslib.es6-d163c646.js';
1
+ import { a as __spreadArray } from './tslib.es6-ca21063f.js';
2
2
  import React__default from 'react';
3
- import { f as format } from './index-33f2cf64.js';
3
+ import { f as format } from './index-2e23c452.js';
4
4
  import Icon, { IconTypes, IconColors } from './ui/Icon.js';
5
- import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './index-5258ee05.js';
5
+ import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './index-aa29a843.js';
6
6
  import Loader from './ui/Loader.js';
7
- import { t as truncateString, h as isSentStatus } from './index-34aa10d1.js';
7
+ import { t as truncateString, h as isSentStatus } from './index-100b143d.js';
8
8
  import { getOutgoingMessageState, OutgoingMessageStates } from './utils/message/getOutgoingMessageState.js';
9
- import { i as isToday, a as isYesterday, b as isThisYear } from './index-87ea8714.js';
10
- import { u as useLocalization } from './LocalizationContext-83ddce67.js';
9
+ import { i as isToday, a as isYesterday, b as isThisYear } from './index-dd2a9d44.js';
10
+ import { u as useLocalization } from './LocalizationContext-646420ca.js';
11
11
 
12
12
  const getChannelTitle = function () {
13
13
  var _channel$members;
@@ -142,4 +142,4 @@ function MessageStatus(_a) {
142
142
  }
143
143
 
144
144
  export { MessageStatus as M, getTotalMembers as a, getLastMessageCreatedAt as b, getLastMessage as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
145
- //# sourceMappingURL=index-25d0ba0b.js.map
145
+ //# sourceMappingURL=index-dc672161.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-25d0ba0b.js","sources":["../src/smart-components/ChannelList/components/ChannelPreview/utils.js","../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\n\nimport { truncateString } from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (channel = {}, currentUserId, stringSet = LabelStringSet) => {\n if (!channel?.name && !channel?.members) {\n return stringSet.NO_TITLE;\n }\n if (channel?.name && channel.name !== 'Group Channel') {\n return channel.name;\n }\n if (channel?.members?.length === 1) {\n return stringSet.NO_MEMBERS;\n }\n return (channel?.members || [])\n .filter(({ userId }) => userId !== currentUserId)\n .map(({ nickname }) => (nickname || stringSet.NO_NAME))\n .join(', ');\n};\n\nexport const getLastMessageCreatedAt = ({\n channel,\n locale,\n stringSet,\n}) => {\n const createdAt = channel?.lastMessage?.createdAt;\n const optionalParam = locale ? { locale } : null;\n if (!createdAt) {\n return '';\n }\n if (isToday(createdAt)) {\n return format(createdAt, 'p', optionalParam);\n }\n if (isYesterday(createdAt)) {\n return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n }\n if (isThisYear(createdAt)) {\n return format(createdAt, 'MMM d', optionalParam);\n }\n return format(createdAt, 'yyyy/M/d', optionalParam);\n};\n\nexport const getTotalMembers = (channel) => (\n channel?.memberCount\n ? channel.memberCount\n : 0\n);\n\nconst getPrettyLastMessage = (message = {}) => {\n const MAXLEN = 30;\n const { messageType, name } = message;\n if (messageType === 'file') {\n return truncateString(name, MAXLEN);\n }\n return message.message;\n};\n\nexport const getLastMessage = (channel) => (channel?.lastMessage ? getPrettyLastMessage(channel?.lastMessage) : '');\n\nexport const getChannelUnreadMessageCount = (channel) => (\n channel?.unreadMessageCount\n ? channel.unreadMessageCount\n : 0\n);\n","import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport { isSentStatus } from '../../utils';\nimport {\n getOutgoingMessageState,\n OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { getLastMessageCreatedAt } from '../../smart-components/ChannelList/components/ChannelPreview/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n className?: string;\n message: UserMessage | FileMessage;\n channel: GroupChannel;\n isDateSeparatorConsidered?: boolean;\n}\n\nexport default function MessageStatus({\n className,\n message,\n channel,\n isDateSeparatorConsidered = true,\n}: MessageStatusProps): React.ReactElement {\n const { stringSet, dateLocale } = useLocalization();\n const status = getOutgoingMessageState(channel, message);\n const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n (channel.isSuper || channel.isPublic || channel.isBroadcast)\n && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n );\n const iconType = {\n [OutgoingMessageStates.SENT]: IconTypes.DONE,\n [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n };\n const iconColor = {\n [OutgoingMessageStates.SENT]: IconColors.SENT,\n [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n [OutgoingMessageStates.READ]: IconColors.READ,\n [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n };\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-message-status',\n ].join(' ')}\n >\n {(status === OutgoingMessageStates.PENDING) ? (\n <Loader\n className=\"sendbird-message-status__icon\"\n width=\"16px\"\n height=\"16px\"\n >\n <Icon\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width=\"16px\"\n height=\"16px\"\n />\n </Loader>\n ) : (\n <Icon\n className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n }`}\n type={iconType[status] || IconTypes.ERROR}\n fillColor={iconColor[status]}\n width=\"16px\"\n height=\"16px\"\n />\n )}\n {isSentStatus(status) && (\n <Label\n className=\"sendbird-message-status__text\"\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_2}\n >\n {\n isDateSeparatorConsidered\n ? format(message?.createdAt || 0, 'p', { locale: dateLocale })\n : getLastMessageCreatedAt({ channel, locale: dateLocale, stringSet })\n }\n </Label>\n )}\n </div>\n );\n}\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join","getLastMessageCreatedAt","locale","createdAt","lastMessage","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getTotalMembers","memberCount","getPrettyLastMessage","message","MAXLEN","messageType","truncateString","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","MessageStatusTypes","OutgoingMessageStates","MessageStatus","_a","className","_e","isDateSeparatorConsidered","_f","useLocalization","dateLocale","status","getOutgoingMessageState","hideMessageStatusIcon","_d","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","_b","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","_c","IconColors","React","__spreadArray","Array","isArray","SPINNER","PRIMARY","concat","isSentStatus","LabelTypography","CAPTION_3","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;;;;;;AAQO,MAAMA,eAAe,GAAG,YAA6D;AAAA,EAAA,IAAA,gBAAA,CAAA;;EAAA,IAA5DC,OAA4D,uEAAlD,EAAkD,CAAA;AAAA,EAAA,IAA9CC,aAA8C,GAAA,SAAA,CAAA,MAAA,GAAA,CAAA,GAAA,SAAA,CAAA,CAAA,CAAA,GAAA,SAAA,CAAA;EAAA,IAA/BC,SAA+B,uEAAnBC,cAAmB,CAAA;;AAC1F,EAAA,IAAI,EAACH,OAAD,KAAA,IAAA,IAACA,OAAD,KAACA,KAAAA,CAAAA,IAAAA,OAAO,CAAEI,IAAV,CAAA,IAAkB,EAACJ,OAAD,aAACA,OAAD,KAAA,KAAA,CAAA,IAACA,OAAO,CAAEK,OAAV,CAAtB,EAAyC;IACvC,OAAOH,SAAS,CAACI,QAAjB,CAAA;AACD,GAAA;;AACD,EAAA,IAAIN,OAAO,KAAA,IAAP,IAAAA,OAAO,WAAP,IAAAA,OAAO,CAAEI,IAAT,IAAiBJ,OAAO,CAACI,IAAR,KAAiB,eAAtC,EAAuD;IACrD,OAAOJ,OAAO,CAACI,IAAf,CAAA;AACD,GAAA;;AACD,EAAA,IAAI,CAAAJ,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,gBAAA,GAAAA,OAAO,CAAEK,OAAT,MAAA,IAAA,IAAA,gBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAkBE,MAAlB,MAA6B,CAAjC,EAAoC;IAClC,OAAOL,SAAS,CAACM,UAAjB,CAAA;AACD,GAAA;;AACD,EAAA,OAAO,CAAC,CAAAR,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEK,OAAT,KAAoB,EAArB,EACJI,MADI,CACG,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,MAAAA;KAAH,GAAA,IAAA,CAAA;IAAA,OAAgBA,MAAM,KAAKT,aAA3B,CAAA;GADH,CAAA,CAEJU,GAFI,CAEA,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,QAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAmBA,QAAQ,IAAIV,SAAS,CAACW,OAAzC,CAAA;AAAA,GAFA,CAGJC,CAAAA,IAHI,CAGC,IAHD,CAAP,CAAA;AAID,EAdM;AAgBA,MAAMC,uBAAuB,GAAG,KAIjC,IAAA;AAAA,EAAA,IAAA,oBAAA,CAAA;;EAAA,IAJkC;IACtCf,OADsC;IAEtCgB,MAFsC;AAGtCd,IAAAA,SAAAA;GACI,GAAA,KAAA,CAAA;EACJ,MAAMe,SAAS,GAAGjB,OAAH,KAAGA,IAAAA,IAAAA,OAAH,KAAGA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,oBAAAA,GAAAA,OAAO,CAAEkB,WAAZ,MAAG,IAAA,IAAA,oBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,oBAAA,CAAsBD,SAAxC,CAAA;EACA,MAAME,aAAa,GAAGH,MAAM,GAAG;AAAEA,IAAAA,MAAAA;AAAF,GAAH,GAAgB,IAA5C,CAAA;;EACA,IAAI,CAACC,SAAL,EAAgB;AACd,IAAA,OAAO,EAAP,CAAA;AACD,GAAA;;AACD,EAAA,IAAIG,OAAO,CAACH,SAAD,CAAX,EAAwB;AACtB,IAAA,OAAOI,MAAM,CAACJ,SAAD,EAAY,GAAZ,EAAiBE,aAAjB,CAAb,CAAA;AACD,GAAA;;AACD,EAAA,IAAIG,WAAW,CAACL,SAAD,CAAf,EAA4B;IAC1B,OAAO,CAAAf,SAAS,KAAA,IAAT,IAAAA,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,SAAS,CAAEqB,yBAAX,KAAwC,WAA/C,CAAA;AACD,GAAA;;AACD,EAAA,IAAIC,UAAU,CAACP,SAAD,CAAd,EAA2B;AACzB,IAAA,OAAOI,MAAM,CAACJ,SAAD,EAAY,OAAZ,EAAqBE,aAArB,CAAb,CAAA;AACD,GAAA;;AACD,EAAA,OAAOE,MAAM,CAACJ,SAAD,EAAY,UAAZ,EAAwBE,aAAxB,CAAb,CAAA;AACD,EApBM;MAsBMM,eAAe,GAAIzB,OAAD,IAC7BA,OAAO,SAAP,IAAAA,OAAO,WAAP,IAAAA,OAAO,CAAE0B,WAAT,GACI1B,OAAO,CAAC0B,WADZ,GAEI,EAHC;;AAMP,MAAMC,oBAAoB,GAAG,YAAkB;EAAA,IAAjBC,OAAiB,uEAAP,EAAO,CAAA;EAC7C,MAAMC,MAAM,GAAG,EAAf,CAAA;EACA,MAAM;IAAEC,WAAF;AAAe1B,IAAAA,IAAAA;AAAf,GAAA,GAAwBwB,OAA9B,CAAA;;EACA,IAAIE,WAAW,KAAK,MAApB,EAA4B;AAC1B,IAAA,OAAOC,cAAc,CAAC3B,IAAD,EAAOyB,MAAP,CAArB,CAAA;AACD,GAAA;;EACD,OAAOD,OAAO,CAACA,OAAf,CAAA;AACD,CAPD,CAAA;;AASO,MAAMI,cAAc,GAAIhC,OAAD,IAAcA,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,IAAAA,OAAO,CAAEkB,WAAT,GAAuBS,oBAAoB,CAAC3B,OAAD,KAACA,IAAAA,IAAAA,OAAD,KAACA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEkB,WAAV,CAA3C,GAAoE,GAAzG;MAEMe,4BAA4B,GAAIjC,OAAD,IAC1CA,OAAO,SAAP,IAAAA,OAAO,WAAP,IAAAA,OAAO,CAAEkC,kBAAT,GACIlC,OAAO,CAACkC,kBADZ,GAEI;;AChDC,IAAMC,kBAAkB,GAAGC,sBAA3B;AASiB,SAAAC,aAAA,CAAcC,EAAd,EAKH;;;;;AAJnB,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT;AAAA,MACAX,OAAO,GAAAU,EAAA,CAAAV,OADP;AAAA,MAEA5B,OAAO,GAAAsC,EAAA,CAAAtC,OAFP;AAAA,MAGAwC,EAAgC,GAAAF,EAAA,CAAAG,yBAHhC;MAGAA,yBAAyB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAH,GAAOA,EAHhC,CAAA;;EAKM,IAAAE,EAAA,GAA4BC,eAAe,EAA3C;AAAA,MAAEzC,SAAS,GAAAwC,EAAA,CAAAxC,SAAX;AAAA,MAAa0C,UAAU,GAAAF,EAAA,CAAAE,UAAvB,CAAA;;AACN,EAAA,IAAMC,MAAM,GAAGC,uBAAuB,CAAC9C,OAAD,EAAU4B,OAAV,CAAtC,CAAA;AACA,EAAA,IAAMmB,qBAAqB,GAAG,CAAA,CAAAC,EAAA,GAAAhD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEiD,cAAT,MAA2B,IAA3B,IAA2BD,EAAA,KAAA,KAAA,CAA3B,GAA2B,KAAA,CAA3B,GAA2BA,EAAA,CAAAE,IAAA,CAAAlD,OAAA,CAA3B,MAC3BA,OAAO,CAACmD,OAAR,IAAmBnD,OAAO,CAACoD,QAA3B,IAAuCpD,OAAO,CAACqD,WAAhD,CACG,IAAA,EAAER,MAAM,KAAKT,qBAAqB,CAACkB,OAAjC,IAA4CT,MAAM,KAAKT,qBAAqB,CAACmB,MAA/E,CAFL,CAAA;EAIA,IAAMC,QAAQ,IAAAC,EAAA,GAAA,EAAA,EACZA,EAAA,CAACrB,qBAAqB,CAACsB,IAAvB,CAAA,GAA8BC,SAAS,CAACC,IAD5B,EAEZH,EAAA,CAACrB,qBAAqB,CAACyB,SAAvB,CAAA,GAAmCF,SAAS,CAACG,QAFjC,EAGZL,EAAA,CAACrB,qBAAqB,CAAC2B,IAAvB,CAAA,GAA8BJ,SAAS,CAACG,QAH5B,EAIZL,EAAA,CAACrB,qBAAqB,CAACmB,MAAvB,CAAA,GAAgCI,SAAS,CAACK,KAJ9B,IAAA,CAAd,CAAA;EAMA,IAAMC,SAAS,IAAAC,EAAA,GAAA,EAAA,EACbA,EAAA,CAAC9B,qBAAqB,CAACsB,IAAvB,CAAA,GAA8BS,UAAU,CAACT,IAD5B,EAEbQ,EAAA,CAAC9B,qBAAqB,CAACyB,SAAvB,CAAA,GAAmCM,UAAU,CAACT,IAFjC,EAGbQ,EAAA,CAAC9B,qBAAqB,CAAC2B,IAAvB,CAAA,GAA8BI,UAAU,CAACJ,IAH5B,EAIbG,EAAA,CAAC9B,qBAAqB,CAACmB,MAAvB,CAAA,GAAgCY,UAAU,CAACH,KAJ9B,IAAA,CAAf,CAAA;EAOA,oBACEI,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAEC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAN,CAAchC,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,EAC8C,IAD9C,CAAA,EAC8C,CACvD,yBADuD,CAD9C,EAGT,KAHS,CAAA,CAGTzB,IAHS,CAGJ,GAHI,CAAA;AADb,GAAA,EAMI+B,MAAM,KAAKT,qBAAqB,CAACkB,OAAlC,gBACCc,6BAAC,MAAD,EAAA;AACE,IAAA,SAAS,EAAC,+BADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAAA;AAHT,GAAA,eAKEA,6BAAC,IAAD,EAAA;IACE,IAAI,EAAET,SAAS,CAACa,OADlB;IAEE,SAAS,EAAEL,UAAU,CAACM,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GATX,CAAA,CADD,gBAcCL,cAAA,CAAA,aAAA,CAAC,IAAD,EAAA;IACE,SAAS,EAAE,uCAAA,CAAiCrB,qBAAqB,GAAG,WAAH,GAAiB,EAAvE,EAA6E,GAA7E,EAA6E2B,MAA7E,CAA6E7B,MAAM,KAAKT,qBAAqB,CAACmB,MAAjC,GAA0C,EAA1C,GAA+C,+BAA5H,CADb;IAGE,IAAI,EAAEC,QAAQ,CAACX,MAAD,CAAR,IAAoBc,SAAS,CAACK,KAHtC;AAIE,IAAA,SAAS,EAAEC,SAAS,CAACpB,MAAD,CAJtB;AAKE,IAAA,KAAK,EAAC,MALR;AAME,IAAA,MAAM,EAAC,MAAA;AANT,GAAA,CApBJ,EA6BG8B,YAAY,CAAC9B,MAAD,CAAZ,iBACCuB,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,+BADZ;IAEE,IAAI,EAAEQ,eAAe,CAACC,SAFxB;IAGE,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAGjBtC,EAAAA,yBAAyB,GACrBpB,MAAM,CAAC,CAAAO,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEX,SAAT,KAAsB,CAAvB,EAA0B,GAA1B,EAA+B;AAAED,IAAAA,MAAM,EAAE4B,UAAAA;GAAzC,CADe,GAErB7B,uBAAuB,CAAC;AAAEf,IAAAA,OAAO,EAAAA,OAAT;AAAWgB,IAAAA,MAAM,EAAE4B,UAAnB;AAA+B1C,IAAAA,SAAS,EAAAA,SAAAA;GAAzC,CAR/B,CA9BJ,CADF,CAAA;AA6CD;;;;"}
1
+ {"version":3,"file":"index-dc672161.js","sources":["../src/smart-components/ChannelList/components/ChannelPreview/utils.js","../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\n\nimport { truncateString } from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (channel = {}, currentUserId, stringSet = LabelStringSet) => {\n if (!channel?.name && !channel?.members) {\n return stringSet.NO_TITLE;\n }\n if (channel?.name && channel.name !== 'Group Channel') {\n return channel.name;\n }\n if (channel?.members?.length === 1) {\n return stringSet.NO_MEMBERS;\n }\n return (channel?.members || [])\n .filter(({ userId }) => userId !== currentUserId)\n .map(({ nickname }) => (nickname || stringSet.NO_NAME))\n .join(', ');\n};\n\nexport const getLastMessageCreatedAt = ({\n channel,\n locale,\n stringSet,\n}) => {\n const createdAt = channel?.lastMessage?.createdAt;\n const optionalParam = locale ? { locale } : null;\n if (!createdAt) {\n return '';\n }\n if (isToday(createdAt)) {\n return format(createdAt, 'p', optionalParam);\n }\n if (isYesterday(createdAt)) {\n return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n }\n if (isThisYear(createdAt)) {\n return format(createdAt, 'MMM d', optionalParam);\n }\n return format(createdAt, 'yyyy/M/d', optionalParam);\n};\n\nexport const getTotalMembers = (channel) => (\n channel?.memberCount\n ? channel.memberCount\n : 0\n);\n\nconst getPrettyLastMessage = (message = {}) => {\n const MAXLEN = 30;\n const { messageType, name } = message;\n if (messageType === 'file') {\n return truncateString(name, MAXLEN);\n }\n return message.message;\n};\n\nexport const getLastMessage = (channel) => (channel?.lastMessage ? getPrettyLastMessage(channel?.lastMessage) : '');\n\nexport const getChannelUnreadMessageCount = (channel) => (\n channel?.unreadMessageCount\n ? channel.unreadMessageCount\n : 0\n);\n","import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport { isSentStatus } from '../../utils';\nimport {\n getOutgoingMessageState,\n OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { getLastMessageCreatedAt } from '../../smart-components/ChannelList/components/ChannelPreview/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n className?: string;\n message: UserMessage | FileMessage;\n channel: GroupChannel;\n isDateSeparatorConsidered?: boolean;\n}\n\nexport default function MessageStatus({\n className,\n message,\n channel,\n isDateSeparatorConsidered = true,\n}: MessageStatusProps): React.ReactElement {\n const { stringSet, dateLocale } = useLocalization();\n const status = getOutgoingMessageState(channel, message);\n const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n (channel.isSuper || channel.isPublic || channel.isBroadcast)\n && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n );\n const iconType = {\n [OutgoingMessageStates.SENT]: IconTypes.DONE,\n [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n };\n const iconColor = {\n [OutgoingMessageStates.SENT]: IconColors.SENT,\n [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n [OutgoingMessageStates.READ]: IconColors.READ,\n [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n };\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-message-status',\n ].join(' ')}\n >\n {(status === OutgoingMessageStates.PENDING) ? (\n <Loader\n className=\"sendbird-message-status__icon\"\n width=\"16px\"\n height=\"16px\"\n >\n <Icon\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width=\"16px\"\n height=\"16px\"\n />\n </Loader>\n ) : (\n <Icon\n className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n }`}\n type={iconType[status] || IconTypes.ERROR}\n fillColor={iconColor[status]}\n width=\"16px\"\n height=\"16px\"\n />\n )}\n {isSentStatus(status) && (\n <Label\n className=\"sendbird-message-status__text\"\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_2}\n >\n {\n isDateSeparatorConsidered\n ? format(message?.createdAt || 0, 'p', { locale: dateLocale })\n : getLastMessageCreatedAt({ channel, locale: dateLocale, stringSet })\n }\n </Label>\n )}\n </div>\n );\n}\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join","getLastMessageCreatedAt","locale","createdAt","lastMessage","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getTotalMembers","memberCount","getPrettyLastMessage","message","MAXLEN","messageType","truncateString","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","MessageStatusTypes","OutgoingMessageStates","MessageStatus","_a","className","_e","isDateSeparatorConsidered","_f","useLocalization","dateLocale","status","getOutgoingMessageState","hideMessageStatusIcon","_d","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","_b","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","_c","IconColors","React","__spreadArray","Array","isArray","SPINNER","PRIMARY","concat","isSentStatus","LabelTypography","CAPTION_3","LabelColors","ONBACKGROUND_2"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
- import { i as isSameDay } from './index-ece24db0.js';
2
- import { r as requiredArgs, t as toDate, a as toInteger } from './index-33f2cf64.js';
1
+ import { i as isSameDay } from './index-561ddd27.js';
2
+ import { r as requiredArgs, t as toDate, a as toInteger } from './index-2e23c452.js';
3
3
 
4
4
  /**
5
5
  * @name isToday
@@ -171,4 +171,4 @@ function isYesterday(dirtyDate) {
171
171
  }
172
172
 
173
173
  export { isYesterday as a, isThisYear as b, isToday as i };
174
- //# sourceMappingURL=index-87ea8714.js.map
174
+ //# sourceMappingURL=index-dd2a9d44.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-87ea8714.js","sources":["../node_modules/date-fns/esm/isToday/index.js","../node_modules/date-fns/esm/isSameYear/index.js","../node_modules/date-fns/esm/isThisYear/index.js","../node_modules/date-fns/esm/addDays/index.js","../node_modules/date-fns/esm/subDays/index.js","../node_modules/date-fns/esm/isYesterday/index.js"],"sourcesContent":["import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\n\nexport default function isToday(dirtyDate) {\n requiredArgs(1, arguments);\n return isSameDay(dirtyDate, Date.now());\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameYear\n * @category Year Helpers\n * @summary Are the given dates in the same year?\n *\n * @description\n * Are the given dates in the same year?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same year\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 2 September 2014 and 25 September 2014 in the same year?\n * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))\n * //=> true\n */\n\nexport default function isSameYear(dirtyDateLeft, dirtyDateRight) {\n requiredArgs(2, arguments);\n var dateLeft = toDate(dirtyDateLeft);\n var dateRight = toDate(dirtyDateRight);\n return dateLeft.getFullYear() === dateRight.getFullYear();\n}","import isSameYear from \"../isSameYear/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isThisYear\n * @category Year Helpers\n * @summary Is the given date in the same year as the current date?\n * @pure false\n *\n * @description\n * Is the given date in the same year as the current date?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is in this year\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 25 September 2014, is 2 July 2014 in this year?\n * const result = isThisYear(new Date(2014, 6, 2))\n * //=> true\n */\n\nexport default function isThisYear(dirtyDate) {\n requiredArgs(1, arguments);\n return isSameYear(dirtyDate, Date.now());\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\n\nexport default function addDays(dirtyDate, dirtyAmount) {\n requiredArgs(2, arguments);\n var date = toDate(dirtyDate);\n var amount = toInteger(dirtyAmount);\n\n if (isNaN(amount)) {\n return new Date(NaN);\n }\n\n if (!amount) {\n // If 0 days, no-op to avoid changing times in the hour before end of DST\n return date;\n }\n\n date.setDate(date.getDate() + amount);\n return date;\n}","import addDays from \"../addDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @description\n * Subtract the specified number of days from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the days subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\n\nexport default function subDays(dirtyDate, dirtyAmount) {\n requiredArgs(2, arguments);\n var amount = toInteger(dirtyAmount);\n return addDays(dirtyDate, -amount);\n}","import isSameDay from \"../isSameDay/index.js\";\nimport subDays from \"../subDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isYesterday\n * @category Day Helpers\n * @summary Is the given date yesterday?\n * @pure false\n *\n * @description\n * Is the given date yesterday?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is yesterday\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 5 October 14:00:00 yesterday?\n * const result = isYesterday(new Date(2014, 9, 5, 14, 0))\n * //=> true\n */\n\nexport default function isYesterday(dirtyDate) {\n requiredArgs(1, arguments);\n return isSameDay(dirtyDate, subDays(Date.now(), 1));\n}"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index-dd2a9d44.js","sources":["../node_modules/date-fns/esm/isToday/index.js","../node_modules/date-fns/esm/isSameYear/index.js","../node_modules/date-fns/esm/isThisYear/index.js","../node_modules/date-fns/esm/addDays/index.js","../node_modules/date-fns/esm/subDays/index.js","../node_modules/date-fns/esm/isYesterday/index.js"],"sourcesContent":["import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\n\nexport default function isToday(dirtyDate) {\n requiredArgs(1, arguments);\n return isSameDay(dirtyDate, Date.now());\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameYear\n * @category Year Helpers\n * @summary Are the given dates in the same year?\n *\n * @description\n * Are the given dates in the same year?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same year\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 2 September 2014 and 25 September 2014 in the same year?\n * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))\n * //=> true\n */\n\nexport default function isSameYear(dirtyDateLeft, dirtyDateRight) {\n requiredArgs(2, arguments);\n var dateLeft = toDate(dirtyDateLeft);\n var dateRight = toDate(dirtyDateRight);\n return dateLeft.getFullYear() === dateRight.getFullYear();\n}","import isSameYear from \"../isSameYear/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isThisYear\n * @category Year Helpers\n * @summary Is the given date in the same year as the current date?\n * @pure false\n *\n * @description\n * Is the given date in the same year as the current date?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is in this year\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 25 September 2014, is 2 July 2014 in this year?\n * const result = isThisYear(new Date(2014, 6, 2))\n * //=> true\n */\n\nexport default function isThisYear(dirtyDate) {\n requiredArgs(1, arguments);\n return isSameYear(dirtyDate, Date.now());\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\n\nexport default function addDays(dirtyDate, dirtyAmount) {\n requiredArgs(2, arguments);\n var date = toDate(dirtyDate);\n var amount = toInteger(dirtyAmount);\n\n if (isNaN(amount)) {\n return new Date(NaN);\n }\n\n if (!amount) {\n // If 0 days, no-op to avoid changing times in the hour before end of DST\n return date;\n }\n\n date.setDate(date.getDate() + amount);\n return date;\n}","import addDays from \"../addDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @description\n * Subtract the specified number of days from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the days subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\n\nexport default function subDays(dirtyDate, dirtyAmount) {\n requiredArgs(2, arguments);\n var amount = toInteger(dirtyAmount);\n return addDays(dirtyDate, -amount);\n}","import isSameDay from \"../isSameDay/index.js\";\nimport subDays from \"../subDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isYesterday\n * @category Day Helpers\n * @summary Is the given date yesterday?\n * @pure false\n *\n * @description\n * Is the given date yesterday?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is yesterday\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 5 October 14:00:00 yesterday?\n * const result = isYesterday(new Date(2014, 9, 5, 14, 0))\n * //=> true\n */\n\nexport default function isYesterday(dirtyDate) {\n requiredArgs(1, arguments);\n return isSameDay(dirtyDate, subDays(Date.now(), 1));\n}"],"names":[],"mappings":"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"}
package/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Type Definitions for @sendbird/uikit-react@3.4.0
2
+ * Type Definitions for @sendbird/uikit-react@3.4.1-rc.0
3
3
  * homepage: https://sendbird.com/
4
4
  * git: https://github.com/sendbird/sendbird-uikit-react
5
5
  */
@@ -539,9 +539,9 @@ declare module "SendbirdUIKitGlobal" {
539
539
  renderMessageInput?: () => React.ReactNode | React.ReactElement;
540
540
  renderTypingIndicator?: () => React.ReactNode | React.ReactElement;
541
541
  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactNode | React.ReactElement;
542
- renderFileUploadIcon?: () => React.ReactElement;
543
- renderVoiceMessageIcon?: () => React.ReactElement;
544
- renderSendMessageIcon?: () => React.ReactElement;
542
+ renderFileUploadIcon?: () => React.ReactElement;
543
+ renderVoiceMessageIcon?: () => React.ReactElement;
544
+ renderSendMessageIcon?: () => React.ReactElement;
545
545
  }
546
546
 
547
547
  export type CoreMessageType = AdminMessage | UserMessage | FileMessage;
@@ -600,9 +600,9 @@ declare module "SendbirdUIKitGlobal" {
600
600
  // value is removed when channelURL changes
601
601
  value?: string;
602
602
  ref?: React.MutableRefObject<any>;
603
- renderFileUploadIcon?: () => React.ReactElement;
604
- renderVoiceMessageIcon?: () => React.ReactElement;
605
- renderSendMessageIcon?: () => React.ReactElement;
603
+ renderFileUploadIcon?: () => React.ReactElement;
604
+ renderVoiceMessageIcon?: () => React.ReactElement;
605
+ renderSendMessageIcon?: () => React.ReactElement;
606
606
  };
607
607
 
608
608
  export type MessageListProps = {
@@ -1011,9 +1011,9 @@ declare module "SendbirdUIKitGlobal" {
1011
1011
  renderCustomSeparator?: () => React.ReactElement;
1012
1012
  renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => React.ReactElement;
1013
1013
  renderThreadListPlaceHolder?: (type: ThreadListStateTypes) => React.ReactElement;
1014
- renderFileUploadIcon?: () => React.ReactElement;
1015
- renderVoiceMessageIcon?: () => React.ReactElement;
1016
- renderSendMessageIcon?: () => React.ReactElement;
1014
+ renderFileUploadIcon?: () => React.ReactElement;
1015
+ renderVoiceMessageIcon?: () => React.ReactElement;
1016
+ renderSendMessageIcon?: () => React.ReactElement;
1017
1017
  }
1018
1018
 
1019
1019
  type EventType = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>;
@@ -1060,9 +1060,9 @@ declare module "SendbirdUIKitGlobal" {
1060
1060
 
1061
1061
  export interface ThreadMessageInputProps {
1062
1062
  className?: string;
1063
- renderFileUploadIcon?: () => React.ReactElement;
1064
- renderVoiceMessageIcon?: () => React.ReactElement;
1065
- renderSendMessageIcon?: () => React.ReactElement;
1063
+ renderFileUploadIcon?: () => React.ReactElement;
1064
+ renderVoiceMessageIcon?: () => React.ReactElement;
1065
+ renderSendMessageIcon?: () => React.ReactElement;
1066
1066
  }
1067
1067
 
1068
1068
  /**
@@ -2059,9 +2059,9 @@ declare module '@sendbird/uikit-react/ui/MessageInput' {
2059
2059
  onKeyUp?: (e: React.KeyboardEvent<HTMLDivElement>) => void,
2060
2060
  onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void,
2061
2061
  onVoiceMessageIconClick?: () => void;
2062
- renderFileUploadIcon?: () => React.ReactElement;
2063
- renderVoiceMessageIcon?: () => React.ReactElement;
2064
- renderSendMessageIcon?: () => React.ReactElement;
2062
+ renderFileUploadIcon?: () => React.ReactElement;
2063
+ renderVoiceMessageIcon?: () => React.ReactElement;
2064
+ renderSendMessageIcon?: () => React.ReactElement;
2065
2065
  }
2066
2066
  const MessageInput: React.FC<MessageInputProps>;
2067
2067
  export default MessageInput;
@@ -2235,6 +2235,8 @@ declare module '@sendbird/uikit-react/ui/OpenChannelFileMessage' {
2235
2235
  interface OpenChannelFileMessageProps {
2236
2236
  className?: string | Array<string>;
2237
2237
  message: SenbirdUIKitGlobal.ClientFileMessage;
2238
+ isOperator?: boolean;
2239
+ isEphemeral?: boolean;
2238
2240
  userId: string;
2239
2241
  disabled?: boolean;
2240
2242
  chainTop?: boolean;
@@ -2248,8 +2250,10 @@ declare module '@sendbird/uikit-react/ui/OpenChannelFileMessage' {
2248
2250
 
2249
2251
  declare module '@sendbird/uikit-react/ui/OpenChannelOGMessage' {
2250
2252
  import type SenbirdUIKitGlobal from 'SendbirdUIKitGlobal';
2251
- interface OOpenChannelOGMessageProps {
2253
+ interface OpenChannelOGMessageProps {
2252
2254
  message: SenbirdUIKitGlobal.ClientUserMessage;
2255
+ isOperator?: boolean;
2256
+ isEphemeral?: boolean;
2253
2257
  className?: string | Array<string>;
2254
2258
  disabled?: boolean;
2255
2259
  showEdit(bool: boolean): void;
@@ -2259,8 +2263,8 @@ declare module '@sendbird/uikit-react/ui/OpenChannelOGMessage' {
2259
2263
  chainBottom?: boolean;
2260
2264
  userId: string;
2261
2265
  }
2262
- const OOpenChannelOGMessage: React.FC<OOpenChannelOGMessageProps>;
2263
- export default OOpenChannelOGMessage;
2266
+ const OpenChannelOGMessage: React.FC<OpenChannelOGMessageProps>;
2267
+ export default OpenChannelOGMessage;
2264
2268
  }
2265
2269
 
2266
2270
  declare module '@sendbird/uikit-react/ui/OpenChannelThumbnailMessage' {
@@ -2268,6 +2272,8 @@ declare module '@sendbird/uikit-react/ui/OpenChannelThumbnailMessage' {
2268
2272
  interface OpenChannelThumbnailMessageProps {
2269
2273
  className?: string | Array<string>;
2270
2274
  message: SenbirdUIKitGlobal.ClientFileMessage;
2275
+ isOperator?: boolean;
2276
+ isEphemeral?: boolean;
2271
2277
  disabled: boolean;
2272
2278
  userId: string;
2273
2279
  chainTop: boolean;
@@ -2281,15 +2287,17 @@ declare module '@sendbird/uikit-react/ui/OpenChannelThumbnailMessage' {
2281
2287
  }
2282
2288
 
2283
2289
  declare module '@sendbird/uikit-react/ui/OpenChannelUserMessage' {
2284
- import type SenbirdUIKitGlobal from 'SendbirdUIKitGlobal';
2290
+ import type SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
2285
2291
  interface OpenChannelUserMessageProps {
2286
2292
  className?: string | Array<string>;
2287
- message: SenbirdUIKitGlobal.ClientUserMessage;
2293
+ message: SendbirdUIKitGlobal.ClientUserMessage;
2294
+ isOperator?: boolean;
2295
+ isEphemeral?: boolean;
2288
2296
  userId: string;
2289
2297
  disabled?: boolean;
2290
2298
  showEdit(bool: boolean): void;
2291
2299
  showRemove(bool: boolean): void;
2292
- resendMessage(message: SenbirdUIKitGlobal.ClientUserMessage): void;
2300
+ resendMessage(message: SendbirdUIKitGlobal.ClientUserMessage): void;
2293
2301
  chainTop?: boolean;
2294
2302
  chainBottom?: boolean;
2295
2303
  }