@sendbird/uikit-react 3.6.4 → 3.6.5-rc-0

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 (504) hide show
  1. package/App.js +56 -52
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +16 -1
  4. package/Channel/components/ChannelHeader.js +19 -19
  5. package/Channel/components/ChannelUI.js +41 -41
  6. package/Channel/components/FileViewer.js +15 -15
  7. package/Channel/components/FrozenNotification.js +4 -4
  8. package/Channel/components/Message.js +36 -36
  9. package/Channel/components/MessageInput.js +29 -29
  10. package/Channel/components/MessageList.js +37 -37
  11. package/Channel/components/RemoveMessageModal.js +17 -17
  12. package/Channel/components/SuggestedMentionList.js +17 -17
  13. package/Channel/components/TypingIndicator.js +15 -15
  14. package/Channel/components/UnreadCount.js +4 -4
  15. package/Channel/context.js +12 -12
  16. package/Channel.js +41 -41
  17. package/ChannelList/components/AddChannel.js +14 -14
  18. package/ChannelList/components/ChannelListHeader.js +6 -6
  19. package/ChannelList/components/ChannelListUI.js +30 -30
  20. package/ChannelList/components/ChannelPreview.js +26 -26
  21. package/ChannelList/components/ChannelPreviewAction.js +13 -13
  22. package/ChannelList/context.js +7 -7
  23. package/ChannelList.js +30 -30
  24. package/{ChannelListProvider-d6b12488.js → ChannelListProvider-b402a00e.js} +7 -7
  25. package/{ChannelListProvider-d6b12488.js.map → ChannelListProvider-b402a00e.js.map} +1 -1
  26. package/{ChannelProvider-c7f50a33.js → ChannelProvider-a189a737.js} +11 -11
  27. package/{ChannelProvider-c7f50a33.js.map → ChannelProvider-a189a737.js.map} +1 -1
  28. package/ChannelSettings/components/ChannelProfile.js +11 -11
  29. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  30. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  31. package/ChannelSettings/components/LeaveChannel.js +11 -11
  32. package/ChannelSettings/components/ModerationPanel.js +14 -14
  33. package/ChannelSettings/components/UserListItem.js +10 -10
  34. package/ChannelSettings/components/UserPanel.js +13 -13
  35. package/ChannelSettings/context.js +3 -3
  36. package/ChannelSettings.js +17 -17
  37. package/CreateChannel/components/CreateChannelUI.js +13 -13
  38. package/CreateChannel/components/InviteUsers.js +13 -13
  39. package/CreateChannel/components/SelectChannelType.js +10 -10
  40. package/CreateChannel/context.js +4 -4
  41. package/CreateChannel.js +13 -13
  42. package/{CreateChannelProvider-d30736e3.js → CreateChannelProvider-79bbe4d4.js} +1 -1
  43. package/{CreateChannelProvider-d30736e3.js.map → CreateChannelProvider-79bbe4d4.js.map} +1 -1
  44. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  45. package/CreateOpenChannel/context.js +1 -1
  46. package/CreateOpenChannel.js +9 -9
  47. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  48. package/EditUserProfile.js +12 -12
  49. package/{LocalizationContext-53fdaf30.js → LocalizationContext-3d89077d.js} +3 -3
  50. package/{LocalizationContext-53fdaf30.js.map → LocalizationContext-3d89077d.js.map} +1 -1
  51. package/{MediaQueryContext-6fca0d36.js → MediaQueryContext-cf54879d.js} +1 -1
  52. package/{MediaQueryContext-6fca0d36.js.map → MediaQueryContext-cf54879d.js.map} +1 -1
  53. package/{MemberList-e4441000.js → MemberList-bd466579.js} +5 -5
  54. package/{MemberList-e4441000.js.map → MemberList-bd466579.js.map} +1 -1
  55. package/MessageSearch/components/MessageSearchUI.js +11 -11
  56. package/MessageSearch/context.js +1 -1
  57. package/MessageSearch.js +11 -11
  58. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  59. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  60. package/OpenChannel/components/OpenChannelInput.js +19 -19
  61. package/OpenChannel/components/OpenChannelMessage.js +27 -27
  62. package/OpenChannel/components/OpenChannelMessageList.js +31 -31
  63. package/OpenChannel/components/OpenChannelUI.js +31 -31
  64. package/OpenChannel/context.js +8 -8
  65. package/OpenChannel.js +31 -31
  66. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  67. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  68. package/OpenChannelList/context.js +3 -3
  69. package/OpenChannelList.js +13 -13
  70. package/{OpenChannelListProvider-98c48fc5.js → OpenChannelListProvider-4ea43d98.js} +3 -3
  71. package/{OpenChannelListProvider-98c48fc5.js.map → OpenChannelListProvider-4ea43d98.js.map} +1 -1
  72. package/{OpenChannelProvider-12437ce5.js → OpenChannelProvider-8fb5a0f0.js} +7 -7
  73. package/{OpenChannelProvider-12437ce5.js.map → OpenChannelProvider-8fb5a0f0.js.map} +1 -1
  74. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  75. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  76. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  77. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  78. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  79. package/OpenChannelSettings/context.js +3 -3
  80. package/OpenChannelSettings.js +17 -17
  81. package/{RemoveMessageModal-4e1cbe38.js → RemoveMessageModal-3bcdc9f6.js} +3 -3
  82. package/{RemoveMessageModal-4e1cbe38.js.map → RemoveMessageModal-3bcdc9f6.js.map} +1 -1
  83. package/SendbirdProvider.js +39 -27
  84. package/SendbirdProvider.js.map +1 -1
  85. package/Thread/components/ParentMessageInfo.js +33 -33
  86. package/Thread/components/ParentMessageInfoItem.js +21 -21
  87. package/Thread/components/ThreadHeader.js +6 -6
  88. package/Thread/components/ThreadList.js +36 -36
  89. package/Thread/components/ThreadListItem.js +36 -36
  90. package/Thread/components/ThreadMessageInput.js +30 -30
  91. package/Thread/components/ThreadUI.js +40 -40
  92. package/Thread/context.js +8 -8
  93. package/Thread.js +40 -40
  94. package/{ThreadProvider-da7e379f.js → ThreadProvider-d0f2a130.js} +7 -7
  95. package/{ThreadProvider-da7e379f.js.map → ThreadProvider-d0f2a130.js.map} +1 -1
  96. package/{UserProfileContext-0041c5c2.js → UserProfileContext-76bee36c.js} +1 -1
  97. package/{UserProfileContext-0041c5c2.js.map → UserProfileContext-76bee36c.js.map} +1 -1
  98. package/{VoiceMessageInputWrapper-d1929e54.js → VoiceMessageInputWrapper-da084704.js} +7 -7
  99. package/{VoiceMessageInputWrapper-d1929e54.js.map → VoiceMessageInputWrapper-da084704.js.map} +1 -1
  100. package/VoicePlayer/context.js +3 -3
  101. package/VoicePlayer/useVoicePlayer.js +9 -9
  102. package/VoiceRecorder/context.js +9 -9
  103. package/VoiceRecorder/useVoiceRecorder.js +8 -8
  104. package/{WebAudioUtils-a9d4f6c8.js → WebAudioUtils-68a6833e.js} +2 -2
  105. package/{WebAudioUtils-a9d4f6c8.js.map → WebAudioUtils-68a6833e.js.map} +1 -1
  106. package/{_rollupPluginBabelHelpers-71645d31.js → _rollupPluginBabelHelpers-0d01e6f3.js} +1 -1
  107. package/_rollupPluginBabelHelpers-0d01e6f3.js.map +1 -0
  108. package/{actionTypes-e599d8fb.js → actionTypes-47f3ca27.js} +1 -1
  109. package/{actionTypes-e599d8fb.js.map → actionTypes-47f3ca27.js.map} +1 -1
  110. package/cjs/App.js +56 -52
  111. package/cjs/App.js.map +1 -1
  112. package/cjs/Channel/components/ChannelHeader.js +19 -19
  113. package/cjs/Channel/components/ChannelUI.js +41 -41
  114. package/cjs/Channel/components/FileViewer.js +15 -15
  115. package/cjs/Channel/components/FrozenNotification.js +4 -4
  116. package/cjs/Channel/components/Message.js +36 -36
  117. package/cjs/Channel/components/MessageInput.js +29 -29
  118. package/cjs/Channel/components/MessageList.js +37 -37
  119. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  120. package/cjs/Channel/components/SuggestedMentionList.js +17 -17
  121. package/cjs/Channel/components/TypingIndicator.js +15 -15
  122. package/cjs/Channel/components/UnreadCount.js +4 -4
  123. package/cjs/Channel/context.js +12 -12
  124. package/cjs/Channel.js +41 -41
  125. package/cjs/ChannelList/components/AddChannel.js +14 -14
  126. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  127. package/cjs/ChannelList/components/ChannelListUI.js +30 -30
  128. package/cjs/ChannelList/components/ChannelPreview.js +26 -26
  129. package/cjs/ChannelList/components/ChannelPreviewAction.js +13 -13
  130. package/cjs/ChannelList/context.js +7 -7
  131. package/cjs/ChannelList.js +30 -30
  132. package/cjs/{ChannelListProvider-bf566090.js → ChannelListProvider-ddf0e6f2.js} +7 -7
  133. package/cjs/{ChannelListProvider-bf566090.js.map → ChannelListProvider-ddf0e6f2.js.map} +1 -1
  134. package/cjs/{ChannelProvider-69fc2b91.js → ChannelProvider-d87ccad8.js} +11 -11
  135. package/cjs/{ChannelProvider-69fc2b91.js.map → ChannelProvider-d87ccad8.js.map} +1 -1
  136. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  137. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  138. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  139. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  140. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  141. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  142. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  143. package/cjs/ChannelSettings/context.js +3 -3
  144. package/cjs/ChannelSettings.js +17 -17
  145. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  146. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  147. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  148. package/cjs/CreateChannel/context.js +4 -4
  149. package/cjs/CreateChannel.js +13 -13
  150. package/cjs/{CreateChannelProvider-8dec6f17.js → CreateChannelProvider-88c4a719.js} +1 -1
  151. package/cjs/{CreateChannelProvider-8dec6f17.js.map → CreateChannelProvider-88c4a719.js.map} +1 -1
  152. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  153. package/cjs/CreateOpenChannel/context.js +1 -1
  154. package/cjs/CreateOpenChannel.js +9 -9
  155. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  156. package/cjs/EditUserProfile.js +12 -12
  157. package/cjs/{LocalizationContext-caec9de8.js → LocalizationContext-b71613af.js} +3 -3
  158. package/cjs/{LocalizationContext-caec9de8.js.map → LocalizationContext-b71613af.js.map} +1 -1
  159. package/cjs/{MediaQueryContext-315973f1.js → MediaQueryContext-171fe8e7.js} +1 -1
  160. package/cjs/{MediaQueryContext-315973f1.js.map → MediaQueryContext-171fe8e7.js.map} +1 -1
  161. package/cjs/{MemberList-aebdae12.js → MemberList-fa046e2c.js} +5 -5
  162. package/cjs/{MemberList-aebdae12.js.map → MemberList-fa046e2c.js.map} +1 -1
  163. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  164. package/cjs/MessageSearch/context.js +1 -1
  165. package/cjs/MessageSearch.js +11 -11
  166. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  167. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  168. package/cjs/OpenChannel/components/OpenChannelInput.js +19 -19
  169. package/cjs/OpenChannel/components/OpenChannelMessage.js +27 -27
  170. package/cjs/OpenChannel/components/OpenChannelMessageList.js +31 -31
  171. package/cjs/OpenChannel/components/OpenChannelUI.js +31 -31
  172. package/cjs/OpenChannel/context.js +8 -8
  173. package/cjs/OpenChannel.js +31 -31
  174. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  175. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  176. package/cjs/OpenChannelList/context.js +3 -3
  177. package/cjs/OpenChannelList.js +13 -13
  178. package/cjs/{OpenChannelListProvider-c96d00f7.js → OpenChannelListProvider-12383ab8.js} +3 -3
  179. package/cjs/{OpenChannelListProvider-c96d00f7.js.map → OpenChannelListProvider-12383ab8.js.map} +1 -1
  180. package/cjs/{OpenChannelProvider-1cec2abc.js → OpenChannelProvider-d087efea.js} +7 -7
  181. package/cjs/{OpenChannelProvider-1cec2abc.js.map → OpenChannelProvider-d087efea.js.map} +1 -1
  182. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  183. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  184. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  185. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  186. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  187. package/cjs/OpenChannelSettings/context.js +3 -3
  188. package/cjs/OpenChannelSettings.js +17 -17
  189. package/cjs/{RemoveMessageModal-e9297650.js → RemoveMessageModal-9401e8f1.js} +3 -3
  190. package/cjs/{RemoveMessageModal-e9297650.js.map → RemoveMessageModal-9401e8f1.js.map} +1 -1
  191. package/cjs/SendbirdProvider.js +39 -27
  192. package/cjs/SendbirdProvider.js.map +1 -1
  193. package/cjs/Thread/components/ParentMessageInfo.js +33 -33
  194. package/cjs/Thread/components/ParentMessageInfoItem.js +21 -21
  195. package/cjs/Thread/components/ThreadHeader.js +6 -6
  196. package/cjs/Thread/components/ThreadList.js +36 -36
  197. package/cjs/Thread/components/ThreadListItem.js +36 -36
  198. package/cjs/Thread/components/ThreadMessageInput.js +30 -30
  199. package/cjs/Thread/components/ThreadUI.js +40 -40
  200. package/cjs/Thread/context.js +8 -8
  201. package/cjs/Thread.js +40 -40
  202. package/cjs/{ThreadProvider-20f500df.js → ThreadProvider-527d2019.js} +7 -7
  203. package/cjs/{ThreadProvider-20f500df.js.map → ThreadProvider-527d2019.js.map} +1 -1
  204. package/cjs/{UserProfileContext-b1d56847.js → UserProfileContext-0ddef046.js} +1 -1
  205. package/cjs/{UserProfileContext-b1d56847.js.map → UserProfileContext-0ddef046.js.map} +1 -1
  206. package/cjs/{VoiceMessageInputWrapper-916f4622.js → VoiceMessageInputWrapper-6a6b7f7c.js} +7 -7
  207. package/cjs/{VoiceMessageInputWrapper-916f4622.js.map → VoiceMessageInputWrapper-6a6b7f7c.js.map} +1 -1
  208. package/cjs/VoicePlayer/context.js +3 -3
  209. package/cjs/VoicePlayer/useVoicePlayer.js +9 -9
  210. package/cjs/VoiceRecorder/context.js +9 -9
  211. package/cjs/VoiceRecorder/useVoiceRecorder.js +8 -8
  212. package/cjs/{WebAudioUtils-e72e8ba4.js → WebAudioUtils-113fd276.js} +2 -2
  213. package/cjs/{WebAudioUtils-e72e8ba4.js.map → WebAudioUtils-113fd276.js.map} +1 -1
  214. package/cjs/{_rollupPluginBabelHelpers-f66db07d.js → _rollupPluginBabelHelpers-521d84fd.js} +1 -1
  215. package/cjs/_rollupPluginBabelHelpers-521d84fd.js.map +1 -0
  216. package/cjs/{actionTypes-2e452713.js → actionTypes-8290d466.js} +1 -1
  217. package/cjs/{actionTypes-2e452713.js.map → actionTypes-8290d466.js.map} +1 -1
  218. package/cjs/{color-a452c689.js → color-4e0374be.js} +1 -1
  219. package/cjs/{color-a452c689.js.map → color-4e0374be.js.map} +1 -1
  220. package/cjs/{compareIds-5f766ab2.js → compareIds-9c348a7e.js} +1 -1
  221. package/cjs/{compareIds-5f766ab2.js.map → compareIds-9c348a7e.js.map} +1 -1
  222. package/cjs/{const-d7c2048d.js → const-7712bc35.js} +1 -1
  223. package/cjs/{const-d7c2048d.js.map → const-7712bc35.js.map} +1 -1
  224. package/cjs/{const-667f4917.js → const-d984d897.js} +1 -1
  225. package/cjs/{const-667f4917.js.map → const-d984d897.js.map} +1 -1
  226. package/cjs/{consts-c160396a.js → consts-35e9ea42.js} +1 -1
  227. package/cjs/{consts-c160396a.js.map → consts-35e9ea42.js.map} +1 -1
  228. package/cjs/{consts-5035e334.js → consts-49b6f4ea.js} +1 -1
  229. package/cjs/{consts-5035e334.js.map → consts-49b6f4ea.js.map} +1 -1
  230. package/cjs/{consts-36d3f590.js → consts-5e3c8b65.js} +1 -1
  231. package/cjs/{consts-36d3f590.js.map → consts-5e3c8b65.js.map} +1 -1
  232. package/cjs/{consts-6a3d5cb1.js → consts-68e8c7f3.js} +1 -1
  233. package/cjs/{consts-6a3d5cb1.js.map → consts-68e8c7f3.js.map} +1 -1
  234. package/cjs/{context-c8c07460.js → context-aba44bec.js} +2 -2
  235. package/cjs/{context-c8c07460.js.map → context-aba44bec.js.map} +1 -1
  236. package/cjs/dist/index.css +94 -94
  237. package/cjs/dist/index.css.map +1 -1
  238. package/cjs/{index-a19586f1.js → index-2396f2c7.js} +3 -3
  239. package/cjs/{index-a19586f1.js.map → index-2396f2c7.js.map} +1 -1
  240. package/cjs/{index-3096ca12.js → index-2d951bb0.js} +1 -1
  241. package/cjs/{index-3096ca12.js.map → index-2d951bb0.js.map} +1 -1
  242. package/cjs/{index-40e0f4db.js → index-318086b1.js} +4 -4
  243. package/cjs/{index-40e0f4db.js.map → index-318086b1.js.map} +1 -1
  244. package/cjs/{index-1e7bb663.js → index-3fd205c9.js} +5 -5
  245. package/cjs/{index-1e7bb663.js.map → index-3fd205c9.js.map} +1 -1
  246. package/cjs/{index-02baaa37.js → index-41182ee3.js} +6 -6
  247. package/cjs/{index-02baaa37.js.map → index-41182ee3.js.map} +1 -1
  248. package/cjs/{index-db3410b7.js → index-48804b3b.js} +2 -2
  249. package/cjs/{index-db3410b7.js.map → index-48804b3b.js.map} +1 -1
  250. package/cjs/{index-e22caa17.js → index-4aff14c7.js} +4 -4
  251. package/cjs/{index-e22caa17.js.map → index-4aff14c7.js.map} +1 -1
  252. package/cjs/{index-4d803bbe.js → index-542b3e87.js} +2 -2
  253. package/cjs/{index-4d803bbe.js.map → index-542b3e87.js.map} +1 -1
  254. package/cjs/{index-ef8bbd45.js → index-7b7514f3.js} +3 -3
  255. package/cjs/{index-ef8bbd45.js.map → index-7b7514f3.js.map} +1 -1
  256. package/cjs/{index-6fdabf73.js → index-8cbd7ca5.js} +1 -1
  257. package/cjs/{index-6fdabf73.js.map → index-8cbd7ca5.js.map} +1 -1
  258. package/cjs/{index-4ad3b255.js → index-8cc454d3.js} +3 -3
  259. package/cjs/{index-4ad3b255.js.map → index-8cc454d3.js.map} +1 -1
  260. package/cjs/{index-d86091fb.js → index-bafafa51.js} +6 -6
  261. package/cjs/{index-d86091fb.js.map → index-bafafa51.js.map} +1 -1
  262. package/cjs/{index-7c0c9fcc.js → index-c3756179.js} +2 -2
  263. package/cjs/{index-7c0c9fcc.js.map → index-c3756179.js.map} +1 -1
  264. package/cjs/{index-9fcfc9ec.js → index-d76fdd8c.js} +2 -2
  265. package/cjs/{index-9fcfc9ec.js.map → index-d76fdd8c.js.map} +1 -1
  266. package/cjs/{index-60b2708f.js → index-e5d6e395.js} +4 -4
  267. package/cjs/{index-60b2708f.js.map → index-e5d6e395.js.map} +1 -1
  268. package/cjs/{index-9168135b.js → index-f5ad3937.js} +2 -2
  269. package/cjs/{index-9168135b.js.map → index-f5ad3937.js.map} +1 -1
  270. package/cjs/{index-522cb8a3.js → index-fca40968.js} +2 -2
  271. package/cjs/{index-522cb8a3.js.map → index-fca40968.js.map} +1 -1
  272. package/cjs/index.js +52 -52
  273. package/cjs/{index.module-8a2bfcaf.js → index.module-7b4396a5.js} +1 -1
  274. package/cjs/{index.module-8a2bfcaf.js.map → index.module-7b4396a5.js.map} +1 -1
  275. package/cjs/package.json +1 -1
  276. package/cjs/{resolvedReplyType-bab1cbac.js → resolvedReplyType-5e0bf8f7.js} +1 -1
  277. package/cjs/{resolvedReplyType-bab1cbac.js.map → resolvedReplyType-5e0bf8f7.js.map} +1 -1
  278. package/cjs/sendbirdSelectors.js +3 -3
  279. package/cjs/{stringSet-c9e09cc3.js → stringSet-cb1d4f36.js} +1 -1
  280. package/cjs/{stringSet-c9e09cc3.js.map → stringSet-cb1d4f36.js.map} +1 -1
  281. package/cjs/{tokenize-c399afb2.js → tokenize-8d18b255.js} +2 -2
  282. package/cjs/{tokenize-c399afb2.js.map → tokenize-8d18b255.js.map} +1 -1
  283. package/cjs/{topics-d07733ad.js → topics-c0fb0e81.js} +1 -1
  284. package/cjs/{topics-d07733ad.js.map → topics-c0fb0e81.js.map} +1 -1
  285. package/cjs/{types-ff533efa.js → types-efb11314.js} +1 -1
  286. package/cjs/types-efb11314.js.map +1 -0
  287. package/cjs/ui/Accordion.js +2 -2
  288. package/cjs/ui/AccordionGroup.js +2 -2
  289. package/cjs/ui/AdminMessage.js +2 -2
  290. package/cjs/ui/Avatar.js +1 -1
  291. package/cjs/ui/Badge.js +4 -4
  292. package/cjs/ui/BottomSheet.js +1 -1
  293. package/cjs/ui/Button.js +2 -2
  294. package/cjs/ui/ChannelAvatar.js +2 -2
  295. package/cjs/ui/ConnectionStatus.js +4 -4
  296. package/cjs/ui/ContextMenu.js +5 -5
  297. package/cjs/ui/DateSeparator.js +3 -3
  298. package/cjs/ui/EmojiReactions.js +13 -13
  299. package/cjs/ui/FileMessageItemBody.js +6 -6
  300. package/cjs/ui/FileViewer.js +8 -8
  301. package/cjs/ui/IconButton.js +1 -1
  302. package/cjs/ui/Input.js +2 -2
  303. package/cjs/ui/Label.js +2 -2
  304. package/cjs/ui/LinkLabel.js +2 -2
  305. package/cjs/ui/MentionLabel.js +10 -10
  306. package/cjs/ui/MentionUserLabel.js +1 -1
  307. package/cjs/ui/MessageContent.js +28 -28
  308. package/cjs/ui/MessageInput.js +13 -13
  309. package/cjs/ui/MessageItemMenu.js +8 -8
  310. package/cjs/ui/MessageItemReactionMenu.js +8 -8
  311. package/cjs/ui/MessageSearchFileItem.js +10 -10
  312. package/cjs/ui/MessageSearchItem.js +8 -8
  313. package/cjs/ui/MessageStatus.js +10 -10
  314. package/cjs/ui/Modal.js +7 -7
  315. package/cjs/ui/OGMessageItemBody.js +14 -14
  316. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  317. package/cjs/ui/OpenChannelAvatar.js +5 -5
  318. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  319. package/cjs/ui/OpenchannelFileMessage.js +15 -15
  320. package/cjs/ui/OpenchannelOGMessage.js +18 -18
  321. package/cjs/ui/OpenchannelThumbnailMessage.js +14 -14
  322. package/cjs/ui/OpenchannelUserMessage.js +15 -15
  323. package/cjs/ui/PlaceHolder.js +5 -5
  324. package/cjs/ui/PlaybackTime.js +2 -2
  325. package/cjs/ui/QuoteMessage.js +6 -6
  326. package/cjs/ui/QuoteMessageInput.js +6 -6
  327. package/cjs/ui/ReactionBadge.js +2 -2
  328. package/cjs/ui/ReactionButton.js +4 -4
  329. package/cjs/ui/SortByRow.js +1 -1
  330. package/cjs/ui/TextButton.js +1 -1
  331. package/cjs/ui/TextMessageItemBody.js +14 -14
  332. package/cjs/ui/ThreadReplies.js +5 -5
  333. package/cjs/ui/ThumbnailMessageItemBody.js +5 -5
  334. package/cjs/ui/Toggle.js +1 -1
  335. package/cjs/ui/Tooltip.js +2 -2
  336. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  337. package/cjs/ui/UserListItem.js +10 -10
  338. package/cjs/ui/UserProfile.js +9 -9
  339. package/cjs/ui/VoiceMessageItemBody.js +9 -9
  340. package/cjs/ui/VoiceMessgeInput.js +7 -7
  341. package/cjs/ui/Word.js +10 -10
  342. package/cjs/{useDirtyGetMentions-03972b52.js → useDirtyGetMentions-9947aee3.js} +1 -1
  343. package/cjs/{useDirtyGetMentions-03972b52.js.map → useDirtyGetMentions-9947aee3.js.map} +1 -1
  344. package/cjs/{useLongPress-e2790020.js → useLongPress-b6d74369.js} +3 -3
  345. package/cjs/{useLongPress-e2790020.js.map → useLongPress-b6d74369.js.map} +1 -1
  346. package/cjs/useSendbirdStateContext.js +1 -1
  347. package/cjs/utils/message/isVoiceMessage.js +2 -2
  348. package/cjs/{utils-572adaa6.js → utils-1e48255a.js} +2 -2
  349. package/cjs/{utils-572adaa6.js.map → utils-1e48255a.js.map} +1 -1
  350. package/cjs/{utils-e77c6dbc.js → utils-5da8a3e4.js} +1 -1
  351. package/cjs/{utils-e77c6dbc.js.map → utils-5da8a3e4.js.map} +1 -1
  352. package/cjs/{utils-299ebe30.js → utils-a03c8a10.js} +1 -1
  353. package/cjs/{utils-299ebe30.js.map → utils-a03c8a10.js.map} +1 -1
  354. package/cjs/{utils-600a013a.js → utils-cc2eedb1.js} +1 -1
  355. package/cjs/{utils-600a013a.js.map → utils-cc2eedb1.js.map} +1 -1
  356. package/cjs/{uuid-57c89aa3.js → uuid-dc467c65.js} +1 -1
  357. package/cjs/{uuid-57c89aa3.js.map → uuid-dc467c65.js.map} +1 -1
  358. package/cjs/withSendbird.js +1 -1
  359. package/{color-4e19bb80.js → color-85d0418a.js} +1 -1
  360. package/{color-4e19bb80.js.map → color-85d0418a.js.map} +1 -1
  361. package/{compareIds-d6cffb6b.js → compareIds-0a8e7d24.js} +1 -1
  362. package/{compareIds-d6cffb6b.js.map → compareIds-0a8e7d24.js.map} +1 -1
  363. package/{const-3f1a5fb8.js → const-6a8c838f.js} +1 -1
  364. package/{const-3f1a5fb8.js.map → const-6a8c838f.js.map} +1 -1
  365. package/{const-c6786399.js → const-f63da26b.js} +1 -1
  366. package/{const-c6786399.js.map → const-f63da26b.js.map} +1 -1
  367. package/{consts-45aa8134.js → consts-19f0564e.js} +1 -1
  368. package/{consts-45aa8134.js.map → consts-19f0564e.js.map} +1 -1
  369. package/{consts-2ec945b5.js → consts-84efad3b.js} +1 -1
  370. package/{consts-2ec945b5.js.map → consts-84efad3b.js.map} +1 -1
  371. package/{consts-876e7a4b.js → consts-a58357ec.js} +1 -1
  372. package/{consts-876e7a4b.js.map → consts-a58357ec.js.map} +1 -1
  373. package/{consts-72f79e08.js → consts-c0bf0a6f.js} +1 -1
  374. package/{consts-72f79e08.js.map → consts-c0bf0a6f.js.map} +1 -1
  375. package/{context-c134dfbf.js → context-d7fb9c2e.js} +2 -2
  376. package/{context-c134dfbf.js.map → context-d7fb9c2e.js.map} +1 -1
  377. package/dist/index.css +94 -94
  378. package/dist/index.css.map +1 -1
  379. package/{index-3d2ee6a8.js → index-1a4a0bf2.js} +2 -2
  380. package/{index-3d2ee6a8.js.map → index-1a4a0bf2.js.map} +1 -1
  381. package/{index-42dda0be.js → index-36b990cb.js} +2 -2
  382. package/{index-42dda0be.js.map → index-36b990cb.js.map} +1 -1
  383. package/{index-041b964a.js → index-5894b2e1.js} +6 -6
  384. package/{index-041b964a.js.map → index-5894b2e1.js.map} +1 -1
  385. package/{index-80b2a1ad.js → index-72cce56d.js} +3 -3
  386. package/{index-80b2a1ad.js.map → index-72cce56d.js.map} +1 -1
  387. package/{index-20f528de.js → index-84e5b560.js} +2 -2
  388. package/{index-20f528de.js.map → index-84e5b560.js.map} +1 -1
  389. package/{index-9dd15aad.js → index-87b0db6e.js} +4 -4
  390. package/{index-9dd15aad.js.map → index-87b0db6e.js.map} +1 -1
  391. package/{index-d3dcd4d4.js → index-adfc301f.js} +2 -2
  392. package/{index-d3dcd4d4.js.map → index-adfc301f.js.map} +1 -1
  393. package/{index-b596c800.js → index-ae11ce3a.js} +1 -1
  394. package/{index-b596c800.js.map → index-ae11ce3a.js.map} +1 -1
  395. package/{index-0d42965b.js → index-bc300362.js} +4 -4
  396. package/{index-0d42965b.js.map → index-bc300362.js.map} +1 -1
  397. package/{index-df56bbc1.js → index-bd32897c.js} +2 -2
  398. package/{index-df56bbc1.js.map → index-bd32897c.js.map} +1 -1
  399. package/{index-7313384f.js → index-be14bfa2.js} +6 -6
  400. package/{index-7313384f.js.map → index-be14bfa2.js.map} +1 -1
  401. package/{index-ecf0b823.js → index-c0ff26f4.js} +2 -2
  402. package/{index-ecf0b823.js.map → index-c0ff26f4.js.map} +1 -1
  403. package/{index-869e67e8.js → index-c8b98f98.js} +1 -1
  404. package/{index-869e67e8.js.map → index-c8b98f98.js.map} +1 -1
  405. package/{index-bc1c23e0.js → index-d8d6ab40.js} +3 -3
  406. package/{index-bc1c23e0.js.map → index-d8d6ab40.js.map} +1 -1
  407. package/{index-06f76dfb.js → index-e829421b.js} +3 -3
  408. package/{index-06f76dfb.js.map → index-e829421b.js.map} +1 -1
  409. package/{index-641e5ebe.js → index-e8e83844.js} +5 -5
  410. package/{index-641e5ebe.js.map → index-e8e83844.js.map} +1 -1
  411. package/{index-81ed90b4.js → index-ecf9390f.js} +4 -4
  412. package/{index-81ed90b4.js.map → index-ecf9390f.js.map} +1 -1
  413. package/index.d.ts +4 -2
  414. package/index.js +52 -52
  415. package/{index.module-dea47541.js → index.module-dcc97417.js} +1 -1
  416. package/{index.module-dea47541.js.map → index.module-dcc97417.js.map} +1 -1
  417. package/package.json +1 -1
  418. package/{resolvedReplyType-11088903.js → resolvedReplyType-664ef396.js} +1 -1
  419. package/{resolvedReplyType-11088903.js.map → resolvedReplyType-664ef396.js.map} +1 -1
  420. package/sendbirdSelectors.js +3 -3
  421. package/{stringSet-63246007.js → stringSet-a71db233.js} +1 -1
  422. package/{stringSet-63246007.js.map → stringSet-a71db233.js.map} +1 -1
  423. package/{tokenize-ca9f78c1.js → tokenize-a4790f7a.js} +2 -2
  424. package/{tokenize-ca9f78c1.js.map → tokenize-a4790f7a.js.map} +1 -1
  425. package/{topics-86131d90.js → topics-fe288aec.js} +1 -1
  426. package/{topics-86131d90.js.map → topics-fe288aec.js.map} +1 -1
  427. package/{types-577ceca6.js → types-ce97be21.js} +1 -1
  428. package/types-ce97be21.js.map +1 -0
  429. package/ui/Accordion.js +2 -2
  430. package/ui/AccordionGroup.js +2 -2
  431. package/ui/AdminMessage.js +2 -2
  432. package/ui/Avatar.js +1 -1
  433. package/ui/Badge.js +4 -4
  434. package/ui/BottomSheet.js +1 -1
  435. package/ui/Button.js +2 -2
  436. package/ui/ChannelAvatar.js +2 -2
  437. package/ui/ConnectionStatus.js +4 -4
  438. package/ui/ContextMenu.js +5 -5
  439. package/ui/DateSeparator.js +3 -3
  440. package/ui/EmojiReactions.js +13 -13
  441. package/ui/FileMessageItemBody.js +6 -6
  442. package/ui/FileViewer.js +8 -8
  443. package/ui/IconButton.js +1 -1
  444. package/ui/Input.js +2 -2
  445. package/ui/Label.js +2 -2
  446. package/ui/LinkLabel.js +2 -2
  447. package/ui/MentionLabel.js +10 -10
  448. package/ui/MentionUserLabel.js +1 -1
  449. package/ui/MessageContent.js +28 -28
  450. package/ui/MessageInput.js +13 -13
  451. package/ui/MessageItemMenu.js +8 -8
  452. package/ui/MessageItemReactionMenu.js +8 -8
  453. package/ui/MessageSearchFileItem.js +10 -10
  454. package/ui/MessageSearchItem.js +8 -8
  455. package/ui/MessageStatus.js +10 -10
  456. package/ui/Modal.js +7 -7
  457. package/ui/OGMessageItemBody.js +14 -14
  458. package/ui/OpenChannelAdminMessage.js +2 -2
  459. package/ui/OpenChannelAvatar.js +5 -5
  460. package/ui/OpenchannelConversationHeader.js +6 -6
  461. package/ui/OpenchannelFileMessage.js +15 -15
  462. package/ui/OpenchannelOGMessage.js +18 -18
  463. package/ui/OpenchannelThumbnailMessage.js +14 -14
  464. package/ui/OpenchannelUserMessage.js +15 -15
  465. package/ui/PlaceHolder.js +5 -5
  466. package/ui/PlaybackTime.js +2 -2
  467. package/ui/QuoteMessage.js +6 -6
  468. package/ui/QuoteMessageInput.js +6 -6
  469. package/ui/ReactionBadge.js +2 -2
  470. package/ui/ReactionButton.js +4 -4
  471. package/ui/SortByRow.js +1 -1
  472. package/ui/TextButton.js +1 -1
  473. package/ui/TextMessageItemBody.js +14 -14
  474. package/ui/ThreadReplies.js +5 -5
  475. package/ui/ThumbnailMessageItemBody.js +5 -5
  476. package/ui/Toggle.js +1 -1
  477. package/ui/Tooltip.js +2 -2
  478. package/ui/UnknownMessageItemBody.js +6 -6
  479. package/ui/UserListItem.js +10 -10
  480. package/ui/UserProfile.js +9 -9
  481. package/ui/VoiceMessageItemBody.js +9 -9
  482. package/ui/VoiceMessgeInput.js +7 -7
  483. package/ui/Word.js +10 -10
  484. package/{useDirtyGetMentions-8b0a8d75.js → useDirtyGetMentions-cce415ba.js} +1 -1
  485. package/{useDirtyGetMentions-8b0a8d75.js.map → useDirtyGetMentions-cce415ba.js.map} +1 -1
  486. package/{useLongPress-2fd9d19f.js → useLongPress-14f5afd8.js} +3 -3
  487. package/{useLongPress-2fd9d19f.js.map → useLongPress-14f5afd8.js.map} +1 -1
  488. package/useSendbirdStateContext.js +1 -1
  489. package/utils/message/isVoiceMessage.js +2 -2
  490. package/{utils-b0301443.js → utils-dc570c9a.js} +1 -1
  491. package/{utils-b0301443.js.map → utils-dc570c9a.js.map} +1 -1
  492. package/{utils-44145e32.js → utils-dd1fa925.js} +2 -2
  493. package/{utils-44145e32.js.map → utils-dd1fa925.js.map} +1 -1
  494. package/{utils-4f7f28ff.js → utils-edc18108.js} +1 -1
  495. package/{utils-4f7f28ff.js.map → utils-edc18108.js.map} +1 -1
  496. package/{utils-7e5f9c51.js → utils-f6f91864.js} +1 -1
  497. package/{utils-7e5f9c51.js.map → utils-f6f91864.js.map} +1 -1
  498. package/{uuid-d94880c0.js → uuid-6057c1fc.js} +1 -1
  499. package/{uuid-d94880c0.js.map → uuid-6057c1fc.js.map} +1 -1
  500. package/withSendbird.js +1 -1
  501. package/_rollupPluginBabelHelpers-71645d31.js.map +0 -1
  502. package/cjs/_rollupPluginBabelHelpers-f66db07d.js.map +0 -1
  503. package/cjs/types-ff533efa.js.map +0 -1
  504. package/types-577ceca6.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index-0d42965b.js","sources":["../src/ui/VoiceMessageInput/types.ts","../src/ui/VoiceMessageInput/controlerIcons.tsx","../src/ui/VoiceMessageInput/index.tsx"],"sourcesContent":["/* eslint-disable no-redeclare */\nexport const VoiceMessageInputStatus = {\n READY_TO_RECORD: 'READY_TO_RECORD',\n RECORDING: 'RECORDING',\n READY_TO_PLAY: 'READY_TO_PLAY',\n PLAYING: 'PLAYING',\n} as const;\nexport type VoiceMessageInputStatus = typeof VoiceMessageInputStatus[keyof typeof VoiceMessageInputStatus];\n","import React from 'react';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport { VoiceMessageInputStatus } from './types';\n\nexport interface ControlerIconProps {\n inputState?: VoiceMessageInputStatus;\n}\n\nexport const ControlerIcon = ({\n inputState,\n}: ControlerIconProps): React.ReactElement => {\n switch (inputState) {\n case VoiceMessageInputStatus.READY_TO_RECORD: {\n return (\n <div className=\"sendbird-controler-icon record-icon\" />\n );\n }\n case VoiceMessageInputStatus.RECORDING: {\n return (\n <div className=\"sendbird-controler-icon stop-icon\" />\n );\n }\n case VoiceMessageInputStatus.READY_TO_PLAY: {\n return (\n <Icon\n className=\"sendbird-controler-icon play-icon\"\n width=\"20px\"\n height=\"20px\"\n type={IconTypes.PLAY}\n fillColor={IconColors.ON_BACKGROUND_1}\n />\n );\n }\n case VoiceMessageInputStatus.PLAYING: {\n return (\n <div className=\"sendbird-controler-icon pause-icon\">\n <div className=\"sendbird-controler-icon pause-icon-inner\"/>\n <div className=\"sendbird-controler-icon pause-icon-inner\"/>\n </div>\n );\n }\n default:\n return null;\n }\n};\n\nexport default ControlerIcon;\n","import React, { useCallback, useMemo, useState } from 'react';\nimport './index.scss';\n\nimport PlaybackTime from '../PlaybackTime';\nimport ProgressBar from '../ProgressBar';\nimport TextButton from '../TextButton';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport ControlerIcon from './controlerIcons';\nimport { VOICE_RECORDER_CLICK_BUFFER_TIME, VOICE_RECORDER_DEFAULT_MIN } from '../../utils/consts';\nimport { VoiceMessageInputStatus } from './types';\n\nexport interface VoiceMessageInputProps {\n minRecordTime?: number;\n maximumValue: number;\n currentValue?: number;\n currentType: VoiceMessageInputStatus;\n onCancelClick?: () => void;\n onControlClick?: (type: VoiceMessageInputStatus) => void;\n onSubmitClick?: () => void;\n renderCancelButton?: () => React.ReactElement;\n renderControlButton?: (type: VoiceMessageInputStatus) => React.ReactElement;\n renderSubmitButton?: () => React.ReactElement;\n}\n\nexport const VoiceMessageInput = ({\n minRecordTime = VOICE_RECORDER_DEFAULT_MIN,\n maximumValue,\n currentValue = 0,\n currentType,\n onCancelClick,\n onControlClick,\n onSubmitClick,\n renderCancelButton,\n renderControlButton,\n renderSubmitButton,\n}: VoiceMessageInputProps): React.ReactElement => {\n const [lastClickTime, setLastClickTime] = useState<number>(0);\n const isReadyToRecord = useMemo(() => currentType === VoiceMessageInputStatus.READY_TO_RECORD, [currentType]);\n const isRecording = useMemo(() => currentType === VoiceMessageInputStatus.RECORDING, [currentType]);\n const isSendButtonDisabled = useMemo(() => {\n if (currentType === VoiceMessageInputStatus.READY_TO_RECORD\n || currentType === VoiceMessageInputStatus.RECORDING\n ) {\n return minRecordTime > currentValue;\n }\n return false;\n }, [currentType, minRecordTime, currentValue]);\n const isPlayMode = useMemo(() => {\n return (\n currentType === VoiceMessageInputStatus.READY_TO_PLAY\n || currentType === VoiceMessageInputStatus.PLAYING\n );\n }, [currentType]);\n const { stringSet } = useLocalization();\n\n const handleOnCancelClick = () => {\n const currentTime = Date.now();\n if (currentTime - lastClickTime > VOICE_RECORDER_CLICK_BUFFER_TIME) {\n onCancelClick();\n setLastClickTime(currentTime);\n }\n };\n const handleOnControlClick = useCallback(() => {\n const currentTime = Date.now();\n if (currentTime - lastClickTime > VOICE_RECORDER_CLICK_BUFFER_TIME) {\n onControlClick(currentType);\n setLastClickTime(currentTime);\n }\n }, [currentType]);\n const handleOnSubmitClick = () => {\n const currentTime = Date.now();\n if (currentTime - lastClickTime > VOICE_RECORDER_CLICK_BUFFER_TIME) {\n if (!isSendButtonDisabled) {\n onSubmitClick();\n }\n setLastClickTime(currentTime);\n }\n };\n\n return (\n <div className=\"sendbird-voice-message-input\">\n <div className=\"sendbird-voice-message-input__indicator\">\n <div className=\"sendbird-voice-message-input__indicator__progress-bar\">\n <ProgressBar\n className=\"sendbird-voice-message-input__indicator__progress-bar__bar\"\n disabled={isReadyToRecord}\n maxSize={maximumValue}\n currentSize={currentValue}\n />\n </div>\n {(isRecording) ? (<div className=\"sendbird-voice-message-input__indicator__on-rec\" />) : null}\n <PlaybackTime\n className=\"sendbird-voice-message-input__indicator__playback-time\"\n time={isPlayMode ? maximumValue - currentValue : currentValue}\n labelColor={isReadyToRecord ? LabelColors.ONBACKGROUND_4 : LabelColors.ONCONTENT_1}\n />\n </div>\n <div className=\"sendbird-voice-message-input__controler\">\n {\n renderCancelButton?.() || (\n <TextButton\n className=\"sendbird-voice-message-input__controler__cancel\"\n onClick={handleOnCancelClick}\n disableUnderline\n >\n <Label\n type={LabelTypography.BUTTON_1}\n color={LabelColors.PRIMARY}\n >\n {stringSet.BUTTON__CANCEL}\n </Label>\n </TextButton>\n )\n }\n {\n renderControlButton?.(currentType) || (\n <div\n className=\"sendbird-voice-message-input__controler__main\"\n onClick={handleOnControlClick}\n >\n <ControlerIcon inputState={currentType} />\n </div>\n )\n }\n {\n renderSubmitButton?.() || (\n <div\n className={`sendbird-voice-message-input__controler__submit ${isSendButtonDisabled ? 'voice-message--disabled' : ''}`}\n onClick={handleOnSubmitClick}\n >\n <Icon\n width=\"19px\"\n height=\"19px\"\n type={IconTypes.SEND}\n fillColor={isSendButtonDisabled ? IconColors.ON_BACKGROUND_4 : IconColors.CONTENT}\n />\n </div>\n )\n }\n </div>\n </div>\n );\n};\n"],"names":["VoiceMessageInputStatus","READY_TO_RECORD","RECORDING","READY_TO_PLAY","PLAYING","ControlerIcon","_ref","inputState","React","createElement","className","Icon","width","height","type","IconTypes","PLAY","fillColor","IconColors","ON_BACKGROUND_1","VoiceMessageInput","minRecordTime","VOICE_RECORDER_DEFAULT_MIN","maximumValue","currentValue","currentType","onCancelClick","onControlClick","onSubmitClick","renderCancelButton","renderControlButton","renderSubmitButton","lastClickTime","setLastClickTime","useState","isReadyToRecord","useMemo","isRecording","isSendButtonDisabled","isPlayMode","stringSet","useLocalization","handleOnCancelClick","currentTime","Date","now","VOICE_RECORDER_CLICK_BUFFER_TIME","handleOnControlClick","useCallback","handleOnSubmitClick","ProgressBar","disabled","maxSize","currentSize","PlaybackTime","time","labelColor","LabelColors","ONBACKGROUND_4","ONCONTENT_1","TextButton","onClick","disableUnderline","Label","LabelTypography","BUTTON_1","color","PRIMARY","BUTTON__CANCEL","SEND","ON_BACKGROUND_4","CONTENT"],"mappings":"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"}
1
+ {"version":3,"file":"index-bc300362.js","sources":["../src/ui/VoiceMessageInput/types.ts","../src/ui/VoiceMessageInput/controlerIcons.tsx","../src/ui/VoiceMessageInput/index.tsx"],"sourcesContent":["/* eslint-disable no-redeclare */\nexport const VoiceMessageInputStatus = {\n READY_TO_RECORD: 'READY_TO_RECORD',\n RECORDING: 'RECORDING',\n READY_TO_PLAY: 'READY_TO_PLAY',\n PLAYING: 'PLAYING',\n} as const;\nexport type VoiceMessageInputStatus = typeof VoiceMessageInputStatus[keyof typeof VoiceMessageInputStatus];\n","import React from 'react';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport { VoiceMessageInputStatus } from './types';\n\nexport interface ControlerIconProps {\n inputState?: VoiceMessageInputStatus;\n}\n\nexport const ControlerIcon = ({\n inputState,\n}: ControlerIconProps): React.ReactElement => {\n switch (inputState) {\n case VoiceMessageInputStatus.READY_TO_RECORD: {\n return (\n <div className=\"sendbird-controler-icon record-icon\" />\n );\n }\n case VoiceMessageInputStatus.RECORDING: {\n return (\n <div className=\"sendbird-controler-icon stop-icon\" />\n );\n }\n case VoiceMessageInputStatus.READY_TO_PLAY: {\n return (\n <Icon\n className=\"sendbird-controler-icon play-icon\"\n width=\"20px\"\n height=\"20px\"\n type={IconTypes.PLAY}\n fillColor={IconColors.ON_BACKGROUND_1}\n />\n );\n }\n case VoiceMessageInputStatus.PLAYING: {\n return (\n <div className=\"sendbird-controler-icon pause-icon\">\n <div className=\"sendbird-controler-icon pause-icon-inner\"/>\n <div className=\"sendbird-controler-icon pause-icon-inner\"/>\n </div>\n );\n }\n default:\n return null;\n }\n};\n\nexport default ControlerIcon;\n","import React, { useCallback, useMemo, useState } from 'react';\nimport './index.scss';\n\nimport PlaybackTime from '../PlaybackTime';\nimport ProgressBar from '../ProgressBar';\nimport TextButton from '../TextButton';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport ControlerIcon from './controlerIcons';\nimport { VOICE_RECORDER_CLICK_BUFFER_TIME, VOICE_RECORDER_DEFAULT_MIN } from '../../utils/consts';\nimport { VoiceMessageInputStatus } from './types';\n\nexport interface VoiceMessageInputProps {\n minRecordTime?: number;\n maximumValue: number;\n currentValue?: number;\n currentType: VoiceMessageInputStatus;\n onCancelClick?: () => void;\n onControlClick?: (type: VoiceMessageInputStatus) => void;\n onSubmitClick?: () => void;\n renderCancelButton?: () => React.ReactElement;\n renderControlButton?: (type: VoiceMessageInputStatus) => React.ReactElement;\n renderSubmitButton?: () => React.ReactElement;\n}\n\nexport const VoiceMessageInput = ({\n minRecordTime = VOICE_RECORDER_DEFAULT_MIN,\n maximumValue,\n currentValue = 0,\n currentType,\n onCancelClick,\n onControlClick,\n onSubmitClick,\n renderCancelButton,\n renderControlButton,\n renderSubmitButton,\n}: VoiceMessageInputProps): React.ReactElement => {\n const [lastClickTime, setLastClickTime] = useState<number>(0);\n const isReadyToRecord = useMemo(() => currentType === VoiceMessageInputStatus.READY_TO_RECORD, [currentType]);\n const isRecording = useMemo(() => currentType === VoiceMessageInputStatus.RECORDING, [currentType]);\n const isSendButtonDisabled = useMemo(() => {\n if (currentType === VoiceMessageInputStatus.READY_TO_RECORD\n || currentType === VoiceMessageInputStatus.RECORDING\n ) {\n return minRecordTime > currentValue;\n }\n return false;\n }, [currentType, minRecordTime, currentValue]);\n const isPlayMode = useMemo(() => {\n return (\n currentType === VoiceMessageInputStatus.READY_TO_PLAY\n || currentType === VoiceMessageInputStatus.PLAYING\n );\n }, [currentType]);\n const { stringSet } = useLocalization();\n\n const handleOnCancelClick = () => {\n const currentTime = Date.now();\n if (currentTime - lastClickTime > VOICE_RECORDER_CLICK_BUFFER_TIME) {\n onCancelClick();\n setLastClickTime(currentTime);\n }\n };\n const handleOnControlClick = useCallback(() => {\n const currentTime = Date.now();\n if (currentTime - lastClickTime > VOICE_RECORDER_CLICK_BUFFER_TIME) {\n onControlClick(currentType);\n setLastClickTime(currentTime);\n }\n }, [currentType]);\n const handleOnSubmitClick = () => {\n const currentTime = Date.now();\n if (currentTime - lastClickTime > VOICE_RECORDER_CLICK_BUFFER_TIME) {\n if (!isSendButtonDisabled) {\n onSubmitClick();\n }\n setLastClickTime(currentTime);\n }\n };\n\n return (\n <div className=\"sendbird-voice-message-input\">\n <div className=\"sendbird-voice-message-input__indicator\">\n <div className=\"sendbird-voice-message-input__indicator__progress-bar\">\n <ProgressBar\n className=\"sendbird-voice-message-input__indicator__progress-bar__bar\"\n disabled={isReadyToRecord}\n maxSize={maximumValue}\n currentSize={currentValue}\n />\n </div>\n {(isRecording) ? (<div className=\"sendbird-voice-message-input__indicator__on-rec\" />) : null}\n <PlaybackTime\n className=\"sendbird-voice-message-input__indicator__playback-time\"\n time={isPlayMode ? maximumValue - currentValue : currentValue}\n labelColor={isReadyToRecord ? LabelColors.ONBACKGROUND_4 : LabelColors.ONCONTENT_1}\n />\n </div>\n <div className=\"sendbird-voice-message-input__controler\">\n {\n renderCancelButton?.() || (\n <TextButton\n className=\"sendbird-voice-message-input__controler__cancel\"\n onClick={handleOnCancelClick}\n disableUnderline\n >\n <Label\n type={LabelTypography.BUTTON_1}\n color={LabelColors.PRIMARY}\n >\n {stringSet.BUTTON__CANCEL}\n </Label>\n </TextButton>\n )\n }\n {\n renderControlButton?.(currentType) || (\n <div\n className=\"sendbird-voice-message-input__controler__main\"\n onClick={handleOnControlClick}\n >\n <ControlerIcon inputState={currentType} />\n </div>\n )\n }\n {\n renderSubmitButton?.() || (\n <div\n className={`sendbird-voice-message-input__controler__submit ${isSendButtonDisabled ? 'voice-message--disabled' : ''}`}\n onClick={handleOnSubmitClick}\n >\n <Icon\n width=\"19px\"\n height=\"19px\"\n type={IconTypes.SEND}\n fillColor={isSendButtonDisabled ? IconColors.ON_BACKGROUND_4 : IconColors.CONTENT}\n />\n </div>\n )\n }\n </div>\n </div>\n );\n};\n"],"names":["VoiceMessageInputStatus","READY_TO_RECORD","RECORDING","READY_TO_PLAY","PLAYING","ControlerIcon","_ref","inputState","React","createElement","className","Icon","width","height","type","IconTypes","PLAY","fillColor","IconColors","ON_BACKGROUND_1","VoiceMessageInput","minRecordTime","VOICE_RECORDER_DEFAULT_MIN","maximumValue","currentValue","currentType","onCancelClick","onControlClick","onSubmitClick","renderCancelButton","renderControlButton","renderSubmitButton","lastClickTime","setLastClickTime","useState","isReadyToRecord","useMemo","isRecording","isSendButtonDisabled","isPlayMode","stringSet","useLocalization","handleOnCancelClick","currentTime","Date","now","VOICE_RECORDER_CLICK_BUFFER_TIME","handleOnControlClick","useCallback","handleOnSubmitClick","ProgressBar","disabled","maxSize","currentSize","PlaybackTime","time","labelColor","LabelColors","ONBACKGROUND_4","ONCONTENT_1","TextButton","onClick","disableUnderline","Label","LabelTypography","BUTTON_1","color","PRIMARY","BUTTON__CANCEL","SEND","ON_BACKGROUND_4","CONTENT"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { useRef, useEffect, useCallback } from 'react';
2
- import { S as SCROLL_BUFFER } from './consts-2ec945b5.js';
2
+ import { S as SCROLL_BUFFER } from './consts-84efad3b.js';
3
3
 
4
4
  function useDebounce(callback, delay) {
5
5
  const timeoutRef = useRef(null);
@@ -73,4 +73,4 @@ function useHandleOnScrollCallback(_ref) {
73
73
  }
74
74
 
75
75
  export { useHandleOnScrollCallback as a, useDebounce as u };
76
- //# sourceMappingURL=index-df56bbc1.js.map
76
+ //# sourceMappingURL=index-bd32897c.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-df56bbc1.js","sources":["../src/hooks/useDebounce.ts","../src/hooks/useHandleOnScrollCallback/index.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport function useDebounce<T extends(...args: any[]) => void>(callback: T, delay: number): T {\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n useEffect(() => {\n // Cleanup the timeout on unmount\n return () => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n };\n }, []);\n\n function debounceFunction(...args: Parameters<T>) {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n timeoutRef.current = setTimeout(() => {\n callback(...args);\n }, delay);\n }\n\n return debounceFunction as T;\n}\n","import React, { useCallback } from 'react';\nimport { SCROLL_BUFFER } from '../../utils/consts';\nimport { useDebounce } from '../useDebounce';\n\nconst DELAY = 500;\n\nexport interface UseHandleOnScrollCallbackProps {\n hasMore: boolean;\n hasNext?: boolean;\n onScroll(callback: () => void): void;\n scrollRef: React.RefObject<HTMLDivElement>;\n setShowScrollDownButton?: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nexport function calcScrollBottom(scrollHeight: number, scrollTop: number): number {\n return scrollHeight - scrollTop;\n}\n\nexport function useHandleOnScrollCallback({\n hasMore,\n hasNext,\n onScroll,\n scrollRef,\n setShowScrollDownButton,\n}: UseHandleOnScrollCallbackProps): () => void {\n const scrollCb = useCallback(() => {\n const element = scrollRef?.current;\n if (element == null) {\n return;\n }\n\n const {\n scrollTop,\n scrollHeight,\n clientHeight,\n } = element;\n // https://sendbird.atlassian.net/browse/SBISSUE-11759\n // the edge case where channel is inside a page that already has scroll\n // scrollintoView will move the whole page, which we dont want\n const scrollBottom = calcScrollBottom(scrollHeight, scrollTop);\n // even if there is more to fetch or not,\n // we still have to show the scroll to bottom button\n if (typeof setShowScrollDownButton === 'function') {\n setShowScrollDownButton(scrollHeight > scrollTop + clientHeight + 1);\n }\n if (hasMore && scrollTop < SCROLL_BUFFER) {\n onScroll(() => {\n // sets the scroll position to the bottom of the new messages\n element.scrollTop = element.scrollHeight - scrollBottom;\n });\n }\n if (hasNext) {\n onScroll(() => {\n // sets the scroll position to the top of the new messages\n element.scrollTop = scrollTop - (scrollHeight - element.scrollHeight);\n });\n }\n }, [\n setShowScrollDownButton,\n hasMore,\n onScroll,\n scrollRef,\n ]);\n\n return useDebounce(scrollCb, DELAY);\n}\n"],"names":["useDebounce","callback","delay","timeoutRef","useRef","useEffect","current","clearTimeout","debounceFunction","_len","arguments","length","args","Array","_key","setTimeout","DELAY","calcScrollBottom","scrollHeight","scrollTop","useHandleOnScrollCallback","_ref","hasMore","hasNext","onScroll","scrollRef","setShowScrollDownButton","scrollCb","useCallback","element","clientHeight","scrollBottom","SCROLL_BUFFER"],"mappings":"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"}
1
+ {"version":3,"file":"index-bd32897c.js","sources":["../src/hooks/useDebounce.ts","../src/hooks/useHandleOnScrollCallback/index.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport function useDebounce<T extends(...args: any[]) => void>(callback: T, delay: number): T {\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n useEffect(() => {\n // Cleanup the timeout on unmount\n return () => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n };\n }, []);\n\n function debounceFunction(...args: Parameters<T>) {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n timeoutRef.current = setTimeout(() => {\n callback(...args);\n }, delay);\n }\n\n return debounceFunction as T;\n}\n","import React, { useCallback } from 'react';\nimport { SCROLL_BUFFER } from '../../utils/consts';\nimport { useDebounce } from '../useDebounce';\n\nconst DELAY = 500;\n\nexport interface UseHandleOnScrollCallbackProps {\n hasMore: boolean;\n hasNext?: boolean;\n onScroll(callback: () => void): void;\n scrollRef: React.RefObject<HTMLDivElement>;\n setShowScrollDownButton?: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nexport function calcScrollBottom(scrollHeight: number, scrollTop: number): number {\n return scrollHeight - scrollTop;\n}\n\nexport function useHandleOnScrollCallback({\n hasMore,\n hasNext,\n onScroll,\n scrollRef,\n setShowScrollDownButton,\n}: UseHandleOnScrollCallbackProps): () => void {\n const scrollCb = useCallback(() => {\n const element = scrollRef?.current;\n if (element == null) {\n return;\n }\n\n const {\n scrollTop,\n scrollHeight,\n clientHeight,\n } = element;\n // https://sendbird.atlassian.net/browse/SBISSUE-11759\n // the edge case where channel is inside a page that already has scroll\n // scrollintoView will move the whole page, which we dont want\n const scrollBottom = calcScrollBottom(scrollHeight, scrollTop);\n // even if there is more to fetch or not,\n // we still have to show the scroll to bottom button\n if (typeof setShowScrollDownButton === 'function') {\n setShowScrollDownButton(scrollHeight > scrollTop + clientHeight + 1);\n }\n if (hasMore && scrollTop < SCROLL_BUFFER) {\n onScroll(() => {\n // sets the scroll position to the bottom of the new messages\n element.scrollTop = element.scrollHeight - scrollBottom;\n });\n }\n if (hasNext) {\n onScroll(() => {\n // sets the scroll position to the top of the new messages\n element.scrollTop = scrollTop - (scrollHeight - element.scrollHeight);\n });\n }\n }, [\n setShowScrollDownButton,\n hasMore,\n onScroll,\n scrollRef,\n ]);\n\n return useDebounce(scrollCb, DELAY);\n}\n"],"names":["useDebounce","callback","delay","timeoutRef","useRef","useEffect","current","clearTimeout","debounceFunction","_len","arguments","length","args","Array","_key","setTimeout","DELAY","calcScrollBottom","scrollHeight","scrollTop","useHandleOnScrollCallback","_ref","hasMore","hasNext","onScroll","scrollRef","setShowScrollDownButton","scrollCb","useCallback","element","clientHeight","scrollBottom","SCROLL_BUFFER"],"mappings":"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"}
@@ -1,12 +1,12 @@
1
1
  import React__default from 'react';
2
- import { f as format } from './index-ecf0b823.js';
2
+ import { f as format } from './index-c0ff26f4.js';
3
3
  import Icon, { IconTypes, IconColors } from './ui/Icon.js';
4
- import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './index-20f528de.js';
4
+ import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './index-84e5b560.js';
5
5
  import Loader from './ui/Loader.js';
6
- import { t as truncateString, e as isSentStatus } from './index-42dda0be.js';
6
+ import { t as truncateString, e as isSentStatus } from './index-36b990cb.js';
7
7
  import { getOutgoingMessageState, OutgoingMessageStates } from './utils/message/getOutgoingMessageState.js';
8
- import { i as isToday, a as isYesterday, b as isThisYear } from './index-06f76dfb.js';
9
- import { u as useLocalization } from './LocalizationContext-53fdaf30.js';
8
+ import { i as isToday, a as isYesterday, b as isThisYear } from './index-e829421b.js';
9
+ import { u as useLocalization } from './LocalizationContext-3d89077d.js';
10
10
 
11
11
  /* eslint-disable default-param-last */
12
12
  const getChannelTitle = function () {
@@ -134,4 +134,4 @@ function MessageStatus(_ref) {
134
134
  }
135
135
 
136
136
  export { MessageStatus as M, getTotalMembers as a, getLastMessageCreatedAt as b, getLastMessage as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
137
- //# sourceMappingURL=index-7313384f.js.map
137
+ //# sourceMappingURL=index-be14bfa2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-7313384f.js","sources":["../src/modules/ChannelList/components/ChannelPreview/utils.js","../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\n\nimport { truncateString } from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\n/* eslint-disable default-param-last */\nexport const getChannelTitle = (channel = {}, currentUserId, stringSet = LabelStringSet) => {\n if (!channel?.name && !channel?.members) {\n return stringSet.NO_TITLE;\n }\n if (channel?.name && channel.name !== 'Group Channel') {\n return channel.name;\n }\n if (channel?.members?.length === 1) {\n return stringSet.NO_MEMBERS;\n }\n return (channel?.members || [])\n .filter(({ userId }) => userId !== currentUserId)\n .map(({ nickname }) => (nickname || stringSet.NO_NAME))\n .join(', ');\n};\n\nexport const getLastMessageCreatedAt = ({\n channel,\n locale,\n stringSet,\n}) => {\n const createdAt = channel?.lastMessage?.createdAt;\n const optionalParam = locale ? { locale } : null;\n if (!createdAt) {\n return '';\n }\n if (isToday(createdAt)) {\n return format(createdAt, 'p', optionalParam);\n }\n if (isYesterday(createdAt)) {\n return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n }\n if (isThisYear(createdAt)) {\n return format(createdAt, 'MMM d', optionalParam);\n }\n return format(createdAt, 'yyyy/M/d', optionalParam);\n};\n\nexport const getTotalMembers = (channel) => (\n channel?.memberCount\n ? channel.memberCount\n : 0\n);\n\nconst getPrettyLastMessage = (message = {}) => {\n const MAXLEN = 30;\n const { messageType, name } = message;\n if (messageType === 'file') {\n return truncateString(name, MAXLEN);\n }\n return message.message;\n};\n\nexport const getLastMessage = (channel) => (channel?.lastMessage ? getPrettyLastMessage(channel?.lastMessage) : '');\n\nexport const getChannelUnreadMessageCount = (channel) => (\n channel?.unreadMessageCount\n ? channel.unreadMessageCount\n : 0\n);\n","import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport { isSentStatus } from '../../utils';\nimport {\n getOutgoingMessageState,\n OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { getLastMessageCreatedAt } from '../../modules/ChannelList/components/ChannelPreview/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { Nullable } from '../../types';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n className?: string;\n message: UserMessage | FileMessage;\n channel: Nullable<GroupChannel>;\n isDateSeparatorConsidered?: boolean;\n}\n\nexport default function MessageStatus({\n className,\n message,\n channel,\n isDateSeparatorConsidered = true,\n}: MessageStatusProps): React.ReactElement {\n const { stringSet, dateLocale } = useLocalization();\n const status = getOutgoingMessageState(channel, message);\n const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n (channel.isSuper || channel.isPublic || channel.isBroadcast)\n && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n );\n const iconType = {\n [OutgoingMessageStates.SENT]: IconTypes.DONE,\n [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n };\n const iconColor = {\n [OutgoingMessageStates.SENT]: IconColors.SENT,\n [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n [OutgoingMessageStates.READ]: IconColors.READ,\n [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n };\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-message-status',\n ].join(' ')}\n >\n {(status === OutgoingMessageStates.PENDING) ? (\n <Loader\n className=\"sendbird-message-status__icon\"\n width=\"16px\"\n height=\"16px\"\n >\n <Icon\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width=\"16px\"\n height=\"16px\"\n />\n </Loader>\n ) : (\n <Icon\n className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n }`}\n type={iconType[status] || IconTypes.ERROR}\n fillColor={iconColor[status]}\n width=\"16px\"\n height=\"16px\"\n />\n )}\n {isSentStatus(status) && (\n <Label\n className=\"sendbird-message-status__text\"\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_2}\n >\n {\n isDateSeparatorConsidered\n ? format(message?.createdAt || 0, 'p', { locale: dateLocale })\n : getLastMessageCreatedAt({ channel, locale: dateLocale, stringSet })\n }\n </Label>\n )}\n </div>\n );\n}\n"],"names":["getChannelTitle","_channel$members","channel","arguments","length","undefined","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","NO_MEMBERS","filter","_ref","userId","map","_ref2","nickname","NO_NAME","join","getLastMessageCreatedAt","_ref3","_channel$lastMessage","locale","createdAt","lastMessage","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getTotalMembers","memberCount","getPrettyLastMessage","message","MAXLEN","messageType","truncateString","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","MessageStatusTypes","OutgoingMessageStates","MessageStatus","_channel$isGroupChann","className","isDateSeparatorConsidered","dateLocale","useLocalization","status","getOutgoingMessageState","hideMessageStatusIcon","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","IconColors","React","createElement","Array","isArray","Loader","width","height","Icon","type","SPINNER","fillColor","PRIMARY","isSentStatus","Label","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_2"],"mappings":"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"}
1
+ {"version":3,"file":"index-be14bfa2.js","sources":["../src/modules/ChannelList/components/ChannelPreview/utils.js","../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\n\nimport { truncateString } from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\n/* eslint-disable default-param-last */\nexport const getChannelTitle = (channel = {}, currentUserId, stringSet = LabelStringSet) => {\n if (!channel?.name && !channel?.members) {\n return stringSet.NO_TITLE;\n }\n if (channel?.name && channel.name !== 'Group Channel') {\n return channel.name;\n }\n if (channel?.members?.length === 1) {\n return stringSet.NO_MEMBERS;\n }\n return (channel?.members || [])\n .filter(({ userId }) => userId !== currentUserId)\n .map(({ nickname }) => (nickname || stringSet.NO_NAME))\n .join(', ');\n};\n\nexport const getLastMessageCreatedAt = ({\n channel,\n locale,\n stringSet,\n}) => {\n const createdAt = channel?.lastMessage?.createdAt;\n const optionalParam = locale ? { locale } : null;\n if (!createdAt) {\n return '';\n }\n if (isToday(createdAt)) {\n return format(createdAt, 'p', optionalParam);\n }\n if (isYesterday(createdAt)) {\n return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n }\n if (isThisYear(createdAt)) {\n return format(createdAt, 'MMM d', optionalParam);\n }\n return format(createdAt, 'yyyy/M/d', optionalParam);\n};\n\nexport const getTotalMembers = (channel) => (\n channel?.memberCount\n ? channel.memberCount\n : 0\n);\n\nconst getPrettyLastMessage = (message = {}) => {\n const MAXLEN = 30;\n const { messageType, name } = message;\n if (messageType === 'file') {\n return truncateString(name, MAXLEN);\n }\n return message.message;\n};\n\nexport const getLastMessage = (channel) => (channel?.lastMessage ? getPrettyLastMessage(channel?.lastMessage) : '');\n\nexport const getChannelUnreadMessageCount = (channel) => (\n channel?.unreadMessageCount\n ? channel.unreadMessageCount\n : 0\n);\n","import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport { isSentStatus } from '../../utils';\nimport {\n getOutgoingMessageState,\n OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { getLastMessageCreatedAt } from '../../modules/ChannelList/components/ChannelPreview/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { Nullable } from '../../types';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n className?: string;\n message: UserMessage | FileMessage;\n channel: Nullable<GroupChannel>;\n isDateSeparatorConsidered?: boolean;\n}\n\nexport default function MessageStatus({\n className,\n message,\n channel,\n isDateSeparatorConsidered = true,\n}: MessageStatusProps): React.ReactElement {\n const { stringSet, dateLocale } = useLocalization();\n const status = getOutgoingMessageState(channel, message);\n const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n (channel.isSuper || channel.isPublic || channel.isBroadcast)\n && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n );\n const iconType = {\n [OutgoingMessageStates.SENT]: IconTypes.DONE,\n [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n };\n const iconColor = {\n [OutgoingMessageStates.SENT]: IconColors.SENT,\n [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n [OutgoingMessageStates.READ]: IconColors.READ,\n [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n };\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-message-status',\n ].join(' ')}\n >\n {(status === OutgoingMessageStates.PENDING) ? (\n <Loader\n className=\"sendbird-message-status__icon\"\n width=\"16px\"\n height=\"16px\"\n >\n <Icon\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width=\"16px\"\n height=\"16px\"\n />\n </Loader>\n ) : (\n <Icon\n className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n }`}\n type={iconType[status] || IconTypes.ERROR}\n fillColor={iconColor[status]}\n width=\"16px\"\n height=\"16px\"\n />\n )}\n {isSentStatus(status) && (\n <Label\n className=\"sendbird-message-status__text\"\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_2}\n >\n {\n isDateSeparatorConsidered\n ? format(message?.createdAt || 0, 'p', { locale: dateLocale })\n : getLastMessageCreatedAt({ channel, locale: dateLocale, stringSet })\n }\n </Label>\n )}\n </div>\n );\n}\n"],"names":["getChannelTitle","_channel$members","channel","arguments","length","undefined","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","NO_MEMBERS","filter","_ref","userId","map","_ref2","nickname","NO_NAME","join","getLastMessageCreatedAt","_ref3","_channel$lastMessage","locale","createdAt","lastMessage","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getTotalMembers","memberCount","getPrettyLastMessage","message","MAXLEN","messageType","truncateString","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","MessageStatusTypes","OutgoingMessageStates","MessageStatus","_channel$isGroupChann","className","isDateSeparatorConsidered","dateLocale","useLocalization","status","getOutgoingMessageState","hideMessageStatusIcon","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","IconColors","React","createElement","Array","isArray","Loader","width","height","Icon","type","SPINNER","fillColor","PRIMARY","isSentStatus","Label","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_2"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { d as defaultLocale } from './index-b596c800.js';
1
+ import { d as defaultLocale } from './index-ae11ce3a.js';
2
2
 
3
3
  function requiredArgs(required, args) {
4
4
  if (args.length < required) {
@@ -1849,4 +1849,4 @@ function cleanEscapedString(input) {
1849
1849
  }
1850
1850
 
1851
1851
  export { toInteger as a, format as f, requiredArgs as r, toDate as t };
1852
- //# sourceMappingURL=index-ecf0b823.js.map
1852
+ //# sourceMappingURL=index-c0ff26f4.js.map