@sendbird/uikit-react 3.14.13 → 3.14.14-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 (922) hide show
  1. package/App.js +82 -81
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +33 -0
  4. package/Channel/components/ChannelHeader.js +32 -31
  5. package/Channel/components/ChannelHeader.js.map +1 -1
  6. package/Channel/components/ChannelUI.js +65 -64
  7. package/Channel/components/ChannelUI.js.map +1 -1
  8. package/Channel/components/FileViewer.js +32 -31
  9. package/Channel/components/FileViewer.js.map +1 -1
  10. package/Channel/components/FrozenNotification.js +6 -6
  11. package/Channel/components/Message.js +55 -54
  12. package/Channel/components/Message.js.map +1 -1
  13. package/Channel/components/MessageInput.js +44 -43
  14. package/Channel/components/MessageInput.js.map +1 -1
  15. package/Channel/components/MessageInputWrapper.js +44 -43
  16. package/Channel/components/MessageInputWrapper.js.map +1 -1
  17. package/Channel/components/MessageList.js +58 -57
  18. package/Channel/components/MessageList.js.map +1 -1
  19. package/Channel/components/RemoveMessageModal.js +31 -30
  20. package/Channel/components/RemoveMessageModal.js.map +1 -1
  21. package/Channel/components/SuggestedMentionList.js +29 -28
  22. package/Channel/components/SuggestedMentionList.js.map +1 -1
  23. package/Channel/components/TypingIndicator.js +6 -6
  24. package/Channel/components/UnreadCount.js +8 -8
  25. package/Channel/context.js +23 -21
  26. package/Channel/context.js.map +1 -1
  27. package/Channel/hooks/useHandleUploadFiles.js +17 -17
  28. package/Channel/hooks/useInitialMessagesFetch.js +6 -6
  29. package/Channel/utils/compareMessagesForGrouping.js +6 -6
  30. package/Channel/utils/getMessagePartsInfo.js +7 -7
  31. package/Channel.js +65 -64
  32. package/Channel.js.map +1 -1
  33. package/ChannelList/components/AddChannel.js +23 -23
  34. package/ChannelList/components/ChannelListHeader.js +10 -10
  35. package/ChannelList/components/ChannelListUI.js +37 -37
  36. package/ChannelList/components/ChannelPreview.js +30 -30
  37. package/ChannelList/components/ChannelPreviewAction.js +15 -15
  38. package/ChannelList/context.js +11 -11
  39. package/ChannelList.js +37 -37
  40. package/ChannelSettings/components/ChannelProfile.js +22 -21
  41. package/ChannelSettings/components/ChannelProfile.js.map +1 -1
  42. package/ChannelSettings/components/ChannelSettingMenuList.js +9 -7
  43. package/ChannelSettings/components/ChannelSettingMenuList.js.map +1 -1
  44. package/ChannelSettings/components/ChannelSettingsHeader.js +8 -8
  45. package/ChannelSettings/components/ChannelSettingsMenuItem.js +2 -2
  46. package/ChannelSettings/components/ChannelSettingsUI.js +29 -28
  47. package/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  48. package/ChannelSettings/components/EditDetailsModal.js +22 -21
  49. package/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  50. package/ChannelSettings/components/LeaveChannel.js +18 -17
  51. package/ChannelSettings/components/LeaveChannel.js.map +1 -1
  52. package/ChannelSettings/components/ModerationPanel.js +26 -25
  53. package/ChannelSettings/components/ModerationPanel.js.map +1 -1
  54. package/ChannelSettings/components/UserListItem.js +19 -19
  55. package/ChannelSettings/components/UserPanel.js +25 -24
  56. package/ChannelSettings/components/UserPanel.js.map +1 -1
  57. package/ChannelSettings/context.js +46 -13
  58. package/ChannelSettings/context.js.map +1 -1
  59. package/ChannelSettings/hooks/useMenuList.js +26 -25
  60. package/ChannelSettings/hooks/useMenuList.js.map +1 -1
  61. package/ChannelSettings.js +28 -27
  62. package/ChannelSettings.js.map +1 -1
  63. package/CreateChannel/components/CreateChannelUI.js +20 -20
  64. package/CreateChannel/components/InviteUsers.js +20 -20
  65. package/CreateChannel/components/SelectChannelType.js +17 -17
  66. package/CreateChannel/context.js +4 -4
  67. package/CreateChannel.js +20 -20
  68. package/CreateOpenChannel/components/CreateOpenChannelUI.js +18 -18
  69. package/CreateOpenChannel/context.js +1 -1
  70. package/CreateOpenChannel.js +18 -18
  71. package/EditUserProfile/components/EditUserProfileUI.js +19 -19
  72. package/EditUserProfile/context.js +1 -1
  73. package/EditUserProfile.js +19 -19
  74. package/GroupChannel/components/FileViewer.js +26 -25
  75. package/GroupChannel/components/FileViewer.js.map +1 -1
  76. package/GroupChannel/components/FrozenNotification.js +6 -6
  77. package/GroupChannel/components/GroupChannelHeader.js +22 -21
  78. package/GroupChannel/components/GroupChannelHeader.js.map +1 -1
  79. package/GroupChannel/components/GroupChannelUI.js +58 -57
  80. package/GroupChannel/components/GroupChannelUI.js.map +1 -1
  81. package/GroupChannel/components/Message.js +50 -49
  82. package/GroupChannel/components/Message.js.map +1 -1
  83. package/GroupChannel/components/MessageInputWrapper.js +39 -38
  84. package/GroupChannel/components/MessageInputWrapper.js.map +1 -1
  85. package/GroupChannel/components/MessageList.js +51 -50
  86. package/GroupChannel/components/MessageList.js.map +1 -1
  87. package/GroupChannel/components/RemoveMessageModal.js +25 -24
  88. package/GroupChannel/components/RemoveMessageModal.js.map +1 -1
  89. package/GroupChannel/components/SuggestedMentionList.js +12 -12
  90. package/GroupChannel/components/TypingIndicator.js +6 -6
  91. package/GroupChannel/components/UnreadCount.js +8 -8
  92. package/GroupChannel/context.js +12 -10
  93. package/GroupChannel/context.js.map +1 -1
  94. package/GroupChannel.js +58 -57
  95. package/GroupChannel.js.map +1 -1
  96. package/GroupChannelList/components/AddGroupChannel.js +22 -22
  97. package/GroupChannelList/components/GroupChannelListHeader.js +10 -10
  98. package/GroupChannelList/components/GroupChannelListItem.js +28 -28
  99. package/GroupChannelList/components/GroupChannelListUI.js +36 -36
  100. package/GroupChannelList/components/GroupChannelPreviewAction.js +15 -15
  101. package/GroupChannelList/context.js +13 -5
  102. package/GroupChannelList/context.js.map +1 -1
  103. package/GroupChannelList.js +36 -36
  104. package/MessageSearch/components/MessageSearchUI.js +15 -15
  105. package/MessageSearch/context.js +1 -1
  106. package/MessageSearch.js +17 -17
  107. package/OpenChannel/components/FrozenChannelNotification.js +5 -5
  108. package/OpenChannel/components/OpenChannelHeader.js +22 -22
  109. package/OpenChannel/components/OpenChannelInput.js +28 -28
  110. package/OpenChannel/components/OpenChannelMessage.js +37 -37
  111. package/OpenChannel/components/OpenChannelMessageList.js +41 -41
  112. package/OpenChannel/components/OpenChannelUI.js +41 -41
  113. package/OpenChannel/context.js +21 -21
  114. package/OpenChannel.js +41 -41
  115. package/OpenChannelList/components/OpenChannelListUI.js +20 -20
  116. package/OpenChannelList/components/OpenChannelPreview.js +6 -6
  117. package/OpenChannelList/context.js +3 -3
  118. package/OpenChannelList.js +20 -20
  119. package/OpenChannelSettings/components/EditDetailsModal.js +21 -21
  120. package/OpenChannelSettings/components/OpenChannelProfile.js +21 -21
  121. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +22 -22
  122. package/OpenChannelSettings/components/OperatorUI.js +22 -22
  123. package/OpenChannelSettings/components/ParticipantUI.js +20 -20
  124. package/OpenChannelSettings/context.js +3 -3
  125. package/OpenChannelSettings.js +22 -22
  126. package/SendbirdProvider.js +33 -44
  127. package/SendbirdProvider.js.map +1 -1
  128. package/Thread/components/ParentMessageInfo.js +46 -45
  129. package/Thread/components/ParentMessageInfo.js.map +1 -1
  130. package/Thread/components/ParentMessageInfoItem.js +31 -30
  131. package/Thread/components/ParentMessageInfoItem.js.map +1 -1
  132. package/Thread/components/ThreadHeader.js +8 -8
  133. package/Thread/components/ThreadList.js +50 -49
  134. package/Thread/components/ThreadList.js.map +1 -1
  135. package/Thread/components/ThreadListItem.js +50 -49
  136. package/Thread/components/ThreadListItem.js.map +1 -1
  137. package/Thread/components/ThreadMessageInput.js +44 -43
  138. package/Thread/components/ThreadMessageInput.js.map +1 -1
  139. package/Thread/components/ThreadUI.js +58 -57
  140. package/Thread/components/ThreadUI.js.map +1 -1
  141. package/Thread/context.js +14 -10
  142. package/Thread/context.js.map +1 -1
  143. package/Thread.js +57 -56
  144. package/Thread.js.map +1 -1
  145. package/VoicePlayer/context.js +4 -4
  146. package/VoicePlayer/useVoicePlayer.js +15 -15
  147. package/VoiceRecorder/context.js +15 -15
  148. package/VoiceRecorder/useVoiceRecorder.js +15 -15
  149. package/chunks/{bundle-rA4afvKU.js → bundle--ElxCzvX.js} +1 -1
  150. package/chunks/bundle--ElxCzvX.js.map +1 -0
  151. package/chunks/{bundle-0nQK2G2O.js → bundle-4DkxVQ2g.js} +1 -1
  152. package/chunks/bundle-4DkxVQ2g.js.map +1 -0
  153. package/chunks/{bundle-CA85nVxp.js → bundle-4juD-sAA.js} +1 -1
  154. package/chunks/{bundle-CA85nVxp.js.map → bundle-4juD-sAA.js.map} +1 -1
  155. package/chunks/{bundle-Dnj0fmAf.js → bundle-8vABSU04.js} +11 -11
  156. package/chunks/{bundle-Dnj0fmAf.js.map → bundle-8vABSU04.js.map} +1 -1
  157. package/chunks/{bundle-C3Ty1Yuy.js → bundle-BB1wGoa9.js} +1 -1
  158. package/chunks/bundle-BB1wGoa9.js.map +1 -0
  159. package/chunks/{bundle-Cf0UgZwi.js → bundle-BE8LEwJY.js} +1 -1
  160. package/chunks/bundle-BE8LEwJY.js.map +1 -0
  161. package/chunks/{bundle-GMlM2rlV.js → bundle-BE_r7XPs.js} +1 -1
  162. package/chunks/bundle-BE_r7XPs.js.map +1 -0
  163. package/chunks/{bundle-b6TpX_JP.js → bundle-BH2gXxGT.js} +1 -1
  164. package/chunks/bundle-BH2gXxGT.js.map +1 -0
  165. package/chunks/{bundle-BHK1eF5R.js → bundle-BJGSKV7V.js} +4 -4
  166. package/chunks/{bundle-BHK1eF5R.js.map → bundle-BJGSKV7V.js.map} +1 -1
  167. package/chunks/{bundle-DkBecO3w.js → bundle-BMk8EQhB.js} +6 -6
  168. package/chunks/{bundle-DkBecO3w.js.map → bundle-BMk8EQhB.js.map} +1 -1
  169. package/chunks/{bundle-y29vL7zu.js → bundle-BN2zj9LP.js} +1 -1
  170. package/chunks/bundle-BN2zj9LP.js.map +1 -0
  171. package/chunks/{bundle-Cx6lYGss.js → bundle-BQFE8Gzc.js} +6 -6
  172. package/chunks/bundle-BQFE8Gzc.js.map +1 -0
  173. package/chunks/{bundle-0qSTzMXb.js → bundle-BQhKYX1c.js} +1 -1
  174. package/chunks/bundle-BQhKYX1c.js.map +1 -0
  175. package/chunks/{bundle-CveCFQYP.js → bundle-BRlCoDKz.js} +1 -1
  176. package/chunks/bundle-BRlCoDKz.js.map +1 -0
  177. package/chunks/{bundle-TZQ6dJCG.js → bundle-BbUMbfmM.js} +7 -7
  178. package/chunks/{bundle-TZQ6dJCG.js.map → bundle-BbUMbfmM.js.map} +1 -1
  179. package/chunks/{bundle-DofK8ySe.js → bundle-Bbq-7via.js} +4 -4
  180. package/chunks/bundle-Bbq-7via.js.map +1 -0
  181. package/chunks/{bundle-bdDHjHH6.js → bundle-BhUk8rxd.js} +1 -1
  182. package/chunks/{bundle-bdDHjHH6.js.map → bundle-BhUk8rxd.js.map} +1 -1
  183. package/chunks/{bundle-Df65wuUZ.js → bundle-BijGigMm.js} +1 -1
  184. package/chunks/bundle-BijGigMm.js.map +1 -0
  185. package/chunks/{bundle-f-SpnOx2.js → bundle-Bm3ak-IR.js} +1 -1
  186. package/chunks/bundle-Bm3ak-IR.js.map +1 -0
  187. package/chunks/{bundle-bm4u5f1K.js → bundle-BpBtMV7Y.js} +2 -2
  188. package/chunks/bundle-BpBtMV7Y.js.map +1 -0
  189. package/chunks/{bundle-BQi9-O76.js → bundle-Bq5t46O9.js} +1 -1
  190. package/chunks/{bundle-BQi9-O76.js.map → bundle-Bq5t46O9.js.map} +1 -1
  191. package/chunks/{bundle-CVBleWtM.js → bundle-Bx5_rVko.js} +2 -2
  192. package/chunks/bundle-Bx5_rVko.js.map +1 -0
  193. package/chunks/{bundle-Bwk5KPwK.js → bundle-C0lGuBz1.js} +1 -1
  194. package/chunks/{bundle-Bwk5KPwK.js.map → bundle-C0lGuBz1.js.map} +1 -1
  195. package/chunks/{bundle-cQZ3UZoG.js → bundle-CAG3D4kg.js} +4 -4
  196. package/chunks/bundle-CAG3D4kg.js.map +1 -0
  197. package/chunks/bundle-CB5wkapz.js +32 -0
  198. package/chunks/bundle-CB5wkapz.js.map +1 -0
  199. package/chunks/{bundle-D6ZpcPbH.js → bundle-CJIiWyQP.js} +6 -6
  200. package/chunks/bundle-CJIiWyQP.js.map +1 -0
  201. package/chunks/{bundle-BgwzpLeQ.js → bundle-CKD0ZX8Q.js} +1 -1
  202. package/chunks/bundle-CKD0ZX8Q.js.map +1 -0
  203. package/chunks/{bundle--MW8ymcq.js → bundle-CNuhgVlS.js} +3 -3
  204. package/chunks/{bundle--MW8ymcq.js.map → bundle-CNuhgVlS.js.map} +1 -1
  205. package/chunks/{bundle-BsAIw_77.js → bundle-CORkG2nd.js} +3 -3
  206. package/chunks/bundle-CORkG2nd.js.map +1 -0
  207. package/chunks/{bundle-CqpGyIDR.js → bundle-COgHUhSN.js} +5 -5
  208. package/chunks/bundle-COgHUhSN.js.map +1 -0
  209. package/chunks/{bundle-CXdo2kR_.js → bundle-CQkorWo8.js} +12 -12
  210. package/chunks/{bundle-CXdo2kR_.js.map → bundle-CQkorWo8.js.map} +1 -1
  211. package/chunks/{bundle-DhKQeIfP.js → bundle-CSqe9OQ4.js} +3 -3
  212. package/chunks/bundle-CSqe9OQ4.js.map +1 -0
  213. package/chunks/{bundle-Zvm5CMGT.js → bundle-CcEQ-8Zc.js} +2 -2
  214. package/chunks/bundle-CcEQ-8Zc.js.map +1 -0
  215. package/chunks/{bundle-Soz6sOqr.js → bundle-Cc_eMqWE.js} +3 -3
  216. package/chunks/{bundle-Soz6sOqr.js.map → bundle-Cc_eMqWE.js.map} +1 -1
  217. package/chunks/{bundle-CMLImr6T.js → bundle-CfOHqKba.js} +2 -2
  218. package/chunks/{bundle-CMLImr6T.js.map → bundle-CfOHqKba.js.map} +1 -1
  219. package/chunks/{bundle-DXRRGizV.js → bundle-CgE34w-u.js} +1 -1
  220. package/chunks/bundle-CgE34w-u.js.map +1 -0
  221. package/chunks/{bundle-BrTJ5Zbd.js → bundle-CqDpvr3y.js} +1 -1
  222. package/chunks/bundle-CqDpvr3y.js.map +1 -0
  223. package/chunks/{bundle-CZUYMubi.js → bundle-Cu60Jdoj.js} +1 -1
  224. package/chunks/bundle-Cu60Jdoj.js.map +1 -0
  225. package/chunks/{bundle-DCMGp6rH.js → bundle-CvaQCFwm.js} +2 -2
  226. package/chunks/bundle-CvaQCFwm.js.map +1 -0
  227. package/chunks/{bundle-CBUfFuFR.js → bundle-CwgVGCPx.js} +1 -1
  228. package/chunks/bundle-CwgVGCPx.js.map +1 -0
  229. package/chunks/{bundle-DxTN4_0p.js → bundle-D0nAU6Fc.js} +4 -4
  230. package/chunks/{bundle-DxTN4_0p.js.map → bundle-D0nAU6Fc.js.map} +1 -1
  231. package/chunks/{bundle-ClMRT1R_.js → bundle-D2zlnXBu.js} +4 -4
  232. package/chunks/bundle-D2zlnXBu.js.map +1 -0
  233. package/chunks/{bundle-T6fVCCb7.js → bundle-D57-QHcA.js} +4 -4
  234. package/chunks/{bundle-T6fVCCb7.js.map → bundle-D57-QHcA.js.map} +1 -1
  235. package/chunks/{bundle-DhGZA5UP.js → bundle-D6WtPiHs.js} +1 -1
  236. package/chunks/bundle-D6WtPiHs.js.map +1 -0
  237. package/chunks/{bundle-CwKZj-B6.js → bundle-DFY0pASk.js} +6 -6
  238. package/chunks/{bundle-CwKZj-B6.js.map → bundle-DFY0pASk.js.map} +1 -1
  239. package/chunks/{bundle-B6edg1g0.js → bundle-DGhFLLcp.js} +1 -1
  240. package/chunks/bundle-DGhFLLcp.js.map +1 -0
  241. package/chunks/{bundle-CFosTNce.js → bundle-DI-LhFYi.js} +4 -4
  242. package/chunks/bundle-DI-LhFYi.js.map +1 -0
  243. package/chunks/{bundle-Gdl-rzQC.js → bundle-DKokRH2J.js} +1 -1
  244. package/chunks/bundle-DKokRH2J.js.map +1 -0
  245. package/chunks/{bundle-uLjwqZrR.js → bundle-DQY7Y24f.js} +1 -1
  246. package/chunks/{bundle-uLjwqZrR.js.map → bundle-DQY7Y24f.js.map} +1 -1
  247. package/chunks/{bundle-vuBlPTsL.js → bundle-DR9BPGju.js} +8 -8
  248. package/chunks/bundle-DR9BPGju.js.map +1 -0
  249. package/chunks/{bundle-DvsVgg5f.js → bundle-DSLoBuhc.js} +4 -4
  250. package/chunks/bundle-DSLoBuhc.js.map +1 -0
  251. package/chunks/{bundle-fHeMHhND.js → bundle-DT1ZUyUK.js} +1 -1
  252. package/chunks/{bundle-fHeMHhND.js.map → bundle-DT1ZUyUK.js.map} +1 -1
  253. package/chunks/{bundle-B7BfObV1.js → bundle-DUX1ohNl.js} +1 -1
  254. package/chunks/bundle-DUX1ohNl.js.map +1 -0
  255. package/chunks/{bundle-Due9yzp6.js → bundle-DVVM6lM1.js} +9 -9
  256. package/chunks/{bundle-Due9yzp6.js.map → bundle-DVVM6lM1.js.map} +1 -1
  257. package/chunks/{bundle-B2SAqHzx.js → bundle-DW3ZidCz.js} +5 -5
  258. package/chunks/{bundle-B2SAqHzx.js.map → bundle-DW3ZidCz.js.map} +1 -1
  259. package/chunks/{bundle-DGZ_h6Q3.js → bundle-D_bCApLY.js} +3 -3
  260. package/chunks/bundle-D_bCApLY.js.map +1 -0
  261. package/chunks/{bundle-6BuULgEc.js → bundle-Da1g1NXg.js} +1 -1
  262. package/chunks/bundle-Da1g1NXg.js.map +1 -0
  263. package/chunks/{bundle-C3ktHDOc.js → bundle-DaBrAfcL.js} +1 -1
  264. package/chunks/bundle-DaBrAfcL.js.map +1 -0
  265. package/chunks/{bundle-Ba2Z_B16.js → bundle-DbWl79ie.js} +1 -1
  266. package/chunks/bundle-DbWl79ie.js.map +1 -0
  267. package/chunks/{bundle-D0TYbkjN.js → bundle-DfgqmAYc.js} +6 -6
  268. package/chunks/bundle-DfgqmAYc.js.map +1 -0
  269. package/chunks/{bundle-DAz5E5O_.js → bundle-DiU9uMH5.js} +3 -3
  270. package/chunks/{bundle-DAz5E5O_.js.map → bundle-DiU9uMH5.js.map} +1 -1
  271. package/chunks/{bundle-CRcPMrRq.js → bundle-DmXSWM1-.js} +2 -2
  272. package/chunks/bundle-DmXSWM1-.js.map +1 -0
  273. package/chunks/{bundle-F5koPk19.js → bundle-Dmq9tSeN.js} +2 -2
  274. package/chunks/{bundle-F5koPk19.js.map → bundle-Dmq9tSeN.js.map} +1 -1
  275. package/chunks/{bundle-BqMHiKkl.js → bundle-DoyuN1hf.js} +2 -2
  276. package/chunks/bundle-DoyuN1hf.js.map +1 -0
  277. package/chunks/{bundle-BeheAFz4.js → bundle-DpcKifAS.js} +9 -9
  278. package/chunks/{bundle-BeheAFz4.js.map → bundle-DpcKifAS.js.map} +1 -1
  279. package/chunks/{bundle-DDeWOERD.js → bundle-DqT2tkUc.js} +4 -4
  280. package/chunks/{bundle-DDeWOERD.js.map → bundle-DqT2tkUc.js.map} +1 -1
  281. package/chunks/{bundle-CAdqcqOm.js → bundle-DqYkSagZ.js} +3 -3
  282. package/chunks/{bundle-CAdqcqOm.js.map → bundle-DqYkSagZ.js.map} +1 -1
  283. package/chunks/{bundle-ZVq6xGXk.js → bundle-DwVNVjsu.js} +3 -3
  284. package/chunks/{bundle-ZVq6xGXk.js.map → bundle-DwVNVjsu.js.map} +1 -1
  285. package/chunks/{bundle-CoPuVBn-.js → bundle-DyGh4hDR.js} +11 -11
  286. package/chunks/{bundle-CoPuVBn-.js.map → bundle-DyGh4hDR.js.map} +1 -1
  287. package/chunks/{bundle-BNDaXsLn.js → bundle-EJtklxdZ.js} +1 -1
  288. package/chunks/bundle-EJtklxdZ.js.map +1 -0
  289. package/chunks/{bundle-C3GXmMjX.js → bundle-H4gTGEOI.js} +10 -10
  290. package/chunks/bundle-H4gTGEOI.js.map +1 -0
  291. package/chunks/{bundle-AfQS5DGf.js → bundle-HxFd7IJ1.js} +3 -3
  292. package/chunks/bundle-HxFd7IJ1.js.map +1 -0
  293. package/chunks/{bundle-GUbI4JcD.js → bundle-LKXXCvQW.js} +2 -2
  294. package/chunks/{bundle-GUbI4JcD.js.map → bundle-LKXXCvQW.js.map} +1 -1
  295. package/chunks/{bundle-B4KMvElm.js → bundle-OPnkSVzF.js} +12 -12
  296. package/chunks/{bundle-B4KMvElm.js.map → bundle-OPnkSVzF.js.map} +1 -1
  297. package/chunks/{bundle-chiYJ8F8.js → bundle-OWmn-xDF.js} +5 -5
  298. package/chunks/{bundle-chiYJ8F8.js.map → bundle-OWmn-xDF.js.map} +1 -1
  299. package/chunks/{bundle-DX5U-zhB.js → bundle-ROtFE9qI.js} +13 -13
  300. package/chunks/{bundle-DX5U-zhB.js.map → bundle-ROtFE9qI.js.map} +1 -1
  301. package/chunks/{bundle-H8J7tAed.js → bundle-U-7RVj_W.js} +1 -1
  302. package/chunks/bundle-U-7RVj_W.js.map +1 -0
  303. package/chunks/{bundle-etuaqevl.js → bundle-_gCB8E7m.js} +1 -1
  304. package/chunks/bundle-_gCB8E7m.js.map +1 -0
  305. package/chunks/{bundle-DSn10d8F.js → bundle-jhaiPoPo.js} +1 -1
  306. package/chunks/bundle-jhaiPoPo.js.map +1 -0
  307. package/chunks/{bundle-BdZytjCG.js → bundle-lTaM_OX6.js} +3 -3
  308. package/chunks/{bundle-BdZytjCG.js.map → bundle-lTaM_OX6.js.map} +1 -1
  309. package/chunks/{bundle-CpjASiz4.js → bundle-lY4Nyp30.js} +1 -1
  310. package/chunks/bundle-lY4Nyp30.js.map +1 -0
  311. package/chunks/{bundle-DQk06wFZ.js → bundle-oyDOkHRf.js} +8 -8
  312. package/chunks/{bundle-DQk06wFZ.js.map → bundle-oyDOkHRf.js.map} +1 -1
  313. package/chunks/{bundle-CNWAfTVw.js → bundle-quWoHt6W.js} +1 -1
  314. package/chunks/bundle-quWoHt6W.js.map +1 -0
  315. package/chunks/{bundle-BjjAXlnY.js → bundle-vz206qrm.js} +6 -6
  316. package/chunks/{bundle-BjjAXlnY.js.map → bundle-vz206qrm.js.map} +1 -1
  317. package/chunks/{bundle-DHpCLtwn.js → bundle-xkuB1ona.js} +8 -8
  318. package/chunks/{bundle-DHpCLtwn.js.map → bundle-xkuB1ona.js.map} +1 -1
  319. package/cjs/App.js +82 -81
  320. package/cjs/App.js.map +1 -1
  321. package/cjs/Channel/components/ChannelHeader.js +32 -31
  322. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  323. package/cjs/Channel/components/ChannelUI.js +65 -64
  324. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  325. package/cjs/Channel/components/FileViewer.js +32 -31
  326. package/cjs/Channel/components/FileViewer.js.map +1 -1
  327. package/cjs/Channel/components/FrozenNotification.js +6 -6
  328. package/cjs/Channel/components/Message.js +55 -54
  329. package/cjs/Channel/components/Message.js.map +1 -1
  330. package/cjs/Channel/components/MessageInput.js +44 -43
  331. package/cjs/Channel/components/MessageInput.js.map +1 -1
  332. package/cjs/Channel/components/MessageInputWrapper.js +44 -43
  333. package/cjs/Channel/components/MessageInputWrapper.js.map +1 -1
  334. package/cjs/Channel/components/MessageList.js +58 -57
  335. package/cjs/Channel/components/MessageList.js.map +1 -1
  336. package/cjs/Channel/components/RemoveMessageModal.js +31 -30
  337. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  338. package/cjs/Channel/components/SuggestedMentionList.js +29 -28
  339. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  340. package/cjs/Channel/components/TypingIndicator.js +6 -6
  341. package/cjs/Channel/components/UnreadCount.js +8 -8
  342. package/cjs/Channel/context.js +23 -21
  343. package/cjs/Channel/context.js.map +1 -1
  344. package/cjs/Channel/hooks/useHandleUploadFiles.js +17 -17
  345. package/cjs/Channel/hooks/useInitialMessagesFetch.js +6 -6
  346. package/cjs/Channel/utils/compareMessagesForGrouping.js +6 -6
  347. package/cjs/Channel/utils/getMessagePartsInfo.js +7 -7
  348. package/cjs/Channel.js +65 -64
  349. package/cjs/Channel.js.map +1 -1
  350. package/cjs/ChannelList/components/AddChannel.js +23 -23
  351. package/cjs/ChannelList/components/ChannelListHeader.js +10 -10
  352. package/cjs/ChannelList/components/ChannelListUI.js +37 -37
  353. package/cjs/ChannelList/components/ChannelPreview.js +30 -30
  354. package/cjs/ChannelList/components/ChannelPreviewAction.js +15 -15
  355. package/cjs/ChannelList/context.js +11 -11
  356. package/cjs/ChannelList.js +37 -37
  357. package/cjs/ChannelSettings/components/ChannelProfile.js +22 -21
  358. package/cjs/ChannelSettings/components/ChannelProfile.js.map +1 -1
  359. package/cjs/ChannelSettings/components/ChannelSettingMenuList.js +9 -7
  360. package/cjs/ChannelSettings/components/ChannelSettingMenuList.js.map +1 -1
  361. package/cjs/ChannelSettings/components/ChannelSettingsHeader.js +8 -8
  362. package/cjs/ChannelSettings/components/ChannelSettingsMenuItem.js +2 -2
  363. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +29 -28
  364. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  365. package/cjs/ChannelSettings/components/EditDetailsModal.js +22 -21
  366. package/cjs/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  367. package/cjs/ChannelSettings/components/LeaveChannel.js +18 -17
  368. package/cjs/ChannelSettings/components/LeaveChannel.js.map +1 -1
  369. package/cjs/ChannelSettings/components/ModerationPanel.js +26 -25
  370. package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
  371. package/cjs/ChannelSettings/components/UserListItem.js +19 -19
  372. package/cjs/ChannelSettings/components/UserPanel.js +25 -24
  373. package/cjs/ChannelSettings/components/UserPanel.js.map +1 -1
  374. package/cjs/ChannelSettings/context.js +46 -13
  375. package/cjs/ChannelSettings/context.js.map +1 -1
  376. package/cjs/ChannelSettings/hooks/useMenuList.js +26 -25
  377. package/cjs/ChannelSettings/hooks/useMenuList.js.map +1 -1
  378. package/cjs/ChannelSettings.js +28 -27
  379. package/cjs/ChannelSettings.js.map +1 -1
  380. package/cjs/CreateChannel/components/CreateChannelUI.js +20 -20
  381. package/cjs/CreateChannel/components/InviteUsers.js +20 -20
  382. package/cjs/CreateChannel/components/SelectChannelType.js +17 -17
  383. package/cjs/CreateChannel/context.js +4 -4
  384. package/cjs/CreateChannel.js +20 -20
  385. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +18 -18
  386. package/cjs/CreateOpenChannel/context.js +1 -1
  387. package/cjs/CreateOpenChannel.js +18 -18
  388. package/cjs/EditUserProfile/components/EditUserProfileUI.js +19 -19
  389. package/cjs/EditUserProfile/context.js +1 -1
  390. package/cjs/EditUserProfile.js +19 -19
  391. package/cjs/GroupChannel/components/FileViewer.js +26 -25
  392. package/cjs/GroupChannel/components/FileViewer.js.map +1 -1
  393. package/cjs/GroupChannel/components/FrozenNotification.js +6 -6
  394. package/cjs/GroupChannel/components/GroupChannelHeader.js +22 -21
  395. package/cjs/GroupChannel/components/GroupChannelHeader.js.map +1 -1
  396. package/cjs/GroupChannel/components/GroupChannelUI.js +58 -57
  397. package/cjs/GroupChannel/components/GroupChannelUI.js.map +1 -1
  398. package/cjs/GroupChannel/components/Message.js +50 -49
  399. package/cjs/GroupChannel/components/Message.js.map +1 -1
  400. package/cjs/GroupChannel/components/MessageInputWrapper.js +38 -37
  401. package/cjs/GroupChannel/components/MessageInputWrapper.js.map +1 -1
  402. package/cjs/GroupChannel/components/MessageList.js +51 -50
  403. package/cjs/GroupChannel/components/MessageList.js.map +1 -1
  404. package/cjs/GroupChannel/components/RemoveMessageModal.js +25 -24
  405. package/cjs/GroupChannel/components/RemoveMessageModal.js.map +1 -1
  406. package/cjs/GroupChannel/components/SuggestedMentionList.js +12 -12
  407. package/cjs/GroupChannel/components/TypingIndicator.js +6 -6
  408. package/cjs/GroupChannel/components/UnreadCount.js +8 -8
  409. package/cjs/GroupChannel/context.js +12 -10
  410. package/cjs/GroupChannel/context.js.map +1 -1
  411. package/cjs/GroupChannel.js +58 -57
  412. package/cjs/GroupChannel.js.map +1 -1
  413. package/cjs/GroupChannelList/components/AddGroupChannel.js +22 -22
  414. package/cjs/GroupChannelList/components/GroupChannelListHeader.js +10 -10
  415. package/cjs/GroupChannelList/components/GroupChannelListItem.js +28 -28
  416. package/cjs/GroupChannelList/components/GroupChannelListUI.js +36 -36
  417. package/cjs/GroupChannelList/components/GroupChannelPreviewAction.js +15 -15
  418. package/cjs/GroupChannelList/context.js +13 -5
  419. package/cjs/GroupChannelList/context.js.map +1 -1
  420. package/cjs/GroupChannelList.js +36 -36
  421. package/cjs/MessageSearch/components/MessageSearchUI.js +15 -15
  422. package/cjs/MessageSearch/context.js +1 -1
  423. package/cjs/MessageSearch.js +17 -17
  424. package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
  425. package/cjs/OpenChannel/components/OpenChannelHeader.js +22 -22
  426. package/cjs/OpenChannel/components/OpenChannelInput.js +28 -28
  427. package/cjs/OpenChannel/components/OpenChannelMessage.js +37 -37
  428. package/cjs/OpenChannel/components/OpenChannelMessageList.js +41 -41
  429. package/cjs/OpenChannel/components/OpenChannelUI.js +41 -41
  430. package/cjs/OpenChannel/context.js +21 -21
  431. package/cjs/OpenChannel.js +41 -41
  432. package/cjs/OpenChannelList/components/OpenChannelListUI.js +20 -20
  433. package/cjs/OpenChannelList/components/OpenChannelPreview.js +6 -6
  434. package/cjs/OpenChannelList/context.js +3 -3
  435. package/cjs/OpenChannelList.js +20 -20
  436. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +21 -21
  437. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +21 -21
  438. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +22 -22
  439. package/cjs/OpenChannelSettings/components/OperatorUI.js +22 -22
  440. package/cjs/OpenChannelSettings/components/ParticipantUI.js +20 -20
  441. package/cjs/OpenChannelSettings/context.js +3 -3
  442. package/cjs/OpenChannelSettings.js +22 -22
  443. package/cjs/SendbirdProvider.js +34 -45
  444. package/cjs/SendbirdProvider.js.map +1 -1
  445. package/cjs/Thread/components/ParentMessageInfo.js +46 -45
  446. package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
  447. package/cjs/Thread/components/ParentMessageInfoItem.js +31 -30
  448. package/cjs/Thread/components/ParentMessageInfoItem.js.map +1 -1
  449. package/cjs/Thread/components/ThreadHeader.js +8 -8
  450. package/cjs/Thread/components/ThreadList.js +50 -49
  451. package/cjs/Thread/components/ThreadList.js.map +1 -1
  452. package/cjs/Thread/components/ThreadListItem.js +50 -49
  453. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  454. package/cjs/Thread/components/ThreadMessageInput.js +44 -43
  455. package/cjs/Thread/components/ThreadMessageInput.js.map +1 -1
  456. package/cjs/Thread/components/ThreadUI.js +58 -57
  457. package/cjs/Thread/components/ThreadUI.js.map +1 -1
  458. package/cjs/Thread/context.js +14 -10
  459. package/cjs/Thread/context.js.map +1 -1
  460. package/cjs/Thread.js +57 -56
  461. package/cjs/Thread.js.map +1 -1
  462. package/cjs/VoicePlayer/context.js +4 -4
  463. package/cjs/VoicePlayer/useVoicePlayer.js +15 -15
  464. package/cjs/VoiceRecorder/context.js +15 -15
  465. package/cjs/VoiceRecorder/useVoiceRecorder.js +15 -15
  466. package/cjs/chunks/{bundle-B8d4gIYz.js → bundle-1SdbXpYS.js} +4 -4
  467. package/cjs/chunks/{bundle-B8d4gIYz.js.map → bundle-1SdbXpYS.js.map} +1 -1
  468. package/cjs/chunks/{bundle-BXjyJKxX.js → bundle-30asl7x4.js} +1 -1
  469. package/cjs/chunks/{bundle-BXjyJKxX.js.map → bundle-30asl7x4.js.map} +1 -1
  470. package/cjs/chunks/{bundle-ClXoWwwH.js → bundle-4TQpFNWk.js} +1 -1
  471. package/cjs/chunks/bundle-4TQpFNWk.js.map +1 -0
  472. package/cjs/chunks/{bundle-DpkHbKDj.js → bundle-5vKRPAsc.js} +4 -4
  473. package/cjs/chunks/bundle-5vKRPAsc.js.map +1 -0
  474. package/cjs/chunks/{bundle-B2fSsGeZ.js → bundle-64tfQrcj.js} +1 -1
  475. package/cjs/chunks/bundle-64tfQrcj.js.map +1 -0
  476. package/cjs/chunks/{bundle-DAzWBBxC.js → bundle-8ud3Tnvk.js} +1 -1
  477. package/cjs/chunks/bundle-8ud3Tnvk.js.map +1 -0
  478. package/cjs/chunks/{bundle-Cy0nPHcx.js → bundle-APSI7eDq.js} +2 -2
  479. package/cjs/chunks/bundle-APSI7eDq.js.map +1 -0
  480. package/cjs/chunks/{bundle-CLsH2CaE.js → bundle-B1FyXNgp.js} +3 -3
  481. package/cjs/chunks/{bundle-CLsH2CaE.js.map → bundle-B1FyXNgp.js.map} +1 -1
  482. package/cjs/chunks/{bundle-CteyVr3n.js → bundle-B1ekd7hP.js} +3 -3
  483. package/cjs/chunks/bundle-B1ekd7hP.js.map +1 -0
  484. package/cjs/chunks/{bundle-C6bh_Eny.js → bundle-B2iq7UlJ.js} +1 -1
  485. package/cjs/chunks/{bundle-C6bh_Eny.js.map → bundle-B2iq7UlJ.js.map} +1 -1
  486. package/cjs/chunks/{bundle-DneJah8w.js → bundle-B3jtqK0s.js} +4 -4
  487. package/cjs/chunks/bundle-B3jtqK0s.js.map +1 -0
  488. package/cjs/chunks/{bundle-D1D4kiAc.js → bundle-B6Hjp5lH.js} +1 -1
  489. package/cjs/chunks/bundle-B6Hjp5lH.js.map +1 -0
  490. package/cjs/chunks/{bundle-5SGoePaQ.js → bundle-B9X0JbpA.js} +6 -6
  491. package/cjs/chunks/{bundle-5SGoePaQ.js.map → bundle-B9X0JbpA.js.map} +1 -1
  492. package/cjs/chunks/{bundle-CC7ewM-Z.js → bundle-BAU2-TVk.js} +1 -1
  493. package/cjs/chunks/bundle-BAU2-TVk.js.map +1 -0
  494. package/cjs/chunks/{bundle-D3jgqkKs.js → bundle-BCGmSdzK.js} +3 -3
  495. package/cjs/chunks/{bundle-D3jgqkKs.js.map → bundle-BCGmSdzK.js.map} +1 -1
  496. package/cjs/chunks/{bundle-BzEWSzXp.js → bundle-BCq5uNDd.js} +2 -2
  497. package/cjs/chunks/bundle-BCq5uNDd.js.map +1 -0
  498. package/cjs/chunks/{bundle-DBvrEPDQ.js → bundle-BHguIcZy.js} +2 -2
  499. package/cjs/chunks/{bundle-DBvrEPDQ.js.map → bundle-BHguIcZy.js.map} +1 -1
  500. package/cjs/chunks/{bundle-6znhfpIB.js → bundle-BSyC9M_f.js} +6 -6
  501. package/cjs/chunks/bundle-BSyC9M_f.js.map +1 -0
  502. package/cjs/chunks/{bundle-BZCLEq3c.js → bundle-BTnp5AMU.js} +4 -4
  503. package/cjs/chunks/bundle-BTnp5AMU.js.map +1 -0
  504. package/cjs/chunks/{bundle-DHbhzk3E.js → bundle-BTorv8q0.js} +1 -1
  505. package/cjs/chunks/bundle-BTorv8q0.js.map +1 -0
  506. package/cjs/chunks/{bundle-BbDVZwAg.js → bundle-BVc63xso.js} +5 -5
  507. package/cjs/chunks/bundle-BVc63xso.js.map +1 -0
  508. package/cjs/chunks/{bundle-Co8lVUvq.js → bundle-BW4eJbJf.js} +1 -1
  509. package/cjs/chunks/bundle-BW4eJbJf.js.map +1 -0
  510. package/cjs/chunks/{bundle-C7qjFv6F.js → bundle-BWO9BaJ8.js} +11 -11
  511. package/cjs/chunks/bundle-BWO9BaJ8.js.map +1 -0
  512. package/cjs/chunks/{bundle-CjiI70uo.js → bundle-BaNOuke3.js} +10 -10
  513. package/cjs/chunks/{bundle-CjiI70uo.js.map → bundle-BaNOuke3.js.map} +1 -1
  514. package/cjs/chunks/{bundle-D2E4FfSM.js → bundle-BcJCRBUJ.js} +3 -3
  515. package/cjs/chunks/bundle-BcJCRBUJ.js.map +1 -0
  516. package/cjs/chunks/{bundle-C3xjGT8g.js → bundle-BcQMWXzD.js} +1 -1
  517. package/cjs/chunks/bundle-BcQMWXzD.js.map +1 -0
  518. package/cjs/chunks/{bundle-DeDM8_tg.js → bundle-Biz9jBG1.js} +3 -3
  519. package/cjs/chunks/bundle-Biz9jBG1.js.map +1 -0
  520. package/cjs/chunks/{bundle-C_QuzoFd.js → bundle-BlAyw4oz.js} +1 -1
  521. package/cjs/chunks/bundle-BlAyw4oz.js.map +1 -0
  522. package/cjs/chunks/{bundle-DWHwWbeQ.js → bundle-Boq0SdEC.js} +3 -3
  523. package/cjs/chunks/bundle-Boq0SdEC.js.map +1 -0
  524. package/cjs/chunks/{bundle-BCx4TP9R.js → bundle-BrbJwzok.js} +12 -12
  525. package/cjs/chunks/{bundle-BCx4TP9R.js.map → bundle-BrbJwzok.js.map} +1 -1
  526. package/cjs/chunks/{bundle-BXenYVc5.js → bundle-Bu0N0fyn.js} +3 -3
  527. package/cjs/chunks/bundle-Bu0N0fyn.js.map +1 -0
  528. package/cjs/chunks/{bundle-CGBazQAC.js → bundle-Bxz5JW8i.js} +1 -1
  529. package/cjs/chunks/bundle-Bxz5JW8i.js.map +1 -0
  530. package/cjs/chunks/{bundle-ikSCkayP.js → bundle-C1LcC75h.js} +1 -1
  531. package/cjs/chunks/bundle-C1LcC75h.js.map +1 -0
  532. package/cjs/chunks/{bundle-Bl_NKoFI.js → bundle-C5FJvqZO.js} +6 -6
  533. package/cjs/chunks/bundle-C5FJvqZO.js.map +1 -0
  534. package/cjs/chunks/{bundle-BV2SpuVS.js → bundle-C6TlWPlW.js} +1 -1
  535. package/cjs/chunks/bundle-C6TlWPlW.js.map +1 -0
  536. package/cjs/chunks/{bundle-CuQr5jRg.js → bundle-CAHokxww.js} +1 -1
  537. package/cjs/chunks/bundle-CAHokxww.js.map +1 -0
  538. package/cjs/chunks/{bundle-rgW6YBQR.js → bundle-CEZg1XSf.js} +13 -13
  539. package/cjs/chunks/bundle-CEZg1XSf.js.map +1 -0
  540. package/cjs/chunks/{bundle-B0yVr4jS.js → bundle-CEmLXieA.js} +2 -2
  541. package/cjs/chunks/{bundle-B0yVr4jS.js.map → bundle-CEmLXieA.js.map} +1 -1
  542. package/cjs/chunks/{bundle-7UmS8y03.js → bundle-CPqNKxdh.js} +9 -9
  543. package/cjs/chunks/{bundle-7UmS8y03.js.map → bundle-CPqNKxdh.js.map} +1 -1
  544. package/cjs/chunks/{bundle-C8UIkTUm.js → bundle-CYPgueXO.js} +11 -11
  545. package/cjs/chunks/{bundle-C8UIkTUm.js.map → bundle-CYPgueXO.js.map} +1 -1
  546. package/cjs/chunks/{bundle-BTZpmQhR.js → bundle-CZCeJCSu.js} +8 -8
  547. package/cjs/chunks/{bundle-BTZpmQhR.js.map → bundle-CZCeJCSu.js.map} +1 -1
  548. package/cjs/chunks/{bundle-B8BijbtU.js → bundle-CgMkcoVf.js} +1 -1
  549. package/cjs/chunks/bundle-CgMkcoVf.js.map +1 -0
  550. package/cjs/chunks/{bundle-Tcfsteoj.js → bundle-CsBseNdy.js} +6 -6
  551. package/cjs/chunks/{bundle-Tcfsteoj.js.map → bundle-CsBseNdy.js.map} +1 -1
  552. package/cjs/chunks/{bundle-B9Jxp8fA.js → bundle-CtW7NpHu.js} +1 -1
  553. package/cjs/chunks/{bundle-B9Jxp8fA.js.map → bundle-CtW7NpHu.js.map} +1 -1
  554. package/cjs/chunks/{bundle-43QCjeGi.js → bundle-Czg7vvo-.js} +9 -9
  555. package/cjs/chunks/{bundle-43QCjeGi.js.map → bundle-Czg7vvo-.js.map} +1 -1
  556. package/cjs/chunks/{bundle-BafSf9GJ.js → bundle-D-wSuvqS.js} +1 -1
  557. package/cjs/chunks/bundle-D-wSuvqS.js.map +1 -0
  558. package/cjs/chunks/{bundle-RZyJVP0m.js → bundle-D6TMztZt.js} +4 -4
  559. package/cjs/chunks/{bundle-RZyJVP0m.js.map → bundle-D6TMztZt.js.map} +1 -1
  560. package/cjs/chunks/{bundle-DFDL4gbf.js → bundle-D7Rq5q7E.js} +6 -6
  561. package/cjs/chunks/bundle-D7Rq5q7E.js.map +1 -0
  562. package/cjs/chunks/{bundle-BSZgogl8.js → bundle-DAiQFAIq.js} +1 -1
  563. package/cjs/chunks/bundle-DAiQFAIq.js.map +1 -0
  564. package/cjs/chunks/{bundle-BimZhXdJ.js → bundle-DCV-Tw4-.js} +4 -4
  565. package/cjs/chunks/{bundle-BimZhXdJ.js.map → bundle-DCV-Tw4-.js.map} +1 -1
  566. package/cjs/chunks/{bundle-B8eM_7mB.js → bundle-DCkLfvV2.js} +1 -1
  567. package/cjs/chunks/bundle-DCkLfvV2.js.map +1 -0
  568. package/cjs/chunks/{bundle-KWSniLux.js → bundle-DFfELPV2.js} +1 -1
  569. package/cjs/chunks/bundle-DFfELPV2.js.map +1 -0
  570. package/cjs/chunks/{bundle-CAofXETX.js → bundle-DKON_xNH.js} +1 -1
  571. package/cjs/chunks/bundle-DKON_xNH.js.map +1 -0
  572. package/cjs/chunks/{bundle-_evj9wIW.js → bundle-DNs1brAW.js} +6 -6
  573. package/cjs/chunks/bundle-DNs1brAW.js.map +1 -0
  574. package/cjs/chunks/{bundle-UHkELfwW.js → bundle-DQ1OQsn5.js} +1 -1
  575. package/cjs/chunks/bundle-DQ1OQsn5.js.map +1 -0
  576. package/cjs/chunks/{bundle-BalOy4w3.js → bundle-DSwAYtmI.js} +5 -5
  577. package/cjs/chunks/bundle-DSwAYtmI.js.map +1 -0
  578. package/cjs/chunks/{bundle-CqS517qU.js → bundle-DUBFSyJD.js} +1 -1
  579. package/cjs/chunks/bundle-DUBFSyJD.js.map +1 -0
  580. package/cjs/chunks/{bundle-Db2msOTT.js → bundle-DWOvJMsF.js} +7 -7
  581. package/cjs/chunks/bundle-DWOvJMsF.js.map +1 -0
  582. package/cjs/chunks/{bundle-Cmc_F-zF.js → bundle-DZSwH3xC.js} +3 -3
  583. package/cjs/chunks/{bundle-Cmc_F-zF.js.map → bundle-DZSwH3xC.js.map} +1 -1
  584. package/cjs/chunks/{bundle-C1mT4rip.js → bundle-Ddh0fbc2.js} +12 -12
  585. package/cjs/chunks/{bundle-C1mT4rip.js.map → bundle-Ddh0fbc2.js.map} +1 -1
  586. package/cjs/chunks/{bundle-DPZ5pgOH.js → bundle-DeiT1zRq.js} +1 -1
  587. package/cjs/chunks/bundle-DeiT1zRq.js.map +1 -0
  588. package/cjs/chunks/{bundle-BsUVmQmx.js → bundle-DgDVQ2Go.js} +1 -1
  589. package/cjs/chunks/bundle-DgDVQ2Go.js.map +1 -0
  590. package/cjs/chunks/{bundle-XwYWKPPB.js → bundle-Dm5tCb6c.js} +1 -1
  591. package/cjs/chunks/bundle-Dm5tCb6c.js.map +1 -0
  592. package/cjs/chunks/{bundle-BhgTi0HE.js → bundle-DmKx6viv.js} +1 -1
  593. package/cjs/chunks/bundle-DmKx6viv.js.map +1 -0
  594. package/cjs/chunks/{bundle-DIWdCgyY.js → bundle-DoCVrJrt.js} +1 -1
  595. package/cjs/chunks/bundle-DoCVrJrt.js.map +1 -0
  596. package/cjs/chunks/{bundle-D58niGxd.js → bundle-DtZsJEtk.js} +4 -4
  597. package/cjs/chunks/bundle-DtZsJEtk.js.map +1 -0
  598. package/cjs/chunks/{bundle-B15Obr-U.js → bundle-DxbMYNTw.js} +5 -5
  599. package/cjs/chunks/{bundle-B15Obr-U.js.map → bundle-DxbMYNTw.js.map} +1 -1
  600. package/cjs/chunks/{bundle-COzM5cWS.js → bundle-DyYk1tMQ.js} +1 -1
  601. package/cjs/chunks/bundle-DyYk1tMQ.js.map +1 -0
  602. package/cjs/chunks/{bundle-BYCOsGvE.js → bundle-LCfIqiKi.js} +1 -1
  603. package/cjs/chunks/bundle-LCfIqiKi.js.map +1 -0
  604. package/cjs/chunks/{bundle-xw9pjZRm.js → bundle-R7KpA6-9.js} +2 -2
  605. package/cjs/chunks/bundle-R7KpA6-9.js.map +1 -0
  606. package/cjs/chunks/{bundle-DW5WyVEg.js → bundle-Tld-Qm-O.js} +1 -1
  607. package/cjs/chunks/bundle-Tld-Qm-O.js.map +1 -0
  608. package/cjs/chunks/{bundle-Cq7gxYWj.js → bundle-V6wX5MNF.js} +4 -4
  609. package/cjs/chunks/bundle-V6wX5MNF.js.map +1 -0
  610. package/cjs/chunks/{bundle-DYiRJpFp.js → bundle-Xe2rIvWh.js} +2 -2
  611. package/cjs/chunks/bundle-Xe2rIvWh.js.map +1 -0
  612. package/cjs/chunks/{bundle-C0HSA_B2.js → bundle-Yr3AnlJo.js} +1 -1
  613. package/cjs/chunks/{bundle-C0HSA_B2.js.map → bundle-Yr3AnlJo.js.map} +1 -1
  614. package/cjs/chunks/{bundle-BTdldoB1.js → bundle-Z_Fy-e9f.js} +1 -1
  615. package/cjs/chunks/bundle-Z_Fy-e9f.js.map +1 -0
  616. package/cjs/chunks/{bundle-BTnBDw_3.js → bundle-cvNqCEIi.js} +8 -8
  617. package/cjs/chunks/bundle-cvNqCEIi.js.map +1 -0
  618. package/cjs/chunks/{bundle-Cf7poviO.js → bundle-gdM2FJVk.js} +3 -3
  619. package/cjs/chunks/bundle-gdM2FJVk.js.map +1 -0
  620. package/cjs/chunks/{bundle-CwwjS2wm.js → bundle-it4IqMgV.js} +1 -1
  621. package/cjs/chunks/bundle-it4IqMgV.js.map +1 -0
  622. package/cjs/chunks/{bundle-D8QV4Pzq.js → bundle-lbZse1lr.js} +1 -1
  623. package/cjs/chunks/bundle-lbZse1lr.js.map +1 -0
  624. package/cjs/chunks/{bundle-BInYg-47.js → bundle-pfCkYPXZ.js} +2 -2
  625. package/cjs/chunks/bundle-pfCkYPXZ.js.map +1 -0
  626. package/cjs/chunks/{bundle-DCCzIB4Z.js → bundle-qQF5R3Ay.js} +8 -8
  627. package/cjs/chunks/bundle-qQF5R3Ay.js.map +1 -0
  628. package/cjs/chunks/{bundle-CFfYEK_i.js → bundle-sOaVMuOp.js} +3 -3
  629. package/cjs/chunks/bundle-sOaVMuOp.js.map +1 -0
  630. package/cjs/chunks/{bundle-BQCnDaTh.js → bundle-syH3v0-z.js} +2 -2
  631. package/cjs/chunks/bundle-syH3v0-z.js.map +1 -0
  632. package/cjs/chunks/{bundle-E1Tkj9Pc.js → bundle-wiHotMAw.js} +4 -4
  633. package/cjs/chunks/{bundle-E1Tkj9Pc.js.map → bundle-wiHotMAw.js.map} +1 -1
  634. package/cjs/chunks/bundle-zkb0kOAP.js +35 -0
  635. package/cjs/chunks/bundle-zkb0kOAP.js.map +1 -0
  636. package/cjs/hooks/useModal.js +15 -15
  637. package/cjs/index.js +83 -82
  638. package/cjs/index.js.map +1 -1
  639. package/cjs/pubSub/topics.js +1 -1
  640. package/cjs/sendbirdSelectors.js +2 -2
  641. package/cjs/ui/Accordion.js +2 -2
  642. package/cjs/ui/AccordionGroup.js +1 -1
  643. package/cjs/ui/AdminMessage.js +3 -3
  644. package/cjs/ui/Avatar.js +4 -4
  645. package/cjs/ui/Badge.js +5 -5
  646. package/cjs/ui/BottomSheet.js +15 -15
  647. package/cjs/ui/Button.js +3 -3
  648. package/cjs/ui/ChannelAvatar.js +5 -5
  649. package/cjs/ui/ConnectionStatus.js +6 -6
  650. package/cjs/ui/ContextMenu.js +11 -11
  651. package/cjs/ui/DateSeparator.js +4 -4
  652. package/cjs/ui/EmojiReactions.js +21 -21
  653. package/cjs/ui/FallbackTemplateMessageItemBody.tsx.js +8 -8
  654. package/cjs/ui/FileMessageItemBody.js +9 -9
  655. package/cjs/ui/FileViewer.js +18 -18
  656. package/cjs/ui/Header.js +6 -6
  657. package/cjs/ui/Icon.js +2 -2
  658. package/cjs/ui/IconButton.js +1 -1
  659. package/cjs/ui/ImageRenderer.js +2 -2
  660. package/cjs/ui/Input.js +3 -3
  661. package/cjs/ui/Label.js +3 -3
  662. package/cjs/ui/LinkLabel.js +4 -4
  663. package/cjs/ui/Loader.js +2 -2
  664. package/cjs/ui/LoadingTemplateMessageItemBody.tsx.js +2 -2
  665. package/cjs/ui/MentionLabel.js +15 -15
  666. package/cjs/ui/MentionUserLabel.js +2 -2
  667. package/cjs/ui/MessageContent.js +81 -79
  668. package/cjs/ui/MessageContent.js.map +1 -1
  669. package/cjs/ui/MessageFeedbackFailedModal.js +16 -16
  670. package/cjs/ui/MessageFeedbackModal.js +16 -16
  671. package/cjs/ui/MessageInput/hooks/usePaste.js +7 -7
  672. package/cjs/ui/MessageInput.js +16 -16
  673. package/cjs/ui/MessageItemMenu.js +12 -12
  674. package/cjs/ui/MessageItemReactionMenu.js +13 -13
  675. package/cjs/ui/MessageMenu.js +12 -12
  676. package/cjs/ui/MessageSearchFileItem.js +15 -15
  677. package/cjs/ui/MessageSearchItem.js +12 -12
  678. package/cjs/ui/MessageStatus.js +13 -13
  679. package/cjs/ui/MessageTemplate.js +1 -1
  680. package/cjs/ui/MobileFeedbackMenu.js +15 -15
  681. package/cjs/ui/MobileMenu.js +16 -16
  682. package/cjs/ui/Modal.js +15 -15
  683. package/cjs/ui/MutedAvatarOverlay.js +2 -2
  684. package/cjs/ui/OGMessageItemBody.js +19 -19
  685. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  686. package/cjs/ui/OpenChannelAvatar.js +8 -8
  687. package/cjs/ui/OpenchannelConversationHeader.js +8 -8
  688. package/cjs/ui/OpenchannelFileMessage.js +20 -20
  689. package/cjs/ui/OpenchannelOGMessage.js +22 -22
  690. package/cjs/ui/OpenchannelThumbnailMessage.js +19 -19
  691. package/cjs/ui/OpenchannelUserMessage.js +20 -20
  692. package/cjs/ui/PlaceHolder.js +6 -6
  693. package/cjs/ui/PlaybackTime.js +3 -3
  694. package/cjs/ui/ProgressBar.js +1 -1
  695. package/cjs/ui/QuoteMessage.js +10 -10
  696. package/cjs/ui/QuoteMessageInput.js +10 -10
  697. package/cjs/ui/ReactionBadge.js +3 -3
  698. package/cjs/ui/ReactionButton.js +4 -4
  699. package/cjs/ui/SortByRow.js +2 -2
  700. package/cjs/ui/TemplateMessageItemBody.js +10 -10
  701. package/cjs/ui/TextButton.js +2 -2
  702. package/cjs/ui/TextMessageItemBody.js +18 -18
  703. package/cjs/ui/ThreadReplies.js +8 -8
  704. package/cjs/ui/ThumbnailMessageItemBody.js +8 -8
  705. package/cjs/ui/Toggle.js +1 -1
  706. package/cjs/ui/Tooltip.js +3 -3
  707. package/cjs/ui/TooltipWrapper.js +1 -1
  708. package/cjs/ui/TypingIndicatorBubble.js +4 -4
  709. package/cjs/ui/UnknownMessageItemBody.js +8 -8
  710. package/cjs/ui/UserListItem.js +19 -19
  711. package/cjs/ui/UserListItemMenu.js +12 -12
  712. package/cjs/ui/UserProfile.js +10 -10
  713. package/cjs/ui/VoiceMessageInput.js +9 -9
  714. package/cjs/ui/VoiceMessageItemBody.js +15 -15
  715. package/cjs/ui/Word.js +15 -15
  716. package/cjs/useSendbirdStateContext.js +1 -1
  717. package/cjs/utils/message/isVoiceMessage.js +4 -4
  718. package/cjs/withSendbird.js +1 -1
  719. package/dist/index.css +1012 -441
  720. package/hooks/useModal.js +15 -15
  721. package/index.js +83 -82
  722. package/index.js.map +1 -1
  723. package/package.json +1 -1
  724. package/pubSub/topics.js +1 -1
  725. package/sendbirdSelectors.js +2 -2
  726. package/types/hooks/useHTMLTextDirection.d.ts +1 -0
  727. package/types/lib/Sendbird.d.ts +1 -0
  728. package/types/lib/types.d.ts +1 -0
  729. package/types/modules/App/index.d.ts +1 -0
  730. package/types/modules/App/types.d.ts +1 -0
  731. package/types/modules/ChannelSettings/index.d.ts +1 -1
  732. package/types/modules/GroupChannel/context/GroupChannelProvider.d.ts +1 -0
  733. package/types/utils/index.d.ts +3 -1
  734. package/ui/Accordion.js +2 -2
  735. package/ui/AccordionGroup.js +1 -1
  736. package/ui/AdminMessage.js +3 -3
  737. package/ui/Avatar.js +4 -4
  738. package/ui/Badge.js +5 -5
  739. package/ui/BottomSheet.js +15 -15
  740. package/ui/Button.js +3 -3
  741. package/ui/ChannelAvatar.js +5 -5
  742. package/ui/ConnectionStatus.js +6 -6
  743. package/ui/ContextMenu.js +11 -11
  744. package/ui/DateSeparator.js +4 -4
  745. package/ui/EmojiReactions.js +21 -21
  746. package/ui/FallbackTemplateMessageItemBody.tsx.js +8 -8
  747. package/ui/FileMessageItemBody.js +9 -9
  748. package/ui/FileViewer.js +18 -18
  749. package/ui/Header.js +6 -6
  750. package/ui/Icon.js +2 -2
  751. package/ui/IconButton.js +1 -1
  752. package/ui/ImageRenderer.js +2 -2
  753. package/ui/Input.js +3 -3
  754. package/ui/Label.js +3 -3
  755. package/ui/LinkLabel.js +4 -4
  756. package/ui/Loader.js +2 -2
  757. package/ui/LoadingTemplateMessageItemBody.tsx.js +2 -2
  758. package/ui/MentionLabel.js +15 -15
  759. package/ui/MentionUserLabel.js +2 -2
  760. package/ui/MessageContent.js +81 -79
  761. package/ui/MessageContent.js.map +1 -1
  762. package/ui/MessageFeedbackFailedModal.js +16 -16
  763. package/ui/MessageFeedbackModal.js +16 -16
  764. package/ui/MessageInput/hooks/usePaste.js +7 -7
  765. package/ui/MessageInput.js +16 -16
  766. package/ui/MessageItemMenu.js +12 -12
  767. package/ui/MessageItemReactionMenu.js +13 -13
  768. package/ui/MessageMenu.js +12 -12
  769. package/ui/MessageSearchFileItem.js +15 -15
  770. package/ui/MessageSearchItem.js +12 -12
  771. package/ui/MessageStatus.js +13 -13
  772. package/ui/MessageTemplate.js +1 -1
  773. package/ui/MobileFeedbackMenu.js +15 -15
  774. package/ui/MobileMenu.js +16 -16
  775. package/ui/Modal.js +15 -15
  776. package/ui/MutedAvatarOverlay.js +2 -2
  777. package/ui/OGMessageItemBody.js +19 -19
  778. package/ui/OpenChannelAdminMessage.js +3 -3
  779. package/ui/OpenChannelAvatar.js +8 -8
  780. package/ui/OpenchannelConversationHeader.js +8 -8
  781. package/ui/OpenchannelFileMessage.js +20 -20
  782. package/ui/OpenchannelOGMessage.js +22 -22
  783. package/ui/OpenchannelThumbnailMessage.js +19 -19
  784. package/ui/OpenchannelUserMessage.js +20 -20
  785. package/ui/PlaceHolder.js +6 -6
  786. package/ui/PlaybackTime.js +3 -3
  787. package/ui/ProgressBar.js +1 -1
  788. package/ui/QuoteMessage.js +10 -10
  789. package/ui/QuoteMessageInput.js +10 -10
  790. package/ui/ReactionBadge.js +3 -3
  791. package/ui/ReactionButton.js +4 -4
  792. package/ui/SortByRow.js +2 -2
  793. package/ui/TemplateMessageItemBody.js +10 -10
  794. package/ui/TextButton.js +2 -2
  795. package/ui/TextMessageItemBody.js +18 -18
  796. package/ui/ThreadReplies.js +8 -8
  797. package/ui/ThumbnailMessageItemBody.js +8 -8
  798. package/ui/Toggle.js +1 -1
  799. package/ui/Tooltip.js +3 -3
  800. package/ui/TooltipWrapper.js +1 -1
  801. package/ui/TypingIndicatorBubble.js +4 -4
  802. package/ui/UnknownMessageItemBody.js +8 -8
  803. package/ui/UserListItem.js +19 -19
  804. package/ui/UserListItemMenu.js +13 -13
  805. package/ui/UserProfile.js +10 -10
  806. package/ui/VoiceMessageInput.js +9 -9
  807. package/ui/VoiceMessageItemBody.js +15 -15
  808. package/ui/Word.js +15 -15
  809. package/useSendbirdStateContext.js +1 -1
  810. package/utils/message/isVoiceMessage.js +4 -4
  811. package/withSendbird.js +1 -1
  812. package/chunks/bundle-0nQK2G2O.js.map +0 -1
  813. package/chunks/bundle-0qSTzMXb.js.map +0 -1
  814. package/chunks/bundle-6BuULgEc.js.map +0 -1
  815. package/chunks/bundle-AfQS5DGf.js.map +0 -1
  816. package/chunks/bundle-B6edg1g0.js.map +0 -1
  817. package/chunks/bundle-B7BfObV1.js.map +0 -1
  818. package/chunks/bundle-BNDaXsLn.js.map +0 -1
  819. package/chunks/bundle-Ba2Z_B16.js.map +0 -1
  820. package/chunks/bundle-BgwzpLeQ.js.map +0 -1
  821. package/chunks/bundle-BqMHiKkl.js.map +0 -1
  822. package/chunks/bundle-BrTJ5Zbd.js.map +0 -1
  823. package/chunks/bundle-BsAIw_77.js.map +0 -1
  824. package/chunks/bundle-C3GXmMjX.js.map +0 -1
  825. package/chunks/bundle-C3Ty1Yuy.js.map +0 -1
  826. package/chunks/bundle-C3ktHDOc.js.map +0 -1
  827. package/chunks/bundle-CBUfFuFR.js.map +0 -1
  828. package/chunks/bundle-CFosTNce.js.map +0 -1
  829. package/chunks/bundle-CNWAfTVw.js.map +0 -1
  830. package/chunks/bundle-CRcPMrRq.js.map +0 -1
  831. package/chunks/bundle-CVBleWtM.js.map +0 -1
  832. package/chunks/bundle-CZUYMubi.js.map +0 -1
  833. package/chunks/bundle-Cf0UgZwi.js.map +0 -1
  834. package/chunks/bundle-ClMRT1R_.js.map +0 -1
  835. package/chunks/bundle-CpjASiz4.js.map +0 -1
  836. package/chunks/bundle-CqpGyIDR.js.map +0 -1
  837. package/chunks/bundle-CveCFQYP.js.map +0 -1
  838. package/chunks/bundle-Cx6lYGss.js.map +0 -1
  839. package/chunks/bundle-D0TYbkjN.js.map +0 -1
  840. package/chunks/bundle-D6ZpcPbH.js.map +0 -1
  841. package/chunks/bundle-DCMGp6rH.js.map +0 -1
  842. package/chunks/bundle-DGZ_h6Q3.js.map +0 -1
  843. package/chunks/bundle-DSn10d8F.js.map +0 -1
  844. package/chunks/bundle-DXRRGizV.js.map +0 -1
  845. package/chunks/bundle-Df65wuUZ.js.map +0 -1
  846. package/chunks/bundle-DhGZA5UP.js.map +0 -1
  847. package/chunks/bundle-DhKQeIfP.js.map +0 -1
  848. package/chunks/bundle-DofK8ySe.js.map +0 -1
  849. package/chunks/bundle-DvsVgg5f.js.map +0 -1
  850. package/chunks/bundle-GMlM2rlV.js.map +0 -1
  851. package/chunks/bundle-Gdl-rzQC.js.map +0 -1
  852. package/chunks/bundle-H8J7tAed.js.map +0 -1
  853. package/chunks/bundle-Zvm5CMGT.js.map +0 -1
  854. package/chunks/bundle-b6TpX_JP.js.map +0 -1
  855. package/chunks/bundle-bm4u5f1K.js.map +0 -1
  856. package/chunks/bundle-cQZ3UZoG.js.map +0 -1
  857. package/chunks/bundle-etuaqevl.js.map +0 -1
  858. package/chunks/bundle-f-SpnOx2.js.map +0 -1
  859. package/chunks/bundle-rA4afvKU.js.map +0 -1
  860. package/chunks/bundle-vuBlPTsL.js.map +0 -1
  861. package/chunks/bundle-y29vL7zu.js.map +0 -1
  862. package/cjs/chunks/bundle-6znhfpIB.js.map +0 -1
  863. package/cjs/chunks/bundle-B2fSsGeZ.js.map +0 -1
  864. package/cjs/chunks/bundle-B8BijbtU.js.map +0 -1
  865. package/cjs/chunks/bundle-B8eM_7mB.js.map +0 -1
  866. package/cjs/chunks/bundle-BInYg-47.js.map +0 -1
  867. package/cjs/chunks/bundle-BQCnDaTh.js.map +0 -1
  868. package/cjs/chunks/bundle-BSZgogl8.js.map +0 -1
  869. package/cjs/chunks/bundle-BTdldoB1.js.map +0 -1
  870. package/cjs/chunks/bundle-BTnBDw_3.js.map +0 -1
  871. package/cjs/chunks/bundle-BV2SpuVS.js.map +0 -1
  872. package/cjs/chunks/bundle-BXenYVc5.js.map +0 -1
  873. package/cjs/chunks/bundle-BYCOsGvE.js.map +0 -1
  874. package/cjs/chunks/bundle-BZCLEq3c.js.map +0 -1
  875. package/cjs/chunks/bundle-BafSf9GJ.js.map +0 -1
  876. package/cjs/chunks/bundle-BalOy4w3.js.map +0 -1
  877. package/cjs/chunks/bundle-BbDVZwAg.js.map +0 -1
  878. package/cjs/chunks/bundle-BhgTi0HE.js.map +0 -1
  879. package/cjs/chunks/bundle-Bl_NKoFI.js.map +0 -1
  880. package/cjs/chunks/bundle-BsUVmQmx.js.map +0 -1
  881. package/cjs/chunks/bundle-BzEWSzXp.js.map +0 -1
  882. package/cjs/chunks/bundle-C3xjGT8g.js.map +0 -1
  883. package/cjs/chunks/bundle-C7qjFv6F.js.map +0 -1
  884. package/cjs/chunks/bundle-CAofXETX.js.map +0 -1
  885. package/cjs/chunks/bundle-CC7ewM-Z.js.map +0 -1
  886. package/cjs/chunks/bundle-CFfYEK_i.js.map +0 -1
  887. package/cjs/chunks/bundle-CGBazQAC.js.map +0 -1
  888. package/cjs/chunks/bundle-COzM5cWS.js.map +0 -1
  889. package/cjs/chunks/bundle-C_QuzoFd.js.map +0 -1
  890. package/cjs/chunks/bundle-Cf7poviO.js.map +0 -1
  891. package/cjs/chunks/bundle-ClXoWwwH.js.map +0 -1
  892. package/cjs/chunks/bundle-Co8lVUvq.js.map +0 -1
  893. package/cjs/chunks/bundle-Cq7gxYWj.js.map +0 -1
  894. package/cjs/chunks/bundle-CqS517qU.js.map +0 -1
  895. package/cjs/chunks/bundle-CteyVr3n.js.map +0 -1
  896. package/cjs/chunks/bundle-CuQr5jRg.js.map +0 -1
  897. package/cjs/chunks/bundle-CwwjS2wm.js.map +0 -1
  898. package/cjs/chunks/bundle-Cy0nPHcx.js.map +0 -1
  899. package/cjs/chunks/bundle-D1D4kiAc.js.map +0 -1
  900. package/cjs/chunks/bundle-D2E4FfSM.js.map +0 -1
  901. package/cjs/chunks/bundle-D58niGxd.js.map +0 -1
  902. package/cjs/chunks/bundle-D8QV4Pzq.js.map +0 -1
  903. package/cjs/chunks/bundle-DAzWBBxC.js.map +0 -1
  904. package/cjs/chunks/bundle-DCCzIB4Z.js.map +0 -1
  905. package/cjs/chunks/bundle-DFDL4gbf.js.map +0 -1
  906. package/cjs/chunks/bundle-DHbhzk3E.js.map +0 -1
  907. package/cjs/chunks/bundle-DIWdCgyY.js.map +0 -1
  908. package/cjs/chunks/bundle-DPZ5pgOH.js.map +0 -1
  909. package/cjs/chunks/bundle-DW5WyVEg.js.map +0 -1
  910. package/cjs/chunks/bundle-DWHwWbeQ.js.map +0 -1
  911. package/cjs/chunks/bundle-DYiRJpFp.js.map +0 -1
  912. package/cjs/chunks/bundle-Db2msOTT.js.map +0 -1
  913. package/cjs/chunks/bundle-DeDM8_tg.js.map +0 -1
  914. package/cjs/chunks/bundle-DneJah8w.js.map +0 -1
  915. package/cjs/chunks/bundle-DpkHbKDj.js.map +0 -1
  916. package/cjs/chunks/bundle-KWSniLux.js.map +0 -1
  917. package/cjs/chunks/bundle-UHkELfwW.js.map +0 -1
  918. package/cjs/chunks/bundle-XwYWKPPB.js.map +0 -1
  919. package/cjs/chunks/bundle-_evj9wIW.js.map +0 -1
  920. package/cjs/chunks/bundle-ikSCkayP.js.map +0 -1
  921. package/cjs/chunks/bundle-rgW6YBQR.js.map +0 -1
  922. package/cjs/chunks/bundle-xw9pjZRm.js.map +0 -1
