@cometchat/chat-uikit-react 5.0.8 → 5.0.10

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 (61) hide show
  1. package/dist/index.d.ts +222 -177
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/styles/CometChatActionSheet.css +0 -5
  5. package/dist/styles/CometChatChangeScope.css +0 -5
  6. package/dist/styles/CometChatEmojiKeyboard.css +0 -7
  7. package/dist/styles/CometChatGroupMembers.css +6 -3
  8. package/dist/styles/CometChatList.css +2 -2
  9. package/dist/styles/CometChatMessageComposer.css +33 -0
  10. package/dist/styles/CometChatMessageHeader.css +16 -18
  11. package/dist/styles/CometChatMessageInformation.css +7 -8
  12. package/dist/styles/CometChatMessageList.css +14 -0
  13. package/dist/styles/CometChatReactionList.css +0 -7
  14. package/dist/styles/CometChatThreadedMessagePreview.css +5 -0
  15. package/dist/styles/MessageTranslationBubble.css +2 -4
  16. package/dist/styles/StickersKeyboard.css +0 -23
  17. package/dist/styles/components/CometChatActionSheet.css +0 -5
  18. package/dist/styles/components/CometChatChangeScope.css +0 -5
  19. package/dist/styles/components/CometChatEmojiKeyboard.css +0 -7
  20. package/dist/styles/components/CometChatGroupMembers.css +6 -3
  21. package/dist/styles/components/CometChatList.css +2 -2
  22. package/dist/styles/components/CometChatMessageComposer.css +33 -0
  23. package/dist/styles/components/CometChatMessageHeader.css +16 -18
  24. package/dist/styles/components/CometChatMessageInformation.css +7 -8
  25. package/dist/styles/components/CometChatMessageList.css +14 -0
  26. package/dist/styles/components/CometChatReactionList.css +0 -7
  27. package/dist/styles/components/CometChatThreadedMessagePreview.css +5 -0
  28. package/dist/styles/components/MessageTranslationBubble.css +2 -4
  29. package/dist/styles/components/StickersKeyboard.css +0 -23
  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/CometChatThreadedMessagePreview/CometChatThreadedMessagePreview.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/resources/CometChatLocalize/cometchat-localize.d.ts +16 -76
  58. package/dist/types/utils/DataSource.d.ts +1 -1
  59. package/dist/types/utils/DataSourceDecorator.d.ts +1 -1
  60. package/dist/types/utils/MessagesDataSource.d.ts +1 -2
  61. package/package.json +1 -1
@@ -15,11 +15,6 @@
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
- }
22
-
23
18
  .cometchat-action-sheet__item-icon {
24
19
  display: flex;
25
20
  width: 24px;
@@ -81,11 +81,6 @@
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
- }
88
-
89
84
  .cometchat-change-scope__list-item {
90
85
  display: flex;
91
86
  min-width: 240px;
@@ -109,13 +109,6 @@
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
- }
118
-
119
112
  .cometchat-emoji-keyboard__list {
120
113
  width: 100%;
121
114
  height: 100%;
@@ -23,13 +23,12 @@
23
23
  }
24
24
 
25
25
 
26
- .cometchat-group-members .cometchat-list__body::-webkit-scrollbar {
27
- background: transparent;
26
+ .cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar { background: transparent;
28
27
  height: 0px;
29
28
  width: 0px;
30
29
  }
31
30
 
32
- .cometchat-group-members .cometchat-list__body::-webkit-scrollbar-thumb {
31
+ .cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
33
32
  background: transparent;
34
33
  border-radius: 8px;
35
34
  }
@@ -224,4 +223,8 @@
224
223
  100% {
225
224
  background-position: 468px 0;
226
225
  }
226
+ }
227
+ .cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar,
228
+ .cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar-thumb {
229
+ display: none;
227
230
  }
@@ -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
 
@@ -326,4 +326,37 @@ height: 58px;
326
326
  overflow: hidden;
327
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,12 +81,6 @@
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
- }
88
-
89
-
90
84
  .cometchat-message-information__message .cometchat-message-bubble__wrapper {
91
85
  padding: 0px;
92
86
  width: 100%;
@@ -107,8 +101,13 @@
107
101
  gap: 0px;
108
102
  }
109
103
 
110
- .cometchat-message-information__receipts::-webkit-scrollbar,
111
- .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
104
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar,
105
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
106
+ display: none;
107
+ }
108
+
109
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar,
110
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar-thumb {
112
111
  display: none;
113
112
  }
114
113
 
@@ -727,4 +727,18 @@ width: fit-content;
727
727
  .cometchat-message-list > .cometchat-message-list__body > .cometchat {
728
728
  height: fit-content !important;
729
729
  max-height: 100%;
730
+ }
731
+
732
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar,
733
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar-thumb,
734
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar,
735
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
736
+ display: none;
737
+ }
738
+
739
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
740
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
741
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
742
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
743
+ display: none;
730
744
  }
@@ -34,13 +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
-
44
37
  .cometchat-reaction-list__tabs-tab {
45
38
  display: flex;
46
39
  height: 40px;
@@ -107,6 +107,11 @@
107
107
  display: none;
108
108
  }
109
109
 
110
+ .cometchat-threaded-message-preview-hide-scrollbar .cometchat-threaded-message-preview__message::-webkit-scrollbar,
111
+ .cometchat-threaded-message-preview-hide-scrollbar .cometchat-threaded-message-preview__message::-webkit-scrollbar-thumb {
112
+ display: none;
113
+ }
114
+
110
115
  .cometchat-threaded-message-preview__message .cometchat-text-bubble .cometchat-text-bubble__read-more {
111
116
  display: none;
112
117
  }
@@ -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
 
