@sendbird/uikit-react 3.6.6 → 3.6.7-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 (533) hide show
  1. package/App.js +48 -48
  2. package/CHANGELOG.md +11 -0
  3. package/Channel/components/ChannelHeader.js +19 -19
  4. package/Channel/components/ChannelUI.js +41 -41
  5. package/Channel/components/FileViewer.js +15 -15
  6. package/Channel/components/FrozenNotification.js +4 -4
  7. package/Channel/components/Message.js +36 -36
  8. package/Channel/components/MessageInput.js +29 -29
  9. package/Channel/components/MessageList.js +37 -37
  10. package/Channel/components/RemoveMessageModal.js +17 -17
  11. package/Channel/components/SuggestedMentionList.js +17 -17
  12. package/Channel/components/TypingIndicator.js +15 -15
  13. package/Channel/components/UnreadCount.js +4 -4
  14. package/Channel/context.js +12 -12
  15. package/Channel.js +41 -41
  16. package/ChannelList/components/AddChannel.js +15 -14
  17. package/ChannelList/components/AddChannel.js.map +1 -1
  18. package/ChannelList/components/ChannelListHeader.js +6 -6
  19. package/ChannelList/components/ChannelListUI.js +35 -68
  20. package/ChannelList/components/ChannelListUI.js.map +1 -1
  21. package/ChannelList/components/ChannelPreview.js +26 -26
  22. package/ChannelList/components/ChannelPreviewAction.js +14 -13
  23. package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  24. package/ChannelList/context.js +8 -7
  25. package/ChannelList/context.js.map +1 -1
  26. package/ChannelList.js +30 -30
  27. package/{ChannelListProvider-2e7026e9.js → ChannelListProvider-c9693640.js} +77 -11
  28. package/ChannelListProvider-c9693640.js.map +1 -0
  29. package/{ChannelProvider-31a344d3.js → ChannelProvider-1369e543.js} +32 -21
  30. package/ChannelProvider-1369e543.js.map +1 -0
  31. package/ChannelSettings/components/ChannelProfile.js +11 -11
  32. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  33. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  34. package/ChannelSettings/components/LeaveChannel.js +11 -11
  35. package/ChannelSettings/components/ModerationPanel.js +14 -14
  36. package/ChannelSettings/components/UserListItem.js +10 -10
  37. package/ChannelSettings/components/UserPanel.js +13 -13
  38. package/ChannelSettings/context.js +3 -3
  39. package/ChannelSettings.js +17 -17
  40. package/CreateChannel/components/CreateChannelUI.js +13 -13
  41. package/CreateChannel/components/InviteUsers.js +13 -13
  42. package/CreateChannel/components/SelectChannelType.js +10 -10
  43. package/CreateChannel/context.js +4 -4
  44. package/CreateChannel.js +13 -13
  45. package/{CreateChannelProvider-eeaa1371.js → CreateChannelProvider-78b3e53b.js} +1 -1
  46. package/{CreateChannelProvider-eeaa1371.js.map → CreateChannelProvider-78b3e53b.js.map} +1 -1
  47. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  48. package/CreateOpenChannel/context.js +1 -1
  49. package/CreateOpenChannel.js +9 -9
  50. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  51. package/EditUserProfile.js +12 -12
  52. package/{LocalizationContext-2952e678.js → LocalizationContext-4d3a4b11.js} +3 -3
  53. package/{LocalizationContext-2952e678.js.map → LocalizationContext-4d3a4b11.js.map} +1 -1
  54. package/{MediaQueryContext-2173573f.js → MediaQueryContext-6fb696d8.js} +1 -1
  55. package/{MediaQueryContext-2173573f.js.map → MediaQueryContext-6fb696d8.js.map} +1 -1
  56. package/{MemberList-a51051e6.js → MemberList-996715e5.js} +5 -5
  57. package/{MemberList-a51051e6.js.map → MemberList-996715e5.js.map} +1 -1
  58. package/MessageSearch/components/MessageSearchUI.js +11 -11
  59. package/MessageSearch/context.js +1 -1
  60. package/MessageSearch.js +11 -11
  61. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  62. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  63. package/OpenChannel/components/OpenChannelInput.js +19 -19
  64. package/OpenChannel/components/OpenChannelMessage.js +27 -27
  65. package/OpenChannel/components/OpenChannelMessageList.js +31 -31
  66. package/OpenChannel/components/OpenChannelUI.js +31 -31
  67. package/OpenChannel/context.js +8 -8
  68. package/OpenChannel.js +31 -31
  69. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  70. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  71. package/OpenChannelList/context.js +3 -3
  72. package/OpenChannelList.js +13 -13
  73. package/{OpenChannelListProvider-ce900f45.js → OpenChannelListProvider-f9abacdf.js} +3 -3
  74. package/{OpenChannelListProvider-ce900f45.js.map → OpenChannelListProvider-f9abacdf.js.map} +1 -1
  75. package/{OpenChannelProvider-bc20868c.js → OpenChannelProvider-a35fc216.js} +7 -7
  76. package/{OpenChannelProvider-bc20868c.js.map → OpenChannelProvider-a35fc216.js.map} +1 -1
  77. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  78. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  79. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  80. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  81. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  82. package/OpenChannelSettings/context.js +3 -3
  83. package/OpenChannelSettings.js +17 -17
  84. package/README.md +6 -3
  85. package/{RemoveMessageModal-9c579f0f.js → RemoveMessageModal-c46e318e.js} +3 -3
  86. package/{RemoveMessageModal-9c579f0f.js.map → RemoveMessageModal-c46e318e.js.map} +1 -1
  87. package/SendbirdProvider.js +15 -15
  88. package/SendbirdProvider.js.map +1 -1
  89. package/Thread/components/ParentMessageInfo.js +33 -33
  90. package/Thread/components/ParentMessageInfoItem.js +21 -21
  91. package/Thread/components/ThreadHeader.js +6 -6
  92. package/Thread/components/ThreadList.js +36 -36
  93. package/Thread/components/ThreadListItem.js +36 -36
  94. package/Thread/components/ThreadMessageInput.js +30 -30
  95. package/Thread/components/ThreadUI.js +40 -40
  96. package/Thread/context.js +8 -8
  97. package/Thread.js +40 -40
  98. package/{ThreadProvider-27c497dc.js → ThreadProvider-437958f6.js} +21 -7
  99. package/ThreadProvider-437958f6.js.map +1 -0
  100. package/{UserProfileContext-76aab169.js → UserProfileContext-db5e5092.js} +1 -1
  101. package/{UserProfileContext-76aab169.js.map → UserProfileContext-db5e5092.js.map} +1 -1
  102. package/{VoiceMessageInputWrapper-e45ec2f0.js → VoiceMessageInputWrapper-2dda670b.js} +7 -7
  103. package/{VoiceMessageInputWrapper-e45ec2f0.js.map → VoiceMessageInputWrapper-2dda670b.js.map} +1 -1
  104. package/VoicePlayer/context.js +3 -3
  105. package/VoicePlayer/useVoicePlayer.js +9 -9
  106. package/VoiceRecorder/context.js +9 -9
  107. package/VoiceRecorder/useVoiceRecorder.js +8 -8
  108. package/{WebAudioUtils-97e524fa.js → WebAudioUtils-f3831b3c.js} +2 -2
  109. package/{WebAudioUtils-97e524fa.js.map → WebAudioUtils-f3831b3c.js.map} +1 -1
  110. package/{_rollupPluginBabelHelpers-34f2bdc3.js → _rollupPluginBabelHelpers-88b9291b.js} +1 -1
  111. package/_rollupPluginBabelHelpers-88b9291b.js.map +1 -0
  112. package/{actionTypes-e67c8999.js → actionTypes-c6f194a4.js} +1 -1
  113. package/{actionTypes-e67c8999.js.map → actionTypes-c6f194a4.js.map} +1 -1
  114. package/cjs/App.js +48 -48
  115. package/cjs/Channel/components/ChannelHeader.js +19 -19
  116. package/cjs/Channel/components/ChannelUI.js +41 -41
  117. package/cjs/Channel/components/FileViewer.js +15 -15
  118. package/cjs/Channel/components/FrozenNotification.js +4 -4
  119. package/cjs/Channel/components/Message.js +36 -36
  120. package/cjs/Channel/components/MessageInput.js +29 -29
  121. package/cjs/Channel/components/MessageList.js +37 -37
  122. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  123. package/cjs/Channel/components/SuggestedMentionList.js +17 -17
  124. package/cjs/Channel/components/TypingIndicator.js +15 -15
  125. package/cjs/Channel/components/UnreadCount.js +4 -4
  126. package/cjs/Channel/context.js +12 -12
  127. package/cjs/Channel.js +41 -41
  128. package/cjs/ChannelList/components/AddChannel.js +15 -14
  129. package/cjs/ChannelList/components/AddChannel.js.map +1 -1
  130. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  131. package/cjs/ChannelList/components/ChannelListUI.js +35 -68
  132. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  133. package/cjs/ChannelList/components/ChannelPreview.js +26 -26
  134. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -13
  135. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  136. package/cjs/ChannelList/context.js +8 -7
  137. package/cjs/ChannelList/context.js.map +1 -1
  138. package/cjs/ChannelList.js +30 -30
  139. package/cjs/{ChannelListProvider-51837593.js → ChannelListProvider-c13d3c1f.js} +75 -12
  140. package/cjs/ChannelListProvider-c13d3c1f.js.map +1 -0
  141. package/cjs/{ChannelProvider-ab59275b.js → ChannelProvider-e46e6825.js} +32 -21
  142. package/cjs/ChannelProvider-e46e6825.js.map +1 -0
  143. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  144. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  145. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  146. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  147. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  148. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  149. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  150. package/cjs/ChannelSettings/context.js +3 -3
  151. package/cjs/ChannelSettings.js +17 -17
  152. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  153. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  154. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  155. package/cjs/CreateChannel/context.js +4 -4
  156. package/cjs/CreateChannel.js +13 -13
  157. package/cjs/{CreateChannelProvider-e0ae2cf1.js → CreateChannelProvider-369b8e26.js} +1 -1
  158. package/cjs/{CreateChannelProvider-e0ae2cf1.js.map → CreateChannelProvider-369b8e26.js.map} +1 -1
  159. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  160. package/cjs/CreateOpenChannel/context.js +1 -1
  161. package/cjs/CreateOpenChannel.js +9 -9
  162. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  163. package/cjs/EditUserProfile.js +12 -12
  164. package/cjs/{LocalizationContext-76831b0e.js → LocalizationContext-0b79a552.js} +3 -3
  165. package/cjs/{LocalizationContext-76831b0e.js.map → LocalizationContext-0b79a552.js.map} +1 -1
  166. package/cjs/{MediaQueryContext-792b58f7.js → MediaQueryContext-cd3c2c1f.js} +1 -1
  167. package/cjs/{MediaQueryContext-792b58f7.js.map → MediaQueryContext-cd3c2c1f.js.map} +1 -1
  168. package/cjs/{MemberList-6b630054.js → MemberList-64fd2474.js} +5 -5
  169. package/cjs/{MemberList-6b630054.js.map → MemberList-64fd2474.js.map} +1 -1
  170. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  171. package/cjs/MessageSearch/context.js +1 -1
  172. package/cjs/MessageSearch.js +11 -11
  173. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  174. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  175. package/cjs/OpenChannel/components/OpenChannelInput.js +19 -19
  176. package/cjs/OpenChannel/components/OpenChannelMessage.js +27 -27
  177. package/cjs/OpenChannel/components/OpenChannelMessageList.js +31 -31
  178. package/cjs/OpenChannel/components/OpenChannelUI.js +31 -31
  179. package/cjs/OpenChannel/context.js +8 -8
  180. package/cjs/OpenChannel.js +31 -31
  181. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  182. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  183. package/cjs/OpenChannelList/context.js +3 -3
  184. package/cjs/OpenChannelList.js +13 -13
  185. package/cjs/{OpenChannelListProvider-4d15730f.js → OpenChannelListProvider-2a87b2b4.js} +3 -3
  186. package/cjs/{OpenChannelListProvider-4d15730f.js.map → OpenChannelListProvider-2a87b2b4.js.map} +1 -1
  187. package/cjs/{OpenChannelProvider-2f59b53a.js → OpenChannelProvider-83d672a7.js} +7 -7
  188. package/cjs/{OpenChannelProvider-2f59b53a.js.map → OpenChannelProvider-83d672a7.js.map} +1 -1
  189. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  190. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  191. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  192. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  193. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  194. package/cjs/OpenChannelSettings/context.js +3 -3
  195. package/cjs/OpenChannelSettings.js +17 -17
  196. package/cjs/{RemoveMessageModal-47cae846.js → RemoveMessageModal-08f65c1e.js} +3 -3
  197. package/cjs/{RemoveMessageModal-47cae846.js.map → RemoveMessageModal-08f65c1e.js.map} +1 -1
  198. package/cjs/SendbirdProvider.js +15 -15
  199. package/cjs/SendbirdProvider.js.map +1 -1
  200. package/cjs/Thread/components/ParentMessageInfo.js +33 -33
  201. package/cjs/Thread/components/ParentMessageInfoItem.js +22 -22
  202. package/cjs/Thread/components/ParentMessageInfoItem.js.map +1 -1
  203. package/cjs/Thread/components/ThreadHeader.js +6 -6
  204. package/cjs/Thread/components/ThreadList.js +36 -36
  205. package/cjs/Thread/components/ThreadListItem.js +36 -36
  206. package/cjs/Thread/components/ThreadMessageInput.js +30 -30
  207. package/cjs/Thread/components/ThreadUI.js +40 -40
  208. package/cjs/Thread/context.js +8 -8
  209. package/cjs/Thread.js +40 -40
  210. package/cjs/{ThreadProvider-5844bd6d.js → ThreadProvider-3c1a2c41.js} +21 -7
  211. package/cjs/ThreadProvider-3c1a2c41.js.map +1 -0
  212. package/cjs/{UserProfileContext-5fd27232.js → UserProfileContext-3dab87ec.js} +1 -1
  213. package/cjs/{UserProfileContext-5fd27232.js.map → UserProfileContext-3dab87ec.js.map} +1 -1
  214. package/cjs/{VoiceMessageInputWrapper-e10f305f.js → VoiceMessageInputWrapper-ef9621bb.js} +7 -7
  215. package/cjs/{VoiceMessageInputWrapper-e10f305f.js.map → VoiceMessageInputWrapper-ef9621bb.js.map} +1 -1
  216. package/cjs/VoicePlayer/context.js +3 -3
  217. package/cjs/VoicePlayer/useVoicePlayer.js +9 -9
  218. package/cjs/VoiceRecorder/context.js +9 -9
  219. package/cjs/VoiceRecorder/useVoiceRecorder.js +8 -8
  220. package/cjs/{WebAudioUtils-4227909a.js → WebAudioUtils-1e0a2a1a.js} +2 -2
  221. package/cjs/{WebAudioUtils-4227909a.js.map → WebAudioUtils-1e0a2a1a.js.map} +1 -1
  222. package/cjs/{_rollupPluginBabelHelpers-2c208df7.js → _rollupPluginBabelHelpers-0b87b048.js} +1 -1
  223. package/cjs/_rollupPluginBabelHelpers-0b87b048.js.map +1 -0
  224. package/cjs/{actionTypes-64cb54b1.js → actionTypes-bf20e70a.js} +1 -1
  225. package/cjs/{actionTypes-64cb54b1.js.map → actionTypes-bf20e70a.js.map} +1 -1
  226. package/cjs/{color-2a756176.js → color-9b5c1b44.js} +1 -1
  227. package/cjs/{color-2a756176.js.map → color-9b5c1b44.js.map} +1 -1
  228. package/cjs/{compareIds-d6d1cc62.js → compareIds-bf12ec68.js} +1 -1
  229. package/cjs/{compareIds-d6d1cc62.js.map → compareIds-bf12ec68.js.map} +1 -1
  230. package/cjs/{const-2d057dc1.js → const-229638db.js} +1 -1
  231. package/cjs/{const-2d057dc1.js.map → const-229638db.js.map} +1 -1
  232. package/cjs/{const-0f73f007.js → const-662e0a3d.js} +1 -1
  233. package/cjs/{const-0f73f007.js.map → const-662e0a3d.js.map} +1 -1
  234. package/cjs/{consts-5a40550e.js → consts-0501e01f.js} +1 -1
  235. package/cjs/{consts-5a40550e.js.map → consts-0501e01f.js.map} +1 -1
  236. package/cjs/{consts-c1c7f3b9.js → consts-122f358d.js} +1 -1
  237. package/cjs/{consts-c1c7f3b9.js.map → consts-122f358d.js.map} +1 -1
  238. package/cjs/{consts-c16c955d.js → consts-4db00575.js} +1 -1
  239. package/cjs/{consts-c16c955d.js.map → consts-4db00575.js.map} +1 -1
  240. package/cjs/{consts-0a4f487c.js → consts-661b767d.js} +5 -1
  241. package/cjs/{consts-0a4f487c.js.map → consts-661b767d.js.map} +1 -1
  242. package/cjs/{context-0bf4608e.js → context-76b49e88.js} +2 -2
  243. package/cjs/{context-0bf4608e.js.map → context-76b49e88.js.map} +1 -1
  244. package/cjs/dist/index.css +149 -149
  245. package/cjs/dist/index.css.map +1 -1
  246. package/cjs/{index-b1b515a7.js → index-124b9dcf.js} +2 -2
  247. package/cjs/{index-b1b515a7.js.map → index-124b9dcf.js.map} +1 -1
  248. package/cjs/{index-f3743012.js → index-1ee0e4e4.js} +3 -3
  249. package/cjs/{index-f3743012.js.map → index-1ee0e4e4.js.map} +1 -1
  250. package/cjs/{index-c00c028b.js → index-212106b0.js} +1 -1
  251. package/cjs/{index-c00c028b.js.map → index-212106b0.js.map} +1 -1
  252. package/cjs/{index-3aeb8bf9.js → index-2ac63760.js} +6 -6
  253. package/cjs/{index-3aeb8bf9.js.map → index-2ac63760.js.map} +1 -1
  254. package/cjs/{index-d69866c1.js → index-3e6c93b8.js} +5 -5
  255. package/cjs/{index-d69866c1.js.map → index-3e6c93b8.js.map} +1 -1
  256. package/cjs/{index-44985c08.js → index-3eaca310.js} +2 -2
  257. package/cjs/{index-44985c08.js.map → index-3eaca310.js.map} +1 -1
  258. package/cjs/{index-29f85f9b.js → index-433d4bd2.js} +2 -2
  259. package/cjs/{index-29f85f9b.js.map → index-433d4bd2.js.map} +1 -1
  260. package/cjs/{index-803f2ff2.js → index-624378e0.js} +4 -4
  261. package/cjs/{index-803f2ff2.js.map → index-624378e0.js.map} +1 -1
  262. package/cjs/{index-6a9e8bcb.js → index-69714a70.js} +6 -6
  263. package/cjs/{index-6a9e8bcb.js.map → index-69714a70.js.map} +1 -1
  264. package/cjs/{index-060711f6.js → index-80804302.js} +2 -2
  265. package/cjs/{index-060711f6.js.map → index-80804302.js.map} +1 -1
  266. package/cjs/{index-6c3bc4f9.js → index-98250672.js} +6 -6
  267. package/cjs/{index-6c3bc4f9.js.map → index-98250672.js.map} +1 -1
  268. package/cjs/{index-6977efce.js → index-ab616622.js} +3 -3
  269. package/cjs/{index-6977efce.js.map → index-ab616622.js.map} +1 -1
  270. package/cjs/{index-b5614bfa.js → index-c841c070.js} +2 -2
  271. package/cjs/{index-b5614bfa.js.map → index-c841c070.js.map} +1 -1
  272. package/cjs/{index-71863abf.js → index-caaa2927.js} +1 -1
  273. package/cjs/{index-71863abf.js.map → index-caaa2927.js.map} +1 -1
  274. package/cjs/{index-03a83f97.js → index-ced384fa.js} +4 -4
  275. package/cjs/{index-03a83f97.js.map → index-ced384fa.js.map} +1 -1
  276. package/cjs/{index-6b02cca4.js → index-dcec7980.js} +3 -3
  277. package/cjs/{index-6b02cca4.js.map → index-dcec7980.js.map} +1 -1
  278. package/cjs/{index-ea4739fe.js → index-e1240d10.js} +2 -2
  279. package/cjs/{index-ea4739fe.js.map → index-e1240d10.js.map} +1 -1
  280. package/cjs/index.js +52 -52
  281. package/cjs/{index.module-bee98cc5.js → index.module-ed2ba1e3.js} +1 -1
  282. package/cjs/{index.module-bee98cc5.js.map → index.module-ed2ba1e3.js.map} +1 -1
  283. package/cjs/package.json +1 -1
  284. package/cjs/{resolvedReplyType-9517a813.js → resolvedReplyType-f61a88fe.js} +1 -1
  285. package/cjs/{resolvedReplyType-9517a813.js.map → resolvedReplyType-f61a88fe.js.map} +1 -1
  286. package/cjs/sendbirdSelectors.js +19 -5
  287. package/cjs/sendbirdSelectors.js.map +1 -1
  288. package/cjs/{stringSet-39e8b84e.js → stringSet-c3a71383.js} +1 -1
  289. package/cjs/{stringSet-39e8b84e.js.map → stringSet-c3a71383.js.map} +1 -1
  290. package/cjs/{tokenize-3176b8f2.js → tokenize-3d258c39.js} +2 -2
  291. package/cjs/{tokenize-3176b8f2.js.map → tokenize-3d258c39.js.map} +1 -1
  292. package/cjs/{topics-e1897e48.js → topics-92cc2ee6.js} +2 -1
  293. package/cjs/topics-92cc2ee6.js.map +1 -0
  294. package/cjs/{types-be32f153.js → types-2d9f4043.js} +1 -1
  295. package/cjs/{types-be32f153.js.map → types-2d9f4043.js.map} +1 -1
  296. package/cjs/ui/Accordion.js +2 -2
  297. package/cjs/ui/AccordionGroup.js +2 -2
  298. package/cjs/ui/AdminMessage.js +2 -2
  299. package/cjs/ui/Avatar.js +10 -10
  300. package/cjs/ui/Avatar.js.map +1 -1
  301. package/cjs/ui/Badge.js +4 -4
  302. package/cjs/ui/BottomSheet.js +1 -1
  303. package/cjs/ui/Button.js +2 -2
  304. package/cjs/ui/ChannelAvatar.js +2 -2
  305. package/cjs/ui/ConnectionStatus.js +4 -4
  306. package/cjs/ui/ContextMenu.js +5 -5
  307. package/cjs/ui/DateSeparator.js +3 -3
  308. package/cjs/ui/EmojiReactions.js +17 -17
  309. package/cjs/ui/EmojiReactions.js.map +1 -1
  310. package/cjs/ui/FileMessageItemBody.js +6 -6
  311. package/cjs/ui/FileViewer.js +8 -8
  312. package/cjs/ui/IconButton.js +1 -1
  313. package/cjs/ui/ImageRenderer.js +26 -11
  314. package/cjs/ui/ImageRenderer.js.map +1 -1
  315. package/cjs/ui/Input.js +2 -2
  316. package/cjs/ui/Label.js +2 -2
  317. package/cjs/ui/LinkLabel.js +2 -2
  318. package/cjs/ui/MentionLabel.js +10 -10
  319. package/cjs/ui/MentionUserLabel.js +1 -1
  320. package/cjs/ui/MessageContent.js +28 -28
  321. package/cjs/ui/MessageInput.js +13 -13
  322. package/cjs/ui/MessageItemMenu.js +8 -8
  323. package/cjs/ui/MessageItemReactionMenu.js +9 -9
  324. package/cjs/ui/MessageItemReactionMenu.js.map +1 -1
  325. package/cjs/ui/MessageSearchFileItem.js +10 -10
  326. package/cjs/ui/MessageSearchItem.js +8 -8
  327. package/cjs/ui/MessageStatus.js +10 -10
  328. package/cjs/ui/Modal.js +7 -7
  329. package/cjs/ui/OGMessageItemBody.js +15 -15
  330. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  331. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  332. package/cjs/ui/OpenChannelAvatar.js +5 -5
  333. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  334. package/cjs/ui/OpenchannelFileMessage.js +15 -15
  335. package/cjs/ui/OpenchannelOGMessage.js +19 -19
  336. package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
  337. package/cjs/ui/OpenchannelThumbnailMessage.js +16 -16
  338. package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
  339. package/cjs/ui/OpenchannelUserMessage.js +15 -15
  340. package/cjs/ui/PlaceHolder.js +5 -5
  341. package/cjs/ui/PlaybackTime.js +2 -2
  342. package/cjs/ui/QuoteMessage.js +7 -7
  343. package/cjs/ui/QuoteMessage.js.map +1 -1
  344. package/cjs/ui/QuoteMessageInput.js +7 -7
  345. package/cjs/ui/QuoteMessageInput.js.map +1 -1
  346. package/cjs/ui/ReactionBadge.js +2 -2
  347. package/cjs/ui/ReactionButton.js +4 -4
  348. package/cjs/ui/SortByRow.js +1 -1
  349. package/cjs/ui/TextButton.js +1 -1
  350. package/cjs/ui/TextMessageItemBody.js +14 -14
  351. package/cjs/ui/ThreadReplies.js +5 -5
  352. package/cjs/ui/ThumbnailMessageItemBody.js +6 -6
  353. package/cjs/ui/ThumbnailMessageItemBody.js.map +1 -1
  354. package/cjs/ui/Toggle.js +1 -1
  355. package/cjs/ui/Tooltip.js +2 -2
  356. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  357. package/cjs/ui/UserListItem.js +10 -10
  358. package/cjs/ui/UserProfile.js +9 -9
  359. package/cjs/ui/VoiceMessageItemBody.js +9 -9
  360. package/cjs/ui/VoiceMessgeInput.js +7 -7
  361. package/cjs/ui/Word.js +10 -10
  362. package/cjs/{useDirtyGetMentions-041acd2a.js → useDirtyGetMentions-2a7d10bf.js} +1 -1
  363. package/cjs/{useDirtyGetMentions-041acd2a.js.map → useDirtyGetMentions-2a7d10bf.js.map} +1 -1
  364. package/cjs/{useLongPress-5432edbf.js → useLongPress-c8839caf.js} +3 -3
  365. package/cjs/{useLongPress-5432edbf.js.map → useLongPress-c8839caf.js.map} +1 -1
  366. package/cjs/useSendbirdStateContext.js +1 -1
  367. package/cjs/utils/message/isVoiceMessage.js +2 -2
  368. package/cjs/{utils-b653226e.js → utils-29477573.js} +1 -1
  369. package/cjs/{utils-b653226e.js.map → utils-29477573.js.map} +1 -1
  370. package/cjs/{utils-bec85954.js → utils-302a674f.js} +2 -2
  371. package/cjs/{utils-bec85954.js.map → utils-302a674f.js.map} +1 -1
  372. package/cjs/{utils-e7fdfd61.js → utils-6af170b9.js} +1 -1
  373. package/cjs/{utils-e7fdfd61.js.map → utils-6af170b9.js.map} +1 -1
  374. package/cjs/{utils-24df69e2.js → utils-c2948e02.js} +1 -1
  375. package/cjs/{utils-24df69e2.js.map → utils-c2948e02.js.map} +1 -1
  376. package/cjs/{uuid-54dc5376.js → uuid-d26cf806.js} +1 -1
  377. package/cjs/{uuid-54dc5376.js.map → uuid-d26cf806.js.map} +1 -1
  378. package/cjs/withSendbird.js +1 -1
  379. package/{color-b73a158c.js → color-1a181ce1.js} +1 -1
  380. package/{color-b73a158c.js.map → color-1a181ce1.js.map} +1 -1
  381. package/{compareIds-eab12c15.js → compareIds-0cfc7f44.js} +1 -1
  382. package/{compareIds-eab12c15.js.map → compareIds-0cfc7f44.js.map} +1 -1
  383. package/{const-72965dcb.js → const-3e230ae8.js} +1 -1
  384. package/{const-72965dcb.js.map → const-3e230ae8.js.map} +1 -1
  385. package/{const-9ab08d0b.js → const-e65490a4.js} +1 -1
  386. package/{const-9ab08d0b.js.map → const-e65490a4.js.map} +1 -1
  387. package/{consts-8c9214ee.js → consts-2465e8d9.js} +1 -1
  388. package/{consts-8c9214ee.js.map → consts-2465e8d9.js.map} +1 -1
  389. package/{consts-2475c80c.js → consts-41b55fe8.js} +1 -1
  390. package/{consts-2475c80c.js.map → consts-41b55fe8.js.map} +1 -1
  391. package/{consts-55e36248.js → consts-51e4746e.js} +5 -2
  392. package/{consts-55e36248.js.map → consts-51e4746e.js.map} +1 -1
  393. package/{consts-0726d733.js → consts-faca6bf9.js} +1 -1
  394. package/{consts-0726d733.js.map → consts-faca6bf9.js.map} +1 -1
  395. package/{context-ebecf7b8.js → context-5973d35e.js} +2 -2
  396. package/{context-ebecf7b8.js.map → context-5973d35e.js.map} +1 -1
  397. package/dist/index.css +149 -149
  398. package/dist/index.css.map +1 -1
  399. package/{index-96fe32b3.js → index-1dbb47b6.js} +2 -2
  400. package/{index-96fe32b3.js.map → index-1dbb47b6.js.map} +1 -1
  401. package/{index-c2c52b45.js → index-2d72973d.js} +3 -3
  402. package/{index-c2c52b45.js.map → index-2d72973d.js.map} +1 -1
  403. package/{index-b74226dc.js → index-33432afb.js} +2 -2
  404. package/{index-b74226dc.js.map → index-33432afb.js.map} +1 -1
  405. package/{index-c191462d.js → index-37b97ba0.js} +3 -3
  406. package/{index-c191462d.js.map → index-37b97ba0.js.map} +1 -1
  407. package/{index-7b514167.js → index-3938ebeb.js} +4 -4
  408. package/{index-7b514167.js.map → index-3938ebeb.js.map} +1 -1
  409. package/{index-e43e7fa2.js → index-426b7e23.js} +1 -1
  410. package/{index-e43e7fa2.js.map → index-426b7e23.js.map} +1 -1
  411. package/{index-04e037ff.js → index-43a07216.js} +2 -2
  412. package/{index-04e037ff.js.map → index-43a07216.js.map} +1 -1
  413. package/{index-a5bf5a96.js → index-5243b241.js} +1 -1
  414. package/{index-a5bf5a96.js.map → index-5243b241.js.map} +1 -1
  415. package/{index-c2640752.js → index-542fc972.js} +2 -2
  416. package/{index-c2640752.js.map → index-542fc972.js.map} +1 -1
  417. package/{index-af1fb797.js → index-599947c0.js} +4 -4
  418. package/{index-af1fb797.js.map → index-599947c0.js.map} +1 -1
  419. package/{index-0dd2ee39.js → index-5f546540.js} +2 -2
  420. package/{index-0dd2ee39.js.map → index-5f546540.js.map} +1 -1
  421. package/{index-7727118e.js → index-a90528f7.js} +5 -5
  422. package/{index-7727118e.js.map → index-a90528f7.js.map} +1 -1
  423. package/{index-642e3f32.js → index-b325320d.js} +6 -6
  424. package/{index-642e3f32.js.map → index-b325320d.js.map} +1 -1
  425. package/{index-055e94b6.js → index-b59ab4f5.js} +4 -4
  426. package/{index-055e94b6.js.map → index-b59ab4f5.js.map} +1 -1
  427. package/{index-8485f009.js → index-b9d142c7.js} +2 -2
  428. package/{index-8485f009.js.map → index-b9d142c7.js.map} +1 -1
  429. package/{index-8dcf7652.js → index-db0537e7.js} +3 -3
  430. package/{index-8dcf7652.js.map → index-db0537e7.js.map} +1 -1
  431. package/{index-007ff82b.js → index-e3a3f253.js} +6 -6
  432. package/{index-007ff82b.js.map → index-e3a3f253.js.map} +1 -1
  433. package/index.d.ts +4 -2
  434. package/index.js +52 -52
  435. package/{index.module-0ccd37ce.js → index.module-66fc75ab.js} +1 -1
  436. package/{index.module-0ccd37ce.js.map → index.module-66fc75ab.js.map} +1 -1
  437. package/package.json +1 -1
  438. package/{resolvedReplyType-6785a18d.js → resolvedReplyType-c306d0b1.js} +1 -1
  439. package/{resolvedReplyType-6785a18d.js.map → resolvedReplyType-c306d0b1.js.map} +1 -1
  440. package/sendbirdSelectors.js +19 -5
  441. package/sendbirdSelectors.js.map +1 -1
  442. package/{stringSet-23a36018.js → stringSet-0507097b.js} +1 -1
  443. package/{stringSet-23a36018.js.map → stringSet-0507097b.js.map} +1 -1
  444. package/{tokenize-6f680d6a.js → tokenize-df7ffa9b.js} +2 -2
  445. package/{tokenize-6f680d6a.js.map → tokenize-df7ffa9b.js.map} +1 -1
  446. package/{topics-67f9a9f1.js → topics-ee41e3ee.js} +2 -1
  447. package/topics-ee41e3ee.js.map +1 -0
  448. package/{types-82eb7ae8.js → types-f940eb84.js} +1 -1
  449. package/{types-82eb7ae8.js.map → types-f940eb84.js.map} +1 -1
  450. package/ui/Accordion.js +2 -2
  451. package/ui/AccordionGroup.js +2 -2
  452. package/ui/AdminMessage.js +2 -2
  453. package/ui/Avatar.js +1 -1
  454. package/ui/Badge.js +4 -4
  455. package/ui/BottomSheet.js +1 -1
  456. package/ui/Button.js +2 -2
  457. package/ui/ChannelAvatar.js +2 -2
  458. package/ui/ConnectionStatus.js +4 -4
  459. package/ui/ContextMenu.js +5 -5
  460. package/ui/DateSeparator.js +3 -3
  461. package/ui/EmojiReactions.js +13 -13
  462. package/ui/FileMessageItemBody.js +6 -6
  463. package/ui/FileViewer.js +8 -8
  464. package/ui/IconButton.js +1 -1
  465. package/ui/ImageRenderer.js +23 -11
  466. package/ui/ImageRenderer.js.map +1 -1
  467. package/ui/Input.js +2 -2
  468. package/ui/Label.js +2 -2
  469. package/ui/LinkLabel.js +2 -2
  470. package/ui/MentionLabel.js +10 -10
  471. package/ui/MentionUserLabel.js +1 -1
  472. package/ui/MessageContent.js +28 -28
  473. package/ui/MessageInput.js +13 -13
  474. package/ui/MessageItemMenu.js +8 -8
  475. package/ui/MessageItemReactionMenu.js +8 -8
  476. package/ui/MessageSearchFileItem.js +10 -10
  477. package/ui/MessageSearchItem.js +8 -8
  478. package/ui/MessageStatus.js +10 -10
  479. package/ui/Modal.js +7 -7
  480. package/ui/OGMessageItemBody.js +14 -14
  481. package/ui/OpenChannelAdminMessage.js +2 -2
  482. package/ui/OpenChannelAvatar.js +5 -5
  483. package/ui/OpenchannelConversationHeader.js +6 -6
  484. package/ui/OpenchannelFileMessage.js +15 -15
  485. package/ui/OpenchannelOGMessage.js +18 -18
  486. package/ui/OpenchannelThumbnailMessage.js +14 -14
  487. package/ui/OpenchannelUserMessage.js +15 -15
  488. package/ui/PlaceHolder.js +5 -5
  489. package/ui/PlaybackTime.js +2 -2
  490. package/ui/QuoteMessage.js +6 -6
  491. package/ui/QuoteMessageInput.js +6 -6
  492. package/ui/ReactionBadge.js +2 -2
  493. package/ui/ReactionButton.js +4 -4
  494. package/ui/SortByRow.js +1 -1
  495. package/ui/TextButton.js +1 -1
  496. package/ui/TextMessageItemBody.js +14 -14
  497. package/ui/ThreadReplies.js +5 -5
  498. package/ui/ThumbnailMessageItemBody.js +5 -5
  499. package/ui/Toggle.js +1 -1
  500. package/ui/Tooltip.js +2 -2
  501. package/ui/UnknownMessageItemBody.js +6 -6
  502. package/ui/UserListItem.js +10 -10
  503. package/ui/UserProfile.js +9 -9
  504. package/ui/VoiceMessageItemBody.js +9 -9
  505. package/ui/VoiceMessgeInput.js +7 -7
  506. package/ui/Word.js +10 -10
  507. package/{useDirtyGetMentions-e4e855e3.js → useDirtyGetMentions-e995391d.js} +1 -1
  508. package/{useDirtyGetMentions-e4e855e3.js.map → useDirtyGetMentions-e995391d.js.map} +1 -1
  509. package/{useLongPress-0cf29ece.js → useLongPress-05d7564b.js} +3 -3
  510. package/{useLongPress-0cf29ece.js.map → useLongPress-05d7564b.js.map} +1 -1
  511. package/useSendbirdStateContext.js +1 -1
  512. package/utils/message/isVoiceMessage.js +2 -2
  513. package/{utils-e81640a7.js → utils-51b2a20e.js} +1 -1
  514. package/{utils-e81640a7.js.map → utils-51b2a20e.js.map} +1 -1
  515. package/{utils-cae251db.js → utils-9f0ab1b0.js} +1 -1
  516. package/{utils-cae251db.js.map → utils-9f0ab1b0.js.map} +1 -1
  517. package/{utils-8e781334.js → utils-a9f72927.js} +1 -1
  518. package/{utils-8e781334.js.map → utils-a9f72927.js.map} +1 -1
  519. package/{utils-a7468577.js → utils-b0bd415b.js} +2 -2
  520. package/{utils-a7468577.js.map → utils-b0bd415b.js.map} +1 -1
  521. package/{uuid-10fc0de7.js → uuid-708e5853.js} +1 -1
  522. package/{uuid-10fc0de7.js.map → uuid-708e5853.js.map} +1 -1
  523. package/withSendbird.js +1 -1
  524. package/ChannelListProvider-2e7026e9.js.map +0 -1
  525. package/ChannelProvider-31a344d3.js.map +0 -1
  526. package/ThreadProvider-27c497dc.js.map +0 -1
  527. package/_rollupPluginBabelHelpers-34f2bdc3.js.map +0 -1
  528. package/cjs/ChannelListProvider-51837593.js.map +0 -1
  529. package/cjs/ChannelProvider-ab59275b.js.map +0 -1
  530. package/cjs/ThreadProvider-5844bd6d.js.map +0 -1
  531. package/cjs/_rollupPluginBabelHelpers-2c208df7.js.map +0 -1
  532. package/cjs/topics-e1897e48.js.map +0 -1
  533. package/topics-67f9a9f1.js.map +0 -1
