@sendbird/uikit-react 3.5.0-mobile-web-0 → 3.5.0-mobile-web-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (549) hide show
  1. package/App.js +56 -56
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +43 -1
  4. package/Channel/components/ChannelHeader.js +18 -18
  5. package/Channel/components/ChannelUI.js +40 -40
  6. package/Channel/components/FileViewer.js +14 -14
  7. package/Channel/components/FrozenNotification.js +4 -4
  8. package/Channel/components/Message.js +35 -35
  9. package/Channel/components/MessageInput.js +32 -29
  10. package/Channel/components/MessageInput.js.map +1 -1
  11. package/Channel/components/MessageList.js +36 -36
  12. package/Channel/components/RemoveMessageModal.js +16 -16
  13. package/Channel/components/SuggestedMentionList.js +16 -16
  14. package/Channel/components/TypingIndicator.js +14 -14
  15. package/Channel/components/UnreadCount.js +4 -4
  16. package/Channel/context.js +11 -11
  17. package/Channel.js +40 -40
  18. package/ChannelList/components/AddChannel.js +14 -14
  19. package/ChannelList/components/ChannelListHeader.js +6 -6
  20. package/ChannelList/components/ChannelListUI.js +29 -29
  21. package/ChannelList/components/ChannelPreview.js +26 -26
  22. package/ChannelList/components/ChannelPreview.js.map +1 -1
  23. package/ChannelList/components/ChannelPreviewAction.js +15 -14
  24. package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  25. package/ChannelList/context.js +7 -7
  26. package/ChannelList.js +29 -29
  27. package/{ChannelListProvider-42fb305a.js → ChannelListProvider-86b6d956.js} +7 -7
  28. package/{ChannelListProvider-42fb305a.js.map → ChannelListProvider-86b6d956.js.map} +1 -1
  29. package/{ChannelProvider-42ea1a96.js → ChannelProvider-b41fde4c.js} +32 -15
  30. package/ChannelProvider-b41fde4c.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 +27 -21
  36. package/ChannelSettings/components/ModerationPanel.js.map +1 -1
  37. package/ChannelSettings/components/UserListItem.js +10 -10
  38. package/ChannelSettings/components/UserPanel.js +13 -13
  39. package/ChannelSettings/context.js +3 -3
  40. package/ChannelSettings.js +17 -17
  41. package/CreateChannel/components/CreateChannelUI.js +13 -13
  42. package/CreateChannel/components/InviteUsers.js +13 -13
  43. package/CreateChannel/components/SelectChannelType.js +10 -10
  44. package/CreateChannel/context.js +4 -4
  45. package/CreateChannel.js +13 -13
  46. package/{CreateChannelProvider-37af96d2.js → CreateChannelProvider-2b669e7e.js} +1 -1
  47. package/{CreateChannelProvider-37af96d2.js.map → CreateChannelProvider-2b669e7e.js.map} +1 -1
  48. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  49. package/CreateOpenChannel/context.js +1 -1
  50. package/CreateOpenChannel.js +9 -9
  51. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  52. package/EditUserProfile.js +12 -12
  53. package/{LocalizationContext-1839d2db.js → LocalizationContext-57b46f6c.js} +3 -3
  54. package/{LocalizationContext-1839d2db.js.map → LocalizationContext-57b46f6c.js.map} +1 -1
  55. package/{MediaQueryContext-0e0b3a1b.js → MediaQueryContext-fbe7af77.js} +12 -12
  56. package/MediaQueryContext-fbe7af77.js.map +1 -0
  57. package/{MemberList-28589b39.js → MemberList-6ff1e7fa.js} +17 -11
  58. package/MemberList-6ff1e7fa.js.map +1 -0
  59. package/MessageSearch/components/MessageSearchUI.js +11 -11
  60. package/MessageSearch/context.js +1 -1
  61. package/MessageSearch.js +11 -11
  62. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  63. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  64. package/OpenChannel/components/OpenChannelInput.js +33 -25
  65. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  66. package/OpenChannel/components/OpenChannelMessage.js +27 -27
  67. package/OpenChannel/components/OpenChannelMessageList.js +31 -31
  68. package/OpenChannel/components/OpenChannelUI.js +31 -31
  69. package/OpenChannel/context.js +8 -8
  70. package/OpenChannel.js +31 -31
  71. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  72. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  73. package/OpenChannelList/context.js +3 -3
  74. package/OpenChannelList.js +13 -13
  75. package/{OpenChannelListProvider-71a32f2d.js → OpenChannelListProvider-700cf3de.js} +3 -3
  76. package/{OpenChannelListProvider-71a32f2d.js.map → OpenChannelListProvider-700cf3de.js.map} +1 -1
  77. package/{OpenChannelProvider-377a0b6e.js → OpenChannelProvider-b634e564.js} +7 -7
  78. package/{OpenChannelProvider-377a0b6e.js.map → OpenChannelProvider-b634e564.js.map} +1 -1
  79. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  80. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  81. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  82. package/OpenChannelSettings/components/OperatorUI.js +32 -24
  83. package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  84. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  85. package/OpenChannelSettings/context.js +3 -3
  86. package/OpenChannelSettings.js +17 -17
  87. package/{RemoveMessageModal-558db27f.js → RemoveMessageModal-625b3778.js} +3 -3
  88. package/{RemoveMessageModal-558db27f.js.map → RemoveMessageModal-625b3778.js.map} +1 -1
  89. package/SendbirdProvider.js +253 -185
  90. package/SendbirdProvider.js.map +1 -1
  91. package/Thread/components/ParentMessageInfo.js +40 -36
  92. package/Thread/components/ParentMessageInfo.js.map +1 -1
  93. package/Thread/components/ParentMessageInfoItem.js +21 -21
  94. package/Thread/components/ThreadHeader.js +6 -6
  95. package/Thread/components/ThreadList.js +35 -35
  96. package/Thread/components/ThreadListItem.js +41 -37
  97. package/Thread/components/ThreadListItem.js.map +1 -1
  98. package/Thread/components/ThreadMessageInput.js +29 -31
  99. package/Thread/components/ThreadMessageInput.js.map +1 -1
  100. package/Thread/components/ThreadUI.js +39 -39
  101. package/Thread/context.js +8 -8
  102. package/Thread.js +39 -39
  103. package/{ThreadProvider-0b73628e.js → ThreadProvider-a3d3b241.js} +7 -7
  104. package/{ThreadProvider-0b73628e.js.map → ThreadProvider-a3d3b241.js.map} +1 -1
  105. package/{UserProfileContext-7e645551.js → UserProfileContext-29074346.js} +1 -1
  106. package/{UserProfileContext-7e645551.js.map → UserProfileContext-29074346.js.map} +1 -1
  107. package/{VoiceMessageInputWrapper-0b5a78a1.js → VoiceMessageInputWrapper-bdc53de4.js} +7 -7
  108. package/{VoiceMessageInputWrapper-0b5a78a1.js.map → VoiceMessageInputWrapper-bdc53de4.js.map} +1 -1
  109. package/VoicePlayer/context.js +3 -3
  110. package/VoicePlayer/useVoicePlayer.js +3 -3
  111. package/VoiceRecorder/context.js +3 -3
  112. package/VoiceRecorder/useVoiceRecorder.js +2 -2
  113. package/{WebAudioUtils-fbdb41cd.js → WebAudioUtils-c3ea2db7.js} +1 -1
  114. package/{WebAudioUtils-fbdb41cd.js.map → WebAudioUtils-c3ea2db7.js.map} +1 -1
  115. package/{_rollupPluginBabelHelpers-ce69e916.js → _rollupPluginBabelHelpers-0bc76382.js} +1 -1
  116. package/_rollupPluginBabelHelpers-0bc76382.js.map +1 -0
  117. package/{actionTypes-a5283c75.js → actionTypes-45ec82e6.js} +1 -1
  118. package/{actionTypes-a5283c75.js.map → actionTypes-45ec82e6.js.map} +1 -1
  119. package/cjs/App.js +56 -56
  120. package/cjs/App.js.map +1 -1
  121. package/cjs/Channel/components/ChannelHeader.js +18 -18
  122. package/cjs/Channel/components/ChannelUI.js +40 -40
  123. package/cjs/Channel/components/FileViewer.js +14 -14
  124. package/cjs/Channel/components/FrozenNotification.js +4 -4
  125. package/cjs/Channel/components/Message.js +35 -35
  126. package/cjs/Channel/components/MessageInput.js +32 -29
  127. package/cjs/Channel/components/MessageInput.js.map +1 -1
  128. package/cjs/Channel/components/MessageList.js +36 -36
  129. package/cjs/Channel/components/RemoveMessageModal.js +16 -16
  130. package/cjs/Channel/components/SuggestedMentionList.js +16 -16
  131. package/cjs/Channel/components/TypingIndicator.js +14 -14
  132. package/cjs/Channel/components/UnreadCount.js +4 -4
  133. package/cjs/Channel/context.js +11 -11
  134. package/cjs/Channel.js +40 -40
  135. package/cjs/ChannelList/components/AddChannel.js +14 -14
  136. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  137. package/cjs/ChannelList/components/ChannelListUI.js +29 -29
  138. package/cjs/ChannelList/components/ChannelPreview.js +26 -26
  139. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  140. package/cjs/ChannelList/components/ChannelPreviewAction.js +15 -14
  141. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  142. package/cjs/ChannelList/context.js +7 -7
  143. package/cjs/ChannelList.js +29 -29
  144. package/cjs/{ChannelListProvider-b3ffe21a.js → ChannelListProvider-46e379c7.js} +7 -7
  145. package/cjs/{ChannelListProvider-b3ffe21a.js.map → ChannelListProvider-46e379c7.js.map} +1 -1
  146. package/cjs/{ChannelProvider-b6890429.js → ChannelProvider-2bfafa25.js} +32 -14
  147. package/cjs/ChannelProvider-2bfafa25.js.map +1 -0
  148. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  149. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  150. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  151. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  152. package/cjs/ChannelSettings/components/ModerationPanel.js +27 -21
  153. package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
  154. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  155. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  156. package/cjs/ChannelSettings/context.js +3 -3
  157. package/cjs/ChannelSettings.js +17 -17
  158. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  159. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  160. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  161. package/cjs/CreateChannel/context.js +4 -4
  162. package/cjs/CreateChannel.js +13 -13
  163. package/cjs/{CreateChannelProvider-e1376032.js → CreateChannelProvider-ef7e4c91.js} +1 -1
  164. package/cjs/{CreateChannelProvider-e1376032.js.map → CreateChannelProvider-ef7e4c91.js.map} +1 -1
  165. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  166. package/cjs/CreateOpenChannel/context.js +1 -1
  167. package/cjs/CreateOpenChannel.js +9 -9
  168. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  169. package/cjs/EditUserProfile.js +12 -12
  170. package/cjs/{LocalizationContext-461a0816.js → LocalizationContext-b42fa07d.js} +3 -3
  171. package/cjs/{LocalizationContext-461a0816.js.map → LocalizationContext-b42fa07d.js.map} +1 -1
  172. package/cjs/{MediaQueryContext-de7c63bc.js → MediaQueryContext-372b55a6.js} +12 -12
  173. package/cjs/MediaQueryContext-372b55a6.js.map +1 -0
  174. package/cjs/{MemberList-593809cb.js → MemberList-d878307c.js} +17 -11
  175. package/cjs/MemberList-d878307c.js.map +1 -0
  176. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  177. package/cjs/MessageSearch/context.js +1 -1
  178. package/cjs/MessageSearch.js +11 -11
  179. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  180. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  181. package/cjs/OpenChannel/components/OpenChannelInput.js +33 -25
  182. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  183. package/cjs/OpenChannel/components/OpenChannelMessage.js +27 -27
  184. package/cjs/OpenChannel/components/OpenChannelMessageList.js +31 -31
  185. package/cjs/OpenChannel/components/OpenChannelUI.js +31 -31
  186. package/cjs/OpenChannel/context.js +8 -8
  187. package/cjs/OpenChannel.js +31 -31
  188. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  189. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  190. package/cjs/OpenChannelList/context.js +3 -3
  191. package/cjs/OpenChannelList.js +13 -13
  192. package/cjs/{OpenChannelListProvider-39c11f87.js → OpenChannelListProvider-d1cbe71b.js} +3 -3
  193. package/cjs/{OpenChannelListProvider-39c11f87.js.map → OpenChannelListProvider-d1cbe71b.js.map} +1 -1
  194. package/cjs/{OpenChannelProvider-e794e881.js → OpenChannelProvider-94eb45b4.js} +7 -7
  195. package/cjs/{OpenChannelProvider-e794e881.js.map → OpenChannelProvider-94eb45b4.js.map} +1 -1
  196. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  197. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  198. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  199. package/cjs/OpenChannelSettings/components/OperatorUI.js +32 -24
  200. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  201. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  202. package/cjs/OpenChannelSettings/context.js +3 -3
  203. package/cjs/OpenChannelSettings.js +17 -17
  204. package/cjs/{RemoveMessageModal-29fa1a05.js → RemoveMessageModal-83d3158a.js} +3 -3
  205. package/cjs/{RemoveMessageModal-29fa1a05.js.map → RemoveMessageModal-83d3158a.js.map} +1 -1
  206. package/cjs/SendbirdProvider.js +253 -185
  207. package/cjs/SendbirdProvider.js.map +1 -1
  208. package/cjs/Thread/components/ParentMessageInfo.js +40 -36
  209. package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
  210. package/cjs/Thread/components/ParentMessageInfoItem.js +21 -21
  211. package/cjs/Thread/components/ThreadHeader.js +6 -6
  212. package/cjs/Thread/components/ThreadList.js +35 -35
  213. package/cjs/Thread/components/ThreadListItem.js +41 -37
  214. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  215. package/cjs/Thread/components/ThreadMessageInput.js +29 -31
  216. package/cjs/Thread/components/ThreadMessageInput.js.map +1 -1
  217. package/cjs/Thread/components/ThreadUI.js +39 -39
  218. package/cjs/Thread/context.js +8 -8
  219. package/cjs/Thread.js +39 -39
  220. package/cjs/{ThreadProvider-e2098298.js → ThreadProvider-3ff0ff63.js} +7 -7
  221. package/cjs/{ThreadProvider-e2098298.js.map → ThreadProvider-3ff0ff63.js.map} +1 -1
  222. package/cjs/{UserProfileContext-1bcc48a2.js → UserProfileContext-c87514d3.js} +1 -1
  223. package/cjs/{UserProfileContext-1bcc48a2.js.map → UserProfileContext-c87514d3.js.map} +1 -1
  224. package/cjs/{VoiceMessageInputWrapper-f18d6a5e.js → VoiceMessageInputWrapper-6e1d03d7.js} +7 -7
  225. package/cjs/{VoiceMessageInputWrapper-f18d6a5e.js.map → VoiceMessageInputWrapper-6e1d03d7.js.map} +1 -1
  226. package/cjs/VoicePlayer/context.js +3 -3
  227. package/cjs/VoicePlayer/useVoicePlayer.js +3 -3
  228. package/cjs/VoiceRecorder/context.js +3 -3
  229. package/cjs/VoiceRecorder/useVoiceRecorder.js +2 -2
  230. package/cjs/{WebAudioUtils-aedad0b1.js → WebAudioUtils-de98e939.js} +1 -1
  231. package/cjs/{WebAudioUtils-aedad0b1.js.map → WebAudioUtils-de98e939.js.map} +1 -1
  232. package/cjs/{_rollupPluginBabelHelpers-919a4db3.js → _rollupPluginBabelHelpers-3a9d1641.js} +1 -1
  233. package/cjs/_rollupPluginBabelHelpers-3a9d1641.js.map +1 -0
  234. package/cjs/{actionTypes-1e75e6e9.js → actionTypes-ecb5bef6.js} +1 -1
  235. package/cjs/{actionTypes-1e75e6e9.js.map → actionTypes-ecb5bef6.js.map} +1 -1
  236. package/cjs/{color-48ff06b2.js → color-a4e73e6f.js} +1 -1
  237. package/cjs/{color-48ff06b2.js.map → color-a4e73e6f.js.map} +1 -1
  238. package/cjs/{compareIds-8ed822c1.js → compareIds-a7029d6a.js} +1 -1
  239. package/cjs/{compareIds-8ed822c1.js.map → compareIds-a7029d6a.js.map} +1 -1
  240. package/cjs/{const-49de651c.js → const-3ab3e45c.js} +1 -1
  241. package/cjs/{const-49de651c.js.map → const-3ab3e45c.js.map} +1 -1
  242. package/cjs/{const-852d5677.js → const-68cf2709.js} +1 -1
  243. package/cjs/{const-852d5677.js.map → const-68cf2709.js.map} +1 -1
  244. package/cjs/{consts-5851f376.js → consts-26d4668c.js} +1 -1
  245. package/cjs/{consts-5851f376.js.map → consts-26d4668c.js.map} +1 -1
  246. package/cjs/{consts-2580246d.js → consts-ad8ba629.js} +1 -1
  247. package/cjs/{consts-2580246d.js.map → consts-ad8ba629.js.map} +1 -1
  248. package/cjs/{consts-e9ee4cf4.js → consts-bb2a67c7.js} +1 -1
  249. package/cjs/{consts-e9ee4cf4.js.map → consts-bb2a67c7.js.map} +1 -1
  250. package/cjs/{consts-6f02fcc4.js → consts-f71467c8.js} +1 -1
  251. package/cjs/{consts-6f02fcc4.js.map → consts-f71467c8.js.map} +1 -1
  252. package/cjs/{context-4d89551f.js → context-b81d493d.js} +2 -2
  253. package/cjs/{context-4d89551f.js.map → context-b81d493d.js.map} +1 -1
  254. package/cjs/dist/index.css +169 -151
  255. package/cjs/dist/index.css.map +1 -1
  256. package/cjs/{index-bca3d144.js → index-0b8a1074.js} +6 -3
  257. package/cjs/index-0b8a1074.js.map +1 -0
  258. package/cjs/{index-f4682499.js → index-1c18afa8.js} +4 -4
  259. package/cjs/{index-f4682499.js.map → index-1c18afa8.js.map} +1 -1
  260. package/cjs/{index-1a223893.js → index-3f079f3e.js} +18 -13
  261. package/cjs/index-3f079f3e.js.map +1 -0
  262. package/cjs/{index-44186883.js → index-72e412f7.js} +2 -2
  263. package/cjs/{index-44186883.js.map → index-72e412f7.js.map} +1 -1
  264. package/cjs/{index-60ea6503.js → index-7ec4fe06.js} +3 -3
  265. package/cjs/{index-60ea6503.js.map → index-7ec4fe06.js.map} +1 -1
  266. package/cjs/{index-a51f1b7d.js → index-811da6ee.js} +5 -5
  267. package/cjs/{index-a51f1b7d.js.map → index-811da6ee.js.map} +1 -1
  268. package/cjs/{index-60bf4d5c.js → index-849f44b0.js} +2 -2
  269. package/cjs/{index-60bf4d5c.js.map → index-849f44b0.js.map} +1 -1
  270. package/cjs/{index-5e6194f8.js → index-97005534.js} +1 -1
  271. package/cjs/{index-5e6194f8.js.map → index-97005534.js.map} +1 -1
  272. package/cjs/{index-0126dbb4.js → index-9b23b5c2.js} +4 -4
  273. package/cjs/{index-0126dbb4.js.map → index-9b23b5c2.js.map} +1 -1
  274. package/cjs/{index-420b8e6d.js → index-9d9e563e.js} +3 -3
  275. package/cjs/{index-420b8e6d.js.map → index-9d9e563e.js.map} +1 -1
  276. package/cjs/{index-f5399132.js → index-a401f2b6.js} +54 -32
  277. package/cjs/index-a401f2b6.js.map +1 -0
  278. package/cjs/{index-849c0736.js → index-afada680.js} +2 -2
  279. package/cjs/{index-849c0736.js.map → index-afada680.js.map} +1 -1
  280. package/cjs/{index-223e9372.js → index-c38404d2.js} +2 -2
  281. package/cjs/{index-223e9372.js.map → index-c38404d2.js.map} +1 -1
  282. package/cjs/{index-6a46ed00.js → index-cb1d7ac4.js} +3 -3
  283. package/cjs/{index-6a46ed00.js.map → index-cb1d7ac4.js.map} +1 -1
  284. package/cjs/{index-a7025294.js → index-e1d69370.js} +6 -6
  285. package/cjs/{index-a7025294.js.map → index-e1d69370.js.map} +1 -1
  286. package/cjs/{index-7a68d56f.js → index-e8b83547.js} +1 -1
  287. package/cjs/{index-7a68d56f.js.map → index-e8b83547.js.map} +1 -1
  288. package/cjs/{index-81aad270.js → index-f4f6d794.js} +12 -7
  289. package/cjs/index-f4f6d794.js.map +1 -0
  290. package/cjs/index.js +51 -51
  291. package/cjs/{index.module-10ef9afc.js → index.module-d2876b1c.js} +1 -1
  292. package/cjs/{index.module-10ef9afc.js.map → index.module-d2876b1c.js.map} +1 -1
  293. package/cjs/sendbirdSelectors.js +3 -3
  294. package/cjs/{stringSet-d1cee26a.js → stringSet-4f30313f.js} +1 -1
  295. package/cjs/{stringSet-d1cee26a.js.map → stringSet-4f30313f.js.map} +1 -1
  296. package/cjs/{tokenize-d3bb1637.js → tokenize-e944d548.js} +2 -2
  297. package/cjs/{tokenize-d3bb1637.js.map → tokenize-e944d548.js.map} +1 -1
  298. package/cjs/{topics-00c67dd6.js → topics-3226c6ee.js} +1 -1
  299. package/cjs/{topics-00c67dd6.js.map → topics-3226c6ee.js.map} +1 -1
  300. package/cjs/{types-2e9e46b2.js → types-31174fcc.js} +1 -1
  301. package/cjs/{types-2e9e46b2.js.map → types-31174fcc.js.map} +1 -1
  302. package/cjs/ui/Accordion.js +2 -2
  303. package/cjs/ui/AccordionGroup.js +2 -2
  304. package/cjs/ui/AdminMessage.js +2 -2
  305. package/cjs/ui/Avatar.js +1 -1
  306. package/cjs/ui/Badge.js +4 -4
  307. package/cjs/ui/BottomSheet.js +1 -1
  308. package/cjs/ui/Button.js +2 -2
  309. package/cjs/ui/ChannelAvatar.js +2 -2
  310. package/cjs/ui/ConnectionStatus.js +4 -4
  311. package/cjs/ui/ContextMenu.js +9 -7
  312. package/cjs/ui/ContextMenu.js.map +1 -1
  313. package/cjs/ui/DateSeparator.js +3 -3
  314. package/cjs/ui/EmojiReactions.js +17 -15
  315. package/cjs/ui/EmojiReactions.js.map +1 -1
  316. package/cjs/ui/FileMessageItemBody.js +6 -6
  317. package/cjs/ui/FileViewer.js +8 -8
  318. package/cjs/ui/IconButton.js +1 -1
  319. package/cjs/ui/Input.js +2 -2
  320. package/cjs/ui/Label.js +2 -2
  321. package/cjs/ui/LinkLabel.js +2 -2
  322. package/cjs/ui/MentionLabel.js +10 -10
  323. package/cjs/ui/MentionUserLabel.js +1 -1
  324. package/cjs/ui/MessageContent.js +33 -29
  325. package/cjs/ui/MessageContent.js.map +1 -1
  326. package/cjs/ui/MessageInput.js +12 -12
  327. package/cjs/ui/MessageItemMenu.js +22 -15
  328. package/cjs/ui/MessageItemMenu.js.map +1 -1
  329. package/cjs/ui/MessageItemReactionMenu.js +10 -9
  330. package/cjs/ui/MessageItemReactionMenu.js.map +1 -1
  331. package/cjs/ui/MessageSearchFileItem.js +10 -10
  332. package/cjs/ui/MessageSearchItem.js +8 -8
  333. package/cjs/ui/MessageStatus.js +10 -10
  334. package/cjs/ui/Modal.js +7 -7
  335. package/cjs/ui/OGMessageItemBody.js +14 -14
  336. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  337. package/cjs/ui/OpenChannelAvatar.js +5 -5
  338. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  339. package/cjs/ui/OpenchannelFileMessage.js +19 -17
  340. package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
  341. package/cjs/ui/OpenchannelOGMessage.js +26 -22
  342. package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
  343. package/cjs/ui/OpenchannelThumbnailMessage.js +18 -16
  344. package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
  345. package/cjs/ui/OpenchannelUserMessage.js +23 -19
  346. package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
  347. package/cjs/ui/PlaceHolder.js +5 -5
  348. package/cjs/ui/PlaybackTime.js +2 -2
  349. package/cjs/ui/QuoteMessage.js +6 -6
  350. package/cjs/ui/QuoteMessageInput.js +6 -6
  351. package/cjs/ui/ReactionBadge.js +2 -2
  352. package/cjs/ui/ReactionButton.js +7 -5
  353. package/cjs/ui/ReactionButton.js.map +1 -1
  354. package/cjs/ui/SortByRow.js +1 -1
  355. package/cjs/ui/TextButton.js +1 -1
  356. package/cjs/ui/TextMessageItemBody.js +14 -14
  357. package/cjs/ui/ThreadReplies.js +5 -5
  358. package/cjs/ui/ThumbnailMessageItemBody.js +5 -5
  359. package/cjs/ui/Toggle.js +1 -1
  360. package/cjs/ui/Tooltip.js +2 -2
  361. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  362. package/cjs/ui/UserListItem.js +10 -10
  363. package/cjs/ui/UserProfile.js +9 -9
  364. package/cjs/ui/VoiceMessageItemBody.js +5 -5
  365. package/cjs/ui/VoiceMessgeInput.js +7 -7
  366. package/cjs/ui/Word.js +10 -10
  367. package/cjs/{useDirtyGetMentions-7b6c8a19.js → useDirtyGetMentions-97c6e05a.js} +1 -1
  368. package/cjs/{useDirtyGetMentions-7b6c8a19.js.map → useDirtyGetMentions-97c6e05a.js.map} +1 -1
  369. package/cjs/{useLongPress-4c2e9a3b.js → useLongPress-bf1e8eee.js} +3 -3
  370. package/cjs/{useLongPress-4c2e9a3b.js.map → useLongPress-bf1e8eee.js.map} +1 -1
  371. package/cjs/useSendbirdStateContext.js +1 -1
  372. package/cjs/utils/message/isVoiceMessage.js +2 -2
  373. package/cjs/{utils-3dacb9bc.js → utils-146517a9.js} +1 -1
  374. package/cjs/{utils-3dacb9bc.js.map → utils-146517a9.js.map} +1 -1
  375. package/cjs/{utils-f1c09ec3.js → utils-411a893e.js} +2 -2
  376. package/cjs/{utils-f1c09ec3.js.map → utils-411a893e.js.map} +1 -1
  377. package/cjs/{utils-22d05a53.js → utils-dbaff0d0.js} +1 -1
  378. package/cjs/{utils-22d05a53.js.map → utils-dbaff0d0.js.map} +1 -1
  379. package/cjs/{utils-c5d4c36e.js → utils-de654d3c.js} +1 -1
  380. package/cjs/{utils-c5d4c36e.js.map → utils-de654d3c.js.map} +1 -1
  381. package/cjs/{uuid-d86ea01f.js → uuid-5ab4f88b.js} +1 -1
  382. package/cjs/{uuid-d86ea01f.js.map → uuid-5ab4f88b.js.map} +1 -1
  383. package/cjs/withSendbird.js +1 -1
  384. package/{color-4ca8a2ea.js → color-2ed716e6.js} +1 -1
  385. package/{color-4ca8a2ea.js.map → color-2ed716e6.js.map} +1 -1
  386. package/{compareIds-08858dd3.js → compareIds-bc881fe7.js} +1 -1
  387. package/{compareIds-08858dd3.js.map → compareIds-bc881fe7.js.map} +1 -1
  388. package/{const-714046e0.js → const-8daee9fc.js} +1 -1
  389. package/{const-714046e0.js.map → const-8daee9fc.js.map} +1 -1
  390. package/{const-a77c08c9.js → const-e51dda0c.js} +1 -1
  391. package/{const-a77c08c9.js.map → const-e51dda0c.js.map} +1 -1
  392. package/{consts-9393e7c8.js → consts-3c0ff1ed.js} +1 -1
  393. package/{consts-9393e7c8.js.map → consts-3c0ff1ed.js.map} +1 -1
  394. package/{consts-d46e0fc1.js → consts-7aab5aff.js} +1 -1
  395. package/{consts-d46e0fc1.js.map → consts-7aab5aff.js.map} +1 -1
  396. package/{consts-aecb8fab.js → consts-d0b365df.js} +1 -1
  397. package/{consts-aecb8fab.js.map → consts-d0b365df.js.map} +1 -1
  398. package/{consts-decd9c7d.js → consts-d0cfee49.js} +1 -1
  399. package/{consts-decd9c7d.js.map → consts-d0cfee49.js.map} +1 -1
  400. package/{context-9a6b8b8a.js → context-cde5c2bf.js} +2 -2
  401. package/{context-9a6b8b8a.js.map → context-cde5c2bf.js.map} +1 -1
  402. package/dist/index.css +169 -151
  403. package/dist/index.css.map +1 -1
  404. package/{index-20880943.js → index-0f22e96e.js} +3 -3
  405. package/{index-20880943.js.map → index-0f22e96e.js.map} +1 -1
  406. package/{index-400417a1.js → index-1e5cf284.js} +4 -4
  407. package/{index-400417a1.js.map → index-1e5cf284.js.map} +1 -1
  408. package/{index-5db37327.js → index-1ec11afb.js} +3 -3
  409. package/{index-5db37327.js.map → index-1ec11afb.js.map} +1 -1
  410. package/{index-9781d2b9.js → index-37531f98.js} +2 -2
  411. package/{index-9781d2b9.js.map → index-37531f98.js.map} +1 -1
  412. package/{index-b96440b7.js → index-3f1fa3f9.js} +2 -2
  413. package/{index-b96440b7.js.map → index-3f1fa3f9.js.map} +1 -1
  414. package/{index-e1cd2fcf.js → index-4023d1b2.js} +2 -2
  415. package/{index-e1cd2fcf.js.map → index-4023d1b2.js.map} +1 -1
  416. package/{index-3130ac38.js → index-5141f766.js} +4 -4
  417. package/{index-3130ac38.js.map → index-5141f766.js.map} +1 -1
  418. package/{index-7c9ebc67.js → index-5a1c1956.js} +5 -5
  419. package/{index-7c9ebc67.js.map → index-5a1c1956.js.map} +1 -1
  420. package/{index-bf72ef7c.js → index-735cb5a3.js} +18 -13
  421. package/index-735cb5a3.js.map +1 -0
  422. package/{index-3165e396.js → index-7bff4ce0.js} +1 -1
  423. package/{index-3165e396.js.map → index-7bff4ce0.js.map} +1 -1
  424. package/{index-d9c12cf4.js → index-865112db.js} +1 -1
  425. package/{index-d9c12cf4.js.map → index-865112db.js.map} +1 -1
  426. package/{index-edfb3327.js → index-ac642e0b.js} +54 -32
  427. package/index-ac642e0b.js.map +1 -0
  428. package/{index-5644a6c0.js → index-d847a382.js} +3 -3
  429. package/{index-5644a6c0.js.map → index-d847a382.js.map} +1 -1
  430. package/{index-fd51c7d1.js → index-e2601165.js} +7 -4
  431. package/index-e2601165.js.map +1 -0
  432. package/{index-06f34585.js → index-f1701c11.js} +2 -2
  433. package/{index-06f34585.js.map → index-f1701c11.js.map} +1 -1
  434. package/{index-c6df8184.js → index-fa140763.js} +6 -6
  435. package/{index-c6df8184.js.map → index-fa140763.js.map} +1 -1
  436. package/{index-fd95258e.js → index-fa37119a.js} +12 -7
  437. package/index-fa37119a.js.map +1 -0
  438. package/index.d.ts +3 -2
  439. package/index.js +51 -51
  440. package/{index.module-8c144786.js → index.module-9202ebbd.js} +1 -1
  441. package/{index.module-8c144786.js.map → index.module-9202ebbd.js.map} +1 -1
  442. package/package.json +1 -1
  443. package/sendbirdSelectors.js +3 -3
  444. package/{stringSet-d368e289.js → stringSet-7a8ce1ce.js} +1 -1
  445. package/{stringSet-d368e289.js.map → stringSet-7a8ce1ce.js.map} +1 -1
  446. package/{tokenize-7056afb7.js → tokenize-003bf3f7.js} +2 -2
  447. package/{tokenize-7056afb7.js.map → tokenize-003bf3f7.js.map} +1 -1
  448. package/{topics-f9628f1f.js → topics-5ff88d6f.js} +1 -1
  449. package/{topics-f9628f1f.js.map → topics-5ff88d6f.js.map} +1 -1
  450. package/{types-2b508dbc.js → types-bffbc5f5.js} +1 -1
  451. package/{types-2b508dbc.js.map → types-bffbc5f5.js.map} +1 -1
  452. package/ui/Accordion.js +2 -2
  453. package/ui/AccordionGroup.js +2 -2
  454. package/ui/AdminMessage.js +2 -2
  455. package/ui/Avatar.js +1 -1
  456. package/ui/Badge.js +4 -4
  457. package/ui/BottomSheet.js +1 -1
  458. package/ui/Button.js +2 -2
  459. package/ui/ChannelAvatar.js +2 -2
  460. package/ui/ConnectionStatus.js +4 -4
  461. package/ui/ContextMenu.js +9 -7
  462. package/ui/ContextMenu.js.map +1 -1
  463. package/ui/DateSeparator.js +3 -3
  464. package/ui/EmojiReactions.js +17 -15
  465. package/ui/EmojiReactions.js.map +1 -1
  466. package/ui/FileMessageItemBody.js +6 -6
  467. package/ui/FileViewer.js +8 -8
  468. package/ui/IconButton.js +1 -1
  469. package/ui/Input.js +2 -2
  470. package/ui/Label.js +2 -2
  471. package/ui/LinkLabel.js +2 -2
  472. package/ui/MentionLabel.js +10 -10
  473. package/ui/MentionUserLabel.js +1 -1
  474. package/ui/MessageContent.js +33 -29
  475. package/ui/MessageContent.js.map +1 -1
  476. package/ui/MessageInput.js +12 -12
  477. package/ui/MessageItemMenu.js +22 -15
  478. package/ui/MessageItemMenu.js.map +1 -1
  479. package/ui/MessageItemReactionMenu.js +10 -9
  480. package/ui/MessageItemReactionMenu.js.map +1 -1
  481. package/ui/MessageSearchFileItem.js +10 -10
  482. package/ui/MessageSearchItem.js +8 -8
  483. package/ui/MessageStatus.js +10 -10
  484. package/ui/Modal.js +7 -7
  485. package/ui/OGMessageItemBody.js +14 -14
  486. package/ui/OpenChannelAdminMessage.js +2 -2
  487. package/ui/OpenChannelAvatar.js +5 -5
  488. package/ui/OpenchannelConversationHeader.js +6 -6
  489. package/ui/OpenchannelFileMessage.js +19 -17
  490. package/ui/OpenchannelFileMessage.js.map +1 -1
  491. package/ui/OpenchannelOGMessage.js +26 -22
  492. package/ui/OpenchannelOGMessage.js.map +1 -1
  493. package/ui/OpenchannelThumbnailMessage.js +18 -16
  494. package/ui/OpenchannelThumbnailMessage.js.map +1 -1
  495. package/ui/OpenchannelUserMessage.js +23 -19
  496. package/ui/OpenchannelUserMessage.js.map +1 -1
  497. package/ui/PlaceHolder.js +5 -5
  498. package/ui/PlaybackTime.js +2 -2
  499. package/ui/QuoteMessage.js +6 -6
  500. package/ui/QuoteMessageInput.js +6 -6
  501. package/ui/ReactionBadge.js +2 -2
  502. package/ui/ReactionButton.js +7 -5
  503. package/ui/ReactionButton.js.map +1 -1
  504. package/ui/SortByRow.js +1 -1
  505. package/ui/TextButton.js +1 -1
  506. package/ui/TextMessageItemBody.js +14 -14
  507. package/ui/ThreadReplies.js +5 -5
  508. package/ui/ThumbnailMessageItemBody.js +5 -5
  509. package/ui/Toggle.js +1 -1
  510. package/ui/Tooltip.js +2 -2
  511. package/ui/UnknownMessageItemBody.js +6 -6
  512. package/ui/UserListItem.js +10 -10
  513. package/ui/UserProfile.js +9 -9
  514. package/ui/VoiceMessageItemBody.js +5 -5
  515. package/ui/VoiceMessgeInput.js +7 -7
  516. package/ui/Word.js +10 -10
  517. package/{useDirtyGetMentions-e0c0f521.js → useDirtyGetMentions-aac697f4.js} +1 -1
  518. package/{useDirtyGetMentions-e0c0f521.js.map → useDirtyGetMentions-aac697f4.js.map} +1 -1
  519. package/{useLongPress-685c7391.js → useLongPress-fbab35a9.js} +3 -3
  520. package/{useLongPress-685c7391.js.map → useLongPress-fbab35a9.js.map} +1 -1
  521. package/useSendbirdStateContext.js +1 -1
  522. package/utils/message/isVoiceMessage.js +2 -2
  523. package/{utils-f82ad058.js → utils-0d88f863.js} +1 -1
  524. package/{utils-f82ad058.js.map → utils-0d88f863.js.map} +1 -1
  525. package/{utils-256f157f.js → utils-388a790e.js} +1 -1
  526. package/{utils-256f157f.js.map → utils-388a790e.js.map} +1 -1
  527. package/{utils-4979f950.js → utils-6f2bb331.js} +1 -1
  528. package/{utils-4979f950.js.map → utils-6f2bb331.js.map} +1 -1
  529. package/{utils-fbc09760.js → utils-af761f03.js} +2 -2
  530. package/{utils-fbc09760.js.map → utils-af761f03.js.map} +1 -1
  531. package/{uuid-720c99c0.js → uuid-1f1bbd9c.js} +1 -1
  532. package/{uuid-720c99c0.js.map → uuid-1f1bbd9c.js.map} +1 -1
  533. package/withSendbird.js +1 -1
  534. package/ChannelProvider-42ea1a96.js.map +0 -1
  535. package/MediaQueryContext-0e0b3a1b.js.map +0 -1
  536. package/MemberList-28589b39.js.map +0 -1
  537. package/_rollupPluginBabelHelpers-ce69e916.js.map +0 -1
  538. package/cjs/ChannelProvider-b6890429.js.map +0 -1
  539. package/cjs/MediaQueryContext-de7c63bc.js.map +0 -1
  540. package/cjs/MemberList-593809cb.js.map +0 -1
  541. package/cjs/_rollupPluginBabelHelpers-919a4db3.js.map +0 -1
  542. package/cjs/index-1a223893.js.map +0 -1
  543. package/cjs/index-81aad270.js.map +0 -1
  544. package/cjs/index-bca3d144.js.map +0 -1
  545. package/cjs/index-f5399132.js.map +0 -1
  546. package/index-bf72ef7c.js.map +0 -1
  547. package/index-edfb3327.js.map +0 -1
  548. package/index-fd51c7d1.js.map +0 -1
  549. package/index-fd95258e.js.map +0 -1
