@sendbird/uikit-react 3.1.1 → 3.1.2

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 (522) hide show
  1. package/App.js +35 -35
  2. package/CHANGELOG.md +29 -0
  3. package/Channel/components/ChannelHeader.js +19 -19
  4. package/Channel/components/ChannelUI.js +26 -26
  5. package/Channel/components/ChannelUI.js.map +1 -1
  6. package/Channel/components/FileViewer.js +18 -18
  7. package/Channel/components/FrozenNotification.js +5 -5
  8. package/Channel/components/Message.js +23 -23
  9. package/Channel/components/MessageInput.js +20 -20
  10. package/Channel/components/MessageList.js +25 -25
  11. package/Channel/components/RemoveMessageModal.js +22 -23
  12. package/Channel/components/RemoveMessageModal.js.map +1 -1
  13. package/Channel/components/SuggestedMentionList.js +19 -19
  14. package/Channel/components/TypingIndicator.js +18 -18
  15. package/Channel/components/UnreadCount.js +5 -5
  16. package/Channel/context.js +17 -17
  17. package/Channel.js +26 -26
  18. package/ChannelList/components/AddChannel.js +14 -14
  19. package/ChannelList/components/ChannelListHeader.js +7 -7
  20. package/ChannelList/components/ChannelListHeader.js.map +1 -1
  21. package/ChannelList/components/ChannelListUI.js +30 -30
  22. package/ChannelList/components/ChannelListUI.js.map +1 -1
  23. package/ChannelList/components/ChannelPreview.js +23 -23
  24. package/ChannelList/components/ChannelPreview.js.map +1 -1
  25. package/ChannelList/components/ChannelPreviewAction.js +18 -18
  26. package/ChannelList/context.js +12 -12
  27. package/ChannelList.js +30 -30
  28. package/{ChannelListProvider-bdac2e90.js → ChannelListProvider-9c82d370.js} +9 -9
  29. package/ChannelListProvider-9c82d370.js.map +1 -0
  30. package/{ChannelProvider-0174d0f3.js → ChannelProvider-d891cf5f.js} +31 -30
  31. package/ChannelProvider-d891cf5f.js.map +1 -0
  32. package/ChannelSettings/components/ChannelProfile.js +13 -14
  33. package/ChannelSettings/components/ChannelProfile.js.map +1 -1
  34. package/ChannelSettings/components/ChannelSettingsUI.js +22 -22
  35. package/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  36. package/ChannelSettings/components/EditDetailsModal.js +14 -15
  37. package/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  38. package/ChannelSettings/components/LeaveChannel.js +12 -11
  39. package/ChannelSettings/components/LeaveChannel.js.map +1 -1
  40. package/ChannelSettings/components/ModerationPanel.js +19 -19
  41. package/ChannelSettings/components/UserListItem.js +12 -12
  42. package/ChannelSettings/components/UserPanel.js +14 -14
  43. package/ChannelSettings/context.js +3 -3
  44. package/ChannelSettings/context.js.map +1 -1
  45. package/ChannelSettings.js +23 -23
  46. package/CreateChannel/components/CreateChannelUI.js +16 -16
  47. package/CreateChannel/components/CreateChannelUI.js.map +1 -1
  48. package/CreateChannel/components/InviteUsers.js +16 -16
  49. package/CreateChannel/components/SelectChannelType.js +11 -10
  50. package/CreateChannel/components/SelectChannelType.js.map +1 -1
  51. package/CreateChannel/context.js +4 -4
  52. package/CreateChannel.js +16 -16
  53. package/{CreateChannelProvider-1cf4ef27.js → CreateChannelProvider-0af2a424.js} +1 -1
  54. package/CreateChannelProvider-0af2a424.js.map +1 -0
  55. package/EditUserProfile/components/EditUserProfileUI.js +14 -14
  56. package/EditUserProfile/context.js.map +1 -1
  57. package/EditUserProfile.js +15 -15
  58. package/{LocalizationContext-61a4a931.js → LocalizationContext-2a073ef0.js} +3 -3
  59. package/LocalizationContext-2a073ef0.js.map +1 -0
  60. package/{MemberList-24ad6b63.js → MemberList-0acc36c3.js} +6 -6
  61. package/{MemberList-24ad6b63.js.map → MemberList-0acc36c3.js.map} +1 -1
  62. package/MessageSearch/components/MessageSearchUI.js +12 -12
  63. package/MessageSearch/components/MessageSearchUI.js.map +1 -1
  64. package/MessageSearch/context.js +10 -3
  65. package/MessageSearch/context.js.map +1 -1
  66. package/MessageSearch.js +12 -12
  67. package/OpenChannel/components/FrozenChannelNotification.js +5 -5
  68. package/OpenChannel/components/OpenChannelHeader.js +17 -17
  69. package/OpenChannel/components/OpenChannelInput.js +21 -21
  70. package/OpenChannel/components/OpenChannelMessage.js +29 -29
  71. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  72. package/OpenChannel/components/OpenChannelMessageList.js +28 -28
  73. package/OpenChannel/components/OpenChannelUI.js +28 -28
  74. package/OpenChannel/context.js +14 -14
  75. package/OpenChannel.js +28 -28
  76. package/{OpenChannelProvider-9b3a6eb1.js → OpenChannelProvider-2e3fa2dd.js} +15 -14
  77. package/{OpenChannelProvider-9b3a6eb1.js.map → OpenChannelProvider-2e3fa2dd.js.map} +1 -1
  78. package/OpenChannelSettings/components/EditDetailsModal.js +18 -19
  79. package/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  80. package/OpenChannelSettings/components/OpenChannelProfile.js +16 -17
  81. package/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  82. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +21 -21
  83. package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  84. package/OpenChannelSettings/components/OperatorUI.js +20 -20
  85. package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  86. package/OpenChannelSettings/components/ParticipantUI.js +20 -20
  87. package/OpenChannelSettings/context.js +6 -6
  88. package/OpenChannelSettings/context.js.map +1 -1
  89. package/OpenChannelSettings.js +21 -21
  90. package/SendbirdProvider.js +15 -15
  91. package/{UserProfileContext-3524e64c.js → UserProfileContext-143a6a42.js} +1 -1
  92. package/{UserProfileContext-3524e64c.js.map → UserProfileContext-143a6a42.js.map} +1 -1
  93. package/{__bundle-6316ce22-b659cee1.js → __bundle-6316ce22-cd546820.js} +1 -1
  94. package/{__bundle-6316ce22-b659cee1.js.map → __bundle-6316ce22-cd546820.js.map} +1 -1
  95. package/{__bundle-7dfccc8c-37d3f8ab.js → __bundle-7dfccc8c-6c6e7ab4.js} +2 -2
  96. package/{__bundle-7dfccc8c-37d3f8ab.js.map → __bundle-7dfccc8c-6c6e7ab4.js.map} +1 -1
  97. package/{__bundle-fbda47dd-ef31252f.js → __bundle-fbda47dd-9dbeee1d.js} +2 -2
  98. package/{__bundle-fbda47dd-ef31252f.js.map → __bundle-fbda47dd-9dbeee1d.js.map} +1 -1
  99. package/{_rollupPluginBabelHelpers-30d122aa.js → _rollupPluginBabelHelpers-3043541a.js} +2 -105
  100. package/_rollupPluginBabelHelpers-3043541a.js.map +1 -0
  101. package/{actionTypes-d5d5ac7b.js → actionTypes-2873dec9.js} +1 -1
  102. package/{actionTypes-d5d5ac7b.js.map → actionTypes-2873dec9.js.map} +1 -1
  103. package/cjs/App.js +35 -35
  104. package/cjs/Channel/components/ChannelHeader.js +19 -19
  105. package/cjs/Channel/components/ChannelUI.js +26 -26
  106. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  107. package/cjs/Channel/components/FileViewer.js +18 -18
  108. package/cjs/Channel/components/FrozenNotification.js +5 -5
  109. package/cjs/Channel/components/Message.js +23 -23
  110. package/cjs/Channel/components/MessageInput.js +20 -20
  111. package/cjs/Channel/components/MessageList.js +25 -25
  112. package/cjs/Channel/components/RemoveMessageModal.js +22 -23
  113. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  114. package/cjs/Channel/components/SuggestedMentionList.js +19 -19
  115. package/cjs/Channel/components/TypingIndicator.js +18 -18
  116. package/cjs/Channel/components/UnreadCount.js +5 -5
  117. package/cjs/Channel/context.js +17 -17
  118. package/cjs/Channel.js +26 -26
  119. package/cjs/ChannelList/components/AddChannel.js +14 -14
  120. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  121. package/cjs/ChannelList/components/ChannelListHeader.js.map +1 -1
  122. package/cjs/ChannelList/components/ChannelListUI.js +30 -30
  123. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  124. package/cjs/ChannelList/components/ChannelPreview.js +23 -23
  125. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  126. package/cjs/ChannelList/components/ChannelPreviewAction.js +18 -18
  127. package/cjs/ChannelList/context.js +12 -12
  128. package/cjs/ChannelList.js +30 -30
  129. package/cjs/{ChannelListProvider-e7756677.js → ChannelListProvider-b60fe6ed.js} +9 -9
  130. package/cjs/ChannelListProvider-b60fe6ed.js.map +1 -0
  131. package/cjs/{ChannelProvider-c179835a.js → ChannelProvider-b21b3c2a.js} +31 -30
  132. package/cjs/ChannelProvider-b21b3c2a.js.map +1 -0
  133. package/cjs/ChannelSettings/components/ChannelProfile.js +13 -14
  134. package/cjs/ChannelSettings/components/ChannelProfile.js.map +1 -1
  135. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +22 -22
  136. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  137. package/cjs/ChannelSettings/components/EditDetailsModal.js +14 -15
  138. package/cjs/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  139. package/cjs/ChannelSettings/components/LeaveChannel.js +12 -11
  140. package/cjs/ChannelSettings/components/LeaveChannel.js.map +1 -1
  141. package/cjs/ChannelSettings/components/ModerationPanel.js +19 -19
  142. package/cjs/ChannelSettings/components/UserListItem.js +12 -12
  143. package/cjs/ChannelSettings/components/UserPanel.js +14 -14
  144. package/cjs/ChannelSettings/context.js +3 -3
  145. package/cjs/ChannelSettings/context.js.map +1 -1
  146. package/cjs/ChannelSettings.js +23 -23
  147. package/cjs/CreateChannel/components/CreateChannelUI.js +16 -16
  148. package/cjs/CreateChannel/components/CreateChannelUI.js.map +1 -1
  149. package/cjs/CreateChannel/components/InviteUsers.js +16 -16
  150. package/cjs/CreateChannel/components/SelectChannelType.js +11 -10
  151. package/cjs/CreateChannel/components/SelectChannelType.js.map +1 -1
  152. package/cjs/CreateChannel/context.js +4 -4
  153. package/cjs/CreateChannel.js +16 -16
  154. package/cjs/{CreateChannelProvider-a7ca5511.js → CreateChannelProvider-71e1e6d6.js} +1 -1
  155. package/cjs/CreateChannelProvider-71e1e6d6.js.map +1 -0
  156. package/cjs/EditUserProfile/components/EditUserProfileUI.js +14 -14
  157. package/cjs/EditUserProfile/context.js.map +1 -1
  158. package/cjs/EditUserProfile.js +15 -15
  159. package/cjs/{LocalizationContext-f05328b8.js → LocalizationContext-da62a103.js} +3 -3
  160. package/cjs/LocalizationContext-da62a103.js.map +1 -0
  161. package/cjs/{MemberList-bfaafb40.js → MemberList-442ade8c.js} +6 -6
  162. package/cjs/{MemberList-bfaafb40.js.map → MemberList-442ade8c.js.map} +1 -1
  163. package/cjs/MessageSearch/components/MessageSearchUI.js +12 -12
  164. package/cjs/MessageSearch/components/MessageSearchUI.js.map +1 -1
  165. package/cjs/MessageSearch/context.js +10 -3
  166. package/cjs/MessageSearch/context.js.map +1 -1
  167. package/cjs/MessageSearch.js +12 -12
  168. package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
  169. package/cjs/OpenChannel/components/OpenChannelHeader.js +17 -17
  170. package/cjs/OpenChannel/components/OpenChannelInput.js +21 -21
  171. package/cjs/OpenChannel/components/OpenChannelMessage.js +29 -29
  172. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  173. package/cjs/OpenChannel/components/OpenChannelMessageList.js +28 -28
  174. package/cjs/OpenChannel/components/OpenChannelUI.js +28 -28
  175. package/cjs/OpenChannel/context.js +14 -14
  176. package/cjs/OpenChannel.js +28 -28
  177. package/cjs/{OpenChannelProvider-12e0412f.js → OpenChannelProvider-bc8d7f0d.js} +15 -14
  178. package/cjs/{OpenChannelProvider-12e0412f.js.map → OpenChannelProvider-bc8d7f0d.js.map} +1 -1
  179. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +18 -19
  180. package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  181. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +16 -17
  182. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  183. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +21 -21
  184. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  185. package/cjs/OpenChannelSettings/components/OperatorUI.js +20 -20
  186. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  187. package/cjs/OpenChannelSettings/components/ParticipantUI.js +20 -20
  188. package/cjs/OpenChannelSettings/context.js +6 -6
  189. package/cjs/OpenChannelSettings/context.js.map +1 -1
  190. package/cjs/OpenChannelSettings.js +21 -21
  191. package/cjs/SendbirdProvider.js +15 -15
  192. package/cjs/{UserProfileContext-87ebb4a4.js → UserProfileContext-891590a7.js} +1 -1
  193. package/cjs/{UserProfileContext-87ebb4a4.js.map → UserProfileContext-891590a7.js.map} +1 -1
  194. package/cjs/{__bundle-6316ce22-c57c6fe0.js → __bundle-6316ce22-c06e03fc.js} +1 -1
  195. package/cjs/{__bundle-6316ce22-c57c6fe0.js.map → __bundle-6316ce22-c06e03fc.js.map} +1 -1
  196. package/cjs/{__bundle-7dfccc8c-205c0e66.js → __bundle-7dfccc8c-dcc1c854.js} +2 -2
  197. package/cjs/{__bundle-7dfccc8c-205c0e66.js.map → __bundle-7dfccc8c-dcc1c854.js.map} +1 -1
  198. package/cjs/{__bundle-fbda47dd-f6e08be2.js → __bundle-fbda47dd-1a2c2d97.js} +2 -2
  199. package/cjs/{__bundle-fbda47dd-f6e08be2.js.map → __bundle-fbda47dd-1a2c2d97.js.map} +1 -1
  200. package/cjs/{_rollupPluginBabelHelpers-92e5e012.js → _rollupPluginBabelHelpers-4265e501.js} +1 -110
  201. package/cjs/_rollupPluginBabelHelpers-4265e501.js.map +1 -0
  202. package/cjs/{actionTypes-331e63c2.js → actionTypes-7c5a0f8b.js} +1 -1
  203. package/cjs/{actionTypes-331e63c2.js.map → actionTypes-7c5a0f8b.js.map} +1 -1
  204. package/cjs/color-42e34a43.js +45 -0
  205. package/cjs/color-42e34a43.js.map +1 -0
  206. package/cjs/{compareIds-2df40a8f.js → compareIds-26079db4.js} +1 -1
  207. package/cjs/{compareIds-2df40a8f.js.map → compareIds-26079db4.js.map} +1 -1
  208. package/cjs/{const-77f608c8.js → const-8a9ec74c.js} +1 -1
  209. package/cjs/{const-77f608c8.js.map → const-8a9ec74c.js.map} +1 -1
  210. package/cjs/{const-e0dbad82.js → const-c1a4604d.js} +1 -1
  211. package/cjs/{const-e0dbad82.js.map → const-c1a4604d.js.map} +1 -1
  212. package/cjs/{context-5e7ba41f.js → context-82ac7edc.js} +2 -2
  213. package/cjs/{context-5e7ba41f.js.map → context-82ac7edc.js.map} +1 -1
  214. package/cjs/dist/index.css +50 -72
  215. package/cjs/dist/index.css.map +1 -1
  216. package/cjs/{groupChannel-ddd470ad.js → groupChannel-11ed3837.js} +4 -4
  217. package/cjs/{groupChannel-ddd470ad.js.map → groupChannel-11ed3837.js.map} +1 -1
  218. package/cjs/handlers/ConnectionHandler.js +3 -3
  219. package/cjs/handlers/GroupChannelHandler.js +4 -4
  220. package/cjs/handlers/OpenChannelHandler.js +3 -3
  221. package/cjs/handlers/UserEventHandler.js +3 -3
  222. package/cjs/index-05692021.js +90 -0
  223. package/cjs/index-05692021.js.map +1 -0
  224. package/cjs/{index-10b68ab4.js → index-06c3dca9.js} +2 -2
  225. package/cjs/{index-10b68ab4.js.map → index-06c3dca9.js.map} +1 -1
  226. package/cjs/{index-cce2b8c0.js → index-089e0fba.js} +3 -3
  227. package/cjs/{index-cce2b8c0.js.map → index-089e0fba.js.map} +1 -1
  228. package/cjs/{index-2dacade8.js → index-25336220.js} +1 -1
  229. package/cjs/{index-2dacade8.js.map → index-25336220.js.map} +1 -1
  230. package/cjs/{index-4bebe375.js → index-32562627.js} +1 -1
  231. package/cjs/{index-4bebe375.js.map → index-32562627.js.map} +1 -1
  232. package/cjs/{index-52631939.js → index-81e2234a.js} +11 -10
  233. package/cjs/{index-52631939.js.map → index-81e2234a.js.map} +1 -1
  234. package/cjs/{index-edd379fd.js → index-82646d4d.js} +7 -7
  235. package/cjs/index-82646d4d.js.map +1 -0
  236. package/cjs/{index-1c009ee9.js → index-b440f8c6.js} +15 -27
  237. package/cjs/{index-1c009ee9.js.map → index-b440f8c6.js.map} +1 -1
  238. package/cjs/{index-b1ed74bd.js → index-c79f62fd.js} +4 -4
  239. package/cjs/{index-b1ed74bd.js.map → index-c79f62fd.js.map} +1 -1
  240. package/cjs/{index-39372722.js → index-f5cb5c7f.js} +2 -2
  241. package/cjs/{index-39372722.js.map → index-f5cb5c7f.js.map} +1 -1
  242. package/cjs/{index-4911c708.js → index-fb127b1f.js} +2 -2
  243. package/cjs/{index-4911c708.js.map → index-fb127b1f.js.map} +1 -1
  244. package/cjs/index.js +39 -39
  245. package/cjs/{openChannel-865f6910.js → openChannel-76345cfa.js} +3 -3
  246. package/cjs/{openChannel-865f6910.js.map → openChannel-76345cfa.js.map} +1 -1
  247. package/cjs/{openChannelUtils-341c5ad7.js → openChannelUtils-56d57483.js} +1 -1
  248. package/cjs/{openChannelUtils-341c5ad7.js.map → openChannelUtils-56d57483.js.map} +1 -1
  249. package/cjs/{sendbird-313241e2.js → sendbird-dfd051c8.js} +3 -3
  250. package/cjs/{sendbird-313241e2.js.map → sendbird-dfd051c8.js.map} +1 -1
  251. package/cjs/sendbirdSelectors.js +2 -2
  252. package/cjs/{stringSet-afc1ff3b.js → stringSet-857a128c.js} +3 -2
  253. package/cjs/stringSet-857a128c.js.map +1 -0
  254. package/cjs/{topics-57ad0394.js → topics-a755c9c6.js} +1 -1
  255. package/cjs/{topics-57ad0394.js.map → topics-a755c9c6.js.map} +1 -1
  256. package/cjs/{tslib.es6-12c25052.js → tslib.es6-ba69891c.js} +1 -1
  257. package/cjs/{tslib.es6-12c25052.js.map → tslib.es6-ba69891c.js.map} +1 -1
  258. package/cjs/ui/Accordion.js +4 -4
  259. package/cjs/ui/AccordionGroup.js +2 -2
  260. package/cjs/ui/AdminMessage.js +14 -24
  261. package/cjs/ui/AdminMessage.js.map +1 -1
  262. package/cjs/ui/Avatar.js +3 -3
  263. package/cjs/ui/Avatar.js.map +1 -1
  264. package/cjs/ui/Badge.js +15 -25
  265. package/cjs/ui/Badge.js.map +1 -1
  266. package/cjs/ui/Button.js +5 -4
  267. package/cjs/ui/Button.js.map +1 -1
  268. package/cjs/ui/ChannelAvatar.js +4 -4
  269. package/cjs/ui/ChannelPreview.js +16 -12
  270. package/cjs/ui/ChannelPreview.js.map +1 -1
  271. package/cjs/ui/ChatHeader.js +42 -74
  272. package/cjs/ui/ChatHeader.js.map +1 -1
  273. package/cjs/ui/ConnectionStatus.js +6 -8
  274. package/cjs/ui/ConnectionStatus.js.map +1 -1
  275. package/cjs/ui/ContextMenu.js +186 -290
  276. package/cjs/ui/ContextMenu.js.map +1 -1
  277. package/cjs/ui/DateSeparator.js +18 -25
  278. package/cjs/ui/DateSeparator.js.map +1 -1
  279. package/cjs/ui/EmojiReactions.js +8 -7
  280. package/cjs/ui/EmojiReactions.js.map +1 -1
  281. package/cjs/ui/FileMessageItemBody.js +7 -7
  282. package/cjs/ui/FileMessageItemBody.js.map +1 -1
  283. package/cjs/ui/FileViewer.js +46 -83
  284. package/cjs/ui/FileViewer.js.map +1 -1
  285. package/cjs/ui/Icon.js +1 -1
  286. package/cjs/ui/IconButton.js +45 -68
  287. package/cjs/ui/IconButton.js.map +1 -1
  288. package/cjs/ui/ImageRenderer.js +43 -78
  289. package/cjs/ui/ImageRenderer.js.map +1 -1
  290. package/cjs/ui/Input.js +11 -30
  291. package/cjs/ui/Input.js.map +1 -1
  292. package/cjs/ui/Label.js +3 -3
  293. package/cjs/ui/LinkLabel.js +3 -3
  294. package/cjs/ui/Loader.js +15 -24
  295. package/cjs/ui/Loader.js.map +1 -1
  296. package/cjs/ui/MentionLabel.js +12 -12
  297. package/cjs/ui/MessageContent.js +15 -15
  298. package/cjs/ui/MessageInput.js +10 -10
  299. package/cjs/ui/MessageItemMenu.js +9 -8
  300. package/cjs/ui/MessageItemMenu.js.map +1 -1
  301. package/cjs/ui/MessageItemReactionMenu.js +7 -6
  302. package/cjs/ui/MessageItemReactionMenu.js.map +1 -1
  303. package/cjs/ui/MessageSearchFileItem.js +10 -10
  304. package/cjs/ui/MessageSearchItem.js +11 -11
  305. package/cjs/ui/MessageStatus.js +8 -8
  306. package/cjs/ui/Modal.js +36 -68
  307. package/cjs/ui/Modal.js.map +1 -1
  308. package/cjs/ui/MutedAvatarOverlay.js +1 -1
  309. package/cjs/ui/OGMessageItemBody.js +11 -11
  310. package/cjs/ui/OpenChannelAdminMessage.js +4 -4
  311. package/cjs/ui/OpenChannelAvatar.js +8 -8
  312. package/cjs/ui/OpenchannelConversationHeader.js +7 -7
  313. package/cjs/ui/OpenchannelFileMessage.js +15 -15
  314. package/cjs/ui/OpenchannelOGMessage.js +15 -15
  315. package/cjs/ui/OpenchannelThumbnailMessage.js +14 -14
  316. package/cjs/ui/OpenchannelUserMessage.js +15 -15
  317. package/cjs/ui/PlaceHolder.js +8 -7
  318. package/cjs/ui/PlaceHolder.js.map +1 -1
  319. package/cjs/ui/QuoteMessage.js +7 -7
  320. package/cjs/ui/QuoteMessageInput.js +7 -7
  321. package/cjs/ui/ReactionBadge.js +16 -26
  322. package/cjs/ui/ReactionBadge.js.map +1 -1
  323. package/cjs/ui/ReactionButton.js +4 -21
  324. package/cjs/ui/ReactionButton.js.map +1 -1
  325. package/cjs/ui/SortByRow.js +16 -26
  326. package/cjs/ui/SortByRow.js.map +1 -1
  327. package/cjs/ui/TextButton.js +22 -29
  328. package/cjs/ui/TextButton.js.map +1 -1
  329. package/cjs/ui/TextMessageItemBody.js +11 -11
  330. package/cjs/ui/ThumbnailMessageItemBody.js +3 -3
  331. package/cjs/ui/Tooltip.js +11 -17
  332. package/cjs/ui/Tooltip.js.map +1 -1
  333. package/cjs/ui/TooltipWrapper.js +10 -20
  334. package/cjs/ui/TooltipWrapper.js.map +1 -1
  335. package/cjs/ui/UnknownMessageItemBody.js +7 -7
  336. package/cjs/ui/UserListItem.js +12 -12
  337. package/cjs/ui/UserProfile.js +11 -11
  338. package/cjs/ui/Word.js +11 -11
  339. package/cjs/useSendbirdStateContext.js +1 -1
  340. package/cjs/{utils-6f828dbd.js → utils-bf57a41a.js} +1 -1
  341. package/cjs/{utils-6f828dbd.js.map → utils-bf57a41a.js.map} +1 -1
  342. package/cjs/{utils-71bd80e8.js → utils-bfbac88e.js} +1 -1
  343. package/cjs/{utils-71bd80e8.js.map → utils-bfbac88e.js.map} +1 -1
  344. package/cjs/{utils-1a8a0b72.js → utils-c39eb349.js} +1 -1
  345. package/cjs/{utils-1a8a0b72.js.map → utils-c39eb349.js.map} +1 -1
  346. package/cjs/{uuid-920ae00d.js → uuid-49679ac2.js} +1 -1
  347. package/cjs/{uuid-920ae00d.js.map → uuid-49679ac2.js.map} +1 -1
  348. package/cjs/withSendbird.js +1 -1
  349. package/{color-f6548425.js → color-798488ed.js} +16 -12
  350. package/color-798488ed.js.map +1 -0
  351. package/{compareIds-8402fa74.js → compareIds-2e073780.js} +1 -1
  352. package/{compareIds-8402fa74.js.map → compareIds-2e073780.js.map} +1 -1
  353. package/{const-c81e2d08.js → const-51fc1a68.js} +1 -1
  354. package/{const-c81e2d08.js.map → const-51fc1a68.js.map} +1 -1
  355. package/{const-9039e539.js → const-b88f8299.js} +1 -1
  356. package/{const-9039e539.js.map → const-b88f8299.js.map} +1 -1
  357. package/{context-3629064f.js → context-406bf9f1.js} +2 -2
  358. package/{context-3629064f.js.map → context-406bf9f1.js.map} +1 -1
  359. package/dist/index.css +50 -72
  360. package/dist/index.css.map +1 -1
  361. package/{groupChannel-fc842dca.js → groupChannel-17ffbb7f.js} +4 -4
  362. package/{groupChannel-fc842dca.js.map → groupChannel-17ffbb7f.js.map} +1 -1
  363. package/handlers/ConnectionHandler.js +4 -4
  364. package/handlers/GroupChannelHandler.js +5 -5
  365. package/handlers/OpenChannelHandler.js +4 -4
  366. package/handlers/UserEventHandler.js +4 -4
  367. package/{index-65007eeb.js → index-03ccaf35.js} +2 -2
  368. package/{index-65007eeb.js.map → index-03ccaf35.js.map} +1 -1
  369. package/{index-b1f9e3f9.js → index-4e56f382.js} +4 -4
  370. package/{index-b1f9e3f9.js.map → index-4e56f382.js.map} +1 -1
  371. package/{index-191d1d43.js → index-5ec69689.js} +1 -1
  372. package/{index-191d1d43.js.map → index-5ec69689.js.map} +1 -1
  373. package/index-6a47d16f.js +82 -0
  374. package/index-6a47d16f.js.map +1 -0
  375. package/{index-fc480728.js → index-702d2072.js} +11 -10
  376. package/{index-fc480728.js.map → index-702d2072.js.map} +1 -1
  377. package/{index-aa2d32cc.js → index-7f2be3d7.js} +2 -2
  378. package/{index-aa2d32cc.js.map → index-7f2be3d7.js.map} +1 -1
  379. package/{index-5428ab4f.js → index-b4944539.js} +2 -2
  380. package/{index-5428ab4f.js.map → index-b4944539.js.map} +1 -1
  381. package/{index-42b2527f.js → index-c9cda9f6.js} +1 -1
  382. package/{index-42b2527f.js.map → index-c9cda9f6.js.map} +1 -1
  383. package/{index-2034978f.js → index-ced613ea.js} +15 -26
  384. package/index-ced613ea.js.map +1 -0
  385. package/{index-07cd4778.js → index-ed39099a.js} +3 -3
  386. package/{index-07cd4778.js.map → index-ed39099a.js.map} +1 -1
  387. package/{index-17024830.js → index-fa8ac00a.js} +7 -7
  388. package/index-fa8ac00a.js.map +1 -0
  389. package/index.d.ts +116 -109
  390. package/index.js +39 -39
  391. package/{openChannel-2b51e3d3.js → openChannel-1548376e.js} +3 -3
  392. package/{openChannel-2b51e3d3.js.map → openChannel-1548376e.js.map} +1 -1
  393. package/{openChannelUtils-6a414996.js → openChannelUtils-09e4bac8.js} +1 -1
  394. package/{openChannelUtils-6a414996.js.map → openChannelUtils-09e4bac8.js.map} +1 -1
  395. package/package-lock.json +2 -2
  396. package/package.json +1 -1
  397. package/{sendbird-d625a809.js → sendbird-597583ed.js} +3 -3
  398. package/{sendbird-d625a809.js.map → sendbird-597583ed.js.map} +1 -1
  399. package/sendbirdSelectors.js +2 -2
  400. package/{stringSet-92f53c6e.js → stringSet-647493ce.js} +3 -2
  401. package/stringSet-647493ce.js.map +1 -0
  402. package/{topics-71b67878.js → topics-18836011.js} +1 -1
  403. package/{topics-71b67878.js.map → topics-18836011.js.map} +1 -1
  404. package/{tslib.es6-c793443a.js → tslib.es6-710c6267.js} +1 -1
  405. package/{tslib.es6-c793443a.js.map → tslib.es6-710c6267.js.map} +1 -1
  406. package/ui/Accordion.js +4 -4
  407. package/ui/AccordionGroup.js +2 -2
  408. package/ui/AdminMessage.js +14 -23
  409. package/ui/AdminMessage.js.map +1 -1
  410. package/ui/Avatar.js +3 -3
  411. package/ui/Avatar.js.map +1 -1
  412. package/ui/Badge.js +15 -24
  413. package/ui/Badge.js.map +1 -1
  414. package/ui/Button.js +5 -4
  415. package/ui/Button.js.map +1 -1
  416. package/ui/ChannelAvatar.js +4 -4
  417. package/ui/ChannelPreview.js +17 -13
  418. package/ui/ChannelPreview.js.map +1 -1
  419. package/ui/ChatHeader.js +43 -74
  420. package/ui/ChatHeader.js.map +1 -1
  421. package/ui/ConnectionStatus.js +6 -8
  422. package/ui/ConnectionStatus.js.map +1 -1
  423. package/ui/ContextMenu.js +188 -291
  424. package/ui/ContextMenu.js.map +1 -1
  425. package/ui/DateSeparator.js +18 -24
  426. package/ui/DateSeparator.js.map +1 -1
  427. package/ui/EmojiReactions.js +8 -7
  428. package/ui/EmojiReactions.js.map +1 -1
  429. package/ui/FileMessageItemBody.js +7 -7
  430. package/ui/FileMessageItemBody.js.map +1 -1
  431. package/ui/FileViewer.js +47 -83
  432. package/ui/FileViewer.js.map +1 -1
  433. package/ui/Icon.js +1 -1
  434. package/ui/IconButton.js +43 -65
  435. package/ui/IconButton.js.map +1 -1
  436. package/ui/ImageRenderer.js +43 -77
  437. package/ui/ImageRenderer.js.map +1 -1
  438. package/ui/Input.js +11 -29
  439. package/ui/Input.js.map +1 -1
  440. package/ui/Label.js +3 -3
  441. package/ui/LinkLabel.js +3 -3
  442. package/ui/Loader.js +15 -23
  443. package/ui/Loader.js.map +1 -1
  444. package/ui/MentionLabel.js +12 -12
  445. package/ui/MessageContent.js +15 -15
  446. package/ui/MessageInput.js +10 -10
  447. package/ui/MessageItemMenu.js +9 -8
  448. package/ui/MessageItemMenu.js.map +1 -1
  449. package/ui/MessageItemReactionMenu.js +7 -6
  450. package/ui/MessageItemReactionMenu.js.map +1 -1
  451. package/ui/MessageSearchFileItem.js +10 -10
  452. package/ui/MessageSearchItem.js +11 -11
  453. package/ui/MessageStatus.js +8 -8
  454. package/ui/Modal.js +36 -67
  455. package/ui/Modal.js.map +1 -1
  456. package/ui/MutedAvatarOverlay.js +1 -1
  457. package/ui/OGMessageItemBody.js +11 -11
  458. package/ui/OpenChannelAdminMessage.js +4 -4
  459. package/ui/OpenChannelAvatar.js +8 -8
  460. package/ui/OpenchannelConversationHeader.js +7 -7
  461. package/ui/OpenchannelFileMessage.js +15 -15
  462. package/ui/OpenchannelOGMessage.js +15 -15
  463. package/ui/OpenchannelThumbnailMessage.js +14 -14
  464. package/ui/OpenchannelUserMessage.js +15 -15
  465. package/ui/PlaceHolder.js +8 -7
  466. package/ui/PlaceHolder.js.map +1 -1
  467. package/ui/QuoteMessage.js +7 -7
  468. package/ui/QuoteMessageInput.js +7 -7
  469. package/ui/ReactionBadge.js +16 -25
  470. package/ui/ReactionBadge.js.map +1 -1
  471. package/ui/ReactionButton.js +4 -20
  472. package/ui/ReactionButton.js.map +1 -1
  473. package/ui/SortByRow.js +15 -24
  474. package/ui/SortByRow.js.map +1 -1
  475. package/ui/TextButton.js +22 -28
  476. package/ui/TextButton.js.map +1 -1
  477. package/ui/TextMessageItemBody.js +11 -11
  478. package/ui/ThumbnailMessageItemBody.js +3 -3
  479. package/ui/Tooltip.js +11 -16
  480. package/ui/Tooltip.js.map +1 -1
  481. package/ui/TooltipWrapper.js +10 -19
  482. package/ui/TooltipWrapper.js.map +1 -1
  483. package/ui/UnknownMessageItemBody.js +7 -7
  484. package/ui/UserListItem.js +12 -12
  485. package/ui/UserProfile.js +11 -11
  486. package/ui/Word.js +11 -11
  487. package/useSendbirdStateContext.js +1 -1
  488. package/{utils-972c4edb.js → utils-19e84a08.js} +1 -1
  489. package/{utils-972c4edb.js.map → utils-19e84a08.js.map} +1 -1
  490. package/{utils-b37c6db3.js → utils-2666bdfb.js} +1 -1
  491. package/{utils-b37c6db3.js.map → utils-2666bdfb.js.map} +1 -1
  492. package/{utils-b69f7583.js → utils-301322ba.js} +1 -1
  493. package/{utils-b69f7583.js.map → utils-301322ba.js.map} +1 -1
  494. package/{uuid-7c3f59a3.js → uuid-60ae25c1.js} +1 -1
  495. package/{uuid-7c3f59a3.js.map → uuid-60ae25c1.js.map} +1 -1
  496. package/withSendbird.js +1 -1
  497. package/ChannelListProvider-bdac2e90.js.map +0 -1
  498. package/ChannelProvider-0174d0f3.js.map +0 -1
  499. package/CreateChannelProvider-1cf4ef27.js.map +0 -1
  500. package/LocalizationContext-61a4a931.js.map +0 -1
  501. package/_rollupPluginBabelHelpers-30d122aa.js.map +0 -1
  502. package/cjs/ChannelListProvider-e7756677.js.map +0 -1
  503. package/cjs/ChannelProvider-c179835a.js.map +0 -1
  504. package/cjs/CreateChannelProvider-a7ca5511.js.map +0 -1
  505. package/cjs/LocalizationContext-f05328b8.js.map +0 -1
  506. package/cjs/_rollupPluginBabelHelpers-92e5e012.js.map +0 -1
  507. package/cjs/color-2f811855.js +0 -42
  508. package/cjs/color-2f811855.js.map +0 -1
  509. package/cjs/index-188e8e7f.js +0 -97
  510. package/cjs/index-188e8e7f.js.map +0 -1
  511. package/cjs/index-edd379fd.js.map +0 -1
  512. package/cjs/stringSet-afc1ff3b.js.map +0 -1
  513. package/cjs/ui/Dropdown.js +0 -107
  514. package/cjs/ui/Dropdown.js.map +0 -1
  515. package/color-f6548425.js.map +0 -1
  516. package/index-17024830.js.map +0 -1
  517. package/index-2034978f.js.map +0 -1
  518. package/index-d3358aa9.js +0 -87
  519. package/index-d3358aa9.js.map +0 -1
  520. package/stringSet-92f53c6e.js.map +0 -1
  521. package/ui/Dropdown.js +0 -97
  522. package/ui/Dropdown.js.map +0 -1