package/cjs/ui/Avatar.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var ui_ImageRenderer = require('./ImageRenderer.js');
7
7
  var ui_Icon = require('./Icon.js');
8
- var uuid = require('../uuid-54dc5376.js');
8
+ var uuid = require('../uuid-d26cf806.js');
9
9
  require('prop-types');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -78,7 +78,7 @@ const AvatarInner = _ref3 => {
78
78
  height
79
79
  });
80
80
  if (typeof src === 'string') {
81
- return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
81
+ return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
82
82
  className: imageRendererClassName,
83
83
  url: src,
84
84
  height: height,
@@ -89,7 +89,7 @@ const AvatarInner = _ref3 => {
89
89
  }
90
90
  if (src && src.length) {
91
91
  if (src.length === 1) {
92
- return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
92
+ return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
93
93
  className: imageRendererClassName,
94
94
  url: src[0],
95
95
  height: height,
@@ -101,14 +101,14 @@ const AvatarInner = _ref3 => {
101
101
  if (src.length === 2) {
102
102
  return /*#__PURE__*/React__default["default"].createElement("div", {
103
103
  className: "sendbird-avatar--inner__two-child"
104
- }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
104
+ }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
105
105
  className: imageRendererClassName,
106
106
  url: src[0],
107
107
  height: height,
108
108
  width: width,
109
109
  alt: alt,
110
110
  defaultComponent: defaultComponent
111
- }), /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
111
+ }), /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
112
112
  className: imageRendererClassName,
113
113
  url: src[1],
114
114
  height: height,
@@ -120,7 +120,7 @@ const AvatarInner = _ref3 => {
120
120
  if (src.length === 3) {
121
121
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
122
122
  className: "sendbird-avatar--inner__three-child--upper"
123
- }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
123
+ }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
124
124
  className: imageRendererClassName,
125
125
  url: src[0],
126
126
  height: height,
@@ -129,14 +129,14 @@ const AvatarInner = _ref3 => {
129
129
  defaultComponent: defaultComponent
130
130
  })), /*#__PURE__*/React__default["default"].createElement("div", {
131
131
  className: "sendbird-avatar--inner__three-child--lower"
132
- }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
132
+ }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
133
133
  className: imageRendererClassName,