package/dist/index.css CHANGED
@@ -34,61 +34,71 @@
34
34
 
35
35
  .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
36
36
  position: absolute;
37
- left: 20px;
38
37
  top: 16px;
39
38
  }
40
39
 
40
+ [dir="ltr"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
41
+ left: 20px;
42
+ }
43
+
41
44
  [dir="rtl"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
42
- left: auto;
43
45
  right: 20px;
44
46
  }
45
47
 
46
48
  .sendbird-openchannel-conversation-header__left__title {
47
49
  position: absolute;
48
- left: 60px;
49
50
  top: 12px;
50
51
  }
51
52
 
53
+ [dir="ltr"] .sendbird-openchannel-conversation-header__left__title {
54
+ left: 60px;
55
+ }
56
+
52
57
  [dir="rtl"] .sendbird-openchannel-conversation-header__left__title {
53
- left: auto;
54
58
  right: 60px;
55
59
  }
56
60
 
57
61
  .sendbird-openchannel-conversation-header__left__sub-title {
58
62
  position: absolute;
59
- left: 60px;
60
63
  top: 36px;
61
64
  }
62
65
 
66
+ [dir="ltr"] .sendbird-openchannel-conversation-header__left__sub-title {
67
+ left: 60px;
68
+ }
69
+
63
70
  [dir="rtl"] .sendbird-openchannel-conversation-header__left__sub-title {
64
- left: auto;
65
71
  right: 60px;
66
72
  }
