@cometchat/chat-uikit-react 6.0.5 → 6.0.7

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 (60) hide show
  1. package/dist/index.d.ts +209 -104
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/styles/CometChatActionSheet.css +1 -4
  5. package/dist/styles/CometChatChangeScope.css +1 -4
  6. package/dist/styles/CometChatEmojiKeyboard.css +1 -6
  7. package/dist/styles/CometChatGroupMembers.css +7 -2
  8. package/dist/styles/CometChatList.css +2 -2
  9. package/dist/styles/CometChatMessageComposer.css +34 -1
  10. package/dist/styles/CometChatMessageHeader.css +16 -18
  11. package/dist/styles/CometChatMessageInformation.css +7 -7
  12. package/dist/styles/CometChatMessageList.css +14 -0
  13. package/dist/styles/CometChatReactionList.css +0 -6
  14. package/dist/styles/CometChatThreadHeader.css +2 -2
  15. package/dist/styles/MessageTranslationBubble.css +2 -4
  16. package/dist/styles/StickersKeyboard.css +0 -20
  17. package/dist/styles/components/CometChatActionSheet.css +1 -4
  18. package/dist/styles/components/CometChatChangeScope.css +1 -4
  19. package/dist/styles/components/CometChatEmojiKeyboard.css +1 -6
  20. package/dist/styles/components/CometChatGroupMembers.css +7 -2
  21. package/dist/styles/components/CometChatList.css +2 -2
  22. package/dist/styles/components/CometChatMessageComposer.css +34 -1
  23. package/dist/styles/components/CometChatMessageHeader.css +16 -18
  24. package/dist/styles/components/CometChatMessageInformation.css +7 -7
  25. package/dist/styles/components/CometChatMessageList.css +14 -0
  26. package/dist/styles/components/CometChatReactionList.css +0 -6
  27. package/dist/styles/components/CometChatThreadHeader.css +2 -2
  28. package/dist/styles/components/MessageTranslationBubble.css +2 -4
  29. package/dist/styles/components/StickersKeyboard.css +0 -20
  30. package/dist/types/CometChatUIKit/CometChatUIKitUtility.d.ts +0 -1
  31. package/dist/types/Enums/Enums.d.ts +2 -1
  32. package/dist/types/components/BaseComponents/CometChatAudioBubble/src/webaudio.d.ts +2 -2
  33. package/dist/types/components/BaseComponents/CometChatEmojiKeyboard/useCometChatEmojiKeyboard.d.ts +0 -1
  34. package/dist/types/components/BaseComponents/CometChatList/CometChatList.d.ts +5 -0
  35. package/dist/types/components/BaseComponents/CometChatListItem/useCometChatListItem.d.ts +1 -1
  36. package/dist/types/components/BaseComponents/CometChatMessageBubble/CometChatMessageBubble.d.ts +1 -1
  37. package/dist/types/components/Calling/CometChatCallLogs/CometChatCallLogs.d.ts +6 -1
  38. package/dist/types/components/Calling/CometChatIncomingCall/CometChatIncomingCall.d.ts +1 -1
  39. package/dist/types/components/Calling/CometChatOutgoingCall/CometChatOutgoingCall.d.ts +1 -1
  40. package/dist/types/components/Calling/OutgoingCallConfiguration.d.ts +1 -1
  41. package/dist/types/components/CometChatConversations/CometChatConversations.d.ts +5 -0
  42. package/dist/types/components/CometChatConversations/controller.d.ts +0 -1
  43. package/dist/types/components/CometChatGroupMembers/CometChatGroupMembers.d.ts +5 -0
  44. package/dist/types/components/CometChatGroups/CometChatGroups.d.ts +5 -0
  45. package/dist/types/components/CometChatMessageComposer/CometChatMessageComposer.d.ts +5 -0
  46. package/dist/types/components/CometChatMessageHeader/CometChatMessageHeader.d.ts +6 -0
  47. package/dist/types/components/CometChatMessageInformation/CometChatMessageInformation.d.ts +5 -0
  48. package/dist/types/components/CometChatMessageList/CometChatMessageList.d.ts +6 -1
  49. package/dist/types/components/CometChatThreadHeader/CometChatThreadHeader.d.ts +6 -1
  50. package/dist/types/components/CometChatUserMemberWrapper/CometChatUserMemberWrapper.d.ts +49 -1
  51. package/dist/types/components/CometChatUsers/CometChatUsers.d.ts +6 -0
  52. package/dist/types/components/CometChatUsers/controller.d.ts +0 -1
  53. package/dist/types/components/Extensions/Stickers/StickersExtensionDecorator.d.ts +0 -1
  54. package/dist/types/components/Extensions/ThumbnailGeneration/ThumbnailGenerationExtensionDecorator.d.ts +2 -3
  55. package/dist/types/modals/CometChatActionsView.d.ts +1 -1
  56. package/dist/types/modals/CometChatMessageTemplate.d.ts +1 -1
  57. package/dist/types/utils/DataSource.d.ts +1 -1
  58. package/dist/types/utils/DataSourceDecorator.d.ts +1 -1
  59. package/dist/types/utils/MessagesDataSource.d.ts +7 -8
  60. package/package.json +1 -1
