@sendbird/uikit-react 3.0.0-alpha.2 → 3.0.0-beta.3

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 (438) hide show
  1. package/App.js +54 -35
  2. package/App.js.map +1 -1
  3. package/Channel/components/ChannelHeader.js +15 -14
  4. package/Channel/components/ChannelHeader.js.map +1 -1
  5. package/Channel/components/ChannelUI.js +30 -23
  6. package/Channel/components/ChannelUI.js.map +1 -1
  7. package/Channel/components/FileViewer.js +14 -13
  8. package/Channel/components/FileViewer.js.map +1 -1
  9. package/Channel/components/FrozenNotification.js +5 -5
  10. package/Channel/components/Message.js +189 -66
  11. package/Channel/components/Message.js.map +1 -1
  12. package/Channel/components/MessageInput.js +145 -30
  13. package/Channel/components/MessageInput.js.map +1 -1
  14. package/Channel/components/MessageList.js +72 -60
  15. package/Channel/components/MessageList.js.map +1 -1
  16. package/Channel/components/RemoveMessageModal.js +17 -16
  17. package/Channel/components/RemoveMessageModal.js.map +1 -1
  18. package/Channel/components/SuggestedMentionList.js +250 -0
  19. package/Channel/components/SuggestedMentionList.js.map +1 -0
  20. package/Channel/components/TypingIndicator.js +16 -15
  21. package/Channel/components/TypingIndicator.js.map +1 -1
  22. package/Channel/components/UnreadCount.js +5 -5
  23. package/Channel/context.js +13 -12
  24. package/Channel/context.js.map +1 -1
  25. package/Channel.js +29 -22
  26. package/Channel.js.map +1 -1
  27. package/ChannelList/components/AddChannel.js +14 -14
  28. package/ChannelList/components/ChannelListHeader.js +7 -7
  29. package/ChannelList/components/ChannelListUI.js +52 -29
  30. package/ChannelList/components/ChannelListUI.js.map +1 -1
  31. package/ChannelList/components/ChannelPreview.js +55 -21
  32. package/ChannelList/components/ChannelPreview.js.map +1 -1
  33. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  34. package/ChannelList/context.js +8 -8
  35. package/ChannelList.js +34 -25
  36. package/ChannelList.js.map +1 -1
  37. package/{ChannelListProvider-0b0c2c40.js → ChannelListProvider-d602a166.js} +92 -27
  38. package/ChannelListProvider-d602a166.js.map +1 -0
  39. package/{ChannelProvider-459e463f.js → ChannelProvider-cf8fc05a.js} +72 -41
  40. package/ChannelProvider-cf8fc05a.js.map +1 -0
  41. package/ChannelSettings/components/AdminPanel.js +15 -15
  42. package/ChannelSettings/components/ChannelProfile.js +13 -13
  43. package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  44. package/ChannelSettings/components/EditDetailsModal.js +13 -13
  45. package/ChannelSettings/components/LeaveChannel.js +10 -10
  46. package/ChannelSettings/components/UserListItem.js +11 -11
  47. package/ChannelSettings/components/UserPanel.js +14 -14
  48. package/ChannelSettings/context.js +3 -3
  49. package/ChannelSettings.js +18 -18
  50. package/CreateChannel/components/CreateChannelUI.js +14 -14
  51. package/CreateChannel/components/InviteMembers.js +14 -14
  52. package/CreateChannel/components/SelectChannelType.js +10 -10
  53. package/CreateChannel/context.js +3 -3
  54. package/CreateChannel.js +14 -14
  55. package/{CreateChannelProvider-c617a1bb.js → CreateChannelProvider-3f3dafed.js} +1 -1
  56. package/{CreateChannelProvider-c617a1bb.js.map → CreateChannelProvider-3f3dafed.js.map} +1 -1
  57. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  58. package/EditUserProfile.js +13 -13
  59. package/{LocalizationContext-e4391013.js → LocalizationContext-b970a73c.js} +3 -3
  60. package/{LocalizationContext-e4391013.js.map → LocalizationContext-b970a73c.js.map} +1 -1
  61. package/{MemberList-6655cba0.js → MemberList-9d29bee4.js} +5 -5
  62. package/{MemberList-6655cba0.js.map → MemberList-9d29bee4.js.map} +1 -1
  63. package/MessageSearch/components/MessageSearchUI.js +11 -11
  64. package/MessageSearch/context.js +2 -2
  65. package/MessageSearch.js +11 -11
  66. package/OpenChannel/components/FrozenChannelNotification.js +5 -5
  67. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  68. package/OpenChannel/components/OpenChannelInput.js +18 -14
  69. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  70. package/OpenChannel/components/OpenChannelMessage.js +23 -19
  71. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  72. package/OpenChannel/components/OpenChannelMessageList.js +25 -21
  73. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  74. package/OpenChannel/components/OpenChannelUI.js +25 -21
  75. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  76. package/OpenChannel/context.js +9 -9
  77. package/OpenChannel.js +25 -21
  78. package/OpenChannel.js.map +1 -1
  79. package/{OpenChannelProvider-a7691eb4.js → OpenChannelProvider-821fb008.js} +7 -7
  80. package/{OpenChannelProvider-a7691eb4.js.map → OpenChannelProvider-821fb008.js.map} +1 -1
  81. package/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  82. package/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  83. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  84. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  85. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  86. package/OpenChannelSettings/context.js +2 -2
  87. package/OpenChannelSettings.js +17 -17
  88. package/SendbirdProvider.js +36 -14
  89. package/SendbirdProvider.js.map +1 -1
  90. package/{UserProfileContext-865db5e6.js → UserProfileContext-f4ff4291.js} +1 -1
  91. package/{UserProfileContext-865db5e6.js.map → UserProfileContext-f4ff4291.js.map} +1 -1
  92. package/{_rollupPluginBabelHelpers-20904f21.js → _rollupPluginBabelHelpers-6bf18550.js} +1 -1
  93. package/{_rollupPluginBabelHelpers-20904f21.js.map → _rollupPluginBabelHelpers-6bf18550.js.map} +1 -1
  94. package/{actionTypes-1e3a4074.js → actionTypes-8e320ded.js} +1 -1
  95. package/{actionTypes-1e3a4074.js.map → actionTypes-8e320ded.js.map} +1 -1
  96. package/cjs/App.js +54 -35
  97. package/cjs/App.js.map +1 -1
  98. package/cjs/Channel/components/ChannelHeader.js +15 -14
  99. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  100. package/cjs/Channel/components/ChannelUI.js +31 -24
  101. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  102. package/cjs/Channel/components/FileViewer.js +14 -13
  103. package/cjs/Channel/components/FileViewer.js.map +1 -1
  104. package/cjs/Channel/components/FrozenNotification.js +5 -5
  105. package/cjs/Channel/components/Message.js +188 -65
  106. package/cjs/Channel/components/Message.js.map +1 -1
  107. package/cjs/Channel/components/MessageInput.js +144 -29
  108. package/cjs/Channel/components/MessageInput.js.map +1 -1
  109. package/cjs/Channel/components/MessageList.js +71 -59
  110. package/cjs/Channel/components/MessageList.js.map +1 -1
  111. package/cjs/Channel/components/RemoveMessageModal.js +17 -16
  112. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  113. package/cjs/Channel/components/SuggestedMentionList.js +256 -0
  114. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -0
  115. package/cjs/Channel/components/TypingIndicator.js +18 -14
  116. package/cjs/Channel/components/TypingIndicator.js.map +1 -1
  117. package/cjs/Channel/components/UnreadCount.js +5 -5
  118. package/cjs/Channel/context.js +13 -12
  119. package/cjs/Channel/context.js.map +1 -1
  120. package/cjs/Channel.js +29 -22
  121. package/cjs/Channel.js.map +1 -1
  122. package/cjs/ChannelList/components/AddChannel.js +14 -14
  123. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  124. package/cjs/ChannelList/components/ChannelListUI.js +52 -29
  125. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  126. package/cjs/ChannelList/components/ChannelPreview.js +55 -21
  127. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  128. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  129. package/cjs/ChannelList/context.js +8 -8
  130. package/cjs/ChannelList.js +34 -25
  131. package/cjs/ChannelList.js.map +1 -1
  132. package/cjs/{ChannelListProvider-5a152618.js → ChannelListProvider-64db9f70.js} +92 -27
  133. package/cjs/ChannelListProvider-64db9f70.js.map +1 -0
  134. package/cjs/{ChannelProvider-f1fb0108.js → ChannelProvider-5e8e33b1.js} +79 -48
  135. package/cjs/ChannelProvider-5e8e33b1.js.map +1 -0
  136. package/cjs/ChannelSettings/components/AdminPanel.js +15 -15
  137. package/cjs/ChannelSettings/components/ChannelProfile.js +13 -13
  138. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  139. package/cjs/ChannelSettings/components/EditDetailsModal.js +13 -13
  140. package/cjs/ChannelSettings/components/LeaveChannel.js +10 -10
  141. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  142. package/cjs/ChannelSettings/components/UserPanel.js +14 -14
  143. package/cjs/ChannelSettings/context.js +3 -3
  144. package/cjs/ChannelSettings.js +18 -18
  145. package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
  146. package/cjs/CreateChannel/components/InviteMembers.js +14 -14
  147. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  148. package/cjs/CreateChannel/context.js +3 -3
  149. package/cjs/CreateChannel.js +14 -14
  150. package/cjs/{CreateChannelProvider-df42106f.js → CreateChannelProvider-dcf7f906.js} +1 -1
  151. package/cjs/{CreateChannelProvider-df42106f.js.map → CreateChannelProvider-dcf7f906.js.map} +1 -1
  152. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  153. package/cjs/EditUserProfile.js +13 -13
  154. package/cjs/{LocalizationContext-68e55e2a.js → LocalizationContext-382a9ef1.js} +3 -3
  155. package/cjs/{LocalizationContext-68e55e2a.js.map → LocalizationContext-382a9ef1.js.map} +1 -1
  156. package/cjs/{MemberList-dc84e303.js → MemberList-03a241cd.js} +5 -5
  157. package/cjs/{MemberList-dc84e303.js.map → MemberList-03a241cd.js.map} +1 -1
  158. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  159. package/cjs/MessageSearch/context.js +2 -2
  160. package/cjs/MessageSearch.js +11 -11
  161. package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
  162. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  163. package/cjs/OpenChannel/components/OpenChannelInput.js +18 -14
  164. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  165. package/cjs/OpenChannel/components/OpenChannelMessage.js +23 -19
  166. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  167. package/cjs/OpenChannel/components/OpenChannelMessageList.js +25 -21
  168. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  169. package/cjs/OpenChannel/components/OpenChannelUI.js +25 -21
  170. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  171. package/cjs/OpenChannel/context.js +9 -9
  172. package/cjs/OpenChannel.js +25 -21
  173. package/cjs/OpenChannel.js.map +1 -1
  174. package/cjs/{OpenChannelProvider-7a1a996f.js → OpenChannelProvider-9000ccb9.js} +7 -7
  175. package/cjs/{OpenChannelProvider-7a1a996f.js.map → OpenChannelProvider-9000ccb9.js.map} +1 -1
  176. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  177. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  178. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  179. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  180. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  181. package/cjs/OpenChannelSettings/context.js +2 -2
  182. package/cjs/OpenChannelSettings.js +17 -17
  183. package/cjs/SendbirdProvider.js +36 -14
  184. package/cjs/SendbirdProvider.js.map +1 -1
  185. package/cjs/{UserProfileContext-3533547d.js → UserProfileContext-0b7ef11a.js} +1 -1
  186. package/cjs/{UserProfileContext-3533547d.js.map → UserProfileContext-0b7ef11a.js.map} +1 -1
  187. package/cjs/{_rollupPluginBabelHelpers-fc14118c.js → _rollupPluginBabelHelpers-6193d45d.js} +1 -1
  188. package/cjs/{_rollupPluginBabelHelpers-fc14118c.js.map → _rollupPluginBabelHelpers-6193d45d.js.map} +1 -1
  189. package/cjs/{actionTypes-bc47f97a.js → actionTypes-092bc172.js} +1 -1
  190. package/cjs/{actionTypes-bc47f97a.js.map → actionTypes-092bc172.js.map} +1 -1
  191. package/cjs/{color-4afb15fb.js → color-1816dacf.js} +1 -1
  192. package/cjs/{color-4afb15fb.js.map → color-1816dacf.js.map} +1 -1
  193. package/cjs/{compareIds-01306377.js → compareIds-e9bca8c4.js} +1 -1
  194. package/cjs/{compareIds-01306377.js.map → compareIds-e9bca8c4.js.map} +1 -1
  195. package/cjs/const-c65837c1.js +22 -0
  196. package/cjs/const-c65837c1.js.map +1 -0
  197. package/cjs/const-d9f4d880.js +14 -0
  198. package/cjs/const-d9f4d880.js.map +1 -0
  199. package/cjs/{context-c1f9d650.js → context-6ebf3379.js} +2 -2
  200. package/cjs/{context-c1f9d650.js.map → context-6ebf3379.js.map} +1 -1
  201. package/cjs/{index-1044f1ed.js → index-01072ac9.js} +3 -3
  202. package/cjs/{index-1044f1ed.js.map → index-01072ac9.js.map} +1 -1
  203. package/cjs/{index-e2bb862c.js → index-20a06ed6.js} +1 -1
  204. package/cjs/{index-e2bb862c.js.map → index-20a06ed6.js.map} +1 -1
  205. package/cjs/{index-d4880236.js → index-212a11f2.js} +84 -3
  206. package/cjs/index-212a11f2.js.map +1 -0
  207. package/cjs/{index-aecc8d24.js → index-2faa2f93.js} +1 -1
  208. package/cjs/{index-aecc8d24.js.map → index-2faa2f93.js.map} +1 -1
  209. package/cjs/{index-9dc3863f.js → index-4f40f311.js} +2 -2
  210. package/cjs/{index-9dc3863f.js.map → index-4f40f311.js.map} +1 -1
  211. package/cjs/index-75453415.js +54 -0
  212. package/cjs/index-75453415.js.map +1 -0
  213. package/cjs/{index-8becccd8.js → index-948426a8.js} +4 -4
  214. package/cjs/{index-8becccd8.js.map → index-948426a8.js.map} +1 -1
  215. package/cjs/{index-905331fa.js → index-a2ce047a.js} +2 -2
  216. package/cjs/{index-905331fa.js.map → index-a2ce047a.js.map} +1 -1
  217. package/cjs/{index-4987c8b2.js → index-d57081d1.js} +6 -6
  218. package/cjs/{index-4987c8b2.js.map → index-d57081d1.js.map} +1 -1
  219. package/cjs/{index-659c9ca5.js → index-e63da805.js} +4 -4
  220. package/cjs/{index-659c9ca5.js.map → index-e63da805.js.map} +1 -1
  221. package/cjs/{index-1468d245.js → index-f1971e28.js} +3 -3
  222. package/cjs/{index-1468d245.js.map → index-f1971e28.js.map} +1 -1
  223. package/cjs/index.css +243 -133
  224. package/cjs/index.css.map +1 -1
  225. package/cjs/index.js +40 -33
  226. package/cjs/index.js.map +1 -1
  227. package/cjs/{openChannelUtils-37919a36.js → openChannelUtils-16f29ba2.js} +1 -1
  228. package/cjs/{openChannelUtils-37919a36.js.map → openChannelUtils-16f29ba2.js.map} +1 -1
  229. package/cjs/sendBirdSelectors.js +1 -1
  230. package/cjs/{stringSet-aa544ce5.js → stringSet-b9ea6eef.js} +4 -2
  231. package/cjs/stringSet-b9ea6eef.js.map +1 -0
  232. package/cjs/{topics-8314d425.js → topics-11048db8.js} +1 -1
  233. package/cjs/{topics-8314d425.js.map → topics-11048db8.js.map} +1 -1
  234. package/cjs/{tslib.es6-4a281a05.js → tslib.es6-07dd6257.js} +1 -1
  235. package/cjs/{tslib.es6-4a281a05.js.map → tslib.es6-07dd6257.js.map} +1 -1
  236. package/cjs/ui/Accordion.js +4 -4
  237. package/cjs/ui/AccordionGroup.js +2 -2
  238. package/cjs/ui/AdminMessage.js +3 -3
  239. package/cjs/ui/Avatar.js +3 -3
  240. package/cjs/ui/Badge.js +5 -5
  241. package/cjs/ui/Button.js +4 -4
  242. package/cjs/ui/ChannelAvatar.js +4 -4
  243. package/cjs/ui/ChannelPreview.js +12 -12
  244. package/cjs/ui/ChatHeader.js +8 -8
  245. package/cjs/ui/Checkbox.js +1 -1
  246. package/cjs/ui/ConnectionStatus.js +5 -5
  247. package/cjs/ui/ContextMenu.js +5 -5
  248. package/cjs/ui/DateSeparator.js +4 -4
  249. package/cjs/ui/Dropdown.js +3 -3
  250. package/cjs/ui/EmojiReactions.js +7 -7
  251. package/cjs/ui/FileMessageItemBody.js +6 -6
  252. package/cjs/ui/FileViewer.js +7 -7
  253. package/cjs/ui/Icon.js +1 -1
  254. package/cjs/ui/IconButton.js +1 -1
  255. package/cjs/ui/ImageRenderer.js +1 -1
  256. package/cjs/ui/Input.js +3 -3
  257. package/cjs/ui/Label.js +3 -3
  258. package/cjs/ui/LinkLabel.js +3 -3
  259. package/cjs/ui/Loader.js +1 -1
  260. package/cjs/ui/MentionUserLabel.js +25 -0
  261. package/cjs/ui/MentionUserLabel.js.map +1 -0
  262. package/cjs/ui/MessageContent.js +25 -62
  263. package/cjs/ui/MessageContent.js.map +1 -1
  264. package/cjs/ui/MessageInput.js +4900 -84
  265. package/cjs/ui/MessageInput.js.map +1 -1
  266. package/cjs/ui/MessageItemMenu.js +7 -7
  267. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  268. package/cjs/ui/MessageSearchFileItem.js +10 -10
  269. package/cjs/ui/MessageSearchItem.js +10 -10
  270. package/cjs/ui/MessageStatus.js +66 -0
  271. package/cjs/ui/MessageStatus.js.map +1 -0
  272. package/cjs/ui/Modal.js +8 -8
  273. package/cjs/ui/MutedAvatarOverlay.js +1 -1
  274. package/cjs/ui/OGMessageItemBody.js +38 -28
  275. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  276. package/cjs/ui/OpenChannelAdminMessage.js +4 -4
  277. package/cjs/ui/OpenChannelAvatar.js +7 -7
  278. package/cjs/ui/OpenchannelConversationHeader.js +7 -7
  279. package/cjs/ui/OpenchannelFileMessage.js +14 -14
  280. package/cjs/ui/OpenchannelOGMessage.js +14 -14
  281. package/cjs/ui/OpenchannelThumbnailMessage.js +13 -13
  282. package/cjs/ui/OpenchannelUserMessage.js +14 -14
  283. package/cjs/ui/PlaceHolder.js +6 -6
  284. package/cjs/ui/QuoteMessage.js +7 -7
  285. package/cjs/ui/QuoteMessageInput.js +7 -7
  286. package/cjs/ui/QuoteMessageInput.js.map +1 -1
  287. package/cjs/ui/ReactionBadge.js +3 -3
  288. package/cjs/ui/ReactionButton.js +1 -1
  289. package/cjs/ui/SortByRow.js +1 -1
  290. package/cjs/ui/TextButton.js +2 -2
  291. package/cjs/ui/TextMessageItemBody.js +36 -14
  292. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  293. package/cjs/ui/ThumbnailMessageItemBody.js +3 -3
  294. package/cjs/ui/Tooltip.js +3 -3
  295. package/cjs/ui/TooltipWrapper.js +1 -1
  296. package/cjs/ui/UnknownMessageItemBody.js +7 -7
  297. package/cjs/ui/UserListItem.js +11 -11
  298. package/cjs/ui/UserProfile.js +9 -9
  299. package/cjs/useSendbirdStateContext.js +1 -1
  300. package/cjs/{utils-cbd3ed99.js → utils-3240365f.js} +1 -1
  301. package/cjs/{utils-cbd3ed99.js.map → utils-3240365f.js.map} +1 -1
  302. package/cjs/{utils-66b3f4ec.js → utils-53d332a6.js} +1 -1
  303. package/cjs/{utils-66b3f4ec.js.map → utils-53d332a6.js.map} +1 -1
  304. package/cjs/{utils-3b0815dc.js → utils-94ae6cec.js} +1 -1
  305. package/cjs/{utils-3b0815dc.js.map → utils-94ae6cec.js.map} +1 -1
  306. package/cjs/{uuid-1d5ec8b2.js → uuid-172844fb.js} +1 -1
  307. package/cjs/{uuid-1d5ec8b2.js.map → uuid-172844fb.js.map} +1 -1
  308. package/cjs/withSendBird.js +1 -1
  309. package/{color-ee3fc5ee.js → color-38dc84d3.js} +1 -1
  310. package/{color-ee3fc5ee.js.map → color-38dc84d3.js.map} +1 -1
  311. package/{compareIds-808956f2.js → compareIds-f01e0c3c.js} +1 -1
  312. package/{compareIds-808956f2.js.map → compareIds-f01e0c3c.js.map} +1 -1
  313. package/const-b6685801.js +8 -0
  314. package/const-b6685801.js.map +1 -0
  315. package/const-d46f09a1.js +18 -0
  316. package/const-d46f09a1.js.map +1 -0
  317. package/{context-98ce535c.js → context-b5168bd0.js} +2 -2
  318. package/{context-98ce535c.js.map → context-b5168bd0.js.map} +1 -1
  319. package/dist/index.css +243 -133
  320. package/dist/index.css.map +1 -1
  321. package/{index-770d7112.js → index-1c2588aa.js} +2 -2
  322. package/{index-770d7112.js.map → index-1c2588aa.js.map} +1 -1
  323. package/{index-acebc2ff.js → index-2dce3a04.js} +3 -3
  324. package/{index-acebc2ff.js.map → index-2dce3a04.js.map} +1 -1
  325. package/{index-5c2c81bc.js → index-3bd4a058.js} +6 -6
  326. package/{index-5c2c81bc.js.map → index-3bd4a058.js.map} +1 -1
  327. package/index-62fd2db7.js +48 -0
  328. package/index-62fd2db7.js.map +1 -0
  329. package/{index-6ebf7894.js → index-6381b534.js} +1 -1
  330. package/{index-6ebf7894.js.map → index-6381b534.js.map} +1 -1
  331. package/{index-cd21929d.js → index-9afb4d01.js} +2 -2
  332. package/{index-cd21929d.js.map → index-9afb4d01.js.map} +1 -1
  333. package/{index-1718324d.js → index-a6675155.js} +4 -4
  334. package/{index-1718324d.js.map → index-a6675155.js.map} +1 -1
  335. package/{index-e818a8a3.js → index-b12b270e.js} +4 -4
  336. package/{index-e818a8a3.js.map → index-b12b270e.js.map} +1 -1
  337. package/{index-7a51bd16.js → index-d0b30cd5.js} +3 -3
  338. package/{index-7a51bd16.js.map → index-d0b30cd5.js.map} +1 -1
  339. package/{index-942c85a6.js → index-d0fe8fe1.js} +1 -1
  340. package/{index-942c85a6.js.map → index-d0fe8fe1.js.map} +1 -1
  341. package/{index-8c72a94a.js → index-e6d0889d.js} +83 -3
  342. package/index-e6d0889d.js.map +1 -0
  343. package/index.d.ts +238 -210
  344. package/index.js +40 -33
  345. package/index.js.map +1 -1
  346. package/{openChannelUtils-56a372e7.js → openChannelUtils-22ed0258.js} +1 -1
  347. package/{openChannelUtils-56a372e7.js.map → openChannelUtils-22ed0258.js.map} +1 -1
  348. package/package.json +5 -2
  349. package/sendBirdSelectors.js +1 -1
  350. package/{stringSet-4f6eaa60.js → stringSet-2e6c1d2c.js} +4 -2
  351. package/stringSet-2e6c1d2c.js.map +1 -0
  352. package/{topics-9442035c.js → topics-67738aac.js} +1 -1
  353. package/{topics-9442035c.js.map → topics-67738aac.js.map} +1 -1
  354. package/{tslib.es6-e3c44017.js → tslib.es6-b6e567bd.js} +1 -1
  355. package/{tslib.es6-e3c44017.js.map → tslib.es6-b6e567bd.js.map} +1 -1
  356. package/ui/Accordion.js +4 -4
  357. package/ui/AccordionGroup.js +2 -2
  358. package/ui/AdminMessage.js +3 -3
  359. package/ui/Avatar.js +3 -3
  360. package/ui/Badge.js +5 -5
  361. package/ui/Button.js +4 -4
  362. package/ui/ChannelAvatar.js +4 -4
  363. package/ui/ChannelPreview.js +12 -12
  364. package/ui/ChatHeader.js +8 -8
  365. package/ui/Checkbox.js +1 -1
  366. package/ui/ConnectionStatus.js +5 -5
  367. package/ui/ContextMenu.js +5 -5
  368. package/ui/DateSeparator.js +4 -4
  369. package/ui/Dropdown.js +3 -3
  370. package/ui/EmojiReactions.js +7 -7
  371. package/ui/FileMessageItemBody.js +6 -6
  372. package/ui/FileViewer.js +7 -7
  373. package/ui/Icon.js +1 -1
  374. package/ui/IconButton.js +1 -1
  375. package/ui/ImageRenderer.js +1 -1
  376. package/ui/Input.js +3 -3
  377. package/ui/Label.js +3 -3
  378. package/ui/LinkLabel.js +3 -3
  379. package/ui/Loader.js +1 -1
  380. package/ui/MentionUserLabel.js +19 -0
  381. package/ui/MentionUserLabel.js.map +1 -0
  382. package/ui/MessageContent.js +25 -62
  383. package/ui/MessageContent.js.map +1 -1
  384. package/ui/MessageInput.js +4900 -85
  385. package/ui/MessageInput.js.map +1 -1
  386. package/ui/MessageItemMenu.js +7 -7
  387. package/ui/MessageItemReactionMenu.js +5 -5
  388. package/ui/MessageSearchFileItem.js +10 -10
  389. package/ui/MessageSearchItem.js +10 -10
  390. package/ui/MessageStatus.js +57 -0
  391. package/ui/MessageStatus.js.map +1 -0
  392. package/ui/Modal.js +8 -8
  393. package/ui/MutedAvatarOverlay.js +1 -1
  394. package/ui/OGMessageItemBody.js +38 -28
  395. package/ui/OGMessageItemBody.js.map +1 -1
  396. package/ui/OpenChannelAdminMessage.js +4 -4
  397. package/ui/OpenChannelAvatar.js +7 -7
  398. package/ui/OpenchannelConversationHeader.js +7 -7
  399. package/ui/OpenchannelFileMessage.js +14 -14
  400. package/ui/OpenchannelOGMessage.js +14 -14
  401. package/ui/OpenchannelThumbnailMessage.js +13 -13
  402. package/ui/OpenchannelUserMessage.js +14 -14
  403. package/ui/PlaceHolder.js +6 -6
  404. package/ui/QuoteMessage.js +7 -7
  405. package/ui/QuoteMessageInput.js +7 -7
  406. package/ui/QuoteMessageInput.js.map +1 -1
  407. package/ui/ReactionBadge.js +3 -3
  408. package/ui/ReactionButton.js +1 -1
  409. package/ui/SortByRow.js +1 -1
  410. package/ui/TextButton.js +2 -2
  411. package/ui/TextMessageItemBody.js +37 -15
  412. package/ui/TextMessageItemBody.js.map +1 -1
  413. package/ui/ThumbnailMessageItemBody.js +3 -3
  414. package/ui/Tooltip.js +3 -3
  415. package/ui/TooltipWrapper.js +1 -1
  416. package/ui/UnknownMessageItemBody.js +7 -7
  417. package/ui/UserListItem.js +11 -11
  418. package/ui/UserProfile.js +9 -9
  419. package/useSendbirdStateContext.js +1 -1
  420. package/{utils-08c4dbdc.js → utils-04c291d8.js} +1 -1
  421. package/{utils-08c4dbdc.js.map → utils-04c291d8.js.map} +1 -1
  422. package/{utils-af1b9829.js → utils-28de36e9.js} +1 -1
  423. package/{utils-af1b9829.js.map → utils-28de36e9.js.map} +1 -1
  424. package/{utils-c393e880.js → utils-f5c9ef64.js} +1 -1
  425. package/{utils-c393e880.js.map → utils-f5c9ef64.js.map} +1 -1
  426. package/{uuid-b0c93400.js → uuid-0139dc21.js} +1 -1
  427. package/{uuid-b0c93400.js.map → uuid-0139dc21.js.map} +1 -1
  428. package/withSendBird.js +1 -1
  429. package/ChannelListProvider-0b0c2c40.js.map +0 -1
  430. package/ChannelProvider-459e463f.js.map +0 -1
  431. package/cjs/ChannelListProvider-5a152618.js.map +0 -1
  432. package/cjs/ChannelProvider-f1fb0108.js.map +0 -1
  433. package/cjs/index-d4880236.js.map +0 -1
  434. package/cjs/stringSet-aa544ce5.js.map +0 -1
  435. package/index-8c72a94a.js.map +0 -1
  436. package/index.css +0 -4355
  437. package/index.css.map +0 -1
  438. package/stringSet-4f6eaa60.js.map +0 -1