134
134
  url: src[1],
135
135
  height: height,
136
136
  width: width,
137
137
  alt: alt,
138
138
  defaultComponent: defaultComponent
139
- }), /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
139
+ }), /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
140
140
  className: imageRendererClassName,
141
141
  url: src[2],
142
142
  height: height,
@@ -147,7 +147,7 @@ const AvatarInner = _ref3 => {
147
147
  }
148
148
  return /*#__PURE__*/React__default["default"].createElement("div", {
149
149
  className: "sendbird-avatar--inner__four-child"
150
- }, src.slice(0, 4).map(i => /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
150
+ }, src.slice(0, 4).map(i => /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
151
151
  className: imageRendererClassName,
152
152
  url: i,
153
153
  height: height,
@@ -158,7 +158,7 @@ const AvatarInner = _ref3 => {
158
158
  })));
159
159
  }
160
160
  // default img
161
- return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
161
+ return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
162
162
  className: imageRendererClassName,
163
163
  url: "",
164
164
  height: height,
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sources":["../../../src/utils/pxToNumber.ts","../../../src/ui/Avatar/index.tsx"],"sourcesContent":["export default (px: string | number): number | void => {\n if (typeof px === 'number') {\n return px;\n }\n if (typeof px === 'string') {\n const parsed = Number.parseFloat(px);\n if (!Number.isNaN(parsed)) {\n return parsed;\n }\n }\n return null;\n};\n","import React, { ReactElement, RefObject } from 'react';\n\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\nimport './index.scss';\nimport { uuidv4 } from '../../utils/uuid';\nimport pxToNumber from '../../utils/pxToNumber';\n\nconst imageRendererClassName = 'sendbird-avatar-img';\n\ninterface DefaultComponentProps {\n width: string | number,\n height: string | number,\n}\n\nconst DefaultComponent = ({ width, height }: DefaultComponentProps): ReactElement => {\n let iconWidth = pxToNumber(width);\n let iconHeight = pxToNumber(height);\n if (typeof iconWidth === 'number') {\n iconWidth *= 0.575;\n }\n if (typeof iconHeight === 'number') {\n iconHeight *= 0.575;\n }\n\n return (\n <div className=\"sendbird-avatar-img--default\" style={{ width, height }}>\n <Icon\n type={IconTypes.USER}\n fillColor={IconColors.CONTENT}\n width={iconWidth}\n height={iconHeight}\n />\n </div>\n );\n};\n\nconst _defaultComponent = ({\n width,\n height,\n}: DefaultComponentProps) => (\n <DefaultComponent width={width} height={height} />\n);\n\ninterface AvatarInnerProps {\n height: string | number,\n width: string | number,\n src?: string | Array<string>,\n alt?: string,\n customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nexport const AvatarInner = ({\n src = '',\n alt = '',\n height,\n width,\n customDefaultComponent,\n}: AvatarInnerProps): ReactElement => {\n const defaultComponent = () => customDefaultComponent ? customDefaultComponent({ width, height }) : _defaultComponent({ width, height });\n\n if (typeof src === 'string') {\n return (\n <ImageRenderer\n className={imageRendererClassName}\n url={src}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n );\n }\n\n if (src && src.length) {\n if (src.length === 1) {\n return (\n <ImageRenderer\n className={imageRendererClassName}\n url={src[0]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n );\n }\n\n if (src.length === 2) {\n return (\n <div className=\"sendbird-avatar--inner__two-child\">\n <ImageRenderer\n className={imageRendererClassName}\n url={src[0]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n <ImageRenderer\n className={imageRendererClassName}\n url={src[1]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n </div>\n );\n }\n\n if (src.length === 3) {\n return (\n <>\n <div className=\"sendbird-avatar--inner__three-child--upper\">\n <ImageRenderer\n className={imageRendererClassName}\n url={src[0]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n </div>\n <div className=\"sendbird-avatar--inner__three-child--lower\">\n <ImageRenderer\n className={imageRendererClassName}\n url={src[1]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n <ImageRenderer\n className={imageRendererClassName}\n url={src[2]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n </div>\n </>\n );\n }\n\n return (\n <div className=\"sendbird-avatar--inner__four-child\">\n {\n src.slice(0, 4)\n .map((i) => (\n <ImageRenderer\n className={imageRendererClassName}\n url={i}\n height={height}\n width={width}\n alt={alt}\n key={uuidv4()}\n defaultComponent={defaultComponent}\n />\n ))\n }\n </div>\n );\n }\n // default img\n return (\n <ImageRenderer\n className={imageRendererClassName}\n url=\"\"\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n );\n};\n\ninterface AvatarProps {\n className?: string | Array<string>,\n height?: string | number,\n width?: string | number,\n src?: string | Array<string>,\n alt?: string,\n onClick?(): void,\n customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nfunction Avatar(\n {\n className = '',\n src = '',\n alt = '',\n width = '56px',\n height = '56px',\n onClick,\n customDefaultComponent,\n }: AvatarProps,\n ref: RefObject<HTMLDivElement>,\n): ReactElement {\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-avatar',\n ].join(' ')}\n role=\"button\"\n ref={ref}\n style={{ height, width }}\n onClick={onClick}\n onKeyDown={onClick}\n tabIndex={0}\n >\n <AvatarInner\n src={src}\n width={width}\n height={height}\n alt={alt}\n customDefaultComponent={customDefaultComponent}\n />\n </div>\n );\n}\n\nexport default React.forwardRef(Avatar);\n"],"names":["px","parsed","Number","parseFloat","isNaN","imageRendererClassName","DefaultComponent","_ref","width","height","iconWidth","pxToNumber","iconHeight","React","createElement","className","style","Icon","type","IconTypes","USER","fillColor","IconColors","CONTENT","_defaultComponent","_ref2","AvatarInner","_ref3","src","alt","customDefaultComponent","defaultComponent","ImageRenderer","url","length","Fragment","slice","map","i","key","uuidv4","Avatar","_ref4","ref","onClick","Array","isArray","join","role","onKeyDown","tabIndex","forwardRef"],"mappings":"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"}
1
+ {"version":3,"file":"Avatar.js","sources":["../../../src/utils/pxToNumber.ts","../../../src/ui/Avatar/index.tsx"],"sourcesContent":["export default (px: string | number): number | void => {\n if (typeof px === 'number') {\n return px;\n }\n if (typeof px === 'string') {\n const parsed = Number.parseFloat(px);\n if (!Number.isNaN(parsed)) {\n return parsed;\n }\n }\n return null;\n};\n","import React, { ReactElement, RefObject } from 'react';\n\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\nimport './index.scss';\nimport { uuidv4 } from '../../utils/uuid';\nimport pxToNumber from '../../utils/pxToNumber';\n\nconst imageRendererClassName = 'sendbird-avatar-img';\n\ninterface DefaultComponentProps {\n width: string | number,\n height: string | number,\n}\n\nconst DefaultComponent = ({ width, height }: DefaultComponentProps): ReactElement => {\n let iconWidth = pxToNumber(width);\n let iconHeight = pxToNumber(height);\n if (typeof iconWidth === 'number') {\n iconWidth *= 0.575;\n }\n if (typeof iconHeight === 'number') {\n iconHeight *= 0.575;\n }\n\n return (\n <div className=\"sendbird-avatar-img--default\" style={{ width, height }}>\n <Icon\n type={IconTypes.USER}\n fillColor={IconColors.CONTENT}\n width={iconWidth}\n height={iconHeight}\n />\n </div>\n );\n};\n\nconst _defaultComponent = ({\n width,\n height,\n}: DefaultComponentProps) => (\n <DefaultComponent width={width} height={height} />\n);\n\ninterface AvatarInnerProps {\n height: string | number,\n width: string | number,\n src?: string | Array<string>,\n alt?: string,\n customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nexport const AvatarInner = ({\n src = '',\n alt = '',\n height,\n width,\n customDefaultComponent,\n}: AvatarInnerProps): ReactElement => {\n const defaultComponent = () => customDefaultComponent ? customDefaultComponent({ width, height }) : _defaultComponent({ width, height });\n\n if (typeof src === 'string') {\n return (\n <ImageRenderer\n className={imageRendererClassName}\n url={src}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n );\n }\n\n if (src && src.length) {\n if (src.length === 1) {\n return (\n <ImageRenderer\n className={imageRendererClassName}\n url={src[0]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n );\n }\n\n if (src.length === 2) {\n return (\n <div className=\"sendbird-avatar--inner__two-child\">\n <ImageRenderer\n className={imageRendererClassName}\n url={src[0]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n <ImageRenderer\n className={imageRendererClassName}\n url={src[1]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n </div>\n );\n }\n\n if (src.length === 3) {\n return (\n <>\n <div className=\"sendbird-avatar--inner__three-child--upper\">\n <ImageRenderer\n className={imageRendererClassName}\n url={src[0]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n </div>\n <div className=\"sendbird-avatar--inner__three-child--lower\">\n <ImageRenderer\n className={imageRendererClassName}\n url={src[1]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n <ImageRenderer\n className={imageRendererClassName}\n url={src[2]}\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n </div>\n </>\n );\n }\n\n return (\n <div className=\"sendbird-avatar--inner__four-child\">\n {\n src.slice(0, 4)\n .map((i) => (\n <ImageRenderer\n className={imageRendererClassName}\n url={i}\n height={height}\n width={width}\n alt={alt}\n key={uuidv4()}\n defaultComponent={defaultComponent}\n />\n ))\n }\n </div>\n );\n }\n // default img\n return (\n <ImageRenderer\n className={imageRendererClassName}\n url=\"\"\n height={height}\n width={width}\n alt={alt}\n defaultComponent={defaultComponent}\n />\n );\n};\n\ninterface AvatarProps {\n className?: string | Array<string>,\n height?: string | number,\n width?: string | number,\n src?: string | Array<string>,\n alt?: string,\n onClick?(): void,\n customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nfunction Avatar(\n {\n className = '',\n src = '',\n alt = '',\n width = '56px',\n height = '56px',\n onClick,\n customDefaultComponent,\n }: AvatarProps,\n ref: RefObject<HTMLDivElement>,\n): ReactElement {\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-avatar',\n ].join(' ')}\n role=\"button\"\n ref={ref}\n style={{ height, width }}\n onClick={onClick}\n onKeyDown={onClick}\n tabIndex={0}\n >\n <AvatarInner\n src={src}\n width={width}\n height={height}\n alt={alt}\n customDefaultComponent={customDefaultComponent}\n />\n </div>\n );\n}\n\nexport default React.forwardRef(Avatar);\n"],"names":["px","parsed","Number","parseFloat","isNaN","imageRendererClassName","DefaultComponent","_ref","width","height","iconWidth","pxToNumber","iconHeight","React","createElement","className","style","Icon","type","IconTypes","USER","fillColor","IconColors","CONTENT","_defaultComponent","_ref2","AvatarInner","_ref3","src","alt","customDefaultComponent","defaultComponent","ImageRenderer","url","length","Fragment","slice","map","i","key","uuidv4","Avatar","_ref4","ref","onClick","Array","isArray","join","role","onKeyDown","tabIndex","forwardRef"],"mappings":"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"}
package/cjs/ui/Badge.js CHANGED
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var ui_Label = require('../index-44985c08.js');
5
- var LocalizationContext = require('../LocalizationContext-76831b0e.js');
4
+ var ui_Label = require('../index-3eaca310.js');
5
+ var LocalizationContext = require('../LocalizationContext-0b79a552.js');
6
6
  require('prop-types');