@@ -15,10 +15,7 @@
15
15
  justify-content: flex-start;
16
16
  }
17
17
 
18
- .cometchat-action-sheet::-webkit-scrollbar,
19
- .cometchat-action-sheet::-webkit-scrollbar-thumb {
20
- display: none;
21
- }
18
+
22
19
 
23
20
  .cometchat-action-sheet__item-icon {
24
21
  display: flex;
@@ -81,10 +81,7 @@
81
81
  overflow: auto;
82
82
  }
83
83
 
84
- .cometchat-change-scope__list::-webkit-scrollbar,
85
- .cometchat-change-scope__list::-webkit-scrollbar-thumb {
86
- display: none;
87
- }
84
+
88
85
 
89
86
  .cometchat-change-scope__list-item {
90
87
  display: flex;
@@ -109,12 +109,7 @@
109
109
  border-radius: var(--cometchat-radius-2, 8px);
110
110
  }
111
111
 
112
- .cometchat-emoji-keyboard__list::-webkit-scrollbar,
113
- .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
114
- .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
115
- .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
116
- display: none;
117
- }
112
+
118
113
 
119
114
  .cometchat-emoji-keyboard__list {
120
115
  width: 100%;
@@ -23,13 +23,13 @@
23
23
  }
24
24
 
25
25
 
26
- .cometchat-group-members .cometchat-list__body::-webkit-scrollbar {
26
+ .cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar {
27
27
  background: transparent;
28
28
  height: 0px;
29
29
  width: 0px;
30
30
  }
31
31
 
32
- .cometchat-group-members .cometchat-list__body::-webkit-scrollbar-thumb {
32
+ .cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
33
33
  background: transparent;
34
34
  border-radius: 8px;
35
35
  }
@@ -224,4 +224,9 @@
224
224
  100% {
225
225
  background-position: 468px 0;
226
226
  }
227
+ }
228
+
229
+ .cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar,
230
+ .cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar-thumb {
231
+ display: none;
227
232
  }
@@ -96,8 +96,8 @@
96
96
  justify-content: flex-start;
97
97
  }
98
98
 
99
- .cometchat-list__body::-webkit-scrollbar,
100
- .cometchat-list__body::-webkit-scrollbar-thumb {
99
+ .cometchat-list-hide-scrollbar .cometchat-list__body::-webkit-scrollbar,
100
+ .cometchat-list-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
101
101
  display: none;
102
102
  }
103
103
 
@@ -324,6 +324,39 @@ height: 58px;
324
324
  height: fit-content;
325
325
  max-height: 100px;
326
326
  overflow: hidden;
327
- text-overflow: ellipsis;
327
+ text-overflow: ellipsis;
328
328
  white-space: nowrap;
329
+ }
330
+ .cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar,
331
+ .cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar-thumb {
332
+ display: none;
333
+ }
334
+
335
+ .cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
336
+ .cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
337
+ .cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
338
+ .cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
339
+ display: none;
340
+ }
341
+
342
+
343
+ .cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
344
+ background: transparent;
345
+ height: 0px;
346
+ width: 0px;
347
+ }
348
+
349
+ .cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
350
+ background: rgb(232, 229, 229);
351
+ border-radius: 8px;
352
+ }
353
+
354
+ .cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar {
355
+ background: transparent;
356
+ width: 0px;
357
+ }
358
+
359
+ .cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
360
+ background: rgb(232, 229, 229);
361
+ border-radius: 8px;
329
362
  }
