@cometchat/chat-uikit-react 6.2.2 → 6.2.4

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 (16) hide show
  1. package/dist/index.d.ts +5 -0
  2. package/dist/index.js +2 -2
  3. package/dist/index.js.map +1 -1
  4. package/dist/styles/CometChatAIAssistantChat.css +4 -5
  5. package/dist/styles/CometChatAIAssistantChatHistory.css +6 -2
  6. package/dist/styles/CometChatAIAssistantMessageBubble.css +93 -15
  7. package/dist/styles/CometChatConversations.css +3 -1
  8. package/dist/styles/CometChatStreamMessageBubble.css +102 -17
  9. package/dist/styles/components/CometChatAIAssistantChat.css +4 -5
  10. package/dist/styles/components/CometChatAIAssistantChatHistory.css +6 -2
  11. package/dist/styles/components/CometChatAIAssistantMessageBubble.css +93 -15
  12. package/dist/styles/components/CometChatConversations.css +3 -1
  13. package/dist/styles/components/CometChatStreamMessageBubble.css +102 -17
  14. package/dist/types/components/CometChatAIAssistantChatHistory/CometChatAIAssistantChatHistory.d.ts +5 -0
  15. package/dist/types/components/CometChatConversations/CometChatConversations.d.ts +3 -0
  16. package/package.json +1 -1
package/dist/styles/CometChatAIAssistantChat.css CHANGED
@@ -282,15 +282,15 @@ padding-bottom: var(--cometchat-padding-2);
282
282
  }
283
283
 
284
284
  .cometchat-ai-assistant-chat__empty-state-greeting-message {
285
- color: var(--cometchat-text-color-secondary);
285
+ color: var(--cometchat-text-color-primary);
286
286
  text-align: center;
287
- font: var(--cometchat-font-heading3-regular);
287
+ font: var(--cometchat-font-heading4-medium);
288
288
  }
289
289
 
290
290
  .cometchat-ai-assistant-chat__empty-state-intro-message {
291
- color: var(--cometchat-text-color-primary);
291
+ color: var(--cometchat-text-color-tertiary);
292
292
  text-align: center;
293
- font: var(--cometchat-font-title-regular);
293
+ font: var(--cometchat-font-body-regular);
294
294
  padding-top: var(--cometchat-padding-1);
295
295
  }
296
296
  .cometchat-ai-assistant-chat .cometchat-message-bubble-outgoing .cometchat-message-bubble__body
@@ -393,7 +393,6 @@ background: var(--cometchat-error-color);
393
393
  display: flex;
394
394
  justify-content: flex-start;
395
395
  align-items: flex-start;
396
- margin-top: var(--cometchat-margin-3);
397
396
  height: 20px;
398
397
  width: 20px;
399
398
  background: var(--cometchat-icon-color-secondary);
package/dist/styles/CometChatAIAssistantChatHistory.css CHANGED
@@ -10,10 +10,9 @@
10
10
  .cometchat-ai-assistant-chat-history__loading,
11
11
  .cometchat-ai-assistant-chat-history__empty,
12
12
  .cometchat-ai-assistant-chat-history__error {
13
- padding: 20px;
13
+ padding: var(--cometchat-padding-5);
14
14
  text-align: center;
15
15
  color: var(--cometchat-text-color-secondary);
16
- font-size: 14px;
17
16
  display: flex;
18
17
  align-items: center;
19
18
  justify-content: center;
@@ -58,6 +57,10 @@
58
57
  justify-content: flex-start;
59
58
  padding-left: 0;
60
59
 
60
+ }
61
+ .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container .cometchat-button__text{
62
+ color: var(--cometchat-text-color-primary);
63
+
61
64
  }
62
65
  .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container .cometchat-button__icon {
63
66
  background: var(--cometchat-icon-color-secondary);
@@ -84,6 +87,7 @@
84
87
  width: 100%;
85
88
  justify-content: space-between;
86
89
  align-items: center;
90
+ cursor: pointer;
87
91
  }
88
92
 