@@ -74,29 +74,6 @@
74
74
  cursor: pointer;
75
75
  }
76
76
 
77
- .cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
78
- background: transparent;
79
- height: 0px;
80
- width: 0px;
81
- }
82
-
83
- .cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
84
- background: rgb(232, 229, 229);
85
- border-radius: 8px;
86
- }
87
-
88
- .cometchat-sticker-keyboard__list::-webkit-scrollbar {
89
- background: transparent;
90
- width: 0px;
91
- }
92
-
93
- .cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
94
- background: rgb(232, 229, 229);
95
- border-radius: 8px;
96
- }
97
-
98
-
99
-
100
77
  .cometchat-sticker-keyboard__shimmer-tabs {
101
78
  display: flex;
102
79
  padding: var(--cometchat-padding-2, 8px);
@@ -15,11 +15,6 @@
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
- }
22
-
23
18
  .cometchat-action-sheet__item-icon {
24
19
  display: flex;
25
20
  width: 24px;
@@ -81,11 +81,6 @@
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
- }
88
-
89
84
  .cometchat-change-scope__list-item {
90
85
  display: flex;
91
86
  min-width: 240px;
@@ -109,13 +109,6 @@
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
- }
118
-
119
112
  .cometchat-emoji-keyboard__list {
120
113
  width: 100%;
121
114
  height: 100%;
@@ -23,13 +23,12 @@
23
23
  }
24
24
 
25
25
 
26
- .cometchat-group-members .cometchat-list__body::-webkit-scrollbar {
27
- background: transparent;
26
+ .cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar { background: transparent;
28
27
  height: 0px;
29
28
  width: 0px;
30
29
  }
31
30
 
32
- .cometchat-group-members .cometchat-list__body::-webkit-scrollbar-thumb {
31
+ .cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
33
32
  background: transparent;
34
33
  border-radius: 8px;
35
34
  }
@@ -224,4 +223,8 @@
224
223
  100% {
225
224
  background-position: 468px 0;
226
225
  }
226
+ }
227
+ .cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar,
228
+ .cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar-thumb {
229
+ display: none;
227
230
  }
@@ -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
 
@@ -326,4 +326,37 @@ height: 58px;
326
326
  overflow: hidden;
327
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,12 +81,6 @@
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
- }
88
-
89
-
90
84
  .cometchat-message-information__message .cometchat-message-bubble__wrapper {
91
85
  padding: 0px;
92
86
  width: 100%;
@@ -107,8 +101,13 @@
107
101
  gap: 0px;
108
102
  }
109
103
 
110
- .cometchat-message-information__receipts::-webkit-scrollbar,
111
- .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
104
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar,
105
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
106
+ display: none;
107
+ }
108
+
109
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar,
110
+ .cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar-thumb {
112
111
  display: none;
113
112
  }
114
113
 
@@ -727,4 +727,18 @@ width: fit-content;
727
727
  .cometchat-message-list > .cometchat-message-list__body > .cometchat {
728
728
  height: fit-content !important;
729
729
  max-height: 100%;
730
+ }
731
+
732
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar,
733
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar-thumb,
734
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar,
735
+ .cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
736
+ display: none;
737
+ }
738
+
739
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
740
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
741
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
742
+ .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
743
+ display: none;
730
744
  }
@@ -34,13 +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
-
44
37
  .cometchat-reaction-list__tabs-tab {
45
38
  display: flex;
46
39
  height: 40px;
@@ -107,6 +107,11 @@
107
107
  display: none;
108
108
  }
109
109
 
110
+ .cometchat-threaded-message-preview-hide-scrollbar .cometchat-threaded-message-preview__message::-webkit-scrollbar,
111
+ .cometchat-threaded-message-preview-hide-scrollbar .cometchat-threaded-message-preview__message::-webkit-scrollbar-thumb {
112
+ display: none;
113
+ }
114
+
110
115
  .cometchat-threaded-message-preview__message .cometchat-text-bubble .cometchat-text-bubble__read-more {
111
116
  display: none;
112
117
  }
@@ -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
 
@@ -74,29 +74,6 @@
74
74
  cursor: pointer;
75
75
  }
76
76
 
77
- .cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
78
- background: transparent;
79
- height: 0px;
80
- width: 0px;
81
- }
82
-
83
- .cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
84
- background: rgb(232, 229, 229);
85
- border-radius: 8px;
86
- }
87
-
88
- .cometchat-sticker-keyboard__list::-webkit-scrollbar {
89
- background: transparent;
90
- width: 0px;
91
- }
92
-
93
- .cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
94
- background: rgb(232, 229, 229);
95
- border-radius: 8px;
96
- }
97
-
98
-
99
-
100
77
  .cometchat-sticker-keyboard__shimmer-tabs {
101
78
  display: flex;
102
79
  padding: var(--cometchat-padding-2, 8px);
@@ -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;
@@ -77,7 +77,8 @@ export declare enum TabAlignment {
77
77
  export declare enum MessageStatus {
78
78
  inprogress = 0,
79
79
  success = 1,
80
- error = 2
80
+ error = 2,
81
+ cancelled = 3
81
82
  }
82
83
  /**
83
84
  * 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,
@@ -4,7 +4,7 @@ interface ICometChatListItem {
4
4
  onListItemClicked?: (input: {
5
5
  id: string;
6
6
  }) => void;
7
- menuRef: React.RefObject<HTMLDivElement>;
7
+ menuRef: React.RefObject<HTMLDivElement | null>;
8
8
  }
9
9
  export declare const useCometChatListItem: ({ id, onListItemClicked, menuRef, }: ICometChatListItem) => {
10
10
  listItemClick: (event: MouseEvent<HTMLDivElement>) => void;