@@ -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-44186883.js');
6
+ var ui_Label = require('../index-72e412f7.js');
7
7
  require('prop-types');
8
- require('../stringSet-d1cee26a.js');
8
+ require('../stringSet-4f30313f.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
@@ -2,14 +2,14 @@
2
2
 
3
3
  var React = require('react');
4
4
  var ui_Icon = require('./Icon.js');
5
- var ui_Label = require('../index-44186883.js');
5
+ var ui_Label = require('../index-72e412f7.js');
6
6
  var ui_ImageRenderer = require('./ImageRenderer.js');
7
- var LocalizationContext = require('../LocalizationContext-461a0816.js');
8
- var index = require('../index-bca3d144.js');
7
+ var LocalizationContext = require('../LocalizationContext-b42fa07d.js');
8
+ var index = require('../index-0b8a1074.js');
9
9
  require('prop-types');
10
- require('../stringSet-d1cee26a.js');
11
- require('../index-5e6194f8.js');
12
- require('../_rollupPluginBabelHelpers-919a4db3.js');
10
+ require('../stringSet-4f30313f.js');
11
+ require('../index-97005534.js');
12
+ require('../_rollupPluginBabelHelpers-3a9d1641.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 }; }
@@ -1,16 +1,16 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var index = require('../index-bca3d144.js');
4
+ var index = require('../index-0b8a1074.js');
5
5
  var ui_Icon = require('./Icon.js');
6
- var ui_Label = require('../index-44186883.js');
7
- var LocalizationContext = require('../LocalizationContext-461a0816.js');
6
+ var ui_Label = require('../index-72e412f7.js');
7
+ var LocalizationContext = require('../LocalizationContext-b42fa07d.js');
8
8
  var ui_ImageRenderer = require('./ImageRenderer.js');
9
- require('../_rollupPluginBabelHelpers-919a4db3.js');
9
+ require('../_rollupPluginBabelHelpers-3a9d1641.js');
10
10
  require('../utils/message/getOutgoingMessageState.js');
11
11
  require('prop-types');
12
- require('../stringSet-d1cee26a.js');
13
- require('../index-5e6194f8.js');
12
+ require('../stringSet-4f30313f.js');
13
+ require('../index-97005534.js');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
16
 
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var ui_Label = require('../index-44186883.js');
4
+ var ui_Label = require('../index-72e412f7.js');
5
5
  require('prop-types');
6
- require('../stringSet-d1cee26a.js');
6
+ require('../stringSet-4f30313f.js');
7
7
 
8
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
9
 
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-919a4db3.js');
3
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-3a9d1641.js');
4
4
  var React = require('react');
5
- var useLongPress = require('../useLongPress-4c2e9a3b.js');
6
- var utils = require('../utils-3dacb9bc.js');
7
- require('../MediaQueryContext-de7c63bc.js');
5
+ var useLongPress = require('../useLongPress-bf1e8eee.js');
6
+ var utils = require('../utils-146517a9.js');
7
+ require('../MediaQueryContext-372b55a6.js');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
@@ -16,6 +16,7 @@ const ReactionButton = /*#__PURE__*/React__default["default"].forwardRef((props,
16
16
  width,
17
17
  height,
18
18
  selected,
19
+ dataSbId = '',
19
20
  onClick,
20
21
  children
21
22
  } = props;
@@ -35,7 +36,8 @@ const ReactionButton = /*#__PURE__*/React__default["default"].forwardRef((props,
35
36
  height
36
37
  }
37
38
  }, onClickHandler, {
38
- tabIndex: 0
39
+ tabIndex: 0,
40
+ "data-sb-id": dataSbId
39
41
  }), /*#__PURE__*/React__default["default"].createElement("div", {
40
42
  className: "sendbird-reaction-button__inner"
41
43
  }, children));
@@ -1 +1 @@
1
- {"version":3,"file":"ReactionButton.js","sources":["../../../src/ui/ReactionButton/index.tsx"],"sourcesContent":["import React, {\n ForwardedRef,\n KeyboardEvent,\n MouseEvent,\n ReactElement,\n TouchEvent,\n} from 'react';\n\nimport './index.scss';\nimport useLongPress from '../../hooks/useLongPress';\nimport { noop } from '../../utils/utils';\n\nexport interface ReactionButtonProps {\n children: ReactElement;\n className?: string | Array<string>;\n width?: string | number;\n height?: string | number;\n selected?: boolean;\n onClick?: (\n e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n ) => void;\n}\n\nconst ReactionButton = React.forwardRef((props: ReactionButtonProps, ref: ForwardedRef<HTMLDivElement>) => {\n const {\n className,\n width,\n height,\n selected,\n onClick,\n children,\n } = props;\n\n const onClickHandler = useLongPress({\n onLongPress: noop,\n onClick,\n }, {\n shouldPreventDefault: true,\n shouldStopPropagation: true,\n });\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n `sendbird-reaction-button${selected ? '--selected' : ''}`,\n ].join(' ')}\n ref={ref}\n role=\"button\"\n style={{ width, height }}\n {...onClickHandler}\n tabIndex={0}\n >\n <div className=\"sendbird-reaction-button__inner\">\n {children}\n </div>\n </div>\n );\n});\n\nexport default ReactionButton;\n"],"names":["ReactionButton","React","forwardRef","props","ref","className","width","height","selected","onClick","children","onClickHandler","useLongPress","onLongPress","noop","shouldPreventDefault","shouldStopPropagation","createElement","_extends","Array","isArray","join","role","style","tabIndex"],"mappings":";;;;;;;;;;;;AAuBMA,MAAAA,cAAc,gBAAGC,yBAAK,CAACC,UAAU,CAAC,CAACC,KAA0B,EAAEC,GAAiC,KAAK;EACzG,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,OAAO;AACPC,IAAAA,QAAAA;AACF,GAAC,GAAGP,KAAK,CAAA;EAET,MAAMQ,cAAc,GAAGC,yBAAY,CAAC;AAClCC,IAAAA,WAAW,EAAEC,UAAI;AACjBL,IAAAA,OAAAA;AACF,GAAC,EAAE;AACDM,IAAAA,oBAAoB,EAAE,IAAI;AAC1BC,IAAAA,qBAAqB,EAAE,IAAA;AACzB,GAAC,CAAC,CAAA;AAEF,EAAA,oBACEf,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAAC,kCAAA,CAAA;AACEb,IAAAA,SAAS,EAAE,CACT,IAAIc,KAAK,CAACC,OAAO,CAACf,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACtD,CAAA,wBAAA,EAA0BG,QAAQ,GAAG,YAAY,GAAG,EAAG,CAAA,CAAC,CAC1D,CAACa,IAAI,CAAC,GAAG,CAAE;AACZjB,IAAAA,GAAG,EAAEA,GAAI;AACTkB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,KAAK,EAAE;MAAEjB,KAAK;AAAEC,MAAAA,MAAAA;AAAO,KAAA;AAAE,GAAA,EACrBI,cAAc,EAAA;AAClBa,IAAAA,QAAQ,EAAE,CAAA;GAEVvB,CAAAA,eAAAA,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKZ,IAAAA,SAAS,EAAC,iCAAA;GACZK,EAAAA,QAAQ,CACL,CACF,CAAA;AAEV,CAAC;;;;"}
1
+ {"version":3,"file":"ReactionButton.js","sources":["../../../src/ui/ReactionButton/index.tsx"],"sourcesContent":["import React, {\n ForwardedRef,\n KeyboardEvent,\n MouseEvent,\n ReactElement,\n TouchEvent,\n} from 'react';\n\nimport './index.scss';\nimport useLongPress from '../../hooks/useLongPress';\nimport { noop } from '../../utils/utils';\n\nexport interface ReactionButtonProps {\n children: ReactElement;\n className?: string | Array<string>;\n width?: string | number;\n height?: string | number;\n selected?: boolean;\n dataSbId?: string;\n onClick?: (\n e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n ) => void;\n}\n\nconst ReactionButton = React.forwardRef((props: ReactionButtonProps, ref: ForwardedRef<HTMLDivElement>) => {\n const {\n className,\n width,\n height,\n selected,\n dataSbId = '',\n onClick,\n children,\n } = props;\n\n const onClickHandler = useLongPress({\n onLongPress: noop,\n onClick,\n }, {\n shouldPreventDefault: true,\n shouldStopPropagation: true,\n });\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n `sendbird-reaction-button${selected ? '--selected' : ''}`,\n ].join(' ')}\n ref={ref}\n role=\"button\"\n style={{ width, height }}\n {...onClickHandler}\n tabIndex={0}\n data-sb-id={dataSbId}\n >\n <div className=\"sendbird-reaction-button__inner\">\n {children}\n </div>\n </div>\n );\n});\n\nexport default ReactionButton;\n"],"names":["ReactionButton","React","forwardRef","props","ref","className","width","height","selected","dataSbId","onClick","children","onClickHandler","useLongPress","onLongPress","noop","shouldPreventDefault","shouldStopPropagation","createElement","_extends","Array","isArray","join","role","style","tabIndex"],"mappings":";;;;;;;;;;;;AAwBMA,MAAAA,cAAc,gBAAGC,yBAAK,CAACC,UAAU,CAAC,CAACC,KAA0B,EAAEC,GAAiC,KAAK;EACzG,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,MAAM;IACNC,QAAQ;AACRC,IAAAA,QAAQ,GAAG,EAAE;IACbC,OAAO;AACPC,IAAAA,QAAAA;AACF,GAAC,GAAGR,KAAK,CAAA;EAET,MAAMS,cAAc,GAAGC,yBAAY,CAAC;AAClCC,IAAAA,WAAW,EAAEC,UAAI;AACjBL,IAAAA,OAAAA;AACF,GAAC,EAAE;AACDM,IAAAA,oBAAoB,EAAE,IAAI;AAC1BC,IAAAA,qBAAqB,EAAE,IAAA;AACzB,GAAC,CAAC,CAAA;AAEF,EAAA,oBACEhB,yBAAA,CAAAiB,aAAA,CAAA,KAAA,EAAAC,kCAAA,CAAA;AACEd,IAAAA,SAAS,EAAE,CACT,IAAIe,KAAK,CAACC,OAAO,CAAChB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACtD,CAAA,wBAAA,EAA0BG,QAAQ,GAAG,YAAY,GAAG,EAAG,CAAA,CAAC,CAC1D,CAACc,IAAI,CAAC,GAAG,CAAE;AACZlB,IAAAA,GAAG,EAAEA,GAAI;AACTmB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,KAAK,EAAE;MAAElB,KAAK;AAAEC,MAAAA,MAAAA;AAAO,KAAA;AAAE,GAAA,EACrBK,cAAc,EAAA;AAClBa,IAAAA,QAAQ,EAAE,CAAE;IACZ,YAAYhB,EAAAA,QAAAA;GAEZR,CAAAA,eAAAA,yBAAA,CAAAiB,aAAA,CAAA,KAAA,EAAA;AAAKb,IAAAA,SAAS,EAAC,iCAAA;GACZM,EAAAA,QAAQ,CACL,CACF,CAAA;AAEV,CAAC;;;;"}
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var uuid = require('../uuid-d86ea01f.js');
4
+ var uuid = require('../uuid-5ab4f88b.js');
5
5
 
6
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
7
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var color = require('../color-48ff06b2.js');
4
+ var color = require('../color-a4e73e6f.js');
5
5
 
6
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
7
 
@@ -1,29 +1,29 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var ui_Label = require('../index-44186883.js');
5
- var index = require('../index-bca3d144.js');
6
- var LocalizationContext = require('../LocalizationContext-461a0816.js');
7
- var tokenize = require('../tokenize-d3bb1637.js');
8
- var index$1 = require('../index-f4682499.js');
9
- var consts = require('../consts-2580246d.js');
4
+ var ui_Label = require('../index-72e412f7.js');
5
+ var index = require('../index-0b8a1074.js');
6
+ var LocalizationContext = require('../LocalizationContext-b42fa07d.js');
7
+ var tokenize = require('../tokenize-e944d548.js');
8
+ var index$1 = require('../index-1c18afa8.js');
9
+ var consts = require('../consts-ad8ba629.js');
10
10
  require('prop-types');
11
- require('../stringSet-d1cee26a.js');
12
- require('../_rollupPluginBabelHelpers-919a4db3.js');
11
+ require('../stringSet-4f30313f.js');
12
+ require('../_rollupPluginBabelHelpers-3a9d1641.js');
13
13
  require('../utils/message/getOutgoingMessageState.js');
14
- require('../index-5e6194f8.js');
15
- require('../index.module-10ef9afc.js');
14
+ require('../index-97005534.js');
15
+ require('../index.module-d2876b1c.js');
16
16
  require('../Message/context.js');
17
17
  require('./MentionLabel.js');
18
18
  require('./ContextMenu.js');
19
19
  require('react-dom');
20
20
  require('./SortByRow.js');
21
- require('../uuid-d86ea01f.js');
21
+ require('../uuid-5ab4f88b.js');
22
22
  require('./UserProfile.js');
23
- require('../UserProfileContext-1bcc48a2.js');
23
+ require('../UserProfileContext-c87514d3.js');
24
24
  require('../sendbirdSelectors.js');
25
- require('../topics-00c67dd6.js');
26
- require('../utils-3dacb9bc.js');
25
+ require('../topics-3226c6ee.js');
26
+ require('../utils-146517a9.js');
27
27
  require('./Avatar.js');
28
28
  require('./ImageRenderer.js');
29
29
  require('./Icon.js');
@@ -3,13 +3,13 @@
3
3
  var React = require('react');
4
4
  var ui_Avatar = require('./Avatar.js');
5
5
  var ui_Icon = require('./Icon.js');
6
- var ui_Label = require('../index-44186883.js');
7
- var LocalizationContext = require('../LocalizationContext-461a0816.js');
8
- var uuid = require('../uuid-d86ea01f.js');
6
+ var ui_Label = require('../index-72e412f7.js');
7
+ var LocalizationContext = require('../LocalizationContext-b42fa07d.js');
8
+ var uuid = require('../uuid-5ab4f88b.js');
9
9
  require('./ImageRenderer.js');
10
10
  require('prop-types');
11
- require('../stringSet-d1cee26a.js');
12
- require('../index-5e6194f8.js');
11
+ require('../stringSet-4f30313f.js');
12
+ require('../index-97005534.js');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
15
 
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-919a4db3.js');
3
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-3a9d1641.js');
4
4
  var React = require('react');
5
5
  var ui_Icon = require('./Icon.js');
6
6
  var ui_ImageRenderer = require('./ImageRenderer.js');
7
- var index = require('../index-bca3d144.js');
8
- var utils = require('../utils-3dacb9bc.js');
9
- var useLongPress = require('../useLongPress-4c2e9a3b.js');
7
+ var index = require('../index-0b8a1074.js');
8
+ var utils = require('../utils-146517a9.js');
9
+ var useLongPress = require('../useLongPress-bf1e8eee.js');
10
10
  require('prop-types');
11
11
  require('../utils/message/getOutgoingMessageState.js');
12
- require('../MediaQueryContext-de7c63bc.js');
12
+ require('../MediaQueryContext-372b55a6.js');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
15
 
package/cjs/ui/Toggle.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-919a4db3.js');
6
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-3a9d1641.js');
7
7
  var useSendbirdStateContext = require('../useSendbirdStateContext.js');
8
8
  require('../withSendbird.js');
9
9
 
package/cjs/ui/Tooltip.js CHANGED
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var ui_Label = require('../index-44186883.js');
4
+ var ui_Label = require('../index-72e412f7.js');
5
5
  require('prop-types');
6
- require('../stringSet-d1cee26a.js');
6
+ require('../stringSet-4f30313f.js');
7
7
 
8
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
9
 
@@ -1,14 +1,14 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var ui_Label = require('../index-44186883.js');
5
- var index = require('../index-bca3d144.js');
6
- var LocalizationContext = require('../LocalizationContext-461a0816.js');
4
+ var ui_Label = require('../index-72e412f7.js');
5
+ var index = require('../index-0b8a1074.js');
6
+ var LocalizationContext = require('../LocalizationContext-b42fa07d.js');
7
7
  require('prop-types');
8
- require('../stringSet-d1cee26a.js');
9
- require('../_rollupPluginBabelHelpers-919a4db3.js');
8
+ require('../stringSet-4f30313f.js');
9
+ require('../_rollupPluginBabelHelpers-3a9d1641.js');
10
10
  require('../utils/message/getOutgoingMessageState.js');
11
- require('../index-5e6194f8.js');
11
+ require('../index-97005534.js');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
14
 
@@ -1,30 +1,30 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var UserProfileContext = require('../UserProfileContext-1bcc48a2.js');
5
- var LocalizationContext = require('../LocalizationContext-461a0816.js');
4
+ var UserProfileContext = require('../UserProfileContext-c87514d3.js');
5
+ var LocalizationContext = require('../LocalizationContext-b42fa07d.js');
6
6
  var ui_Avatar = require('./Avatar.js');
7
7
  var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
8
8
  var ui_Checkbox = require('./Checkbox.js');
9
9
  var ui_UserProfile = require('./UserProfile.js');
10
10
  var ui_ContextMenu = require('./ContextMenu.js');
11
- var ui_Label = require('../index-44186883.js');
11
+ var ui_Label = require('../index-72e412f7.js');
12
12
  require('prop-types');
13
- require('../stringSet-d1cee26a.js');
14
- require('../index-5e6194f8.js');
13
+ require('../stringSet-4f30313f.js');
14
+ require('../index-97005534.js');
15
15
  require('./ImageRenderer.js');
16
16
  require('./Icon.js');
17
- require('../uuid-d86ea01f.js');
17
+ require('../uuid-5ab4f88b.js');
18
18
  require('../sendbirdSelectors.js');
19
- require('../_rollupPluginBabelHelpers-919a4db3.js');
20
- require('../topics-00c67dd6.js');
21
- require('../utils-3dacb9bc.js');
19
+ require('../_rollupPluginBabelHelpers-3a9d1641.js');
20
+ require('../topics-3226c6ee.js');
21
+ require('../utils-146517a9.js');
22
22
  require('./Button.js');
23
23
  require('../useSendbirdStateContext.js');
24
24
  require('../withSendbird.js');
25
25
  require('react-dom');
26
26
  require('./SortByRow.js');
27
- require('../index-bca3d144.js');
27
+ require('../index-0b8a1074.js');
28
28
  require('../utils/message/getOutgoingMessageState.js');
29
29
 
30
30
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,22 +1,22 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var LocalizationContext = require('../LocalizationContext-461a0816.js');
5
- var UserProfileContext = require('../UserProfileContext-1bcc48a2.js');
4
+ var LocalizationContext = require('../LocalizationContext-b42fa07d.js');
5
+ var UserProfileContext = require('../UserProfileContext-c87514d3.js');
6
6
  var sendbirdSelectors = require('../sendbirdSelectors.js');
7
7
  var ui_Avatar = require('./Avatar.js');
8
- var ui_Label = require('../index-44186883.js');
8
+ var ui_Label = require('../index-72e412f7.js');
9
9
  var ui_Button = require('./Button.js');
10
10
  var useSendbirdStateContext = require('../useSendbirdStateContext.js');
11
- require('../stringSet-d1cee26a.js');
12
- require('../index-5e6194f8.js');
11
+ require('../stringSet-4f30313f.js');
12
+ require('../index-97005534.js');
13
13
  require('prop-types');
14
- require('../_rollupPluginBabelHelpers-919a4db3.js');
15
- require('../topics-00c67dd6.js');
16
- require('../utils-3dacb9bc.js');
14
+ require('../_rollupPluginBabelHelpers-3a9d1641.js');
15
+ require('../topics-3226c6ee.js');
16
+ require('../utils-146517a9.js');
17
17
  require('./ImageRenderer.js');
18
18
  require('./Icon.js');
19
- require('../uuid-d86ea01f.js');
19
+ require('../uuid-5ab4f88b.js');
20
20
  require('../withSendbird.js');
21
21
 
22
22
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8,15 +8,15 @@ var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
8
8
  var ui_PlaybackTime = require('./PlaybackTime.js');
9
9
  var ui_Loader = require('./Loader.js');
10
10
  var ui_Icon = require('./Icon.js');
11
- var ui_Label = require('../index-44186883.js');
12
- var VoicePlayer_context = require('../index-6a46ed00.js');
13
- require('../consts-6f02fcc4.js');
11
+ var ui_Label = require('../index-72e412f7.js');
12
+ var VoicePlayer_context = require('../index-cb1d7ac4.js');
13
+ require('../consts-f71467c8.js');
14
14
  require('../VoiceRecorder/context.js');
15
15
  require('../useSendbirdStateContext.js');
16
16
  require('../withSendbird.js');
17
- require('../_rollupPluginBabelHelpers-919a4db3.js');
17
+ require('../_rollupPluginBabelHelpers-3a9d1641.js');
18
18
  require('prop-types');
19
- require('../stringSet-d1cee26a.js');
19
+ require('../stringSet-4f30313f.js');
20
20
 
21
21
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
22
 
@@ -7,14 +7,14 @@ require('./PlaybackTime.js');
7
7
  require('./ProgressBar.js');
8
8
  require('./TextButton.js');
9
9
  require('./Icon.js');
10
- require('../index-44186883.js');
11
- require('../LocalizationContext-461a0816.js');
12
- var ui_VoiceMessgeInput = require('../index-0126dbb4.js');
13
- require('../consts-6f02fcc4.js');
10
+ require('../index-72e412f7.js');
11
+ require('../LocalizationContext-b42fa07d.js');
12
+ var ui_VoiceMessgeInput = require('../index-9b23b5c2.js');
13
+ require('../consts-f71467c8.js');
14
14
  require('prop-types');
15
- require('../stringSet-d1cee26a.js');
16
- require('../color-48ff06b2.js');
17
- require('../index-5e6194f8.js');
15
+ require('../stringSet-4f30313f.js');
16
+ require('../color-a4e73e6f.js');
17
+ require('../index-97005534.js');
18
18
 
19
19
 
20
20
 
package/cjs/ui/Word.js CHANGED
@@ -1,25 +1,25 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var ui_Label = require('../index-44186883.js');
4
+ var ui_Label = require('../index-72e412f7.js');
5
5
  var ui_LinkLabel = require('./LinkLabel.js');
6
- var uuid = require('../uuid-d86ea01f.js');
7
- var index = require('../index-bca3d144.js');
6
+ var uuid = require('../uuid-5ab4f88b.js');
7
+ var index = require('../index-0b8a1074.js');
8
8
  var ui_MentionLabel = require('./MentionLabel.js');
9
9
  require('prop-types');
10
- require('../stringSet-d1cee26a.js');
11
- require('../_rollupPluginBabelHelpers-919a4db3.js');
10
+ require('../stringSet-4f30313f.js');
11
+ require('../_rollupPluginBabelHelpers-3a9d1641.js');
12
12
  require('../utils/message/getOutgoingMessageState.js');
13
13
  require('./ContextMenu.js');
14
14
  require('react-dom');
15
15
  require('./SortByRow.js');
16
16
  require('./UserProfile.js');
17
- require('../LocalizationContext-461a0816.js');
18
- require('../index-5e6194f8.js');
19
- require('../UserProfileContext-1bcc48a2.js');
17
+ require('../LocalizationContext-b42fa07d.js');
18
+ require('../index-97005534.js');
19
+ require('../UserProfileContext-c87514d3.js');
20
20
  require('../sendbirdSelectors.js');
21
- require('../topics-00c67dd6.js');
22
- require('../utils-3dacb9bc.js');
21
+ require('../topics-3226c6ee.js');
22
+ require('../utils-146517a9.js');
23
23
  require('./Avatar.js');
24
24
  require('./ImageRenderer.js');
25
25
  require('./Icon.js');
@@ -74,4 +74,4 @@ function useDirtyGetMentions(_ref, _ref2) {
74
74
  }
75
75
 
76
76
  exports.useDirtyGetMentions = useDirtyGetMentions;
77
- //# sourceMappingURL=useDirtyGetMentions-7b6c8a19.js.map
77
+ //# sourceMappingURL=useDirtyGetMentions-97c6e05a.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDirtyGetMentions-7b6c8a19.js","sources":["../../src/modules/Message/utils/getMentionNodes.ts","../../src/modules/Message/hooks/useDirtyGetMentions.ts"],"sourcesContent":["export function getMentionNodes(root: HTMLElement): Element[] {\n if (root) {\n const mentions = root.querySelectorAll(\"[data-sb-mention='true']\");\n const mentionsArray = Array.from(mentions);\n return mentionsArray;\n }\n return [];\n}\n","import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Logger } from '../../../lib/SendbirdState';\nimport { getMentionNodes } from '../utils/getMentionNodes';\n\ninterface DynamicParams {\n ref: React.RefObject<HTMLElement>;\n}\n\ninterface StaticParams {\n logger: Logger;\n}\n\n/**\n * This is a dirty way to get the mentions given DOM node\n */\nexport function useDirtyGetMentions({\n ref,\n}: DynamicParams, {\n logger,\n}: StaticParams) {\n // Select the node that will be observed for mutations\n const targetNode = ref.current as HTMLElement;\n const [mentionNodes, setMentionNodes] = useState<Element[]>([]);\n\n // to get the initial mentions\n useLayoutEffect(() => {\n if (targetNode) {\n const mentions = getMentionNodes(targetNode);\n setMentionNodes(mentions);\n }\n }, [targetNode]);\n\n useEffect(() => {\n // Options for the observer (which mutations to observe)\n const config = { childList: true, subtree: true };\n\n // Callback function to execute when mutations are observed\n const callback = (mutationList: MutationRecord[]): void => {\n const hasMutation = mutationList.length > 0;\n if (hasMutation) {\n setMentionNodes(getMentionNodes(targetNode));\n }\n };\n\n // Create an observer instance linked to the callback function\n const observer = new MutationObserver(callback);\n\n if (targetNode) {\n // Start observing the target node for configured mutations\n observer.observe(targetNode, config);\n logger.info('useDirtyGetMentions: observer started', { observer, config });\n }\n\n return () => {\n try {\n observer.disconnect();\n logger.info('useDirtyGetMentions: observer disconnected', { observer });\n } catch (error) {\n logger.error('useDirtyGetMentions: observer disconnect failed', { observer });\n }\n };\n }, [targetNode]);\n return mentionNodes;\n}\n"],"names":["getMentionNodes","root","mentions","querySelectorAll","mentionsArray","Array","from","useDirtyGetMentions","_ref","_ref2","ref","logger","targetNode","current","mentionNodes","setMentionNodes","useState","useLayoutEffect","useEffect","config","childList","subtree","callback","mutationList","hasMutation","length","observer","MutationObserver","observe","info","disconnect","error"],"mappings":";;;;AAAO,SAASA,eAAeA,CAACC,IAAiB,EAAa;AAC5D,EAAA,IAAIA,IAAI,EAAE;AACR,IAAA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,0BAA0B,CAAC,CAAA;AAClE,IAAA,MAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAAA;AAC1C,IAAA,OAAOE,aAAa,CAAA;AACtB,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX;;ACMA;AACA;AACA;AACO,SAASG,mBAAmBA,CAAAC,IAAA,EAAAC,KAAA,EAIlB;EAAA,IAJmB;AAClCC,IAAAA,GAAAA;AACa,GAAC,GAAAF,IAAA,CAAA;EAAA,IAAE;AAChBG,IAAAA,MAAAA;AACY,GAAC,GAAAF,KAAA,CAAA;AACb;AACA,EAAA,MAAMG,UAAU,GAAGF,GAAG,CAACG,OAAsB,CAAA;EAC7C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAAY,EAAE,CAAC,CAAA;;AAE/D;AACAC,EAAAA,qBAAe,CAAC,MAAM;AACpB,IAAA,IAAIL,UAAU,EAAE;AACd,MAAA,MAAMV,QAAQ,GAAGF,eAAe,CAACY,UAAU,CAAC,CAAA;MAC5CG,eAAe,CAACb,QAAQ,CAAC,CAAA;AAC3B,KAAA;AACF,GAAC,EAAE,CAACU,UAAU,CAAC,CAAC,CAAA;AAEhBM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,MAAMC,MAAM,GAAG;AAAEC,MAAAA,SAAS,EAAE,IAAI;AAAEC,MAAAA,OAAO,EAAE,IAAA;KAAM,CAAA;;AAEjD;IACA,MAAMC,QAAQ,GAAIC,YAA8B,IAAW;AACzD,MAAA,MAAMC,WAAW,GAAGD,YAAY,CAACE,MAAM,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAID,WAAW,EAAE;AACfT,QAAAA,eAAe,CAACf,eAAe,CAACY,UAAU,CAAC,CAAC,CAAA;AAC9C,OAAA;KACD,CAAA;;AAED;AACA,IAAA,MAAMc,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIV,UAAU,EAAE;AACd;AACAc,MAAAA,QAAQ,CAACE,OAAO,CAAChB,UAAU,EAAEO,MAAM,CAAC,CAAA;AACpCR,MAAAA,MAAM,CAACkB,IAAI,CAAC,uCAAuC,EAAE;QAAEH,QAAQ;AAAEP,QAAAA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAC5E,KAAA;AAEA,IAAA,OAAO,MAAM;MACX,IAAI;QACFO,QAAQ,CAACI,UAAU,EAAE,CAAA;AACrBnB,QAAAA,MAAM,CAACkB,IAAI,CAAC,4CAA4C,EAAE;AAAEH,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;OACxE,CAAC,OAAOK,KAAK,EAAE;AACdpB,QAAAA,MAAM,CAACoB,KAAK,CAAC,iDAAiD,EAAE;AAAEL,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;AAC/E,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAACd,UAAU,CAAC,CAAC,CAAA;AAChB,EAAA,OAAOE,YAAY,CAAA;AACrB;;;;"}
1
+ {"version":3,"file":"useDirtyGetMentions-97c6e05a.js","sources":["../../src/modules/Message/utils/getMentionNodes.ts","../../src/modules/Message/hooks/useDirtyGetMentions.ts"],"sourcesContent":["export function getMentionNodes(root: HTMLElement): Element[] {\n if (root) {\n const mentions = root.querySelectorAll(\"[data-sb-mention='true']\");\n const mentionsArray = Array.from(mentions);\n return mentionsArray;\n }\n return [];\n}\n","import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Logger } from '../../../lib/SendbirdState';\nimport { getMentionNodes } from '../utils/getMentionNodes';\n\ninterface DynamicParams {\n ref: React.RefObject<HTMLElement>;\n}\n\ninterface StaticParams {\n logger: Logger;\n}\n\n/**\n * This is a dirty way to get the mentions given DOM node\n */\nexport function useDirtyGetMentions({\n ref,\n}: DynamicParams, {\n logger,\n}: StaticParams) {\n // Select the node that will be observed for mutations\n const targetNode = ref.current as HTMLElement;\n const [mentionNodes, setMentionNodes] = useState<Element[]>([]);\n\n // to get the initial mentions\n useLayoutEffect(() => {\n if (targetNode) {\n const mentions = getMentionNodes(targetNode);\n setMentionNodes(mentions);\n }\n }, [targetNode]);\n\n useEffect(() => {\n // Options for the observer (which mutations to observe)\n const config = { childList: true, subtree: true };\n\n // Callback function to execute when mutations are observed\n const callback = (mutationList: MutationRecord[]): void => {\n const hasMutation = mutationList.length > 0;\n if (hasMutation) {\n setMentionNodes(getMentionNodes(targetNode));\n }\n };\n\n // Create an observer instance linked to the callback function\n const observer = new MutationObserver(callback);\n\n if (targetNode) {\n // Start observing the target node for configured mutations\n observer.observe(targetNode, config);\n logger.info('useDirtyGetMentions: observer started', { observer, config });\n }\n\n return () => {\n try {\n observer.disconnect();\n logger.info('useDirtyGetMentions: observer disconnected', { observer });\n } catch (error) {\n logger.error('useDirtyGetMentions: observer disconnect failed', { observer });\n }\n };\n }, [targetNode]);\n return mentionNodes;\n}\n"],"names":["getMentionNodes","root","mentions","querySelectorAll","mentionsArray","Array","from","useDirtyGetMentions","_ref","_ref2","ref","logger","targetNode","current","mentionNodes","setMentionNodes","useState","useLayoutEffect","useEffect","config","childList","subtree","callback","mutationList","hasMutation","length","observer","MutationObserver","observe","info","disconnect","error"],"mappings":";;;;AAAO,SAASA,eAAeA,CAACC,IAAiB,EAAa;AAC5D,EAAA,IAAIA,IAAI,EAAE;AACR,IAAA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,0BAA0B,CAAC,CAAA;AAClE,IAAA,MAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAAA;AAC1C,IAAA,OAAOE,aAAa,CAAA;AACtB,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX;;ACMA;AACA;AACA;AACO,SAASG,mBAAmBA,CAAAC,IAAA,EAAAC,KAAA,EAIlB;EAAA,IAJmB;AAClCC,IAAAA,GAAAA;AACa,GAAC,GAAAF,IAAA,CAAA;EAAA,IAAE;AAChBG,IAAAA,MAAAA;AACY,GAAC,GAAAF,KAAA,CAAA;AACb;AACA,EAAA,MAAMG,UAAU,GAAGF,GAAG,CAACG,OAAsB,CAAA;EAC7C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAAY,EAAE,CAAC,CAAA;;AAE/D;AACAC,EAAAA,qBAAe,CAAC,MAAM;AACpB,IAAA,IAAIL,UAAU,EAAE;AACd,MAAA,MAAMV,QAAQ,GAAGF,eAAe,CAACY,UAAU,CAAC,CAAA;MAC5CG,eAAe,CAACb,QAAQ,CAAC,CAAA;AAC3B,KAAA;AACF,GAAC,EAAE,CAACU,UAAU,CAAC,CAAC,CAAA;AAEhBM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,MAAMC,MAAM,GAAG;AAAEC,MAAAA,SAAS,EAAE,IAAI;AAAEC,MAAAA,OAAO,EAAE,IAAA;KAAM,CAAA;;AAEjD;IACA,MAAMC,QAAQ,GAAIC,YAA8B,IAAW;AACzD,MAAA,MAAMC,WAAW,GAAGD,YAAY,CAACE,MAAM,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAID,WAAW,EAAE;AACfT,QAAAA,eAAe,CAACf,eAAe,CAACY,UAAU,CAAC,CAAC,CAAA;AAC9C,OAAA;KACD,CAAA;;AAED;AACA,IAAA,MAAMc,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIV,UAAU,EAAE;AACd;AACAc,MAAAA,QAAQ,CAACE,OAAO,CAAChB,UAAU,EAAEO,MAAM,CAAC,CAAA;AACpCR,MAAAA,MAAM,CAACkB,IAAI,CAAC,uCAAuC,EAAE;QAAEH,QAAQ;AAAEP,QAAAA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAC5E,KAAA;AAEA,IAAA,OAAO,MAAM;MACX,IAAI;QACFO,QAAQ,CAACI,UAAU,EAAE,CAAA;AACrBnB,QAAAA,MAAM,CAACkB,IAAI,CAAC,4CAA4C,EAAE;AAAEH,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;OACxE,CAAC,OAAOK,KAAK,EAAE;AACdpB,QAAAA,MAAM,CAACoB,KAAK,CAAC,iDAAiD,EAAE;AAAEL,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;AAC/E,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAACd,UAAU,CAAC,CAAC,CAAA;AAChB,EAAA,OAAOE,YAAY,CAAA;AACrB;;;;"}
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-919a4db3.js');
3
+ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-3a9d1641.js');
4
4
  var React = require('react');
5
- var MediaQueryContext = require('./MediaQueryContext-de7c63bc.js');
5
+ var MediaQueryContext = require('./MediaQueryContext-372b55a6.js');
6
6
 
7
7
  const DEFAULT_DURATION = 300;
8
8
  function preventDefault(e) {
@@ -84,4 +84,4 @@ function useLongPress(_ref) {
84
84
  }
85
85
 
86
86
  exports.useLongPress = useLongPress;
87
- //# sourceMappingURL=useLongPress-4c2e9a3b.js.map
87
+ //# sourceMappingURL=useLongPress-bf1e8eee.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useLongPress-4c2e9a3b.js","sources":["../../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n const Component = ({ onClick }) => {\n const onLongPress = useLongPress({\n onClick: onClick,\n onLongPress: () => {\n alert('longpress');\n }\n }, {\n delay: 500,\n shouldPreventDefault: true,\n });\n return (\n <button {...onLongPress}>\n hello\n </button>\n )\n }\n*/\nimport React, {\n useState,\n useRef,\n useCallback,\n} from 'react';\nimport {\n useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n if (!isTouchEvent(e)) {\n return;\n }\n\n if (e.touches.length < 2 && e.preventDefault) {\n e.preventDefault();\n }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n delay?: number;\n shouldPreventDefault?: boolean;\n shouldStopPropagation?: boolean;\n}\n\ninterface UseLongPressType<T> {\n onTouchMove: (e: React.TouchEvent<T>) => void;\n onMouseDown: (e: React.MouseEvent<T>) => void;\n onTouchStart: (e: React.TouchEvent<T>) => void;\n onMouseUp: (e: React.MouseEvent<T>) => void;\n onMouseLeave: (e: React.MouseEvent<T>) => void;\n onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T>({\n onLongPress,\n onClick,\n}: PressHandlers<T>, {\n delay = DEFAULT_DURATION,\n shouldPreventDefault = true,\n shouldStopPropagation = false,\n}: Options = {}): UseLongPressType<T> {\n const { isMobile } = useMediaQueryContext();\n const [longPressTriggered, setLongPressTriggered] = useState(false);\n const [dragTriggered, setDragTriggered] = useState(false);\n // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n const timeout = useRef<ReturnType<typeof setTimeout>>();\n const target = useRef<EventTarget>();\n\n const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n e.persist();\n const clonedEvent = {\n ...e,\n };\n setDragTriggered(false);\n if (shouldStopPropagation) {\n e.stopPropagation();\n }\n if (shouldPreventDefault && e.target) {\n e.target.addEventListener(\n 'touchend',\n preventDefault,\n {\n passive: false,\n },\n );\n target.current = e.target;\n }\n\n timeout.current = setTimeout(() => {\n onLongPress(clonedEvent);\n setLongPressTriggered(true);\n }, delay);\n }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isMobile]);\n\n const clear = useCallback((\n e: React.MouseEvent<T> | React.TouchEvent<T>,\n shouldTriggerClick = true,\n onDrag = false,\n ) => {\n if (onDrag) {\n setDragTriggered(true);\n } else {\n setDragTriggered(false);\n }\n if (timeout?.current) {\n clearTimeout(timeout.current);\n }\n if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n onClick?.(e);\n }\n setLongPressTriggered(false);\n if (shouldPreventDefault && target.current) {\n target.current.removeEventListener('touchend', preventDefault);\n }\n }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n return {\n onMouseDown: (e: React.MouseEvent<T>) => start(e),\n onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n onTouchStart: (e: React.TouchEvent<T>) => start(e),\n // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_ref","onLongPress","onClick","delay","shouldPreventDefault","shouldStopPropagation","arguments","undefined","isMobile","useMediaQueryContext","longPressTriggered","setLongPressTriggered","useState","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","_objectSpread","stopPropagation","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}
1
+ {"version":3,"file":"useLongPress-bf1e8eee.js","sources":["../../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n const Component = ({ onClick }) => {\n const onLongPress = useLongPress({\n onClick: onClick,\n onLongPress: () => {\n alert('longpress');\n }\n }, {\n delay: 500,\n shouldPreventDefault: true,\n });\n return (\n <button {...onLongPress}>\n hello\n </button>\n )\n }\n*/\nimport React, {\n useState,\n useRef,\n useCallback,\n} from 'react';\nimport {\n useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n if (!isTouchEvent(e)) {\n return;\n }\n\n if (e.touches.length < 2 && e.preventDefault) {\n e.preventDefault();\n }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n delay?: number;\n shouldPreventDefault?: boolean;\n shouldStopPropagation?: boolean;\n}\n\ninterface UseLongPressType<T> {\n onTouchMove: (e: React.TouchEvent<T>) => void;\n onMouseDown: (e: React.MouseEvent<T>) => void;\n onTouchStart: (e: React.TouchEvent<T>) => void;\n onMouseUp: (e: React.MouseEvent<T>) => void;\n onMouseLeave: (e: React.MouseEvent<T>) => void;\n onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T>({\n onLongPress,\n onClick,\n}: PressHandlers<T>, {\n delay = DEFAULT_DURATION,\n shouldPreventDefault = true,\n shouldStopPropagation = false,\n}: Options = {}): UseLongPressType<T> {\n const { isMobile } = useMediaQueryContext();\n const [longPressTriggered, setLongPressTriggered] = useState(false);\n const [dragTriggered, setDragTriggered] = useState(false);\n // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n const timeout = useRef<ReturnType<typeof setTimeout>>();\n const target = useRef<EventTarget>();\n\n const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n e.persist();\n const clonedEvent = {\n ...e,\n };\n setDragTriggered(false);\n if (shouldStopPropagation) {\n e.stopPropagation();\n }\n if (shouldPreventDefault && e.target) {\n e.target.addEventListener(\n 'touchend',\n preventDefault,\n {\n passive: false,\n },\n );\n target.current = e.target;\n }\n\n timeout.current = setTimeout(() => {\n onLongPress(clonedEvent);\n setLongPressTriggered(true);\n }, delay);\n }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isMobile]);\n\n const clear = useCallback((\n e: React.MouseEvent<T> | React.TouchEvent<T>,\n shouldTriggerClick = true,\n onDrag = false,\n ) => {\n if (onDrag) {\n setDragTriggered(true);\n } else {\n setDragTriggered(false);\n }\n if (timeout?.current) {\n clearTimeout(timeout.current);\n }\n if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n onClick?.(e);\n }\n setLongPressTriggered(false);\n if (shouldPreventDefault && target.current) {\n target.current.removeEventListener('touchend', preventDefault);\n }\n }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n return {\n onMouseDown: (e: React.MouseEvent<T>) => start(e),\n onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n onTouchStart: (e: React.TouchEvent<T>) => start(e),\n // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_ref","onLongPress","onClick","delay","shouldPreventDefault","shouldStopPropagation","arguments","undefined","isMobile","useMediaQueryContext","longPressTriggered","setLongPressTriggered","useState","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","_objectSpread","stopPropagation","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  var React = require('react');
4
4
  var withSendbird = require('./withSendbird.js');
5
- require('./_rollupPluginBabelHelpers-919a4db3.js');
5
+ require('./_rollupPluginBabelHelpers-3a9d1641.js');
6
6
 
7
7
  /**
8
8
  * Example:
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var index = require('../../index-bca3d144.js');
6
- require('../../_rollupPluginBabelHelpers-919a4db3.js');
5
+ var index = require('../../index-0b8a1074.js');
6
+ require('../../_rollupPluginBabelHelpers-3a9d1641.js');
7
7
  require('./getOutgoingMessageState.js');
8
8
 
9
9
  const isVoiceMessage = index.isVoiceMessage;
@@ -3,4 +3,4 @@
3
3
  const noop = () => {};
4
4
 
5
5
  exports.noop = noop;
6
- //# sourceMappingURL=utils-3dacb9bc.js.map
6
+ //# sourceMappingURL=utils-146517a9.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils-3dacb9bc.js","sources":["../../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n message.sender && (\n message.sender.friendName\n || message.sender.nickname\n || message.sender.userId\n )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n getSenderName,\n getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":";;MAAaA,IAAI,GAAGA,MAAM;;;;"}
1
+ {"version":3,"file":"utils-146517a9.js","sources":["../../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n message.sender && (\n message.sender.friendName\n || message.sender.nickname\n || message.sender.userId\n )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n getSenderName,\n getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":";;MAAaA,IAAI,GAAGA,MAAM;;;;"}
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ui_Label = require('./index-44186883.js');
3
+ var ui_Label = require('./index-72e412f7.js');
4
4
 
5
5
  const getChannelTitle = (channel, currentUserId, stringSet) => {
6
6
  var _channel$members;
@@ -28,4 +28,4 @@ const getChannelTitle = (channel, currentUserId, stringSet) => {
28
28
  };
29
29
 
30
30
  exports.getChannelTitle = getChannelTitle;
31
- //# sourceMappingURL=utils-f1c09ec3.js.map
31
+ //# sourceMappingURL=utils-411a893e.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils-f1c09ec3.js","sources":["../../src/modules/Channel/components/ChannelHeader/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n channel: GroupChannel,\n currentUserId: string,\n stringSet: { [label: string]: string },\n): string => {\n const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n if (!channel?.name && !channel?.members) {\n return LABEL_STRING_SET.NO_TITLE;\n }\n if (channel?.name && channel.name !== 'Group Channel') {\n return channel.name;\n }\n\n if (channel?.members?.length === 1) {\n return LABEL_STRING_SET.NO_MEMBERS;\n }\n\n return channel?.members\n .filter(({ userId }) => userId !== currentUserId)\n .map(({ nickname }) => (nickname || LABEL_STRING_SET.NO_NAME))\n .join(', ');\n};\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","_channel$members","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","length","NO_MEMBERS","filter","_ref","userId","map","_ref2","nickname","NO_NAME","join"],"mappings":";;;;AAGO,MAAMA,eAAe,GAAGA,CAC7BC,OAAqB,EACrBC,aAAqB,EACrBC,SAAsC,KAC3B;AAAA,EAAA,IAAAC,gBAAA,CAAA;AACX,EAAA,MAAMC,gBAA6C,GAAGF,SAAS,IAAIG,uBAAc,CAAA;AACjF,EAAA,IAAI,EAACL,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEM,IAAI,CAAI,IAAA,EAACN,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEO,OAAO,CAAE,EAAA;IACvC,OAAOH,gBAAgB,CAACI,QAAQ,CAAA;AAClC,GAAA;AACA,EAAA,IAAIR,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEM,IAAI,IAAIN,OAAO,CAACM,IAAI,KAAK,eAAe,EAAE;IACrD,OAAON,OAAO,CAACM,IAAI,CAAA;AACrB,GAAA;AAEA,EAAA,IAAI,CAAAN,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAG,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,gBAAA,GAAPH,OAAO,CAAEO,OAAO,MAAA,IAAA,IAAAJ,gBAAA,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAkBM,MAAM,MAAK,CAAC,EAAE;IAClC,OAAOL,gBAAgB,CAACM,UAAU,CAAA;AACpC,GAAA;EAEA,OAAOV,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEO,OAAO,CACpBI,MAAM,CAACC,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,MAAAA;AAAO,KAAC,GAAAD,IAAA,CAAA;IAAA,OAAKC,MAAM,KAAKZ,aAAa,CAAA;GAAC,CAAA,CAChDa,GAAG,CAACC,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAAD,KAAA,CAAA;AAAA,IAAA,OAAMC,QAAQ,IAAIZ,gBAAgB,CAACa,OAAO,CAAA;AAAA,GAAC,CAAC,CAC7DC,IAAI,CAAC,IAAI,CAAC,CAAA;AACf;;;;"}
1
+ {"version":3,"file":"utils-411a893e.js","sources":["../../src/modules/Channel/components/ChannelHeader/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n channel: GroupChannel,\n currentUserId: string,\n stringSet: { [label: string]: string },\n): string => {\n const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n if (!channel?.name && !channel?.members) {\n return LABEL_STRING_SET.NO_TITLE;\n }\n if (channel?.name && channel.name !== 'Group Channel') {\n return channel.name;\n }\n\n if (channel?.members?.length === 1) {\n return LABEL_STRING_SET.NO_MEMBERS;\n }\n\n return channel?.members\n .filter(({ userId }) => userId !== currentUserId)\n .map(({ nickname }) => (nickname || LABEL_STRING_SET.NO_NAME))\n .join(', ');\n};\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","_channel$members","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","length","NO_MEMBERS","filter","_ref","userId","map","_ref2","nickname","NO_NAME","join"],"mappings":";;;;AAGO,MAAMA,eAAe,GAAGA,CAC7BC,OAAqB,EACrBC,aAAqB,EACrBC,SAAsC,KAC3B;AAAA,EAAA,IAAAC,gBAAA,CAAA;AACX,EAAA,MAAMC,gBAA6C,GAAGF,SAAS,IAAIG,uBAAc,CAAA;AACjF,EAAA,IAAI,EAACL,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEM,IAAI,CAAI,IAAA,EAACN,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEO,OAAO,CAAE,EAAA;IACvC,OAAOH,gBAAgB,CAACI,QAAQ,CAAA;AAClC,GAAA;AACA,EAAA,IAAIR,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEM,IAAI,IAAIN,OAAO,CAACM,IAAI,KAAK,eAAe,EAAE;IACrD,OAAON,OAAO,CAACM,IAAI,CAAA;AACrB,GAAA;AAEA,EAAA,IAAI,CAAAN,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAG,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,gBAAA,GAAPH,OAAO,CAAEO,OAAO,MAAA,IAAA,IAAAJ,gBAAA,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAkBM,MAAM,MAAK,CAAC,EAAE;IAClC,OAAOL,gBAAgB,CAACM,UAAU,CAAA;AACpC,GAAA;EAEA,OAAOV,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEO,OAAO,CACpBI,MAAM,CAACC,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,MAAAA;AAAO,KAAC,GAAAD,IAAA,CAAA;IAAA,OAAKC,MAAM,KAAKZ,aAAa,CAAA;GAAC,CAAA,CAChDa,GAAG,CAACC,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAAD,KAAA,CAAA;AAAA,IAAA,OAAMC,QAAQ,IAAIZ,gBAAgB,CAACa,OAAO,CAAA;AAAA,GAAC,CAAC,CAC7DC,IAAI,CAAC,IAAI,CAAC,CAAA;AACf;;;;"}
@@ -25,4 +25,4 @@ const copyToClipboard = text => {
25
25
  };
26
26
 
27
27
  exports.copyToClipboard = copyToClipboard;
28
- //# sourceMappingURL=utils-22d05a53.js.map
28
+ //# sourceMappingURL=utils-dbaff0d0.js.map