@@ -1,32 +1,32 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('../tslib.es6-4a281a05.js');
3
+ var tslib_es6 = require('../tslib.es6-07dd6257.js');
4
4
  var React = require('react');
5
- var index = require('../index-905331fa.js');
5
+ var index = require('../index-a2ce047a.js');
6
6
  var ui_Avatar = require('./Avatar.js');
7
7
  var ui_ContextMenu = require('./ContextMenu.js');
8
8
  var ui_Icon = require('./Icon.js');
9
9
  var ui_IconButton = require('./IconButton.js');
10
- var ui_Label = require('../index-1468d245.js');
10
+ var ui_Label = require('../index-f1971e28.js');
11
11
  var ui_Loader = require('./Loader.js');
12
12
  var ui_UserProfile = require('./UserProfile.js');
13
- var UserProfileContext = require('../UserProfileContext-3533547d.js');
14
- var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
15
- var utils = require('../utils-cbd3ed99.js');
16
- var uuid = require('../uuid-1d5ec8b2.js');
17
- var openChannelUtils = require('../openChannelUtils-37919a36.js');
18
- require('../index-e2bb862c.js');
13
+ var UserProfileContext = require('../UserProfileContext-0b7ef11a.js');
14
+ var LocalizationContext = require('../LocalizationContext-382a9ef1.js');
15
+ var utils = require('../utils-3240365f.js');
16
+ var uuid = require('../uuid-172844fb.js');
17
+ var openChannelUtils = require('../openChannelUtils-16f29ba2.js');
18
+ require('../index-20a06ed6.js');
19
19
  require('./ImageRenderer.js');
