@sendbird/uikit-react 3.0.0-beta.3 → 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 (612) hide show
  1. package/CHANGELOG.md +65 -0
  2. package/README.md +129 -0
  3. package/dist/index.css +0 -2
  4. package/dist/index.css.map +1 -1
  5. package/package.json +29 -7
  6. package/App.js +0 -313
  7. package/App.js.map +0 -1
  8. package/Channel/components/ChannelHeader.js +0 -117
  9. package/Channel/components/ChannelHeader.js.map +0 -1
  10. package/Channel/components/ChannelUI.js +0 -179
  11. package/Channel/components/ChannelUI.js.map +0 -1
  12. package/Channel/components/FileViewer.js +0 -151
  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 -355
  17. package/Channel/components/Message.js.map +0 -1
  18. package/Channel/components/MessageInput.js +0 -202
  19. package/Channel/components/MessageInput.js.map +0 -1
  20. package/Channel/components/MessageList.js +0 -239
  21. package/Channel/components/MessageList.js.map +0 -1
  22. package/Channel/components/RemoveMessageModal.js +0 -53
  23. package/Channel/components/RemoveMessageModal.js.map +0 -1
  24. package/Channel/components/SuggestedMentionList.js +0 -250
  25. package/Channel/components/SuggestedMentionList.js.map +0 -1
  26. package/Channel/components/TypingIndicator.js +0 -98
  27. package/Channel/components/TypingIndicator.js.map +0 -1
  28. package/Channel/components/UnreadCount.js +0 -41
  29. package/Channel/components/UnreadCount.js.map +0 -1
  30. package/Channel/context.js +0 -24
  31. package/Channel/context.js.map +0 -1
  32. package/Channel.js +0 -106
  33. package/Channel.js.map +0 -1
  34. package/ChannelList/components/AddChannel.js +0 -70
  35. package/ChannelList/components/AddChannel.js.map +0 -1
  36. package/ChannelList/components/ChannelListHeader.js +0 -62
  37. package/ChannelList/components/ChannelListHeader.js.map +0 -1
  38. package/ChannelList/components/ChannelListUI.js +0 -236
  39. package/ChannelList/components/ChannelListUI.js.map +0 -1
  40. package/ChannelList/components/ChannelPreview.js +0 -211
  41. package/ChannelList/components/ChannelPreview.js.map +0 -1
  42. package/ChannelList/components/ChannelPreviewAction.js +0 -131
  43. package/ChannelList/components/ChannelPreviewAction.js.map +0 -1
  44. package/ChannelList/context.js +0 -13
  45. package/ChannelList/context.js.map +0 -1
  46. package/ChannelList.js +0 -89
  47. package/ChannelList.js.map +0 -1
  48. package/ChannelListProvider-d602a166.js +0 -926
  49. package/ChannelListProvider-d602a166.js.map +0 -1
  50. package/ChannelProvider-cf8fc05a.js +0 -2114
  51. package/ChannelProvider-cf8fc05a.js.map +0 -1
  52. package/ChannelSettings/components/AdminPanel.js +0 -905
  53. package/ChannelSettings/components/AdminPanel.js.map +0 -1
  54. package/ChannelSettings/components/ChannelProfile.js +0 -102
  55. package/ChannelSettings/components/ChannelProfile.js.map +0 -1
  56. package/ChannelSettings/components/ChannelSettingsUI.js +0 -152
  57. package/ChannelSettings/components/ChannelSettingsUI.js.map +0 -1
  58. package/ChannelSettings/components/EditDetailsModal.js +0 -154
  59. package/ChannelSettings/components/EditDetailsModal.js.map +0 -1
  60. package/ChannelSettings/components/LeaveChannel.js +0 -53
  61. package/ChannelSettings/components/LeaveChannel.js.map +0 -1
  62. package/ChannelSettings/components/UserListItem.js +0 -105
  63. package/ChannelSettings/components/UserListItem.js.map +0 -1
  64. package/ChannelSettings/components/UserPanel.js +0 -79
  65. package/ChannelSettings/components/UserPanel.js.map +0 -1
  66. package/ChannelSettings/context.js +0 -93
  67. package/ChannelSettings/context.js.map +0 -1
  68. package/ChannelSettings.js +0 -71
  69. package/ChannelSettings.js.map +0 -1
  70. package/CreateChannel/components/CreateChannelUI.js +0 -53
  71. package/CreateChannel/components/CreateChannelUI.js.map +0 -1
  72. package/CreateChannel/components/InviteMembers.js +0 -184
  73. package/CreateChannel/components/InviteMembers.js.map +0 -1
  74. package/CreateChannel/components/SelectChannelType.js +0 -131
  75. package/CreateChannel/components/SelectChannelType.js.map +0 -1
  76. package/CreateChannel/context.js +0 -8
  77. package/CreateChannel/context.js.map +0 -1
  78. package/CreateChannel.js +0 -53
  79. package/CreateChannel.js.map +0 -1
  80. package/CreateChannelProvider-3f3dafed.js +0 -53
  81. package/CreateChannelProvider-3f3dafed.js.map +0 -1
  82. package/EditUserProfile/components/EditUserProfileUI.js +0 -26
  83. package/EditUserProfile/components/EditUserProfileUI.js.map +0 -1
  84. package/EditUserProfile/context.js +0 -27
  85. package/EditUserProfile/context.js.map +0 -1
  86. package/EditUserProfile.js +0 -39
  87. package/EditUserProfile.js.map +0 -1
  88. package/LocalizationContext-b970a73c.js +0 -22
  89. package/LocalizationContext-b970a73c.js.map +0 -1
  90. package/MemberList-9d29bee4.js +0 -425
  91. package/MemberList-9d29bee4.js.map +0 -1
  92. package/MessageSearch/components/MessageSearchUI.js +0 -151
  93. package/MessageSearch/components/MessageSearchUI.js.map +0 -1
  94. package/MessageSearch/context.js +0 -392
  95. package/MessageSearch/context.js.map +0 -1
  96. package/MessageSearch.js +0 -146
  97. package/MessageSearch.js.map +0 -1
  98. package/OpenChannel/components/FrozenChannelNotification.js +0 -20
  99. package/OpenChannel/components/FrozenChannelNotification.js.map +0 -1
  100. package/OpenChannel/components/OpenChannelHeader.js +0 -78
  101. package/OpenChannel/components/OpenChannelHeader.js.map +0 -1
  102. package/OpenChannel/components/OpenChannelInput.js +0 -56
  103. package/OpenChannel/components/OpenChannelInput.js.map +0 -1
  104. package/OpenChannel/components/OpenChannelMessage.js +0 -282
  105. package/OpenChannel/components/OpenChannelMessage.js.map +0 -1
  106. package/OpenChannel/components/OpenChannelMessageList.js +0 -157
  107. package/OpenChannel/components/OpenChannelMessageList.js.map +0 -1
  108. package/OpenChannel/components/OpenChannelUI.js +0 -109
  109. package/OpenChannel/components/OpenChannelUI.js.map +0 -1
  110. package/OpenChannel/context.js +0 -14
  111. package/OpenChannel/context.js.map +0 -1
  112. package/OpenChannel.js +0 -80
  113. package/OpenChannel.js.map +0 -1
  114. package/OpenChannelProvider-821fb008.js +0 -2011
  115. package/OpenChannelProvider-821fb008.js.map +0 -1
  116. package/OpenChannelSettings/components/EditDetailsModal.js +0 -149
  117. package/OpenChannelSettings/components/EditDetailsModal.js.map +0 -1
  118. package/OpenChannelSettings/components/OpenChannelProfile.js +0 -81
  119. package/OpenChannelSettings/components/OpenChannelProfile.js.map +0 -1
  120. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +0 -104
  121. package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +0 -1
  122. package/OpenChannelSettings/components/OperatorUI.js +0 -184
  123. package/OpenChannelSettings/components/OperatorUI.js.map +0 -1
  124. package/OpenChannelSettings/components/ParticipantUI.js +0 -172
  125. package/OpenChannelSettings/components/ParticipantUI.js.map +0 -1
  126. package/OpenChannelSettings/context.js +0 -64
  127. package/OpenChannelSettings/context.js.map +0 -1
  128. package/OpenChannelSettings.js +0 -64
  129. package/OpenChannelSettings.js.map +0 -1
  130. package/SendbirdProvider.js +0 -762
  131. package/SendbirdProvider.js.map +0 -1
  132. package/UserProfileContext-f4ff4291.js +0 -38
  133. package/UserProfileContext-f4ff4291.js.map +0 -1
  134. package/_rollupPluginBabelHelpers-6bf18550.js +0 -233
  135. package/_rollupPluginBabelHelpers-6bf18550.js.map +0 -1
  136. package/actionTypes-8e320ded.js +0 -6
  137. package/actionTypes-8e320ded.js.map +0 -1
  138. package/cjs/App.js +0 -320
  139. package/cjs/App.js.map +0 -1
  140. package/cjs/Channel/components/ChannelHeader.js +0 -123
  141. package/cjs/Channel/components/ChannelHeader.js.map +0 -1
  142. package/cjs/Channel/components/ChannelUI.js +0 -185
  143. package/cjs/Channel/components/ChannelUI.js.map +0 -1
  144. package/cjs/Channel/components/FileViewer.js +0 -160
  145. package/cjs/Channel/components/FileViewer.js.map +0 -1
  146. package/cjs/Channel/components/FrozenNotification.js +0 -26
  147. package/cjs/Channel/components/FrozenNotification.js.map +0 -1
  148. package/cjs/Channel/components/Message.js +0 -361
  149. package/cjs/Channel/components/Message.js.map +0 -1
  150. package/cjs/Channel/components/MessageInput.js +0 -208
  151. package/cjs/Channel/components/MessageInput.js.map +0 -1
  152. package/cjs/Channel/components/MessageList.js +0 -245
  153. package/cjs/Channel/components/MessageList.js.map +0 -1
  154. package/cjs/Channel/components/RemoveMessageModal.js +0 -59
  155. package/cjs/Channel/components/RemoveMessageModal.js.map +0 -1
  156. package/cjs/Channel/components/SuggestedMentionList.js +0 -256
  157. package/cjs/Channel/components/SuggestedMentionList.js.map +0 -1
  158. package/cjs/Channel/components/TypingIndicator.js +0 -107
  159. package/cjs/Channel/components/TypingIndicator.js.map +0 -1
  160. package/cjs/Channel/components/UnreadCount.js +0 -47
  161. package/cjs/Channel/components/UnreadCount.js.map +0 -1
  162. package/cjs/Channel/context.js +0 -33
  163. package/cjs/Channel/context.js.map +0 -1
  164. package/cjs/Channel.js +0 -112
  165. package/cjs/Channel.js.map +0 -1
  166. package/cjs/ChannelList/components/AddChannel.js +0 -79
  167. package/cjs/ChannelList/components/AddChannel.js.map +0 -1
  168. package/cjs/ChannelList/components/ChannelListHeader.js +0 -68
  169. package/cjs/ChannelList/components/ChannelListHeader.js.map +0 -1
  170. package/cjs/ChannelList/components/ChannelListUI.js +0 -242
  171. package/cjs/ChannelList/components/ChannelListUI.js.map +0 -1
  172. package/cjs/ChannelList/components/ChannelPreview.js +0 -217
  173. package/cjs/ChannelList/components/ChannelPreview.js.map +0 -1
  174. package/cjs/ChannelList/components/ChannelPreviewAction.js +0 -138
  175. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +0 -1
  176. package/cjs/ChannelList/context.js +0 -22
  177. package/cjs/ChannelList/context.js.map +0 -1
  178. package/cjs/ChannelList.js +0 -95
  179. package/cjs/ChannelList.js.map +0 -1
  180. package/cjs/ChannelListProvider-64db9f70.js +0 -938
  181. package/cjs/ChannelListProvider-64db9f70.js.map +0 -1
  182. package/cjs/ChannelProvider-5e8e33b1.js +0 -2127
  183. package/cjs/ChannelProvider-5e8e33b1.js.map +0 -1
  184. package/cjs/ChannelSettings/components/AdminPanel.js +0 -911
  185. package/cjs/ChannelSettings/components/AdminPanel.js.map +0 -1
  186. package/cjs/ChannelSettings/components/ChannelProfile.js +0 -108
  187. package/cjs/ChannelSettings/components/ChannelProfile.js.map +0 -1
  188. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +0 -158
  189. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +0 -1
  190. package/cjs/ChannelSettings/components/EditDetailsModal.js +0 -160
  191. package/cjs/ChannelSettings/components/EditDetailsModal.js.map +0 -1
  192. package/cjs/ChannelSettings/components/LeaveChannel.js +0 -59
  193. package/cjs/ChannelSettings/components/LeaveChannel.js.map +0 -1
  194. package/cjs/ChannelSettings/components/UserListItem.js +0 -111
  195. package/cjs/ChannelSettings/components/UserListItem.js.map +0 -1
  196. package/cjs/ChannelSettings/components/UserPanel.js +0 -85
  197. package/cjs/ChannelSettings/components/UserPanel.js.map +0 -1
  198. package/cjs/ChannelSettings/context.js +0 -102
  199. package/cjs/ChannelSettings/context.js.map +0 -1
  200. package/cjs/ChannelSettings.js +0 -77
  201. package/cjs/ChannelSettings.js.map +0 -1
  202. package/cjs/CreateChannel/components/CreateChannelUI.js +0 -59
  203. package/cjs/CreateChannel/components/CreateChannelUI.js.map +0 -1
  204. package/cjs/CreateChannel/components/InviteMembers.js +0 -190
  205. package/cjs/CreateChannel/components/InviteMembers.js.map +0 -1
  206. package/cjs/CreateChannel/components/SelectChannelType.js +0 -137
  207. package/cjs/CreateChannel/components/SelectChannelType.js.map +0 -1
  208. package/cjs/CreateChannel/context.js +0 -17
  209. package/cjs/CreateChannel/context.js.map +0 -1
  210. package/cjs/CreateChannel.js +0 -59
  211. package/cjs/CreateChannel.js.map +0 -1
  212. package/cjs/CreateChannelProvider-dcf7f906.js +0 -60
  213. package/cjs/CreateChannelProvider-dcf7f906.js.map +0 -1
  214. package/cjs/EditUserProfile/components/EditUserProfileUI.js +0 -32
  215. package/cjs/EditUserProfile/components/EditUserProfileUI.js.map +0 -1
  216. package/cjs/EditUserProfile/context.js +0 -36
  217. package/cjs/EditUserProfile/context.js.map +0 -1
  218. package/cjs/EditUserProfile.js +0 -45
  219. package/cjs/EditUserProfile.js.map +0 -1
  220. package/cjs/LocalizationContext-382a9ef1.js +0 -30
  221. package/cjs/LocalizationContext-382a9ef1.js.map +0 -1
  222. package/cjs/MemberList-03a241cd.js +0 -431
  223. package/cjs/MemberList-03a241cd.js.map +0 -1
  224. package/cjs/MessageSearch/components/MessageSearchUI.js +0 -160
  225. package/cjs/MessageSearch/components/MessageSearchUI.js.map +0 -1
  226. package/cjs/MessageSearch/context.js +0 -401
  227. package/cjs/MessageSearch/context.js.map +0 -1
  228. package/cjs/MessageSearch.js +0 -152
  229. package/cjs/MessageSearch.js.map +0 -1
  230. package/cjs/OpenChannel/components/FrozenChannelNotification.js +0 -26
  231. package/cjs/OpenChannel/components/FrozenChannelNotification.js.map +0 -1
  232. package/cjs/OpenChannel/components/OpenChannelHeader.js +0 -84
  233. package/cjs/OpenChannel/components/OpenChannelHeader.js.map +0 -1
  234. package/cjs/OpenChannel/components/OpenChannelInput.js +0 -62
  235. package/cjs/OpenChannel/components/OpenChannelInput.js.map +0 -1
  236. package/cjs/OpenChannel/components/OpenChannelMessage.js +0 -288
  237. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +0 -1
  238. package/cjs/OpenChannel/components/OpenChannelMessageList.js +0 -163
  239. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +0 -1
  240. package/cjs/OpenChannel/components/OpenChannelUI.js +0 -115
  241. package/cjs/OpenChannel/components/OpenChannelUI.js.map +0 -1
  242. package/cjs/OpenChannel/context.js +0 -23
  243. package/cjs/OpenChannel/context.js.map +0 -1
  244. package/cjs/OpenChannel.js +0 -86
  245. package/cjs/OpenChannel.js.map +0 -1
  246. package/cjs/OpenChannelProvider-9000ccb9.js +0 -2020
  247. package/cjs/OpenChannelProvider-9000ccb9.js.map +0 -1
  248. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +0 -155
  249. package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +0 -1
  250. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +0 -87
  251. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +0 -1
  252. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +0 -110
  253. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +0 -1
  254. package/cjs/OpenChannelSettings/components/OperatorUI.js +0 -194
  255. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +0 -1
  256. package/cjs/OpenChannelSettings/components/ParticipantUI.js +0 -178
  257. package/cjs/OpenChannelSettings/components/ParticipantUI.js.map +0 -1
  258. package/cjs/OpenChannelSettings/context.js +0 -73
  259. package/cjs/OpenChannelSettings/context.js.map +0 -1
  260. package/cjs/OpenChannelSettings.js +0 -70
  261. package/cjs/OpenChannelSettings.js.map +0 -1
  262. package/cjs/SendbirdProvider.js +0 -771
  263. package/cjs/SendbirdProvider.js.map +0 -1
  264. package/cjs/UserProfileContext-0b7ef11a.js +0 -46
  265. package/cjs/UserProfileContext-0b7ef11a.js.map +0 -1
  266. package/cjs/_rollupPluginBabelHelpers-6193d45d.js +0 -243
  267. package/cjs/_rollupPluginBabelHelpers-6193d45d.js.map +0 -1
  268. package/cjs/actionTypes-092bc172.js +0 -10
  269. package/cjs/actionTypes-092bc172.js.map +0 -1
  270. package/cjs/color-1816dacf.js +0 -42
  271. package/cjs/color-1816dacf.js.map +0 -1
  272. package/cjs/compareIds-e9bca8c4.js +0 -20
  273. package/cjs/compareIds-e9bca8c4.js.map +0 -1
  274. package/cjs/const-c65837c1.js +0 -22
  275. package/cjs/const-c65837c1.js.map +0 -1
  276. package/cjs/const-d9f4d880.js +0 -14
  277. package/cjs/const-d9f4d880.js.map +0 -1
  278. package/cjs/context-6ebf3379.js +0 -19
  279. package/cjs/context-6ebf3379.js.map +0 -1
  280. package/cjs/index-01072ac9.js +0 -97
  281. package/cjs/index-01072ac9.js.map +0 -1
  282. package/cjs/index-20a06ed6.js +0 -514
  283. package/cjs/index-20a06ed6.js.map +0 -1
  284. package/cjs/index-212a11f2.js +0 -722
  285. package/cjs/index-212a11f2.js.map +0 -1
  286. package/cjs/index-2faa2f93.js +0 -9
  287. package/cjs/index-2faa2f93.js.map +0 -1
  288. package/cjs/index-4f40f311.js +0 -67
  289. package/cjs/index-4f40f311.js.map +0 -1
  290. package/cjs/index-75453415.js +0 -54
  291. package/cjs/index-75453415.js.map +0 -1
  292. package/cjs/index-948426a8.js +0 -284
  293. package/cjs/index-948426a8.js.map +0 -1
  294. package/cjs/index-a2ce047a.js +0 -1880
  295. package/cjs/index-a2ce047a.js.map +0 -1
  296. package/cjs/index-d57081d1.js +0 -175
  297. package/cjs/index-d57081d1.js.map +0 -1
  298. package/cjs/index-e63da805.js +0 -130
  299. package/cjs/index-e63da805.js.map +0 -1
  300. package/cjs/index-f1971e28.js +0 -142
  301. package/cjs/index-f1971e28.js.map +0 -1
  302. package/cjs/index.css +0 -4465
  303. package/cjs/index.css.map +0 -1
  304. package/cjs/index.js +0 -162
  305. package/cjs/index.js.map +0 -1
  306. package/cjs/openChannelUtils-16f29ba2.js +0 -92
  307. package/cjs/openChannelUtils-16f29ba2.js.map +0 -1
  308. package/cjs/sendBirdSelectors.js +0 -741
  309. package/cjs/sendBirdSelectors.js.map +0 -1
  310. package/cjs/stringSet-b9ea6eef.js +0 -118
  311. package/cjs/stringSet-b9ea6eef.js.map +0 -1
  312. package/cjs/topics-11048db8.js +0 -18
  313. package/cjs/topics-11048db8.js.map +0 -1
  314. package/cjs/tslib.es6-07dd6257.js +0 -40
  315. package/cjs/tslib.es6-07dd6257.js.map +0 -1
  316. package/cjs/ui/Accordion.js +0 -74
  317. package/cjs/ui/Accordion.js.map +0 -1
  318. package/cjs/ui/AccordionGroup.js +0 -32
  319. package/cjs/ui/AccordionGroup.js.map +0 -1
  320. package/cjs/ui/AdminMessage.js +0 -44
  321. package/cjs/ui/AdminMessage.js.map +0 -1
  322. package/cjs/ui/Avatar.js +0 -226
  323. package/cjs/ui/Avatar.js.map +0 -1
  324. package/cjs/ui/Badge.js +0 -45
  325. package/cjs/ui/Badge.js.map +0 -1
  326. package/cjs/ui/Button.js +0 -17
  327. package/cjs/ui/Button.js.map +0 -1
  328. package/cjs/ui/ChannelAvatar.js +0 -59
  329. package/cjs/ui/ChannelAvatar.js.map +0 -1
  330. package/cjs/ui/ChannelPreview.js +0 -201
  331. package/cjs/ui/ChannelPreview.js.map +0 -1
  332. package/cjs/ui/ChatHeader.js +0 -145
  333. package/cjs/ui/ChatHeader.js.map +0 -1
  334. package/cjs/ui/Checkbox.js +0 -49
  335. package/cjs/ui/Checkbox.js.map +0 -1
  336. package/cjs/ui/ConnectionStatus.js +0 -34
  337. package/cjs/ui/ConnectionStatus.js.map +0 -1
  338. package/cjs/ui/ContextMenu.js +0 -431
  339. package/cjs/ui/ContextMenu.js.map +0 -1
  340. package/cjs/ui/DateSeparator.js +0 -44
  341. package/cjs/ui/DateSeparator.js.map +0 -1
  342. package/cjs/ui/Dropdown.js +0 -107
  343. package/cjs/ui/Dropdown.js.map +0 -1
  344. package/cjs/ui/EmojiReactions.js +0 -127
  345. package/cjs/ui/EmojiReactions.js.map +0 -1
  346. package/cjs/ui/FileMessageItemBody.js +0 -57
  347. package/cjs/ui/FileMessageItemBody.js.map +0 -1
  348. package/cjs/ui/FileViewer.js +0 -174
  349. package/cjs/ui/FileViewer.js.map +0 -1
  350. package/cjs/ui/Icon.js +0 -1462
  351. package/cjs/ui/Icon.js.map +0 -1
  352. package/cjs/ui/IconButton.js +0 -83
  353. package/cjs/ui/IconButton.js.map +0 -1
  354. package/cjs/ui/ImageRenderer.js +0 -138
  355. package/cjs/ui/ImageRenderer.js.map +0 -1
  356. package/cjs/ui/Input.js +0 -74
  357. package/cjs/ui/Input.js.map +0 -1
  358. package/cjs/ui/Label.js +0 -17
  359. package/cjs/ui/Label.js.map +0 -1
  360. package/cjs/ui/LinkLabel.js +0 -51
  361. package/cjs/ui/LinkLabel.js.map +0 -1
  362. package/cjs/ui/Loader.js +0 -44
  363. package/cjs/ui/Loader.js.map +0 -1
  364. package/cjs/ui/MentionUserLabel.js +0 -25
  365. package/cjs/ui/MentionUserLabel.js.map +0 -1
  366. package/cjs/ui/MessageContent.js +0 -291
  367. package/cjs/ui/MessageContent.js.map +0 -1
  368. package/cjs/ui/MessageInput.js +0 -5048
  369. package/cjs/ui/MessageInput.js.map +0 -1
  370. package/cjs/ui/MessageItemMenu.js +0 -141
  371. package/cjs/ui/MessageItemMenu.js.map +0 -1
  372. package/cjs/ui/MessageItemReactionMenu.js +0 -112
  373. package/cjs/ui/MessageItemReactionMenu.js.map +0 -1
  374. package/cjs/ui/MessageSearchFileItem.js +0 -130
  375. package/cjs/ui/MessageSearchFileItem.js.map +0 -1
  376. package/cjs/ui/MessageSearchItem.js +0 -93
  377. package/cjs/ui/MessageSearchItem.js.map +0 -1
  378. package/cjs/ui/MessageStatus.js +0 -66
  379. package/cjs/ui/MessageStatus.js.map +0 -1
  380. package/cjs/ui/Modal.js +0 -140
  381. package/cjs/ui/Modal.js.map +0 -1
  382. package/cjs/ui/MutedAvatarOverlay.js +0 -40
  383. package/cjs/ui/MutedAvatarOverlay.js.map +0 -1
  384. package/cjs/ui/OGMessageItemBody.js +0 -107
  385. package/cjs/ui/OGMessageItemBody.js.map +0 -1
  386. package/cjs/ui/OpenChannelAdminMessage.js +0 -27
  387. package/cjs/ui/OpenChannelAdminMessage.js.map +0 -1
  388. package/cjs/ui/OpenChannelAvatar.js +0 -41
  389. package/cjs/ui/OpenChannelAvatar.js.map +0 -1
  390. package/cjs/ui/OpenChannelMessageContent.js +0 -14
  391. package/cjs/ui/OpenChannelMessageContent.js.map +0 -1
  392. package/cjs/ui/OpenchannelConversationHeader.js +0 -73
  393. package/cjs/ui/OpenchannelConversationHeader.js.map +0 -1
  394. package/cjs/ui/OpenchannelFileMessage.js +0 -230
  395. package/cjs/ui/OpenchannelFileMessage.js.map +0 -1
  396. package/cjs/ui/OpenchannelOGMessage.js +0 -345
  397. package/cjs/ui/OpenchannelOGMessage.js.map +0 -1
  398. package/cjs/ui/OpenchannelThumbnailMessage.js +0 -305
  399. package/cjs/ui/OpenchannelThumbnailMessage.js.map +0 -1
  400. package/cjs/ui/OpenchannelUserMessage.js +0 -264
  401. package/cjs/ui/OpenchannelUserMessage.js.map +0 -1
  402. package/cjs/ui/PlaceHolder.js +0 -20
  403. package/cjs/ui/PlaceHolder.js.map +0 -1
  404. package/cjs/ui/QuoteMessage.js +0 -131
  405. package/cjs/ui/QuoteMessage.js.map +0 -1
  406. package/cjs/ui/QuoteMessageInput.js +0 -99
  407. package/cjs/ui/QuoteMessageInput.js.map +0 -1
  408. package/cjs/ui/ReactionBadge.js +0 -68
  409. package/cjs/ui/ReactionBadge.js.map +0 -1
  410. package/cjs/ui/ReactionButton.js +0 -55
  411. package/cjs/ui/ReactionButton.js.map +0 -1
  412. package/cjs/ui/SortByRow.js +0 -57
  413. package/cjs/ui/SortByRow.js.map +0 -1
  414. package/cjs/ui/TextButton.js +0 -45
  415. package/cjs/ui/TextButton.js.map +0 -1
  416. package/cjs/ui/TextMessageItemBody.js +0 -62
  417. package/cjs/ui/TextMessageItemBody.js.map +0 -1
  418. package/cjs/ui/ThumbnailMessageItemBody.js +0 -82
  419. package/cjs/ui/ThumbnailMessageItemBody.js.map +0 -1
  420. package/cjs/ui/Tooltip.js +0 -35
  421. package/cjs/ui/Tooltip.js.map +0 -1
  422. package/cjs/ui/TooltipWrapper.js +0 -65
  423. package/cjs/ui/TooltipWrapper.js.map +0 -1
  424. package/cjs/ui/UnknownMessageItemBody.js +0 -41
  425. package/cjs/ui/UnknownMessageItemBody.js.map +0 -1
  426. package/cjs/ui/UserListItem.js +0 -158
  427. package/cjs/ui/UserListItem.js.map +0 -1
  428. package/cjs/ui/UserProfile.js +0 -87
  429. package/cjs/ui/UserProfile.js.map +0 -1
  430. package/cjs/useSendbirdStateContext.js +0 -22
  431. package/cjs/useSendbirdStateContext.js.map +0 -1
  432. package/cjs/utils-3240365f.js +0 -32
  433. package/cjs/utils-3240365f.js.map +0 -1
  434. package/cjs/utils-53d332a6.js +0 -38
  435. package/cjs/utils-53d332a6.js.map +0 -1
  436. package/cjs/utils-94ae6cec.js +0 -6
  437. package/cjs/utils-94ae6cec.js.map +0 -1
  438. package/cjs/uuid-172844fb.js +0 -19
  439. package/cjs/uuid-172844fb.js.map +0 -1
  440. package/cjs/withSendBird.js +0 -35
  441. package/cjs/withSendBird.js.map +0 -1
  442. package/color-38dc84d3.js +0 -39
  443. package/color-38dc84d3.js.map +0 -1
  444. package/compareIds-f01e0c3c.js +0 -18
  445. package/compareIds-f01e0c3c.js.map +0 -1
  446. package/const-b6685801.js +0 -8
  447. package/const-b6685801.js.map +0 -1
  448. package/const-d46f09a1.js +0 -18
  449. package/const-d46f09a1.js.map +0 -1
  450. package/context-b5168bd0.js +0 -12
  451. package/context-b5168bd0.js.map +0 -1
  452. package/index-1c2588aa.js +0 -1873
  453. package/index-1c2588aa.js.map +0 -1
  454. package/index-2dce3a04.js +0 -87
  455. package/index-2dce3a04.js.map +0 -1
  456. package/index-3bd4a058.js +0 -168
  457. package/index-3bd4a058.js.map +0 -1
  458. package/index-62fd2db7.js +0 -48
  459. package/index-62fd2db7.js.map +0 -1
  460. package/index-6381b534.js +0 -512
  461. package/index-6381b534.js.map +0 -1
  462. package/index-9afb4d01.js +0 -64
  463. package/index-9afb4d01.js.map +0 -1
  464. package/index-a6675155.js +0 -280
  465. package/index-a6675155.js.map +0 -1
  466. package/index-b12b270e.js +0 -121
  467. package/index-b12b270e.js.map +0 -1
  468. package/index-d0b30cd5.js +0 -131
  469. package/index-d0b30cd5.js.map +0 -1
  470. package/index-d0fe8fe1.js +0 -7
  471. package/index-d0fe8fe1.js.map +0 -1
  472. package/index-e6d0889d.js +0 -682
  473. package/index-e6d0889d.js.map +0 -1
  474. package/index.d.ts +0 -1829
  475. package/index.js +0 -143
  476. package/index.js.map +0 -1
  477. package/openChannelUtils-22ed0258.js +0 -81
  478. package/openChannelUtils-22ed0258.js.map +0 -1
  479. package/sendBirdSelectors.js +0 -713
  480. package/sendBirdSelectors.js.map +0 -1
  481. package/stringSet-2e6c1d2c.js +0 -116
  482. package/stringSet-2e6c1d2c.js.map +0 -1
  483. package/topics-67738aac.js +0 -10
  484. package/topics-67738aac.js.map +0 -1
  485. package/tslib.es6-b6e567bd.js +0 -38
  486. package/tslib.es6-b6e567bd.js.map +0 -1
  487. package/ui/Accordion.js +0 -65
  488. package/ui/Accordion.js.map +0 -1
  489. package/ui/AccordionGroup.js +0 -26
  490. package/ui/AccordionGroup.js.map +0 -1
  491. package/ui/AdminMessage.js +0 -37
  492. package/ui/AdminMessage.js.map +0 -1
  493. package/ui/Avatar.js +0 -217
  494. package/ui/Avatar.js.map +0 -1
  495. package/ui/Badge.js +0 -38
  496. package/ui/Badge.js.map +0 -1
  497. package/ui/Button.js +0 -7
  498. package/ui/Button.js.map +0 -1
  499. package/ui/ChannelAvatar.js +0 -53
  500. package/ui/ChannelAvatar.js.map +0 -1
  501. package/ui/ChannelPreview.js +0 -194
  502. package/ui/ChannelPreview.js.map +0 -1
  503. package/ui/ChatHeader.js +0 -138
  504. package/ui/ChatHeader.js.map +0 -1
  505. package/ui/Checkbox.js +0 -42
  506. package/ui/Checkbox.js.map +0 -1
  507. package/ui/ConnectionStatus.js +0 -28
  508. package/ui/ConnectionStatus.js.map +0 -1
  509. package/ui/ContextMenu.js +0 -417
  510. package/ui/ContextMenu.js.map +0 -1
  511. package/ui/DateSeparator.js +0 -37
  512. package/ui/DateSeparator.js.map +0 -1
  513. package/ui/Dropdown.js +0 -97
  514. package/ui/Dropdown.js.map +0 -1
  515. package/ui/EmojiReactions.js +0 -121
  516. package/ui/EmojiReactions.js.map +0 -1
  517. package/ui/FileMessageItemBody.js +0 -51
  518. package/ui/FileMessageItemBody.js.map +0 -1
  519. package/ui/FileViewer.js +0 -164
  520. package/ui/FileViewer.js.map +0 -1
  521. package/ui/Icon.js +0 -1432
  522. package/ui/Icon.js.map +0 -1
  523. package/ui/IconButton.js +0 -76
  524. package/ui/IconButton.js.map +0 -1
  525. package/ui/ImageRenderer.js +0 -131
  526. package/ui/ImageRenderer.js.map +0 -1
  527. package/ui/Input.js +0 -64
  528. package/ui/Input.js.map +0 -1
  529. package/ui/Label.js +0 -6
  530. package/ui/Label.js.map +0 -1
  531. package/ui/LinkLabel.js +0 -40
  532. package/ui/LinkLabel.js.map +0 -1
  533. package/ui/Loader.js +0 -37
  534. package/ui/Loader.js.map +0 -1
  535. package/ui/MentionUserLabel.js +0 -19
  536. package/ui/MentionUserLabel.js.map +0 -1
  537. package/ui/MessageContent.js +0 -285
  538. package/ui/MessageContent.js.map +0 -1
  539. package/ui/MessageInput.js +0 -5040
  540. package/ui/MessageInput.js.map +0 -1
  541. package/ui/MessageItemMenu.js +0 -135
  542. package/ui/MessageItemMenu.js.map +0 -1
  543. package/ui/MessageItemReactionMenu.js +0 -106
  544. package/ui/MessageItemReactionMenu.js.map +0 -1
  545. package/ui/MessageSearchFileItem.js +0 -124
  546. package/ui/MessageSearchFileItem.js.map +0 -1
  547. package/ui/MessageSearchItem.js +0 -87
  548. package/ui/MessageSearchItem.js.map +0 -1
  549. package/ui/MessageStatus.js +0 -57
  550. package/ui/MessageStatus.js.map +0 -1
  551. package/ui/Modal.js +0 -128
  552. package/ui/Modal.js.map +0 -1
  553. package/ui/MutedAvatarOverlay.js +0 -34
  554. package/ui/MutedAvatarOverlay.js.map +0 -1
  555. package/ui/OGMessageItemBody.js +0 -101
  556. package/ui/OGMessageItemBody.js.map +0 -1
  557. package/ui/OpenChannelAdminMessage.js +0 -21
  558. package/ui/OpenChannelAdminMessage.js.map +0 -1
  559. package/ui/OpenChannelAvatar.js +0 -35
  560. package/ui/OpenChannelAvatar.js.map +0 -1
  561. package/ui/OpenChannelMessageContent.js +0 -8
  562. package/ui/OpenChannelMessageContent.js.map +0 -1
  563. package/ui/OpenchannelConversationHeader.js +0 -67
  564. package/ui/OpenchannelConversationHeader.js.map +0 -1
  565. package/ui/OpenchannelFileMessage.js +0 -224
  566. package/ui/OpenchannelFileMessage.js.map +0 -1
  567. package/ui/OpenchannelOGMessage.js +0 -339
  568. package/ui/OpenchannelOGMessage.js.map +0 -1
  569. package/ui/OpenchannelThumbnailMessage.js +0 -299
  570. package/ui/OpenchannelThumbnailMessage.js.map +0 -1
  571. package/ui/OpenchannelUserMessage.js +0 -258
  572. package/ui/OpenchannelUserMessage.js.map +0 -1
  573. package/ui/PlaceHolder.js +0 -11
  574. package/ui/PlaceHolder.js.map +0 -1
  575. package/ui/QuoteMessage.js +0 -125
  576. package/ui/QuoteMessage.js.map +0 -1
  577. package/ui/QuoteMessageInput.js +0 -93
  578. package/ui/QuoteMessageInput.js.map +0 -1
  579. package/ui/ReactionBadge.js +0 -61
  580. package/ui/ReactionBadge.js.map +0 -1
  581. package/ui/ReactionButton.js +0 -48
  582. package/ui/ReactionButton.js.map +0 -1
  583. package/ui/SortByRow.js +0 -50
  584. package/ui/SortByRow.js.map +0 -1
  585. package/ui/TextButton.js +0 -38
  586. package/ui/TextButton.js.map +0 -1
  587. package/ui/TextMessageItemBody.js +0 -56
  588. package/ui/TextMessageItemBody.js.map +0 -1
  589. package/ui/ThumbnailMessageItemBody.js +0 -76
  590. package/ui/ThumbnailMessageItemBody.js.map +0 -1
  591. package/ui/Tooltip.js +0 -28
  592. package/ui/Tooltip.js.map +0 -1
  593. package/ui/TooltipWrapper.js +0 -58
  594. package/ui/TooltipWrapper.js.map +0 -1
  595. package/ui/UnknownMessageItemBody.js +0 -35
  596. package/ui/UnknownMessageItemBody.js.map +0 -1
  597. package/ui/UserListItem.js +0 -151
  598. package/ui/UserListItem.js.map +0 -1
  599. package/ui/UserProfile.js +0 -81
  600. package/ui/UserProfile.js.map +0 -1
  601. package/useSendbirdStateContext.js +0 -20
  602. package/useSendbirdStateContext.js.map +0 -1
  603. package/utils-04c291d8.js +0 -34
  604. package/utils-04c291d8.js.map +0 -1
  605. package/utils-28de36e9.js +0 -30
  606. package/utils-28de36e9.js.map +0 -1
  607. package/utils-f5c9ef64.js +0 -4
  608. package/utils-f5c9ef64.js.map +0 -1
  609. package/uuid-0139dc21.js +0 -17
  610. package/uuid-0139dc21.js.map +0 -1
  611. package/withSendBird.js +0 -26
  612. package/withSendBird.js.map +0 -1