7
- require('../stringSet-39e8b84e.js');
8
- require('../index-c00c028b.js');
7
+ require('../stringSet-c3a71383.js');
8
+ require('../index-212106b0.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  var React = require('react');
4
4
  var reactDom = require('react-dom');
5
- var index = require('../index-71863abf.js');
5
+ var index = require('../index-caaa2927.js');
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
package/cjs/ui/Button.js CHANGED
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var ui_Label = require('../index-44985c08.js');
6
+ var ui_Label = require('../index-3eaca310.js');
7
7
  require('prop-types');
8
- require('../stringSet-39e8b84e.js');
8
+ require('../stringSet-c3a71383.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
@@ -3,9 +3,9 @@
3
3
  var React = require('react');
4
4
  var ui_Avatar = require('./Avatar.js');
5
5
  var ui_Icon = require('./Icon.js');
6
- var utils = require('../utils-e7fdfd61.js');
6
+ var utils = require('../utils-6af170b9.js');
7
7
  require('./ImageRenderer.js');
8
- require('../uuid-54dc5376.js');
8
+ require('../uuid-d26cf806.js');
9
9
  require('prop-types');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -2,11 +2,11 @@
2
2
 
3
3
  var React = require('react');
4
4
  var ui_Icon = require('./Icon.js');
5
- var ui_Label = require('../index-44985c08.js');
6
- var LocalizationContext = require('../LocalizationContext-76831b0e.js');
5
+ var ui_Label = require('../index-3eaca310.js');
6
+ var LocalizationContext = require('../LocalizationContext-0b79a552.js');
7
7
  require('prop-types');
8
- require('../stringSet-39e8b84e.js');
9
- require('../index-c00c028b.js');
8
+ require('../stringSet-c3a71383.js');
9
+ require('../index-212106b0.js');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
12
 
@@ -3,15 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-2c208df7.js');
6
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-0b87b048.js');
7
7
  var reactDom = require('react-dom');
8
8
  var ui_SortByRow = require('./SortByRow.js');
9
- var index = require('../index-ea4739fe.js');
10
- var ui_Label = require('../index-44985c08.js');
11
- require('../uuid-54dc5376.js');
9
+ var index = require('../index-e1240d10.js');
10
+ var ui_Label = require('../index-3eaca310.js');
11
+ require('../uuid-d26cf806.js');
12
12
  require('../utils/message/getOutgoingMessageState.js');
13
13
  require('prop-types');
14
- require('../stringSet-39e8b84e.js');
14
+ require('../stringSet-c3a71383.js');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
17
 
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var color = require('../color-2a756176.js');
5
- var ui_Label = require('../index-44985c08.js');
4
+ var color = require('../color-9b5c1b44.js');
5
+ var ui_Label = require('../index-3eaca310.js');
6
6
  require('prop-types');
7
- require('../stringSet-39e8b84e.js');
7
+ require('../stringSet-c3a71383.js');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
@@ -6,35 +6,35 @@ var ui_ReactionButton = require('./ReactionButton.js');
6
6
  var ui_ImageRenderer = require('./ImageRenderer.js');
7
7
  var ui_Icon = require('./Icon.js');
8
8
  var ui_ContextMenu = require('./ContextMenu.js');
9
- var index = require('../index-ea4739fe.js');
9
+ var index = require('../index-e1240d10.js');
10
10
  var ui_BottomSheet = require('./BottomSheet.js');
11
- var ui_Label = require('../index-44985c08.js');
11
+ var ui_Label = require('../index-3eaca310.js');
12
12
  var ui_UserListItem = require('./UserListItem.js');
13
13
  var ui_Tooltip = require('./Tooltip.js');
14
14
  var ui_TooltipWrapper = require('./TooltipWrapper.js');
15
- var MediaQueryContext = require('../MediaQueryContext-792b58f7.js');
16
- var useLongPress = require('../useLongPress-5432edbf.js');
17
- var LocalizationContext = require('../LocalizationContext-76831b0e.js');
15
+ var MediaQueryContext = require('../MediaQueryContext-cd3c2c1f.js');
16
+ var useLongPress = require('../useLongPress-c8839caf.js');
17
+ var LocalizationContext = require('../LocalizationContext-0b79a552.js');
18
18
  var useSendbirdStateContext = require('../useSendbirdStateContext.js');
19
19
  var Message_context = require('../Message/context.js');
20
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-2c208df7.js');
21
- require('../utils-b653226e.js');
20
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-0b87b048.js');
21
+ require('../utils-29477573.js');
22
22
  require('prop-types');
23
23
  require('react-dom');
24
24
  require('./SortByRow.js');
25
- require('../uuid-54dc5376.js');
25
+ require('../uuid-d26cf806.js');
26
26
  require('../utils/message/getOutgoingMessageState.js');
27
- require('../stringSet-39e8b84e.js');
28
- require('../index-71863abf.js');
29
- require('../UserProfileContext-5fd27232.js');
27
+ require('../stringSet-c3a71383.js');
28
+ require('../index-caaa2927.js');
29
+ require('../UserProfileContext-3dab87ec.js');
30
30
  require('./Avatar.js');
31
31
  require('./MutedAvatarOverlay.js');
32
32
  require('./Checkbox.js');
33
33
  require('./UserProfile.js');
34
34
  require('../sendbirdSelectors.js');
35
- require('../topics-e1897e48.js');
35
+ require('../topics-92cc2ee6.js');
36
36
  require('./Button.js');
37
- require('../index-c00c028b.js');
37
+ require('../index-212106b0.js');
38
38
  require('../withSendbird.js');
39
39
 
40
40
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -71,7 +71,7 @@ const ReactedMembersBottomSheet = _ref => {
71
71
  onClick: () => {
72
72
  setSelectedEmoji(reaction.key);
73
73
  }
74
- }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
74
+ }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
75
75
  url: emojiUrl,
76
76
  width: "28px",
77
77
  height: "28px",
@@ -142,7 +142,7 @@ function ReactionItem(_ref) {
142
142
  }, /*#__PURE__*/React__default["default"].createElement(ui_ReactionBadge, {
143
143
  count: reaction.userIds.length,
144
144
  selected: reactedByMe
145
- }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
145
+ }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
146
146
  circle: true,
147
147
  url: ((_emojisMap$get = emojisMap.get(reaction === null || reaction === void 0 ? void 0 : reaction.key)) === null || _emojisMap$get === void 0 ? void 0 : _emojisMap$get.url) || '',
148
148
  width: "20px",
@@ -207,7 +207,7 @@ const MobileEmojisBottomSheet = _ref => {
207
207
  hideMenu();
208
208
  },
209
209
  dataSbId: `ui_mobile_emoji_reactions_menu_${emoji.key}`
210
- }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
210
+ }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
211
211
  url: emoji.url,