20
- require('../_rollupPluginBabelHelpers-fc14118c.js');
20
+ require('../_rollupPluginBabelHelpers-6193d45d.js');
21
21
  require('prop-types');
22
- require('../index-d4880236.js');
22
+ require('../index-212a11f2.js');
23
23
  require('react-dom');
24
24
  require('./SortByRow.js');
25
- require('../stringSet-aa544ce5.js');
25
+ require('../stringSet-b9ea6eef.js');
26
26
  require('../withSendBird.js');
27
27
  require('../sendBirdSelectors.js');
28
- require('../topics-8314d425.js');
29
- require('../index-1044f1ed.js');
28
+ require('../topics-11048db8.js');
29
+ require('../index-01072ac9.js');
30
30
 
31
31
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
32
32
 
@@ -2,16 +2,16 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../_rollupPluginBabelHelpers-fc14118c.js');
5
+ require('../_rollupPluginBabelHelpers-6193d45d.js');
6
6
  require('react');
7
7
  require('prop-types');
8
8
  require('./Icon.js');
9
9
  require('./Loader.js');
10
- require('../LocalizationContext-68e55e2a.js');
11
- require('../index-1468d245.js');
12
- var ui_PlaceHolder = require('../index-659c9ca5.js');
13
- require('../stringSet-aa544ce5.js');
14
- require('../index-e2bb862c.js');
10
+ require('../LocalizationContext-382a9ef1.js');
11
+ require('../index-f1971e28.js');
12
+ var ui_PlaceHolder = require('../index-e63da805.js');
13
+ require('../stringSet-b9ea6eef.js');
14
+ require('../index-20a06ed6.js');
15
15
 