@@ -1,4 +1,4 @@
1
- import { r as requiredArgs, t as toDate } from './index-aa2d32cc.js';
1
+ import { r as requiredArgs, t as toDate } from './index-7f2be3d7.js';
2
2
 
3
3
  /**
4
4
  * @name startOfDay
@@ -61,4 +61,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
61
61
  }
62
62
 
63
63
  export { isSameDay as i, startOfDay as s };
64
- //# sourceMappingURL=index-5428ab4f.js.map
64
+ //# sourceMappingURL=index-b4944539.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-5428ab4f.js","sources":["../node_modules/date-fns/esm/startOfDay/index.js","../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\n\nexport default function startOfDay(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n date.setHours(0, 0, 0, 0);\n return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day?\n *\n * @description\n * Are the given dates in the same day?\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * var result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n */\n\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n requiredArgs(2, arguments);\n var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n var dateRightStartOfDay = startOfDay(dirtyDateRight);\n return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":[],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;AC5BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;"}
1
+ {"version":3,"file":"index-b4944539.js","sources":["../node_modules/date-fns/esm/startOfDay/index.js","../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\n\nexport default function startOfDay(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n date.setHours(0, 0, 0, 0);\n return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day?\n *\n * @description\n * Are the given dates in the same day?\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * var result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n */\n\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n requiredArgs(2, arguments);\n var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n var dateRightStartOfDay = startOfDay(dirtyDateRight);\n return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":[],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;AC5BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;"}
@@ -4,4 +4,4 @@ import 'react';
4
4
  var MODAL_ROOT = 'sendbird-modal-root';
5
5
 
6
6
  export { MODAL_ROOT as M };
7
- //# sourceMappingURL=index-42b2527f.js.map
7
+ //# sourceMappingURL=index-c9cda9f6.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-42b2527f.js","sources":["../src/hooks/useModal/ModalRoot/index.jsx"],"sourcesContent":["// simple component to be used as modal root\nimport React from 'react';\n\nexport const MODAL_ROOT = 'sendbird-modal-root';\n\nexport default () => (\n <div id={MODAL_ROOT} />\n);\n"],"names":["MODAL_ROOT"],"mappings":";;AAAA;IAGaA,UAAU,GAAG;;;;"}
1
+ {"version":3,"file":"index-c9cda9f6.js","sources":["../src/hooks/useModal/ModalRoot/index.jsx"],"sourcesContent":["// simple component to be used as modal root\nimport React from 'react';\n\nexport const MODAL_ROOT = 'sendbird-modal-root';\n\nexport default () => (\n <div id={MODAL_ROOT} />\n);\n"],"names":["MODAL_ROOT"],"mappings":";;AAAA;IAGaA,UAAU,GAAG;;;;"}
@@ -1,10 +1,9 @@
1
- import { b as _toConsumableArray } from './_rollupPluginBabelHelpers-30d122aa.js';
1
+ import { a as __spreadArray } from './tslib.es6-710c6267.js';
2
2
  import React__default, { useContext } from 'react';
3
- import PropTypes from 'prop-types';
3
+ import { a as LocalizationContext } from './LocalizationContext-2a073ef0.js';
4
4
  import Icon, { IconTypes, IconColors } from './ui/Icon.js';
5
+ import { L as Label, a as LabelTypography, b as LabelColors } from './index-ed39099a.js';
5
6
  import Loader from './ui/Loader.js';
6
- import { a as LocalizationContext } from './LocalizationContext-61a4a931.js';
7
- import { L as Label, a as LabelTypography, b as LabelColors } from './index-07cd4778.js';
8
7
 
9
8
  function Types() {
10
9
  return {
@@ -17,20 +16,21 @@ function Types() {
17
16
  NO_RESULTS: 'NO_RESULTS'
18
17
  };
19
18
  }
19
+
20
20
  var PlaceHolderTypes$1 = Types();
21
21
 
22
22
  var PlaceHolderTypes = PlaceHolderTypes$1;
23
- function PlaceHolder(_ref) {
24
- var className = _ref.className,
25
- type = _ref.type,
26
- retryToConnect = _ref.retryToConnect,
27
- searchInString = _ref.searchInString;
28
-
29
- var _useContext = useContext(LocalizationContext),
30
- stringSet = _useContext.stringSet;
31
-
23
+ function PlaceHolder(_a) {
24
+ var _b = _a.className,
25
+ className = _b === void 0 ? '' : _b,
26
+ type = _a.type,
27
+ _c = _a.searchInString,
28
+ searchInString = _c === void 0 ? '' : _c,
29
+ _d = _a.retryToConnect,
30
+ retryToConnect = _d === void 0 ? null : _d;
31
+ var stringSet = useContext(LocalizationContext).stringSet;
32
32
  return /*#__PURE__*/React__default.createElement("div", {
33
- className: [].concat(_toConsumableArray(Array.isArray(className) ? className : [className]), ['sendbird-place-holder']).join(' ')
33
+ className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-place-holder'], false).join(' ')
34
34
  }, type === PlaceHolderTypes.LOADING && /*#__PURE__*/React__default.createElement(Loader, {
35
35
  width: "48px",
36
36
  height: "48px"
@@ -105,17 +105,6 @@ function PlaceHolder(_ref) {
105
105
  color: LabelColors.ONBACKGROUND_2
106
106
  }, stringSet.NO_SEARCHED_MESSAGE)));
107
107
  }
108
- PlaceHolder.propTypes = {
109
- className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
110
- type: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(PlaceHolderTypes)), PropTypes.string]).isRequired,
111
- retryToConnect: PropTypes.func,
112
- searchInString: PropTypes.string
113
- };
114
- PlaceHolder.defaultProps = {
115
- className: '',
116
- retryToConnect: null,
117
- searchInString: ''
118
- };
119
108
 
120
109
  export { PlaceHolder as P, PlaceHolderTypes as a, PlaceHolderTypes$1 as b };
121
- //# sourceMappingURL=index-2034978f.js.map
110
+ //# sourceMappingURL=index-ced613ea.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-ced613ea.js","sources":["../src/ui/PlaceHolder/type.ts","../src/ui/PlaceHolder/index.tsx"],"sourcesContent":["function Types(): { [key: string]: string } {\n return {\n LOADING: 'LOADING',\n NO_CHANNELS: 'NO_CHANNELS',\n NO_MESSAGES: 'NO_MESSAGES',\n WRONG: 'WRONG',\n SEARCH_IN: 'SEARCH_IN',\n SEARCHING: 'SEARCHING',\n NO_RESULTS: 'NO_RESULTS',\n };\n}\n\nexport default Types();\n","import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\n\nimport _PlaceHolderTypes from './type';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport interface PlaceHolderProps {\n className?: string | Array<string>;\n type: typeof PlaceHolderTypes[keyof typeof PlaceHolderTypes];\n searchInString?: string;\n retryToConnect?: () => void;\n}\n\nexport default function PlaceHolder({\n className = '',\n type,\n searchInString = '',\n retryToConnect = null,\n}: PlaceHolderProps): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-place-holder',\n ].join(' ')}\n >\n {\n type === PlaceHolderTypes.LOADING && (\n <Loader\n width=\"48px\"\n height=\"48px\"\n >\n <Icon\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width=\"48px\"\n height=\"48px\"\n />\n </Loader>\n )\n }\n {\n (\n type === PlaceHolderTypes.NO_CHANNELS\n || type === PlaceHolderTypes.NO_MESSAGES\n || type === PlaceHolderTypes.WRONG\n ) && (\n <div className=\"sendbird-place-holder__body\">\n {\n type === PlaceHolderTypes.NO_CHANNELS && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.CHAT}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"64px\"\n height=\"64px\"\n />\n )\n }\n {\n type === PlaceHolderTypes.WRONG && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.ERROR}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"64px\"\n height=\"64px\"\n />\n )\n }\n {\n type === PlaceHolderTypes.NO_MESSAGES && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.MESSAGE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"64px\"\n height=\"64px\"\n />\n )\n }\n <Label\n className=\"sendbird-place-holder__body__text\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {\n type === PlaceHolderTypes.NO_CHANNELS && (\n stringSet.PLACE_HOLDER__NO_CHANNEL\n )\n }\n {\n type === PlaceHolderTypes.WRONG && (\n stringSet.PLACE_HOLDER__WRONG\n )\n }\n {\n type === PlaceHolderTypes.NO_MESSAGES && (\n stringSet.PLACE_HOLDER__NO_MESSAGES\n )\n }\n </Label>\n {\n retryToConnect && (\n <div\n className=\"sendbird-place-holder__body__reconnect\"\n role=\"button\"\n onClick={retryToConnect}\n onKeyPress={retryToConnect}\n tabIndex={0}\n >\n <Icon\n className=\"sendbird-place-holder__body__reconnect__icon\"\n type={IconTypes.REFRESH}\n fillColor={IconColors.PRIMARY}\n width=\"20px\"\n height=\"20px\"\n />\n <Label\n className=\"sendbird-place-holder__body__reconnect__text\"\n type={LabelTypography.BUTTON_1}\n color={LabelColors.PRIMARY}\n >\n {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n </Label>\n </div>\n )\n }\n </div>\n )\n }\n {\n (\n type === PlaceHolderTypes.NO_RESULTS\n || type === PlaceHolderTypes.SEARCH_IN\n || type === PlaceHolderTypes.SEARCHING\n ) && (\n <div className=\"sendbird-place-holder__body--align-top\">\n {\n type === PlaceHolderTypes.SEARCH_IN && (\n <div className=\"sendbird-place-holder__body--align-top__text\">\n <Label\n className=\"sendbird-place-holder__body--align-top__text__search-in\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.SEARCH_IN}\n </Label>\n <Label\n className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.PRIMARY}\n >\n {`'${searchInString}`}\n </Label>\n <Label\n className=\"sendbird-place-holder__body--align-top__text__quote\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.PRIMARY}\n >\n {'\\''}\n </Label>\n </div>\n )\n }\n {\n type === PlaceHolderTypes.SEARCHING && (\n <Label\n className=\"sendbird-place-hlder__body--align-top__searching\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.SEARCHING}\n </Label>\n )\n }\n {\n type === PlaceHolderTypes.NO_RESULTS && (\n <Label\n className=\"sendbird-place-hlder__body--align-top__no-result\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.NO_SEARCHED_MESSAGE}\n </Label>\n )\n }\n </div>\n )\n }\n </div>\n );\n}\n"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","_a","_b","className","type","_c","searchInString","_d","retryToConnect","stringSet","useContext","LocalizationContext","React","__spreadArray","Array","isArray","join","IconTypes","SPINNER","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","NO_SEARCHED_MESSAGE"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
- import { b as _toConsumableArray } from './_rollupPluginBabelHelpers-30d122aa.js';
1
+ import { b as _toConsumableArray } from './_rollupPluginBabelHelpers-3043541a.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import { g as getStringSet } from './stringSet-92f53c6e.js';
4
+ import { g as getStringSet } from './stringSet-647493ce.js';
5
5
 
6
6
  var Typography = {
7
7
  H_1: 'H_1',
@@ -128,4 +128,4 @@ var LabelColors = Colors;
128
128
  var LabelStringSet = getStringSet('en');
129
129
 
130
130
  export { Label as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d };
131
- //# sourceMappingURL=index-07cd4778.js.map
131
+ //# sourceMappingURL=index-ed39099a.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-07cd4778.js","sources":["../src/ui/Label/types.js","../src/ui/Label/utils.js","../src/ui/Label/index.jsx"],"sourcesContent":["export const Typography = {\n H_1: 'H_1',\n H_2: 'H_2',\n SUBTITLE_1: 'SUBTITLE_1',\n SUBTITLE_2: 'SUBTITLE_2',\n BODY_1: 'BODY_1',\n BODY_2: 'BODY_2',\n BUTTON_1: 'BUTTON_1',\n BUTTON_2: 'BUTTON_2',\n CAPTION_1: 'CAPTION_1',\n CAPTION_2: 'CAPTION_2',\n CAPTION_3: 'CAPTION_3',\n};\n\nexport const Colors = {\n ONBACKGROUND_1: 'ONBACKGROUND_1',\n ONBACKGROUND_2: 'ONBACKGROUND_2',\n ONBACKGROUND_3: 'ONBACKGROUND_3',\n ONBACKGROUND_4: 'ONBACKGROUND_4',\n ONCONTENT_1: 'ONCONTENT_1',\n ONCONTENT_2: 'ONCONTENT_2',\n PRIMARY: 'PRIMARY',\n ERROR: 'ERROR',\n SECONDARY_3: 'SECONDARY_3',\n};\n","import { Typography, Colors } from './types';\n\nexport function changeTypographyToClassName(type) {\n switch (type) {\n case Typography.H_1: return 'sendbird-label--h-1';\n case Typography.H_2: return 'sendbird-label--h-2';\n case Typography.SUBTITLE_1: return 'sendbird-label--subtitle-1';\n case Typography.SUBTITLE_2: return 'sendbird-label--subtitle-2';\n case Typography.BODY_1: return 'sendbird-label--body-1';\n case Typography.BODY_2: return 'sendbird-label--body-2';\n case Typography.BUTTON_1: return 'sendbird-label--button-1';\n case Typography.BUTTON_2: return 'sendbird-label--button-2';\n case Typography.CAPTION_1: return 'sendbird-label--caption-1';\n case Typography.CAPTION_2: return 'sendbird-label--caption-2';\n case Typography.CAPTION_3: return 'sendbird-label--caption-3';\n default: return null;\n }\n}\n\nexport function changeColorToClassName(color) {\n switch (color) {\n case Colors.ONBACKGROUND_1: return 'sendbird-label--color-onbackground-1';\n case Colors.ONBACKGROUND_2: return 'sendbird-label--color-onbackground-2';\n case Colors.ONBACKGROUND_3: return 'sendbird-label--color-onbackground-3';\n case Colors.ONBACKGROUND_4: return 'sendbird-label--color-onbackground-4';\n case Colors.ONCONTENT_1: return 'sendbird-label--color-oncontent-1';\n case Colors.ONCONTENT_2: return 'sendbird-label--color-oncontent-2';\n case Colors.PRIMARY: return 'sendbird-label--color-primary'; // should be Primary-3 fix me\n case Colors.ERROR: return 'sendbird-label--color-error';\n case Colors.SECONDARY_3: return 'sendbird-label--color-secondary-3';\n default: return null;\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Typography, Colors } from './types';\nimport { changeTypographyToClassName, changeColorToClassName } from './utils';\nimport getStringSet from './stringSet';\n\nexport default function Label({\n className,\n type,\n color,\n children,\n}) {\n return (\n <span\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-label',\n type ? changeTypographyToClassName(type) : '',\n color ? changeColorToClassName(color) : '',\n ].join(' ')}\n >\n {children}\n </span>\n );\n}\n\nLabel.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n type: PropTypes.oneOf([\n 'H_1',\n 'H_2',\n 'SUBTITLE_1',\n 'SUBTITLE_2',\n 'BODY_1',\n 'BODY_2',\n 'BUTTON_1',\n 'BUTTON_2',\n 'CAPTION_1',\n 'CAPTION_2',\n 'CAPTION_3',\n ]),\n color: PropTypes.oneOf([\n 'ONBACKGROUND_1',\n 'ONBACKGROUND_2',\n 'ONBACKGROUND_3',\n 'ONBACKGROUND_4',\n 'ONCONTENT_1',\n 'ONCONTENT_2',\n 'PRIMARY',\n 'ERROR',\n 'SECONDARY_3',\n ]),\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.element,\n PropTypes.any,\n ]),\n};\n\nLabel.defaultProps = {\n className: [],\n type: '',\n color: '',\n children: null,\n};\n\nconst LabelTypography = Typography;\nconst LabelColors = Colors;\nconst LabelStringSet = getStringSet('en');\nexport { LabelTypography, LabelColors, LabelStringSet };\n"],"names":["Typography","H_1","H_2","SUBTITLE_1","SUBTITLE_2","BODY_1","BODY_2","BUTTON_1","BUTTON_2","CAPTION_1","CAPTION_2","CAPTION_3","Colors","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","ONCONTENT_2","PRIMARY","ERROR","SECONDARY_3","changeTypographyToClassName","type","changeColorToClassName","color","Label","className","children","React","Array","isArray","join","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","number","element","any","defaultProps","LabelTypography","LabelColors","LabelStringSet","getStringSet"],"mappings":";;;;;AAAO,IAAMA,UAAU,GAAG;AACxBC,EAAAA,GAAG,EAAE,KADmB;AAExBC,EAAAA,GAAG,EAAE,KAFmB;AAGxBC,EAAAA,UAAU,EAAE,YAHY;AAIxBC,EAAAA,UAAU,EAAE,YAJY;AAKxBC,EAAAA,MAAM,EAAE,QALgB;AAMxBC,EAAAA,MAAM,EAAE,QANgB;AAOxBC,EAAAA,QAAQ,EAAE,UAPc;AAQxBC,EAAAA,QAAQ,EAAE,UARc;AASxBC,EAAAA,SAAS,EAAE,WATa;AAUxBC,EAAAA,SAAS,EAAE,WAVa;AAWxBC,EAAAA,SAAS,EAAE;AAXa,CAAnB;AAcA,IAAMC,MAAM,GAAG;AACpBC,EAAAA,cAAc,EAAE,gBADI;AAEpBC,EAAAA,cAAc,EAAE,gBAFI;AAGpBC,EAAAA,cAAc,EAAE,gBAHI;AAIpBC,EAAAA,cAAc,EAAE,gBAJI;AAKpBC,EAAAA,WAAW,EAAE,aALO;AAMpBC,EAAAA,WAAW,EAAE,aANO;AAOpBC,EAAAA,OAAO,EAAE,SAPW;AAQpBC,EAAAA,KAAK,EAAE,OARa;AASpBC,EAAAA,WAAW,EAAE;AATO,CAAf;;ACZA,SAASC,2BAAT,CAAqCC,IAArC,EAA2C;AAChD,UAAQA,IAAR;AACE,SAAKvB,UAAU,CAACC,GAAhB;AAAqB,aAAO,qBAAP;;AACrB,SAAKD,UAAU,CAACE,GAAhB;AAAqB,aAAO,qBAAP;;AACrB,SAAKF,UAAU,CAACG,UAAhB;AAA4B,aAAO,4BAAP;;AAC5B,SAAKH,UAAU,CAACI,UAAhB;AAA4B,aAAO,4BAAP;;AAC5B,SAAKJ,UAAU,CAACK,MAAhB;AAAwB,aAAO,wBAAP;;AACxB,SAAKL,UAAU,CAACM,MAAhB;AAAwB,aAAO,wBAAP;;AACxB,SAAKN,UAAU,CAACO,QAAhB;AAA0B,aAAO,0BAAP;;AAC1B,SAAKP,UAAU,CAACQ,QAAhB;AAA0B,aAAO,0BAAP;;AAC1B,SAAKR,UAAU,CAACS,SAAhB;AAA2B,aAAO,2BAAP;;AAC3B,SAAKT,UAAU,CAACU,SAAhB;AAA2B,aAAO,2BAAP;;AAC3B,SAAKV,UAAU,CAACW,SAAhB;AAA2B,aAAO,2BAAP;;AAC3B;AAAS,aAAO,IAAP;AAZX;AAcD;AAEM,SAASa,sBAAT,CAAgCC,KAAhC,EAAuC;AAC5C,UAAQA,KAAR;AACE,SAAKb,MAAM,CAACC,cAAZ;AAA4B,aAAO,sCAAP;;AAC5B,SAAKD,MAAM,CAACE,cAAZ;AAA4B,aAAO,sCAAP;;AAC5B,SAAKF,MAAM,CAACG,cAAZ;AAA4B,aAAO,sCAAP;;AAC5B,SAAKH,MAAM,CAACI,cAAZ;AAA4B,aAAO,sCAAP;;AAC5B,SAAKJ,MAAM,CAACK,WAAZ;AAAyB,aAAO,mCAAP;;AACzB,SAAKL,MAAM,CAACM,WAAZ;AAAyB,aAAO,mCAAP;;AACzB,SAAKN,MAAM,CAACO,OAAZ;AAAqB,aAAO,+BAAP;AAAwC;;AAC7D,SAAKP,MAAM,CAACQ,KAAZ;AAAmB,aAAO,6BAAP;;AACnB,SAAKR,MAAM,CAACS,WAAZ;AAAyB,aAAO,mCAAP;;AACzB;AAAS,aAAO,IAAP;AAVX;AAYD;;ACxBc,SAASK,KAAT,OAKZ;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHDJ,IAGC,QAHDA,IAGC;AAAA,MAFDE,KAEC,QAFDA,KAEC;AAAA,MADDG,QACC,QADDA,QACC;AACD,sBACEC;AACE,IAAA,SAAS,EAAE,6BACLC,KAAK,CAACC,OAAN,CAAcJ,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAET,gBAFS,EAGTJ,IAAI,GAAGD,2BAA2B,CAACC,IAAD,CAA9B,GAAuC,EAHlC,EAITE,KAAK,GAAGD,sBAAsB,CAACC,KAAD,CAAzB,GAAmC,EAJ/B,GAKTO,IALS,CAKJ,GALI;AADb,KAQGJ,QARH,CADF;AAYD;AAEDF,KAAK,CAACO,SAAN,GAAkB;AAChBN,EAAAA,SAAS,EAAEO,SAAS,CAACC,SAAV,CAAoB,CAC7BD,SAAS,CAACE,MADmB,EAE7BF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACE,MAA5B,CAF6B,CAApB,CADK;AAKhBb,EAAAA,IAAI,EAAEW,SAAS,CAACI,KAAV,CAAgB,CACpB,KADoB,EAEpB,KAFoB,EAGpB,YAHoB,EAIpB,YAJoB,EAKpB,QALoB,EAMpB,QANoB,EAOpB,UAPoB,EAQpB,UARoB,EASpB,WAToB,EAUpB,WAVoB,EAWpB,WAXoB,CAAhB,CALU;AAkBhBb,EAAAA,KAAK,EAAES,SAAS,CAACI,KAAV,CAAgB,CACrB,gBADqB,EAErB,gBAFqB,EAGrB,gBAHqB,EAIrB,gBAJqB,EAKrB,aALqB,EAMrB,aANqB,EAOrB,SAPqB,EAQrB,OARqB,EASrB,aATqB,CAAhB,CAlBS;AA6BhBV,EAAAA,QAAQ,EAAEM,SAAS,CAACC,SAAV,CAAoB,CAC5BD,SAAS,CAACE,MADkB,EAE5BF,SAAS,CAACK,MAFkB,EAG5BL,SAAS,CAACM,OAHkB,EAI5BN,SAAS,CAACO,GAJkB,CAApB;AA7BM,CAAlB;AAqCAf,KAAK,CAACgB,YAAN,GAAqB;AACnBf,EAAAA,SAAS,EAAE,EADQ;AAEnBJ,EAAAA,IAAI,EAAE,EAFa;AAGnBE,EAAAA,KAAK,EAAE,EAHY;AAInBG,EAAAA,QAAQ,EAAE;AAJS,CAArB;IAOMe,eAAe,GAAG3C;IAClB4C,WAAW,GAAGhC;IACdiC,cAAc,GAAGC,YAAY,CAAC,IAAD;;;;"}
1
+ {"version":3,"file":"index-ed39099a.js","sources":["../src/ui/Label/types.js","../src/ui/Label/utils.js","../src/ui/Label/index.jsx"],"sourcesContent":["export const Typography = {\n H_1: 'H_1',\n H_2: 'H_2',\n SUBTITLE_1: 'SUBTITLE_1',\n SUBTITLE_2: 'SUBTITLE_2',\n BODY_1: 'BODY_1',\n BODY_2: 'BODY_2',\n BUTTON_1: 'BUTTON_1',\n BUTTON_2: 'BUTTON_2',\n CAPTION_1: 'CAPTION_1',\n CAPTION_2: 'CAPTION_2',\n CAPTION_3: 'CAPTION_3',\n};\n\nexport const Colors = {\n ONBACKGROUND_1: 'ONBACKGROUND_1',\n ONBACKGROUND_2: 'ONBACKGROUND_2',\n ONBACKGROUND_3: 'ONBACKGROUND_3',\n ONBACKGROUND_4: 'ONBACKGROUND_4',\n ONCONTENT_1: 'ONCONTENT_1',\n ONCONTENT_2: 'ONCONTENT_2',\n PRIMARY: 'PRIMARY',\n ERROR: 'ERROR',\n SECONDARY_3: 'SECONDARY_3',\n};\n","import { Typography, Colors } from './types';\n\nexport function changeTypographyToClassName(type) {\n switch (type) {\n case Typography.H_1: return 'sendbird-label--h-1';\n case Typography.H_2: return 'sendbird-label--h-2';\n case Typography.SUBTITLE_1: return 'sendbird-label--subtitle-1';\n case Typography.SUBTITLE_2: return 'sendbird-label--subtitle-2';\n case Typography.BODY_1: return 'sendbird-label--body-1';\n case Typography.BODY_2: return 'sendbird-label--body-2';\n case Typography.BUTTON_1: return 'sendbird-label--button-1';\n case Typography.BUTTON_2: return 'sendbird-label--button-2';\n case Typography.CAPTION_1: return 'sendbird-label--caption-1';\n case Typography.CAPTION_2: return 'sendbird-label--caption-2';\n case Typography.CAPTION_3: return 'sendbird-label--caption-3';\n default: return null;\n }\n}\n\nexport function changeColorToClassName(color) {\n switch (color) {\n case Colors.ONBACKGROUND_1: return 'sendbird-label--color-onbackground-1';\n case Colors.ONBACKGROUND_2: return 'sendbird-label--color-onbackground-2';\n case Colors.ONBACKGROUND_3: return 'sendbird-label--color-onbackground-3';\n case Colors.ONBACKGROUND_4: return 'sendbird-label--color-onbackground-4';\n case Colors.ONCONTENT_1: return 'sendbird-label--color-oncontent-1';\n case Colors.ONCONTENT_2: return 'sendbird-label--color-oncontent-2';\n case Colors.PRIMARY: return 'sendbird-label--color-primary'; // should be Primary-3 fix me\n case Colors.ERROR: return 'sendbird-label--color-error';\n case Colors.SECONDARY_3: return 'sendbird-label--color-secondary-3';\n default: return null;\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Typography, Colors } from './types';\nimport { changeTypographyToClassName, changeColorToClassName } from './utils';\nimport getStringSet from './stringSet';\n\nexport default function Label({\n className,\n type,\n color,\n children,\n}) {\n return (\n <span\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-label',\n type ? changeTypographyToClassName(type) : '',\n color ? changeColorToClassName(color) : '',\n ].join(' ')}\n >\n {children}\n </span>\n );\n}\n\nLabel.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n type: PropTypes.oneOf([\n 'H_1',\n 'H_2',\n 'SUBTITLE_1',\n 'SUBTITLE_2',\n 'BODY_1',\n 'BODY_2',\n 'BUTTON_1',\n 'BUTTON_2',\n 'CAPTION_1',\n 'CAPTION_2',\n 'CAPTION_3',\n ]),\n color: PropTypes.oneOf([\n 'ONBACKGROUND_1',\n 'ONBACKGROUND_2',\n 'ONBACKGROUND_3',\n 'ONBACKGROUND_4',\n 'ONCONTENT_1',\n 'ONCONTENT_2',\n 'PRIMARY',\n 'ERROR',\n 'SECONDARY_3',\n ]),\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.element,\n PropTypes.any,\n ]),\n};\n\nLabel.defaultProps = {\n className: [],\n type: '',\n color: '',\n children: null,\n};\n\nconst LabelTypography = Typography;\nconst LabelColors = Colors;\nconst LabelStringSet = getStringSet('en');\nexport { LabelTypography, LabelColors, LabelStringSet };\n"],"names":["Typography","H_1","H_2","SUBTITLE_1","SUBTITLE_2","BODY_1","BODY_2","BUTTON_1","BUTTON_2","CAPTION_1","CAPTION_2","CAPTION_3","Colors","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","ONCONTENT_2","PRIMARY","ERROR","SECONDARY_3","changeTypographyToClassName","type","changeColorToClassName","color","Label","className","children","React","Array","isArray","join","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","number","element","any","defaultProps","LabelTypography","LabelColors","LabelStringSet","getStringSet"],"mappings":"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"}
@@ -1,15 +1,15 @@
1
1
  import React__default, { useMemo, useRef, useContext, useState } from 'react';
2
2
  import Modal from './ui/Modal.js';
3
- import { a as LocalizationContext } from './LocalizationContext-61a4a931.js';
3
+ import { a as LocalizationContext } from './LocalizationContext-2a073ef0.js';
4
4
  import useSendbirdStateContext from './useSendbirdStateContext.js';
5
5
  import Input, { InputLabel } from './ui/Input.js';
6
6
  import Avatar from './ui/Avatar.js';
7
7
  import Icon, { IconTypes } from './ui/Icon.js';
8
- import { T as Type } from './index-d3358aa9.js';
9
- import { L as Label, a as LabelTypography, b as LabelColors } from './index-07cd4778.js';
8
+ import { T as Type } from './index-6a47d16f.js';
9
+ import { L as Label, a as LabelTypography, b as LabelColors } from './index-ed39099a.js';
10
10
  import TextButton from './ui/TextButton.js';
11
- import { n as noop } from './utils-b69f7583.js';
12
- import { U as UPDATE_USER_INFO } from './actionTypes-d5d5ac7b.js';
11
+ import { n as noop } from './utils-301322ba.js';
12
+ import { U as UPDATE_USER_INFO } from './actionTypes-2873dec9.js';
13
13
 
14
14
  var EditUserProfileProviderContext = /*#__PURE__*/React__default.createContext(undefined);
15
15
 
@@ -119,7 +119,7 @@ function EditUserProfile() {
119
119
  }
120
120
  }), /*#__PURE__*/React__default.createElement(TextButton, {
121
121
  className: "sendbird-edit-user-profile__img__avatar-button",
122
- notUnderline: true,
122
+ disableUnderline: true,
123
123
  onClick: function onClick() {
124
124
  return hiddenInputRef.current.click();
125
125
  }
@@ -168,4 +168,4 @@ function EditUserProfile() {
168
168
  }
169
169
 
170
170
  export { EditUserProfileProvider as E, EditUserProfile as a };
171
- //# sourceMappingURL=index-17024830.js.map
171
+ //# sourceMappingURL=index-fa8ac00a.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-fa8ac00a.js","sources":["../src/smart-components/EditUserProfile/context/EditUserProfIleProvider.tsx","../src/smart-components/EditUserProfile/components/EditUserProfileUI/index.tsx"],"sourcesContent":["import type { User } from '@sendbird/chat';\nimport React, { useMemo } from 'react';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n children?: React.ReactElement;\n onCancel?(): void;\n onThemeChange?(theme: string): void;\n onEditProfile?(updatedUser: User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n onCancel?(): void;\n onThemeChange?(theme: string): void;\n onEditProfile?(updatedUser: User): void;\n}\n\nconst EditUserProfileProvider: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n const {\n children,\n onEditProfile,\n onCancel,\n onThemeChange,\n } = props;\n\n const value = useMemo(() => {\n return {\n onEditProfile,\n onCancel,\n onThemeChange,\n };\n }, []);\n\n return (\n <EditUserProfileProviderContext.Provider value={value}>\n {children}\n </EditUserProfileProviderContext.Provider>\n );\n}\n\nconst useEditUserProfileContext = (): EditUserProfileProviderInterface => (\n React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n EditUserProfileProvider,\n useEditUserProfileContext,\n};\n","import './edit-user-profile.scss';\n\nimport React, {\n ReactElement,\n useRef,\n useState,\n useContext,\n} from 'react';\nimport { useEditUserProfileContext } from '../../context/EditUserProfIleProvider';\n\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconTypes } from '../../../../ui/Icon';\nimport { Type as ButtonType } from '../../../../ui/Button/type';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { noop } from '../../../../utils/utils';\nimport * as userActions from '../../../../lib/dux/user/actionTypes';\n\nexport default function EditUserProfile(): ReactElement {\n const editProfileProps = useEditUserProfileContext();\n const store = useSendbirdStateContext();\n const hiddenInputRef = useRef(null);\n const inputRef = useRef(null);\n const formRef = useRef(null);\n const { stringSet } = useContext(LocalizationContext);\n const [currentImg, setCurrentImg] = useState(null);\n const [newFile, setNewFile] = useState(null);\n\n const {\n onEditProfile,\n onCancel,\n onThemeChange,\n } = editProfileProps;\n\n const theme = store?.config?.theme || 'light';\n const changeTheme = store?.config?.setCurrenttheme || noop;\n const user = store?.stores?.userStore?.user;\n const sdk = store?.stores?.sdkStore?.sdk;\n const userDispatcher = store?.dispatchers?.userDispatcher;\n\n return (\n <Modal\n titleText={stringSet.EDIT_PROFILE__TITLE}\n submitText={stringSet.BUTTON__SAVE}\n type={ButtonType.PRIMARY}\n onCancel={onCancel}\n onSubmit={() => {\n if (user?.nickname !== '' && !inputRef.current.value) {\n if (formRef.current.reportValidity) { // might not work in explorer\n formRef.current.reportValidity();\n }\n return;\n }\n sdk?.updateCurrentUserInfo({\n nickname: inputRef?.current?.value,\n profileImage: newFile,\n }).then((updatedUser) => {\n userDispatcher({ type: userActions.UPDATE_USER_INFO, payload: updatedUser });\n if (onEditProfile && typeof onEditProfile === 'function') {\n onEditProfile(updatedUser);\n }\n });\n }}\n >\n <form\n className=\"sendbird-edit-user-profile\"\n ref={formRef}\n onSubmit={(e) => { e.preventDefault(); }}\n >\n <section className=\"sendbird-edit-user-profile__img\">\n <InputLabel>\n {stringSet.EDIT_PROFILE__IMAGE_LABEL}\n </InputLabel>\n <div className=\"sendbird-edit-user-profile__img__avatar\">\n <Avatar\n width=\"80px\"\n height=\"80px\"\n src={currentImg || user?.profileUrl}\n />\n </div>\n <input\n ref={hiddenInputRef}\n type=\"file\"\n accept=\"image/gif, image/jpeg, image/png\"\n style={{ display: 'none' }}\n onChange={(e) => {\n setCurrentImg(URL.createObjectURL(e.target.files[0]));\n setNewFile(e.target.files[0]);\n hiddenInputRef.current.value = '';\n }}\n />\n <TextButton\n className=\"sendbird-edit-user-profile__img__avatar-button\"\n disableUnderline\n onClick={() => hiddenInputRef.current.click()}\n >\n <Label type={LabelTypography.BUTTON_1} color={LabelColors.PRIMARY}>\n {stringSet.EDIT_PROFILE__IMAGE_UPLOAD}\n </Label>\n </TextButton>\n </section>\n <section className=\"sendbird-edit-user-profile__name\">\n <InputLabel>\n {stringSet.EDIT_PROFILE__NICKNAME_LABEL}\n </InputLabel>\n <Input\n required={user?.nickname !== ''}\n name=\"sendbird-edit-user-profile__name__input\"\n ref={inputRef}\n value={user?.nickname}\n placeHolder={stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER}\n />\n </section>\n <section className=\"sendbird-edit-user-profile__userid\">\n <InputLabel>\n {/* userID */}\n {stringSet.EDIT_PROFILE__USERID_LABEL}\n </InputLabel>\n <Input\n disabled\n name=\"sendbird-edit-user-profile__userid__input\"\n value={user?.userId}\n />\n </section>\n <section className=\"sendbird-edit-user-profile__theme\">\n <InputLabel>\n {stringSet.EDIT_PROFILE__THEME_LABEL}\n </InputLabel>\n <div className=\"sendbird-edit-user-profile__theme__theme-icon\">\n {\n theme === 'dark'\n ? (\n <Icon\n onClick={() => {\n changeTheme('light');\n onThemeChange?.('light');\n // if (onThemeChange && typeof onThemeChange === 'function') {\n // onThemeChange('light');\n // }\n }}\n type={IconTypes.TOGGLE_ON}\n width={44}\n height={24}\n />\n )\n : (\n <Icon\n onClick={() => {\n changeTheme('dark');\n onThemeChange?.('dark');\n // if (onThemeChange && typeof onThemeChange === 'function') {\n // onThemeChange('dark');\n // }\n }}\n type={IconTypes.TOGGLE_OFF}\n width={44}\n height={24}\n />\n )\n }\n </div>\n </section>\n </form>\n </Modal>\n );\n}\n\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileContext","useContext","EditUserProfile","editProfileProps","store","useSendbirdStateContext","hiddenInputRef","useRef","inputRef","formRef","stringSet","LocalizationContext","_h","useState","currentImg","setCurrentImg","_j","newFile","setNewFile","theme","config","changeTheme","setCurrenttheme","noop","user","stores","userStore","sdk","sdkStore","userDispatcher","dispatchers","EDIT_PROFILE__TITLE","BUTTON__SAVE","ButtonType","PRIMARY","nickname","current","reportValidity","updateCurrentUserInfo","profileImage","then","updatedUser","type","userActions","payload","e","preventDefault","EDIT_PROFILE__IMAGE_LABEL","profileUrl","display","URL","createObjectURL","target","files","click","LabelTypography","BUTTON_1","LabelColors","EDIT_PROFILE__IMAGE_UPLOAD","EDIT_PROFILE__NICKNAME_LABEL","EDIT_PROFILE__NICKNAME_PLACEHOLDER","EDIT_PROFILE__USERID_LABEL","userId","EDIT_PROFILE__THEME_LABEL","IconTypes","TOGGLE_ON","TOGGLE_OFF"],"mappings":";;;;;;;;;;;;;AAGA,IAAMA,8BAA8B,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAAvC;;IAeMC,uBAAuB,GAAmC,SAA1DA,uBAA0D,CAACC,KAAD;AAE5D,MAAAC,QAAQ,GAIND,KAAK,SAJP;AAAA,MACAE,aAAa,GAGXF,KAAK,cAJP;AAAA,MAEAG,QAAQ,GAENH,KAAK,SAJP;AAAA,MAGAI,aAAa,GACXJ,KAAK,cAJP;AAMF,MAAMK,KAAK,GAAGC,OAAO,CAAC;AACpB,WAAO;AACLJ,MAAAA,aAAa,eADR;AAELC,MAAAA,QAAQ,UAFH;AAGLC,MAAAA,aAAa;AAHR,KAAP;AAKD,GANoB,EAMlB,EANkB,CAArB;AAQA,sBACER,6BAAC,8BAAD,CAAgC,QAAhC;AAAyC,IAAA,KAAK,EAAES;AAAhD,KACGJ,QADH,CADF;AAKD;;AAED,IAAMM,yBAAyB,GAAG,SAA5BA,yBAA4B;AAAwC,SACxEX,cAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADwE;AAEzE,CAFD;;SClBwBc;;;AACtB,MAAMC,gBAAgB,GAAGH,yBAAyB,EAAlD;AACA,MAAMI,KAAK,GAAGC,uBAAuB,EAArC;AACA,MAAMC,cAAc,GAAGC,MAAM,CAAC,IAAD,CAA7B;AACA,MAAMC,QAAQ,GAAGD,MAAM,CAAC,IAAD,CAAvB;AACA,MAAME,OAAO,GAAGF,MAAM,CAAC,IAAD,CAAtB;AACQ,MAAAG,SAAS,GAAKT,UAAU,CAACU,mBAAD,CAAV,UAAd;;AACF,MAAAC,KAA8BC,QAAQ,CAAC,IAAD,CAAtC;AAAA,MAACC,UAAU,QAAX;AAAA,MAAaC,aAAa,QAA1B;;AACA,MAAAC,KAAwBH,QAAQ,CAAC,IAAD,CAAhC;AAAA,MAACI,OAAO,QAAR;AAAA,MAAUC,UAAU,QAApB;;AAGJ,MAAAvB,aAAa,GAGXQ,gBAAgB,cAHlB;AAAA,MACAP,QAAQ,GAENO,gBAAgB,SAHlB;AAAA,MAEAN,aAAa,GACXM,gBAAgB,cAHlB;AAKF,MAAMgB,KAAK,GAAG,CAAA,MAAAf,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB,MAAP,UAAA,iBAAA,SAAA,MAAeD,KAAf,KAAwB,OAAtC;AACA,MAAME,WAAW,GAAG,CAAA,MAAAjB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB,MAAP,UAAA,iBAAA,SAAA,MAAeE,eAAf,KAAkCC,IAAtD;AACA,MAAMC,IAAI,GAAG,MAAA,MAAApB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEqB,MAAP,UAAA,iBAAA,SAAA,MAAeC,SAAf,UAAA,iBAAA,SAAA,MAA0BF,IAAvC;AACA,MAAMG,GAAG,GAAG,MAAA,MAAAvB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEqB,MAAP,UAAA,iBAAA,SAAA,MAAeG,QAAf,UAAA,iBAAA,SAAA,MAAyBD,GAArC;AACA,MAAME,cAAc,GAAG,MAAAzB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAE0B,WAAP,UAAA,iBAAA,SAAA,MAAoBD,cAA3C;AAEA,sBACExC,6BAAC,KAAD;AACE,IAAA,SAAS,EAAEqB,SAAS,CAACqB,mBADvB;AAEE,IAAA,UAAU,EAAErB,SAAS,CAACsB,YAFxB;AAGE,IAAA,IAAI,EAAEC,IAAU,CAACC,OAHnB;AAIE,IAAA,QAAQ,EAAEtC,QAJZ;AAKE,IAAA,QAAQ,EAAE;;;AACR,UAAI,CAAA4B,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEW,QAAN,MAAmB,EAAnB,IAAyB,CAAC3B,QAAQ,CAAC4B,OAAT,CAAiBtC,KAA/C,EAAsD;AACpD,YAAIW,OAAO,CAAC2B,OAAR,CAAgBC,cAApB,EAAoC;AAAE;AACpC5B,UAAAA,OAAO,CAAC2B,OAAR,CAAgBC,cAAhB;AACD;;AACD;AACD;;AACDV,MAAAA,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEW,qBAAL,CAA2B;AACzBH,QAAAA,QAAQ,EAAE,MAAA3B,QAAQ,SAAR,IAAAA,QAAQ,WAAR,SAAA,GAAAA,QAAQ,CAAE4B,OAAV,UAAA,iBAAA,SAAA,MAAmBtC,KADJ;AAEzByC,QAAAA,YAAY,EAAEtB;AAFW,OAA3B,EAGGuB,IAHH,CAGQ,UAACC,WAAD;AACNZ,QAAAA,cAAc,CAAC;AAAEa,UAAAA,IAAI,EAAEC,gBAAR;AAAsCC,UAAAA,OAAO,EAAEH;AAA/C,SAAD,CAAd;;AACA,YAAI9C,aAAa,IAAI,OAAOA,aAAP,KAAyB,UAA9C,EAA0D;AACxDA,UAAAA,aAAa,CAAC8C,WAAD,CAAb;AACD;AACF,OARD,CAAA;AASD;AArBH,kBAuBEpD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,GAAG,EAAEoB,OAFP;AAGE,IAAA,QAAQ,EAAE,kBAACoC,CAAD;AAASA,MAAAA,CAAC,CAACC,cAAF;AAAqB;AAH1C,kBAKEzD;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,UAAD,QACGqB,SAAS,CAACqC,yBADb,CADF,eAIE1D;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,MAAD;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;AAGE,IAAA,GAAG,EAAEyB,UAAU,KAAIU,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEwB,UAAV;AAHjB,IADF,CAJF,eAWE3D;AACE,IAAA,GAAG,EAAEiB,cADP;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,MAAM,EAAC,kCAHT;AAIE,IAAA,KAAK,EAAE;AAAE2C,MAAAA,OAAO,EAAE;AAAX,KAJT;AAKE,IAAA,QAAQ,EAAE,kBAACJ,CAAD;AACR9B,MAAAA,aAAa,CAACmC,GAAG,CAACC,eAAJ,CAAoBN,CAAC,CAACO,MAAF,CAASC,KAAT,CAAe,CAAf,CAApB,CAAD,CAAb;AACAnC,MAAAA,UAAU,CAAC2B,CAAC,CAACO,MAAF,CAASC,KAAT,CAAe,CAAf,CAAD,CAAV;AACA/C,MAAAA,cAAc,CAAC8B,OAAf,CAAuBtC,KAAvB,GAA+B,EAA/B;AACD;AATH,IAXF,eAsBET,6BAAC,UAAD;AACE,IAAA,SAAS,EAAC,gDADZ;AAEE,IAAA,gBAAgB,MAFlB;AAGE,IAAA,OAAO,EAAE;AAAM,aAAAiB,cAAc,CAAC8B,OAAf,CAAuBkB,KAAvB,EAAA;AAA8B;AAH/C,kBAKEjE,6BAAC,KAAD;AAAO,IAAA,IAAI,EAAEkE,eAAe,CAACC,QAA7B;AAAuC,IAAA,KAAK,EAAEC,WAAW,CAACvB;AAA1D,KACGxB,SAAS,CAACgD,0BADb,CALF,CAtBF,CALF,eAqCErE;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,UAAD,QACGqB,SAAS,CAACiD,4BADb,CADF,eAIEtE,6BAAC,KAAD;AACE,IAAA,QAAQ,EAAE,CAAAmC,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEW,QAAN,MAAmB,EAD/B;AAEE,IAAA,IAAI,EAAC,yCAFP;AAGE,IAAA,GAAG,EAAE3B,QAHP;AAIE,IAAA,KAAK,EAAEgB,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEW,QAJf;AAKE,IAAA,WAAW,EAAEzB,SAAS,CAACkD;AALzB,IAJF,CArCF,eAiDEvE;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,UAAD,QAEGqB,SAAS,CAACmD,0BAFb,CADF,eAKExE,6BAAC,KAAD;AACE,IAAA,QAAQ,MADV;AAEE,IAAA,IAAI,EAAC,2CAFP;AAGE,IAAA,KAAK,EAAEmC,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEsC;AAHf,IALF,CAjDF,eA4DEzE;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,UAAD,QACGqB,SAAS,CAACqD,yBADb,CADF,eAIE1E;AAAK,IAAA,SAAS,EAAC;AAAf,KAEI8B,KAAK,KAAK,MAAV,gBAEI9B,6BAAC,IAAD;AACE,IAAA,OAAO,EAAE;AACPgC,MAAAA,WAAW,CAAC,OAAD,CAAX;AACAxB,MAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAG,OAAH,CAAb;AAEA;AACA;AACD,KAPH;AAQE,IAAA,IAAI,EAAEmE,SAAS,CAACC,SARlB;AASE,IAAA,KAAK,EAAE,EATT;AAUE,IAAA,MAAM,EAAE;AAVV,IAFJ,gBAgBI5E,6BAAC,IAAD;AACE,IAAA,OAAO,EAAE;AACPgC,MAAAA,WAAW,CAAC,MAAD,CAAX;AACAxB,MAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAG,MAAH,CAAb;AAEA;AACA;AACD,KAPH;AAQE,IAAA,IAAI,EAAEmE,SAAS,CAACE,UARlB;AASE,IAAA,KAAK,EAAE,EATT;AAUE,IAAA,MAAM,EAAE;AAVV,IAlBR,CAJF,CA5DF,CAvBF,CADF;AA6HD;;;;"}