89
93
  .cometchat-ai-assistant-chat-history__list-item-date-header {
package/dist/styles/CometChatAIAssistantMessageBubble.css CHANGED
@@ -1,6 +1,5 @@
1
1
  .cometchat-ai-assistant-message-bubble {
2
2
  flex-direction: column;
3
- /* gap: 12px; */
4
3
  display: flex;
5
4
  text-align: left;
6
5
  justify-content: flex-start;
@@ -15,17 +14,13 @@
15
14
  overflow: hidden;
16
15
  }
17
16
 
18
- .cometchat-ai-assistant-message-bubble pre {
19
- /* border: 1px solid var(--cometchat-border-color-default); */
20
- }
21
17
 
22
18
  .cometchat-ai-assistant-message-bubble>p:not([class]) {
23
19
  text-align: left;
24
- line-height: 1.4 !important;
25
20
  color: var(--cometchat-text-color-primary);
26
21
  }
27
22
 
28
- .cometchat-ai-assistant-message-bubble>ol:not([class]) {
23
+ .cometchat-ai-assistant-message-bubble ol:not([class]) {
29
24
  padding-left: 0px !important;
30
25
  margin-top: 0px !important;
31
26
  text-align: left !important;
@@ -39,14 +34,14 @@
39
34
 
40
35
  }
41
36
 
42
- .cometchat-ai-assistant-message-bubble>ol:not([class]) ul:not([class]) {
43
- padding-left: 20px !important;
37
+ .cometchat-ai-assistant-message-bubble ol:not([class]),.cometchat-ai-assistant-message-bubble ul:not([class]) {
38
+ padding-left: var(--cometchat-padding-5) !important;
44
39
  text-align: left !important;
45
40
  color: var(--cometchat-text-color-primary);
46
41
 
47
42
  }
48
43
 
49
- .cometchat-ai-assistant-message-bubble>ul:not([class]) {
44
+ .cometchat-ai-assistant-message-bubble ul:not([class]) {
50
45
  text-align: left !important;
51
46
  color: var(--cometchat-text-color-primary);
52
47
 
@@ -86,20 +81,37 @@
86
81
  }
87
82
 
88
83
  .cometchat-ai-assistant-message-bubble table {
89
- width: 100%;
90
- border-collapse: collapse;
84
+ width: fit-content;
85
+ max-width: 100%;
91
86
  table-layout: auto;
92
87
  display: block;
93
88
  overflow-x: auto;
89
+ border-radius: var(--cometchat-radius-2);
90
+ margin: var(--cometchat-margin-2) 0;
91
+ border-collapse: separate;
92
+ border-spacing: 0;
93
+ overflow: scroll;
94
94
  }
95
95
 
96
+ /* Round only outer cells */
97
+ .cometchat-ai-assistant-message-bubble tr:first-child th:first-child {
98
+ border-top-left-radius: var(--cometchat-radius-2);
99
+ }
100
+ .cometchat-ai-assistant-message-bubble tr:first-child th:last-child {
101
+ border-top-right-radius: var(--cometchat-radius-2);
102
+ }
103
+ .cometchat-ai-assistant-message-bubble tr:last-child td:first-child {
104
+ border-bottom-left-radius: var(--cometchat-radius-2);
105
+ }
106
+ .cometchat-ai-assistant-message-bubble tr:last-child td:last-child {
107
+ border-bottom-right-radius: var(--cometchat-radius-2);
108
+ }
96
109
  .cometchat-ai-assistant-message-bubble th,
97
110
  .cometchat-ai-assistant-message-bubble td {
98
111
  padding: var(--cometchat-padding-2);
99
- border: 1px solid var(--cometchat-border-color-light);
100
- text-align: left;
101
- word-break: break-word; /* prevents text overflow in cells */
102
- min-width: 100px;
112
+ border: 1px solid var(--cometchat-border-color-dark);
113
+ width: fit-content;
114
+ max-width: 100%;
103
115
  }
104
116
 
105
117
  .cometchat-ai-assistant-message-bubble table::-webkit-scrollbar {
@@ -115,4 +127,70 @@
115
127
  .cometchat-ai-assistant-message-bubble table::-webkit-scrollbar-thumb {
116
128
  background: var(--cometchat-icon-color-secondary);
117
129
  border-radius: var(--cometchat-radius-2);
130
+ }
131
+
132
+ .cometchat-ai-assistant-message-bubble td{
133
+ text-align: left !important;
134
+ }
135
+ .cometchat-ai-assistant-message-bubble th{
136
+ text-align: center !important;
137
+ }
138
+ .cometchat-ai-assistant-message-bubble th{
139
+ background: var(--cometchat-background-color-04);
140
+ }
141
+ .cometchat-ai-assistant-message-bubble .cometchat-ai-assistant-message-bubble__link{
142
+ text-decoration: underline;
143
+ color: var(--cometchat-text-color-highlight);
144
+ }
145
+
146
+ .cometchat-ai-assistant-message-bubble li{
147
+ overflow: visible !important;
148
+ line-height: 20px;
149
+ padding: 6px 0px;
150
+ }
151
+ .cometchat-ai-assistant-message-bubble > ol:first-child > li:first-child,
152
+ .cometchat-ai-assistant-message-bubble > ul:first-child > li:first-child
153
+ {
154
+ padding-top: 0px;
155
+ }
156
+
157
+ .cometchat-ai-assistant-message-bubble h1,
158
+ .cometchat-ai-assistant-message-bubble h2,
159
+ .cometchat-ai-assistant-message-bubble h3,
160
+ .cometchat-ai-assistant-message-bubble h4,
161
+ .cometchat-ai-assistant-message-bubble h5,
162
+ .cometchat-ai-assistant-message-bubble h6 {
163
+ line-height: 20px;
164
+ font-size: initial;
165
+ padding: var(--cometchat-padding-2) 0px;
166
+ margin: 0;
167
+ }
168
+ .cometchat-ai-assistant-message-bubble > h1:first-child,
169
+ .cometchat-ai-assistant-message-bubble > h2:first-child,
170
+ .cometchat-ai-assistant-message-bubble > h3:first-child,
171
+ .cometchat-ai-assistant-message-bubble > h4:first-child,
172
+ .cometchat-ai-assistant-message-bubble > h5:first-child,
173
+ .cometchat-ai-assistant-message-bubble > h6:first-child {
174
+ padding-top: 0px;
175
+ }
176
+ .cometchat-ai-assistant-message-bubble img{
177
+ max-height: 300px;
178
+ width: fit-content;
179
+ border-radius: var(--cometchat-radius-2);
180
+ }
181
+ .cometchat-ai-assistant-message-bubble p{
182
+ line-height: 20px;
183
+ padding: var(--cometchat-padding-2) 0px;
184
+ }
185
+
186
+ .cometchat-ai-assistant-message-bubble > ul:first-child li:first-child > p:first-child{
187
+ padding-top: 0px;
188
+ }
189
+ .cometchat-ai-assistant-message-bubble > ol:first-child li:first-child > p:first-child{
190
+ padding-top: 0px;
191
+ }
192
+
193
+ .cometchat-ai-assistant-message-bubble > p:first-child{
194
+ padding-top: 0px;
195
+
118
196
  }
package/dist/styles/CometChatConversations.css CHANGED
@@ -398,7 +398,9 @@ box-sizing: border-box;
398
398
  box-shadow: none;
399
399
  }
400
400
 
401
-
401
+ .cometchat-conversations .cometchat-list__header {
402
+ border-bottom: none;
403
+ }
402
404
  .cometchat-conversations__trailing-view-options .cometchat-menu-list__main-menu-item-icon-delete {
403
405
  -webkit-mask: url("../../assets/delete_icon.svg") center center no-repeat;
404
406
  mask: url("../../assets/delete_icon.svg") center center no-repeat;
package/dist/styles/CometChatStreamMessageBubble.css CHANGED
@@ -33,37 +33,30 @@
33
33
  /* Target all <p> tags without a class */
34
34
  .cometchat-stream-message-bubble>p:not([class]) {
35
35
  text-align: left;
36
- line-height: 1.4 !important;
37
- /* color: var(--cometchat-text-color-secondary); */
38
36
  }
39
37
 
40
38
  .cometchat-stream-message-bubble>ol:not([class]) {
41
39
  padding-left: 0px !important;
42
40
  margin-top: 0px !important;
43
41
  text-align: left !important;
44
- /* color: var(--cometchat-text-color-secondary); */
45
42
 
46
43
  }
47
44
 
48
45
  .cometchat-stream-message-bubble li:not([class]) {
49
46
  text-align: left !important;
50
- /* color: var(--cometchat-text-color-secondary); */
51
47
 
52
48
  }
53
49
 
54
- .cometchat-stream-message-bubble>ol:not([class]) ul:not([class]) {
55
- padding-left: 20px !important;
50
+ .cometchat-stream-message-bubble ol:not([class]),.cometchat-stream-message-bubble ul:not([class]) {
51
+ padding-left: var(--cometchat-padding-5) !important;
56
52
  text-align: left !important;
57
- /* color: var(--cometchat-text-color-secondary); */
58
53
 
59
54
  }
60
55
 
61
- .cometchat-stream-message-bubble>ul:not([class]) {
56
+ .cometchat-stream-message-bubble ul:not([class]) {
62
57
  text-align: left !important;
63
- /* color: var(--cometchat-text-color-secondary); */
64
58
 
65
59
  }
66
-
67
60
  .cometchat-stream-message-bubble__code-block {
68
61
  max-height: 300px;
69
62
  overflow: auto;
@@ -94,6 +87,7 @@
94
87
  height: fit-content;
95
88
  width: fit-content;
96
89
  min-width: fit-content;
90
+ padding-top: 1px;
97
91
  }
98
92
 
99
93
 
@@ -114,6 +108,7 @@
114
108
  width: fit-content;
115
109
  text-align: left;
116
110
  color: var(--cometchat-text-color-secondary);
111
+ padding-top: 1px;
117
112
 
118
113
  }
119
114
 
@@ -142,22 +137,38 @@
142
137
  }
143
138
 
144
139
  .cometchat-stream-message-bubble table {
145
- width: 100%;
146
- border-collapse: collapse;
140
+ width: fit-content;
141
+ max-width: 100%;
147
142
  table-layout: auto;
148
143
  display: block;
149
144
  overflow-x: auto;
145
+ border-radius: var(--cometchat-radius-2);
146
+ margin: var(--cometchat-margin-2) 0;
147
+ border-collapse: separate;
148
+ border-spacing: 0;
149
+ overflow: hidden;
150
150
  }
151
151
 
152
+ /* Round only outer cells */
153
+ .cometchat-stream-message-bubble tr:first-child th:first-child {
154
+ border-top-left-radius: var(--cometchat-radius-2);
155
+ }
156
+ .cometchat-stream-message-bubble tr:first-child th:last-child {
157
+ border-top-right-radius: var(--cometchat-radius-2);
158
+ }
159
+ .cometchat-stream-message-bubble tr:last-child td:first-child {
160
+ border-bottom-left-radius: var(--cometchat-radius-2);
161
+ }
162
+ .cometchat-stream-message-bubble tr:last-child td:last-child {
163
+ border-bottom-right-radius: var(--cometchat-radius-2);
164
+ }
152
165
  .cometchat-stream-message-bubble th,
153
166
  .cometchat-stream-message-bubble td {
154
167
  padding: var(--cometchat-padding-2);
155
- border: 1px solid var(--cometchat-border-color-light);
156
- text-align: left;
157
- word-break: break-word; /* prevents text overflow in cells */
158
- min-width: 100px;
168
+ border: 1px solid var(--cometchat-border-color-dark);
169
+ width: fit-content;
170
+ max-width: 100%;
159
171
  }
160
-
161
172
  .cometchat-stream-message-bubble table::-webkit-scrollbar {
162
173
  width: 0px;
163
174
  height: 8px;
@@ -172,6 +183,80 @@
172
183
  background: var(--cometchat-icon-color-secondary);
173
184
  border-radius: var(--cometchat-radius-2);
174
185
  }
186
+
187
+ .cometchat-stream-message-bubble th,
188
+ .cometchat-stream-message-bubble td {
189
+ padding: var(--cometchat-padding-2);
190
+ border: 1px solid var(--cometchat-border-color-dark);
191
+ width: fit-content;
192
+ max-width: 100%;
193
+ }
194
+ .cometchat-stream-message-bubble td{
195
+ text-align: left !important;
196
+ }
197
+ .cometchat-stream-message-bubble th{
198
+ text-align: center !important;
199
+ }
200
+ .cometchat-stream-message-bubble th{
201
+ background: var(--cometchat-background-color-04);
202
+ }
203
+ .cometchat-stream-message-bubble .cometchat-stream-message-bubble__link{
204
+ text-decoration: underline;
205
+ color: var(--cometchat-text-color-highlight);
206
+ }
207
+
208
+ .cometchat-stream-message-bubble li{
209
+ overflow: visible !important;
210
+ line-height: 20px;
211
+ padding: 6px 0px;
212
+ }
213
+ .cometchat-stream-message-bubble img{
214
+ max-height: 300px;
215
+ width: fit-content;
216
+ border-radius: var(--cometchat-radius-2);
217
+ }
218
+ .cometchat-stream-message-bubble > ol:first-child > li:first-child,
219
+ .cometchat-stream-message-bubble > ul:first-child > li:first-child
220
+ {
221
+ padding-top: 0px;
222
+ }
223
+
224
+ .cometchat-stream-message-bubble h1,
225
+ .cometchat-stream-message-bubble h2,
226
+ .cometchat-stream-message-bubble h3,
227
+ .cometchat-stream-message-bubble h4,
228
+ .cometchat-stream-message-bubble h5,
229
+ .cometchat-stream-message-bubble h6 {
230
+ line-height: 20px;
231
+ font-size: initial;
232
+ padding: var(--cometchat-padding-2) 0px;
233
+ margin: 0;
234
+ }
235
+ .cometchat-stream-message-bubble > h1:first-child,
236
+ .cometchat-stream-message-bubble > h2:first-child,
237
+ .cometchat-stream-message-bubble > h3:first-child,
238
+ .cometchat-stream-message-bubble > h4:first-child,
239
+ .cometchat-stream-message-bubble > h5:first-child,
240
+ .cometchat-stream-message-bubble > h6:first-child {
241
+ padding-top: 0px;
242
+ }
243
+
244
+ .cometchat-stream-message-bubble p{
245
+ line-height: 20px;
246
+ padding: var(--cometchat-padding-2) 0px;
247
+ }
248
+
249
+ .cometchat-stream-message-bubble > ul:first-child li:first-child > p:first-child{
250
+ padding-top: 0px;
251
+ }
252
+ .cometchat-stream-message-bubble > ol:first-child li:first-child > p:first-child{
253
+ padding-top: 0px;
254
+ }
255
+
256
+ .cometchat-stream-message-bubble > p:first-child{
257
+ padding-top: 0px;
258
+
259
+ }
175
260
  @keyframes shimmer {
176
261
  0% {
177
262
  left: -60%;
package/dist/styles/components/CometChatAIAssistantChat.css CHANGED
@@ -282,15 +282,15 @@ padding-bottom: var(--cometchat-padding-2);
282
282
  }
283
283
 
284
284
  .cometchat-ai-assistant-chat__empty-state-greeting-message {
285
- color: var(--cometchat-text-color-secondary);
285
+ color: var(--cometchat-text-color-primary);
286
286
  text-align: center;
287
- font: var(--cometchat-font-heading3-regular);
287
+ font: var(--cometchat-font-heading4-medium);
288
288
  }
289
289
 
290
290
  .cometchat-ai-assistant-chat__empty-state-intro-message {
291
- color: var(--cometchat-text-color-primary);
291
+ color: var(--cometchat-text-color-tertiary);
292
292
  text-align: center;
293
- font: var(--cometchat-font-title-regular);
293
+ font: var(--cometchat-font-body-regular);
294
294
  padding-top: var(--cometchat-padding-1);
295
295
  }
296
296
  .cometchat-ai-assistant-chat .cometchat-message-bubble-outgoing .cometchat-message-bubble__body
@@ -393,7 +393,6 @@ background: var(--cometchat-error-color);
393
393
  display: flex;
394
394
  justify-content: flex-start;
395
395
  align-items: flex-start;
396
- margin-top: var(--cometchat-margin-3);
397
396
  height: 20px;
398
397
  width: 20px;
399
398
  background: var(--cometchat-icon-color-secondary);
package/dist/styles/components/CometChatAIAssistantChatHistory.css CHANGED
@@ -10,10 +10,9 @@
10
10
  .cometchat-ai-assistant-chat-history__loading,
11
11
  .cometchat-ai-assistant-chat-history__empty,
12
12
  .cometchat-ai-assistant-chat-history__error {
13
- padding: 20px;
13
+ padding: var(--cometchat-padding-5);
14
14
  text-align: center;
15
15
  color: var(--cometchat-text-color-secondary);
16
- font-size: 14px;
17
16
  display: flex;
18
17
  align-items: center;
19
18
  justify-content: center;
@@ -58,6 +57,10 @@
58
57
  justify-content: flex-start;
59
58
  padding-left: 0;
60
59
 
60
+ }
61
+ .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container .cometchat-button__text{
62
+ color: var(--cometchat-text-color-primary);
63
+
61
64
  }
62
65
  .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container .cometchat-button__icon {
63
66
  background: var(--cometchat-icon-color-secondary);
@@ -84,6 +87,7 @@
84
87
  width: 100%;
85
88
  justify-content: space-between;
86
89
  align-items: center;
90
+ cursor: pointer;
87
91
  }
88
92
 
89
93
  .cometchat-ai-assistant-chat-history__list-item-date-header {
package/dist/styles/components/CometChatAIAssistantMessageBubble.css CHANGED
@@ -1,6 +1,5 @@
1
1
  .cometchat-ai-assistant-message-bubble {
2
2
  flex-direction: column;
3
- /* gap: 12px; */
4
3
  display: flex;
5
4
  text-align: left;
6
5
  justify-content: flex-start;
@@ -15,17 +14,13 @@
15
14
  overflow: hidden;
16
15
  }
17
16
 
18
- .cometchat-ai-assistant-message-bubble pre {
19
- /* border: 1px solid var(--cometchat-border-color-default); */
20
- }
21
17
 
22
18
  .cometchat-ai-assistant-message-bubble>p:not([class]) {
23
19
  text-align: left;
24
- line-height: 1.4 !important;
25
20
  color: var(--cometchat-text-color-primary);
26
21
  }
27
22
 
28
- .cometchat-ai-assistant-message-bubble>ol:not([class]) {
23
+ .cometchat-ai-assistant-message-bubble ol:not([class]) {
29
24
  padding-left: 0px !important;
30
25
  margin-top: 0px !important;
31
26
  text-align: left !important;
@@ -39,14 +34,14 @@
39
34
 
40
35
  }
41
36
 
42
- .cometchat-ai-assistant-message-bubble>ol:not([class]) ul:not([class]) {
43
- padding-left: 20px !important;
37
+ .cometchat-ai-assistant-message-bubble ol:not([class]),.cometchat-ai-assistant-message-bubble ul:not([class]) {
38
+ padding-left: var(--cometchat-padding-5) !important;
44
39
  text-align: left !important;
45
40
  color: var(--cometchat-text-color-primary);
46
41
 
47
42
  }
48
43
 
49
- .cometchat-ai-assistant-message-bubble>ul:not([class]) {
44
+ .cometchat-ai-assistant-message-bubble ul:not([class]) {
50
45
  text-align: left !important;
51
46
  color: var(--cometchat-text-color-primary);
52
47
 
@@ -86,20 +81,37 @@
86
81
  }
87
82
 
88
83
  .cometchat-ai-assistant-message-bubble table {
89
- width: 100%;
90
- border-collapse: collapse;
84
+ width: fit-content;
85
+ max-width: 100%;
91
86
  table-layout: auto;
92
87
  display: block;
93
88
  overflow-x: auto;
89
+ border-radius: var(--cometchat-radius-2);
90
+ margin: var(--cometchat-margin-2) 0;
91
+ border-collapse: separate;
92
+ border-spacing: 0;
93
+ overflow: scroll;
94
94
  }
95
95
 
96
+ /* Round only outer cells */
97
+ .cometchat-ai-assistant-message-bubble tr:first-child th:first-child {
98
+ border-top-left-radius: var(--cometchat-radius-2);
99
+ }
100
+ .cometchat-ai-assistant-message-bubble tr:first-child th:last-child {
101
+ border-top-right-radius: var(--cometchat-radius-2);
102
+ }
103
+ .cometchat-ai-assistant-message-bubble tr:last-child td:first-child {
104
+ border-bottom-left-radius: var(--cometchat-radius-2);
105
+ }
106
+ .cometchat-ai-assistant-message-bubble tr:last-child td:last-child {
107
+ border-bottom-right-radius: var(--cometchat-radius-2);
108
+ }
96
109
  .cometchat-ai-assistant-message-bubble th,
97
110
  .cometchat-ai-assistant-message-bubble td {
98
111
  padding: var(--cometchat-padding-2);
99
- border: 1px solid var(--cometchat-border-color-light);
100
- text-align: left;
101
- word-break: break-word; /* prevents text overflow in cells */
102
- min-width: 100px;
112
+ border: 1px solid var(--cometchat-border-color-dark);
113
+ width: fit-content;
114
+ max-width: 100%;
103
115
  }
104
116
 
105
117
  .cometchat-ai-assistant-message-bubble table::-webkit-scrollbar {
@@ -115,4 +127,70 @@
115
127
  .cometchat-ai-assistant-message-bubble table::-webkit-scrollbar-thumb {
116
128
  background: var(--cometchat-icon-color-secondary);
117
129
  border-radius: var(--cometchat-radius-2);
130
+ }
131
+
132
+ .cometchat-ai-assistant-message-bubble td{
133
+ text-align: left !important;
134
+ }
135
+ .cometchat-ai-assistant-message-bubble th{
136
+ text-align: center !important;
137
+ }
138
+ .cometchat-ai-assistant-message-bubble th{
139
+ background: var(--cometchat-background-color-04);
140
+ }
141
+ .cometchat-ai-assistant-message-bubble .cometchat-ai-assistant-message-bubble__link{
142
+ text-decoration: underline;
143
+ color: var(--cometchat-text-color-highlight);
144
+ }
145
+
146
+ .cometchat-ai-assistant-message-bubble li{
147
+ overflow: visible !important;
148
+ line-height: 20px;
149
+ padding: 6px 0px;
150
+ }
151
+ .cometchat-ai-assistant-message-bubble > ol:first-child > li:first-child,
152
+ .cometchat-ai-assistant-message-bubble > ul:first-child > li:first-child
153
+ {
154
+ padding-top: 0px;
155
+ }
156
+
157
+ .cometchat-ai-assistant-message-bubble h1,
158
+ .cometchat-ai-assistant-message-bubble h2,
159
+ .cometchat-ai-assistant-message-bubble h3,
160
+ .cometchat-ai-assistant-message-bubble h4,
161
+ .cometchat-ai-assistant-message-bubble h5,
162
+ .cometchat-ai-assistant-message-bubble h6 {
163
+ line-height: 20px;
164
+ font-size: initial;
165
+ padding: var(--cometchat-padding-2) 0px;
166
+ margin: 0;
167
+ }
168
+ .cometchat-ai-assistant-message-bubble > h1:first-child,
169
+ .cometchat-ai-assistant-message-bubble > h2:first-child,
170
+ .cometchat-ai-assistant-message-bubble > h3:first-child,
171
+ .cometchat-ai-assistant-message-bubble > h4:first-child,
172
+ .cometchat-ai-assistant-message-bubble > h5:first-child,
173
+ .cometchat-ai-assistant-message-bubble > h6:first-child {
174
+ padding-top: 0px;
175
+ }
176
+ .cometchat-ai-assistant-message-bubble img{
177
+ max-height: 300px;
178
+ width: fit-content;
179
+ border-radius: var(--cometchat-radius-2);
180
+ }
181
+ .cometchat-ai-assistant-message-bubble p{
182
+ line-height: 20px;
183
+ padding: var(--cometchat-padding-2) 0px;
184
+ }
185
+
186
+ .cometchat-ai-assistant-message-bubble > ul:first-child li:first-child > p:first-child{
187
+ padding-top: 0px;
188
+ }
189
+ .cometchat-ai-assistant-message-bubble > ol:first-child li:first-child > p:first-child{
190
+ padding-top: 0px;
191
+ }
192
+
193
+ .cometchat-ai-assistant-message-bubble > p:first-child{
194
+ padding-top: 0px;
195
+
118
196
  }
package/dist/styles/components/CometChatConversations.css CHANGED
@@ -398,7 +398,9 @@ box-sizing: border-box;
398
398
  box-shadow: none;
399
399
  }
400
400
 
401
-
401
+ .cometchat-conversations .cometchat-list__header {
402
+ border-bottom: none;
403
+ }
402
404
  .cometchat-conversations__trailing-view-options .cometchat-menu-list__main-menu-item-icon-delete {
403
405
  -webkit-mask: url("../../assets/delete_icon.svg") center center no-repeat;
404
406
  mask: url("../../assets/delete_icon.svg") center center no-repeat;