16
16
 
17
17
 
@@ -2,15 +2,15 @@
2
2
 
3
3
  var React = require('react');
4
4
  var ui_Icon = require('./Icon.js');
5
- var ui_Label = require('../index-1468d245.js');
5
+ var ui_Label = require('../index-f1971e28.js');
6
6
  var ui_ImageRenderer = require('./ImageRenderer.js');
7
- var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
8
- var index = require('../index-d4880236.js');
9
- require('../_rollupPluginBabelHelpers-fc14118c.js');
7
+ var LocalizationContext = require('../LocalizationContext-382a9ef1.js');
8
+ var index = require('../index-212a11f2.js');
9
+ require('../_rollupPluginBabelHelpers-6193d45d.js');
10
10
  require('prop-types');
11
- require('../stringSet-aa544ce5.js');
12
- require('../index-e2bb862c.js');
13
- require('../tslib.es6-4a281a05.js');
11
+ require('../stringSet-b9ea6eef.js');
12
+ require('../index-20a06ed6.js');
13
+ require('../tslib.es6-07dd6257.js');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
16
 
@@ -1,16 +1,16 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var index = require('../index-d4880236.js');
4
+ var index = require('../index-212a11f2.js');
5
5
  var ui_Icon = require('./Icon.js');
6
- var ui_Label = require('../index-1468d245.js');
7
- var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
6
+ var ui_Label = require('../index-f1971e28.js');
7
+ var LocalizationContext = require('../LocalizationContext-382a9ef1.js');
8
8
  var ui_ImageRenderer = require('./ImageRenderer.js');
9
- require('../tslib.es6-4a281a05.js');
10
- require('../_rollupPluginBabelHelpers-fc14118c.js');
9
+ require('../tslib.es6-07dd6257.js');
10
+ require('../_rollupPluginBabelHelpers-6193d45d.js');
11
11
  require('prop-types');
12
- require('../stringSet-aa544ce5.js');
13
- require('../index-e2bb862c.js');
12
+ require('../stringSet-b9ea6eef.js');
13
+ require('../index-20a06ed6.js');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
16
 