@@ -55,7 +55,8 @@
55
55
  width: 100%;
56
56
  overflow: hidden;
57
57
  }
58
- .cometchat-message-header .cometchat-list-item__trailing-view{
58
+
59
+ .cometchat-message-header .cometchat-list-item__trailing-view {
59
60
  display: none;
60
61
  }
61
62
 
@@ -73,20 +74,22 @@
73
74
  cursor: pointer;
74
75
  }
75
76
 
76
- .cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button{
77
- background: transparent;
78
- border: none;
79
- justify-content: center;
80
- align-items: center;
81
- height: fit-content;
82
- width: fit-content;
83
- padding: 0;
77
+ .cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button {
78
+ background: transparent;
79
+ border: none;
80
+ justify-content: center;
81
+ align-items: center;
82
+ height: fit-content;
83
+ width: fit-content;
84
+ padding: 0;
84
85
  }
85
- .cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button .cometchat-button__icon{
86
+
87
+ .cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button .cometchat-button__icon {
86
88
  height: 24px;
87
89
  width: 24px;
88
- background: var(--cometchat-icon-color-primary, #141414);;
90
+ background: var(--cometchat-icon-color-primary, #141414);
89
91
  }
92
+
90
93
  /* List item container within the message header */
91
94
 
92
95
  .cometchat-message-header__listitem {
@@ -173,13 +176,8 @@ padding: 0;
173
176
  .cometchat-message-header__back-button {
174
177
  display: block;
175
178
  }
176
- .cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
177
- display: initial;
178
- }
179
- }
180
179
 
181
- @media (min-width: 769px) {
182
- .cometchat-message-header__back-button {
183
- display: none;
180
+ .cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
181
+ display: initial;
184
182
  }
185
183
  }
@@ -81,10 +81,7 @@
81
81
  border-bottom: 1px solid var(--cometchat-border-color-light);
82
82
  }
83
83
 
84
- .cometchat-message-information__message::-webkit-scrollbar,
85
- .cometchat-message-information__message::-webkit-scrollbar-thumb {
86
- display: none;
87
- }
84
+
88
85
 
89
86
 
90
87
  .cometchat-message-information__message .cometchat-message-bubble__wrapper {
@@ -106,12 +103,15 @@
106
103
  flex-direction: column;
107
104
  gap: 0px;
108
105
  }
109
-
110
- .cometchat-message-information__receipts::-webkit-scrollbar,
111
- .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
106
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar,
107
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
112
108
  display: none;
113
109
  }
114
110
 
111
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar,
112
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar-thumb {
113
+ display: none;
114
+ }
115
115
  .cometchat-message-information__receipts .cometchat-list-item__body {
116
116
  padding: 0px;
117
117
  }
@@ -728,4 +728,18 @@ width: fit-content;
728
728
  .cometchat-message-list > .cometchat-message-list__body > .cometchat {
729
729
  height: fit-content !important;
730
730
  max-height: 100%;
731
+ }
732
+
733
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar,
734
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar-thumb,
735
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar,
736
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
737
+ display: none;
738
+ }
739
+
740
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
741
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
742
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
743
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
744
+ display: none;
731
745
  }
@@ -34,12 +34,6 @@
34
34
  background: var(--cometchat-background-color-01, #FFF);
35
35
  }
36
36
 
37
- .cometchat-reaction-list__list::-webkit-scrollbar,
38
- .cometchat-reaction-list__list::-webkit-scrollbar-thumb,
39
- .cometchat-reaction-list__tabs::-webkit-scrollbar,
40
- .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
41
- display: none;
42
- }
43
37
 
44
38
  .cometchat-reaction-list__tabs-tab {
45
39
  display: flex;
@@ -102,8 +102,8 @@
102
102
  flex: 1 0 0;
103
103
  }
104
104
 
