@sendbird/uikit-react 3.0.0-beta → 3.0.0-beta.4

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 (590) hide show
  1. package/CHANGELOG.md +65 -0
  2. package/README.md +27 -1
  3. package/dist/index.css +243 -135
  4. package/dist/index.css.map +1 -1
  5. package/package.json +30 -8
  6. package/App.js +0 -294
  7. package/App.js.map +0 -1
  8. package/Channel/components/ChannelHeader.js +0 -116
  9. package/Channel/components/ChannelHeader.js.map +0 -1
  10. package/Channel/components/ChannelUI.js +0 -172
  11. package/Channel/components/ChannelUI.js.map +0 -1
  12. package/Channel/components/FileViewer.js +0 -150
  13. package/Channel/components/FileViewer.js.map +0 -1
  14. package/Channel/components/FrozenNotification.js +0 -20
  15. package/Channel/components/FrozenNotification.js.map +0 -1
  16. package/Channel/components/Message.js +0 -232
  17. package/Channel/components/Message.js.map +0 -1
  18. package/Channel/components/MessageInput.js +0 -87
  19. package/Channel/components/MessageInput.js.map +0 -1
  20. package/Channel/components/MessageList.js +0 -227
  21. package/Channel/components/MessageList.js.map +0 -1
  22. package/Channel/components/RemoveMessageModal.js +0 -52
  23. package/Channel/components/RemoveMessageModal.js.map +0 -1
  24. package/Channel/components/TypingIndicator.js +0 -97
  25. package/Channel/components/TypingIndicator.js.map +0 -1
  26. package/Channel/components/UnreadCount.js +0 -41
  27. package/Channel/components/UnreadCount.js.map +0 -1
  28. package/Channel/context.js +0 -23
  29. package/Channel/context.js.map +0 -1
  30. package/Channel.js +0 -99
  31. package/Channel.js.map +0 -1
  32. package/ChannelList/components/AddChannel.js +0 -70
  33. package/ChannelList/components/AddChannel.js.map +0 -1
  34. package/ChannelList/components/ChannelListHeader.js +0 -62
  35. package/ChannelList/components/ChannelListHeader.js.map +0 -1
  36. package/ChannelList/components/ChannelListUI.js +0 -213
  37. package/ChannelList/components/ChannelListUI.js.map +0 -1
  38. package/ChannelList/components/ChannelPreview.js +0 -177
  39. package/ChannelList/components/ChannelPreview.js.map +0 -1
  40. package/ChannelList/components/ChannelPreviewAction.js +0 -131
  41. package/ChannelList/components/ChannelPreviewAction.js.map +0 -1
  42. package/ChannelList/context.js +0 -13
  43. package/ChannelList/context.js.map +0 -1
  44. package/ChannelList.js +0 -80
  45. package/ChannelList.js.map +0 -1
  46. package/ChannelListProvider-0b0c2c40.js +0 -861
  47. package/ChannelListProvider-0b0c2c40.js.map +0 -1
  48. package/ChannelProvider-459e463f.js +0 -2083
  49. package/ChannelProvider-459e463f.js.map +0 -1
  50. package/ChannelSettings/components/AdminPanel.js +0 -905
  51. package/ChannelSettings/components/AdminPanel.js.map +0 -1
  52. package/ChannelSettings/components/ChannelProfile.js +0 -102
  53. package/ChannelSettings/components/ChannelProfile.js.map +0 -1
  54. package/ChannelSettings/components/ChannelSettingsUI.js +0 -152
  55. package/ChannelSettings/components/ChannelSettingsUI.js.map +0 -1
  56. package/ChannelSettings/components/EditDetailsModal.js +0 -154
  57. package/ChannelSettings/components/EditDetailsModal.js.map +0 -1
  58. package/ChannelSettings/components/LeaveChannel.js +0 -53
  59. package/ChannelSettings/components/LeaveChannel.js.map +0 -1
  60. package/ChannelSettings/components/UserListItem.js +0 -105
  61. package/ChannelSettings/components/UserListItem.js.map +0 -1
  62. package/ChannelSettings/components/UserPanel.js +0 -79
  63. package/ChannelSettings/components/UserPanel.js.map +0 -1
  64. package/ChannelSettings/context.js +0 -93
  65. package/ChannelSettings/context.js.map +0 -1
  66. package/ChannelSettings.js +0 -71
  67. package/ChannelSettings.js.map +0 -1
  68. package/CreateChannel/components/CreateChannelUI.js +0 -53
  69. package/CreateChannel/components/CreateChannelUI.js.map +0 -1
  70. package/CreateChannel/components/InviteMembers.js +0 -184
  71. package/CreateChannel/components/InviteMembers.js.map +0 -1
  72. package/CreateChannel/components/SelectChannelType.js +0 -131
  73. package/CreateChannel/components/SelectChannelType.js.map +0 -1
  74. package/CreateChannel/context.js +0 -8
  75. package/CreateChannel/context.js.map +0 -1
  76. package/CreateChannel.js +0 -53
  77. package/CreateChannel.js.map +0 -1
  78. package/CreateChannelProvider-c617a1bb.js +0 -53
  79. package/CreateChannelProvider-c617a1bb.js.map +0 -1
  80. package/EditUserProfile/components/EditUserProfileUI.js +0 -26
  81. package/EditUserProfile/components/EditUserProfileUI.js.map +0 -1
  82. package/EditUserProfile/context.js +0 -27
  83. package/EditUserProfile/context.js.map +0 -1
  84. package/EditUserProfile.js +0 -39
  85. package/EditUserProfile.js.map +0 -1
  86. package/LocalizationContext-e4391013.js +0 -22
  87. package/LocalizationContext-e4391013.js.map +0 -1
  88. package/MemberList-6655cba0.js +0 -425
  89. package/MemberList-6655cba0.js.map +0 -1
  90. package/MessageSearch/components/MessageSearchUI.js +0 -151
  91. package/MessageSearch/components/MessageSearchUI.js.map +0 -1
  92. package/MessageSearch/context.js +0 -392
  93. package/MessageSearch/context.js.map +0 -1
  94. package/MessageSearch.js +0 -146
  95. package/MessageSearch.js.map +0 -1
  96. package/OpenChannel/components/FrozenChannelNotification.js +0 -20
  97. package/OpenChannel/components/FrozenChannelNotification.js.map +0 -1
  98. package/OpenChannel/components/OpenChannelHeader.js +0 -78
  99. package/OpenChannel/components/OpenChannelHeader.js.map +0 -1
  100. package/OpenChannel/components/OpenChannelInput.js +0 -52
  101. package/OpenChannel/components/OpenChannelInput.js.map +0 -1
  102. package/OpenChannel/components/OpenChannelMessage.js +0 -278
  103. package/OpenChannel/components/OpenChannelMessage.js.map +0 -1
  104. package/OpenChannel/components/OpenChannelMessageList.js +0 -153
  105. package/OpenChannel/components/OpenChannelMessageList.js.map +0 -1
  106. package/OpenChannel/components/OpenChannelUI.js +0 -105
  107. package/OpenChannel/components/OpenChannelUI.js.map +0 -1
  108. package/OpenChannel/context.js +0 -14
  109. package/OpenChannel/context.js.map +0 -1
  110. package/OpenChannel.js +0 -76
  111. package/OpenChannel.js.map +0 -1
  112. package/OpenChannelProvider-a7691eb4.js +0 -2011
  113. package/OpenChannelProvider-a7691eb4.js.map +0 -1
  114. package/OpenChannelSettings/components/EditDetailsModal.js +0 -149
  115. package/OpenChannelSettings/components/EditDetailsModal.js.map +0 -1
  116. package/OpenChannelSettings/components/OpenChannelProfile.js +0 -81
  117. package/OpenChannelSettings/components/OpenChannelProfile.js.map +0 -1
  118. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +0 -104
  119. package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +0 -1
  120. package/OpenChannelSettings/components/OperatorUI.js +0 -184
  121. package/OpenChannelSettings/components/OperatorUI.js.map +0 -1
  122. package/OpenChannelSettings/components/ParticipantUI.js +0 -172
  123. package/OpenChannelSettings/components/ParticipantUI.js.map +0 -1
  124. package/OpenChannelSettings/context.js +0 -64
  125. package/OpenChannelSettings/context.js.map +0 -1
  126. package/OpenChannelSettings.js +0 -64
  127. package/OpenChannelSettings.js.map +0 -1
  128. package/SendbirdProvider.js +0 -740
  129. package/SendbirdProvider.js.map +0 -1
  130. package/UserProfileContext-865db5e6.js +0 -38
  131. package/UserProfileContext-865db5e6.js.map +0 -1
  132. package/_rollupPluginBabelHelpers-20904f21.js +0 -233
  133. package/_rollupPluginBabelHelpers-20904f21.js.map +0 -1
  134. package/actionTypes-1e3a4074.js +0 -6
  135. package/actionTypes-1e3a4074.js.map +0 -1
  136. package/cjs/App.js +0 -301
  137. package/cjs/App.js.map +0 -1
  138. package/cjs/Channel/components/ChannelHeader.js +0 -122
  139. package/cjs/Channel/components/ChannelHeader.js.map +0 -1
  140. package/cjs/Channel/components/ChannelUI.js +0 -178
  141. package/cjs/Channel/components/ChannelUI.js.map +0 -1
  142. package/cjs/Channel/components/FileViewer.js +0 -159
  143. package/cjs/Channel/components/FileViewer.js.map +0 -1
  144. package/cjs/Channel/components/FrozenNotification.js +0 -26
  145. package/cjs/Channel/components/FrozenNotification.js.map +0 -1
  146. package/cjs/Channel/components/Message.js +0 -238
  147. package/cjs/Channel/components/Message.js.map +0 -1
  148. package/cjs/Channel/components/MessageInput.js +0 -93
  149. package/cjs/Channel/components/MessageInput.js.map +0 -1
  150. package/cjs/Channel/components/MessageList.js +0 -233
  151. package/cjs/Channel/components/MessageList.js.map +0 -1
  152. package/cjs/Channel/components/RemoveMessageModal.js +0 -58
  153. package/cjs/Channel/components/RemoveMessageModal.js.map +0 -1
  154. package/cjs/Channel/components/TypingIndicator.js +0 -103
  155. package/cjs/Channel/components/TypingIndicator.js.map +0 -1
  156. package/cjs/Channel/components/UnreadCount.js +0 -47
  157. package/cjs/Channel/components/UnreadCount.js.map +0 -1
  158. package/cjs/Channel/context.js +0 -32
  159. package/cjs/Channel/context.js.map +0 -1
  160. package/cjs/Channel.js +0 -105
  161. package/cjs/Channel.js.map +0 -1
  162. package/cjs/ChannelList/components/AddChannel.js +0 -79
  163. package/cjs/ChannelList/components/AddChannel.js.map +0 -1
  164. package/cjs/ChannelList/components/ChannelListHeader.js +0 -68
  165. package/cjs/ChannelList/components/ChannelListHeader.js.map +0 -1
  166. package/cjs/ChannelList/components/ChannelListUI.js +0 -219
  167. package/cjs/ChannelList/components/ChannelListUI.js.map +0 -1
  168. package/cjs/ChannelList/components/ChannelPreview.js +0 -183
  169. package/cjs/ChannelList/components/ChannelPreview.js.map +0 -1
  170. package/cjs/ChannelList/components/ChannelPreviewAction.js +0 -138
  171. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +0 -1
  172. package/cjs/ChannelList/context.js +0 -22
  173. package/cjs/ChannelList/context.js.map +0 -1
  174. package/cjs/ChannelList.js +0 -86
  175. package/cjs/ChannelList.js.map +0 -1
  176. package/cjs/ChannelListProvider-5a152618.js +0 -873
  177. package/cjs/ChannelListProvider-5a152618.js.map +0 -1
  178. package/cjs/ChannelProvider-f1fb0108.js +0 -2096
  179. package/cjs/ChannelProvider-f1fb0108.js.map +0 -1
  180. package/cjs/ChannelSettings/components/AdminPanel.js +0 -911
  181. package/cjs/ChannelSettings/components/AdminPanel.js.map +0 -1
  182. package/cjs/ChannelSettings/components/ChannelProfile.js +0 -108
  183. package/cjs/ChannelSettings/components/ChannelProfile.js.map +0 -1
  184. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +0 -158
  185. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +0 -1
  186. package/cjs/ChannelSettings/components/EditDetailsModal.js +0 -160
  187. package/cjs/ChannelSettings/components/EditDetailsModal.js.map +0 -1
  188. package/cjs/ChannelSettings/components/LeaveChannel.js +0 -59
  189. package/cjs/ChannelSettings/components/LeaveChannel.js.map +0 -1
  190. package/cjs/ChannelSettings/components/UserListItem.js +0 -111
  191. package/cjs/ChannelSettings/components/UserListItem.js.map +0 -1
  192. package/cjs/ChannelSettings/components/UserPanel.js +0 -85
  193. package/cjs/ChannelSettings/components/UserPanel.js.map +0 -1
  194. package/cjs/ChannelSettings/context.js +0 -102
  195. package/cjs/ChannelSettings/context.js.map +0 -1
  196. package/cjs/ChannelSettings.js +0 -77
  197. package/cjs/ChannelSettings.js.map +0 -1
  198. package/cjs/CreateChannel/components/CreateChannelUI.js +0 -59
  199. package/cjs/CreateChannel/components/CreateChannelUI.js.map +0 -1
  200. package/cjs/CreateChannel/components/InviteMembers.js +0 -190
  201. package/cjs/CreateChannel/components/InviteMembers.js.map +0 -1
  202. package/cjs/CreateChannel/components/SelectChannelType.js +0 -137
  203. package/cjs/CreateChannel/components/SelectChannelType.js.map +0 -1
  204. package/cjs/CreateChannel/context.js +0 -17
  205. package/cjs/CreateChannel/context.js.map +0 -1
  206. package/cjs/CreateChannel.js +0 -59
  207. package/cjs/CreateChannel.js.map +0 -1
  208. package/cjs/CreateChannelProvider-df42106f.js +0 -60
  209. package/cjs/CreateChannelProvider-df42106f.js.map +0 -1
  210. package/cjs/EditUserProfile/components/EditUserProfileUI.js +0 -32
  211. package/cjs/EditUserProfile/components/EditUserProfileUI.js.map +0 -1
  212. package/cjs/EditUserProfile/context.js +0 -36
  213. package/cjs/EditUserProfile/context.js.map +0 -1
  214. package/cjs/EditUserProfile.js +0 -45
  215. package/cjs/EditUserProfile.js.map +0 -1
  216. package/cjs/LocalizationContext-68e55e2a.js +0 -30
  217. package/cjs/LocalizationContext-68e55e2a.js.map +0 -1
  218. package/cjs/MemberList-dc84e303.js +0 -431
  219. package/cjs/MemberList-dc84e303.js.map +0 -1
  220. package/cjs/MessageSearch/components/MessageSearchUI.js +0 -160
  221. package/cjs/MessageSearch/components/MessageSearchUI.js.map +0 -1
  222. package/cjs/MessageSearch/context.js +0 -401
  223. package/cjs/MessageSearch/context.js.map +0 -1
  224. package/cjs/MessageSearch.js +0 -152
  225. package/cjs/MessageSearch.js.map +0 -1
  226. package/cjs/OpenChannel/components/FrozenChannelNotification.js +0 -26
  227. package/cjs/OpenChannel/components/FrozenChannelNotification.js.map +0 -1
  228. package/cjs/OpenChannel/components/OpenChannelHeader.js +0 -84
  229. package/cjs/OpenChannel/components/OpenChannelHeader.js.map +0 -1
  230. package/cjs/OpenChannel/components/OpenChannelInput.js +0 -58
  231. package/cjs/OpenChannel/components/OpenChannelInput.js.map +0 -1
  232. package/cjs/OpenChannel/components/OpenChannelMessage.js +0 -284
  233. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +0 -1
  234. package/cjs/OpenChannel/components/OpenChannelMessageList.js +0 -159
  235. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +0 -1
  236. package/cjs/OpenChannel/components/OpenChannelUI.js +0 -111
  237. package/cjs/OpenChannel/components/OpenChannelUI.js.map +0 -1
  238. package/cjs/OpenChannel/context.js +0 -23
  239. package/cjs/OpenChannel/context.js.map +0 -1
  240. package/cjs/OpenChannel.js +0 -82
  241. package/cjs/OpenChannel.js.map +0 -1
  242. package/cjs/OpenChannelProvider-7a1a996f.js +0 -2020
  243. package/cjs/OpenChannelProvider-7a1a996f.js.map +0 -1
  244. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +0 -155
  245. package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +0 -1
  246. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +0 -87
  247. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +0 -1
  248. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +0 -110
  249. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +0 -1
  250. package/cjs/OpenChannelSettings/components/OperatorUI.js +0 -194
  251. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +0 -1
  252. package/cjs/OpenChannelSettings/components/ParticipantUI.js +0 -178
  253. package/cjs/OpenChannelSettings/components/ParticipantUI.js.map +0 -1
  254. package/cjs/OpenChannelSettings/context.js +0 -73
  255. package/cjs/OpenChannelSettings/context.js.map +0 -1
  256. package/cjs/OpenChannelSettings.js +0 -70
  257. package/cjs/OpenChannelSettings.js.map +0 -1
  258. package/cjs/SendbirdProvider.js +0 -749
  259. package/cjs/SendbirdProvider.js.map +0 -1
  260. package/cjs/UserProfileContext-3533547d.js +0 -46
  261. package/cjs/UserProfileContext-3533547d.js.map +0 -1
  262. package/cjs/_rollupPluginBabelHelpers-fc14118c.js +0 -243
  263. package/cjs/_rollupPluginBabelHelpers-fc14118c.js.map +0 -1
  264. package/cjs/actionTypes-bc47f97a.js +0 -10
  265. package/cjs/actionTypes-bc47f97a.js.map +0 -1
  266. package/cjs/color-4afb15fb.js +0 -42
  267. package/cjs/color-4afb15fb.js.map +0 -1
  268. package/cjs/compareIds-01306377.js +0 -20
  269. package/cjs/compareIds-01306377.js.map +0 -1
  270. package/cjs/context-c1f9d650.js +0 -19
  271. package/cjs/context-c1f9d650.js.map +0 -1
  272. package/cjs/index-1044f1ed.js +0 -97
  273. package/cjs/index-1044f1ed.js.map +0 -1
  274. package/cjs/index-1468d245.js +0 -142
  275. package/cjs/index-1468d245.js.map +0 -1
  276. package/cjs/index-4987c8b2.js +0 -175
  277. package/cjs/index-4987c8b2.js.map +0 -1
  278. package/cjs/index-659c9ca5.js +0 -130
  279. package/cjs/index-659c9ca5.js.map +0 -1
  280. package/cjs/index-8becccd8.js +0 -284
  281. package/cjs/index-8becccd8.js.map +0 -1
  282. package/cjs/index-905331fa.js +0 -1880
  283. package/cjs/index-905331fa.js.map +0 -1
  284. package/cjs/index-9dc3863f.js +0 -67
  285. package/cjs/index-9dc3863f.js.map +0 -1
  286. package/cjs/index-aecc8d24.js +0 -9
  287. package/cjs/index-aecc8d24.js.map +0 -1
  288. package/cjs/index-d4880236.js +0 -641
  289. package/cjs/index-d4880236.js.map +0 -1
  290. package/cjs/index-e2bb862c.js +0 -514
  291. package/cjs/index-e2bb862c.js.map +0 -1
  292. package/cjs/index.css +0 -4355
  293. package/cjs/index.css.map +0 -1
  294. package/cjs/index.js +0 -155
  295. package/cjs/index.js.map +0 -1
  296. package/cjs/openChannelUtils-37919a36.js +0 -92
  297. package/cjs/openChannelUtils-37919a36.js.map +0 -1
  298. package/cjs/sendBirdSelectors.js +0 -741
  299. package/cjs/sendBirdSelectors.js.map +0 -1
  300. package/cjs/stringSet-aa544ce5.js +0 -116
  301. package/cjs/stringSet-aa544ce5.js.map +0 -1
  302. package/cjs/topics-8314d425.js +0 -18
  303. package/cjs/topics-8314d425.js.map +0 -1
  304. package/cjs/tslib.es6-4a281a05.js +0 -40
  305. package/cjs/tslib.es6-4a281a05.js.map +0 -1
  306. package/cjs/ui/Accordion.js +0 -74
  307. package/cjs/ui/Accordion.js.map +0 -1
  308. package/cjs/ui/AccordionGroup.js +0 -32
  309. package/cjs/ui/AccordionGroup.js.map +0 -1
  310. package/cjs/ui/AdminMessage.js +0 -44
  311. package/cjs/ui/AdminMessage.js.map +0 -1
  312. package/cjs/ui/Avatar.js +0 -226
  313. package/cjs/ui/Avatar.js.map +0 -1
  314. package/cjs/ui/Badge.js +0 -45
  315. package/cjs/ui/Badge.js.map +0 -1
  316. package/cjs/ui/Button.js +0 -17
  317. package/cjs/ui/Button.js.map +0 -1
  318. package/cjs/ui/ChannelAvatar.js +0 -59
  319. package/cjs/ui/ChannelAvatar.js.map +0 -1
  320. package/cjs/ui/ChannelPreview.js +0 -201
  321. package/cjs/ui/ChannelPreview.js.map +0 -1
  322. package/cjs/ui/ChatHeader.js +0 -145
  323. package/cjs/ui/ChatHeader.js.map +0 -1
  324. package/cjs/ui/Checkbox.js +0 -49
  325. package/cjs/ui/Checkbox.js.map +0 -1
  326. package/cjs/ui/ConnectionStatus.js +0 -34
  327. package/cjs/ui/ConnectionStatus.js.map +0 -1
  328. package/cjs/ui/ContextMenu.js +0 -431
  329. package/cjs/ui/ContextMenu.js.map +0 -1
  330. package/cjs/ui/DateSeparator.js +0 -44
  331. package/cjs/ui/DateSeparator.js.map +0 -1
  332. package/cjs/ui/Dropdown.js +0 -107
  333. package/cjs/ui/Dropdown.js.map +0 -1
  334. package/cjs/ui/EmojiReactions.js +0 -127
  335. package/cjs/ui/EmojiReactions.js.map +0 -1
  336. package/cjs/ui/FileMessageItemBody.js +0 -57
  337. package/cjs/ui/FileMessageItemBody.js.map +0 -1
  338. package/cjs/ui/FileViewer.js +0 -174
  339. package/cjs/ui/FileViewer.js.map +0 -1
  340. package/cjs/ui/Icon.js +0 -1462
  341. package/cjs/ui/Icon.js.map +0 -1
  342. package/cjs/ui/IconButton.js +0 -83
  343. package/cjs/ui/IconButton.js.map +0 -1
  344. package/cjs/ui/ImageRenderer.js +0 -138
  345. package/cjs/ui/ImageRenderer.js.map +0 -1
  346. package/cjs/ui/Input.js +0 -74
  347. package/cjs/ui/Input.js.map +0 -1
  348. package/cjs/ui/Label.js +0 -17
  349. package/cjs/ui/Label.js.map +0 -1
  350. package/cjs/ui/LinkLabel.js +0 -51
  351. package/cjs/ui/LinkLabel.js.map +0 -1
  352. package/cjs/ui/Loader.js +0 -44
  353. package/cjs/ui/Loader.js.map +0 -1
  354. package/cjs/ui/MessageContent.js +0 -328
  355. package/cjs/ui/MessageContent.js.map +0 -1
  356. package/cjs/ui/MessageInput.js +0 -232
  357. package/cjs/ui/MessageInput.js.map +0 -1
  358. package/cjs/ui/MessageItemMenu.js +0 -141
  359. package/cjs/ui/MessageItemMenu.js.map +0 -1
  360. package/cjs/ui/MessageItemReactionMenu.js +0 -112
  361. package/cjs/ui/MessageItemReactionMenu.js.map +0 -1
  362. package/cjs/ui/MessageSearchFileItem.js +0 -130
  363. package/cjs/ui/MessageSearchFileItem.js.map +0 -1
  364. package/cjs/ui/MessageSearchItem.js +0 -93
  365. package/cjs/ui/MessageSearchItem.js.map +0 -1
  366. package/cjs/ui/Modal.js +0 -140
  367. package/cjs/ui/Modal.js.map +0 -1
  368. package/cjs/ui/MutedAvatarOverlay.js +0 -40
  369. package/cjs/ui/MutedAvatarOverlay.js.map +0 -1
  370. package/cjs/ui/OGMessageItemBody.js +0 -97
  371. package/cjs/ui/OGMessageItemBody.js.map +0 -1
  372. package/cjs/ui/OpenChannelAdminMessage.js +0 -27
  373. package/cjs/ui/OpenChannelAdminMessage.js.map +0 -1
  374. package/cjs/ui/OpenChannelAvatar.js +0 -41
  375. package/cjs/ui/OpenChannelAvatar.js.map +0 -1
  376. package/cjs/ui/OpenChannelMessageContent.js +0 -14
  377. package/cjs/ui/OpenChannelMessageContent.js.map +0 -1
  378. package/cjs/ui/OpenchannelConversationHeader.js +0 -73
  379. package/cjs/ui/OpenchannelConversationHeader.js.map +0 -1
  380. package/cjs/ui/OpenchannelFileMessage.js +0 -230
  381. package/cjs/ui/OpenchannelFileMessage.js.map +0 -1
  382. package/cjs/ui/OpenchannelOGMessage.js +0 -345
  383. package/cjs/ui/OpenchannelOGMessage.js.map +0 -1
  384. package/cjs/ui/OpenchannelThumbnailMessage.js +0 -305
  385. package/cjs/ui/OpenchannelThumbnailMessage.js.map +0 -1
  386. package/cjs/ui/OpenchannelUserMessage.js +0 -264
  387. package/cjs/ui/OpenchannelUserMessage.js.map +0 -1
  388. package/cjs/ui/PlaceHolder.js +0 -20
  389. package/cjs/ui/PlaceHolder.js.map +0 -1
  390. package/cjs/ui/QuoteMessage.js +0 -131
  391. package/cjs/ui/QuoteMessage.js.map +0 -1
  392. package/cjs/ui/QuoteMessageInput.js +0 -99
  393. package/cjs/ui/QuoteMessageInput.js.map +0 -1
  394. package/cjs/ui/ReactionBadge.js +0 -68
  395. package/cjs/ui/ReactionBadge.js.map +0 -1
  396. package/cjs/ui/ReactionButton.js +0 -55
  397. package/cjs/ui/ReactionButton.js.map +0 -1
  398. package/cjs/ui/SortByRow.js +0 -57
  399. package/cjs/ui/SortByRow.js.map +0 -1
  400. package/cjs/ui/TextButton.js +0 -45
  401. package/cjs/ui/TextButton.js.map +0 -1
  402. package/cjs/ui/TextMessageItemBody.js +0 -40
  403. package/cjs/ui/TextMessageItemBody.js.map +0 -1
  404. package/cjs/ui/ThumbnailMessageItemBody.js +0 -82
  405. package/cjs/ui/ThumbnailMessageItemBody.js.map +0 -1
  406. package/cjs/ui/Tooltip.js +0 -35
  407. package/cjs/ui/Tooltip.js.map +0 -1
  408. package/cjs/ui/TooltipWrapper.js +0 -65
  409. package/cjs/ui/TooltipWrapper.js.map +0 -1
  410. package/cjs/ui/UnknownMessageItemBody.js +0 -41
  411. package/cjs/ui/UnknownMessageItemBody.js.map +0 -1
  412. package/cjs/ui/UserListItem.js +0 -158
  413. package/cjs/ui/UserListItem.js.map +0 -1
  414. package/cjs/ui/UserProfile.js +0 -87
  415. package/cjs/ui/UserProfile.js.map +0 -1
  416. package/cjs/useSendbirdStateContext.js +0 -22
  417. package/cjs/useSendbirdStateContext.js.map +0 -1
  418. package/cjs/utils-3b0815dc.js +0 -6
  419. package/cjs/utils-3b0815dc.js.map +0 -1
  420. package/cjs/utils-66b3f4ec.js +0 -38
  421. package/cjs/utils-66b3f4ec.js.map +0 -1
  422. package/cjs/utils-cbd3ed99.js +0 -32
  423. package/cjs/utils-cbd3ed99.js.map +0 -1
  424. package/cjs/uuid-1d5ec8b2.js +0 -19
  425. package/cjs/uuid-1d5ec8b2.js.map +0 -1
  426. package/cjs/withSendBird.js +0 -35
  427. package/cjs/withSendBird.js.map +0 -1
  428. package/color-ee3fc5ee.js +0 -39
  429. package/color-ee3fc5ee.js.map +0 -1
  430. package/compareIds-808956f2.js +0 -18
  431. package/compareIds-808956f2.js.map +0 -1
  432. package/context-98ce535c.js +0 -12
  433. package/context-98ce535c.js.map +0 -1
  434. package/index-1718324d.js +0 -280
  435. package/index-1718324d.js.map +0 -1
  436. package/index-5c2c81bc.js +0 -168
  437. package/index-5c2c81bc.js.map +0 -1
  438. package/index-6ebf7894.js +0 -512
  439. package/index-6ebf7894.js.map +0 -1
  440. package/index-770d7112.js +0 -1873
  441. package/index-770d7112.js.map +0 -1
  442. package/index-7a51bd16.js +0 -131
  443. package/index-7a51bd16.js.map +0 -1
  444. package/index-8c72a94a.js +0 -602
  445. package/index-8c72a94a.js.map +0 -1
  446. package/index-942c85a6.js +0 -7
  447. package/index-942c85a6.js.map +0 -1
  448. package/index-acebc2ff.js +0 -87
  449. package/index-acebc2ff.js.map +0 -1
  450. package/index-cd21929d.js +0 -64
  451. package/index-cd21929d.js.map +0 -1
  452. package/index-e818a8a3.js +0 -121
  453. package/index-e818a8a3.js.map +0 -1
  454. package/index.css +0 -4355
  455. package/index.css.map +0 -1
  456. package/index.d.ts +0 -1801
  457. package/index.js +0 -136
  458. package/index.js.map +0 -1
  459. package/openChannelUtils-56a372e7.js +0 -81
  460. package/openChannelUtils-56a372e7.js.map +0 -1
  461. package/sendBirdSelectors.js +0 -713
  462. package/sendBirdSelectors.js.map +0 -1
  463. package/stringSet-4f6eaa60.js +0 -114
  464. package/stringSet-4f6eaa60.js.map +0 -1
  465. package/topics-9442035c.js +0 -10
  466. package/topics-9442035c.js.map +0 -1
  467. package/tslib.es6-e3c44017.js +0 -38
  468. package/tslib.es6-e3c44017.js.map +0 -1
  469. package/ui/Accordion.js +0 -65
  470. package/ui/Accordion.js.map +0 -1
  471. package/ui/AccordionGroup.js +0 -26
  472. package/ui/AccordionGroup.js.map +0 -1
  473. package/ui/AdminMessage.js +0 -37
  474. package/ui/AdminMessage.js.map +0 -1
  475. package/ui/Avatar.js +0 -217
  476. package/ui/Avatar.js.map +0 -1
  477. package/ui/Badge.js +0 -38
  478. package/ui/Badge.js.map +0 -1
  479. package/ui/Button.js +0 -7
  480. package/ui/Button.js.map +0 -1
  481. package/ui/ChannelAvatar.js +0 -53
  482. package/ui/ChannelAvatar.js.map +0 -1
  483. package/ui/ChannelPreview.js +0 -194
  484. package/ui/ChannelPreview.js.map +0 -1
  485. package/ui/ChatHeader.js +0 -138
  486. package/ui/ChatHeader.js.map +0 -1
  487. package/ui/Checkbox.js +0 -42
  488. package/ui/Checkbox.js.map +0 -1
  489. package/ui/ConnectionStatus.js +0 -28
  490. package/ui/ConnectionStatus.js.map +0 -1
  491. package/ui/ContextMenu.js +0 -417
  492. package/ui/ContextMenu.js.map +0 -1
  493. package/ui/DateSeparator.js +0 -37
  494. package/ui/DateSeparator.js.map +0 -1
  495. package/ui/Dropdown.js +0 -97
  496. package/ui/Dropdown.js.map +0 -1
  497. package/ui/EmojiReactions.js +0 -121
  498. package/ui/EmojiReactions.js.map +0 -1
  499. package/ui/FileMessageItemBody.js +0 -51
  500. package/ui/FileMessageItemBody.js.map +0 -1
  501. package/ui/FileViewer.js +0 -164
  502. package/ui/FileViewer.js.map +0 -1
  503. package/ui/Icon.js +0 -1432
  504. package/ui/Icon.js.map +0 -1
  505. package/ui/IconButton.js +0 -76
  506. package/ui/IconButton.js.map +0 -1
  507. package/ui/ImageRenderer.js +0 -131
  508. package/ui/ImageRenderer.js.map +0 -1
  509. package/ui/Input.js +0 -64
  510. package/ui/Input.js.map +0 -1
  511. package/ui/Label.js +0 -6
  512. package/ui/Label.js.map +0 -1
  513. package/ui/LinkLabel.js +0 -40
  514. package/ui/LinkLabel.js.map +0 -1
  515. package/ui/Loader.js +0 -37
  516. package/ui/Loader.js.map +0 -1
  517. package/ui/MessageContent.js +0 -322
  518. package/ui/MessageContent.js.map +0 -1
  519. package/ui/MessageInput.js +0 -225
  520. package/ui/MessageInput.js.map +0 -1
  521. package/ui/MessageItemMenu.js +0 -135
  522. package/ui/MessageItemMenu.js.map +0 -1
  523. package/ui/MessageItemReactionMenu.js +0 -106
  524. package/ui/MessageItemReactionMenu.js.map +0 -1
  525. package/ui/MessageSearchFileItem.js +0 -124
  526. package/ui/MessageSearchFileItem.js.map +0 -1
  527. package/ui/MessageSearchItem.js +0 -87
  528. package/ui/MessageSearchItem.js.map +0 -1
  529. package/ui/Modal.js +0 -128
  530. package/ui/Modal.js.map +0 -1
  531. package/ui/MutedAvatarOverlay.js +0 -34
  532. package/ui/MutedAvatarOverlay.js.map +0 -1
  533. package/ui/OGMessageItemBody.js +0 -91
  534. package/ui/OGMessageItemBody.js.map +0 -1
  535. package/ui/OpenChannelAdminMessage.js +0 -21
  536. package/ui/OpenChannelAdminMessage.js.map +0 -1
  537. package/ui/OpenChannelAvatar.js +0 -35
  538. package/ui/OpenChannelAvatar.js.map +0 -1
  539. package/ui/OpenChannelMessageContent.js +0 -8
  540. package/ui/OpenChannelMessageContent.js.map +0 -1
  541. package/ui/OpenchannelConversationHeader.js +0 -67
  542. package/ui/OpenchannelConversationHeader.js.map +0 -1
  543. package/ui/OpenchannelFileMessage.js +0 -224
  544. package/ui/OpenchannelFileMessage.js.map +0 -1
  545. package/ui/OpenchannelOGMessage.js +0 -339
  546. package/ui/OpenchannelOGMessage.js.map +0 -1
  547. package/ui/OpenchannelThumbnailMessage.js +0 -299
  548. package/ui/OpenchannelThumbnailMessage.js.map +0 -1
  549. package/ui/OpenchannelUserMessage.js +0 -258
  550. package/ui/OpenchannelUserMessage.js.map +0 -1
  551. package/ui/PlaceHolder.js +0 -11
  552. package/ui/PlaceHolder.js.map +0 -1
  553. package/ui/QuoteMessage.js +0 -125
  554. package/ui/QuoteMessage.js.map +0 -1
  555. package/ui/QuoteMessageInput.js +0 -93
  556. package/ui/QuoteMessageInput.js.map +0 -1
  557. package/ui/ReactionBadge.js +0 -61
  558. package/ui/ReactionBadge.js.map +0 -1
  559. package/ui/ReactionButton.js +0 -48
  560. package/ui/ReactionButton.js.map +0 -1
  561. package/ui/SortByRow.js +0 -50
  562. package/ui/SortByRow.js.map +0 -1
  563. package/ui/TextButton.js +0 -38
  564. package/ui/TextButton.js.map +0 -1
  565. package/ui/TextMessageItemBody.js +0 -34
  566. package/ui/TextMessageItemBody.js.map +0 -1
  567. package/ui/ThumbnailMessageItemBody.js +0 -76
  568. package/ui/ThumbnailMessageItemBody.js.map +0 -1
  569. package/ui/Tooltip.js +0 -28
  570. package/ui/Tooltip.js.map +0 -1
  571. package/ui/TooltipWrapper.js +0 -58
  572. package/ui/TooltipWrapper.js.map +0 -1
  573. package/ui/UnknownMessageItemBody.js +0 -35
  574. package/ui/UnknownMessageItemBody.js.map +0 -1
  575. package/ui/UserListItem.js +0 -151
  576. package/ui/UserListItem.js.map +0 -1
  577. package/ui/UserProfile.js +0 -81
  578. package/ui/UserProfile.js.map +0 -1
  579. package/useSendbirdStateContext.js +0 -20
  580. package/useSendbirdStateContext.js.map +0 -1
  581. package/utils-08c4dbdc.js +0 -34
  582. package/utils-08c4dbdc.js.map +0 -1
  583. package/utils-af1b9829.js +0 -30
  584. package/utils-af1b9829.js.map +0 -1
  585. package/utils-c393e880.js +0 -4
  586. package/utils-c393e880.js.map +0 -1
  587. package/uuid-b0c93400.js +0 -17
  588. package/uuid-b0c93400.js.map +0 -1
  589. package/withSendBird.js +0 -26
  590. package/withSendBird.js.map +0 -1