67
73
 
68
74
  .sendbird-openchannel-conversation-header__right {
69
75
  position: absolute;
70
76
  top: 0px;
71
- right: 0px;
72
77
  width: 64px;
73
78
  height: 64px;
74
79
  }
75
80
 
81
+ [dir="ltr"] .sendbird-openchannel-conversation-header__right {
82
+ right: 0px;
83
+ }
84
+
76
85
  [dir="rtl"] .sendbird-openchannel-conversation-header__right {
77
- right: auto;
78
86
  left: 0px;
79
87
  }
80
88
 
81
89
  .sendbird-openchannel-conversation-header__right__trigger {
82
90
  position: absolute;
83
91
  top: 16px;
84
- right: 16px;
85
92
  display: flex;
86
93
  align-items: center;
87
94
  justify-content: center;
88
95
  }
89
96
 
97
+ [dir="ltr"] .sendbird-openchannel-conversation-header__right__trigger {
98
+ right: 16px;
99
+ }
100
+
90
101
  [dir="rtl"] .sendbird-openchannel-conversation-header__right__trigger {
91
- right: auto;
92
102
  left: 16px;
93
103
  }
94
104
 
@@ -141,28 +151,31 @@
141
151
 
142
152
  .sendbird-theme--light .sendbird-open-channel-preview.selected {
143
153
  background-color: var(--sendbird-light-primary-100);
154
+ }
155
+
156
+ [dir="ltr"] .sendbird-theme--light .sendbird-open-channel-preview.selected {
144
157
  border-left: solid 4px var(--sendbird-light-primary-300);
145
158
  }
146
159
 
147
160
  [dir="rtl"] .sendbird-theme--light .sendbird-open-channel-preview.selected {
148
- border-left: none;
149
161
  border-right: solid 4px var(--sendbird-light-primary-300);
150
162
  }
151
163
 
152
164
  .sendbird-theme--dark .sendbird-open-channel-preview.selected {
153
165
  background-color: var(--sendbird-dark-primary-300);
166
+ }
167
+
168
+ [dir="ltr"] .sendbird-theme--dark .sendbird-open-channel-preview.selected {
154
169
  border-left: solid 4px var(--sendbird-dark-primary-200);
155
170
  }
156
171
 
157
172
  [dir="rtl"] .sendbird-theme--dark .sendbird-open-channel-preview.selected {
158
- border-left: none;
159
173
  border-right: solid 4px var(--sendbird-dark-primary-200);
160
174
  }
161
175
 
162
176
  .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
163
177
  position: relative;
164
178
  margin-top: 8px;
165
- margin-left: 16px;
166
179
  display: inline-flex;
167
180
  align-items: center;
168
181
  justify-content: center;
@@ -171,8 +184,11 @@
171
184
  box-sizing: border-box;
172
185
  }
173
186
 
187
+ [dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
188
+ margin-left: 16px;
189
+ }
190
+
174
191
  [dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
175
- margin-left: 0;
176
192
  margin-right: 16px;
177
193
  }
178
194
 
@@ -188,15 +204,17 @@
188
204
  .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
189
205
  position: relative;
190
206
  margin-top: 8px;
191
- margin-left: 16px;
192
207
  display: inline-flex;
193
208
  flex-direction: column;
194
209
  width: calc(100% - 100px);
195
210
  box-sizing: border-box;
196
211
  }
197
212
 
213
+ [dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
214
+ margin-left: 16px;
215
+ }
216
+
198
217
  [dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
199
- margin-left: 0;
200
218
  margin-right: 16px;
201
219
  }
202
220
 
@@ -233,12 +251,14 @@
233
251
 
234
252
  .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
235
253
  position: relative;
236
- margin-left: 4px;
237
254
  display: inline-flex;
238
255
  }
239
256
 
257
+ [dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
258
+ margin-left: 4px;
259
+ }
260
+
240
261
  [dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
241
- margin-left: 0;
242
262
  margin-right: 4px;
243
263
  }
244
264
 
@@ -263,7 +283,6 @@
263
283
 
264
284
  .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
265
285
  position: relative;
266
- margin-left: 4px;
267
286
  display: inline-flex;
268
287
  width: 160px;
269
288
  max-width: 160px;
@@ -274,8 +293,11 @@
274
293
  word-break: keep-all;
275
294
  }
276
295
 
296
+ [dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
297
+ margin-left: 4px;
298
+ }
299
+
277
300
  [dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
278
- margin-left: 0;
279
301
  margin-right: 4px;
280
302
  }
281
303
 
@@ -337,12 +359,14 @@
337
359
 
338
360
  .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
339
361
  position: relative;
340
- margin-left: 18px;
341
362
  display: inline-flex;
342
363
  }
343
364
 
365
+ [dir="ltr"] .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
366
+ margin-left: 18px;
367
+ }
368
+
344
369
  [dir="rtl"] .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
345
- margin-left: 0;
346
370
  margin-right: 18px;
347
371
  }
348
372
 
@@ -368,25 +392,23 @@
368
392
  width: 100%;
369
393
  }
370
394
 