212
212
  width: "38px",
213
213
  height: "38px",
@@ -294,7 +294,7 @@ const EmojiReactions = _ref => {
294
294
  e === null || e === void 0 ? void 0 : e.stopPropagation();
295
295
  },
296
296
  dataSbId: `ui_emoji_reactions_menu_${emoji.key}`
297
- }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
297
+ }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
298
298
  url: (emoji === null || emoji === void 0 ? void 0 : emoji.url) || '',
299
299
  width: "28px",
300
300
  height: "28px",
@@ -1 +1 @@
1
- {"version":3,"file":"EmojiReactions.js","sources":["../../../src/ui/MobileMenu/ReactedMembersBottomSheet.tsx","../../../src/ui/EmojiReactions/ReactionItem.tsx","../../../src/ui/EmojiReactions/AddReactionBadgeItem.tsx","../../../src/ui/MobileMenu/MobileEmojisBottomSheet.tsx","../../../src/ui/EmojiReactions/index.tsx"],"sourcesContent":["import React, { ReactElement, useState } from 'react';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { GroupChannel, Member } from '@sendbird/chat/groupChannel';\nimport { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\n\nimport './mobile-menu-reacted-members.scss';\n\nimport BottomSheet from '../BottomSheet';\nimport { getEmojiUrl } from '../../utils';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport UserListItem from '../UserListItem';\n\nexport interface ReactedMembersBottomSheetProps {\n message: UserMessage | FileMessage;\n channel: GroupChannel;\n emojiKey: string;\n hideMenu: () => void;\n emojiContainer?: EmojiContainer;\n}\n\nexport const ReactedMembersBottomSheet = ({\n message,\n channel,\n emojiKey = '',\n hideMenu,\n emojiContainer,\n}: ReactedMembersBottomSheetProps): ReactElement => {\n const { members = [] } = channel;\n const [selectedEmoji, setSelectedEmoji] = useState(emojiKey);\n\n return (\n <BottomSheet onBackdropClick={hideMenu}>\n <div className=\"sendbird-message__bottomsheet\">\n <div className=\"sendbird-message__bottomsheet__reacted-members\">\n {message.reactions?.map((reaction: Reaction): ReactElement => {\n const emojiUrl = getEmojiUrl(emojiContainer, reaction.key);\n return (\n <div\n key={reaction.key}\n className={`\n sendbird-message__bottomsheet__reacted-members__item\n ${selectedEmoji === reaction.key ? 'sendbird-message__bottomsheet__reacted-members__item__selected' : ''}\n `}\n onClick={() => {\n setSelectedEmoji(reaction.key);\n }}\n >\n <ImageRenderer\n url={emojiUrl}\n width=\"28px\"\n height=\"28px\"\n placeHolder={(style) => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n <Label\n type={LabelTypography.BUTTON_2}\n color={selectedEmoji === reaction.key ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n >\n {reaction.userIds.length}\n </Label>\n </div>\n );\n })}\n </div>\n <div className=\"sendbird-message__bottomsheet__reactor-list\">\n { // making a member list who reacted to the message with the `selectedEmoji`\n (\n message.reactions?.find(reaction => reaction.key === selectedEmoji)\n ?.userIds.map((userId) => members.find((member) => member.userId === userId))\n .filter((member) => member !== undefined) as Array<Member>\n )\n .map((member) => (\n <UserListItem\n key={member.userId}\n className=\"sendbird-message__bottomsheet__reactor-list__item\"\n user={member}\n avatarSize=\"36px\"\n />\n ))\n }\n </div>\n </div>\n </BottomSheet>\n );\n};\n","import React, { useContext } from 'react';\n\nimport { Emoji } from '@sendbird/chat';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\nimport { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\n\nimport Tooltip from '../Tooltip';\nimport TooltipWrapper from '../TooltipWrapper';\nimport ReactionBadge from '../ReactionBadge';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\n\nimport { Nullable } from '../../types';\nimport { getEmojiTooltipString, isReactedBy } from '../../utils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport useLongPress from '../../hooks/useLongPress';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { useMessageContext } from '../../modules/Message/context/MessageProvider';\n\ntype Props = {\n reaction: Reaction;\n memberNicknamesMap: Map<string, string>;\n setEmojiKey: React.Dispatch<React.SetStateAction<string>>;\n toggleReaction?: (message: UserMessage | FileMessage, key: string, byMe: boolean) => void;\n emojisMap: Map<string, Emoji>;\n channel: Nullable<GroupChannel | OpenChannel>;\n};\n\nexport default function ReactionItem({\n reaction,\n memberNicknamesMap,\n setEmojiKey,\n toggleReaction,\n emojisMap,\n channel,\n}: Props) {\n const store = useSendbirdStateContext();\n const { isMobile } = useMediaQueryContext();\n const messageStore = useMessageContext();\n const message = messageStore?.message as UserMessage;\n const { stringSet } = useContext(LocalizationContext);\n\n const userId = store.config.userId;\n const reactedByMe = isReactedBy(userId, reaction);\n const showHoverTooltip = (reaction.userIds.length > 0)\n && (channel?.isGroupChannel() && !channel.isSuper);\n\n const handleOnClick = () => {\n setEmojiKey('');\n toggleReaction?.((message), reaction.key, reactedByMe);\n };\n const longPress = useLongPress({\n onLongPress: () => {\n setEmojiKey(reaction.key);\n },\n onClick: handleOnClick,\n }, {\n shouldPreventDefault: true,\n shouldStopPropagation: true,\n });\n\n return (\n <TooltipWrapper\n className=\"sendbird-emoji-reactions__reaction-badge\"\n hoverTooltip={showHoverTooltip ? (\n <Tooltip>\n {getEmojiTooltipString(reaction, userId, memberNicknamesMap, stringSet)}\n </Tooltip>\n ) : <></>}\n >\n <div\n {...(\n isMobile\n ? longPress\n : { onClick: handleOnClick }\n )}\n >\n <ReactionBadge\n count={reaction.userIds.length}\n selected={reactedByMe}\n >\n <ImageRenderer\n circle\n url={emojisMap.get(reaction?.key)?.url || ''}\n width=\"20px\"\n height=\"20px\"\n defaultComponent={(\n <Icon width=\"20px\" height=\"20px\" type={IconTypes.QUESTION} />\n )}\n />\n </ReactionBadge>\n </div>\n </TooltipWrapper>\n );\n}\n","import React, {\n KeyboardEvent,\n MouseEvent,\n TouchEvent,\n} from 'react';\nimport ReactionBadge from '../ReactionBadge';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport useLongPress from '../../hooks/useLongPress';\n\nexport interface AddReactionBadgeItemProps {\n onClick: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n}\n\nexport const AddReactionBadgeItem = ({\n onClick,\n}: AddReactionBadgeItemProps): React.ReactElement => {\n const onlyClick = useLongPress({\n onLongPress: () => { /* noop */ },\n onClick,\n }, {\n shouldPreventDefault: true,\n shouldStopPropagation: true,\n });\n\n return (\n <div\n className=\"sendbird-emoji-reactions__add-reaction-badge\"\n {...onlyClick}\n >\n <ReactionBadge\n isAdd\n >\n <Icon\n type={IconTypes.EMOJI_MORE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"20px\"\n height=\"20px\"\n />\n </ReactionBadge>\n </div>\n );\n};\n","import React, { ReactElement, useMemo } from 'react';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\n\nimport BottomSheet from '../BottomSheet';\nimport { getEmojiListAll } from '../../utils';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\nexport interface MobileEmojisBottomSheetProps {\n userId: string;\n message: UserMessage | FileMessage;\n emojiContainer: EmojiContainer;\n hideMenu: () => void;\n toggleReaction?: (message: UserMessage | FileMessage, key: string, byMe: boolean) => void;\n}\n\nexport const MobileEmojisBottomSheet = ({\n userId,\n message,\n emojiContainer,\n hideMenu,\n toggleReaction,\n}: MobileEmojisBottomSheetProps): ReactElement => {\n const emojiAllList = useMemo(() => {\n return getEmojiListAll(emojiContainer);\n }, [emojiContainer]);\n return (\n <BottomSheet onBackdropClick={hideMenu}>\n <div className=\"sendbird-message__bottomsheet sendbird-message__emojis-bottomsheet\">\n {emojiAllList.map((emoji) => {\n const isReacted: boolean = (message?.reactions\n ?.find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds\n ?.some((reactorId: string): boolean => reactorId === userId)) ?? false;\n return (\n <ReactionButton\n key={emoji.key}\n width=\"44px\"\n height=\"44px\"\n selected={isReacted}\n onClick={(e) => {\n e?.stopPropagation();\n toggleReaction?.(message, emoji.key, isReacted);\n hideMenu();\n }}\n dataSbId={`ui_mobile_emoji_reactions_menu_${emoji.key}`}\n >\n <ImageRenderer\n url={emoji.url}\n width=\"38px\"\n height=\"38px\"\n placeHolder={(style: Record<string, unknown>): ReactElement => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n </ReactionButton>\n );\n })}\n </div>\n </BottomSheet>\n );\n};\n","import './index.scss';\nimport React, { ReactElement, useRef, useState } from 'react';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport ReactionBadge from '../ReactionBadge';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport { Nullable, SpaceFromTriggerType } from '../../types';\n\nimport { getClassName, getEmojiListAll, getEmojiMapAll } from '../../utils';\nimport { ReactedMembersBottomSheet } from '../MobileMenu/ReactedMembersBottomSheet';\nimport ReactionItem from './ReactionItem';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport { AddReactionBadgeItem } from './AddReactionBadgeItem';\nimport { MobileEmojisBottomSheet } from '../MobileMenu/MobileEmojisBottomSheet';\n\ninterface Props {\n className?: string | Array<string>;\n userId: string;\n message: UserMessage | FileMessage;\n channel: Nullable<GroupChannel>;\n emojiContainer: EmojiContainer;\n memberNicknamesMap: Map<string, string>;\n spaceFromTrigger?: SpaceFromTriggerType;\n isByMe?: boolean;\n toggleReaction?: (message: UserMessage | FileMessage, key: string, byMe: boolean) => void;\n}\n\nconst EmojiReactions = ({\n className = '',\n userId,\n message,\n channel,\n emojiContainer,\n memberNicknamesMap,\n spaceFromTrigger = { x: 0, y: 0 },\n isByMe = false,\n toggleReaction,\n}: Props): ReactElement => {\n const { isMobile } = useMediaQueryContext();\n const addReactionRef = useRef(null);\n const [showEmojiList, setShowEmojiList] = useState(false);\n const [selectedEmojiKey, setSelectedEmojiKey] = useState('');\n\n const emojisMap = getEmojiMapAll(emojiContainer);\n const showAddReactionBadge = (message.reactions?.length ?? 0) < emojisMap.size;\n\n return (\n <div className={getClassName([\n className, 'sendbird-emoji-reactions',\n isByMe ? 'outgoing' : 'incoming',\n ])}>\n {((message.reactions?.length ?? 0) > 0) && (\n message.reactions?.map((reaction: Reaction): ReactElement => {\n return (\n <ReactionItem\n key={reaction?.key}\n reaction={reaction}\n memberNicknamesMap={memberNicknamesMap}\n setEmojiKey={setSelectedEmojiKey}\n toggleReaction={toggleReaction}\n emojisMap={emojisMap}\n channel={channel}\n />\n );\n })\n )}\n {(!isMobile && showAddReactionBadge) && (\n <ContextMenu\n menuTrigger={(toggleDropdown: () => void): ReactElement => (\n <ReactionBadge\n className=\"sendbird-emoji-reactions__add-reaction-badge\"\n ref={addReactionRef}\n isAdd\n onClick={(e) => {\n toggleDropdown();\n e?.stopPropagation?.();\n }}\n >\n <Icon\n type={IconTypes.EMOJI_MORE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"20px\"\n height=\"20px\"\n />\n </ReactionBadge>\n )}\n menuItems={(closeDropdown: () => void): ReactElement => (\n <EmojiListItems\n parentRef={addReactionRef}\n parentContainRef={addReactionRef}\n closeDropdown={closeDropdown}\n spaceFromTrigger={spaceFromTrigger}\n >\n {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n const isReacted: boolean = (message?.reactions\n ?.find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds\n ?.some((reactorId: string): boolean => reactorId === userId)) || false;\n return (\n <ReactionButton\n key={emoji.key}\n width=\"36px\"\n height=\"36px\"\n selected={isReacted}\n onClick={(e): void => {\n closeDropdown();\n toggleReaction?.(message, emoji.key, isReacted);\n e?.stopPropagation();\n }}\n dataSbId={`ui_emoji_reactions_menu_${emoji.key}`}\n >\n <ImageRenderer\n url={emoji?.url || ''}\n width=\"28px\"\n height=\"28px\"\n placeHolder={(style: Record<string, unknown>): ReactElement => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n </ReactionButton>\n );\n })}\n </EmojiListItems>\n )}\n />\n )}\n {(isMobile && showAddReactionBadge) && (\n <AddReactionBadgeItem\n onClick={() => {\n setShowEmojiList(true);\n }}\n />\n )}\n {(isMobile && showEmojiList) && (\n <MobileEmojisBottomSheet\n userId={userId}\n message={message}\n emojiContainer={emojiContainer}\n hideMenu={() => {\n setShowEmojiList(false);\n }}\n toggleReaction={toggleReaction}\n />\n )}\n {(isMobile && selectedEmojiKey && channel !== null) && (\n <ReactedMembersBottomSheet\n message={message}\n channel={channel}\n emojiKey={selectedEmojiKey}\n hideMenu={() => {\n setSelectedEmojiKey('');\n }}\n emojiContainer={emojiContainer}\n />\n )}\n </div>\n );\n};\n\nexport default EmojiReactions;\n"],"names":["ReactedMembersBottomSheet","_ref","_message$reactions","_message$reactions2","_message$reactions2$f","message","channel","emojiKey","hideMenu","emojiContainer","members","selectedEmoji","setSelectedEmoji","useState","React","createElement","BottomSheet","onBackdropClick","className","reactions","map","reaction","emojiUrl","getEmojiUrl","key","onClick","ImageRenderer","url","width","height","placeHolder","style","Icon","type","IconTypes","QUESTION","fillColor","IconColors","ON_BACKGROUND_3","Label","LabelTypography","BUTTON_2","color","LabelColors","PRIMARY","ONBACKGROUND_3","userIds","length","find","userId","member","filter","undefined","UserListItem","user","avatarSize","ReactionItem","_emojisMap$get","memberNicknamesMap","setEmojiKey","toggleReaction","emojisMap","store","useSendbirdStateContext","isMobile","useMediaQueryContext","messageStore","useMessageContext","stringSet","useContext","LocalizationContext","config","reactedByMe","isReactedBy","showHoverTooltip","isGroupChannel","isSuper","handleOnClick","longPress","useLongPress","onLongPress","shouldPreventDefault","shouldStopPropagation","TooltipWrapper","hoverTooltip","Tooltip","getEmojiTooltipString","Fragment","ReactionBadge","count","selected","circle","get","defaultComponent","AddReactionBadgeItem","onlyClick","_extends","isAdd","EMOJI_MORE","MobileEmojisBottomSheet","emojiAllList","useMemo","getEmojiListAll","emoji","_message$reactions$fi","_message$reactions$fi2","_message$reactions$fi3","isReacted","some","reactorId","ReactionButton","e","stopPropagation","dataSbId","EmojiReactions","_message$reactions$le","_message$reactions$le2","_message$reactions3","spaceFromTrigger","x","y","isByMe","addReactionRef","useRef","showEmojiList","setShowEmojiList","selectedEmojiKey","setSelectedEmojiKey","getEmojiMapAll","showAddReactionBadge","size","getClassName","ContextMenu","menuTrigger","toggleDropdown","ref","_e$stopPropagation","call","menuItems","closeDropdown","EmojiListItems","parentRef","parentContainRef","_message$reactions4","_message$reactions4$f","_message$reactions4$f2"],"mappings":"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"}
1
+ {"version":3,"file":"EmojiReactions.js","sources":["../../../src/ui/MobileMenu/ReactedMembersBottomSheet.tsx","../../../src/ui/EmojiReactions/ReactionItem.tsx","../../../src/ui/EmojiReactions/AddReactionBadgeItem.tsx","../../../src/ui/MobileMenu/MobileEmojisBottomSheet.tsx","../../../src/ui/EmojiReactions/index.tsx"],"sourcesContent":["import React, { ReactElement, useState } from 'react';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { GroupChannel, Member } from '@sendbird/chat/groupChannel';\nimport { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\n\nimport './mobile-menu-reacted-members.scss';\n\nimport BottomSheet from '../BottomSheet';\nimport { getEmojiUrl } from '../../utils';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport UserListItem from '../UserListItem';\n\nexport interface ReactedMembersBottomSheetProps {\n message: UserMessage | FileMessage;\n channel: GroupChannel;\n emojiKey: string;\n hideMenu: () => void;\n emojiContainer?: EmojiContainer;\n}\n\nexport const ReactedMembersBottomSheet = ({\n message,\n channel,\n emojiKey = '',\n hideMenu,\n emojiContainer,\n}: ReactedMembersBottomSheetProps): ReactElement => {\n const { members = [] } = channel;\n const [selectedEmoji, setSelectedEmoji] = useState(emojiKey);\n\n return (\n <BottomSheet onBackdropClick={hideMenu}>\n <div className=\"sendbird-message__bottomsheet\">\n <div className=\"sendbird-message__bottomsheet__reacted-members\">\n {message.reactions?.map((reaction: Reaction): ReactElement => {\n const emojiUrl = getEmojiUrl(emojiContainer, reaction.key);\n return (\n <div\n key={reaction.key}\n className={`\n sendbird-message__bottomsheet__reacted-members__item\n ${selectedEmoji === reaction.key ? 'sendbird-message__bottomsheet__reacted-members__item__selected' : ''}\n `}\n onClick={() => {\n setSelectedEmoji(reaction.key);\n }}\n >\n <ImageRenderer\n url={emojiUrl}\n width=\"28px\"\n height=\"28px\"\n placeHolder={(style) => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n <Label\n type={LabelTypography.BUTTON_2}\n color={selectedEmoji === reaction.key ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n >\n {reaction.userIds.length}\n </Label>\n </div>\n );\n })}\n </div>\n <div className=\"sendbird-message__bottomsheet__reactor-list\">\n { // making a member list who reacted to the message with the `selectedEmoji`\n (\n message.reactions?.find(reaction => reaction.key === selectedEmoji)\n ?.userIds.map((userId) => members.find((member) => member.userId === userId))\n .filter((member) => member !== undefined) as Array<Member>\n )\n .map((member) => (\n <UserListItem\n key={member.userId}\n className=\"sendbird-message__bottomsheet__reactor-list__item\"\n user={member}\n avatarSize=\"36px\"\n />\n ))\n }\n </div>\n </div>\n </BottomSheet>\n );\n};\n","import React, { useContext } from 'react';\n\nimport { Emoji } from '@sendbird/chat';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\nimport { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\n\nimport Tooltip from '../Tooltip';\nimport TooltipWrapper from '../TooltipWrapper';\nimport ReactionBadge from '../ReactionBadge';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\n\nimport { Nullable } from '../../types';\nimport { getEmojiTooltipString, isReactedBy } from '../../utils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport useLongPress from '../../hooks/useLongPress';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { useMessageContext } from '../../modules/Message/context/MessageProvider';\n\ntype Props = {\n reaction: Reaction;\n memberNicknamesMap: Map<string, string>;\n setEmojiKey: React.Dispatch<React.SetStateAction<string>>;\n toggleReaction?: (message: UserMessage | FileMessage, key: string, byMe: boolean) => void;\n emojisMap: Map<string, Emoji>;\n channel: Nullable<GroupChannel | OpenChannel>;\n};\n\nexport default function ReactionItem({\n reaction,\n memberNicknamesMap,\n setEmojiKey,\n toggleReaction,\n emojisMap,\n channel,\n}: Props) {\n const store = useSendbirdStateContext();\n const { isMobile } = useMediaQueryContext();\n const messageStore = useMessageContext();\n const message = messageStore?.message as UserMessage;\n const { stringSet } = useContext(LocalizationContext);\n\n const userId = store.config.userId;\n const reactedByMe = isReactedBy(userId, reaction);\n const showHoverTooltip = (reaction.userIds.length > 0)\n && (channel?.isGroupChannel() && !channel.isSuper);\n\n const handleOnClick = () => {\n setEmojiKey('');\n toggleReaction?.((message), reaction.key, reactedByMe);\n };\n const longPress = useLongPress({\n onLongPress: () => {\n setEmojiKey(reaction.key);\n },\n onClick: handleOnClick,\n }, {\n shouldPreventDefault: true,\n shouldStopPropagation: true,\n });\n\n return (\n <TooltipWrapper\n className=\"sendbird-emoji-reactions__reaction-badge\"\n hoverTooltip={showHoverTooltip ? (\n <Tooltip>\n {getEmojiTooltipString(reaction, userId, memberNicknamesMap, stringSet)}\n </Tooltip>\n ) : <></>}\n >\n <div\n {...(\n isMobile\n ? longPress\n : { onClick: handleOnClick }\n )}\n >\n <ReactionBadge\n count={reaction.userIds.length}\n selected={reactedByMe}\n >\n <ImageRenderer\n circle\n url={emojisMap.get(reaction?.key)?.url || ''}\n width=\"20px\"\n height=\"20px\"\n defaultComponent={(\n <Icon width=\"20px\" height=\"20px\" type={IconTypes.QUESTION} />\n )}\n />\n </ReactionBadge>\n </div>\n </TooltipWrapper>\n );\n}\n","import React, {\n KeyboardEvent,\n MouseEvent,\n TouchEvent,\n} from 'react';\nimport ReactionBadge from '../ReactionBadge';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport useLongPress from '../../hooks/useLongPress';\n\nexport interface AddReactionBadgeItemProps {\n onClick: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n}\n\nexport const AddReactionBadgeItem = ({\n onClick,\n}: AddReactionBadgeItemProps): React.ReactElement => {\n const onlyClick = useLongPress({\n onLongPress: () => { /* noop */ },\n onClick,\n }, {\n shouldPreventDefault: true,\n shouldStopPropagation: true,\n });\n\n return (\n <div\n className=\"sendbird-emoji-reactions__add-reaction-badge\"\n {...onlyClick}\n >\n <ReactionBadge\n isAdd\n >\n <Icon\n type={IconTypes.EMOJI_MORE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"20px\"\n height=\"20px\"\n />\n </ReactionBadge>\n </div>\n );\n};\n","import React, { ReactElement, useMemo } from 'react';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\n\nimport BottomSheet from '../BottomSheet';\nimport { getEmojiListAll } from '../../utils';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\nexport interface MobileEmojisBottomSheetProps {\n userId: string;\n message: UserMessage | FileMessage;\n emojiContainer: EmojiContainer;\n hideMenu: () => void;\n toggleReaction?: (message: UserMessage | FileMessage, key: string, byMe: boolean) => void;\n}\n\nexport const MobileEmojisBottomSheet = ({\n userId,\n message,\n emojiContainer,\n hideMenu,\n toggleReaction,\n}: MobileEmojisBottomSheetProps): ReactElement => {\n const emojiAllList = useMemo(() => {\n return getEmojiListAll(emojiContainer);\n }, [emojiContainer]);\n return (\n <BottomSheet onBackdropClick={hideMenu}>\n <div className=\"sendbird-message__bottomsheet sendbird-message__emojis-bottomsheet\">\n {emojiAllList.map((emoji) => {\n const isReacted: boolean = (message?.reactions\n ?.find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds\n ?.some((reactorId: string): boolean => reactorId === userId)) ?? false;\n return (\n <ReactionButton\n key={emoji.key}\n width=\"44px\"\n height=\"44px\"\n selected={isReacted}\n onClick={(e) => {\n e?.stopPropagation();\n toggleReaction?.(message, emoji.key, isReacted);\n hideMenu();\n }}\n dataSbId={`ui_mobile_emoji_reactions_menu_${emoji.key}`}\n >\n <ImageRenderer\n url={emoji.url}\n width=\"38px\"\n height=\"38px\"\n placeHolder={(style: Record<string, unknown>): ReactElement => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n </ReactionButton>\n );\n })}\n </div>\n </BottomSheet>\n );\n};\n","import './index.scss';\nimport React, { ReactElement, useRef, useState } from 'react';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport ReactionBadge from '../ReactionBadge';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport { Nullable, SpaceFromTriggerType } from '../../types';\n\nimport { getClassName, getEmojiListAll, getEmojiMapAll } from '../../utils';\nimport { ReactedMembersBottomSheet } from '../MobileMenu/ReactedMembersBottomSheet';\nimport ReactionItem from './ReactionItem';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport { AddReactionBadgeItem } from './AddReactionBadgeItem';\nimport { MobileEmojisBottomSheet } from '../MobileMenu/MobileEmojisBottomSheet';\n\ninterface Props {\n className?: string | Array<string>;\n userId: string;\n message: UserMessage | FileMessage;\n channel: Nullable<GroupChannel>;\n emojiContainer: EmojiContainer;\n memberNicknamesMap: Map<string, string>;\n spaceFromTrigger?: SpaceFromTriggerType;\n isByMe?: boolean;\n toggleReaction?: (message: UserMessage | FileMessage, key: string, byMe: boolean) => void;\n}\n\nconst EmojiReactions = ({\n className = '',\n userId,\n message,\n channel,\n emojiContainer,\n memberNicknamesMap,\n spaceFromTrigger = { x: 0, y: 0 },\n isByMe = false,\n toggleReaction,\n}: Props): ReactElement => {\n const { isMobile } = useMediaQueryContext();\n const addReactionRef = useRef(null);\n const [showEmojiList, setShowEmojiList] = useState(false);\n const [selectedEmojiKey, setSelectedEmojiKey] = useState('');\n\n const emojisMap = getEmojiMapAll(emojiContainer);\n const showAddReactionBadge = (message.reactions?.length ?? 0) < emojisMap.size;\n\n return (\n <div className={getClassName([\n className, 'sendbird-emoji-reactions',\n isByMe ? 'outgoing' : 'incoming',\n ])}>\n {((message.reactions?.length ?? 0) > 0) && (\n message.reactions?.map((reaction: Reaction): ReactElement => {\n return (\n <ReactionItem\n key={reaction?.key}\n reaction={reaction}\n memberNicknamesMap={memberNicknamesMap}\n setEmojiKey={setSelectedEmojiKey}\n toggleReaction={toggleReaction}\n emojisMap={emojisMap}\n channel={channel}\n />\n );\n })\n )}\n {(!isMobile && showAddReactionBadge) && (\n <ContextMenu\n menuTrigger={(toggleDropdown: () => void): ReactElement => (\n <ReactionBadge\n className=\"sendbird-emoji-reactions__add-reaction-badge\"\n ref={addReactionRef}\n isAdd\n onClick={(e) => {\n toggleDropdown();\n e?.stopPropagation?.();\n }}\n >\n <Icon\n type={IconTypes.EMOJI_MORE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"20px\"\n height=\"20px\"\n />\n </ReactionBadge>\n )}\n menuItems={(closeDropdown: () => void): ReactElement => (\n <EmojiListItems\n parentRef={addReactionRef}\n parentContainRef={addReactionRef}\n closeDropdown={closeDropdown}\n spaceFromTrigger={spaceFromTrigger}\n >\n {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n const isReacted: boolean = (message?.reactions\n ?.find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds\n ?.some((reactorId: string): boolean => reactorId === userId)) || false;\n return (\n <ReactionButton\n key={emoji.key}\n width=\"36px\"\n height=\"36px\"\n selected={isReacted}\n onClick={(e): void => {\n closeDropdown();\n toggleReaction?.(message, emoji.key, isReacted);\n e?.stopPropagation();\n }}\n dataSbId={`ui_emoji_reactions_menu_${emoji.key}`}\n >\n <ImageRenderer\n url={emoji?.url || ''}\n width=\"28px\"\n height=\"28px\"\n placeHolder={(style: Record<string, unknown>): ReactElement => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n </ReactionButton>\n );\n })}\n </EmojiListItems>\n )}\n />\n )}\n {(isMobile && showAddReactionBadge) && (\n <AddReactionBadgeItem\n onClick={() => {\n setShowEmojiList(true);\n }}\n />\n )}\n {(isMobile && showEmojiList) && (\n <MobileEmojisBottomSheet\n userId={userId}\n message={message}\n emojiContainer={emojiContainer}\n hideMenu={() => {\n setShowEmojiList(false);\n }}\n toggleReaction={toggleReaction}\n />\n )}\n {(isMobile && selectedEmojiKey && channel !== null) && (\n <ReactedMembersBottomSheet\n message={message}\n channel={channel}\n emojiKey={selectedEmojiKey}\n hideMenu={() => {\n setSelectedEmojiKey('');\n }}\n emojiContainer={emojiContainer}\n />\n )}\n </div>\n );\n};\n\nexport default EmojiReactions;\n"],"names":["ReactedMembersBottomSheet","_ref","_message$reactions","_message$reactions2","_message$reactions2$f","message","channel","emojiKey","hideMenu","emojiContainer","members","selectedEmoji","setSelectedEmoji","useState","React","createElement","BottomSheet","onBackdropClick","className","reactions","map","reaction","emojiUrl","getEmojiUrl","key","onClick","ImageRenderer","url","width","height","placeHolder","style","Icon","type","IconTypes","QUESTION","fillColor","IconColors","ON_BACKGROUND_3","Label","LabelTypography","BUTTON_2","color","LabelColors","PRIMARY","ONBACKGROUND_3","userIds","length","find","userId","member","filter","undefined","UserListItem","user","avatarSize","ReactionItem","_emojisMap$get","memberNicknamesMap","setEmojiKey","toggleReaction","emojisMap","store","useSendbirdStateContext","isMobile","useMediaQueryContext","messageStore","useMessageContext","stringSet","useContext","LocalizationContext","config","reactedByMe","isReactedBy","showHoverTooltip","isGroupChannel","isSuper","handleOnClick","longPress","useLongPress","onLongPress","shouldPreventDefault","shouldStopPropagation","TooltipWrapper","hoverTooltip","Tooltip","getEmojiTooltipString","Fragment","ReactionBadge","count","selected","circle","get","defaultComponent","AddReactionBadgeItem","onlyClick","_extends","isAdd","EMOJI_MORE","MobileEmojisBottomSheet","emojiAllList","useMemo","getEmojiListAll","emoji","_message$reactions$fi","_message$reactions$fi2","_message$reactions$fi3","isReacted","some","reactorId","ReactionButton","e","stopPropagation","dataSbId","EmojiReactions","_message$reactions$le","_message$reactions$le2","_message$reactions3","spaceFromTrigger","x","y","isByMe","addReactionRef","useRef","showEmojiList","setShowEmojiList","selectedEmojiKey","setSelectedEmojiKey","getEmojiMapAll","showAddReactionBadge","size","getClassName","ContextMenu","menuTrigger","toggleDropdown","ref","_e$stopPropagation","call","menuItems","closeDropdown","EmojiListItems","parentRef","parentContainRef","_message$reactions4","_message$reactions4$f","_message$reactions4$f2"],"mappings":"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"}
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var ui_Label = require('../index-44985c08.js');
4
+ var ui_Label = require('../index-3eaca310.js');
5
5
  var ui_Icon = require('./Icon.js');