@@ -1,230 +0,0 @@
1
- 'use strict';
2
-
3
- var tslib_es6 = require('../tslib.es6-4a281a05.js');
4
- var React = require('react');
5
- var index = require('../index-905331fa.js');
6
- var ui_Avatar = require('./Avatar.js');
7
- var ui_ContextMenu = require('./ContextMenu.js');
8
- var ui_Label = require('../index-1468d245.js');
9
- var ui_Loader = require('./Loader.js');
10
- var ui_Icon = require('./Icon.js');
11
- var ui_IconButton = require('./IconButton.js');
12
- var ui_TextButton = require('./TextButton.js');
13
- var ui_UserProfile = require('./UserProfile.js');
14
- var UserProfileContext = require('../UserProfileContext-3533547d.js');
15
- var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
16
- var openChannelUtils = require('../openChannelUtils-37919a36.js');
17
- require('../index-e2bb862c.js');
18
- require('./ImageRenderer.js');
19
- require('../_rollupPluginBabelHelpers-fc14118c.js');
20
- require('prop-types');
21
- require('../uuid-1d5ec8b2.js');
22
- require('../index-d4880236.js');
23
- require('react-dom');
24
- require('./SortByRow.js');
25
- require('../stringSet-aa544ce5.js');
26
- require('../color-4afb15fb.js');
27
- require('../withSendBird.js');
28
- require('../sendBirdSelectors.js');
29
- require('../topics-8314d425.js');
30
- require('../index-1044f1ed.js');
31
-
32
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
33
-
34
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
35
-
36
- var checkFileType = function checkFileType(fileUrl) {
37
- var audioFile = /(\.mp3)$/i;
38
- var gifFile = /(\.gif)$/i;
39
-
40
- if (audioFile.test(fileUrl)) {
41
- return ui_Icon.IconTypes.FILE_AUDIO;
42
- }
43
-
44
- if (gifFile.test(fileUrl)) {
45
- return ui_Icon.IconTypes.GIF;
46
- }
47
-
48
- return ui_Icon.IconTypes.FILE_DOCUMENT;
49
- };
50
- var truncate = function truncate(fullStr, strLen) {
51
- if (fullStr === null || fullStr === undefined) return '';
52
- if (fullStr.length <= strLen) return fullStr;
53
- var separator = '...';
54
- var sepLen = separator.length;
55
- var charsToShow = strLen - sepLen;
56
- var frontChars = Math.ceil(charsToShow / 2);
57
- var backChars = Math.floor(charsToShow / 2);
58
- return fullStr.substr(0, frontChars) + separator + fullStr.substr(fullStr.length - backChars);
59
- };
60
-
61
- function OpenchannelFileMessage(_a) {
62
- var className = _a.className,
63
- message = _a.message,
64
- userId = _a.userId,
65
- disabled = _a.disabled,
66
- chainTop = _a.chainTop,
67
- showRemove = _a.showRemove,
68
- resendMessage = _a.resendMessage;
69
- var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
70
-
71
- var _b = LocalizationContext.useLocalization(),
72
- dateLocale = _b.dateLocale,
73
- stringSet = _b.stringSet;
74
-
75
- var contextMenuRef = React.useRef(null);
76
- var avatarRef = React.useRef(null);
77
-
78
- var _c = React.useContext(UserProfileContext.UserProfileContext),
79
- disableUserProfile = _c.disableUserProfile,
80
- renderUserProfile = _c.renderUserProfile;
81
-
82
- var openFileUrl = function openFileUrl() {
83
- window.open(message.url);
84
- };
85
-
86
- var isByMe = openChannelUtils.checkIsByMe(message, userId);
87
- var isPending = openChannelUtils.checkIsPending(status);
88
- var isFailed = openChannelUtils.checkIsFailed(status);
89
- var sender = openChannelUtils.getSenderFromMessage(message);
90
- return /*#__PURE__*/React__default["default"].createElement("div", {
91
- className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-openchannel-file-message'], false).join(' ')
92
- }, /*#__PURE__*/React__default["default"].createElement("div", {
93
- className: "sendbird-openchannel-file-message__left"
94
- }, !chainTop && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
95
- menuTrigger: function menuTrigger(toggleDropdown) {
96
- return /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
97
- className: "sendbird-openchannel-file-message__left__avatar",
98
- src: sender.profileUrl || '',
99
- ref: avatarRef,
100
- width: "28px",
101
- height: "28px",
102
- onClick: function onClick() {
103
- if (!disableUserProfile) {
104
- toggleDropdown();
105
- }
106
- }
107
- });
108
- },
109
- menuItems: function menuItems(closeDropdown) {
110
- return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
111
- parentRef: avatarRef,
112
- parentContainRef: avatarRef,
113
- closeDropdown: closeDropdown,
114
- style: {
115
- paddingTop: 0,
116
- paddingBottom: 0
117
- }
118
- }, renderUserProfile ? renderUserProfile({
119
- user: sender,
120
- close: closeDropdown
121
- }) : /*#__PURE__*/React__default["default"].createElement(ui_UserProfile, {
122
- user: sender,
123
- onSuccess: closeDropdown,
124
- disableMessaging: true
125
- }));
126
- }
127
- })), /*#__PURE__*/React__default["default"].createElement("div", {
128
- className: "sendbird-openchannel-file-message__right"
129
- }, !chainTop && /*#__PURE__*/React__default["default"].createElement("div", {
130
- className: "sendbird-openchannel-file-message__right__title"
131
- }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
132
- className: "sendbird-openchannel-file-message__right__title__sender-name",
133
- type: ui_Label.LabelTypography.CAPTION_2,
134
- color: isByMe ? ui_Label.LabelColors.SECONDARY_3 : ui_Label.LabelColors.ONBACKGROUND_2
135
- }, sender && (sender.friendName || sender.nickname || sender.userId)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
136
- className: "sendbird-openchannel-file-message__right__title__sent-at",
137
- type: ui_Label.LabelTypography.CAPTION_3,
138
- color: ui_Label.LabelColors.ONBACKGROUND_3
139
- }, (message === null || message === void 0 ? void 0 : message.createdAt) && index.format(message.createdAt, 'p', {
140
- locale: dateLocale
141
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
142
- className: "sendbird-openchannel-file-message__right__body"
143
- }, checkFileType(message.url) && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
144
- className: "sendbird-openchannel-file-message__right__body__icon",
145
- type: checkFileType(message.url),
146
- fillColor: ui_Icon.IconColors.PRIMARY,
147
- width: "48px",
148
- height: "48px"
149
- }), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
150
- className: "sendbird-openchannel-file-message__right__body__file-name",
151
- onClick: openFileUrl
152
- }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
153
- type: ui_Label.LabelTypography.BODY_1,
154
- color: ui_Label.LabelColors.ONBACKGROUND_1
155
- }, truncate(message.name || message.url, 40)))), (isPending || isFailed) && /*#__PURE__*/React__default["default"].createElement("div", {
156
- className: "sendbird-openchannel-file-message__right__tail"
157
- }, isPending && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
158
- width: "16px",
159
- height: "16px"
160
- }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
161
- className: "sendbird-openchannel-file-message__right__tail__pending",
162
- type: ui_Icon.IconTypes.SPINNER,
163
- fillColor: ui_Icon.IconColors.PRIMARY,
164
- width: "16px",
165
- height: "16px"
166
- })), isFailed && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
167
- className: "sendbird-openchannel-file-message__right__tail__failed",
168
- type: ui_Icon.IconTypes.ERROR,
169
- fillColor: ui_Icon.IconColors.ERROR,
170
- width: "16px",
171
- height: "16px"
172
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
173
- className: "sendbird-openchannel-file-message__context-menu",
174
- ref: contextMenuRef
175
- }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
176
- menuTrigger: function menuTrigger(toggleDropdown) {
177
- return openChannelUtils.showMenuTrigger({
178
- message: message,
179
- userId: userId,
180
- status: status
181
- }) && /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
182
- className: "sendbird-openchannel-file-message__context-menu__icon",
183
- width: "32px",
184
- height: "32px",
185
- onClick: toggleDropdown
186
- }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
187
- type: ui_Icon.IconTypes.MORE,
188
- width: "24px",
189
- height: "24px"
190
- }));
191
- },
192
- menuItems: function menuItems(closeDropdown) {
193
- return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
194
- parentRef: contextMenuRef,
195
- parentContainRef: contextMenuRef,
196
- closeDropdown: closeDropdown,
197
- openLeft: true
198
- }, openChannelUtils.isFineResend({
199
- message: message,
200
- userId: userId,
201
- status: status
202
- }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
203
- onClick: function onClick() {
204
- if (disabled) {
205
- return;
206
- }
207
-
208
- resendMessage(message);
209
- closeDropdown();
210
- }
211
- }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND), openChannelUtils.isFineDelete({
212
- message: message,
213
- userId: userId,
214
- status: status
215
- }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
216
- onClick: function onClick() {
217
- if (disabled) {
218
- return;
219
- }
220
-
221
- showRemove(true);
222
- closeDropdown();
223
- }
224
- }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE));
225
- }
226
- })));
227
- }
228
-
229
- module.exports = OpenchannelFileMessage;
230
- //# sourceMappingURL=OpenchannelFileMessage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"OpenchannelFileMessage.js","sources":["../../../src/ui/OpenchannelFileMessage/utils.ts","../../../src/ui/OpenchannelFileMessage/index.tsx"],"sourcesContent":["import { IconTypes } from '../Icon';\n\nexport const checkFileType = (fileUrl: string): string => {\n const audioFile = /(\\.mp3)$/i;\n const gifFile = /(\\.gif)$/i;\n if (audioFile.test(fileUrl)) {\n return IconTypes.FILE_AUDIO;\n }\n if (gifFile.test(fileUrl)) {\n return IconTypes.GIF\n }\n return IconTypes.FILE_DOCUMENT;\n}\n\nexport const truncate = (fullStr:string, strLen: number): string => {\n if (fullStr === null || fullStr === undefined) return '';\n if (fullStr.length <= strLen) return fullStr;\n const separator = '...';\n const sepLen = separator.length;\n const charsToShow = strLen - sepLen;\n const frontChars = Math.ceil(charsToShow / 2);\n const backChars = Math.floor(charsToShow / 2);\n return fullStr.substr(0, frontChars) + separator + fullStr.substr(fullStr.length - backChars);\n};\n","import React, { useContext, useRef } from 'react';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport TextButton from '../TextButton';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { checkFileType, truncate } from './utils';\nimport { ClientFileMessage } from '../../index';\nimport {\n checkIsByMe,\n checkIsPending,\n checkIsFailed,\n isFineDelete,\n isFineResend,\n showMenuTrigger,\n} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\n\ninterface Props {\n className?: string | Array<string>;\n message: ClientFileMessage;\n userId: string;\n disabled?: boolean;\n chainTop?: boolean;\n chainBottom?: boolean;\n showRemove(bool: boolean): void;\n resendMessage(message: ClientFileMessage): void;\n}\n\nexport default function OpenchannelFileMessage({\n className,\n message,\n userId,\n disabled,\n chainTop,\n showRemove,\n resendMessage,\n}: Props): JSX.Element {\n const status = message?.sendingStatus;\n const { dateLocale, stringSet } = useLocalization();\n const contextMenuRef = useRef(null);\n const avatarRef = useRef(null);\n const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n\n const openFileUrl = () => { window.open(message.url); };\n\n const isByMe = checkIsByMe(message, userId);\n const isPending = checkIsPending(status);\n const isFailed = checkIsFailed(status);\n const sender = getSenderFromMessage(message);\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-openchannel-file-message',\n ].join(' ')}\n >\n <div className=\"sendbird-openchannel-file-message__left\">\n {\n !chainTop && (\n <ContextMenu\n menuTrigger={(toggleDropdown) => (\n <Avatar\n className=\"sendbird-openchannel-file-message__left__avatar\"\n src={sender.profileUrl || ''}\n ref={avatarRef}\n width=\"28px\"\n height=\"28px\"\n onClick={() => {\n if (!disableUserProfile) {\n toggleDropdown();\n }\n }}\n />\n )}\n menuItems={(closeDropdown) => (\n <MenuItems\n parentRef={avatarRef}\n parentContainRef={avatarRef}\n closeDropdown={closeDropdown}\n style={{ paddingTop: 0, paddingBottom: 0 }}\n >\n {\n renderUserProfile\n ? (\n renderUserProfile({\n user: sender,\n close: closeDropdown,\n })\n )\n : (\n <UserProfile\n user={sender}\n onSuccess={closeDropdown}\n disableMessaging\n />\n )\n }\n </MenuItems>\n )}\n />\n )\n }\n </div>\n <div className=\"sendbird-openchannel-file-message__right\">\n {\n !chainTop && (\n <div className=\"sendbird-openchannel-file-message__right__title\">\n <Label\n className=\"sendbird-openchannel-file-message__right__title__sender-name\"\n type={LabelTypography.CAPTION_2}\n color={isByMe ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n >\n {\n sender && (\n sender.friendName\n || sender.nickname\n || sender.userId\n )\n }\n </Label>\n <Label\n className=\"sendbird-openchannel-file-message__right__title__sent-at\"\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_3}\n >\n {\n message?.createdAt && (\n format(message.createdAt, 'p', {\n locale: dateLocale,\n })\n )\n }\n </Label>\n </div>\n )\n }\n <div className=\"sendbird-openchannel-file-message__right__body\">\n {\n checkFileType(message.url) && (\n <Icon\n className=\"sendbird-openchannel-file-message__right__body__icon\"\n type={checkFileType(message.url)}\n fillColor={IconColors.PRIMARY}\n width=\"48px\"\n height=\"48px\"\n />\n )\n }\n <TextButton\n className=\"sendbird-openchannel-file-message__right__body__file-name\"\n onClick={openFileUrl}\n >\n <Label\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_1}\n >\n {truncate(message.name || message.url, 40)}\n </Label>\n </TextButton>\n </div>\n {\n (isPending || isFailed) && (\n <div className=\"sendbird-openchannel-file-message__right__tail\">\n {\n isPending && (\n <Loader\n width=\"16px\"\n height=\"16px\"\n >\n <Icon\n className=\"sendbird-openchannel-file-message__right__tail__pending\"\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width=\"16px\"\n height=\"16px\"\n />\n </Loader>\n )\n }\n {\n isFailed && (\n <Icon\n className=\"sendbird-openchannel-file-message__right__tail__failed\"\n type={IconTypes.ERROR}\n fillColor={IconColors.ERROR}\n width=\"16px\"\n height=\"16px\"\n />\n )\n }\n </div>\n )\n }\n </div>\n <div\n className=\"sendbird-openchannel-file-message__context-menu\"\n ref={contextMenuRef}\n >\n {\n <ContextMenu\n menuTrigger={(toggleDropdown) => (\n showMenuTrigger({ message, userId, status }) && (\n <IconButton\n className=\"sendbird-openchannel-file-message__context-menu__icon\"\n width=\"32px\"\n height=\"32px\"\n onClick={toggleDropdown}\n >\n <Icon\n type={IconTypes.MORE}\n width=\"24px\"\n height=\"24px\"\n />\n </IconButton>\n )\n )}\n menuItems={(closeDropdown) => (\n <MenuItems\n parentRef={contextMenuRef}\n parentContainRef={contextMenuRef}\n closeDropdown={closeDropdown}\n openLeft\n >\n {\n isFineResend({ message, userId, status }) && (\n <MenuItem\n onClick={() => {\n if (disabled) { return; }\n resendMessage(message);\n closeDropdown();\n }}\n >\n {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n </MenuItem>\n )\n }\n {\n isFineDelete({ message, userId, status }) && (\n <MenuItem\n onClick={() => {\n if (disabled) { return; }\n showRemove(true);\n closeDropdown();\n }}\n >\n {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n </MenuItem>\n )\n }\n </MenuItems>\n )}\n />\n }\n </div>\n </div>\n );\n}\n"],"names":["checkFileType","fileUrl","audioFile","gifFile","test","IconTypes","FILE_AUDIO","GIF","FILE_DOCUMENT","truncate","fullStr","strLen","undefined","length","separator","sepLen","charsToShow","frontChars","Math","ceil","backChars","floor","substr","OpenchannelFileMessage","_a","className","message","userId","disabled","chainTop","showRemove","resendMessage","status","sendingStatus","_b","useLocalization","dateLocale","stringSet","contextMenuRef","useRef","avatarRef","_c","useContext","UserProfileContext","disableUserProfile","renderUserProfile","openFileUrl","window","open","url","isByMe","checkIsByMe","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","React","__spreadArray","Array","isArray","join","ContextMenu","toggleDropdown","Avatar","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","user","close","UserProfile","Label","LabelTypography","CAPTION_2","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","Icon","IconColors","PRIMARY","TextButton","BODY_1","ONBACKGROUND_1","name","Loader","SPINNER","ERROR","showMenuTrigger","IconButton","MORE","isFineResend","MenuItem","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE"],"mappings":"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"}
@@ -1,345 +0,0 @@
1
- 'use strict';
2
-
3
- var tslib_es6 = require('../tslib.es6-4a281a05.js');
4
- var React = require('react');
5
- var index = require('../index-905331fa.js');
6
- var ui_Avatar = require('./Avatar.js');
7
- var ui_ContextMenu = require('./ContextMenu.js');
8
- var ui_Icon = require('./Icon.js');
9
- var ui_IconButton = require('./IconButton.js');
10
- var ui_ImageRenderer = require('./ImageRenderer.js');
11
- var ui_LinkLabel = require('./LinkLabel.js');
12
- var ui_Label = require('../index-1468d245.js');
13
- var ui_Loader = require('./Loader.js');
14
- var ui_UserProfile = require('./UserProfile.js');
15
- var UserProfileContext = require('../UserProfileContext-3533547d.js');
16
- var uuid = require('../uuid-1d5ec8b2.js');
17
- var utils = require('../utils-cbd3ed99.js');
18
- var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
19
- var openChannelUtils = require('../openChannelUtils-37919a36.js');
20
- require('../index-e2bb862c.js');
21
- require('../_rollupPluginBabelHelpers-fc14118c.js');
22
- require('prop-types');
23
- require('../index-d4880236.js');
24
- require('react-dom');
25
- require('./SortByRow.js');
26
- require('../stringSet-aa544ce5.js');
27
- require('../withSendBird.js');
28
- require('../sendBirdSelectors.js');
29
- require('../topics-8314d425.js');
30
- require('../index-1044f1ed.js');
31
-
32
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
33
-
34
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
35
-
36
- var URL_REG = /[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
37
- var createUrlTester = function createUrlTester(regexp) {
38
- return function (text) {
39
- return regexp.test(text);
40
- };
41
- };
42
- var checkOGIsEnalbed = function checkOGIsEnalbed(message) {
43
- var ogMetaData = message.ogMetaData;
44
-
45
- if (!ogMetaData) {
46
- return false;
47
- }
48
-
49
- var url = ogMetaData.url;
50
-
51
- if (!url) {
52
- return false;
53
- }
54
-
55
- return true;
56
- };
57
-
58
- function OpenchannelOGMessage(_a) {
59
- var message = _a.message,
60
- className = _a.className,
61
- disabled = _a.disabled,
62
- showEdit = _a.showEdit,
63
- showRemove = _a.showRemove,
64
- resendMessage = _a.resendMessage,
65
- chainTop = _a.chainTop,
66
- userId = _a.userId;
67
-
68
- if (!message || message.messageType !== 'user') {
69
- return null;
70
- }
71
-
72
- var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
73
- var ogMetaData = message.ogMetaData;
74
- var defaultImage = ogMetaData.defaultImage;
75
-
76
- var _b = LocalizationContext.useLocalization(),
77
- stringSet = _b.stringSet,
78
- dateLocale = _b.dateLocale;
79
-
80
- var _c = React.useContext(UserProfileContext.UserProfileContext),
81
- disableUserProfile = _c.disableUserProfile,
82
- renderUserProfile = _c.renderUserProfile;
83
-
84
- var _d = React.useState({}),
85
- contextStyle = _d[0],
86
- setContextStyle = _d[1];
87
-
88
- var messageComponentRef = React.useRef(null);
89
- var contextMenuRef = React.useRef(null);
90
- var avatarRef = React.useRef(null);
91
- var isUrl = createUrlTester(URL_REG);
92
- var isByMe = openChannelUtils.checkIsByMe(message, userId);
93
- var isPending = openChannelUtils.checkIsPending(status);
94
- var isFailed = openChannelUtils.checkIsFailed(status);
95
- var sender = openChannelUtils.getSenderFromMessage(message);
96
- var MemoizedMessageText = React.useMemo(function () {
97
- return function () {
98
- var wordClassName = 'sendbird-openchannel-og-message--word';
99
- var splitMessage = message.message.split(' ');
100
- var matchedMessage = splitMessage.map(function (word) {
101
- return isUrl(word) ? /*#__PURE__*/React__default["default"].createElement(ui_LinkLabel["default"], {
102
- key: uuid.uuidv4(),
103
- className: [wordClassName, 'sendbird-openchannel-og-message--word--link'],
104
- src: word,
105
- type: ui_Label.LabelTypography.BODY_1,
106
- color: ui_Label.LabelColors.PRIMARY
107
- }, word) : /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
108
- key: uuid.uuidv4(),
109
- className: wordClassName,
110
- type: ui_Label.LabelTypography.BODY_1,
111
- color: ui_Label.LabelColors.ONBACKGROUND_1
112
- }, word);
113
- });
114
-
115
- if (message.updatedAt > 0) {
116
- matchedMessage.push( /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
117
- key: uuid.uuidv4(),
118
- className: wordClassName,
119
- type: ui_Label.LabelTypography.BODY_1,
120
- color: ui_Label.LabelColors.ONBACKGROUND_2
121
- }, stringSet.MESSAGE_EDITED));
122
- }
123
-
124
- return matchedMessage;
125
- };
126
- }, [message, message.updatedAt]);
127
-
128
- var openLink = function openLink() {
129
- if (checkOGIsEnalbed(message)) {
130
- var url = ogMetaData.url;
131
- window.open(url);
132
- }
133
- }; // place conxt menu top depending clientHeight of message component
134
-
135
-
136
- React.useEffect(function () {
137
- var _a;
138
-
139
- if (((_a = messageComponentRef === null || messageComponentRef === void 0 ? void 0 : messageComponentRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) > 36) {
140
- setContextStyle({
141
- top: '8px '
142
- });
143
- } else {
144
- setContextStyle({
145
- top: '2px'
146
- });
147
- }
148
- }, [window.innerWidth]);
149
- return /*#__PURE__*/React__default["default"].createElement("div", {
150
- className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-openchannel-og-message'], false).join(' '),
151
- ref: messageComponentRef
152
- }, /*#__PURE__*/React__default["default"].createElement("div", {
153
- className: "sendbird-openchannel-og-message__top"
154
- }, /*#__PURE__*/React__default["default"].createElement("div", {
155
- className: "sendbird-openchannel-og-message__top__left"
156
- }, !chainTop && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
157
- menuTrigger: function menuTrigger(toggleDropdown) {
158
- return /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
159
- className: "sendbird-openchannel-og-message__top__left__avatar",
160
- src: sender.profileUrl || '',
161
- ref: avatarRef,
162
- width: "28px",
163
- height: "28px",
164
- onClick: function onClick() {
165
- if (!disableUserProfile) {
166
- toggleDropdown();
167
- }
168
- }
169
- });
170
- },
171
- menuItems: function menuItems(closeDropdown) {
172
- return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
173
- parentRef: avatarRef,
174
- parentContainRef: avatarRef,
175
- closeDropdown: closeDropdown,
176
- style: {
177
- paddingTop: 0,
178
- paddingBottom: 0
179
- }
180
- }, renderUserProfile ? renderUserProfile({
181
- user: sender,
182
- close: closeDropdown
183
- }) : /*#__PURE__*/React__default["default"].createElement(ui_UserProfile, {
184
- user: sender,
185
- onSuccess: closeDropdown,
186
- disableMessaging: true
187
- }));
188
- }
189
- })), /*#__PURE__*/React__default["default"].createElement("div", {
190
- className: "sendbird-openchannel-og-message__top__right"
191
- }, !chainTop && /*#__PURE__*/React__default["default"].createElement("div", {
192
- className: "sendbird-openchannel-og-message__top__right__title"
193
- }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
194
- className: "sendbird-openchannel-og-message__top__right__title__sender-name",
195
- type: ui_Label.LabelTypography.CAPTION_2,
196
- color: isByMe ? ui_Label.LabelColors.SECONDARY_3 : ui_Label.LabelColors.ONBACKGROUND_2
197
- }, sender && (sender.friendName || sender.nickname || sender.userId)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
198
- className: "sendbird-openchannel-og-message__top__right__title__sent-at",
199
- type: ui_Label.LabelTypography.CAPTION_3,
200
- color: ui_Label.LabelColors.ONBACKGROUND_3
201
- }, (message === null || message === void 0 ? void 0 : message.createdAt) && index.format(message === null || message === void 0 ? void 0 : message.createdAt, 'p', {
202
- locale: dateLocale
203
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
204
- className: "sendbird-openchannel-og-message__top__right__description"
205
- }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
206
- className: "sendbird-openchannel-og-message__top__right__description__message",
207
- type: ui_Label.LabelTypography.BODY_1,
208
- color: ui_Label.LabelColors.ONBACKGROUND_1
209
- }, MemoizedMessageText()))), /*#__PURE__*/React__default["default"].createElement("div", {
210
- className: "sendbird-openchannel-og-message__top__context-menu",
211
- ref: contextMenuRef,
212
- style: contextStyle
213
- }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
214
- menuTrigger: function menuTrigger(toggleDropdown) {
215
- return openChannelUtils.showMenuTrigger({
216
- message: message,
217
- userId: userId,
218
- status: status
219
- }) && /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
220
- className: "sendbird-openchannel-og-message__top__context-menu--icon",
221
- width: "32px",
222
- height: "32px",
223
- onClick: function onClick() {
224
- toggleDropdown();
225
- }
226
- }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
227
- type: ui_Icon.IconTypes.MORE,
228
- fillColor: ui_Icon.IconColors.CONTENT_INVERSE,
229
- width: "24px",
230
- height: "24px"
231
- }));
232
- },
233
- menuItems: function menuItems(closeDropdown) {
234
- return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
235
- parentRef: contextMenuRef,
236
- parentContainRef: contextMenuRef,
237
- closeDropdown: closeDropdown,
238
- openLeft: true
239
- }, openChannelUtils.isFineCopy({
240
- message: message,
241
- userId: userId,
242
- status: status
243
- }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
244
- className: "sendbird-openchannel-og-message__top__context-menu__copy",
245
- onClick: function onClick() {
246
- utils.copyToClipboard(message.message);
247
- closeDropdown();
248
- }
249
- }, stringSet.CONTEXT_MENU_DROPDOWN__COPY), openChannelUtils.isFineEdit({
250
- message: message,
251
- userId: userId,
252
- status: status
253
- }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
254
- className: "sendbird-openchannel-og-message__top__context-menu__edit",
255
- onClick: function onClick() {
256
- if (disabled) {
257
- return;
258
- }
259
-
260
- showEdit(true);
261
- closeDropdown();
262
- }
263
- }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT), openChannelUtils.isFineResend({
264
- message: message,
265
- userId: userId,
266
- status: status
267
- }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
268
- className: "sendbird-openchannel-og-message__top__context-menu__resend",
269
- onClick: function onClick() {
270
- resendMessage(message);
271
- closeDropdown();
272
- }
273
- }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND), openChannelUtils.isFineDelete({
274
- message: message,
275
- userId: userId,
276
- status: status
277
- }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
278
- className: "sendbird-openchannel-og-message__top__context-menu__delete",
279
- onClick: function onClick() {
280
- if (disabled) {
281
- return;
282
- }
283
-
284
- showRemove(true);
285
- closeDropdown();
286
- }
287
- }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE));
288
- }
289
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
290
- className: "sendbird-openchannel-og-message__bottom"
291
- }, /*#__PURE__*/React__default["default"].createElement("div", {
292
- className: "sendbird-openchannel-og-message__bottom__og-tag"
293
- }, ogMetaData.url && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
294
- className: "sendbird-openchannel-og-message__bottom__og-tag__url",
295
- type: ui_Label.LabelTypography.CAPTION_3,
296
- color: ui_Label.LabelColors.ONBACKGROUND_2
297
- }, ogMetaData.url), ogMetaData.title && /*#__PURE__*/React__default["default"].createElement(ui_LinkLabel["default"], {
298
- className: "sendbird-openchannel-og-message__bottom__og-tag__title",
299
- src: ogMetaData.url,
300
- type: ui_Label.LabelTypography.SUBTITLE_2,
301
- color: ui_Label.LabelColors.PRIMARY
302
- }, ogMetaData.title), ogMetaData.description && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
303
- className: "sendbird-openchannel-og-message__bottom__og-tag__description",
304
- type: ui_Label.LabelTypography.BODY_2,
305
- color: ui_Label.LabelColors.ONBACKGROUND_1
306
- }, ogMetaData.description), ogMetaData.url && /*#__PURE__*/React__default["default"].createElement("div", {
307
- className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail",
308
- role: "button",
309
- onClick: openLink,
310
- onKeyDown: openLink,
311
- tabIndex: 0
312
- }, defaultImage && /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
313
- className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image",
314
- url: defaultImage.url || '',
315
- alt: defaultImage.alt || '',
316
- height: "189px",
317
- defaultComponent: /*#__PURE__*/React__default["default"].createElement("div", {
318
- className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder"
319
- }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
320
- type: ui_Icon.IconTypes.THUMBNAIL_NONE,
321
- width: "56px",
322
- height: "56px"
323
- }))
324
- }))), (isPending || isFailed) && /*#__PURE__*/React__default["default"].createElement("div", {
325
- className: "sendbird-openchannel-og-message__top__right__tail"
326
- }, isPending && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
327
- width: "16px",
328
- height: "16px"
329
- }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
330
- className: "sendbird-openchannel-og-message__top__right__tail__pending",
331
- type: ui_Icon.IconTypes.SPINNER,
332
- fillColor: ui_Icon.IconColors.PRIMARY,
333
- width: "16px",
334
- height: "16px"
335
- })), isFailed && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
336
- className: "sendbird-openchannel-og-message__top__right__tail__failed",
337
- type: ui_Icon.IconTypes.ERROR,
338
- fillColor: ui_Icon.IconColors.ERROR,
339
- width: "16px",
340
- height: "16px"
341
- }))));
342
- }
343
-
344
- module.exports = OpenchannelOGMessage;
345
- //# sourceMappingURL=OpenchannelOGMessage.js.map