371
- .sendbird-theme--light .sendbird-open-channel-list,
372
- .sendbird-theme--light .sendbird-open-channel-list-ui {
395
+ [dir="ltr"] .sendbird-theme--light .sendbird-open-channel-list,
396
+ [dir="ltr"] .sendbird-theme--light .sendbird-open-channel-list-ui {
373
397
  border-right: solid 1px var(--sendbird-light-onlight-04);
374
398
  }
375
399
 
376
400
  [dir="rtl"] .sendbird-theme--light .sendbird-open-channel-list,
377
401
  [dir="rtl"] .sendbird-theme--light .sendbird-open-channel-list-ui {
378
- border-right: none;
379
402
  border-left: solid 1px var(--sendbird-light-onlight-04);
380
403
  }
381
404
 
382
- .sendbird-theme--dark .sendbird-open-channel-list,
383
- .sendbird-theme--dark .sendbird-open-channel-list-ui {
405
+ [dir="ltr"] .sendbird-theme--dark .sendbird-open-channel-list,
406
+ [dir="ltr"] .sendbird-theme--dark .sendbird-open-channel-list-ui {
384
407
  border-right: solid 1px var(--sendbird-dark-ondark-04);
385
408
  }
386
409
 
387
410
  [dir="rtl"] .sendbird-theme--dark .sendbird-open-channel-list,
388
411
  [dir="rtl"] .sendbird-theme--dark .sendbird-open-channel-list-ui {
389
- border-right: none;
390
412
  border-left: solid 1px var(--sendbird-dark-ondark-04);
391
413
  }
392
414
 
@@ -416,15 +438,18 @@
416
438
  .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
417
439
  .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
418
440
  position: relative;
419
- margin-left: 24px;
420
441
  display: inline-flex;
421
442
  align-items: center;
422
443
  box-sizing: border-box;
423
444
  }
424
445
 
446
+ [dir="ltr"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
447
+ [dir="ltr"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
448
+ margin-left: 24px;
449
+ }
450
+
425
451
  [dir="rtl"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
426
452
  [dir="rtl"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
427
- margin-left: 0;
428
453
  margin-right: 24px;
429
454
  }
430
455
 
@@ -432,16 +457,19 @@
432
457
  .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
433
458
  position: absolute;
434
459
  top: 16px;
435
- right: 56px;
436
460
  display: inline-flex;
437
461
  align-items: center;
438
462
  justify-content: center;
439
463
  box-sizing: border-box;
440
464
  }
441
465
 
466
+ [dir="ltr"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
467
+ [dir="ltr"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
468
+ right: 56px;
469
+ }
470
+
442
471
  [dir="rtl"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
443
472
  [dir="rtl"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
444
- right: auto;
445
473
  left: 56px;
446
474
  }
447
475
 
@@ -449,16 +477,19 @@
449
477
  .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
450
478
  position: absolute;
451
479
  top: 16px;
452
- right: 16px;
453
480
  display: inline-flex;
454
481
  align-items: center;
455
482
  justify-content: center;
456
483
  box-sizing: border-box;
457
484
  }
458
485
 
486
+ [dir="ltr"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
487
+ [dir="ltr"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
488
+ right: 16px;
489
+ }
490
+
459
491
  [dir="rtl"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
460
492
  [dir="rtl"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
461
- right: auto;
462
493
  left: 16px;
463
494
  }
464
495
 
@@ -589,6 +620,153 @@
589
620
  --sendbird-font-family-default: "Roboto", sans-serif;
590
621
  --sendbird-message-balloon-width: 404px;
591
622
  }
623
+
624
+ .sendbird-message-content .sendbird-avatar-img {
625
+ top: 50%;
626
+ }
627
+
628
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-avatar-img {
629
+ left: 50%;
630
+ transform: translate(-50%, -50%);
631
+ }
632
+
633
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-avatar-img {
634
+ right: 50%;
635
+ transform: translate(50%, -50%);
636
+ }
637
+
638
+ .sendbird-message-content .sendbird-voice-message-item-body__playback-time {
639
+ position: absolute;
640
+ top: 15px;
641
+ }
642
+
643
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-voice-message-item-body__playback-time {
644
+ right: 12px;
645
+ left: unset;
646
+ }
647
+
648
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-voice-message-item-body__playback-time {
649
+ left: 12px;
650
+ right: unset;
651
+ }
652
+
653
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-reaction-badge__inner {
654
+ padding-left: 20px;
655
+ padding-right: 4px;
656
+ }
657
+
658
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-reaction-badge__inner {
659
+ padding-right: 20px;
660
+ padding-left: 4px;
661
+ }
662
+
663
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
664
+ left: 4px;
665
+ right: unset;
666
+ }
667
+
668
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
669
+ right: 4px;
670
+ left: unset;
671
+ }
672
+
673
+ .sendbird-thread-list-item-content .sendbird-avatar-img {
674
+ top: 50%;
675
+ }
676
+
677
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-avatar-img {
678
+ left: 50%;
679
+ transform: translate(-50%, -50%);
680
+ }
681
+
682
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-avatar-img {
683
+ right: 50%;
684
+ transform: translate(50%, -50%);
685
+ }
686
+
687
+ .sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time {
688
+ position: absolute;
689
+ top: 15px;
690
+ }
691
+
692
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time {
693
+ right: 12px;
694
+ left: unset;
695
+ }
696
+
697
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time {
698
+ left: 12px;
699
+ right: unset;
700
+ }
701
+
702
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner {
703
+ padding-left: 20px;
704
+ padding-right: 4px;
705
+ }
706
+
707
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner {
708
+ padding-right: 20px;
709
+ padding-left: 4px;
710
+ }
711
+
712
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
713
+ left: 4px;
714
+ right: unset;
715
+ }
716
+
717
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
718
+ right: 4px;
719
+ left: unset;
720
+ }
721
+
722
+ .sendbird-parent-message-info .sendbird-avatar-img {
723
+ top: 50%;
724
+ }
725
+
726
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-avatar-img {
727
+ left: 50%;
728
+ transform: translate(-50%, -50%);
729
+ }
730
+
731
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-avatar-img {
732
+ right: 50%;
733
+ transform: translate(50%, -50%);
734
+ }
735
+
736
+ .sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time {
737
+ position: absolute;
738
+ top: 15px;
739
+ }
740
+
741
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time {
742
+ right: 12px;
743
+ left: unset;
744
+ }
745
+
746
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time {
747
+ left: 12px;
748
+ right: unset;
749
+ }
750
+
751
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-reaction-badge__inner {
752
+ padding-left: 20px;
753
+ padding-right: 4px;
754
+ }
755
+
756
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-reaction-badge__inner {
757
+ padding-right: 20px;
758
+ padding-left: 4px;
759
+ }
760
+
761
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
762
+ left: 4px;
763
+ right: unset;
764
+ }
765
+
766
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
767
+ right: 4px;
768
+ left: unset;
769
+ }
592
770
  .sendbird-experimental__rem__units .sendbird-label--h-1 {
593
771
  font-size: 1.25rem;
594
772
  }
@@ -683,7 +861,6 @@
683
861
  .sendbird-modal {
684
862
  position: fixed;
685
863
  top: 0;
686
- left: 0;
687
864
  width: 100%;
688
865
  height: 100%;
689
866
  display: flex;
@@ -691,8 +868,11 @@
691
868
  justify-content: center;
692
869
  }
693
870
 
871
+ [dir="ltr"] .sendbird-modal {
872
+ left: 0;
873
+ }
874
+
694
875
  [dir="rtl"] .sendbird-modal {
695
- left: auto;
696
876
  right: 0;
697
877
  }
698
878
 
@@ -722,12 +902,14 @@
722
902
  .sendbird-modal__content .sendbird-modal__close {
723
903
  position: absolute;
724
904
  top: 16px;
725
- right: 16px;
726
905
  cursor: pointer;
727
906
  }
728
907
 
908
+ [dir="ltr"] .sendbird-modal__content .sendbird-modal__close {
909
+ right: 16px;
910
+ }
911
+
729
912
  [dir="rtl"] .sendbird-modal__content .sendbird-modal__close {
730
- right: auto;
731
913
  left: 16px;
732
914
  }
733
915
 
@@ -752,6 +934,9 @@
752
934
  flex-direction: row;
753
935
  justify-content: flex-end;
754
936
  margin-top: 32px;
937
+ }
938
+
939
+ [dir="ltr"] .sendbird-modal__content .sendbird-modal__footer {
755
940
  text-align: right;
756
941
  }
757
942
 
@@ -765,13 +950,15 @@
765
950
  }
766
951
 
767
952
  .sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child {
768
- margin-left: 8px;
769
953
  min-width: 80px;
770
954
  height: 40px;
771
955
  }
772
956
 
957
+ [dir="ltr"] .sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child {
958
+ margin-left: 8px;
959
+ }
960
+
773
961
  [dir="rtl"] .sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child {
774
- margin-left: 0;
775
962
  margin-right: 8px;
776
963
  }
777
964
 
@@ -781,11 +968,13 @@
781
968
  height: 100%;
782
969
  width: 100%;
783
970
  top: 0;
971
+ }
972
+
973
+ [dir="ltr"] .sendbird-modal__backdrop {
784
974
  left: 0;
785
975
  }
786
976
 
787
977
  [dir="rtl"] .sendbird-modal__backdrop {
788
- left: auto;
789
978
  right: 0;
790
979
  }
791
980
 
@@ -1682,7 +1871,6 @@
1682
1871
  .sendbird-dropdown__reaction-bar {
1683
1872
  position: absolute;
1684
1873
  top: 100%;
1685
- left: 0;
1686
1874
  min-width: 44px;
1687
1875
  max-width: 352px;
1688
1876
  max-height: 208px;
@@ -1693,8 +1881,11 @@
1693
1881
  list-style: none;
1694
1882
  }
1695
1883
 
1884
+ [dir="ltr"] .sendbird-dropdown__reaction-bar {
1885
+ left: 0;
1886
+ }
1887
+
1696
1888
  [dir="rtl"] .sendbird-dropdown__reaction-bar {
1697
- left: auto;
1698
1889
  right: 0;
1699
1890
  }
1700
1891
 
@@ -1716,13 +1907,15 @@
1716
1907
  background-color: transparent;
1717
1908
  position: fixed;
1718
1909
  top: 0;
1719
- left: 0;
1720
1910
  width: 100%;
1721
1911
  height: 100%;
1722
1912
  }
1723
1913
 
1914
+ [dir="ltr"] .sendbird-dropdown__menu-backdrop {
1915
+ left: 0;
1916
+ }
1917
+
1724
1918
  [dir="rtl"] .sendbird-dropdown__menu-backdrop {
1725
- left: auto;
1726
1919
  right: 0;
1727
1920
  }
1728
1921
  .sendbird-sort-by-row {
@@ -1857,7 +2050,7 @@
1857
2050
  bottom: 8px;
1858
2051
  }
1859
2052
 
1860
- .sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator .sendbird-conversation__footer__typing-indicator__text {
2053
+ [dir="ltr"] .sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator .sendbird-conversation__footer__typing-indicator__text {
1861
2054
  margin-left: 24px;
1862
2055
  margin-right: 10px;
1863
2056
  }
@@ -1902,12 +2095,11 @@
1902
2095
  cursor: pointer;
1903
2096
  }
1904
2097
 
1905
- .sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon {
2098
+ [dir="ltr"] .sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon {
1906
2099
  margin-right: 4px;
1907
2100
  }
1908
2101
 
1909
2102
  [dir="rtl"] .sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon {
1910
- margin-right: 0;
1911
2103
  margin-left: 4px;
1912
2104
  }
1913
2105
 
@@ -1931,11 +2123,13 @@
1931
2123
  .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in {
1932
2124
  display: flex;
1933
2125
  min-width: 60px;
2126
+ }
2127
+
2128
+ [dir="ltr"] .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in {
1934
2129
  margin-right: 2px;
1935
2130
  }
1936
2131
 
1937
2132
  [dir="rtl"] .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in {
1938
- margin-right: 0;
1939
2133
  margin-left: 2px;
1940
2134
  }
1941
2135
 
@@ -1979,13 +2173,16 @@
1979
2173
  align-items: center;
1980
2174
  height: 64px;
1981
2175
  min-height: 64px;
1982
- padding-left: 20px;
1983
- padding-right: 16px;
1984
2176
  overflow: hidden;
1985
2177
  text-overflow: ellipsis;
1986
2178
  box-sizing: border-box;
1987
2179
  }
1988
2180
 
2181
+ [dir="ltr"] .sendbird-chat-header {
2182
+ padding-left: 20px;
2183
+ padding-right: 16px;
2184
+ }
2185
+
1989
2186
  [dir="rtl"] .sendbird-chat-header {
1990
2187
  padding-right: 20px;
1991
2188
  padding-left: 16px;
@@ -2001,12 +2198,11 @@
2001
2198
  background-color: var(--sendbird-dark-background-600);
2002
2199
  }
2003
2200
 
2004
- .sendbird-chat-header__left {
2201
+ [dir="ltr"] .sendbird-chat-header__left {
2005
2202
  margin-right: 24px;
2006
2203
  }
2007
2204
 
2008
2205
  [dir="rtl"] .sendbird-chat-header__left {
2009
- margin-right: 0;
2010
2206
  margin-left: 24px;
2011
2207
  }
2012
2208
 
@@ -2018,14 +2214,17 @@
2018
2214
  }
2019
2215
 
2020
2216
  .sendbird-chat-header .sendbird-chat-header__left__title {
2021
- margin-left: 8px;
2022
- margin-right: 16px;
2023
2217
  overflow: hidden;
2024
2218
  text-overflow: ellipsis;
2025
2219
  white-space: nowrap;
2026
2220
  max-width: 780px;
2027
2221
  }
2028
2222
 
2223
+ [dir="ltr"] .sendbird-chat-header .sendbird-chat-header__left__title {
2224
+ margin-left: 8px;
2225
+ margin-right: 16px;
2226
+ }
2227
+
2029
2228
  [dir="rtl"] .sendbird-chat-header .sendbird-chat-header__left__title {
2030
2229
  margin-right: 8px;
2031
2230
  margin-left: 16px;
@@ -2041,12 +2240,11 @@
2041
2240
  text-overflow: ellipsis;
2042
2241
  }
2043
2242
 
2044
- .sendbird-chat-header .sendbird-chat-header__right__mute {
2243
+ [dir="ltr"] .sendbird-chat-header .sendbird-chat-header__right__mute {
2045
2244
  margin-right: 18px;
2046
2245
  }
2047
2246
 
2048
2247
  [dir="rtl"] .sendbird-chat-header .sendbird-chat-header__right__mute {
2049
- margin-right: 0;
2050
2248
  margin-left: 18px;
2051
2249
  }
2052
2250
 
@@ -2054,21 +2252,19 @@
2054
2252
  background-color: inherit;
2055
2253
  }
2056
2254
 
2057
- .sendbird-chat-header .sendbird-chat-header__right__info {
2255
+ [dir="ltr"] .sendbird-chat-header .sendbird-chat-header__right__info {
2058
2256
  margin-left: 16px;
2059
2257
  }
2060
2258
 
2061
2259
  [dir="rtl"] .sendbird-chat-header .sendbird-chat-header__right__info {
2062
- margin-left: 0;
2063
2260
  margin-right: 16px;
2064
2261
  }
2065
2262
 
2066
- .sendbird-chat-header__icon_back {
2263
+ [dir="ltr"] .sendbird-chat-header__icon_back {
2067
2264
  margin-right: 8px;
2068
2265
  }
2069
2266
 
2070
2267
  [dir="rtl"] .sendbird-chat-header__icon_back {
2071
- margin-right: 0;
2072
2268
  margin-left: 8px;
2073
2269
  }
2074
2270
  .sendbird-chat-header--default-avatar {
@@ -2080,6 +2276,14 @@
2080
2276
  border-radius: 50%;
2081
2277
  }
2082
2278
 
2279
+ [dir="rtl"] .sendbird-chat-header--default-avatar {
2280
+ .sendbird-icon {
2281
+ &.sendbird-icon-broadcast {
2282
+ transform: rotateY(180deg);
2283
+ }
2284
+ }
2285
+ }
2286
+
2083
2287
  .sendbird-theme--light .sendbird-chat-header--default-avatar {
2084
2288
  background-color: var(--sendbird-light-secondary-300);
2085
2289
  }
@@ -2151,14 +2355,16 @@
2151
2355
  align-items: center;
2152
2356
  display: flex;
2153
2357
  justify-content: center;
2154
- left: 50%;
2155
2358
  position: absolute;
2156
2359
  top: 50%;
2360
+ }
2361
+
2362
+ [dir="ltr"] .sendbird-avatar .sendbird-avatar-img {
2363
+ left: 50%;
2157
2364
  transform: translate(-50%, -50%);
2158
2365
  }
2159
2366
 
2160
2367
  [dir="rtl"] .sendbird-avatar .sendbird-avatar-img {
2161
- left: auto;
2162
2368
  right: 50%;
2163
2369
  transform: translate(50%, -50%);
2164
2370
  }
@@ -2171,7 +2377,7 @@
2171
2377
  background-color: var(--sendbird-dark-background-300);
2172
2378
  }
2173
2379
 