105
- .cometchat-thread-header__message::-webkit-scrollbar,
106
- .cometchat-thread-header__message::-webkit-scrollbar-thumb {
105
+ .cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar,
106
+ .cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar-thumb {
107
107
  display: none;
108
108
  }
109
109
 
@@ -36,18 +36,16 @@
36
36
  text-align: left;
37
37
  white-space: pre-line;
38
38
  overflow: auto;
39
+ width: 100%;
40
+ display: block;
39
41
  }
40
42
 
41
43
  .cometchat-tanslation-bubble-incoming .cometchat-tanslation-bubble__translated-text {
42
- width: 100%;
43
- display: flex;
44
44
  color: var(--cometchat-neutral-color-900, #141414);
45
45
  }
46
46
 
47
47
 
48
48
  .cometchat-tanslation-bubble-outgoing .cometchat-tanslation-bubble__translated-text {
49
- width: 100%;
50
- display: flex;
51
49
  color: var(--cometchat-static-white, #FFF);
52
50
  }
53
51
 
@@ -77,26 +77,6 @@
77
77
  cursor: pointer;
78
78
  }
79
79
 
80
- .cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
81
- background: transparent;
82
- height: 0px;
83
- width: 0px;
84
- }
85
-
86
- .cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
87
- background: rgb(232, 229, 229);
88
- border-radius: 8px;
89
- }
90
-
91
- .cometchat-sticker-keyboard__list::-webkit-scrollbar {
92
- background: transparent;
93
- width: 0px;
94
- }
95
-
96
- .cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
97
- background: rgb(232, 229, 229);
98
- border-radius: 8px;
99
- }
100
80
 
101
81
 
102
82
 
@@ -15,10 +15,7 @@
15
15
  justify-content: flex-start;
16
16
  }
17
17
 
18
- .cometchat-action-sheet::-webkit-scrollbar,
19
- .cometchat-action-sheet::-webkit-scrollbar-thumb {
20
- display: none;
21
- }
18
+
22
19
 
23
20
  .cometchat-action-sheet__item-icon {
24
21
  display: flex;
@@ -81,10 +81,7 @@
81
81
  overflow: auto;
82
82
  }
83
83
 
84
- .cometchat-change-scope__list::-webkit-scrollbar,
85
- .cometchat-change-scope__list::-webkit-scrollbar-thumb {
86
- display: none;
87
- }
84
+
88
85
 
89
86
  .cometchat-change-scope__list-item {
90
87
  display: flex;
@@ -109,12 +109,7 @@
109
109
  border-radius: var(--cometchat-radius-2, 8px);
110
110
  }
111
111
 
112
- .cometchat-emoji-keyboard__list::-webkit-scrollbar,
113
- .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
114
- .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
115
- .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
116
- display: none;
117
- }
112
+
118
113
 
119
114
  .cometchat-emoji-keyboard__list {
120
115
  width: 100%;
@@ -23,13 +23,13 @@
23
23
  }
24
24
 
25
25
 
26
- .cometchat-group-members .cometchat-list__body::-webkit-scrollbar {
26
+ .cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar {
27
27
  background: transparent;
28
28
  height: 0px;
29
29
  width: 0px;
30
30
  }
31
31
 
32
- .cometchat-group-members .cometchat-list__body::-webkit-scrollbar-thumb {
32
+ .cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
33
33
  background: transparent;
34
34
  border-radius: 8px;
35
35
  }
@@ -224,4 +224,9 @@
224
224
  100% {
225
225
  background-position: 468px 0;
226
226
  }
227
+ }
228
+
229
+ .cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar,
230
+ .cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar-thumb {
231
+ display: none;
227
232
  }
@@ -96,8 +96,8 @@
96
96
  justify-content: flex-start;
97
97
  }
98
98
 
99
- .cometchat-list__body::-webkit-scrollbar,
100
- .cometchat-list__body::-webkit-scrollbar-thumb {
99
+ .cometchat-list-hide-scrollbar .cometchat-list__body::-webkit-scrollbar,
100
+ .cometchat-list-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
101
101
  display: none;
102
102
  }
103
103
 
@@ -324,6 +324,39 @@ height: 58px;
324
324
  height: fit-content;
325
325
  max-height: 100px;
326
326
  overflow: hidden;
327
- text-overflow: ellipsis;
327
+ text-overflow: ellipsis;
328
328
  white-space: nowrap;