@@ -1 +1 @@
1
- {"version":3,"file":"QuoteMessageInput.js","sources":["../../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { FileMessage } from 'sendbird';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { isAudioMessage, isFileMessage, isImageMessage, isThumbnailMessage } from '../../utils';\n\ninterface Props {\n message: FileMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n if (!isFileMessage(message)) {\n return null;\n }\n\n const thumbnailUrl: string = (message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url)\n || (isImageMessage(message) && message.url);\n if (isThumbnailMessage(message) && thumbnailUrl) {\n return (\n <ImageRenderer\n className={componentClassname}\n url={thumbnailUrl}\n alt={message.type}\n width=\"44px\"\n height=\"44px\"\n fixedSize\n />\n );\n } else if (isAudioMessage(message)) {\n return (\n <div className={componentClassname}>\n <Icon\n type={IconTypes.FILE_AUDIO}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n );\n } else {\n return (\n <div className={componentClassname}>\n <Icon\n type={IconTypes.FILE_DOCUMENT}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n );\n }\n}\n","import React, { ReactElement, useContext } from 'react';\nimport { FileMessage, UserMessage } from 'sendbird';\nimport {\n CoreMessageType,\n getClassName,\n isFileMessage,\n isGifMessage,\n isImageMessage,\n isThumbnailMessage,\n isUserMessage,\n isVideoMessage,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\nimport './index.scss';\n\ninterface Props {\n className?: string | Array<string>;\n replyingMessage: CoreMessageType;\n onClose?: (message: CoreMessageType) => void;\n}\n\nexport default function QuoteMessageInput({\n className,\n replyingMessage,\n onClose,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n const fileMessage = replyingMessage as FileMessage;\n const sender = (replyingMessage as UserMessage | FileMessage)?.sender;\n\n return (\n <div className={getClassName(['sendbird-quote_message_input', className])}>\n <QuoteMessageThumbnail message={fileMessage} />\n <div\n className=\"sendbird-quote_message_input__body\"\n style={{\n width: `calc(100% - ${fileMessage.isFileMessage() ? '164px' : '120px'})`,\n left: fileMessage.isFileMessage() ? '92px' : '40px',\n }}\n >\n <Label\n className=\"sendbird-quote_message_input__body__sender-name\"\n type={LabelTypography.CAPTION_1}\n color={LabelColors.ONBACKGROUND_1}\n >\n {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n </Label>\n <Label\n className=\"sendbird-quote_message_input__body__message-content\"\n type={LabelTypography.BODY_2}\n color={LabelColors.ONBACKGROUND_3}\n >\n {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n {(isFileMessage(fileMessage) && !isThumbnailMessage(fileMessage)) && fileMessage.name}\n </Label>\n </div>\n <Icon\n className=\"sendbird-quote_message_input__close-button\"\n type={IconTypes.CLOSE}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n onClick={() => onClose(replyingMessage)}\n />\n </div>\n );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_a","message","isFileMessage","thumbnailUrl","thumbnails","length","url","isImageMessage","isThumbnailMessage","React","ImageRenderer","type","isAudioMessage","Icon","IconTypes","FILE_AUDIO","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","className","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","getClassName","width","left","Label","LabelTypography","CAPTION_1","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","isVideoMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","name","CLOSE"],"mappings":"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"}
1
+ {"version":3,"file":"QuoteMessageInput.js","sources":["../../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { FileMessage } from 'sendbird';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { isAudioMessage, isFileMessage, isImageMessage, isThumbnailMessage } from '../../utils';\n\ninterface Props {\n message: FileMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n if (!isFileMessage(message)) {\n return null;\n }\n\n const thumbnailUrl: string = (message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url)\n || (isImageMessage(message) && message.url);\n if (isThumbnailMessage(message) && thumbnailUrl) {\n return (\n <ImageRenderer\n className={componentClassname}\n url={thumbnailUrl}\n alt={message.type}\n width=\"44px\"\n height=\"44px\"\n fixedSize\n />\n );\n } else if (isAudioMessage(message)) {\n return (\n <div className={componentClassname}>\n <Icon\n type={IconTypes.FILE_AUDIO}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n );\n } else {\n return (\n <div className={componentClassname}>\n <Icon\n type={IconTypes.FILE_DOCUMENT}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n );\n }\n}\n","import React, { ReactElement, useContext } from 'react';\nimport { FileMessage, UserMessage } from 'sendbird';\nimport {\n getClassName,\n isFileMessage,\n isGifMessage,\n isImageMessage,\n isThumbnailMessage,\n isUserMessage,\n isVideoMessage,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\nimport './index.scss';\n\ninterface Props {\n className?: string | Array<string>;\n replyingMessage: UserMessage | FileMessage;\n onClose?: (message: UserMessage | FileMessage) => void;\n}\n\nexport default function QuoteMessageInput({\n className,\n replyingMessage,\n onClose,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n const fileMessage = replyingMessage as FileMessage;\n const sender = (replyingMessage as UserMessage | FileMessage)?.sender;\n\n return (\n <div className={getClassName(['sendbird-quote_message_input', className])}>\n <QuoteMessageThumbnail message={fileMessage} />\n <div\n className=\"sendbird-quote_message_input__body\"\n style={{\n width: `calc(100% - ${fileMessage.isFileMessage() ? '164px' : '120px'})`,\n left: fileMessage.isFileMessage() ? '92px' : '40px',\n }}\n >\n <Label\n className=\"sendbird-quote_message_input__body__sender-name\"\n type={LabelTypography.CAPTION_1}\n color={LabelColors.ONBACKGROUND_1}\n >\n {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n </Label>\n <Label\n className=\"sendbird-quote_message_input__body__message-content\"\n type={LabelTypography.BODY_2}\n color={LabelColors.ONBACKGROUND_3}\n >\n {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n {(isFileMessage(fileMessage) && !isThumbnailMessage(fileMessage)) && fileMessage.name}\n </Label>\n </div>\n <Icon\n className=\"sendbird-quote_message_input__close-button\"\n type={IconTypes.CLOSE}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n onClick={() => onClose(replyingMessage)}\n />\n </div>\n );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_a","message","isFileMessage","thumbnailUrl","thumbnails","length","url","isImageMessage","isThumbnailMessage","React","ImageRenderer","type","isAudioMessage","Icon","IconTypes","FILE_AUDIO","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","className","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","getClassName","width","left","Label","LabelTypography","CAPTION_1","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","isVideoMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","name","CLOSE"],"mappings":"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"}
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
3
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6193d45d.js');
4
4
  var React = require('react');
5
5
  var PropTypes = require('prop-types');
6
- var ui_Label = require('../index-1468d245.js');
7
- require('../stringSet-aa544ce5.js');
6
+ var ui_Label = require('../index-f1971e28.js');
7
+ require('../stringSet-b9ea6eef.js');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
3
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6193d45d.js');
4
4
  var React = require('react');
5
5
  var PropTypes = require('prop-types');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
3
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6193d45d.js');
4
4
  var React = require('react');
5
5
  var PropTypes = require('prop-types');
6
6
 
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
3
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6193d45d.js');
4
4
  var React = require('react');
5
5
  var PropTypes = require('prop-types');
6
- var color = require('../color-4afb15fb.js');
6
+ var color = require('../color-1816dacf.js');
7
7
 
8
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
9
 
@@ -1,35 +1,57 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var ui_Label = require('../index-1468d245.js');
5
- var index = require('../index-d4880236.js');
6
- var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
7
- require('../_rollupPluginBabelHelpers-fc14118c.js');
4
+ var ui_Label = require('../index-f1971e28.js');
5
+ var index = require('../index-212a11f2.js');
6
+ var LocalizationContext = require('../LocalizationContext-382a9ef1.js');
7
+ var uuid = require('../uuid-172844fb.js');
8
+ var index$1 = require('../index-75453415.js');
9
+ require('../_rollupPluginBabelHelpers-6193d45d.js');
8
10
  require('prop-types');
9
- require('../stringSet-aa544ce5.js');
10
- require('../tslib.es6-4a281a05.js');
11
- require('../index-e2bb862c.js');
11
+ require('../stringSet-b9ea6eef.js');
12
+ require('../tslib.es6-07dd6257.js');
13
+ require('../index-20a06ed6.js');
14
+ require('./LinkLabel.js');
12
15
 
13
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
17
 
15
18
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
19
 