@@ -1,185 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
5
- var Channel_context = require('../../ChannelProvider-5e8e33b1.js');
6
- var ui_PlaceHolder = require('../../index-e63da805.js');
7
- var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
8
- var Channel_components_ChannelHeader = require('./ChannelHeader.js');
9
- var Channel_components_MessageList = require('./MessageList.js');
10
- var Channel_components_TypingIndicator = require('./TypingIndicator.js');
11
- var Channel_components_FrozenNotification = require('./FrozenNotification.js');
12
- var Channel_components_UnreadCount = require('./UnreadCount.js');
13
- var Channel_components_MessageInput = require('./MessageInput.js');
14
- require('../../withSendBird.js');
15
- require('../../_rollupPluginBabelHelpers-6193d45d.js');
16
- require('../../UserProfileContext-0b7ef11a.js');
17
- require('prop-types');
18
- require('../../index-a2ce047a.js');
19
- require('../../index-20a06ed6.js');
20
- require('../../topics-11048db8.js');
21
- require('../../index-212a11f2.js');
22
- require('../../tslib.es6-07dd6257.js');
23
- require('../../compareIds-e9bca8c4.js');
24
- require('../../const-d9f4d880.js');
25
- require('../../uuid-172844fb.js');
26
- require('../../ui/ContextMenu.js');
27
- require('../../index-f1971e28.js');
28
- require('../../stringSet-b9ea6eef.js');
29
- require('react-dom');
30
- require('../../ui/SortByRow.js');
31
- require('../../ui/ReactionButton.js');
32
- require('../../ui/ImageRenderer.js');
33
- require('../../ui/Icon.js');
34
- require('../../ui/Loader.js');
35
- require('../../LocalizationContext-382a9ef1.js');
36
- require('../../ui/IconButton.js');
37
- require('../../ui/ChannelAvatar.js');
38
- require('../../ui/Avatar.js');
39
- require('../../utils-53d332a6.js');
40
- require('../../index-4f40f311.js');
41
- require('./Message.js');
42
- require('./SuggestedMentionList.js');
43
- require('../../const-c65837c1.js');
44
- require('../../ui/DateSeparator.js');
45
- require('../../color-1816dacf.js');
46
- require('../../ui/MessageInput.js');
47
- require('stream');
48
- require('../../index-01072ac9.js');
49
- require('../../ui/MentionUserLabel.js');
50
- require('../../ui/MessageContent.js');
51
- require('../../ui/UserProfile.js');
52
- require('../../sendBirdSelectors.js');
53
- require('../../ui/MessageStatus.js');
54
- require('../../ui/MessageItemMenu.js');
55
- require('../../ui/MessageItemReactionMenu.js');
56
- require('../../ui/EmojiReactions.js');
57
- require('../../ui/Tooltip.js');
58
- require('../../ui/TooltipWrapper.js');
59
- require('../../ui/ReactionBadge.js');
60
- require('../../ui/AdminMessage.js');
61
- require('../../ui/TextMessageItemBody.js');
62
- require('../../index-75453415.js');
63
- require('../../ui/LinkLabel.js');
64
- require('../../ui/FileMessageItemBody.js');
65
- require('../../ui/TextButton.js');
66
- require('../../ui/ThumbnailMessageItemBody.js');
67
- require('../../ui/OGMessageItemBody.js');
68
- require('../../ui/UnknownMessageItemBody.js');
69
- require('../../ui/QuoteMessage.js');
70
- require('./FileViewer.js');
71
- require('../../index-2faa2f93.js');
72
- require('./RemoveMessageModal.js');
73
- require('../../ui/Modal.js');
74
- require('../../utils-94ae6cec.js');
75
- require('../../ui/QuoteMessageInput.js');
76
-
77
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
78
-
79
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
80
-
81
- var ChannelUI = function ChannelUI(_a) {
82
- var _b, _c, _d, _e;
83
-
84
- var renderPlaceholderLoader = _a.renderPlaceholderLoader,
85
- renderPlaceholderInvalid = _a.renderPlaceholderInvalid,
86
- renderPlaceholderEmpty = _a.renderPlaceholderEmpty,
87
- renderChannelHeader = _a.renderChannelHeader,
88
- renderMessage = _a.renderMessage,
89
- renderMessageInput = _a.renderMessageInput,
90
- renderTypingIndicator = _a.renderTypingIndicator,
91
- renderCustomSeparator = _a.renderCustomSeparator;
92
-
93
- var _f = Channel_context.useChannel(),
94
- currentGroupChannel = _f.currentGroupChannel,
95
- channelUrl = _f.channelUrl,
96
- isInvalid = _f.isInvalid,
97
- unreadSince = _f.unreadSince,
98
- loading = _f.loading,
99
- setInitialTimeStamp = _f.setInitialTimeStamp,
100
- setAnimatedMessageId = _f.setAnimatedMessageId,
101
- setHighLightedMessageId = _f.setHighLightedMessageId,
102
- scrollRef = _f.scrollRef,
103
- messagesDispatcher = _f.messagesDispatcher;
104
-
105
- var _g = React.useState(0),
106
- unreadCount = _g[0],
107
- setUnreadCount = _g[1];
108
-
109
- React.useEffect(function () {
110
- setUnreadCount(currentGroupChannel.unreadMessageCount);
111
- }, [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount]);
112
- var globalStore = useSendbirdStateContext();
113
- var sdkError = (_c = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.error;
114
- var logger = (_d = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _d === void 0 ? void 0 : _d.logger;
115
- var isOnline = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.isOnline;
116
-
117
- if (!channelUrl) {
118
- return /*#__PURE__*/React__default["default"].createElement("div", {
119
- className: "sendbird-conversation"
120
- }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
121
- type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS
122
- }));
123
- }
124
-
125
- if (isInvalid) {
126
- return /*#__PURE__*/React__default["default"].createElement("div", {
127
- className: "sendbird-conversation"
128
- }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
129
- type: ui_PlaceHolder.PlaceHolderTypes.WRONG
130
- }));
131
- }
132
-
133
- if (sdkError) {
134
- return /*#__PURE__*/React__default["default"].createElement("div", {
135
- className: "sendbird-conversation"
136
- }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
137
- type: ui_PlaceHolder.PlaceHolderTypes.WRONG,
138
- retryToConnect: function retryToConnect() {
139
- logger.info('Channel: reconnecting'); // reconnect();
140
- }
141
- }));
142
- }
143
-
144
- return /*#__PURE__*/React__default["default"].createElement("div", {
145
- className: "sendbird-conversation"
146
- }, (renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 : renderChannelHeader()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_ChannelHeader, null), (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isFrozen) && /*#__PURE__*/React__default["default"].createElement(Channel_components_FrozenNotification, null), unreadCount > 0 && /*#__PURE__*/React__default["default"].createElement(Channel_components_UnreadCount, {
147
- count: unreadCount,
148
- time: unreadSince,
149
- onClick: function onClick() {
150
- var _a, _b, _c;
151
-
152
- setUnreadCount(0);
153
-
154
- if ((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) {
155
- scrollRef.current.scrollTop = ((_b = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) - ((_c = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight);
156
- }
157
-
158
- currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead();
159
- messagesDispatcher({
160
- type: Channel_context.MARK_AS_READ,
161
- payload: {
162
- channel: currentGroupChannel
163
- }
164
- });
165
- setInitialTimeStamp(null);
166
- setAnimatedMessageId(null);
167
- setHighLightedMessageId(null);
168
- }
169
- }), loading ? /*#__PURE__*/React__default["default"].createElement("div", {
170
- className: "sendbird-conversation"
171
- }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
172
- type: ui_PlaceHolder.PlaceHolderTypes.LOADING
173
- })) : /*#__PURE__*/React__default["default"].createElement(Channel_components_MessageList, {
174
- renderMessage: renderMessage,
175
- renderPlaceholderEmpty: renderPlaceholderEmpty,
176
- renderCustomSeparator: renderCustomSeparator
177
- }), /*#__PURE__*/React__default["default"].createElement("div", {
178
- className: "sendbird-conversation__footer"
179
- }, (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_MessageInput, null), /*#__PURE__*/React__default["default"].createElement("div", {
180
- className: "sendbird-conversation__footer__typing-indicator"
181
- }, (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_TypingIndicator["default"], null), !isOnline && /*#__PURE__*/React__default["default"].createElement(ui_ConnectionStatus, null))));
182
- };
183
-
184
- module.exports = ChannelUI;
185
- //# sourceMappingURL=ChannelUI.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChannelUI.js","sources":["../../../../src/smart-components/Channel/components/ChannelUI/index.tsx"],"sourcesContent":["import './channel-ui.scss';\n\nimport React, { useEffect, useState } from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport { useChannel } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport ConnectionStatus from '../../../../ui/ConnectionStatus';\nimport ChannelHeader from '../ChannelHeader';\nimport MessageList from '../MessageList';\nimport TypingIndicator from '../TypingIndicator';\nimport FrozenNotification from '../FrozenNotification';\nimport UnreadCount from '../UnreadCount';\nimport MessageInputWrapper from '../MessageInput';\nimport { RenderMessageProps } from '../../../../types';\nimport * as messageActionTypes from '../../context/dux/actionTypes';\n\nexport interface ChannelUIProps {\n renderPlaceholderLoader?: () => React.ReactNode;\n renderPlaceholderInvalid?: () => React.ReactNode;\n renderPlaceholderEmpty?: () => React.ReactNode;\n renderChannelHeader?: () => React.ReactNode;\n renderMessage?: (props: RenderMessageProps) => React.ReactNode;\n renderMessageInput?: () => React.ReactNode;\n renderTypingIndicator?: () => React.ReactNode;\n renderCustomSeparator?: () => React.ReactNode;\n}\n\nconst ChannelUI: React.FC<ChannelUIProps> = ({\n renderPlaceholderLoader,\n renderPlaceholderInvalid,\n renderPlaceholderEmpty,\n renderChannelHeader,\n renderMessage,\n renderMessageInput,\n renderTypingIndicator,\n renderCustomSeparator,\n}: ChannelUIProps) => {\n const {\n currentGroupChannel,\n channelUrl,\n isInvalid,\n unreadSince,\n loading,\n setInitialTimeStamp,\n setAnimatedMessageId,\n setHighLightedMessageId,\n scrollRef,\n messagesDispatcher,\n } = useChannel();\n const [unreadCount, setUnreadCount] = useState(0);\n useEffect(() => {\n setUnreadCount(currentGroupChannel.unreadMessageCount);\n }, [currentGroupChannel?.unreadMessageCount]);\n\n const globalStore = useSendbirdStateContext();\n const sdkError = globalStore?.stores?.sdkStore?.error;\n const logger = globalStore?.config?.logger;\n const isOnline = globalStore?.config?.isOnline;\n\n if (!channelUrl) {\n return (<div className=\"sendbird-conversation\">\n {\n renderPlaceholderInvalid?.() || (\n <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n )\n }\n </div>);\n }\n if (isInvalid) {\n return (\n <div className=\"sendbird-conversation\">\n {\n renderPlaceholderInvalid?.() || (\n <PlaceHolder type={PlaceHolderTypes.WRONG} />\n )\n }\n </div>\n );\n }\n if (sdkError) {\n return (\n <div className=\"sendbird-conversation\">\n {\n renderPlaceholderInvalid?.() || (\n <PlaceHolder\n type={PlaceHolderTypes.WRONG}\n retryToConnect={() => {\n logger.info('Channel: reconnecting');\n // reconnect();\n }}\n />\n )\n }\n </div>\n );\n }\n return (\n <div className='sendbird-conversation'>\n {\n renderChannelHeader?.() || (\n <ChannelHeader />\n )\n }\n {\n currentGroupChannel?.isFrozen && (\n <FrozenNotification />\n )\n }\n {\n unreadCount > 0 && (\n <UnreadCount\n count={unreadCount}\n time={unreadSince}\n onClick={() => {\n setUnreadCount(0);\n if (scrollRef?.current?.scrollTop) {\n scrollRef.current.scrollTop = scrollRef?.current?.scrollHeight - scrollRef?.current?.offsetHeight;\n }\n currentGroupChannel?.markAsRead();\n messagesDispatcher({\n type: messageActionTypes.MARK_AS_READ,\n payload: { channel: currentGroupChannel },\n });\n setInitialTimeStamp(null);\n setAnimatedMessageId(null);\n setHighLightedMessageId(null);\n }}\n />\n )\n }\n {\n loading\n ? (\n <div className=\"sendbird-conversation\">\n {\n renderPlaceholderLoader?.() || (\n <PlaceHolder type={PlaceHolderTypes.LOADING} />\n )\n }\n </div>\n ) : (\n <MessageList\n renderMessage={renderMessage}\n renderPlaceholderEmpty={renderPlaceholderEmpty}\n renderCustomSeparator={renderCustomSeparator}\n />\n )\n }\n <div className=\"sendbird-conversation__footer\">\n {\n renderMessageInput?.() || (\n <MessageInputWrapper />\n )\n }\n <div className=\"sendbird-conversation__footer__typing-indicator\">\n {\n renderTypingIndicator?.() || (\n <TypingIndicator />\n )\n }\n {\n !isOnline && (\n <ConnectionStatus />\n )\n }\n </div>\n </div>\n </div>\n );\n}\n\nexport default ChannelUI;\n"],"names":["ChannelUI","_a","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","_f","useChannel","currentGroupChannel","channelUrl","isInvalid","unreadSince","loading","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","scrollRef","messagesDispatcher","_g","useState","unreadCount","setUnreadCount","useEffect","unreadMessageCount","globalStore","useSendbirdStateContext","sdkError","stores","sdkStore","error","logger","config","isOnline","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","WRONG","info","ChannelHeader","isFrozen","FrozenNotification","UnreadCount","current","scrollTop","scrollHeight","offsetHeight","markAsRead","type","messageActionTypes","payload","channel","LOADING","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"mappings":"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"}
@@ -1,160 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var reactDom = require('react-dom');
7
- var ui_Avatar = require('../../ui/Avatar.js');
8
- var ui_Label = require('../../index-f1971e28.js');
9
- var ui_Icon = require('../../ui/Icon.js');
10
- var index$1 = require('../../index-2faa2f93.js');
11
- var index = require('../../index-212a11f2.js');
12
- var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
13
- var Channel_context = require('../../ChannelProvider-5e8e33b1.js');
14
- require('../../tslib.es6-07dd6257.js');
15
- require('../../ui/ImageRenderer.js');
16
- require('../../_rollupPluginBabelHelpers-6193d45d.js');
17
- require('prop-types');
18
- require('../../uuid-172844fb.js');
19
- require('../../stringSet-b9ea6eef.js');
20
- require('../../withSendBird.js');
21
- require('../../UserProfileContext-0b7ef11a.js');
22
- require('../../index-a2ce047a.js');
23
- require('../../index-20a06ed6.js');
24
- require('../../topics-11048db8.js');
25
- require('../../compareIds-e9bca8c4.js');
26
- require('../../const-d9f4d880.js');
27
- require('../../ui/ContextMenu.js');
28
- require('../../ui/SortByRow.js');
29
- require('../../ui/ReactionButton.js');
30
-
31
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
32
-
33
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
34
-
35
- var FileViewerComponent = function FileViewerComponent(_a) {
36
- var // sender
37
- profileUrl = _a.profileUrl,
38
- nickname = _a.nickname,
39
- // file
40
- name = _a.name,
41
- type = _a.type,
42
- url = _a.url,
43
- // others
44
- isByMe = _a.isByMe,
45
- onCancel = _a.onCancel,
46
- onDelete = _a.onDelete,
47
- disableDelete = _a.disableDelete;
48
- return /*#__PURE__*/React__default["default"].createElement("div", {
49
- className: "sendbird-fileviewer"
50
- }, /*#__PURE__*/React__default["default"].createElement("div", {
51
- className: "sendbird-fileviewer__header"
52
- }, /*#__PURE__*/React__default["default"].createElement("div", {
53
- className: "sendbird-fileviewer__header__left"
54
- }, /*#__PURE__*/React__default["default"].createElement("div", {
55
- className: "sendbird-fileviewer__header__left__avatar"
56
- }, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
57
- height: "32px",
58
- width: "32px",
59
- src: profileUrl
60
- })), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
61
- className: "sendbird-fileviewer__header__left__filename",
62
- type: ui_Label.LabelTypography.H_2,
63
- color: ui_Label.LabelColors.ONBACKGROUND_1
64
- }, name), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
65
- className: "sendbird-fileviewer__header__left__sender-name",
66
- type: ui_Label.LabelTypography.BODY_1,
67
- color: ui_Label.LabelColors.ONBACKGROUND_2
68
- }, nickname)), /*#__PURE__*/React__default["default"].createElement("div", {
69
- className: "sendbird-fileviewer__header__right"
70
- }, index.isSupportedFileView(type) && /*#__PURE__*/React__default["default"].createElement("div", {
71
- className: "sendbird-fileviewer__header__right__actions"
72
- }, /*#__PURE__*/React__default["default"].createElement("a", {
73
- className: "sendbird-fileviewer__header__right__actions__download",
74
- rel: "noopener noreferrer",
75
- href: url,
76
- target: "_blank"
77
- }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
78
- type: ui_Icon.IconTypes.DOWNLOAD,
79
- fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
80
- height: "24px",
81
- width: "24px"
82
- })), onDelete && isByMe && /*#__PURE__*/React__default["default"].createElement("div", {
83
- className: "sendbird-fileviewer__header__right__actions__delete"
84
- }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
85
- className: disableDelete ? 'disabled' : '',
86
- type: ui_Icon.IconTypes.DELETE,
87
- fillColor: disableDelete ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1,
88
- height: "24px",
89
- width: "24px",
90
- onClick: function onClick() {
91
- if (!disableDelete) {
92
- onDelete();
93
- }
94
- }
95
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
96
- className: "sendbird-fileviewer__header__right__actions__close"
97
- }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
98
- type: ui_Icon.IconTypes.CLOSE,
99
- fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
100
- height: "24px",
101
- width: "24px",
102
- onClick: onCancel
103
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
104
- className: "sendbird-fileviewer__content"
105
- }, index.isVideo(type) && /*#__PURE__*/React__default["default"].createElement("video", {
106
- controls: true,
107
- className: "sendbird-fileviewer__content__video"
108
- }, /*#__PURE__*/React__default["default"].createElement("source", {
109
- src: url,
110
- type: type
111
- })), index.isImage(type) && /*#__PURE__*/React__default["default"].createElement("img", {
112
- src: url,
113
- alt: name,
114
- className: "sendbird-fileviewer__content__img"
115
- }), !index.isSupportedFileView(type) && /*#__PURE__*/React__default["default"].createElement("div", {
116
- className: "sendbird-fileviewer__content__unsupported"
117
- }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
118
- type: ui_Label.LabelTypography.H_1,
119
- color: ui_Label.LabelColors.ONBACKGROUND_1
120
- }, "Unsupoprted message"))));
121
- };
122
-
123
- var FileViewer = function FileViewer(_a) {
124
- var _b, _c, _d;
125
-
126
- var onCancel = _a.onCancel,
127
- message = _a.message;
128
- var deleteMessage = Channel_context.useChannel().deleteMessage;
129
- var sender = message.sender,
130
- type = message.type,
131
- url = message.url,
132
- _e = message.name,
133
- name = _e === void 0 ? '' : _e,
134
- threadInfo = message.threadInfo;
135
- var user = (_c = (_b = useSendbirdStateContext()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.userId;
136
- var isByMe = user === ((_d = message === null || message === void 0 ? void 0 : message.sender) === null || _d === void 0 ? void 0 : _d.userId);
137
- var disableDelete = (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) > 0;
138
- var profileUrl = sender.profileUrl,
139
- _f = sender.nickname,
140
- nickname = _f === void 0 ? '' : _f;
141
- return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement(FileViewerComponent, {
142
- profileUrl: profileUrl,
143
- nickname: nickname,
144
- type: type,
145
- url: url,
146
- name: name,
147
- onCancel: onCancel,
148
- onDelete: function onDelete() {
149
- deleteMessage(message).then(function () {
150
- onCancel();
151
- });
152
- },
153
- isByMe: isByMe,
154
- disableDelete: disableDelete
155
- }), document.getElementById(index$1.MODAL_ROOT));
156
- };
157
-
158
- exports.FileViewerComponent = FileViewerComponent;
159
- exports["default"] = FileViewer;
160
- //# sourceMappingURL=FileViewer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FileViewer.js","sources":["../../../../src/smart-components/Channel/components/FileViewer/index.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\n\nimport './file-viewer.scss';\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport { MODAL_ROOT } from '../../../../hooks/useModal/ModalRoot';\n\nimport { isImage, isVideo, isSupportedFileView } from '../../../../utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannel } from '../../context/ChannelProvider';\n\ntype FileViewerUIProps = {\n profileUrl: string;\n nickname: string;\n // file\n name: string;\n type: string;\n url: string;\n // others\n isByMe: boolean;\n onCancel: () => void;\n onDelete: () => void;\n disableDelete: boolean;\n};\n\nexport const FileViewerComponent: React.FC<FileViewerUIProps> = ({\n // sender\n profileUrl,\n nickname,\n // file\n name,\n type,\n url,\n // others\n isByMe,\n onCancel,\n onDelete,\n disableDelete,\n}: FileViewerUIProps) => (\n <div className=\"sendbird-fileviewer\">\n <div className=\"sendbird-fileviewer__header\">\n <div className=\"sendbird-fileviewer__header__left\">\n <div className=\"sendbird-fileviewer__header__left__avatar\">\n <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n </div>\n <Label\n className=\"sendbird-fileviewer__header__left__filename\"\n type={LabelTypography.H_2}\n color={LabelColors.ONBACKGROUND_1}\n >\n {name}\n </Label>\n <Label\n className=\"sendbird-fileviewer__header__left__sender-name\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {nickname}\n </Label>\n </div>\n <div className=\"sendbird-fileviewer__header__right\">\n {\n isSupportedFileView(type) && (\n <div className=\"sendbird-fileviewer__header__right__actions\">\n <a\n className=\"sendbird-fileviewer__header__right__actions__download\"\n rel=\"noopener noreferrer\"\n href={url}\n target=\"_blank\"\n >\n <Icon\n type={IconTypes.DOWNLOAD}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n />\n </a>\n {\n onDelete && isByMe && (\n <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n <Icon\n className={disableDelete ? 'disabled' : ''}\n type={IconTypes.DELETE}\n fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={() => { if (!disableDelete) { onDelete(); } }}\n />\n </div>\n )\n }\n </div>\n )\n }\n <div className=\"sendbird-fileviewer__header__right__actions__close\">\n <Icon\n type={IconTypes.CLOSE}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={onCancel}\n />\n </div>\n </div>\n </div>\n <div className=\"sendbird-fileviewer__content\">\n {isVideo(type) && (\n <video controls className=\"sendbird-fileviewer__content__video\">\n <source src={url} type={type} />\n </video>\n )}\n {\n isImage(type) && (\n <img\n src={url}\n alt={name}\n className=\"sendbird-fileviewer__content__img\"\n />\n )\n }\n {\n !isSupportedFileView(type) && (\n <div className=\"sendbird-fileviewer__content__unsupported\">\n <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n Unsupoprted message\n </Label>\n </div>\n )\n }\n </div>\n </div>\n);\n\ntype FileViewerProps = {\n onCancel:() => void;\n message: SendbirdUIKit.ClientFileMessage;\n};\n\nconst FileViewer: React.FC<FileViewerProps> = ({ onCancel, message }: FileViewerProps) => {\n const { deleteMessage } = useChannel();\n const {\n sender,\n type,\n url,\n name = '',\n threadInfo,\n } = message;\n const user = useSendbirdStateContext()?.config?.userId;\n const isByMe = user === message?.sender?.userId;\n const disableDelete = threadInfo?.replyCount > 0;\n const { profileUrl, nickname = '' } = sender;\n return createPortal(\n (\n <FileViewerComponent\n profileUrl={profileUrl}\n nickname={nickname}\n type={type}\n url={url}\n name={name}\n onCancel={onCancel}\n onDelete={() => {\n deleteMessage(message).then(() => {\n onCancel();\n });\n }}\n isByMe={isByMe}\n disableDelete={disableDelete}\n />\n ),\n document.getElementById(MODAL_ROOT),\n );\n}\n\nexport default FileViewer;\n"],"names":["FileViewerComponent","_a","profileUrl","nickname","name","type","url","isByMe","onCancel","onDelete","disableDelete","React","Avatar","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","Icon","IconTypes","DOWNLOAD","IconColors","ON_BACKGROUND_1","DELETE","GRAY","CLOSE","isVideo","isImage","H_1","FileViewer","message","deleteMessage","useChannel","sender","_e","threadInfo","user","useSendbirdStateContext","config","userId","replyCount","_f","createPortal","then","document","getElementById","MODAL_ROOT"],"mappings":"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"}
@@ -1,26 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var LocalizationContext = require('../../LocalizationContext-382a9ef1.js');
5
- var ui_Label = require('../../index-f1971e28.js');
6
- require('../../stringSet-b9ea6eef.js');
7
- require('../../index-20a06ed6.js');
8
- require('../../_rollupPluginBabelHelpers-6193d45d.js');
9
- require('prop-types');
10
-
11
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
-
13
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
-
15
- var FrozenNotification = function FrozenNotification() {
16
- var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
17
- return /*#__PURE__*/React__default["default"].createElement("div", {
18
- className: "sendbird-notification sendbird-notification--frozen"
19
- }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
20
- className: "sendbird-notification__text",
21
- type: ui_Label.LabelTypography.CAPTION_2
22
- }, stringSet.CHANNEL_FROZEN));
23
- };
24
-
25
- module.exports = FrozenNotification;
26
- //# sourceMappingURL=FrozenNotification.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FrozenNotification.js","sources":["../../../../src/smart-components/Channel/components/FrozenNotification/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport './frozen-notification.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Label, { LabelTypography } from '../../../../ui/Label';\n\nconst FrozenNotification = (): JSX.Element => {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className=\"sendbird-notification sendbird-notification--frozen\">\n <Label\n className=\"sendbird-notification__text\"\n type={LabelTypography.CAPTION_2}\n >\n {stringSet.CHANNEL_FROZEN}\n </Label>\n </div>\n );\n}\n\nexport default FrozenNotification;\n"],"names":["FrozenNotification","stringSet","useContext","LocalizationContext","React","Label","LabelTypography","CAPTION_2","CHANNEL_FROZEN"],"mappings":";;;;;;;;;;;;;;IAOMA,kBAAkB,GAAG,SAArBA,kBAAqB;AACjB,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AACR,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACC,cAAD;AACE,IAAA,SAAS,EAAC,6BADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC;AAFxB,KAIGN,SAAS,CAACO,cAJb,CADF,CADF;AAUD;;;;"}