329
+ }
330
+ .cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar,
331
+ .cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar-thumb {
332
+ display: none;
333
+ }
334
+
335
+ .cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
336
+ .cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
337
+ .cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
338
+ .cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
339
+ display: none;
340
+ }
341
+
342
+
343
+ .cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
344
+ background: transparent;
345
+ height: 0px;
346
+ width: 0px;
347
+ }
348
+
349
+ .cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
350
+ background: rgb(232, 229, 229);
351
+ border-radius: 8px;
352
+ }
353
+
354
+ .cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar {
355
+ background: transparent;
356
+ width: 0px;
357
+ }
358
+
359
+ .cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
360
+ background: rgb(232, 229, 229);
361
+ border-radius: 8px;
329
362
  }
@@ -55,7 +55,8 @@
55
55
  width: 100%;
56
56
  overflow: hidden;
57
57
  }
58
- .cometchat-message-header .cometchat-list-item__trailing-view{
58
+
59
+ .cometchat-message-header .cometchat-list-item__trailing-view {
59
60
  display: none;
60
61
  }
61
62
 
@@ -73,20 +74,22 @@
73
74
  cursor: pointer;
74
75
  }
75
76
 
76
- .cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button{
77
- background: transparent;
78
- border: none;
79
- justify-content: center;
80
- align-items: center;
81
- height: fit-content;
82
- width: fit-content;
83
- padding: 0;
77
+ .cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button {
78
+ background: transparent;
79
+ border: none;
80
+ justify-content: center;
81
+ align-items: center;
82
+ height: fit-content;
83
+ width: fit-content;
84
+ padding: 0;
84
85
  }
85
- .cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button .cometchat-button__icon{
86
+
87
+ .cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button .cometchat-button__icon {
86
88
  height: 24px;
87
89
  width: 24px;
88
- background: var(--cometchat-icon-color-primary, #141414);;
90
+ background: var(--cometchat-icon-color-primary, #141414);
89
91
  }
92
+
90
93
  /* List item container within the message header */
91
94
 
92
95
  .cometchat-message-header__listitem {
@@ -173,13 +176,8 @@ padding: 0;
173
176
  .cometchat-message-header__back-button {
174
177
  display: block;
175
178
  }
176
- .cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
177
- display: initial;
178
- }
179
- }
180
179
 
181
- @media (min-width: 769px) {
182
- .cometchat-message-header__back-button {
183
- display: none;
180
+ .cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
181
+ display: initial;
184
182
  }
185
183
  }
@@ -81,10 +81,7 @@
81
81
  border-bottom: 1px solid var(--cometchat-border-color-light);
82
82
  }
83
83
 
84
- .cometchat-message-information__message::-webkit-scrollbar,
85
- .cometchat-message-information__message::-webkit-scrollbar-thumb {
86
- display: none;
87
- }
84
+
88
85
 
89
86
 
90
87
  .cometchat-message-information__message .cometchat-message-bubble__wrapper {
@@ -106,12 +103,15 @@
106
103
  flex-direction: column;
107
104
  gap: 0px;
108
105
  }
109
-
110
- .cometchat-message-information__receipts::-webkit-scrollbar,
111
- .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
106
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar,
107
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
112
108
  display: none;
113
109
  }
114
110
 
111
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar,
112
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar-thumb {
113
+ display: none;
114
+ }
115
115
  .cometchat-message-information__receipts .cometchat-list-item__body {
116
116
  padding: 0px;
117
117
  }
@@ -728,4 +728,18 @@ width: fit-content;
728
728
  .cometchat-message-list > .cometchat-message-list__body > .cometchat {
729
729
  height: fit-content !important;
730
730
  max-height: 100%;
731
+ }
732
+
733
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar,
734
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar-thumb,
735
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar,
736
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
737
+ display: none;
738
+ }
739
+
740
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
741
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
742
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
743
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
744
+ display: none;
731
745
  }
@@ -34,12 +34,6 @@
34
34
  background: var(--cometchat-background-color-01, #FFF);
35
35
  }
36
36
 