2174
- .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:first-child {
2380
+ [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:first-child {
2175
2381
  transform: translate(2%, -50%);
2176
2382
  }
2177
2383
 
@@ -2179,7 +2385,7 @@
2179
2385
  transform: translate(-2%, -50%);
2180
2386
  }
2181
2387
 
2182
- .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:last-child {
2388
+ [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:last-child {
2183
2389
  transform: translate(-102%, -50%);
2184
2390
  }
2185
2391
 
@@ -2187,7 +2393,7 @@
2187
2393
  transform: translate(102%, -50%);
2188
2394
  }
2189
2395
 
2190
- .sendbird-avatar .sendbird-avatar--inner__three-child--upper .sendbird-avatar-img:first-child {
2396
+ [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__three-child--upper .sendbird-avatar-img:first-child {
2191
2397
  transform: translate(-50%, -102%);
2192
2398
  }
2193
2399
 
@@ -2195,7 +2401,7 @@
2195
2401
  transform: translate(50%, -102%);
2196
2402
  }
2197
2403
 
2198
- .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:first-child {
2404
+ [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:first-child {
2199
2405
  transform: translate(-77%, -23%) scale(0.5);
2200
2406
  }
2201
2407
 
@@ -2203,7 +2409,7 @@
2203
2409
  transform: translate(77%, -23%) scale(0.5);
2204
2410
  }
2205
2411
 
2206
- .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child {
2412
+ [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child {
2207
2413
  transform: translate(-23%, -23%) scale(0.5);
2208
2414
  }
2209
2415
 
@@ -2211,7 +2417,7 @@
2211
2417
  transform: translate(23%, -23%) scale(0.5);
2212
2418
  }
2213
2419
 
2214
- .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:first-child {
2420
+ [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:first-child {
2215
2421
  transform: translate(-77%, -77%) scale(0.5);
2216
2422
  }
2217
2423
 
@@ -2219,7 +2425,7 @@
2219
2425
  transform: translate(77%, -77%) scale(0.5);
2220
2426
  }
2221
2427
 
2222
- .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2) {
2428
+ [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2) {
2223
2429
  transform: translate(-23%, -77%) scale(0.5);
2224
2430
  }
2225
2431
 
@@ -2227,7 +2433,7 @@
2227
2433
  transform: translate(23%, -77%) scale(0.5);
2228
2434
  }
2229
2435
 
2230
- .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3) {
2436
+ [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3) {
2231
2437
  transform: translate(-77%, -23%) scale(0.5);
2232
2438
  }
2233
2439
 
@@ -2235,7 +2441,7 @@
2235
2441
  transform: translate(77%, -23%) scale(0.5);
2236
2442
  }
2237
2443
 
2238
- .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child {
2444
+ [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child {
2239
2445
  transform: translate(-23%, -23%) scale(0.5);
2240
2446
  }
2241
2447
 
@@ -2317,17 +2523,18 @@
2317
2523
 
2318
2524
  .sendbird-ui-header__left {
2319
2525
  position: relative;
2320
- left: 0px;
2321
2526
  flex: 0 0 auto;
2322
2527
  display: inline-flex;
2323
2528
  align-items: center;
2529
+ }
2530
+
2531
+ [dir="ltr"] .sendbird-ui-header__left {
2532
+ left: 0px;
2324
2533
  margin-right: 8px;
2325
2534
  }
2326
2535
 
2327
2536
  [dir="rtl"] .sendbird-ui-header__left {
2328
- left: auto;
2329
2537
  right: 0px;
2330
- margin-right: 0;
2331
2538
  margin-left: 8px;
2332
2539
  }
2333
2540
 
@@ -2355,17 +2562,18 @@
2355
2562
 
2356
2563
  .sendbird-ui-header__right {
2357
2564
  position: relative;
2358
- right: 0px;
2359
2565
  flex: 0 0 auto;
2360
2566
  display: inline-flex;
2361
2567
  align-items: center;
2568
+ }
2569
+
2570
+ [dir="ltr"] .sendbird-ui-header__right {
2571
+ right: 0px;
2362
2572
  margin-left: 8px;
2363
2573
  }
2364
2574
 
2365
2575
  [dir="rtl"] .sendbird-ui-header__right {
2366
- right: auto;
2367
2576
  left: 0px;
2368
- margin-left: 0;
2369
2577
  margin-right: 8px;
2370
2578
  }
2371
2579
  .sendbird-textbutton {
@@ -2530,11 +2738,13 @@
2530
2738
  position: fixed;
2531
2739
  top: 0px;
2532
2740
  width: calc(100% - 50px);
2741
+ }
2742
+
2743
+ [dir="ltr"] .sendbird-conversation__messages__notification {
2533
2744
  margin-left: 25px;
2534
2745
  }
2535
2746
 
2536
2747
  [dir="rtl"] .sendbird-conversation__messages__notification {
2537
- margin-left: 0;
2538
2748
  margin-right: 25px;
2539
2749
  }
2540
2750
 
@@ -2544,14 +2754,16 @@
2544
2754
  align-items: center;
2545
2755
  justify-content: center;
2546
2756
  bottom: 30px;
2547
- left: calc(100% - 65px);
2548
2757
  width: 40px;
2549
2758
  height: 40px;
2550
2759
  border-radius: 24px;
2551
2760
  }
2552
2761
 
2762
+ [dir="ltr"] .sendbird-conversation__scroll-bottom-button {
2763
+ left: calc(100% - 65px);
2764
+ }
2765
+
2553
2766
  [dir="rtl"] .sendbird-conversation__scroll-bottom-button {
2554
- left: auto;
2555
2767
  right: calc(100% - 65px);
2556
2768
  }
2557
2769
 
@@ -2631,7 +2843,6 @@
2631
2843
  height: 56px;
2632
2844
  overflow-y: scroll;
2633
2845
  letter-spacing: normal;
2634
- padding: 18px 64px 18px 16px;
2635
2846
  box-sizing: border-box;
2636
2847
  resize: none;
2637
2848
  font-family: var(--sendbird-font-family-default);
@@ -2639,6 +2850,10 @@
2639
2850
  white-space: pre-wrap;
2640
2851
  }
2641
2852
 
2853
+ [dir="ltr"] .sendbird-message-input .sendbird-message-input--textarea {
2854
+ padding: 18px 64px 18px 16px;
2855
+ }
2856
+
2642
2857
  [dir="rtl"] .sendbird-message-input .sendbird-message-input--textarea {
2643
2858
  padding: 18px 16px 18px 64px;
2644
2859
  }
@@ -2687,59 +2902,66 @@
2687
2902
  position: absolute;
2688
2903
  pointer-events: none;
2689
2904
  top: 18px;
2690
- left: 16px;
2691
2905
  font-family: var(--sendbird-font-family-default);
2692
2906
  font-size: 14px;
2693
2907
  line-height: 1.43;
2694
2908
  }
2695
2909
 
2910
+ [dir="ltr"] .sendbird-message-input .sendbird-message-input--placeholder {
2911
+ left: 16px;
2912
+ }
2913
+
2696
2914
  [dir="rtl"] .sendbird-message-input .sendbird-message-input--placeholder {
2697
- left: auto;
2698
2915
  right: 16px;
2699
2916
  }
2700
2917
 
2701
2918
  .sendbird-message-input .sendbird-message-input--attach {
2702
2919
  position: absolute;
2703
2920
  padding: 6px;
2704
- right: 16px;
2705
2921
  bottom: 14px;
2706
2922
  }
2707
2923
 
2924
+ [dir="ltr"] .sendbird-message-input .sendbird-message-input--attach {
2925
+ right: 16px;
2926
+ }
2927
+
2708
2928
  [dir="rtl"] .sendbird-message-input .sendbird-message-input--attach {
2709
- right: auto;
2710
2929
  left: 16px;
2711
2930
  }
2712
2931
 
2713
- .sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled {
2932
+ [dir="ltr"] .sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled {
2714
2933
  right: 48px;
2715
2934
  }
2716
2935
 
2717
2936
  [dir="rtl"] .sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled {
2718
- right: auto;
2719
2937
  left: 48px;
2720
2938
  }
2721
2939
 
2722
2940
  .sendbird-message-input .sendbird-message-input--voice-message {
2723
2941
  position: absolute;
2724
2942
  padding: 6px;
2725
- right: 16px;
2726
2943
  bottom: 14px;
2727
2944
  }
2728
2945
 
2946
+ [dir="ltr"] .sendbird-message-input .sendbird-message-input--voice-message {
2947
+ right: 16px;
2948
+ }
2949
+
2729
2950
  [dir="rtl"] .sendbird-message-input .sendbird-message-input--voice-message {
2730
- right: auto;
2731
2951
  left: 16px;
2732
2952
  }
2733
2953
 
2734
2954
  .sendbird-message-input .sendbird-message-input--send {
2735
2955
  position: absolute;
2736
2956
  padding: 6px;
2737
- right: 16px;
2738
2957
  bottom: 14px;
2739
2958
  }
2740
2959
 
2960
+ [dir="ltr"] .sendbird-message-input .sendbird-message-input--send {
2961
+ right: 16px;
2962
+ }
2963
+
2741
2964
  [dir="rtl"] .sendbird-message-input .sendbird-message-input--send {
2742
- right: auto;
2743
2965
  left: 16px;
2744
2966
  transform: rotate(180deg);
2745
2967
  }
@@ -2762,20 +2984,22 @@
2762
2984
  }
2763
2985
 
2764
2986
  .sendbird-message-input--edit-action {
2765
- text-align: right;
2766
2987
  margin-top: 4px;
2767
2988
  }
2768
2989
 
2990
+ [dir="ltr"] .sendbird-message-input--edit-action {
2991
+ text-align: right;
2992
+ }
2993
+
2769
2994
  [dir="rtl"] .sendbird-message-input--edit-action {
2770
2995
  text-align: left;
2771
2996
  }
2772
2997
 
2773
- .sendbird-message-input--edit-action button:last-child {
2998
+ [dir="ltr"] .sendbird-message-input--edit-action button:last-child {
2774
2999
  margin-left: 8px;
2775
3000
  }
2776
3001
 
2777
3002
  [dir="rtl"] .sendbird-message-input--edit-action button:last-child {
2778
- margin-left: 0;
2779
3003
  margin-right: 8px;
2780
3004
  }
2781
3005
 
@@ -2857,12 +3081,14 @@
2857
3081
 
2858
3082
  .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar {
2859
3083
  bottom: 2px;
2860
- left: 0;
2861
3084
  position: absolute;
2862
3085
  }
2863
3086
 
2864
- [dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar {
2865
- left: auto;
3087
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar {
3088
+ left: 0;
3089
+ }
3090
+
3091
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar {
2866
3092
  right: 0;
2867
3093
  }
2868
3094
 
@@ -2895,12 +3121,14 @@
2895
3121
  flex-direction: row;
2896
3122
  min-width: 80px;
2897
3123
  position: absolute;
2898
- right: -84px;
2899
3124
  white-space: nowrap;
2900
3125
  }
2901
3126
 
2902
- [dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
2903
- right: auto;
3127
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
3128
+ right: -84px;
3129
+ }
3130
+
3131
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
2904
3132
  left: -84px;
2905
3133
  }
2906
3134
 
@@ -2912,11 +3140,13 @@
2912
3140
  min-width: -moz-fit-content;
2913
3141
  min-width: fit-content;
2914
3142
  bottom: -16px;
3143
+ }
3144
+
3145
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
2915
3146
  left: 2px;
2916
3147
  }
2917
3148
 
2918
- [dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
2919
- left: auto;
3149
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
2920
3150
  right: 2px;
2921
3151
  }
2922
3152
 
@@ -2924,25 +3154,29 @@
2924
3154
  min-width: -moz-fit-content;
2925
3155
  min-width: fit-content;
2926
3156
  bottom: -16px;
3157
+ }
3158
+
3159
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide {
2927
3160
  right: 2px;
2928
3161
  }
2929
3162
 
2930
- [dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide {
2931
- right: auto;
3163
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide {
2932
3164
  left: 2px;
2933
3165
  }
2934
3166
 
2935
3167
  .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name {
2936
3168
  margin-bottom: 4px;
2937
- margin-left: 12px;
2938
3169
  overflow: hidden;
2939
3170
  position: relative;
2940
3171
  text-overflow: ellipsis;
2941
3172
  width: 100%;
2942
3173
  }
2943
3174
 
2944
- [dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name {
2945
- margin-left: 0;
3175
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name {
3176
+ margin-left: 12px;
3177
+ }
3178
+
3179
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name {
2946
3180
  margin-right: 12px;
2947
3181
  }
2948
3182
 
@@ -2966,14 +3200,16 @@
2966
3200
 
2967
3201
  .sendbird-message-content.incoming .sendbird-message-content__right {
2968
3202
  display: inline-flex;
2969
- margin-left: 4px;
2970
3203
  padding-top: 18px;
2971
3204
  position: relative;
2972
3205
  width: 50px;
2973
3206
  }
2974
3207
 
2975
- [dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__right {
2976
- margin-left: 0;
3208
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__right {
3209
+ margin-left: 4px;
3210
+ }
3211
+
3212
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__right {
2977
3213
  margin-right: 4px;
2978
3214
  }
2979
3215
 
@@ -3036,12 +3272,14 @@
3036
3272
  display: none;
3037
3273
  flex-direction: row;
3038
3274
  position: absolute;
3039
- right: 4px;
3040
3275
  top: 2px;
3041
3276
  }
3042
3277
 
3043
- [dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu {
3044
- right: auto;
3278
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu {
3279
+ right: 4px;
3280
+ }
3281
+
3282
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu {
3045
3283
  left: 4px;
3046
3284
  }
3047
3285
 
@@ -3080,15 +3318,17 @@
3080
3318
  box-sizing: content-box;
3081
3319
  display: flex;
3082
3320
  justify-content: flex-end;
3083
- left: -84px;
3084
3321
  min-height: 16px;
3085
3322
  min-width: 80px;
3086
3323
  position: absolute;
3087
3324
  white-space: nowrap;
3088
3325
  }
3089
3326
 
3090
- [dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
3091
- left: auto;
3327
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
3328
+ left: -84px;
3329
+ }
3330
+
3331
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
3092
3332
  right: -84px;
3093
3333
  }
3094
3334
 
@@ -3105,11 +3345,13 @@
3105
3345
  min-width: -moz-fit-content;
3106
3346
  min-width: fit-content;
3107
3347
  bottom: -20px;
3348
+ }
3349
+
3350
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
3108
3351
  left: 2px;
3109
3352
  }
3110
3353
 
3111
- [dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
3112
- left: auto;
3354
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
3113
3355
  right: 2px;
3114
3356
  }
3115
3357
 
@@ -3117,11 +3359,13 @@
3117
3359
  min-width: -moz-fit-content;
3118
3360
  min-width: fit-content;
3119
3361
  bottom: -20px;
3362
+ }
3363
+
3364
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide {
3120
3365
  left: 2px;
3121
3366
  }
3122
3367
 
3123
- [dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide {
3124
- left: auto;
3368
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide {
3125
3369
  right: 2px;
3126
3370
  }
3127
3371
 
@@ -3147,11 +3391,11 @@
3147
3391
  position: relative;
3148
3392
  width: -moz-fit-content;
3149
3393
  width: fit-content;
3394
+ align-items: flex-end;
3150
3395
  }
3151
3396
 
3152
3397
  .sendbird-message-content__middle__body-container .sendbird-message-content__middle__message-item-body {
3153
3398
  box-sizing: border-box;
3154
- width: 100%;
3155
3399
  }
3156
3400
 
3157
3401
  .sendbird-message-content-reactions {
@@ -3245,11 +3489,13 @@
3245
3489
  .sendbird-message-status .sendbird-message-status__text {
3246
3490
  position: relative;
3247
3491
  display: inline-block;
3492
+ }
3493
+
3494
+ [dir="ltr"] .sendbird-message-status .sendbird-message-status__text {
3248
3495
  margin-left: 4px;
3249
3496
  }
3250
3497
 
3251
3498
  [dir="rtl"] .sendbird-message-status .sendbird-message-status__text {
3252
- margin-left: 0;
3253
3499
  margin-right: 4px;
3254
3500
  }
3255
3501
 
@@ -3342,9 +3588,12 @@
3342
3588
  }
3343
3589
 
3344
3590
  .sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge {
3591
+ margin-bottom: 4px;
3592
+ }
3593
+
3594
+ [dir="ltr"] .sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge {
3345
3595
  margin-left: 2px;
3346
3596
  margin-right: 1px;
3347
- margin-bottom: 4px;
3348
3597
  }
3349
3598
 
3350
3599
  [dir="rtl"] .sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge {
@@ -3368,12 +3617,11 @@
3368
3617
  height: 24px;
3369
3618
  }
3370
3619
 
3371
- .sendbird-emoji-reactions .sendbird-context-menu {
3620
+ [dir="ltr"] .sendbird-emoji-reactions .sendbird-context-menu {
3372
3621
  margin-left: 2px;
3373
3622
  }
3374
3623
 
3375
3624
  [dir="rtl"] .sendbird-emoji-reactions .sendbird-context-menu {
3376
- margin-left: 0;
3377
3625
  margin-right: 2px;
3378
3626
  }
3379
3627
  .sendbird-reaction-badge {
@@ -3434,12 +3682,11 @@
3434
3682
  border: solid 1px var(--sendbird-dark-primary-200);
3435
3683
  }
3436
3684
 
3437
- .sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
3685
+ [dir="ltr"] .sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
3438
3686
  left: 8px;
3439
3687
  }
3440
3688
 
3441
3689
  [dir="rtl"] .sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
3442
- left: auto;
3443
3690
  right: 8px;
3444
3691
  }
3445
3692
 
@@ -3479,6 +3726,9 @@
3479
3726
  flex-direction: row;
3480
3727
  align-items: center;
3481
3728
  justify-content: center;
3729
+ }
3730
+
3731
+ [dir="ltr"] .sendbird-reaction-badge__inner {
3482
3732
  padding-left: 20px;
3483
3733
  padding-right: 4px;
3484
3734
  }
@@ -3491,20 +3741,21 @@
3491
3741
  .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
3492
3742
  position: absolute;
3493
3743
  top: 2px;
3744
+ }
3745
+
3746
+ [dir="ltr"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
3494
3747
  left: 4px;
3495
3748
  }
3496
3749
 
3497
3750
  [dir="rtl"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
3498
- left: auto;
3499
3751
  right: 4px;
3500
3752
  }
3501
3753
 
3502
- .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count {
3754
+ [dir="ltr"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count {
3503
3755
  margin-left: 4px;
3504
3756
  }
3505
3757
 
3506
3758
  [dir="rtl"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count {
3507
- margin-left: 0;
3508
3759
  margin-right: 4px;
3509
3760
  }
3510
3761
  .sendbird-message__bottomsheet__reacted-members {
@@ -3547,13 +3798,15 @@
3547
3798
  .sendbird-bottomsheet {
3548
3799
  position: fixed;
3549
3800
  top: 0;
3550
- left: 0;
3551
3801
  width: 100%;
3552
3802
  height: 100%;
3553
3803
  }
3554
3804
 
3805
+ [dir="ltr"] .sendbird-bottomsheet {
3806
+ left: 0;
3807
+ }
3808
+
3555
3809
  [dir="rtl"] .sendbird-bottomsheet {
3556
- left: auto;
3557
3810
  right: 0;
3558
3811
  }
3559
3812
 
@@ -3561,12 +3814,14 @@
3561
3814
  position: fixed;
3562
3815
  z-index: 10001;
3563
3816
  bottom: 0;
3564
- left: 0;
3565
3817
  width: 100%;
3566
3818
  }
3567
3819
 
3820
+ [dir="ltr"] .sendbird-bottomsheet__content {
3821
+ left: 0;
3822
+ }
3823
+
3568
3824
  [dir="rtl"] .sendbird-bottomsheet__content {
3569
- left: auto;
3570
3825
  right: 0;
3571
3826
  }
3572
3827
 
@@ -3576,11 +3831,13 @@
3576
3831
  height: 100%;
3577
3832
  width: 100%;
3578
3833
  top: 0;
3834
+ }
3835
+
3836
+ [dir="ltr"] .sendbird-bottomsheet__backdrop {
3579
3837
  left: 0;
3580
3838
  }
3581
3839
 
3582
3840
  [dir="rtl"] .sendbird-bottomsheet__backdrop {
3583
- left: auto;
3584
3841
  right: 0;
3585
3842
  }
3586
3843
 
@@ -3616,41 +3873,47 @@
3616
3873
  .sendbird-user-list-item .sendbird-user-list-item__avatar {
3617
3874
  position: absolute;
3618
3875
  top: 8px;
3619
- left: 0px;
3620
3876
  cursor: pointer;
3621
3877
  z-index: 0;
3622
3878
  }
3623
3879
 
3880
+ [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__avatar {
3881
+ left: 0px;
3882
+ }
3883
+
3624
3884
  [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__avatar {
3625
- left: auto;
3626
3885
  right: 0px;
3627
3886
  }
3628
3887
 
3629
3888
  .sendbird-user-list-item .sendbird-muted-avatar {
3630
3889
  position: absolute;
3631
3890
  top: 8px;
3632
- left: 0px;
3633
3891
  pointer-events: none;
3634
3892
  z-index: 1;
3635
3893
  }
3636
3894
 
3895
+ [dir="ltr"] .sendbird-user-list-item .sendbird-muted-avatar {
3896
+ left: 0px;
3897
+ }
3898
+
3637
3899
  [dir="rtl"] .sendbird-user-list-item .sendbird-muted-avatar {
3638
- left: auto;
3639
3900
  right: 0px;
3640
3901
  }
3641
3902
 
3642
3903
  .sendbird-user-list-item .sendbird-user-list-item__title {
3643
3904
  position: absolute;
3644
3905
  top: 17px;
3645
- left: 56px;
3646
3906
  max-width: 250px;
3647
3907
  white-space: nowrap;
3648
3908
  overflow: hidden;
3649
3909
  text-overflow: ellipsis;
3650
3910
  }
3651
3911
 
3912
+ [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__title {
3913
+ left: 56px;
3914
+ }
3915
+
3652
3916
  [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__title {
3653
- left: auto;
3654
3917
  right: 56px;
3655
3918
  }
3656
3919
 
@@ -3661,15 +3924,17 @@
3661
3924
  .sendbird-user-list-item .sendbird-user-list-item__subtitle {
3662
3925
  position: absolute;
3663
3926
  top: 23px;
3664
- left: 140px;
3665
3927
  max-width: 237px;
3666
3928
  white-space: nowrap;
3667
3929
  overflow: hidden;
3668
3930
  text-overflow: ellipsis;
3669
3931
  }
3670
3932
 
3933
+ [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__subtitle {
3934
+ left: 140px;
3935
+ }
3936
+
3671
3937
  [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__subtitle {
3672
- left: auto;
3673
3938
  right: 140px;
3674
3939
  }
3675
3940
 
@@ -3680,42 +3945,47 @@
3680
3945
  .sendbird-user-list-item .sendbird-user-list-item__checkbox {
3681
3946
  position: absolute;
3682
3947
  top: 16px;
3948
+ }
3949
+
3950
+ [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__checkbox {
3683
3951
  right: 16px;
3684
3952
  }
3685
3953
 
3686
3954
  [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__checkbox {
3687
- right: auto;
3688
3955
  left: 16px;
3689
3956
  }
3690
3957
 
3691
3958
  .sendbird-user-list-item .sendbird-user-list-item__action {
3692
3959
  position: absolute;
3693
- right: 0;
3694
3960
  top: 10px;
3695
3961
  }
3696
3962
 
3963
+ [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__action {
3964
+ right: 0;
3965
+ }
3966
+
3697
3967
  [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__action {
3698
- right: auto;
3699
3968
  left: 0;
3700
3969
  }
3701
3970
 
3702
3971
  .sendbird-user-list-item .sendbird-user-list-item__operator {
3703
3972
  position: absolute;
3704
- right: 40px;
3705
3973
  top: 22px;
3706
3974
  }
3707
3975
 
3976
+ [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__operator {
3977
+ right: 40px;
3978
+ }
3979
+
3708
3980
  [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__operator {
3709
- right: auto;
3710
3981
  left: 40px;
3711
3982
  }
3712
3983
 
3713
- .sendbird-user-list-item .sendbird-user-list-item__operator.checkbox {
3984
+ [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__operator.checkbox {
3714
3985
  right: 66px;
3715
3986
  }
3716
3987
 
3717
3988
  [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__operator.checkbox {
3718
- right: auto;
3719
3989
  left: 66px;
3720
3990
  }
3721
3991
 
@@ -3724,11 +3994,13 @@
3724
3994
  position: relative;
3725
3995
  box-sizing: border-box;
3726
3996
  height: 40px;
3997
+ }
3998
+
3999
+ [dir="ltr"] .sendbird-user-list-item--small {
3727
4000
  padding-left: 12px;
3728
4001
  }
3729
4002
 
3730
4003
  [dir="rtl"] .sendbird-user-list-item--small {
3731
- padding-left: 0;
3732
4004
  padding-right: 12px;
3733
4005
  }
3734
4006
 
@@ -3741,42 +4013,48 @@
3741
4013
  .sendbird-user-list-item--small .sendbird-muted-avatar {
3742
4014
  position: absolute;
3743
4015
  top: 10px;
3744
- left: 12px;
3745
4016
  pointer-events: none;
3746
4017
  }
3747
4018
 
4019
+ [dir="ltr"] .sendbird-user-list-item--small .sendbird-muted-avatar {
4020
+ left: 12px;
4021
+ }
4022
+
3748
4023
  [dir="rtl"] .sendbird-user-list-item--small .sendbird-muted-avatar {
3749
- left: auto;
3750
4024
  right: 12px;
3751
4025
  }
3752
4026
 
3753
4027
  .sendbird-user-list-item--small .sendbird-user-list-item--small__title {
3754
4028
  position: absolute;
3755
4029
  top: 10px;
3756
- left: 54px;
3757
4030
  width: 160px;
3758
4031
  white-space: nowrap;
3759
4032
  overflow: hidden;
3760
4033
  text-overflow: ellipsis;
3761
4034
  }
3762
4035
 
4036
+ [dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__title {
4037
+ left: 54px;
4038
+ }
4039
+
3763
4040
  [dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__title {
3764
- left: auto;
3765
4041
  right: 54px;
3766
4042
  }
3767
4043
 
3768
4044
  .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle {
3769
4045
  position: absolute;
3770
4046
  top: 14px;
3771
- left: 140px;
3772
4047
  max-width: 237px;
3773
4048
  white-space: nowrap;
3774
4049
  overflow: hidden;
3775
4050
  text-overflow: ellipsis;
3776
4051
  }
3777
4052
 
4053
+ [dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle {
4054
+ left: 140px;
4055
+ }
4056
+
3778
4057
  [dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle {
3779
- left: auto;
3780
4058
  right: 140px;
3781
4059
  }
3782
4060
 
@@ -3787,34 +4065,40 @@
3787
4065
  .sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox {
3788
4066
  position: absolute;
3789
4067
  top: 16px;
4068
+ }
4069
+
4070
+ [dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox {
3790
4071
  right: 16px;
3791
4072
  }
3792
4073
 
3793
4074
  [dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox {
3794
- right: auto;
3795
4075
  left: 16px;
3796
4076
  }
3797
4077
 
3798
4078
  .sendbird-user-list-item--small .sendbird-user-list-item--small__action {
3799
4079
  display: none;
3800
4080
  position: absolute;
3801
- right: 10px;
3802
4081
  top: 4px;
3803
4082
  }
3804
4083
 
4084
+ [dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__action {
4085
+ right: 10px;
4086
+ }
4087
+
3805
4088
  [dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__action {
3806
- right: auto;
3807
4089
  left: 10px;
3808
4090
  }
3809
4091
 
3810
4092
  .sendbird-user-list-item--small .sendbird-user-list-item--small__operator {
3811
4093
  position: absolute;
3812
- right: 24px;
3813
4094
  top: 10px;
3814
4095
  }
3815
4096
 
4097
+ [dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__operator {
4098
+ right: 24px;
4099
+ }
4100
+
3816
4101
  [dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__operator {
3817
- right: auto;
3818
4102
  left: 24px;
3819
4103
  }
3820
4104
 
@@ -3853,11 +4137,13 @@
3853
4137
  .sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon {
3854
4138
  position: absolute;
3855
4139
  top: 4px;
4140
+ }
4141
+
4142
+ [dir="ltr"] .sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon {
3856
4143
  left: 4px;
3857
4144
  }
3858
4145
 
3859
4146
  [dir="rtl"] .sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon {
3860
- left: auto;
3861
4147
  right: 4px;
3862
4148
  }
3863
4149
 
@@ -3866,11 +4152,13 @@
3866
4152
  position: absolute;
3867
4153
  border-radius: 50%;
3868
4154
  top: 0;
4155
+ }
4156
+
4157
+ [dir="ltr"] .sendbird-muted-avatar .sendbird-muted-avatar__bg {
3869
4158
  left: 0;
3870
4159
  }
3871
4160
 
3872
4161
  [dir="rtl"] .sendbird-muted-avatar .sendbird-muted-avatar__bg {
3873
- left: auto;
3874
4162
  right: 0;
3875
4163
  }
3876
4164
 
@@ -3884,7 +4172,6 @@
3884
4172
  .sendbird-checkbox {
3885
4173
  display: inline-block;
3886
4174
  position: relative;
3887
- padding-left: 35px;
3888
4175
  margin-bottom: 12px;
3889
4176
  cursor: pointer;
3890
4177
  font-size: 22px;
@@ -3893,8 +4180,11 @@
3893
4180
  user-select: none;
3894
4181
  }
3895
4182
 
4183
+ [dir="ltr"] .sendbird-checkbox {
4184
+ padding-left: 35px;
4185
+ }
4186
+
3896
4187
  [dir="rtl"] .sendbird-checkbox {
3897
- padding-left: 0;
3898
4188
  padding-right: 35px;
3899
4189
  }
3900
4190
 
@@ -3909,15 +4199,17 @@
3909
4199
  .sendbird-checkbox--checkmark {
3910
4200
  position: absolute;
3911
4201
  top: 0;
3912
- left: 0;
3913
4202
  height: 18px;
3914
4203
  width: 18px;
3915
4204
  border-radius: 2px;
3916
4205
  background-color: inherit;
3917
4206
  }
3918
4207
 
4208
+ [dir="ltr"] .sendbird-checkbox--checkmark {
4209
+ left: 0;
4210
+ }
4211
+
3919
4212
  [dir="rtl"] .sendbird-checkbox--checkmark {
3920
- left: auto;
3921
4213
  right: 0;
3922
4214
  }
3923
4215
 
@@ -3980,34 +4272,38 @@
3980
4272
  }
3981
4273
 
3982
4274
  .sendbird-theme--light .sendbird-checkbox .sendbird-checkbox--checkmark:after {
3983
- left: 5px;
3984
4275
  top: -0.5px;
3985
4276
  width: 7px;
3986
4277
  height: 12px;
3987
4278
  border: solid var(--sendbird-light-background-50);
4279
+ }
4280
+
4281
+ [dir="ltr"] .sendbird-theme--light .sendbird-checkbox .sendbird-checkbox--checkmark:after {
4282
+ left: 5px;
3988
4283
  border-width: 0 2px 2px 0;
3989
4284
  transform: rotate(45deg);
3990
4285
  }
3991
4286
 
3992
4287
  [dir="rtl"] .sendbird-theme--light .sendbird-checkbox .sendbird-checkbox--checkmark:after {
3993
- left: auto;
3994
4288
  right: 5px;
3995
4289
  border-width: 0 0 2px 2px;
3996
4290
  transform: rotate(-45deg);
3997
4291
  }
3998
4292
 
3999
4293
  .sendbird-theme--dark .sendbird-checkbox .sendbird-checkbox--checkmark:after {
4000
- left: 5px;
4001
4294
  top: -0.5px;
4002
4295
  width: 7px;
4003
4296
  height: 12px;
4004
4297
  border: solid var(--sendbird-dark-background-600);
4298
+ }
4299
+
4300
+ [dir="ltr"] .sendbird-theme--dark .sendbird-checkbox .sendbird-checkbox--checkmark:after {
4301
+ left: 5px;
4005
4302
  border-width: 0 2px 2px 0;
4006
4303
  transform: rotate(45deg);
4007
4304
  }
4008
4305
 
4009
4306
  [dir="rtl"] .sendbird-theme--dark .sendbird-checkbox .sendbird-checkbox--checkmark:after {
4010
- left: auto;
4011
4307
  right: 5px;
4012
4308
  border-width: 0 0 2px 2px;
4013
4309
  transform: rotate(-45deg);
@@ -4077,6 +4373,10 @@
4077
4373
  overflow-x: hidden;
4078
4374
  text-overflow: ellipsis;
4079
4375
  display: block;
4376
+ }
4377
+
4378
+ [dir="ltr"] .sendbird__user-profile .sendbird__user-profile-userId--label,
4379
+ [dir="ltr"] .sendbird__user-profile .sendbird__user-profile-userId--value {
4080
4380
  text-align: left;
4081
4381
  }
4082
4382
 
@@ -4111,6 +4411,9 @@
4111
4411
  bottom: -4px;
4112
4412
  width: 8px;
4113
4413
  height: 8px;
4414
+ }
4415
+
4416
+ [dir="ltr"] .sendbird-tooltip::after {
4114
4417
  transform: rotate(45deg);
4115
4418
  }
4116
4419
 
@@ -4194,11 +4497,13 @@
4194
4497
  .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon {
4195
4498
  position: relative;
4196
4499
  margin-bottom: 4px;
4500
+ }
4501
+
4502
+ [dir="ltr"] .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon {
4197
4503
  margin-right: 4px;
4198
4504
  }
4199
4505
 
4200
4506
  [dir="rtl"] .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon {
4201
- margin-right: 0;
4202
4507
  margin-left: 4px;
4203
4508
  }
4204
4509
 
@@ -4356,12 +4661,11 @@
4356
4661
  background-color: var(--sendbird-dark-background-500);
4357
4662
  }
4358
4663
 
4359
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon {
4664
+ [dir="ltr"] .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon {
4360
4665
  margin-right: 2px;
4361
4666
  }
4362
4667
 
4363
4668
  [dir="rtl"] .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon {
4364
- margin-right: 0;
4365
4669
  margin-left: 2px;
4366
4670
  }
4367
4671
 
@@ -4375,20 +4679,21 @@
4375
4679
 
4376
4680
  .sendbird-message-content.outgoing .sendbird-quote-message__replied-to {
4377
4681
  flex-direction: row-reverse;
4682
+ }
4683
+
4684
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-quote-message__replied-to {
4378
4685
  padding-right: 0px;
4379
4686
  }
4380
4687
 
4381
- [dir="rtl"] .sendbird-message-content.outgoing .sendbird-quote-message__replied-to {
4382
- padding-right: 0;
4688
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-quote-message__replied-to {
4383
4689
  padding-left: 0px;
4384
4690
  }
4385
4691
 
4386
- .sendbird-message-content.incoming .sendbird-quote-message__replied-to {
4692
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-quote-message__replied-to {
4387
4693
  padding-left: 0px;
4388
4694
  }
4389
4695
 
4390
- [dir="rtl"] .sendbird-message-content.incoming .sendbird-quote-message__replied-to {
4391
- padding-left: 0;
4696
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-quote-message__replied-to {
4392
4697
  padding-right: 0px;
4393
4698
  }
4394
4699
  .sendbird-message__mobile-context-menu {
@@ -4443,15 +4748,17 @@
4443
4748
  }
4444
4749
 
4445
4750
  .sendbird-message__bottomsheet-reaction-bar {
4446
- padding-left: 0;
4447
4751
  display: flex;
4448
4752
  justify-content: center;
4449
4753
  margin-bottom: 0px;
4450
4754
  margin-top: 0;
4451
4755
  }
4452
4756
 
4453
- [dir="rtl"] .sendbird-message__bottomsheet-reaction-bar {
4757
+ [dir="ltr"] .sendbird-message__bottomsheet-reaction-bar {
4454
4758
  padding-left: 0;
4759
+ }
4760
+
4761
+ [dir="rtl"] .sendbird-message__bottomsheet-reaction-bar {
4455
4762
  padding-right: 0;
4456
4763
  }
4457
4764
 
@@ -4470,20 +4777,21 @@
4470
4777
  height: 48px;
4471
4778
  display: flex;
4472
4779
  align-items: center;
4780
+ }
4781
+
4782
+ [dir="ltr"] .sendbird-message__bottomsheet--action {
4473
4783
  padding-left: 16px;
4474
4784
  }
4475
4785
 
4476
4786
  [dir="rtl"] .sendbird-message__bottomsheet--action {
4477
- padding-left: 0;
4478
4787
  padding-right: 16px;
4479
4788
  }
4480
4789
 
4481
- .sendbird-message__bottomsheet--action .sendbird-icon {
4790
+ [dir="ltr"] .sendbird-message__bottomsheet--action .sendbird-icon {
4482
4791
  margin-right: 24px;
4483
4792
  }
4484
4793
 
4485
4794
  [dir="rtl"] .sendbird-message__bottomsheet--action .sendbird-icon {
4486
- margin-right: 0;
4487
4795
  margin-left: 24px;
4488
4796
  }
4489
4797
 
@@ -4554,35 +4862,38 @@
4554
4862
  .sendbird-ui-thread-replies__user-profiles__avatar__image {
4555
4863
  position: absolute;
4556
4864
  top: 0px;
4557
- left: 0px;
4558
4865
  width: 20px;
4559
4866
  height: 20px;
4560
4867
  }
4561
4868
 
4869
+ [dir="ltr"] .sendbird-ui-thread-replies__user-profiles__avatar__image {
4870
+ left: 0px;
4871
+ }
4872
+
4562
4873
  [dir="rtl"] .sendbird-ui-thread-replies__user-profiles__avatar__image {
4563
- left: auto;
4564
4874
  right: 0px;
4565
4875
  }
4566
4876
 
4567
4877
  .sendbird-ui-thread-replies__user-profiles__avatar__cover {
4568
4878
  position: absolute;
4569
4879
  top: 0px;
4570
- left: 0px;
4571
4880
  width: 20px;
4572
4881
  height: 20px;
4573
4882
  border-radius: 50%;
4574
4883
  background-color: var(--sendbird-light-overlay-01);
4575
4884
  }
4576
4885
 
4886
+ [dir="ltr"] .sendbird-ui-thread-replies__user-profiles__avatar__cover {
4887
+ left: 0px;
4888
+ }
4889
+
4577
4890
  [dir="rtl"] .sendbird-ui-thread-replies__user-profiles__avatar__cover {
4578
- left: auto;
4579
4891
  right: 0px;
4580
4892
  }
4581
4893
 
4582
4894
  .sendbird-ui-thread-replies__user-profiles__avatar__plus {
4583
4895
  position: absolute;
4584
4896
  top: 0px;
4585
- left: 0px;
4586
4897
  width: 20px;
4587
4898
  height: 20px;
4588
4899
  display: inline-flex;
@@ -4590,8 +4901,11 @@
4590
4901
  align-items: center;
4591
4902
  }
4592
4903
 
4904
+ [dir="ltr"] .sendbird-ui-thread-replies__user-profiles__avatar__plus {
4905
+ left: 0px;
4906
+ }
4907
+
4593
4908
  [dir="rtl"] .sendbird-ui-thread-replies__user-profiles__avatar__plus {
4594
- left: auto;
4595
4909
  right: 0px;
4596
4910
  }
4597
4911
 
@@ -4748,14 +5062,16 @@
4748
5062
  display: none;
4749
5063
  position: absolute;
4750
5064
  top: 0%;
4751
- left: 0;
4752
5065
  width: 100%;
4753
5066
  height: 100%;
4754
5067
  border-radius: 16px 16px 0px 0px;
4755
5068
  }
4756
5069
 
5070
+ [dir="ltr"] .sendbird-og-message-item-body .sendbird-og-message-item-body__cover {
5071
+ left: 0;
5072
+ }
5073
+
4757
5074
  [dir="rtl"] .sendbird-og-message-item-body .sendbird-og-message-item-body__cover {
4758
- left: auto;
4759
5075
  right: 0;
4760
5076
  }
4761
5077
 
@@ -4977,11 +5293,13 @@ div.sendbird-text-message-item-body {
4977
5293
  align-items: center;
4978
5294
  justify-content: center;
4979
5295
  border-radius: 8px;
5296
+ }
5297
+
5298
+ [dir="ltr"] .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
4980
5299
  margin-right: 8px;
4981
5300
  }
4982
5301
 
4983
5302
  [dir="rtl"] .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
4984
- margin-right: 0;
4985
5303
  margin-left: 8px;
4986
5304
  }
4987
5305
 
@@ -5044,12 +5362,14 @@ div.sendbird-text-message-item-body {
5044
5362
  height: 100%;
5045
5363
  position: fixed;
5046
5364
  top: 0;
5047
- left: 0;
5048
5365
  z-index: 100000;
5049
5366
  }
5050
5367
 
5368
+ [dir="ltr"] .sendbird-fileviewer {
5369
+ left: 0;
5370
+ }
5371
+
5051
5372
  [dir="rtl"] .sendbird-fileviewer {
5052
- left: auto;
5053
5373
  right: 0;
5054
5374
  }
5055
5375
 
@@ -5086,12 +5406,11 @@ div.sendbird-text-message-item-body {
5086
5406
  padding: 16px 20px;
5087
5407
  }
5088
5408
 
5089
- .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
5409
+ [dir="ltr"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
5090
5410
  margin-right: 8px;
5091
5411
  }
5092
5412
 
5093
5413
  [dir="rtl"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
5094
- margin-right: 0;
5095
5414
  margin-left: 8px;
5096
5415
  }
5097
5416
 
@@ -5105,12 +5424,14 @@ div.sendbird-text-message-item-body {
5105
5424
 
5106
5425
  .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
5107
5426
  display: inline-block;
5108
- margin-left: 8px;
5109
5427
  padding-top: 5px;
5110
5428
  }
5111
5429
 
5430
+ [dir="ltr"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
5431
+ margin-left: 8px;
5432
+ }
5433
+
5112
5434
  [dir="rtl"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
5113
- margin-left: 0;
5114
5435
  margin-right: 8px;
5115
5436
  }
5116
5437
 
@@ -5121,31 +5442,31 @@ div.sendbird-text-message-item-body {
5121
5442
  }
5122
5443
 
5123
5444
  .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
5124
- right: 0;
5125
5445
  display: flex;
5126
5446
  flex-direction: row;
5127
5447
  }
5128
5448
 
5449
+ [dir="ltr"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
5450
+ right: 0;
5451
+ }
5452
+
5129
5453
  [dir="rtl"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
5130
- right: auto;
5131
5454
  left: 0;
5132
5455
  }
5133
5456
 
5134
- .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
5457
+ [dir="ltr"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
5135
5458
  border-left: 1px solid var(--sendbird-light-onlight-04);
5136
5459
  }
5137
5460
 
5138
5461
  [dir="rtl"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
5139
- border-left: none;
5140
5462
  border-right: 1px solid var(--sendbird-light-onlight-04);
5141
5463
  }
5142
5464
 
5143
- .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
5465
+ [dir="ltr"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
5144
5466
  border-left: 1px solid var(--sendbird-dark-ondark-04);
5145
5467
  }
5146
5468
 
5147
5469
  [dir="rtl"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
5148
- border-left: none;
5149
5470
  border-right: 1px solid var(--sendbird-dark-ondark-04);
5150
5471
  }
5151
5472
 
@@ -5252,7 +5573,6 @@ div.sendbird-text-message-item-body {
5252
5573
  .sendbird-voice-message-item-body__status-button {
5253
5574
  position: relative;
5254
5575
  top: 8px;
5255
- left: 12px;
5256
5576
  display: inline-flex;
5257
5577
  justify-content: center;
5258
5578
  align-items: center;
@@ -5262,8 +5582,11 @@ div.sendbird-text-message-item-body {
5262
5582
  min-height: 34px;
5263
5583
  }
5264
5584
 
5585
+ [dir="ltr"] .sendbird-voice-message-item-body__status-button {
5586
+ left: 12px;
5587
+ }
5588
+
5265
5589
  [dir="rtl"] .sendbird-voice-message-item-body__status-button {
5266
- left: auto;
5267
5590
  right: 12px;
5268
5591
  }
5269
5592
 
@@ -5287,11 +5610,13 @@ div.sendbird-text-message-item-body {
5287
5610
  .sendbird-voice-message-item-body__playback-time {
5288
5611
  position: absolute;
5289
5612
  top: 15px;
5613
+ }
5614
+
5615
+ [dir="ltr"] .sendbird-voice-message-item-body__playback-time {
5290
5616
  right: 12px;
5291
5617
  }
5292
5618
 
5293
5619
  [dir="rtl"] .sendbird-voice-message-item-body__playback-time {
5294
- right: auto;
5295
5620
  left: 12px;
5296
5621
  }
5297
5622
 
@@ -5656,6 +5981,9 @@ div.sendbird-text-message-item-body {
5656
5981
  font-style: normal;
5657
5982
  line-height: 1.43;
5658
5983
  letter-spacing: normal;
5984
+ }
5985
+
5986
+ [dir="ltr"] .sb-message-template__text {
5659
5987
  text-align: left;
5660
5988
  }
5661
5989
 
@@ -5905,14 +6233,16 @@ div.sendbird-text-message-item-body {
5905
6233
  position: absolute;
5906
6234
  pointer-events: none;
5907
6235
  top: 10px;
5908
- left: 16px;
5909
6236
  font-family: var(--sendbird-font-family-default);
5910
6237
  font-size: 14px;
5911
6238
  line-height: 1.43;
5912
6239
  }
5913
6240
 
6241
+ [dir="ltr"] .sendbird-input .sendbird-input__placeholder {
6242
+ left: 16px;
6243
+ }
6244
+
5914
6245
  [dir="rtl"] .sendbird-input .sendbird-input__placeholder {
5915
- left: auto;
5916
6246
  right: 16px;
5917
6247
  }
5918
6248
 
@@ -5993,6 +6323,9 @@ div.sendbird-text-message-item-body {
5993
6323
  .sendbird--mobile-mode .sendbird-suggested-replies.horizontal {
5994
6324
  margin-left: -12px;
5995
6325
  margin-right: -12px;
6326
+ }
6327
+
6328
+ [dir="ltr"] .sendbird--mobile-mode .sendbird-suggested-replies.horizontal {
5996
6329
  padding-left: 52px;
5997
6330
  padding-right: 12px;
5998
6331
  }
@@ -6002,12 +6335,11 @@ div.sendbird-text-message-item-body {
6002
6335
  padding-left: 12px;
6003
6336
  }
6004
6337
 
6005
- .sendbird-suggested-replies.horizontal .sendbird-suggested-replies__option:not(:last-child) {
6338
+ [dir="ltr"] .sendbird-suggested-replies.horizontal .sendbird-suggested-replies__option:not(:last-child) {
6006
6339
  margin-right: 8px;
6007
6340
  }
6008
6341
 
6009
6342
  [dir="rtl"] .sendbird-suggested-replies.horizontal .sendbird-suggested-replies__option:not(:last-child) {
6010
- margin-right: 0;
6011
6343
  margin-left: 8px;
6012
6344
  }
6013
6345
 
@@ -6126,15 +6458,17 @@ div.sendbird-text-message-item-body {
6126
6458
  .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
6127
6459
  position: relative;
6128
6460
  display: inline-block;
6129
- margin-left: 16px;
6130
6461
  max-width: calc(100% - 250px);
6131
6462
  white-space: nowrap;
6132
6463
  overflow: hidden;
6133
6464
  text-overflow: ellipsis;
6134
6465
  }
6135
6466
 
6467
+ [dir="ltr"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
6468
+ margin-left: 16px;
6469
+ }
6470
+
6136
6471
  [dir="rtl"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
6137
- margin-left: 0;
6138
6472
  margin-right: 16px;
6139
6473
  }
6140
6474
 
@@ -6145,15 +6479,17 @@ div.sendbird-text-message-item-body {
6145
6479
  .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
6146
6480
  position: absolute;
6147
6481
  display: inline-block;
6148
- right: 16px;
6149
6482
  max-width: 180px;
6150
6483
  white-space: nowrap;
6151
6484
  overflow: hidden;
6152
6485
  text-overflow: ellipsis;
6153
6486
  }
6154
6487
 
6488
+ [dir="ltr"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
6489
+ right: 16px;
6490
+ }
6491
+
6155
6492
  [dir="rtl"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
6156
- right: auto;
6157
6493
  left: 16px;
6158
6494
  }
6159
6495
 
@@ -6176,12 +6512,11 @@ div.sendbird-text-message-item-body {
6176
6512
  background-color: var(--sendbird-dark-background-600);
6177
6513
  }
6178
6514
 
6179
- .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon {
6515
+ [dir="ltr"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon {
6180
6516
  margin-right: 4px;
6181
6517
  }
6182
6518
 
6183
6519
  [dir="rtl"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon {
6184
- margin-right: 0;
6185
6520
  margin-left: 4px;
6186
6521
  }
6187
6522
  /**
@@ -6208,12 +6543,14 @@ div.sendbird-text-message-item-body {
6208
6543
  height: 100%;
6209
6544
  position: fixed;
6210
6545
  top: 0;
6211
- left: 0;
6212
6546
  z-index: 100000;
6213
6547
  }
6214
6548
 
6549
+ [dir="ltr"] .sendbird-fileviewer {
6550
+ left: 0;
6551
+ }
6552
+
6215
6553
  [dir="rtl"] .sendbird-fileviewer {
6216
- left: auto;
6217
6554
  right: 0;
6218
6555
  }
6219
6556
 
@@ -6255,12 +6592,11 @@ div.sendbird-text-message-item-body {
6255
6592
  overflow: hidden;
6256
6593
  }
6257
6594
 
6258
- .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
6595
+ [dir="ltr"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
6259
6596
  margin-right: 8px;
6260
6597
  }
6261
6598
 
6262
6599
  [dir="rtl"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
6263
- margin-right: 0;
6264
6600
  margin-left: 8px;
6265
6601
  }
6266
6602
 
@@ -6274,36 +6610,42 @@ div.sendbird-text-message-item-body {
6274
6610
 
6275
6611
  .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__filename {
6276
6612
  position: absolute;
6277
- left: 64px;
6278
6613
  top: 10px;
6279
6614
  display: block;
6280
6615
  max-width: calc(100vw - 240px);
6281
6616
  }
6282
6617
 
6618
+ [dir="ltr"] .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__filename {
6619
+ left: 64px;
6620
+ }
6621
+
6283
6622
  [dir="rtl"] .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__filename {
6284
- left: auto;
6285
6623
  right: 64px;
6286
6624
  }
6287
6625
 
6288
6626
  .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
6289
6627
  display: inline-block;
6290
- margin-left: 8px;
6291
6628
  padding-top: 5px;
6292
6629
  }
6293
6630
 
6631
+ [dir="ltr"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
6632
+ margin-left: 8px;
6633
+ }
6634
+
6294
6635
  [dir="rtl"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
6295
- margin-left: 0;
6296
6636
  margin-right: 8px;
6297
6637
  }
6298
6638
 
6299
6639
  .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
6300
6640
  position: absolute;
6301
- left: 56px;
6302
6641
  top: 24px;
6303
6642
  }
6304
6643
 
6644
+ [dir="ltr"] .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
6645
+ left: 56px;
6646
+ }
6647
+
6305
6648
  [dir="rtl"] .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
6306
- left: auto;
6307
6649
  right: 56px;
6308
6650
  }
6309
6651
 
@@ -6314,31 +6656,31 @@ div.sendbird-text-message-item-body {
6314
6656
  }
6315
6657
 
6316
6658
  .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
6317
- right: 0;
6318
6659
  display: flex;
6319
6660
  flex-direction: row;
6320
6661
  }
6321
6662
 
6663
+ [dir="ltr"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
6664
+ right: 0;
6665
+ }
6666
+
6322
6667
  [dir="rtl"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
6323
- right: auto;
6324
6668
  left: 0;
6325
6669
  }
6326
6670
 
6327
- .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
6671
+ [dir="ltr"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
6328
6672
  border-left: 1px solid var(--sendbird-light-onlight-04);
6329
6673
  }
6330
6674
 
6331
6675
  [dir="rtl"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
6332
- border-left: none;
6333
6676
  border-right: 1px solid var(--sendbird-light-onlight-04);
6334
6677
  }
6335
6678
 
6336
- .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
6679
+ [dir="ltr"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
6337
6680
  border-left: 1px solid var(--sendbird-dark-ondark-04);
6338
6681
  }
6339
6682
 
6340
6683
  [dir="rtl"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
6341
- border-left: none;
6342
6684
  border-right: 1px solid var(--sendbird-dark-ondark-04);
6343
6685
  }
6344
6686
 
@@ -6429,11 +6771,13 @@ div.sendbird-text-message-item-body {
6429
6771
  display: flex;
6430
6772
  align-items: center;
6431
6773
  justify-content: center;
6774
+ }
6775
+
6776
+ [dir="ltr"] .sendbird-notification .sendbird-notification__text {
6432
6777
  margin-right: 8px;
6433
6778
  }
6434
6779
 
6435
6780
  [dir="rtl"] .sendbird-notification .sendbird-notification__text {
6436
- margin-right: 0;
6437
6781
  margin-left: 8px;
6438
6782
  }
6439
6783
 
@@ -6496,11 +6840,13 @@ div.sendbird-text-message-item-body {
6496
6840
  display: flex;
6497
6841
  align-items: center;
6498
6842
  justify-content: center;
6843
+ }
6844
+
6845
+ [dir="ltr"] .sendbird-notification .sendbird-notification__text {
6499
6846
  margin-right: 8px;
6500
6847
  }
6501
6848
 
6502
6849
  [dir="rtl"] .sendbird-notification .sendbird-notification__text {
6503
- margin-right: 0;
6504
6850
  margin-left: 8px;
6505
6851
  }
6506
6852
  .typing-dots-container {
@@ -6617,7 +6963,6 @@ div.sendbird-text-message-item-body {
6617
6963
  }
6618
6964
  .sendbird-quote_message_input {
6619
6965
  position: relative;
6620
- padding: 16px 80px 16px 40px;
6621
6966
  width: 100%;
6622
6967
  height: 76px;
6623
6968
  display: flex;
@@ -6625,6 +6970,10 @@ div.sendbird-text-message-item-body {
6625
6970
  box-sizing: border-box;
6626
6971
  }
6627
6972
 
6973
+ [dir="ltr"] .sendbird-quote_message_input {
6974
+ padding: 16px 80px 16px 40px;
6975
+ }
6976
+
6628
6977
  [dir="rtl"] .sendbird-quote_message_input {
6629
6978
  padding: 16px 40px 16px 80px;
6630
6979
  }
@@ -6679,11 +7028,13 @@ div.sendbird-text-message-item-body {
6679
7028
  .sendbird-quote_message_input .sendbird-quote_message_input__close-button {
6680
7029
  position: absolute;
6681
7030
  top: 26px;
7031
+ }
7032
+
7033
+ [dir="ltr"] .sendbird-quote_message_input .sendbird-quote_message_input__close-button {
6682
7034
  right: 40px;
6683
7035
  }
6684
7036
 
6685
7037
  [dir="rtl"] .sendbird-quote_message_input .sendbird-quote_message_input__close-button {
6686
- right: auto;
6687
7038
  left: 40px;
6688
7039
  }
6689
7040
 
@@ -6739,22 +7090,26 @@ div.sendbird-text-message-item-body {
6739
7090
  .sendbird-voice-message-input__indicator__on-rec {
6740
7091
  position: absolute;
6741
7092
  top: 14px;
7093
+ }
7094
+
7095
+ [dir="ltr"] .sendbird-voice-message-input__indicator__on-rec {
6742
7096
  right: 53px;
6743
7097
  }
6744
7098
 
6745
7099
  [dir="rtl"] .sendbird-voice-message-input__indicator__on-rec {
6746
- right: auto;
6747
7100
  left: 53px;
6748
7101
  }
6749
7102
 
6750
7103
  .sendbird-voice-message-input__indicator__playback-time {
6751
7104
  position: absolute;
6752
7105
  top: 10px;
7106
+ }
7107
+
7108
+ [dir="ltr"] .sendbird-voice-message-input__indicator__playback-time {
6753
7109
  right: 16px;
6754
7110
  }
6755
7111
 
6756
7112
  [dir="rtl"] .sendbird-voice-message-input__indicator__playback-time {
6757
- right: auto;
6758
7113
  left: 16px;
6759
7114
  }
6760
7115
 
@@ -6974,9 +7329,12 @@ div.sendbird-text-message-item-body {
6974
7329
  height: 64px;
6975
7330
  min-height: 64px;
6976
7331
  width: 320px;
7332
+ box-sizing: border-box;
7333
+ }
7334
+
7335
+ [dir="ltr"] .sendbird-channel-header {
6977
7336
  padding-left: 8px;
6978
7337
  padding-right: 16px;
6979
- box-sizing: border-box;
6980
7338
  }
6981
7339
 
6982
7340
  [dir="rtl"] .sendbird-channel-header {
@@ -7044,12 +7402,14 @@ div.sendbird-text-message-item-body {
7044
7402
  }
7045
7403
 
7046
7404
  .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right {
7047
- margin-left: 4px;
7048
7405
  padding-top: 8px;
7049
7406
  }
7050
7407
 
7408
+ [dir="ltr"] .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right {
7409
+ margin-left: 4px;
7410
+ }
7411
+
7051
7412
  [dir="rtl"] .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right {
7052
- margin-left: 0;
7053
7413
  margin-right: 4px;
7054
7414
  }
7055
7415
 
@@ -7064,12 +7424,14 @@ div.sendbird-text-message-item-body {
7064
7424
 
7065
7425
  .sendbird-channel-header .sendbird-channel-header__right-icon {
7066
7426
  position: absolute;
7067
- right: 16px;
7068
7427
  top: 16px;
7069
7428
  }
7070
7429
 
7430
+ [dir="ltr"] .sendbird-channel-header .sendbird-channel-header__right-icon {
7431
+ right: 16px;
7432
+ }
7433
+
7071
7434
  [dir="rtl"] .sendbird-channel-header .sendbird-channel-header__right-icon {
7072
- right: auto;
7073
7435
  left: 16px;
7074
7436
  }
7075
7437
  .sendbird-edit-user-profile section {
@@ -7092,11 +7454,13 @@ div.sendbird-text-message-item-body {
7092
7454
  .sendbird-edit-user-profile__img__avatar-button {
7093
7455
  position: absolute;
7094
7456
  top: 50px;
7457
+ }
7458
+
7459
+ [dir="ltr"] .sendbird-edit-user-profile__img__avatar-button {
7095
7460
  left: 96px;
7096
7461
  }
7097
7462
 
7098
7463
  [dir="rtl"] .sendbird-edit-user-profile__img__avatar-button {
7099
- left: auto;
7100
7464
  right: 96px;
7101
7465
  }
7102
7466
 
@@ -7171,11 +7535,13 @@ div.sendbird-text-message-item-body {
7171
7535
  .sendbird-channel-preview .sendbird-channel-preview__content {
7172
7536
  width: 100%;
7173
7537
  height: 100%;
7538
+ }
7539
+
7540
+ [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content {
7174
7541
  margin-left: 16px;
7175
7542
  }
7176
7543
 
7177
7544
  [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content {
7178
- margin-left: 0;
7179
7545
  margin-right: 16px;
7180
7546
  }
7181
7547
 
@@ -7202,12 +7568,11 @@ div.sendbird-text-message-item-body {
7202
7568
  text-overflow: ellipsis;
7203
7569
  }
7204
7570
 
7205
- .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__broadcast-icon {
7571
+ [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__broadcast-icon {
7206
7572
  padding-right: 4px;
7207
7573
  }
7208
7574
 
7209
7575
  [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__broadcast-icon {
7210
- padding-right: 0;
7211
7576
  padding-left: 4px;
7212
7577
  }
7213
7578
 
@@ -7221,31 +7586,34 @@ div.sendbird-text-message-item-body {
7221
7586
 
7222
7587
  .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members {
7223
7588
  margin-top: 2px;
7589
+ }
7590
+
7591
+ [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members {
7224
7592
  margin-left: 4px;
7225
7593
  }
7226
7594
 
7227
7595
  [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members {
7228
- margin-left: 0;
7229
7596
  margin-right: 4px;
7230
7597
  }
7231
7598
 
7232
- .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__frozen-icon {
7599
+ [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__frozen-icon {
7233
7600
  padding-left: 4px;
7234
7601
  }
7235
7602
 
7236
7603
  [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__frozen-icon {
7237
- padding-left: 0;
7238
7604
  padding-right: 4px;
7239
7605
  }
7240
7606
 
7241
7607
  .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at {
7242
- margin-left: 4px;
7243
7608
  margin-bottom: 4px;
7244
7609
  white-space: nowrap;
7245
7610
  }
7246
7611
 
7612
+ [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at {
7613
+ margin-left: 4px;
7614
+ }
7615
+
7247
7616
  [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at {
7248
- margin-left: 0;
7249
7617
  margin-right: 4px;
7250
7618
  }
7251
7619
 
@@ -7274,35 +7642,41 @@ div.sendbird-text-message-item-body {
7274
7642
  .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count {
7275
7643
  display: flex;
7276
7644
  align-items: center;
7277
- margin-left: 8px;
7278
7645
  margin-bottom: 12px;
7279
7646
  }
7280
7647
 
7648
+ [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count {
7649
+ margin-left: 8px;
7650
+ }
7651
+
7281
7652
  [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count {
7282
- margin-left: 0;
7283
7653
  margin-right: 8px;
7284
7654
  }
7285
7655
 
7286
7656
  .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention {
7287
7657
  display: inline-flex;
7288
7658
  align-items: center;
7659
+ }
7660
+
7661
+ [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention {
7289
7662
  margin-right: 4px;
7290
7663
  }
7291
7664
 
7292
7665
  [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention {
7293
- margin-right: 0;
7294
7666
  margin-left: 4px;
7295
7667
  }
7296
7668
 
7297
7669
  .sendbird-channel-preview .sendbird-channel-preview__action {
7298
7670
  position: absolute;
7299
7671
  top: 12px;
7300
- right: 12px;
7301
7672
  display: inline-block;
7302
7673
  }
7303
7674
 
7675
+ [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__action {
7676
+ right: 12px;
7677
+ }
7678
+
7304
7679
  [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__action {
7305
- right: auto;
7306
7680
  left: 12px;
7307
7681
  }
7308
7682
 
@@ -7330,7 +7704,7 @@ div.sendbird-text-message-item-body {
7330
7704
  display: none;
7331
7705
  }
7332
7706
 
7333
- .sendbird-channel-preview--active {
7707
+ [dir="ltr"] .sendbird-channel-preview--active {
7334
7708
  padding: 12px 16px 12px 12px;
7335
7709
  }
7336
7710
 
@@ -7339,24 +7713,28 @@ div.sendbird-text-message-item-body {
7339
7713
  }
7340
7714
 
7341
7715
  .sendbird-theme--light .sendbird-channel-preview--active {
7342
- border-left: solid 4px var(--sendbird-light-primary-300);
7343
7716
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
7344
7717
  background-color: var(--sendbird-light-primary-100);
7345
7718
  }
7346
7719
 
7720
+ [dir="ltr"] .sendbird-theme--light .sendbird-channel-preview--active {
7721
+ border-left: solid 4px var(--sendbird-light-primary-300);
7722
+ }
7723
+
7347
7724
  [dir="rtl"] .sendbird-theme--light .sendbird-channel-preview--active {
7348
- border-left: none;
7349
7725
  border-right: solid 4px var(--sendbird-light-primary-300);
7350
7726
  }
7351
7727
 
7352
7728
  .sendbird-theme--dark .sendbird-channel-preview--active {
7353
- border-left: solid 4px var(--sendbird-dark-primary-200);
7354
7729
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
7355
7730
  background-color: var(--sendbird-dark-background-700);
7356
7731
  }
7357
7732
 
7733
+ [dir="ltr"] .sendbird-theme--dark .sendbird-channel-preview--active {
7734
+ border-left: solid 4px var(--sendbird-dark-primary-200);
7735
+ }
7736
+
7358
7737
  [dir="rtl"] .sendbird-theme--dark .sendbird-channel-preview--active {
7359
- border-left: none;
7360
7738
  border-right: solid 4px var(--sendbird-dark-primary-200);
7361
7739
  }
7362
7740
 
@@ -7370,11 +7748,13 @@ div.sendbird-text-message-item-body {
7370
7748
 
7371
7749
  .sendbird--mobile-mode .sendbird-channel-preview__content__lower__unread-message-count {
7372
7750
  position: absolute;
7751
+ }
7752
+
7753
+ [dir="ltr"] .sendbird--mobile-mode .sendbird-channel-preview__content__lower__unread-message-count {
7373
7754
  right: 0;
7374
7755
  }
7375
7756
 
7376
7757
  [dir="rtl"] .sendbird--mobile-mode .sendbird-channel-preview__content__lower__unread-message-count {
7377
- right: auto;
7378
7758
  left: 0;
7379
7759
  }
7380
7760
  .sendbird-badge {
@@ -7459,10 +7839,13 @@ div.sendbird-text-message-item-body {
7459
7839
  }
7460
7840
 
7461
7841
  .sendbird-add-channel__rectangle-footer {
7462
- text-align: right;
7463
7842
  margin-top: 32px;
7464
7843
  }
7465
7844
 
7845
+ [dir="ltr"] .sendbird-add-channel__rectangle-footer {
7846
+ text-align: right;
7847
+ }
7848
+
7466
7849
  [dir="rtl"] .sendbird-add-channel__rectangle-footer {
7467
7850
  text-align: left;
7468
7851
  }
@@ -7481,11 +7864,13 @@ div.sendbird-text-message-item-body {
7481
7864
  .sendbird--mobile-mode .sendbird-add-channel__rectangle {
7482
7865
  min-width: 288px;
7483
7866
  width: 100%;
7867
+ }
7868
+
7869
+ [dir="ltr"] .sendbird--mobile-mode .sendbird-add-channel__rectangle {
7484
7870
  padding-right: 0;
7485
7871
  }
7486
7872
 
7487
7873
  [dir="rtl"] .sendbird--mobile-mode .sendbird-add-channel__rectangle {
7488
- padding-right: 0;
7489
7874
  padding-left: 0;
7490
7875
  }
7491
7876
 
@@ -7499,12 +7884,14 @@ div.sendbird-text-message-item-body {
7499
7884
 
7500
7885
  .sendbird-add-channel__rectangle .sendbird-icon {
7501
7886
  position: absolute;
7502
- left: 22px;
7503
7887
  top: 24px;
7504
7888
  }
7505
7889
 
7890
+ [dir="ltr"] .sendbird-add-channel__rectangle .sendbird-icon {
7891
+ left: 22px;
7892
+ }
7893
+
7506
7894
  [dir="rtl"] .sendbird-add-channel__rectangle .sendbird-icon {
7507
- left: auto;
7508
7895
  right: 22px;
7509
7896
  }
7510
7897
  .sendbird-create-channel--content {
@@ -7530,21 +7917,25 @@ div.sendbird-text-message-item-body {
7530
7917
 
7531
7918
  .sendbird-theme--light .sendbird-channel-settings {
7532
7919
  background-color: var(--sendbird-light-background-50);
7920
+ }
7921
+
7922
+ [dir="ltr"] .sendbird-theme--light .sendbird-channel-settings {
7533
7923
  border-left: 1px solid var(--sendbird-light-onlight-04);
7534
7924
  }
7535
7925
 
7536
7926
  [dir="rtl"] .sendbird-theme--light .sendbird-channel-settings {
7537
- border-left: none;
7538
7927
  border-right: 1px solid var(--sendbird-light-onlight-04);
7539
7928
  }
7540
7929
 
7541
7930
  .sendbird-theme--dark .sendbird-channel-settings {
7542
7931
  background-color: var(--sendbird-dark-background-600);
7932
+ }
7933
+
7934
+ [dir="ltr"] .sendbird-theme--dark .sendbird-channel-settings {
7543
7935
  border-left: 1px solid var(--sendbird-dark-background-600);
7544
7936
  }
7545
7937
 
7546
7938
  [dir="rtl"] .sendbird-theme--dark .sendbird-channel-settings {
7547
- border-left: none;
7548
7939
  border-right: 1px solid var(--sendbird-dark-background-600);
7549
7940
  }
7550
7941
 
@@ -7568,9 +7959,12 @@ div.sendbird-text-message-item-body {
7568
7959
  height: 64px;
7569
7960
  min-height: 64px;
7570
7961
  position: relative;
7962
+ box-sizing: border-box;
7963
+ }
7964
+
7965
+ [dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__header {
7571
7966
  padding-left: 24px;
7572
7967
  padding-right: 20px;
7573
- box-sizing: border-box;
7574
7968
  }
7575
7969
 
7576
7970
  [dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__header {
@@ -7597,6 +7991,9 @@ div.sendbird-text-message-item-body {
7597
7991
  .sendbird-channel-settings .sendbird-channel-settings__panel-item {
7598
7992
  cursor: pointer;
7599
7993
  position: relative;
7994
+ }
7995
+
7996
+ [dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-item {
7600
7997
  padding: 12px 22px 10px 56px;
7601
7998
  }
7602
7999
 
@@ -7642,25 +8039,27 @@ div.sendbird-text-message-item-body {
7642
8039
  top: 10px;
7643
8040
  }
7644
8041
 
7645
- .sendbird-channel-settings .sendbird-channel-settings__panel-icon-left {
8042
+ [dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-left {
7646
8043
  left: 16px;
7647
8044
  }
7648
8045
 
7649
8046
  [dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-left {
7650
- left: auto;
7651
8047
  right: 16px;
8048
+
8049
+ &.sendbird-channel-settings__panel-icon__leave {
8050
+ transform: rotate(180deg);
8051
+ }
7652
8052
  }
7653
8053
 
7654
- .sendbird-channel-settings .sendbird-channel-settings__panel-icon-right {
8054
+ [dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-right {
7655
8055
  right: 16px;
7656
8056
  }
7657
8057
 
7658
8058
  [dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-right {
7659
- right: auto;
7660
8059
  left: 16px;
7661
8060
  }
7662
8061
 
7663
- .sendbird-channel-settings .sendbird-channel-settings__panel-icon--open {
8062
+ [dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon--open {
7664
8063
  transform: rotate(90deg);
7665
8064
  }
7666
8065
 
@@ -7715,11 +8114,13 @@ div.sendbird-text-message-item-body {
7715
8114
  .sendbird-channel-profile .sendbird-channel-profile__edit {
7716
8115
  position: absolute;
7717
8116
  top: 10px;
8117
+ }
8118
+
8119
+ [dir="ltr"] .sendbird-channel-profile .sendbird-channel-profile__edit {
7718
8120
  right: 16px;
7719
8121
  }
7720
8122
 
7721
8123
  [dir="rtl"] .sendbird-channel-profile .sendbird-channel-profile__edit {
7722
- right: auto;
7723
8124
  left: 16px;
7724
8125
  }
7725
8126
 
@@ -7730,11 +8131,13 @@ div.sendbird-text-message-item-body {
7730
8131
  .channel-profile-form .channel-profile-form__avatar-button {
7731
8132
  position: absolute;
7732
8133
  top: 54px;
8134
+ }
8135
+
8136
+ [dir="ltr"] .channel-profile-form .channel-profile-form__avatar-button {
7733
8137
  left: 96px;
7734
8138
  }
7735
8139
 
7736
8140
  [dir="rtl"] .channel-profile-form .channel-profile-form__avatar-button {
7737
- left: auto;
7738
8141
  right: 96px;
7739
8142
  }
7740
8143
 
@@ -7774,11 +8177,13 @@ div.sendbird-text-message-item-body {
7774
8177
  }
7775
8178
  .sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon {
7776
8179
  position: absolute;
8180
+ }
8181
+
8182
+ [dir="ltr"] .sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon {
7777
8183
  left: 14px;
7778
8184
  }
7779
8185
 
7780
8186
  [dir="rtl"] .sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon {
7781
- left: auto;
7782
8187
  right: 14px;
7783
8188
  }
7784
8189
 
@@ -7796,12 +8201,11 @@ div.sendbird-text-message-item-body {
7796
8201
  max-height: 100%;
7797
8202
  }
7798
8203
 
7799
- .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
8204
+ [dir="ltr"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
7800
8205
  right: 72px;
7801
8206
  }
7802
8207
 
7803
8208
  [dir="rtl"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
7804
- right: auto;
7805
8209
  left: 72px;
7806
8210
  }
7807
8211
 
@@ -7819,6 +8223,9 @@ div.sendbird-text-message-item-body {
7819
8223
  .sendbird-channel-settings-accordion__footer {
7820
8224
  padding: 16px 12px;
7821
8225
  display: flex;
8226
+ }
8227
+
8228
+ [dir="ltr"] .sendbird-channel-settings-accordion__footer {
7822
8229
  justify-content: left;
7823
8230
  }
7824
8231
 
@@ -7826,18 +8233,20 @@ div.sendbird-text-message-item-body {
7826
8233
  justify-content: right;
7827
8234
  }
7828
8235
 
7829
- .sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2) {
8236
+ [dir="ltr"] .sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2) {
7830
8237
  margin-left: 8px;
7831
8238
  }
7832
8239
 
7833
8240
  [dir="rtl"] .sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2) {
7834
- margin-left: 0;
7835
8241
  margin-right: 8px;
7836
8242
  }
7837
8243
 
7838
8244
  .sendbird-channel-settings__freeze {
7839
8245
  max-width: 320px;
7840
8246
  position: relative;
8247
+ }
8248
+
8249
+ [dir="ltr"] .sendbird-channel-settings__freeze {
7841
8250
  padding: 12px 22px 10px 56px;
7842
8251
  }
7843
8252
 
@@ -7861,12 +8270,14 @@ div.sendbird-text-message-item-body {
7861
8270
 
7862
8271
  .sendbird-channel-settings__frozen-icon {
7863
8272
  position: absolute;
7864
- right: 20px;
7865
8273
  top: 12px;
7866
8274
  }
7867
8275
 
8276
+ [dir="ltr"] .sendbird-channel-settings__frozen-icon {
8277
+ right: 20px;
8278
+ }
8279
+
7868
8280
  [dir="rtl"] .sendbird-channel-settings__frozen-icon {
7869
- right: auto;
7870
8281
  left: 20px;
7871
8282
  }
7872
8283
 
@@ -7877,13 +8288,16 @@ div.sendbird-text-message-item-body {
7877
8288
  .sendbird-channel-settings__members-list .sendbird-badge,
7878
8289
  .sendbird-channel-settings__members .sendbird-badge {
7879
8290
  position: absolute;
8291
+ top: 12px;
8292
+ }
8293
+
8294
+ [dir="ltr"] .sendbird-channel-settings__members-list .sendbird-badge,
8295
+ [dir="ltr"] .sendbird-channel-settings__members .sendbird-badge {
7880
8296
  right: 44px;
7881
- top: 12px;
7882
8297
  }
7883
8298
 
7884
8299
  [dir="rtl"] .sendbird-channel-settings__members-list .sendbird-badge,
7885
8300
  [dir="rtl"] .sendbird-channel-settings__members .sendbird-badge {
7886
- right: auto;
7887
8301
  left: 44px;
7888
8302
  }
7889
8303
 
@@ -7916,12 +8330,11 @@ div.sendbird-text-message-item-body {
7916
8330
  max-height: 100%;
7917
8331
  }
7918
8332
 
7919
- .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
8333
+ [dir="ltr"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
7920
8334
  right: 72px;
7921
8335
  }
7922
8336
 
7923
8337
  [dir="rtl"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
7924
- right: auto;
7925
8338
  left: 72px;
7926
8339
  }
7927
8340
 
@@ -7931,11 +8344,13 @@ div.sendbird-text-message-item-body {
7931
8344
 
7932
8345
  .sendbird-channel-settings__badge {
7933
8346
  position: absolute;
8347
+ }
8348
+
8349
+ [dir="ltr"] .sendbird-channel-settings__badge {
7934
8350
  right: 48px;
7935
8351
  }
7936
8352
 
7937
8353
  [dir="rtl"] .sendbird-channel-settings__badge {
7938
- right: auto;
7939
8354
  left: 48px;
7940
8355
  }
7941
8356
 
@@ -7956,13 +8371,15 @@ div.sendbird-text-message-item-body {
7956
8371
  }
7957
8372
 
7958
8373
  .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer {
7959
- padding-left: 14px;
7960
8374
  padding-top: 14px;
7961
8375
  padding-bottom: 14px;
7962
8376
  }
7963
8377
 
8378
+ [dir="ltr"] .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer {
8379
+ padding-left: 14px;
8380
+ }
8381
+
7964
8382
  [dir="rtl"] .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer {
7965
- padding-left: 0;
7966
8383
  padding-right: 14px;
7967
8384
  }
7968
8385
 
@@ -8112,7 +8529,6 @@ div.sendbird-text-message-item-body {
8112
8529
  .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
8113
8530
  position: absolute;
8114
8531
  top: 14px;
8115
- left: 48px;
8116
8532
  margin: 0px;
8117
8533
  padding: 0px;
8118
8534
  border: 0px;
@@ -8121,8 +8537,11 @@ div.sendbird-text-message-item-body {
8121
8537
  width: calc(100% - 90px);
8122
8538
  }
8123
8539
 
8540
+ [dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
8541
+ left: 48px;
8542
+ }
8543
+
8124
8544
  [dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
8125
- left: auto;
8126
8545
  right: 48px;
8127
8546
  }
8128
8547
 
@@ -8136,12 +8555,11 @@ div.sendbird-text-message-item-body {
8136
8555
  background-color: var(--sendbird-dark-background-600);
8137
8556
  }
8138
8557
 
8139
- .sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-ui-header__middle__title {
8558
+ [dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-ui-header__middle__title {
8140
8559
  margin-left: 4px;
8141
8560
  }
8142
8561
 
8143
8562
  [dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-ui-header__middle__title {
8144
- margin-left: 0;
8145
8563
  margin-right: 4px;
8146
8564
  }
8147
8565
 
@@ -8170,33 +8588,39 @@ div.sendbird-text-message-item-body {
8170
8588
  .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon {
8171
8589
  position: absolute;
8172
8590
  top: 10px;
8591
+ }
8592
+
8593
+ [dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon {
8173
8594
  left: 16px;
8174
8595
  }
8175
8596
 
8176
8597
  [dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon {
8177
- left: auto;
8178
8598
  right: 16px;
8179
8599
  }
8180
8600
 
8181
8601
  .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner {
8182
8602
  position: absolute;
8183
8603
  top: 12px;
8604
+ }
8605
+
8606
+ [dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner {
8184
8607
  right: 12px;
8185
8608
  }
8186
8609
 
8187
8610
  [dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner {
8188
- right: auto;
8189
8611
  left: 12px;
8190
8612
  }
8191
8613
 
8192
8614
  .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button {
8193
8615
  position: absolute;
8194
8616
  top: 12px;
8617
+ }
8618
+
8619
+ [dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button {
8195
8620
  right: 12px;
8196
8621
  }
8197
8622
 
8198
8623
  [dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button {
8199
- right: auto;
8200
8624
  left: 12px;
8201
8625
  }
8202
8626
 
@@ -8292,11 +8716,13 @@ div.sendbird-text-message-item-body {
8292
8716
  .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at {
8293
8717
  position: absolute;
8294
8718
  top: 12px;
8719
+ }
8720
+
8721
+ [dir="ltr"] .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at {
8295
8722
  right: 18px;
8296
8723
  }
8297
8724
 
8298
8725
  [dir="rtl"] .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at {
8299
- right: auto;
8300
8726
  left: 18px;
8301
8727
  }
8302
8728
 
@@ -8385,7 +8811,6 @@ div.sendbird-text-message-item-body {
8385
8811
 
8386
8812
  .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon {
8387
8813
  position: relative;
8388
- margin-right: 4px;
8389
8814
  display: flex;
8390
8815
  align-items: center;
8391
8816
  justify-content: center;
@@ -8395,8 +8820,11 @@ div.sendbird-text-message-item-body {
8395
8820
  border-radius: 8px;
8396
8821
  }
8397
8822
 
8823
+ [dir="ltr"] .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon {
8824
+ margin-right: 4px;
8825
+ }
8826
+
8398
8827
  [dir="rtl"] .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon {
8399
- margin-right: 0;
8400
8828
  margin-left: 4px;
8401
8829
  }
8402
8830
 
@@ -8421,11 +8849,13 @@ div.sendbird-text-message-item-body {
8421
8849
  .sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at {
8422
8850
  position: absolute;
8423
8851
  top: 12px;
8852
+ }
8853
+
8854
+ [dir="ltr"] .sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at {
8424
8855
  right: 18px;
8425
8856
  }
8426
8857
 
8427
8858
  [dir="rtl"] .sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at {
8428
- right: auto;
8429
8859
  left: 18px;
8430
8860
  }
8431
8861
 
@@ -8441,21 +8871,19 @@ div.sendbird-text-message-item-body {
8441
8871
  background-color: var(--sendbird-dark-background-700);
8442
8872
  }
8443
8873
 
8444
- .sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
8874
+ [dir="ltr"] .sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
8445
8875
  border-left: 4px solid var(--sendbird-light-primary-300);
8446
8876
  }
8447
8877
 
8448
8878
  [dir="rtl"] .sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
8449
- border-left: none;
8450
8879
  border-right: 4px solid var(--sendbird-light-primary-300);
8451
8880
  }
8452
8881
 
8453
- .sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
8882
+ [dir="ltr"] .sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
8454
8883
  border-left: 4px solid var(--sendbird-dark-primary-200);
8455
8884
  }
8456
8885
 
8457
8886
  [dir="rtl"] .sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
8458
- border-left: none;
8459
8887
  border-right: 4px solid var(--sendbird-dark-primary-200);
8460
8888
  }
8461
8889
  .sendbird-thread-ui {
@@ -8469,24 +8897,28 @@ div.sendbird-text-message-item-body {
8469
8897
  }
8470
8898
 
8471
8899
  .sendbird-theme--light .sendbird-thread-ui {
8472
- border-right: 1px solid var(--sendbird-light-onlight-04);
8473
8900
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
8474
8901
  background-color: var(--sendbird-light-background-50);
8475
8902
  }
8476
8903
 
8904
+ [dir="ltr"] .sendbird-theme--light .sendbird-thread-ui {
8905
+ border-right: 1px solid var(--sendbird-light-onlight-04);
8906
+ }
8907
+
8477
8908
  [dir="rtl"] .sendbird-theme--light .sendbird-thread-ui {
8478
- border-right: none;
8479
8909
  border-left: 1px solid var(--sendbird-light-onlight-04);
8480
8910
  }
8481
8911
 
8482
8912
  .sendbird-theme--dark .sendbird-thread-ui {
8483
- border-right: 1px solid var(--sendbird-dark-ondark-04);
8484
8913
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
8485
8914
  background-color: var(--sendbird-dark-background-600);
8486
8915
  }
8487
8916
 
8917
+ [dir="ltr"] .sendbird-theme--dark .sendbird-thread-ui {
8918
+ border-right: 1px solid var(--sendbird-dark-ondark-04);
8919
+ }
8920
+
8488
8921
  [dir="rtl"] .sendbird-theme--dark .sendbird-thread-ui {
8489
- border-right: none;
8490
8922
  border-left: 1px solid var(--sendbird-dark-ondark-04);
8491
8923
  }
8492
8924
 
@@ -8567,14 +8999,17 @@ div.sendbird-text-message-item-body {
8567
8999
  width: 100%;
8568
9000
  height: -moz-fit-content;
8569
9001
  height: fit-content;
8570
- padding: 12px 12px 12px 16px;
8571
9002
  display: inline-flex;
8572
9003
  flex-direction: row;
8573
9004
  align-items: flex-start;
8574
9005
  box-sizing: border-box;
8575
9006
  }
8576
9007
 
8577
- [dir="rtl"] .sendbird-parent-message-info {
9008
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info {
9009
+ padding: 12px 12px 12px 16px;
9010
+ }
9011
+
9012
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info {
8578
9013
  padding: 12px 16px 12px 12px;
8579
9014
  }
8580
9015
 
@@ -8586,13 +9021,15 @@ div.sendbird-text-message-item-body {
8586
9021
 
8587
9022
  .sendbird-parent-message-info__content {
8588
9023
  position: relative;
8589
- margin-left: 12px;
8590
9024
  display: inline-flex;
8591
9025
  flex-direction: column;
8592
9026
  }
8593
9027
 
8594
- [dir="rtl"] .sendbird-parent-message-info__content {
8595
- margin-left: 0;
9028
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__content {
9029
+ margin-left: 12px;
9030
+ }
9031
+
9032
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__content {
8596
9033
  margin-right: 12px;
8597
9034
  }
8598
9035
 
@@ -8609,15 +9046,18 @@ div.sendbird-text-message-item-body {
8609
9046
  .sendbird-parent-message-info__content__info__sender-name,
8610
9047
  .sendbird-parent-message-info__content__info__sender-name--use-reaction {
8611
9048
  position: relative;
8612
- margin-right: 6px;
8613
9049
  word-break: keep-all;
8614
9050
  overflow: hidden;
8615
9051
  text-overflow: ellipsis;
8616
9052
  }
8617
9053
 
8618
- [dir="rtl"] .sendbird-parent-message-info__content__info__sender-name,
8619
- [dir="rtl"] .sendbird-parent-message-info__content__info__sender-name--use-reaction {
8620
- margin-right: 0;
9054
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__content__info__sender-name,
9055
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__content__info__sender-name--use-reaction {
9056
+ margin-right: 6px;
9057
+ }
9058
+
9059
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__content__info__sender-name,
9060
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__content__info__sender-name--use-reaction {
8621
9061
  margin-left: 6px;
8622
9062
  }
8623
9063
 
@@ -8688,11 +9128,13 @@ div.sendbird-text-message-item-body {
8688
9128
  flex-direction: row;
8689
9129
  position: absolute;
8690
9130
  top: 6px;
9131
+ }
9132
+
9133
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__menu-container {
8691
9134
  right: 12px;
8692
9135
  }
8693
9136
 
8694
- [dir="rtl"] .sendbird-parent-message-info__menu-container {
8695
- right: auto;
9137
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__menu-container {
8696
9138
  left: 12px;
8697
9139
  }
8698
9140
 
@@ -8755,14 +9197,17 @@ div.sendbird-text-message-item-body {
8755
9197
  .sendbird-parent-message-info-item__text-message,
8756
9198
  .sendbird-parent-message-info-item__og-field {
8757
9199
  display: inline-block;
8758
- padding-right: 4px;
8759
9200
  white-space: pre-line;
8760
9201
  word-break: break-all;
8761
9202
  }
8762
9203
 
8763
- [dir="rtl"] .sendbird-parent-message-info-item__text-message,
8764
- [dir="rtl"] .sendbird-parent-message-info-item__og-field {
8765
- padding-right: 0;
9204
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info-item__text-message,
9205
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info-item__og-field {
9206
+ padding-right: 4px;
9207
+ }
9208
+
9209
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info-item__text-message,
9210
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info-item__og-field {
8766
9211
  padding-left: 4px;
8767
9212
  }
8768
9213
 
@@ -8973,12 +9418,14 @@ div.sendbird-text-message-item-body {
8973
9418
 
8974
9419
  .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar {
8975
9420
  position: absolute;
8976
- left: 0px;
8977
9421
  bottom: 2px;
8978
9422
  }
8979
9423
 
8980
- [dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar {
8981
- left: auto;
9424
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar {
9425
+ left: 0px;
9426
+ }
9427
+
9428
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar {
8982
9429
  right: 0px;
8983
9430
  }
8984
9431
 
@@ -8992,15 +9439,17 @@ div.sendbird-text-message-item-body {
8992
9439
  .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
8993
9440
  position: absolute;
8994
9441
  bottom: 6px;
8995
- right: -84px;
8996
9442
  white-space: nowrap;
8997
9443
  display: flex;
8998
9444
  flex-direction: row;
8999
9445
  min-width: 80px;
9000
9446
  }
9001
9447
 
9002
- [dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
9003
- right: auto;
9448
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
9449
+ right: -84px;
9450
+ }
9451
+
9452
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
9004
9453
  left: -84px;
9005
9454
  }
9006
9455
 
@@ -9010,15 +9459,17 @@ div.sendbird-text-message-item-body {
9010
9459
 
9011
9460
  .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name {
9012
9461
  position: relative;
9013
- margin-left: 12px;
9014
9462
  margin-bottom: 4px;
9015
9463
  width: 100%;
9016
9464
  overflow: hidden;
9017
9465
  text-overflow: ellipsis;
9018
9466
  }
9019
9467
 
9020
- [dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name {
9021
- margin-left: 0;
9468
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name {
9469
+ margin-left: 12px;
9470
+ }
9471
+
9472
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name {
9022
9473
  margin-right: 12px;
9023
9474
  }
9024
9475
 
@@ -9044,12 +9495,14 @@ div.sendbird-text-message-item-body {
9044
9495
  position: relative;
9045
9496
  display: inline-flex;
9046
9497
  width: 50px;
9047
- margin-left: 4px;
9048
9498
  padding-top: 18px;
9049
9499
  }
9050
9500
 
9051
- [dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right {
9052
- margin-left: 0;
9501
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right {
9502
+ margin-left: 4px;
9503
+ }
9504
+
9505
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right {
9053
9506
  margin-right: 4px;
9054
9507
  }
9055
9508
 
@@ -9103,13 +9556,15 @@ div.sendbird-text-message-item-body {
9103
9556
  .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu {
9104
9557
  position: absolute;
9105
9558
  top: 2px;
9106
- right: 4px;
9107
9559
  flex-direction: row;
9108
9560
  display: none;
9109
9561
  }
9110
9562
 
9111
- [dir="rtl"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu {
9112
- right: auto;
9563
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu {
9564
+ right: 4px;
9565
+ }
9566
+
9567
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu {
9113
9568
  left: 4px;
9114
9569
  }
9115
9570
 
@@ -9145,7 +9600,6 @@ div.sendbird-text-message-item-body {
9145
9600
  .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
9146
9601
  position: absolute;
9147
9602
  bottom: 2px;
9148
- left: -84px;
9149
9603
  white-space: nowrap;
9150
9604
  display: flex;
9151
9605
  justify-content: flex-end;
@@ -9154,8 +9608,11 @@ div.sendbird-text-message-item-body {
9154
9608
  min-height: 16px;
9155
9609
  }
9156
9610
 
9157
- [dir="rtl"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
9158
- left: auto;
9611
+ .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
9612
+ left: -84px;
9613
+ }
9614
+
9615
+ .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
9159
9616
  right: -84px;
9160
9617
  }
9161
9618
 
@@ -9321,23 +9778,27 @@ div.sendbird-text-message-item-body {
9321
9778
 
9322
9779
  .sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
9323
9780
  border-top: 1px solid var(--sendbird-light-onlight-04);
9324
- border-right: 1px solid var(--sendbird-light-onlight-04);
9325
9781
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
9326
9782
  }
9327
9783
 
9784
+ [dir="ltr"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
9785
+ border-right: 1px solid var(--sendbird-light-onlight-04);
9786
+ }
9787
+
9328
9788
  [dir="rtl"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
9329
- border-right: none;
9330
9789
  border-left: 1px solid var(--sendbird-light-onlight-04);
9331
9790
  }
9332
9791
 
9333
9792
  .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
9334
9793
  border-top: 1px solid var(--sendbird-dark-background-600);
9335
- border-right: 1px solid var(--sendbird-dark-background-600);
9336
9794
  border-bottom: 1px solid var(--sendbird-dark-background-600);
9337
9795
  }
9338
9796
 
9797
+ [dir="ltr"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
9798
+ border-right: 1px solid var(--sendbird-dark-background-600);
9799
+ }
9800
+
9339
9801
  [dir="rtl"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
9340
- border-right: none;
9341
9802
  border-left: 1px solid var(--sendbird-dark-background-600);
9342
9803
  }
9343
9804
 
@@ -9353,23 +9814,27 @@ div.sendbird-text-message-item-body {
9353
9814
 
9354
9815
  .sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap {
9355
9816
  border-top: 1px solid var(--sendbird-light-onlight-04);
9356
- border-left: 1px solid var(--sendbird-light-onlight-04);
9357
9817
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
9358
9818
  }
9359
9819
 
9820
+ [dir="ltr"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap {
9821
+ border-left: 1px solid var(--sendbird-light-onlight-04);
9822
+ }
9823
+
9360
9824
  [dir="rtl"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap {
9361
- border-left: none;
9362
9825
  border-right: 1px solid var(--sendbird-light-onlight-04);
9363
9826
  }
9364
9827
 
9365
9828
  .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap {
9366
9829
  border-top: 1px solid var(--sendbird-dark-background-600);
9367
- border-left: 1px solid var(--sendbird-dark-background-600);
9368
9830
  border-bottom: 1px solid var(--sendbird-dark-background-600);
9369
9831
  }
9370
9832
 
9833
+ [dir="ltr"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap {
9834
+ border-left: 1px solid var(--sendbird-dark-background-600);
9835
+ }
9836
+
9371
9837
  [dir="rtl"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap {
9372
- border-left: none;
9373
9838
  border-right: 1px solid var(--sendbird-dark-background-600);
9374
9839
  }
9375
9840
 
@@ -9381,12 +9846,11 @@ div.sendbird-text-message-item-body {
9381
9846
  background-color: var(--sendbird-dark-background-700);
9382
9847
  }
9383
9848
 
9384
- .sendbird-app__wrap .sendbird-chat-header__search {
9849
+ [dir="ltr"] .sendbird-app__wrap .sendbird-chat-header__search {
9385
9850
  margin-right: 16px;
9386
9851
  }
9387
9852
 
9388
9853
  [dir="rtl"] .sendbird-app__wrap .sendbird-chat-header__search {
9389
- margin-right: 0;
9390
9854
  margin-left: 16px;
9391
9855
  }
9392
9856
 
@@ -9398,34 +9862,37 @@ div.sendbird-text-message-item-body {
9398
9862
  background-color: var(--sendbird-dark-background-700);
9399
9863
  }
9400
9864
 
9401
- .sendbird-app__wrap .sendbird-channel-settings {
9865
+ [dir="ltr"] .sendbird-app__wrap .sendbird-channel-settings {
9402
9866
  border-left: none;
9403
9867
  }
9404
9868
 
9405
9869
  [dir="rtl"] .sendbird-app__wrap .sendbird-channel-settings {
9406
- border-left: none;
9407
9870
  border-right: none;
9408
9871
  }
9409
9872
 
9410
9873
  .sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings {
9411
9874
  border-top: 1px solid var(--sendbird-light-onlight-04);
9412
- border-right: 1px solid var(--sendbird-light-onlight-04);
9413
9875
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
9414
9876
  }
9415
9877
 
9878
+ [dir="ltr"] .sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings {
9879
+ border-right: 1px solid var(--sendbird-light-onlight-04);
9880
+ }
9881
+
9416
9882
  [dir="rtl"] .sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings {
9417
- border-right: none;
9418
9883
  border-left: 1px solid var(--sendbird-light-onlight-04);
9419
9884
  }
9420
9885
 
9421
9886
  .sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings {
9422
9887
  border-top: 1px solid var(--sendbird-dark-background-600);
9423
- border-right: 1px solid var(--sendbird-dark-background-600);
9424
9888
  border-bottom: 1px solid var(--sendbird-dark-background-600);
9425
9889
  }
9426
9890
 
9891
+ [dir="ltr"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings {
9892
+ border-right: 1px solid var(--sendbird-dark-background-600);
9893
+ }
9894
+
9427
9895
  [dir="rtl"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings {
9428
- border-right: none;
9429
9896
  border-left: 1px solid var(--sendbird-dark-background-600);
9430
9897
  }
9431
9898
 
@@ -9490,12 +9957,14 @@ div.sendbird-text-message-item-body {
9490
9957
  }
9491
9958
  .sendbird-oepnchannel-header__icon_back {
9492
9959
  position: absolute;
9493
- left: 12px;
9494
9960
  top: 18px;
9495
9961
  }
9496
9962
 
9963
+ [dir="ltr"] .sendbird-oepnchannel-header__icon_back {
9964
+ left: 12px;
9965
+ }
9966
+
9497
9967
  [dir="rtl"] .sendbird-oepnchannel-header__icon_back {
9498
- left: auto;
9499
9968
  right: 12px;
9500
9969
  }
9501
9970
 
@@ -9526,88 +9995,95 @@ div.sendbird-text-message-item-body {
9526
9995
 
9527
9996
  .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
9528
9997
  position: absolute;
9529
- left: 20px;
9530
9998
  top: 16px;
9531
9999
  }
9532
10000
 
10001
+ [dir="ltr"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
10002
+ left: 20px;
10003
+ }
10004
+
9533
10005
  [dir="rtl"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
9534
- left: auto;
9535
10006
  right: 20px;
9536
10007
  }
9537
10008
 
9538
- .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
10009
+ [dir="ltr"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
9539
10010
  left: 50px;
9540
10011
  }
9541
10012
 
9542
10013
  [dir="rtl"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
9543
- left: auto;
9544
10014
  right: 50px;
9545
10015
  }
9546
10016
 
9547
10017
  .sendbird-openchannel-conversation-header__left__title {
9548
10018
  position: absolute;
9549
- left: 60px;
9550
10019
  top: 12px;
9551
10020
  }
9552
10021
 
10022
+ [dir="ltr"] .sendbird-openchannel-conversation-header__left__title {
10023
+ left: 60px;
10024
+ }
10025
+
9553
10026
  [dir="rtl"] .sendbird-openchannel-conversation-header__left__title {
9554
- left: auto;
9555
10027
  right: 60px;
9556
10028
  }
9557
10029
 
9558
- .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title {
10030
+ [dir="ltr"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title {
9559
10031
  left: 90px;
9560
10032
  }
9561
10033
 
9562
10034
  [dir="rtl"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title {
9563
- left: auto;
9564
10035
  right: 90px;
9565
10036
  }
9566
10037
 
9567
10038
  .sendbird-openchannel-conversation-header__left__sub-title {
9568
10039
  position: absolute;
9569
- left: 60px;
9570
10040
  top: 36px;
9571
10041
  }
9572
10042
 
10043
+ [dir="ltr"] .sendbird-openchannel-conversation-header__left__sub-title {
10044
+ left: 60px;
10045
+ }
10046
+
9573
10047
  [dir="rtl"] .sendbird-openchannel-conversation-header__left__sub-title {
9574
- left: auto;
9575
10048
  right: 60px;
9576
10049
  }
9577
10050
 
9578
- .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title {
10051
+ [dir="ltr"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title {
9579
10052
  left: 90px;
9580
10053
  }
9581
10054
 
9582
10055
  [dir="rtl"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title {
9583
- left: auto;
9584
10056
  right: 90px;
9585
10057
  }
9586
10058
 
9587
10059
  .sendbird-openchannel-conversation-header__right {
9588
10060
  position: absolute;
9589
10061
  top: 0px;
9590
- right: 0px;
9591
10062
  width: 64px;
9592
10063
  height: 64px;
9593
10064
  }
9594
10065
 
10066
+ [dir="ltr"] .sendbird-openchannel-conversation-header__right {
10067
+ right: 0px;
10068
+ }
10069
+
9595
10070
  [dir="rtl"] .sendbird-openchannel-conversation-header__right {
9596
- right: auto;
9597
10071
  left: 0px;
9598
10072
  }
9599
10073
 
9600
10074
  .sendbird-openchannel-conversation-header__right__trigger {
9601
10075
  position: absolute;
9602
10076
  top: 16px;
9603
- right: 16px;
9604
10077
  display: flex;
9605
10078
  align-items: center;
9606
10079
  justify-content: center;
9607
10080
  }
9608
10081
 
10082
+ [dir="ltr"] .sendbird-openchannel-conversation-header__right__trigger {
10083
+ right: 16px;
10084
+ }
10085
+
9609
10086
  [dir="rtl"] .sendbird-openchannel-conversation-header__right__trigger {
9610
- right: auto;
9611
10087
  left: 16px;
9612
10088
  }
9613
10089
 
@@ -9664,15 +10140,17 @@ div.sendbird-text-message-item-body {
9664
10140
  align-items: center;
9665
10141
  justify-content: center;
9666
10142
  bottom: 8px;
9667
- left: calc(50% - 20px);
9668
10143
  width: 40px;
9669
10144
  height: 40px;
9670
10145
  border-radius: 24px;
9671
10146
  z-index: 1;
9672
10147
  }
9673
10148
 
10149
+ [dir="ltr"] .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
10150
+ left: calc(50% - 20px);
10151
+ }
10152
+
9674
10153
  [dir="rtl"] .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
9675
- left: auto;
9676
10154
  right: calc(50% - 20px);
9677
10155
  }
9678
10156
 
@@ -9735,11 +10213,13 @@ div.sendbird-text-message-item-body {
9735
10213
  position: relative;
9736
10214
  display: flex;
9737
10215
  margin-top: 8px;
10216
+ }
10217
+
10218
+ [dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar {
9738
10219
  margin-left: 24px;
9739
10220
  }
9740
10221
 
9741
10222
  [dir="rtl"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar {
9742
- margin-left: 0;
9743
10223
  margin-right: 24px;
9744
10224
  }
9745
10225
 
@@ -9748,6 +10228,9 @@ div.sendbird-text-message-item-body {
9748
10228
  display: flex;
9749
10229
  flex-direction: column;
9750
10230
  width: 100%;
10231
+ }
10232
+
10233
+ [dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right {
9751
10234
  margin: 8px 24px 8px 12px;
9752
10235
  }
9753
10236
 
@@ -9769,11 +10252,13 @@ div.sendbird-text-message-item-body {
9769
10252
  .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at {
9770
10253
  position: relative;
9771
10254
  display: flex;
10255
+ }
10256
+
10257
+ [dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at {
9772
10258
  margin-left: 4px;
9773
10259
  }
9774
10260
 
9775
10261
  [dir="rtl"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at {
9776
- margin-left: 0;
9777
10262
  margin-right: 4px;
9778
10263
  }
9779
10264
 
@@ -9796,12 +10281,14 @@ div.sendbird-text-message-item-body {
9796
10281
 
9797
10282
  .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu {
9798
10283
  position: absolute;
9799
- right: 16px;
9800
10284
  display: none;
9801
10285
  }
9802
10286
 
10287
+ [dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu {
10288
+ right: 16px;
10289
+ }
10290
+
9803
10291
  [dir="rtl"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu {
9804
- right: auto;
9805
10292
  left: 16px;
9806
10293
  }
9807
10294
 
@@ -9896,11 +10383,13 @@ div.sendbird-text-message-item-body {
9896
10383
  position: absolute;
9897
10384
  display: flex;
9898
10385
  top: 8px;
10386
+ }
10387
+
10388
+ [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar {
9899
10389
  left: 24px;
9900
10390
  }
9901
10391
 
9902
10392
  [dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar {
9903
- left: auto;
9904
10393
  right: 24px;
9905
10394
  }
9906
10395
 
@@ -9909,6 +10398,9 @@ div.sendbird-text-message-item-body {
9909
10398
  display: flex;
9910
10399
  box-sizing: border-box;
9911
10400
  flex-direction: column;
10401
+ }
10402
+
10403
+ [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right {
9912
10404
  margin: 8px 24px 8px 12px;
9913
10405
  }
9914
10406
 
@@ -9930,11 +10422,13 @@ div.sendbird-text-message-item-body {
9930
10422
  .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at {
9931
10423
  position: relative;
9932
10424
  display: flex;
10425
+ }
10426
+
10427
+ [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at {
9933
10428
  margin-left: 4px;
9934
10429
  }
9935
10430
 
9936
10431
  [dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at {
9937
- margin-left: 0;
9938
10432
  margin-right: 4px;
9939
10433
  }
9940
10434
 
@@ -9955,12 +10449,14 @@ div.sendbird-text-message-item-body {
9955
10449
 
9956
10450
  .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu {
9957
10451
  position: absolute;
9958
- right: 16px;
9959
10452
  display: none;
9960
10453
  }
9961
10454
 
10455
+ [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu {
10456
+ right: 16px;
10457
+ }
10458
+
9962
10459
  [dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu {
9963
- right: auto;
9964
10460
  left: 16px;
9965
10461
  }
9966
10462
 
@@ -9993,13 +10489,15 @@ div.sendbird-text-message-item-body {
9993
10489
  box-sizing: border-box;
9994
10490
  width: calc(100% - 64px);
9995
10491
  max-width: 360px;
9996
- left: 64px;
9997
10492
  padding: 12px 12px 4px 12px;
9998
10493
  border-radius: 8px;
9999
10494
  }
10000
10495
 
10496
+ [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag {
10497
+ left: 64px;
10498
+ }
10499
+
10001
10500
  [dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag {
10002
- left: auto;
10003
10501
  right: 64px;
10004
10502
  }
10005
10503
 
@@ -10086,12 +10584,14 @@ div.sendbird-text-message-item-body {
10086
10584
 
10087
10585
  .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail {
10088
10586
  position: relative;
10089
- left: 64px;
10090
10587
  top: 2px;
10091
10588
  }
10092
10589
 
10590
+ [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail {
10591
+ left: 64px;
10592
+ }
10593
+
10093
10594
  [dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail {
10094
- left: auto;
10095
10595
  right: 64px;
10096
10596
  }
10097
10597
 
@@ -10145,11 +10645,13 @@ div.sendbird-text-message-item-body {
10145
10645
  position: absolute;
10146
10646
  display: inline;
10147
10647
  margin-top: 8px;
10648
+ }
10649
+
10650
+ [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar {
10148
10651
  margin-left: 28px;
10149
10652
  }
10150
10653
 
10151
10654
  [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar {
10152
- margin-left: 0;
10153
10655
  margin-right: 28px;
10154
10656
  }
10155
10657
 
@@ -10159,12 +10661,14 @@ div.sendbird-text-message-item-body {
10159
10661
  flex-direction: column;
10160
10662
  margin-top: 8px;
10161
10663
  margin-bottom: 8px;
10162
- margin-left: 12px;
10163
10664
  width: calc(100% - 64px);
10164
10665
  }
10165
10666
 
10667
+ [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right {
10668
+ margin-left: 12px;
10669
+ }
10670
+
10166
10671
  [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right {
10167
- margin-left: 0;
10168
10672
  margin-right: 12px;
10169
10673
  }
10170
10674
 
@@ -10177,11 +10681,13 @@ div.sendbird-text-message-item-body {
10177
10681
  .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name {
10178
10682
  position: relative;
10179
10683
  display: inline;
10684
+ }
10685
+
10686
+ [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name {
10180
10687
  margin-right: 4px;
10181
10688
  }
10182
10689
 
10183
10690
  [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name {
10184
- margin-right: 0;
10185
10691
  margin-left: 4px;
10186
10692
  }
10187
10693
 
@@ -10212,13 +10718,15 @@ div.sendbird-text-message-item-body {
10212
10718
  height: 100%;
10213
10719
  max-width: 360px;
10214
10720
  top: 0px;
10215
- left: 0px;
10216
10721
  border-radius: 8px;
10217
10722
  cursor: pointer;
10218
10723
  }
10219
10724
 
10725
+ [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
10726
+ left: 0px;
10727
+ }
10728
+
10220
10729
  [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
10221
- left: auto;
10222
10730
  right: 0px;
10223
10731
  }
10224
10732
 
@@ -10248,11 +10756,13 @@ div.sendbird-text-message-item-body {
10248
10756
  .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon {
10249
10757
  position: absolute;
10250
10758
  top: calc(50% - 28px);
10759
+ }
10760
+
10761
+ [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon {
10251
10762
  left: calc(50% - 28px);
10252
10763
  }
10253
10764
 
10254
10765
  [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon {
10255
- left: auto;
10256
10766
  right: calc(50% - 28px);
10257
10767
  }
10258
10768
 
@@ -10308,11 +10818,13 @@ div.sendbird-text-message-item-body {
10308
10818
  position: absolute;
10309
10819
  display: none;
10310
10820
  top: 8px;
10821
+ }
10822
+
10823
+ [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu {
10311
10824
  right: 16px;
10312
10825
  }
10313
10826
 
10314
10827
  [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu {
10315
- right: auto;
10316
10828
  left: 16px;
10317
10829
  }
10318
10830
  .sendbird-openchannel-file-message {
@@ -10344,11 +10856,13 @@ div.sendbird-text-message-item-body {
10344
10856
  position: absolute;
10345
10857
  display: block;
10346
10858
  margin-top: 8px;
10859
+ }
10860
+
10861
+ [dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar {
10347
10862
  margin-left: 24px;
10348
10863
  }
10349
10864
 
10350
10865
  [dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar {
10351
- margin-left: 0;
10352
10866
  margin-right: 24px;
10353
10867
  }
10354
10868
 
@@ -10356,13 +10870,15 @@ div.sendbird-text-message-item-body {
10356
10870
  position: relative;
10357
10871
  display: flex;
10358
10872
  flex-direction: column;
10359
- margin-left: 12px;
10360
10873
  margin-bottom: 4px;
10361
10874
  width: calc(100% - 64px);
10362
10875
  }
10363
10876
 
10877
+ [dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right {
10878
+ margin-left: 12px;
10879
+ }
10880
+
10364
10881
  [dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right {
10365
- margin-left: 0;
10366
10882
  margin-right: 12px;
10367
10883
  }
10368
10884
 
@@ -10380,11 +10896,13 @@ div.sendbird-text-message-item-body {
10380
10896
  .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at {
10381
10897
  position: relative;
10382
10898
  display: flex;
10899
+ }
10900
+
10901
+ [dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at {
10383
10902
  margin-left: 4px;
10384
10903
  }
10385
10904
 
10386
10905
  [dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at {
10387
- margin-left: 0;
10388
10906
  margin-right: 4px;
10389
10907
  }
10390
10908
 
@@ -10425,8 +10943,6 @@ div.sendbird-text-message-item-body {
10425
10943
  position: relative;
10426
10944
  display: flex;
10427
10945
  margin-top: 22px;
10428
- margin-right: 16px;
10429
- margin-left: 4px;
10430
10946
  overflow: hidden;
10431
10947
  height: 20px;
10432
10948
  max-height: 20px;
@@ -10434,6 +10950,11 @@ div.sendbird-text-message-item-body {
10434
10950
  white-space: nowrap;
10435
10951
  }
10436
10952
 
10953
+ [dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name {
10954
+ margin-right: 16px;
10955
+ margin-left: 4px;
10956
+ }
10957
+
10437
10958
  [dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name {
10438
10959
  margin-left: 16px;
10439
10960
  margin-right: 4px;
@@ -10443,11 +10964,13 @@ div.sendbird-text-message-item-body {
10443
10964
  position: absolute;
10444
10965
  display: none;
10445
10966
  top: 8px;
10967
+ }
10968
+
10969
+ [dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu {
10446
10970
  right: 16px;
10447
10971
  }
10448
10972
 
10449
10973
  [dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu {
10450
- right: auto;
10451
10974
  left: 16px;
10452
10975
  }
10453
10976
 
@@ -10480,55 +11003,66 @@ div.sendbird-text-message-item-body {
10480
11003
 
10481
11004
  .sendbird-theme--light .sendbird-openchannel-settings {
10482
11005
  background-color: var(--sendbird-light-background-50);
11006
+ }
11007
+
11008
+ [dir="ltr"] .sendbird-theme--light .sendbird-openchannel-settings {
10483
11009
  border-left: 1px solid var(--sendbird-light-onlight-04);
10484
11010
  }
10485
11011
 
10486
11012
  [dir="rtl"] .sendbird-theme--light .sendbird-openchannel-settings {
10487
- border-left: none;
10488
11013
  border-right: 1px solid var(--sendbird-light-onlight-04);
10489
11014
  }
10490
11015
 
10491
11016
  .sendbird-theme--dark .sendbird-openchannel-settings {
10492
11017
  background-color: var(--sendbird-dark-background-600);
11018
+ }
11019
+
11020
+ [dir="ltr"] .sendbird-theme--dark .sendbird-openchannel-settings {
10493
11021
  border-left: 1px solid var(--sendbird-dark-ondark-04);
10494
11022
  }
10495
11023
 
10496
11024
  [dir="rtl"] .sendbird-theme--dark .sendbird-openchannel-settings {
10497
- border-left: none;
10498
11025
  border-right: 1px solid var(--sendbird-dark-ondark-04);
10499
11026
  }
10500
11027
 
10501
11028
  .sendbird-openchannel-settings .sendbird-participants-accordion__footer {
10502
- text-align: left;
10503
11029
  padding-top: 16px;
11030
+ }
11031
+
11032
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__footer {
11033
+ text-align: left;
10504
11034
  padding-left: 16px;
10505
11035
  }
10506
11036
 
10507
11037
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__footer {
10508
11038
  text-align: right;
10509
- padding-left: 0;
10510
11039
  padding-right: 16px;
10511
11040
  }
10512
11041
 
10513
11042
  .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon {
10514
11043
  position: absolute;
11044
+ }
11045
+
11046
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon {
10515
11047
  left: 14px;
10516
11048
  }
10517
11049
 
10518
11050
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon {
10519
- left: auto;
10520
11051
  right: 14px;
10521
11052
  }
10522
11053
 
10523
11054
  .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,
10524
11055
  .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete {
10525
11056
  position: absolute;
11057
+ }
11058
+
11059
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,
11060
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete {
10526
11061
  left: 16px;
10527
11062
  }
10528
11063
 
10529
11064
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,
10530
11065
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete {
10531
- left: auto;
10532
11066
  right: 16px;
10533
11067
  }
10534
11068
 
@@ -10547,11 +11081,13 @@ div.sendbird-text-message-item-body {
10547
11081
  width: 100%;
10548
11082
  position: absolute;
10549
11083
  top: 0;
11084
+ }
11085
+
11086
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
10550
11087
  left: 0;
10551
11088
  }
10552
11089
 
10553
11090
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
10554
- left: auto;
10555
11091
  right: 0;
10556
11092
  }
10557
11093
 
@@ -10563,8 +11099,8 @@ div.sendbird-text-message-item-body {
10563
11099
  background-color: var(--sendbird-dark-background-600);
10564
11100
  }
10565
11101
 
10566
- .sendbird-openchannel-settings .sendbird-participants-accordion,
10567
- .sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel {
11102
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion,
11103
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel {
10568
11104
  text-align: left;
10569
11105
  }
10570
11106
 
@@ -10583,6 +11119,9 @@ div.sendbird-text-message-item-body {
10583
11119
  position: relative;
10584
11120
  padding: 20px 24px;
10585
11121
  box-sizing: border-box;
11122
+ }
11123
+
11124
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__header {
10586
11125
  text-align: left;
10587
11126
  }
10588
11127
 
@@ -10602,11 +11141,13 @@ div.sendbird-text-message-item-body {
10602
11141
  cursor: pointer;
10603
11142
  position: absolute;
10604
11143
  top: 20px;
11144
+ }
11145
+
11146
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon {
10605
11147
  right: 16px;
10606
11148
  }
10607
11149
 
10608
11150
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon {
10609
- right: auto;
10610
11151
  left: 16px;
10611
11152
  }
10612
11153
 
@@ -10637,11 +11178,13 @@ div.sendbird-text-message-item-body {
10637
11178
  position: absolute;
10638
11179
  display: none;
10639
11180
  top: 10px;
11181
+ }
11182
+
11183
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon {
10640
11184
  right: 18px;
10641
11185
  }
10642
11186
 
10643
11187
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon {
10644
- right: auto;
10645
11188
  left: 18px;
10646
11189
  }
10647
11190
 
@@ -10659,11 +11202,15 @@ div.sendbird-text-message-item-body {
10659
11202
 
10660
11203
  .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value,
10661
11204
  .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label {
10662
- text-align: left;
10663
11205
  display: block;
10664
11206
  word-wrap: break-word;
10665
11207
  }
10666
11208
 
11209
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value,
11210
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label {
11211
+ text-align: left;
11212
+ }
11213
+
10667
11214
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value,
10668
11215
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label {
10669
11216
  text-align: right;
@@ -10684,6 +11231,9 @@ div.sendbird-text-message-item-body {
10684
11231
  cursor: pointer;
10685
11232
  box-sizing: border-box;
10686
11233
  position: relative;
11234
+ }
11235
+
11236
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
10687
11237
  padding: 12px 22px 10px 56px;
10688
11238
  }
10689
11239
 
@@ -10711,10 +11261,13 @@ div.sendbird-text-message-item-body {
10711
11261
 
10712
11262
  .sendbird-openchannel-settings .sendbird-participants-accordion__member {
10713
11263
  position: relative;
10714
- padding: 12px 0px 12px 56px;
10715
11264
  width: 100%;
10716
11265
  height: 40px;
10717
11266
  box-sizing: border-box;
11267
+ }
11268
+
11269
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member {
11270
+ padding: 12px 0px 12px 56px;
10718
11271
  text-align: left;
10719
11272
  }
10720
11273
 
@@ -10735,13 +11288,17 @@ div.sendbird-text-message-item-body {
10735
11288
  .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,
10736
11289
  .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id {
10737
11290
  position: absolute;
11291
+ }
11292
+
11293
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator,
11294
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,
11295
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id {
10738
11296
  right: 16px;
10739
11297
  }
10740
11298
 
10741
11299
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator,
10742
11300
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,
10743
11301
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id {
10744
- right: auto;
10745
11302
  left: 16px;
10746
11303
  }
10747
11304
 
@@ -10760,13 +11317,15 @@ div.sendbird-text-message-item-body {
10760
11317
 
10761
11318
  .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar {
10762
11319
  position: absolute;
10763
- left: 16px;
10764
11320
  top: 10px;
10765
11321
  cursor: pointer;
10766
11322
  }
10767
11323
 
11324
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar {
11325
+ left: 16px;
11326
+ }
11327
+
10768
11328
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar {
10769
- left: auto;
10770
11329
  right: 16px;
10771
11330
  }
10772
11331
 
@@ -10774,12 +11333,14 @@ div.sendbird-text-message-item-body {
10774
11333
  position: absolute;
10775
11334
  display: none;
10776
11335
  top: 4px;
10777
- right: 8px;
10778
11336
  cursor: pointer;
10779
11337
  }
10780
11338
 
11339
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member__action {
11340
+ right: 8px;
11341
+ }
11342
+
10781
11343
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member__action {
10782
- right: auto;
10783
11344
  left: 8px;
10784
11345
  }
10785
11346
 
@@ -10789,6 +11350,12 @@ div.sendbird-text-message-item-body {
10789
11350
  .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer {
10790
11351
  padding-top: 16px;
10791
11352
  display: flex;
11353
+ }
11354
+
11355
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer,
11356
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer,
11357
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer,
11358
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer {
10792
11359
  justify-content: left;
10793
11360
  padding-left: 12px;
10794
11361
  }
@@ -10798,14 +11365,13 @@ div.sendbird-text-message-item-body {
10798
11365
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer,
10799
11366
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer {
10800
11367
  justify-content: right;
10801
- padding-left: 0;
10802
11368
  padding-right: 12px;
10803
11369
  }
10804
11370
 
10805
- .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer .sendbird-button:nth-child(2),
10806
- .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2),
10807
- .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2),
10808
- .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2) {
11371
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer .sendbird-button:nth-child(2),
11372
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2),
11373
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2),
11374
+ [dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2) {
10809
11375
  margin-left: 8px;
10810
11376
  }
10811
11377
 
@@ -10813,7 +11379,6 @@ div.sendbird-text-message-item-body {
10813
11379
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2),
10814
11380
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2),
10815
11381
  [dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2) {
10816
- margin-left: 0;
10817
11382
  margin-right: 8px;
10818
11383
  }
10819
11384
 
@@ -10862,11 +11427,13 @@ div.sendbird-text-message-item-body {
10862
11427
  .sendbird-openchannel-profile .sendbird-openchannel-profile__edit {
10863
11428
  position: absolute;
10864
11429
  top: 10px;
11430
+ }
11431
+
11432
+ [dir="ltr"] .sendbird-openchannel-profile .sendbird-openchannel-profile__edit {
10865
11433
  right: 16px;
10866
11434
  }
10867
11435
 
10868
11436
  [dir="rtl"] .sendbird-openchannel-profile .sendbird-openchannel-profile__edit {
10869
- right: auto;
10870
11437
  left: 16px;
10871
11438
  }
10872
11439
  .sendbird-theme--light .sendbird-accordion.sendbird-accordion--closed {
@@ -10894,11 +11461,14 @@ div.sendbird-text-message-item-body {
10894
11461
 
10895
11462
  .sendbird-accordion .sendbird-accordion__member {
10896
11463
  position: relative;
10897
- padding: 12px 0px 12px 44px;
10898
11464
  height: 40px;
10899
11465
  box-sizing: border-box;
10900
11466
  }
10901
11467
 
11468
+ [dir="ltr"] .sendbird-accordion .sendbird-accordion__member {
11469
+ padding: 12px 0px 12px 44px;
11470
+ }
11471
+
10902
11472
  [dir="rtl"] .sendbird-accordion .sendbird-accordion__member {
10903
11473
  padding: 12px 44px 12px 0px;
10904
11474
  }
@@ -10917,6 +11487,9 @@ div.sendbird-text-message-item-body {
10917
11487
  .sendbird-accordion__panel-header {
10918
11488
  cursor: pointer;
10919
11489
  position: relative;
11490
+ }
11491
+
11492
+ [dir="ltr"] .sendbird-accordion__panel-header {
10920
11493
  padding: 12px 22px 10px 56px;
10921
11494
  }
10922
11495
 
@@ -10948,26 +11521,24 @@ div.sendbird-text-message-item-body {
10948
11521
  top: 10px;
10949
11522
  }
10950
11523
 
10951
- .sendbird-accordion__panel-icon-left {
11524
+ [dir="ltr"] .sendbird-accordion__panel-icon-left {
10952
11525
  left: 16px;
10953
11526
  }
10954
11527
 
10955
11528
  [dir="rtl"] .sendbird-accordion__panel-icon-left {
10956
- left: auto;
10957
11529
  right: 16px;
10958
11530
  }
10959
11531
 
10960
- .sendbird-accordion__panel-icon-right {
11532
+ [dir="ltr"] .sendbird-accordion__panel-icon-right {
10961
11533
  right: 16px;
10962
11534
  }
10963
11535
 
10964
11536
  [dir="rtl"] .sendbird-accordion__panel-icon-right {
10965
- right: auto;
10966
11537
  left: 16px;
10967
11538
  transform: rotate(180deg);
10968
11539
  }
10969
11540
 
10970
- .sendbird-accordion__panel-icon--open {
11541
+ [dir="ltr"] .sendbird-accordion__panel-icon--open {
10971
11542
  transform: rotate(90deg);
10972
11543
  }
10973
11544