17
20
  function TextMessageItemBody(_a) {
18
- var _b;
21
+ var _b, _c, _d;
19
22
 
20
23
  var className = _a.className,
21
24
  message = _a.message,
22
- _c = _a.isByMe,
23
- isByMe = _c === void 0 ? false : _c,
24
- _d = _a.mouseHover,
25
- mouseHover = _d === void 0 ? false : _d;
25
+ _e = _a.isByMe,
26
+ isByMe = _e === void 0 ? false : _e,
27
+ _f = _a.mouseHover,
28
+ mouseHover = _f === void 0 ? false : _f,
29
+ _g = _a.isMentionEnabled,
30
+ isMentionEnabled = _g === void 0 ? false : _g;
26
31
  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
32
+ var isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
33
+ var sentences = React.useMemo(function () {
34
+ var _a;
35
+
36
+ return (_a = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _a === void 0 ? void 0 : _a.split(/\n/).map(function (sentence) {
37
+ return sentence.split(/\s/);
38
+ });
39
+ }, [message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate]);
27
40
  return /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
28
41
  type: ui_Label.LabelTypography.BODY_1,
29
42
  color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
30
43
  }, /*#__PURE__*/React__default["default"].createElement("p", {
31
- className: index.getClassName([className, 'sendbird-text-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
32
- }, message === null || message === void 0 ? void 0 : message.message, index.isEditedMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
44
+ className: index.getClassName([className, 'sendbird-text-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
45
+ }, isMessageMentioned ? sentences.map(function (sentence, index) {
46
+ return [sentence.map(function (word) {
47
+ return /*#__PURE__*/React__default["default"].createElement(index$1.Word, {
48
+ key: uuid.uuidv4(),
49
+ word: word,
50
+ message: message,
51
+ isByMe: isByMe
52
+ });
53
+ }), (sentences === null || sentences === void 0 ? void 0 : sentences[index + 1]) ? /*#__PURE__*/React__default["default"].createElement("br", null) : null];
54
+ }) : message === null || message === void 0 ? void 0 : message.message, index.isEditedMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
33
55
  className: "sendbird-text-message-item-body__message edited",
34
56
  type: ui_Label.LabelTypography.BODY_1,
35
57
  color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2
@@ -1 +1 @@
1
- {"version":3,"file":"TextMessageItemBody.js","sources":["../../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { UserMessage } from 'sendbird';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport {\n getClassName,\n isEditedMessage,\n} from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n className?: string | Array<string>;\n message: UserMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n}\n\nexport default function TextMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <Label\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n <p className={getClassName([\n className,\n 'sendbird-text-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n message?.reactions?.length > 0 ? 'reactions' : '',\n ])}>\n {message?.message}\n {\n isEditedMessage(message) && (\n <Label\n className=\"sendbird-text-message-item-body__message edited\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n >\n {` ${stringSet.MESSAGE_EDITED} `}\n </Label>\n )\n }\n </p>\n </Label>\n );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","stringSet","useContext","LocalizationContext","React","Label","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","reactions","length","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":";;;;;;;;;;;;;;;;SAkBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;AAEL,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AACR,sBACEC,wCAACC,cAAD;AACE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MADxB;AAEE,IAAA,KAAK,EAAET,MAAM,GAAGU,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAFxD,kBAIEN;AAAG,IAAA,SAAS,EAAEO,kBAAY,CAAC,CACzBhB,SADyB,EAEzB,iCAFyB,EAGzBG,MAAM,GAAG,UAAH,GAAgB,UAHG,EAIzBE,UAAU,GAAG,aAAH,GAAmB,EAJJ,EAKzB,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEgB,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALtB,CAAD;AAA1B,KAOGjB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OAPZ,EASIkB,qBAAe,CAAClB,OAAD,CAAf,iBACEQ,wCAACC,cAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAET,MAAM,GAAGU,oBAAW,CAACO,WAAf,GAA6BP,oBAAW,CAACQ;AAHxD,KAKG,MAAIf,SAAS,CAACgB,cAAd,MALH,CAVN,CAJF,CADF;AA2BD;;;;"}
1
+ {"version":3,"file":"TextMessageItemBody.js","sources":["../../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext, useMemo } from 'react';\nimport SendBird from 'sendbird';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\nimport Word from '../Word';\n\ninterface Props {\n className?: string | Array<string>;\n message: SendBird.UserMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n isMentionEnabled?: boolean;\n}\n\nexport default function TextMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n isMentionEnabled = false,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n const sentences: Array<Array<string>> = useMemo(() => {\n return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n }, [message?.mentionedMessageTemplate]);\n return (\n <Label\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n <p className={getClassName([\n className,\n 'sendbird-text-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n message?.reactions?.length > 0 ? 'reactions' : '',\n ])}>\n {\n isMessageMentioned\n ? (\n sentences.map((sentence, index) => {\n return [\n sentence.map((word) => {\n return (\n <Word\n key={uuidv4()}\n word={word}\n message={message}\n isByMe={isByMe}\n />\n );\n }),\n sentences?.[index + 1] ? <br /> : null,\n ]\n })\n )\n : message?.message\n }\n {\n isEditedMessage(message) && (\n <Label\n className=\"sendbird-text-message-item-body__message edited\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n >\n {` ${stringSet.MESSAGE_EDITED} `}\n </Label>\n )\n }\n </p>\n </Label>\n );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_e","isByMe","_f","mouseHover","_g","isMentionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","sentences","useMemo","split","map","sentence","React","Label","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","reactions","index","word","Word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":";;;;;;;;;;;;;;;;;;;SAkBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC;MAAAC,gBAAgB,mBAAG;AAEX,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AACR,MAAMC,kBAAkB,GAAGJ,gBAAgB,IAAI,CAAA,MAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAT,UAAA,iBAAA,SAAA,MAAmCC,MAAnC,IAA4C,CAAhE,IAAqE,CAAA,MAAAZ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,cAAT,UAAA,iBAAA,SAAA,MAAyBD,MAAzB,IAAkC,CAAlI;AACA,MAAME,SAAS,GAAyBC,aAAO,CAAC;;;AAC9C,WAAO,MAAAf,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAT,UAAA,iBAAA,SAAA,MAAmCK,MAAM,MAAMC,IAAI,UAACC,QAAD;AAAc,aAAAA,QAAQ,CAACF,KAAT,CAAe,IAAf,CAAA;AAAoB,MAA5F;AACD,GAF8C,EAE5C,CAAChB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAV,CAF4C,CAA/C;AAGA,sBACEQ,wCAACC,cAAD;AACE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MADxB;AAEE,IAAA,KAAK,EAAEpB,MAAM,GAAGqB,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAFxD,kBAIEN;AAAG,IAAA,SAAS,EAAEO,kBAAY,CAAC,CACzB3B,SADyB,EAEzB,iCAFyB,EAGzBG,MAAM,GAAG,UAAH,GAAgB,UAHG,EAIzBE,UAAU,GAAG,aAAH,GAAmB,EAJJ,EAKzB,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE2B,SAAT,UAAA,iBAAA,SAAA,MAAoBf,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALtB,CAAD;AAA1B,KAQIF,kBAAkB,GAEdI,SAAS,CAACG,GAAV,CAAc,UAACC,QAAD,EAAWU,KAAX;AACZ,WAAO,CACLV,QAAQ,CAACD,GAAT,CAAa,UAACY,IAAD;AACX,0BACEV,wCAACW,YAAD;AACE,QAAA,GAAG,EAAEC,WAAM,EADb;AAEE,QAAA,IAAI,EAAEF,IAFR;AAGE,QAAA,OAAO,EAAE7B,OAHX;AAIE,QAAA,MAAM,EAAEE;AAJV,QADF;AAQD,KATD,CADK,EAWL,CAAAY,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAGc,KAAK,GAAG,CAAX,CAAT,iBAAyBT,mDAAzB,GAAkC,IAX7B,CAAP;AAaD,GAdD,CAFc,GAkBfnB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OA1BhB,EA6BIgC,qBAAe,CAAChC,OAAD,CAAf,iBACEmB,wCAACC,cAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEpB,MAAM,GAAGqB,oBAAW,CAACU,WAAf,GAA6BV,oBAAW,CAACW;AAHxD,KAKG,MAAI3B,SAAS,CAAC4B,cAAd,MALH,CA9BN,CAJF,CADF;AA+CD;;;;"}
@@ -3,10 +3,10 @@
3
3
  var React = require('react');
4
4
  var ui_Icon = require('./Icon.js');
5
5
  var ui_ImageRenderer = require('./ImageRenderer.js');
6
- var index = require('../index-d4880236.js');
7
- require('../_rollupPluginBabelHelpers-fc14118c.js');
6
+ var index = require('../index-212a11f2.js');
7
+ require('../_rollupPluginBabelHelpers-6193d45d.js');
8
8
  require('prop-types');
9
- require('../tslib.es6-4a281a05.js');
9
+ require('../tslib.es6-07dd6257.js');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
12
 
package/cjs/ui/Tooltip.js CHANGED
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
3
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6193d45d.js');
4
4
  var React = require('react');
5
5
  var PropTypes = require('prop-types');
6
- var ui_Label = require('../index-1468d245.js');
7
- require('../stringSet-aa544ce5.js');
6
+ var ui_Label = require('../index-f1971e28.js');
7
+ require('../stringSet-b9ea6eef.js');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
3
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6193d45d.js');
4
4
  var React = require('react');
5
5
  var PropTypes = require('prop-types');
6
6
 
@@ -1,14 +1,14 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var ui_Label = require('../index-1468d245.js');
5
- var index = require('../index-d4880236.js');
6
- var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
7
- require('../_rollupPluginBabelHelpers-fc14118c.js');
4
+ var ui_Label = require('../index-f1971e28.js');
5
+ var index = require('../index-212a11f2.js');
6
+ var LocalizationContext = require('../LocalizationContext-382a9ef1.js');
7
+ require('../_rollupPluginBabelHelpers-6193d45d.js');
8
8
  require('prop-types');
9
- require('../stringSet-aa544ce5.js');
10
- require('../tslib.es6-4a281a05.js');
11
- require('../index-e2bb862c.js');
9
+ require('../stringSet-b9ea6eef.js');
10
+ require('../tslib.es6-07dd6257.js');
11
+ require('../index-20a06ed6.js');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
14
 
@@ -1,27 +1,27 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
3
+ var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6193d45d.js');
4
4
  var React = require('react');
5
5
  var PropTypes = require('prop-types');
6
- var UserProfileContext = require('../UserProfileContext-3533547d.js');
7
- var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
6
+ var UserProfileContext = require('../UserProfileContext-0b7ef11a.js');
7
+ var LocalizationContext = require('../LocalizationContext-382a9ef1.js');
8
8
  var ui_Avatar = require('./Avatar.js');
9
9
  var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
10
10
  var ui_Checkbox = require('./Checkbox.js');
11
11
  var ui_UserProfile = require('./UserProfile.js');
12
12
  var ui_ContextMenu = require('./ContextMenu.js');
13
- var ui_Label = require('../index-1468d245.js');
14
- require('../stringSet-aa544ce5.js');
15
- require('../index-e2bb862c.js');
16
- require('../tslib.es6-4a281a05.js');
13
+ var ui_Label = require('../index-f1971e28.js');
14
+ require('../stringSet-b9ea6eef.js');
15
+ require('../index-20a06ed6.js');
16
+ require('../tslib.es6-07dd6257.js');
17
17
  require('./ImageRenderer.js');
18
18
  require('./Icon.js');
19
- require('../uuid-1d5ec8b2.js');
19
+ require('../uuid-172844fb.js');
20
20
  require('../withSendBird.js');
21
21
  require('../sendBirdSelectors.js');
22
- require('../topics-8314d425.js');
23
- require('../index-1044f1ed.js');
24
- require('../index-d4880236.js');
22
+ require('../topics-11048db8.js');
23
+ require('../index-01072ac9.js');
24
+ require('../index-212a11f2.js');
25
25
  require('react-dom');
26
26
  require('./SortByRow.js');
27
27
 
@@ -1,21 +1,21 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
4
+ var LocalizationContext = require('../LocalizationContext-382a9ef1.js');
5
5
  var withSendBird = require('../withSendBird.js');
6
6
  var sendBirdSelectors = require('../sendBirdSelectors.js');
7
7
  var ui_Avatar = require('./Avatar.js');
8
- var ui_Label = require('../index-1468d245.js');
9
- var ui_Button = require('../index-1044f1ed.js');
10
- require('../stringSet-aa544ce5.js');
11
- require('../index-e2bb862c.js');
12
- require('../_rollupPluginBabelHelpers-fc14118c.js');
13
- require('../topics-8314d425.js');
14
- require('../tslib.es6-4a281a05.js');
8
+ var ui_Label = require('../index-f1971e28.js');
9
+ var ui_Button = require('../index-01072ac9.js');
10
+ require('../stringSet-b9ea6eef.js');
11
+ require('../index-20a06ed6.js');
12
+ require('../_rollupPluginBabelHelpers-6193d45d.js');
13
+ require('../topics-11048db8.js');
14
+ require('../tslib.es6-07dd6257.js');
15
15
  require('./ImageRenderer.js');
16
16
  require('prop-types');
17
17
  require('./Icon.js');
18
- require('../uuid-1d5ec8b2.js');
18
+ require('../uuid-172844fb.js');
19
19
 
20
20
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
21
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  var React = require('react');
4
4
  var withSendBird = require('./withSendBird.js');
5
- require('./_rollupPluginBabelHelpers-fc14118c.js');
5
+ require('./_rollupPluginBabelHelpers-6193d45d.js');
6
6
 
7
7
  /**
8
8
  * Example:
@@ -29,4 +29,4 @@ var copyToClipboard = function copyToClipboard(text) {
29
29
  };
30
30
 
31
31
  exports.copyToClipboard = copyToClipboard;
32
- //# sourceMappingURL=utils-cbd3ed99.js.map
32
+ //# sourceMappingURL=utils-3240365f.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils-cbd3ed99.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n // @ts-ignore: Unreachable code error\n if (window.clipboardData && window.clipboardData.setData) {\n // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n // @ts-ignore: Unreachable code error\n return window.clipboardData.setData('Text', text);\n }\n if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n const textarea = document.createElement('textarea');\n textarea.textContent = text;\n textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n document.body.appendChild(textarea);\n textarea.select();\n try {\n return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n } catch (ex) {\n return false;\n } finally {\n document.body.removeChild(textarea);\n }\n }\n return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;IAAaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD;AAC7B;AACA,MAAIC,MAAM,CAACC,aAAP,IAAwBD,MAAM,CAACC,aAAP,CAAqBC,OAAjD,EAA0D;AACxD;AACA;AACA,WAAOF,MAAM,CAACC,aAAP,CAAqBC,OAArB,CAA6B,MAA7B,EAAqCH,IAArC,CAAP;AACD;;AACD,MAAII,QAAQ,CAACC,qBAAT,IAAkCD,QAAQ,CAACC,qBAAT,CAA+B,MAA/B,CAAtC,EAA8E;AAC5E,QAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAT,CAAuB,UAAvB,CAAjB;AACAD,IAAAA,QAAQ,CAACE,WAAT,GAAuBR,IAAvB;AACAM,IAAAA,QAAQ,CAACG,KAAT,CAAeC,QAAf,GAA0B,OAA1B,CAH4E;;AAI5EN,IAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0BN,QAA1B;AACAA,IAAAA,QAAQ,CAACO,MAAT;;AACA,QAAI;AACF,aAAOT,QAAQ,CAACU,WAAT,CAAqB,MAArB,CAAP,CADE;AAEH,KAFD,CAEE,OAAOC,EAAP,EAAW;AACX,aAAO,KAAP;AACD,KAJD,SAIU;AACRX,MAAAA,QAAQ,CAACO,IAAT,CAAcK,WAAd,CAA0BV,QAA1B;AACD;AACF;;AACD,SAAO,KAAP;AACD;;;;"}
1
+ {"version":3,"file":"utils-3240365f.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n // @ts-ignore: Unreachable code error\n if (window.clipboardData && window.clipboardData.setData) {\n // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n // @ts-ignore: Unreachable code error\n return window.clipboardData.setData('Text', text);\n }\n if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n const textarea = document.createElement('textarea');\n textarea.textContent = text;\n textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n document.body.appendChild(textarea);\n textarea.select();\n try {\n return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n } catch (ex) {\n return false;\n } finally {\n document.body.removeChild(textarea);\n }\n }\n return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;IAAaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD;AAC7B;AACA,MAAIC,MAAM,CAACC,aAAP,IAAwBD,MAAM,CAACC,aAAP,CAAqBC,OAAjD,EAA0D;AACxD;AACA;AACA,WAAOF,MAAM,CAACC,aAAP,CAAqBC,OAArB,CAA6B,MAA7B,EAAqCH,IAArC,CAAP;AACD;;AACD,MAAII,QAAQ,CAACC,qBAAT,IAAkCD,QAAQ,CAACC,qBAAT,CAA+B,MAA/B,CAAtC,EAA8E;AAC5E,QAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAT,CAAuB,UAAvB,CAAjB;AACAD,IAAAA,QAAQ,CAACE,WAAT,GAAuBR,IAAvB;AACAM,IAAAA,QAAQ,CAACG,KAAT,CAAeC,QAAf,GAA0B,OAA1B,CAH4E;;AAI5EN,IAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0BN,QAA1B;AACAA,IAAAA,QAAQ,CAACO,MAAT;;AACA,QAAI;AACF,aAAOT,QAAQ,CAACU,WAAT,CAAqB,MAArB,CAAP,CADE;AAEH,KAFD,CAEE,OAAOC,EAAP,EAAW;AACX,aAAO,KAAP;AACD,KAJD,SAIU;AACRX,MAAAA,QAAQ,CAACO,IAAT,CAAcK,WAAd,CAA0BV,QAA1B;AACD;AACF;;AACD,SAAO,KAAP;AACD;;;;"}
@@ -35,4 +35,4 @@ var generateDefaultAvatar = function generateDefaultAvatar(channel) {
35
35
  exports.generateDefaultAvatar = generateDefaultAvatar;
36
36
  exports.getChannelAvatarSource = getChannelAvatarSource;
37
37
  exports.getOpenChannelAvatar = getOpenChannelAvatar;
38
- //# sourceMappingURL=utils-66b3f4ec.js.map
38
+ //# sourceMappingURL=utils-53d332a6.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils-66b3f4ec.js","sources":["../../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["export const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: SendBird.OpenChannel): string => {\n if (channel && channel.coverUrl) {\n return channel.coverUrl;\n }\n};\n\nexport const getChannelAvatarSource = (channel: SendBird.GroupChannel, currentUserId: string): string | Array<string> => {\n if (channel && channel.coverUrl) {\n if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n return channel.coverUrl;\n }\n }\n\n return channel && channel.members\n ? channel.members\n .filter((member) => member.userId !== currentUserId)\n .map(({ profileUrl }) => profileUrl)\n : [];\n};\n\n\nexport const generateDefaultAvatar = (channel: SendBird.GroupChannel): boolean => {\n if (channel && channel.coverUrl) {\n if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n return true;\n }\n return false;\n }\n return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar"],"mappings":";;AAAO,IAAMA,kBAAkB,GAAG,iDAA3B;IAEMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD;AAClC,MAAIA,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,WAAOD,OAAO,CAACC,QAAf;AACD;AACF;IAEYC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACF,OAAD,EAAiCG,aAAjC;AACpC,MAAIH,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,QAAI,CAAE,IAAIG,MAAJ,CAAW,MAAIN,kBAAf,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAN,EAAoE;AAClE,aAAOD,OAAO,CAACC,QAAf;AACD;AACF;;AAED,SAAOD,OAAO,IAAIA,OAAO,CAACM,OAAnB,GACHN,OAAO,CAACM,OAAR,CACCC,MADD,CACQ,UAACC,MAAD;AAAY,WAAAA,MAAM,CAACC,MAAP,KAAkBN,aAAlB;AAA+B,GADnD,EAECO,GAFD,CAEK,UAACC,EAAD;QAAGC,UAAU;AAAO,WAAAA,UAAA;AAAU,GAFnC,CADG,GAIH,EAJJ;AAKD;IAGYC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACb,OAAD;AACnC,MAAIA,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,QAAI,IAAIG,MAAJ,CAAW,MAAIN,kBAAf,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAJ,EAAiE;AAC/D,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD;;AACD,SAAO,IAAP;AACD;;;;;;"}
1
+ {"version":3,"file":"utils-53d332a6.js","sources":["../../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["export const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: SendBird.OpenChannel): string => {\n if (channel && channel.coverUrl) {\n return channel.coverUrl;\n }\n};\n\nexport const getChannelAvatarSource = (channel: SendBird.GroupChannel, currentUserId: string): string | Array<string> => {\n if (channel && channel.coverUrl) {\n if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n return channel.coverUrl;\n }\n }\n\n return channel && channel.members\n ? channel.members\n .filter((member) => member.userId !== currentUserId)\n .map(({ profileUrl }) => profileUrl)\n : [];\n};\n\n\nexport const generateDefaultAvatar = (channel: SendBird.GroupChannel): boolean => {\n if (channel && channel.coverUrl) {\n if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n return true;\n }\n return false;\n }\n return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar"],"mappings":";;AAAO,IAAMA,kBAAkB,GAAG,iDAA3B;IAEMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD;AAClC,MAAIA,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,WAAOD,OAAO,CAACC,QAAf;AACD;AACF;IAEYC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACF,OAAD,EAAiCG,aAAjC;AACpC,MAAIH,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,QAAI,CAAE,IAAIG,MAAJ,CAAW,MAAIN,kBAAf,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAN,EAAoE;AAClE,aAAOD,OAAO,CAACC,QAAf;AACD;AACF;;AAED,SAAOD,OAAO,IAAIA,OAAO,CAACM,OAAnB,GACHN,OAAO,CAACM,OAAR,CACCC,MADD,CACQ,UAACC,MAAD;AAAY,WAAAA,MAAM,CAACC,MAAP,KAAkBN,aAAlB;AAA+B,GADnD,EAECO,GAFD,CAEK,UAACC,EAAD;QAAGC,UAAU;AAAO,WAAAA,UAAA;AAAU,GAFnC,CADG,GAIH,EAJJ;AAKD;IAGYC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACb,OAAD;AACnC,MAAIA,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,QAAI,IAAIG,MAAJ,CAAW,MAAIN,kBAAf,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAJ,EAAiE;AAC/D,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD;;AACD,SAAO,IAAP;AACD;;;;;;"}
@@ -3,4 +3,4 @@
3
3
  var noop = function noop() {};
4
4
 
5
5
  exports.noop = noop;
6
- //# sourceMappingURL=utils-3b0815dc.js.map
6
+ //# sourceMappingURL=utils-94ae6cec.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils-3b0815dc.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":";;IAAaA,IAAI,GAAG,SAAPA,IAAO,GAAM;;;;"}
1
+ {"version":3,"file":"utils-94ae6cec.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":";;IAAaA,IAAI,GAAG,SAAPA,IAAO,GAAM;;;;"}
@@ -16,4 +16,4 @@ var uuidv4 = function uuidv4() {
16
16
  };
17
17
 
18
18
  exports.uuidv4 = uuidv4;
19
- //# sourceMappingURL=uuid-1d5ec8b2.js.map
19
+ //# sourceMappingURL=uuid-172844fb.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"uuid-1d5ec8b2.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = Math.random() * 16 | 0;\n const v = c === 'x' ? r : (r & 0x3 | 0x8);\n return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":";;AAAA;;AACA;;AACA;AACA;AACA;IACaA,MAAM,GAAG,SAATA,MAAS;AAAc,SAAA,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAACC,CAAD;AAC1F,QAAMC,CAAC,GAAGC,IAAI,CAACC,MAAL,KAAgB,EAAhB,GAAqB,CAA/B;AACA,QAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAJ,GAAU,GAArC;AACA,WAAOG,CAAC,CAACC,QAAF,CAAW,EAAX,CAAP;AACD,GAJmC,CAAA;AAIlC;;;;"}
1
+ {"version":3,"file":"uuid-172844fb.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = Math.random() * 16 | 0;\n const v = c === 'x' ? r : (r & 0x3 | 0x8);\n return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":";;AAAA;;AACA;;AACA;AACA;AACA;IACaA,MAAM,GAAG,SAATA,MAAS;AAAc,SAAA,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAACC,CAAD;AAC1F,QAAMC,CAAC,GAAGC,IAAI,CAACC,MAAL,KAAgB,EAAhB,GAAqB,CAA/B;AACA,QAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAJ,GAAU,GAArC;AACA,WAAOG,CAAC,CAACC,QAAF,CAAW,EAAX,CAAP;AACD,GAJmC,CAAA;AAIlC;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-fc14118c.js');
5
+ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-6193d45d.js');
6
6
  var React = require('react');
7
7
 
8
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -36,4 +36,4 @@ function changeColorToClassName(color) {
36
36
  }
37
37
 
38
38
  export { Colors as C, changeColorToClassName as c };
39
- //# sourceMappingURL=color-ee3fc5ee.js.map
39
+ //# sourceMappingURL=color-38dc84d3.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"color-ee3fc5ee.js","sources":["../src/utils/color.js"],"sourcesContent":["import './color.scss';\n\nexport const Colors = {\n ONBACKGROUND_1: 'ONBACKGROUND_1',\n ONBACKGROUND_2: 'ONBACKGROUND_2',\n ONBACKGROUND_3: 'ONBACKGROUND_3',\n ONBACKGROUND_4: 'ONBACKGROUND_4',\n ONCONTENT_1: 'ONCONTENT_1',\n PRIMARY: 'PRIMARY',\n ERROR: 'ERROR',\n};\n\nexport function changeColorToClassName(color) {\n switch (color) {\n case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n case Colors.PRIMARY: return 'sendbird-color--primary';\n case Colors.ERROR: return 'sendbird-color--error';\n default: return null;\n }\n}\n"],"names":["Colors","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR","changeColorToClassName","color"],"mappings":"IAEaA,MAAM,GAAG;AACpBC,EAAAA,cAAc,EAAE,gBADI;AAEpBC,EAAAA,cAAc,EAAE,gBAFI;AAGpBC,EAAAA,cAAc,EAAE,gBAHI;AAIpBC,EAAAA,cAAc,EAAE,gBAJI;AAKpBC,EAAAA,WAAW,EAAE,aALO;AAMpBC,EAAAA,OAAO,EAAE,SANW;AAOpBC,EAAAA,KAAK,EAAE;AAPa;AAUf,SAASC,sBAAT,CAAgCC,KAAhC,EAAuC;AAC5C,UAAQA,KAAR;AACE,SAAKT,MAAM,CAACC,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKD,MAAM,CAACE,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKF,MAAM,CAACG,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKH,MAAM,CAACI,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKJ,MAAM,CAACK,WAAZ;AAAyB,aAAO,6BAAP;;AACzB,SAAKL,MAAM,CAACM,OAAZ;AAAqB,aAAO,yBAAP;;AACrB,SAAKN,MAAM,CAACO,KAAZ;AAAmB,aAAO,uBAAP;;AACnB;AAAS,aAAO,IAAP;AARX;AAUD;;;;"}
1
+ {"version":3,"file":"color-38dc84d3.js","sources":["../src/utils/color.js"],"sourcesContent":["import './color.scss';\n\nexport const Colors = {\n ONBACKGROUND_1: 'ONBACKGROUND_1',\n ONBACKGROUND_2: 'ONBACKGROUND_2',\n ONBACKGROUND_3: 'ONBACKGROUND_3',\n ONBACKGROUND_4: 'ONBACKGROUND_4',\n ONCONTENT_1: 'ONCONTENT_1',\n PRIMARY: 'PRIMARY',\n ERROR: 'ERROR',\n};\n\nexport function changeColorToClassName(color) {\n switch (color) {\n case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n case Colors.PRIMARY: return 'sendbird-color--primary';\n case Colors.ERROR: return 'sendbird-color--error';\n default: return null;\n }\n}\n"],"names":["Colors","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR","changeColorToClassName","color"],"mappings":"IAEaA,MAAM,GAAG;AACpBC,EAAAA,cAAc,EAAE,gBADI;AAEpBC,EAAAA,cAAc,EAAE,gBAFI;AAGpBC,EAAAA,cAAc,EAAE,gBAHI;AAIpBC,EAAAA,cAAc,EAAE,gBAJI;AAKpBC,EAAAA,WAAW,EAAE,aALO;AAMpBC,EAAAA,OAAO,EAAE,SANW;AAOpBC,EAAAA,KAAK,EAAE;AAPa;AAUf,SAASC,sBAAT,CAAgCC,KAAhC,EAAuC;AAC5C,UAAQA,KAAR;AACE,SAAKT,MAAM,CAACC,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKD,MAAM,CAACE,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKF,MAAM,CAACG,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKH,MAAM,CAACI,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKJ,MAAM,CAACK,WAAZ;AAAyB,aAAO,6BAAP;;AACzB,SAAKL,MAAM,CAACM,OAAZ;AAAqB,aAAO,yBAAP;;AACrB,SAAKN,MAAM,CAACO,KAAZ;AAAmB,aAAO,uBAAP;;AACnB;AAAS,aAAO,IAAP;AARX;AAUD;;;;"}
@@ -15,4 +15,4 @@ function compareIds (a, b) {
15
15
  }
16
16
 
17
17
  export { compareIds as c };
18
- //# sourceMappingURL=compareIds-808956f2.js.map
18
+ //# sourceMappingURL=compareIds-f01e0c3c.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"compareIds-808956f2.js","sources":["../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n if (isEmpty(a) || isEmpty(b)) {\n return false;\n }\n const aString = a.toString();\n const bString = b.toString();\n return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":"AAAA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,GAAD;AAAA,SAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlC;AAAA,CAAhB;AAGA;;;AACe,qBAAUC,CAAV,EAAaC,CAAb,EAAgB;AAC7B,MAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,WAAO,KAAP;AACD;;AACD,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB;AACA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB;AACA,SAAOD,OAAO,KAAKE,OAAnB;AACD;;;;"}
1
+ {"version":3,"file":"compareIds-f01e0c3c.js","sources":["../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n if (isEmpty(a) || isEmpty(b)) {\n return false;\n }\n const aString = a.toString();\n const bString = b.toString();\n return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":"AAAA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,GAAD;AAAA,SAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlC;AAAA,CAAhB;AAGA;;;AACe,qBAAUC,CAAV,EAAaC,CAAb,EAAgB;AAC7B,MAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,WAAO,KAAP;AACD;;AACD,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB;AACA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB;AACA,SAAOD,OAAO,KAAKE,OAAnB;AACD;;;;"}
@@ -0,0 +1,8 @@
1
+ var PREV_RESULT_SIZE = 30;
2
+ var NEXT_RESULT_SIZE = 15;
3
+ var MAX_USER_MENTION_COUNT = 10;
4
+ var MAX_USER_SUGGESTION_COUNT = 15;
5
+ var USER_MENTION_TEMP_CHAR = '@';
6
+
7
+ export { MAX_USER_MENTION_COUNT as M, NEXT_RESULT_SIZE as N, PREV_RESULT_SIZE as P, USER_MENTION_TEMP_CHAR as U, MAX_USER_SUGGESTION_COUNT as a };
8
+ //# sourceMappingURL=const-b6685801.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"const-b6685801.js","sources":["../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR"],"mappings":"IAAaA,gBAAgB,GAAG;IACnBC,gBAAgB,GAAG;IAEnBC,sBAAsB,GAAG;IACzBC,yBAAyB,GAAG;IAC5BC,sBAAsB,GAAG;;;;"}
@@ -0,0 +1,18 @@
1
+ var MessageInputKeys = {
2
+ Enter: 'Enter',
3
+ ArrowUp: 'ArrowUp',
4
+ ArrowDown: 'ArrowDown',
5
+ Backspace: 'Backspace'
6
+ };
7
+ var NodeTypes = {
8
+ ElementNode: 1,
9
+ TextNode: 3
10
+ };
11
+ var NodeNames = {
12
+ Span: 'SPAN',
13
+ Br: 'BR',
14
+ Div: 'DIV'
15
+ };
16
+
17
+ export { MessageInputKeys as M, NodeTypes as N, NodeNames as a };
18
+ //# sourceMappingURL=const-d46f09a1.js.map