37
- .cometchat-reaction-list__list::-webkit-scrollbar,
38
- .cometchat-reaction-list__list::-webkit-scrollbar-thumb,
39
- .cometchat-reaction-list__tabs::-webkit-scrollbar,
40
- .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
41
- display: none;
42
- }
43
37
 
44
38
  .cometchat-reaction-list__tabs-tab {
45
39
  display: flex;
@@ -102,8 +102,8 @@
102
102
  flex: 1 0 0;
103
103
  }
104
104
 
105
- .cometchat-thread-header__message::-webkit-scrollbar,
106
- .cometchat-thread-header__message::-webkit-scrollbar-thumb {
105
+ .cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar,
106
+ .cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar-thumb {
107
107
  display: none;
108
108
  }
109
109
 
@@ -36,18 +36,16 @@
36
36
  text-align: left;
37
37
  white-space: pre-line;
38
38
  overflow: auto;
39
+ width: 100%;
40
+ display: block;
39
41
  }
40
42
 
41
43
  .cometchat-tanslation-bubble-incoming .cometchat-tanslation-bubble__translated-text {
42
- width: 100%;
43
- display: flex;
44
44
  color: var(--cometchat-neutral-color-900, #141414);
45
45
  }
46
46
 
47
47
 
48
48
  .cometchat-tanslation-bubble-outgoing .cometchat-tanslation-bubble__translated-text {
49
- width: 100%;
50
- display: flex;
51
49
  color: var(--cometchat-static-white, #FFF);
52
50
  }
53
51
 
@@ -77,26 +77,6 @@
77
77
  cursor: pointer;
78
78
  }
79
79
 
80
- .cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
81
- background: transparent;
82
- height: 0px;
83
- width: 0px;
84
- }
85
-
86
- .cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
87
- background: rgb(232, 229, 229);
88
- border-radius: 8px;
89
- }
90
-
91
- .cometchat-sticker-keyboard__list::-webkit-scrollbar {
92
- background: transparent;
93
- width: 0px;
94
- }
95
-
96
- .cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
97
- background: rgb(232, 229, 229);
98
- border-radius: 8px;
99
- }
100
80
 
101
81
 
102
82
 
@@ -1,4 +1,3 @@
1
- import { BaseMessage, CometChat } from "@cometchat/chat-sdk-javascript";
2
1
  interface MessageExtensionType {
3
2
  hasXSS?: string;
4
3
  sanitized_text?: string;
@@ -67,7 +67,8 @@ export declare enum TabAlignment {
67
67
  export declare enum MessageStatus {
68
68
  inprogress = 0,
69
69
  success = 1,
70
- error = 2
70
+ error = 2,
71
+ cancelled = 3
71
72
  }
72
73
  /**
73
74
  * This is used to specify the types of the read receipts for the message.
@@ -31,8 +31,8 @@ declare class WebAudioPlayer extends EventEmitter<WebAudioPlayerEvents> {
31
31
  constructor(audioContext?: AudioContext);
32
32
  /** Subscribe to an event. Returns an unsubscribe function. */
33
33
  addEventListener: <EventName extends keyof WebAudioPlayerEvents>(event: EventName, listener: (...args: WebAudioPlayerEvents[EventName]) => void, options?: {
34
- once?: boolean | undefined;
35
- } | undefined) => () => void;
34
+ once?: boolean;
35
+ }) => () => void;
36
36
  /** Unsubscribe from an event */
37
37
  removeEventListener: <EventName extends keyof WebAudioPlayerEvents>(event: EventName, listener: (...args: WebAudioPlayerEvents[EventName]) => void) => void;
38
38
  load(): Promise<void>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { CometChatEmoji, CometChatEmojiCategory } from "./CometChatEmoji";
3
2
  export declare const useCometChatEmojiKeyboard: ({ emojiData, }: {
4
3
  emojiData: CometChatEmojiCategory[];
@@ -115,6 +115,11 @@ interface ListProps<T> {
115
115
  * @defaultValue `""`
116
116
  */
117
117
  title?: string;
118
+ /**
119
+ * Controls the visibility of the scrollbar in the list.
120
+ * @defaultValue `false`
121
+ */
122
+ showScrollbar?: boolean;
118
123
  }
119
124
  /**
120
125
  * Renders a list component that can display a title, search bar,