6
6
  var ui_TextButton = require('./TextButton.js');
7
- var index = require('../index-ea4739fe.js');
8
- var color = require('../color-2a756176.js');
9
- var MediaQueryContext = require('../MediaQueryContext-792b58f7.js');
7
+ var index = require('../index-e1240d10.js');
8
+ var color = require('../color-9b5c1b44.js');
9
+ var MediaQueryContext = require('../MediaQueryContext-cd3c2c1f.js');
10
10
  require('prop-types');
11
- require('../stringSet-39e8b84e.js');
12
- require('../_rollupPluginBabelHelpers-2c208df7.js');
11
+ require('../stringSet-c3a71383.js');
12
+ require('../_rollupPluginBabelHelpers-0b87b048.js');
13
13
  require('../utils/message/getOutgoingMessageState.js');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var reactDom = require('react-dom');
7
- var LocalizationContext = require('../LocalizationContext-76831b0e.js');
8
- var index = require('../index-71863abf.js');
9
- var index$1 = require('../index-ea4739fe.js');
7
+ var LocalizationContext = require('../LocalizationContext-0b79a552.js');
8
+ var index = require('../index-caaa2927.js');
9
+ var index$1 = require('../index-e1240d10.js');
10
10
  var ui_Avatar = require('./Avatar.js');
11
- var ui_Label = require('../index-44985c08.js');
11
+ var ui_Label = require('../index-3eaca310.js');
12
12
  var ui_Icon = require('./Icon.js');
13
- require('../stringSet-39e8b84e.js');
14
- require('../index-c00c028b.js');
15
- require('../_rollupPluginBabelHelpers-2c208df7.js');
13
+ require('../stringSet-c3a71383.js');
14
+ require('../index-212106b0.js');
15
+ require('../_rollupPluginBabelHelpers-0b87b048.js');
16
16
  require('../utils/message/getOutgoingMessageState.js');
17
17
  require('./ImageRenderer.js');
18
- require('../uuid-54dc5376.js');
18
+ require('../uuid-d26cf806.js');
19
19
  require('prop-types');
20
20
 
21
21
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-2c208df7.js');
3
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-0b87b048.js');
4
4
  var React = require('react');
5
5
 
6
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }