@cometchat/chat-uikit-react 6.2.0 → 6.2.2

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 (33) hide show
  1. package/dist/assets/message_blocked.svg +8 -0
  2. package/dist/index.d.ts +235 -206
  3. package/dist/index.js +2 -2
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles/CometChatAIAssistantChat.css +13 -4
  6. package/dist/styles/CometChatAIAssistantChatHistory.css +100 -1
  7. package/dist/styles/CometChatAIAssistantMessageBubble.css +49 -17
  8. package/dist/styles/CometChatConversations.css +20 -1
  9. package/dist/styles/CometChatMessageList.css +30 -15
  10. package/dist/styles/CometChatModerationView.css +25 -0
  11. package/dist/styles/CometChatSearch.css +13 -0
  12. package/dist/styles/CometChatStreamMessageBubble.css +48 -19
  13. package/dist/styles/components/CometChatAIAssistantChat.css +13 -4
  14. package/dist/styles/components/CometChatAIAssistantChatHistory.css +100 -1
  15. package/dist/styles/components/CometChatAIAssistantMessageBubble.css +49 -17
  16. package/dist/styles/components/CometChatConversations.css +20 -1
  17. package/dist/styles/components/CometChatMessageList.css +30 -15
  18. package/dist/styles/components/CometChatModerationView.css +25 -0
  19. package/dist/styles/components/CometChatSearch.css +13 -0
  20. package/dist/styles/components/CometChatStreamMessageBubble.css +48 -19
  21. package/dist/styles/components/index.css +1 -0
  22. package/dist/styles/index.css +1 -0
  23. package/dist/types/components/BaseComponents/CometChatMessageBubble/CometChatMessageBubble.d.ts +1 -0
  24. package/dist/types/components/BaseComponents/CometChatModerationView/CometChatModerationView.d.ts +2 -0
  25. package/dist/types/components/CometChatAIAssistantChatHistory/CometChatAIAssistantChatHistory.d.ts +4 -0
  26. package/dist/types/components/CometChatMessageComposer/useCometChatMessageComposer.d.ts +1 -0
  27. package/dist/types/components/CometChatMessageList/CometChatMessageList.d.ts +20 -15
  28. package/dist/types/constants/CometChatUIKitConstants.d.ts +6 -0
  29. package/dist/types/events/CometChatMessageEvents.d.ts +1 -0
  30. package/dist/types/utils/MessageReceiptUtils.d.ts +1 -1
  31. package/dist/types/utils/MessageUtils.d.ts +6 -0
  32. package/dist/types/utils/util.d.ts +7 -0
  33. package/package.json +4 -3
package/dist/styles/CometChatAIAssistantChat.css CHANGED
@@ -5,9 +5,16 @@
5
5
  width: 100%;
6
6
  overflow: hidden;
7
7
  background: var(--cometchat-background-color-02);
8
+ align-items: center;
8
9
 
9
10
  }
10
-
11
+ .cometchat-ai-assistant-chat .cometchat-message-bubble-incoming{
12
+ overflow: hidden;
13
+ max-width: 100%;
14
+ box-sizing: border-box;
15
+ align-self: flex-start;
16
+ padding-top: 3px;
17
+ }
11
18
  .cometchat-ai-assistant-chat__wrapper {
12
19
  height: 100%;
13
20
  width: 100%;
@@ -56,7 +63,7 @@
56
63
  display: flex;
57
64
  align-items: center;
58
65
  justify-content: space-between;
59
- gap: var(--cometchat-spacing-3);
66
+ gap: var(--cometchat-spacing-2);
60
67
 
61
68
  }
62
69
 
@@ -68,7 +75,7 @@
68
75
  padding: 0;
69
76
  margin: 0;
70
77
  box-sizing: border-box;
71
- padding: 6px;
78
+ padding: 6px;
72
79
 
73
80
  }
74
81
 
@@ -337,7 +344,6 @@ padding-bottom: var(--cometchat-padding-2);
337
344
  z-index: 1000;
338
345
  display: flex;
339
346
  flex-direction: column;
340
- box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
341
347
  }
342
348
 
343
349
  .cometchat-ai-assistant-chat__sidebar--open {
@@ -358,6 +364,9 @@ padding-bottom: var(--cometchat-padding-2);
358
364
  overflow: hidden;
359
365
  background: var(--cometchat-background-color-02);
360
366
  }
367
+ .cometchat-ai-assistant-chat__message-composer-view{
368
+ width: 100%;
369
+ }
361
370
  .cometchat-ai-assistant-chat__message-composer-view--disabled {
362
371
  cursor: not-allowed ;
363
372
  caret-color: transparent ;
package/dist/styles/CometChatAIAssistantChatHistory.css CHANGED
@@ -26,10 +26,109 @@
26
26
  overflow-y: auto;
27
27
  }
28
28
 
29
+ .cometchat-ai-assistant-chat-history__header-container {
30
+ background: transparent;
31
+ box-sizing: border-box;
32
+ height: fit-content;
33
+ width: 100%;
34
+ }
35
+
36
+ .cometchat-ai-assistant-chat-history .cometchat-list__header {
37
+ background: transparent;
38
+ border: none;
39
+ }
40
+
41
+ .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container {
42
+ padding-bottom: var(--cometchat-padding-5);
43
+ box-sizing: border-box;
44
+
45
+ }
46
+
47
+ .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container .cometchat-button {
48
+ height: fit-content;
49
+ width: 100%;
50
+ border: none;
51
+ background: transparent;
52
+ padding: 0;
53
+ margin: 0;
54
+ box-sizing: border-box;
55
+ padding: var(--cometchat-padding-2);
56
+ gap: var(--cometchat-spacing-2);
57
+ min-height: 44px;
58
+ justify-content: flex-start;
59
+ padding-left: 0;
60
+
61
+ }
62
+ .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container .cometchat-button__icon {
63
+ background: var(--cometchat-icon-color-secondary);
64
+ height: 24px;
65
+ width: 24px;
66
+ }
67
+ .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container .cometchat-button:hover {
68
+ background: var(--cometchat-background-color-03);
69
+ border-radius: var(--cometchat-radius-2);
70
+
71
+ }
72
+ .cometchat-ai-assistant-chat-history__list-options{
73
+ visibility: hidden;
74
+ }
75
+ .cometchat-ai-assistant-chat-history__list-item:hover .cometchat-ai-assistant-chat-history__list-options{
76
+ visibility: visible;
77
+ }
29
78
  .cometchat-ai-assistant-chat-history__list-item {
30
79
  padding: var(--cometchat-padding-3) var(--cometchat-padding-2);
31
80
  background: var(--cometchat-background-color-02);
32
81
  transition: background 0.2s ease;
82
+ display: flex;
83
+ flex-direction: row;
84
+ width: 100%;
85
+ justify-content: space-between;
86
+ align-items: center;
87
+ }
88
+
89
+ .cometchat-ai-assistant-chat-history__list-item-date-header {
90
+ display: flex;
91
+ justify-content: flex-start;
92
+ align-items: flex-start;
93
+ border-radius: var(--cometchat-radius-1, 4px);
94
+ background: transparent;
95
+ width: fit-content;
96
+ min-height: 42px;
97
+ box-sizing: border-box;
98
+ padding: var(--cometchat-padding-5) var(--cometchat-padding-2) var(--cometchat-padding-2) var(--cometchat-padding-2);
99
+ width: 100%;
100
+
101
+ }
102
+
103
+ .cometchat-ai-assistant-chat-history__list-item-date-header-start {
104
+ padding: var(--cometchat-padding-2);
105
+
106
+ }
107
+ .cometchat-ai-assistant-chat-history .cometchat-menu-list__menu {
108
+ background-color: transparent;
109
+ }
110
+
111
+ .cometchat-ai-assistant-chat-history .cometchat-menu-list__main-menu-item{
112
+ background-color: transparent;
113
+ box-shadow: none;
114
+ }
115
+
116
+
117
+ .cometchat-ai-assistant-chat-history .cometchat-menu-list__main-menu-item-icon-delete {
118
+ -webkit-mask: url("../../assets/delete_icon.svg") center center no-repeat;
119
+ mask: url("../../assets/delete_icon.svg") center center no-repeat;
120
+ background: var(--cometchat-error-color,#F44649);
121
+ width: 24px;
122
+ height: 24px;
123
+ -webkit-mask-size: contain;
124
+ }
125
+ .cometchat-ai-assistant-chat-history__list-item-date-header .cometchat-date {
126
+ padding: 0;
127
+ }
128
+
129
+ .cometchat-ai-assistant-chat-history__list-item-container {
130
+ height: fit-content;
131
+ width: 100%;
33
132
  }
34
133
 
35
134
  .cometchat-ai-assistant-chat-history__list-item:hover {
@@ -134,7 +233,7 @@
134
233
  gap: var(--cometchat-padding-5, 20px);
135
234
  justify-content: center;
136
235
  align-items: center;
137
- background: transparent;
236
+ background: transparent;
138
237
  }
139
238
 
140
239
 
package/dist/styles/CometChatAIAssistantMessageBubble.css CHANGED
@@ -54,27 +54,12 @@
54
54
 
55
55
  .cometchat-ai-assistant-message-bubble__code-block {
56
56
  max-height: 300px;
57
- overflow: scroll;
57
+ overflow: auto;
58
58
  border: 1px solid var(--cometchat-border-color-default);
59
+ width: 100%;
59
60
  }
60
61
 
61
- @media (min-width: 620px) and (max-width: 780px) {
62
- .cometchat-ai-assistant-message-bubble__code-block {
63
- max-width: 600px;
64
- }
65
- }
66
-
67
- @media (min-width: 480px) and (max-width: 619px) {
68
- .cometchat-ai-assistant-message-bubble__code-block {
69
- max-width: 400px;
70
- }
71
- }
72
62
 
73
- @media (min-width: 320px) and (max-width: 479px) {
74
- .cometchat-ai-assistant-message-bubble__code-block {
75
- max-width: 320px;
76
- }
77
- }
78
63
 
79
64
  .cometchat-ai-assistant-message-bubble *:not(pre *) {
80
65
  color: var(--cometchat-text-color-primary);
@@ -83,4 +68,51 @@
83
68
  }
84
69
  .cometchat-ai-assistant-message-bubble .cometchat-ai-assistant-message-bubble__code-block,.cometchat-ai-assistant-message-bubble .cometchat-ai-assistant-message-bubble__code-block *{
85
70
  font-size: 14px;
71
+ }
72
+
73
+ .cometchat-ai-assistant-message-bubble__code-block::-webkit-scrollbar {
74
+ width: 0px;
75
+ height: 8px;
76
+ background: transparent;
77
+ }
78
+
79
+ .cometchat-ai-assistant-message-bubble__code-block::-webkit-scrollbar-track {
80
+ background: transparent;
81
+ }
82
+
83
+ .cometchat-ai-assistant-message-bubble__code-block::-webkit-scrollbar-thumb {
84
+ background: var(--cometchat-icon-color-secondary);
85
+ border-radius: var(--cometchat-radius-2);
86
+ }
87
+
88
+ .cometchat-ai-assistant-message-bubble table {
89
+ width: 100%;
90
+ border-collapse: collapse;
91
+ table-layout: auto;
92
+ display: block;
93
+ overflow-x: auto;
94
+ }
95
+
96
+ .cometchat-ai-assistant-message-bubble th,
97
+ .cometchat-ai-assistant-message-bubble td {
98
+ 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;
103
+ }
104
+
105
+ .cometchat-ai-assistant-message-bubble table::-webkit-scrollbar {
106
+ width: 0px;
107
+ height: 8px;
108
+ background: transparent;
109
+ }
110
+
111
+ .cometchat-ai-assistant-message-bubble table::-webkit-scrollbar-track {
112
+ background: transparent;
113
+ }
114
+
115
+ .cometchat-ai-assistant-message-bubble table::-webkit-scrollbar-thumb {
116
+ background: var(--cometchat-icon-color-secondary);
117
+ border-radius: var(--cometchat-radius-2);
86
118
  }
package/dist/styles/CometChatConversations.css CHANGED
@@ -10,7 +10,10 @@
10
10
  background: var(--cometchat-background-color-01, #FFF);
11
11
  position: relative;
12
12
  }
13
-
13
+ .cometchat-conversations .cometchat-conversations-header{
14
+ min-height: 64px;
15
+ box-sizing: border-box;
16
+ }
14
17
  .cometchat-conversations .cometchat-list__body>div:not([class]):first-child {
15
18
  display: none;
16
19
  }
@@ -56,6 +59,22 @@
56
59
  mask-size: contain;
57
60
  }
58
61
 
62
+
63
+ .cometchat-conversations__subtitle-receipts-wait{
64
+ -webkit-mask: url("../../assets/status_sending.svg") center center no-repeat;
65
+ mask: url("../../assets/status_sending.svg") center center no-repeat;
66
+ -webkit-mask-size: contain;
67
+ mask-size: contain;
68
+ }
69
+
70
+ .cometchat-conversations__subtitle-receipts-error{
71
+ -webkit-mask: url("../../assets/error_icon.svg") center center no-repeat;
72
+ mask: url("../../assets/error_icon.svg") center center no-repeat;
73
+ -webkit-mask-size: contain;
74
+ mask-size: contain;
75
+ background-color: var(--cometchat-error-color);
76
+ }
77
+
59
78
  .cometchat-conversations__subtitle-receipts-delivered{
60
79
  -webkit-mask: url("../../assets/conversations_delivered.svg") center center no-repeat;
61
80
  mask: url("../../assets/conversations_delivered.svg") center center no-repeat;
package/dist/styles/CometChatMessageList.css CHANGED
@@ -144,31 +144,32 @@
144
144
  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-2, 8px) var(--cometchat-padding-3, 12px) var(--cometchat-padding-2, 8px);
145
145
  ;
146
146
  }
147
- .cometchat-fullscreen-viewer .cometchat-fullscreen-viewer__body-image{
148
- max-width: 100%;
149
- max-height: 84vh;
150
- object-fit: contain;
147
+ .cometchat-fullscreen-viewer .cometchat-fullscreen-viewer__body-image {
148
+ max-width: 100%;
149
+ max-height: 84vh;
150
+ object-fit: contain;
151
151
  }
152
152
 
153
153
  .cometchat-message-bubble__audio-call .cometchat-call-bubble .cometchat-call-bubble__body {
154
154
  padding: 0;
155
155
  }
156
- .cometchat-message-bubble__thread-view-replies .cometchat-button{
156
+ .cometchat-message-bubble__thread-view-replies .cometchat-button {
157
157
  align-items: flex-end;
158
-
158
+
159
159
  }
160
- .cometchat-reactions-info-wrapper > .cometchat{
161
- width:fit-content;
160
+ .cometchat-reactions-info-wrapper>.cometchat {
161
+ width: fit-content;
162
162
  }
163
- .cometchat-message-bubble__thread-view-replies .cometchat-button .cometchat-button__text{
163
+ .cometchat-message-bubble__thread-view-replies .cometchat-button .cometchat-button__text {
164
164
  margin-bottom: -2px;
165
165
  }
166
- .cometchat-message-bubble__body-footer-view .cometchat-reactions .cometchat{
166
+ .cometchat-message-bubble__body-footer-view .cometchat-reactions .cometchat {
167
167
  width: fit-content;
168
168
  }
169
- .cometchat-reactions .cometchat-popover,.cometchat-reactions .cometchat-popover__button{
170
- width: fit-content;
169
+ .cometchat-reactions .cometchat-popover, .cometchat-reactions .cometchat-popover__button{
170
+ width: fit-content;
171
171
  }
172
+
172
173
  /* Date header inside message list */
173
174
  .cometchat-message-list__date-header {
174
175
  position: absolute;
@@ -416,6 +417,20 @@ width: fit-content;
416
417
 
417
418
  }
418
419
 
420
+ .cometchat-message-list__bubble-moderation-disapproved .cometchat-message-bubble__body {
421
+ border-bottom-left-radius: 0;
422
+ border-bottom-right-radius: 0;
423
+ }
424
+
425
+
426
+ .cometchat-message-list__bubble-moderation-disapproved .cometchat-message-bubble__body-content-view .cometchat-video-bubble{
427
+ min-width: 240px;
428
+ }
429
+
430
+ .cometchat-message-list__bubble-moderation-disapproved .cometchat-message-bubble__body-content-view .cometchat-image-bubble{
431
+ min-width: 240px;
432
+ }
433
+
419
434
  /* Status view for "delivered" receipt inside message bubble */
420
435
  .cometchat-message-bubble__status-info-view-receipts-delivered .cometchat-message-list__receipt {
421
436
  -webkit-mask: url("../../assets/status_delivered.svg") center center no-repeat;
@@ -429,7 +444,7 @@ width: fit-content;
429
444
  -webkit-mask: url("../../assets/status_read.svg") center center no-repeat;
430
445
  -webkit-mask-size: contain;
431
446
  background: var(--cometchat-message-seen-color,#56E8A7);
432
-
447
+
433
448
 
434
449
  }
435
450
 
@@ -665,7 +680,7 @@ width: fit-content;
665
680
 
666
681
  }
667
682
 
668
- /**
683
+ /**
669
684
  * Setting transparent background and gap for sticker message bubble
670
685
  */
671
686
  .cometchat-message-bubble__body-wrapper .cometchat-message-bubble__sticker-message {
@@ -709,7 +724,7 @@ width: fit-content;
709
724
  .cometchat-message-information__popup-wrapper {
710
725
  display: flex;
711
726
  position: fixed;
712
- z-index: 2;
727
+ z-index: 3;
713
728
  left: 0;
714
729
  top: 0;
715
730
  width: 100%;
package/dist/styles/CometChatModerationView.css ADDED
@@ -0,0 +1,25 @@
1
+ /* Bottom view for "blocked" messages inside message bubble */
2
+ .cometchat-moderation-status__icon{
3
+ min-width: 16px;
4
+ min-height: 16px;
5
+ -webkit-mask: url("../../assets/message_blocked.svg") center center no-repeat;
6
+ -webkit-mask-size: contain;
7
+ background-color: var(--cometchat-error-color);
8
+ display: inline-block;
9
+ }
10
+
11
+ .cometchat-moderation-status {
12
+ display: flex;
13
+ flex-direction: row;
14
+ align-items: flex-start;
15
+ background-color: var(--cometchat-error-color-100);
16
+ padding: var(--cometchat-padding-1) var(--cometchat-padding-2);
17
+ gap: var(--cometchat-spacing-1, 4px);
18
+ border-radius: 0 0 var(--cometchat-radius-3, 12px) var(--cometchat-radius-3, 12px);
19
+ }
20
+
21
+ .cometchat-moderation-status .cometchat-moderation-status__message {
22
+ color: var(--cometchat-error-color, #F44649);
23
+ text-align: left;
24
+ font: var(--cometchat-font-body-regular);
25
+ }
package/dist/styles/CometChatSearch.css CHANGED
@@ -231,6 +231,12 @@
231
231
  -webkit-mask-size: contain;
232
232
  mask-size: contain;
233
233
  }
234
+ .cometchat-search__conversations-subtitle-receipts-wait{
235
+ -webkit-mask: url("../../assets/status_sending.svg") center center no-repeat;
236
+ mask: url("../../assets/status_sending.svg") center center no-repeat;
237
+ -webkit-mask-size: contain;
238
+ mask-size: contain;
239
+ }
234
240
 
235
241
  .cometchat-search__conversations-subtitle-receipts-delivered {
236
242
  -webkit-mask: url("../../assets/conversations_delivered.svg") center center no-repeat;
@@ -239,6 +245,13 @@
239
245
  mask-size: contain;
240
246
  }
241
247
 
248
+ .cometchat-search__conversations-subtitle-receipts-error{
249
+ -webkit-mask: url("../../assets/error_icon.svg") center center no-repeat;
250
+ mask: url("../../assets/error_icon.svg") center center no-repeat;
251
+ -webkit-mask-size: contain;
252
+ mask-size: contain;
253
+ background-color: var(--cometchat-error-color);
254
+ }
242
255
 
243
256
  .cometchat-search__conversations-subtitle-receipts-read {
244
257
  -webkit-mask: url("../../assets/conversations_read.svg") center center no-repeat;
package/dist/styles/CometChatStreamMessageBubble.css CHANGED
@@ -64,28 +64,12 @@
64
64
 
65
65
  }
66
66
 
67
- .cometchat-stream-message-bubble pre>div {
67
+ .cometchat-stream-message-bubble__code-block {
68
68
  max-height: 300px;
69
- overflow: scroll;
69
+ overflow: auto;
70
70
  border: 1px solid var(--cometchat-border-color-default);
71
- }
71
+ width: 100%;
72
72
 
73
- @media (min-width: 620px) and (max-width: 780px) {
74
- .cometchat-stream-message-bubble pre>div {
75
- /* max-width: 600px; */
76
- }
77
- }
78
-
79
- @media (min-width: 480px) and (max-width: 619px) {
80
- .cometchat-stream-message-bubble pre>div {
81
- /* max-width: 400px; */
82
- }
83
- }
84
-
85
- @media (min-width: 320px) and (max-width: 479px) {
86
- .cometchat-stream-message-bubble pre>div {
87
- /* max-width: 300px; */
88
- }
89
73
  }
90
74
 
91
75
  .cometchat-stream-message-bubble *:not(pre *) {
@@ -142,7 +126,52 @@
142
126
  border-radius: 0px;
143
127
  color: var(--cometchat-text-color-secondary);
144
128
  }
129
+ .cometchat-stream-message-bubble__code-block::-webkit-scrollbar {
130
+ width: 0px;
131
+ height: 8px;
132
+ background: transparent;
133
+ }
134
+
135
+ .cometchat-stream-message-bubble__code-block::-webkit-scrollbar-track {
136
+ background: transparent;
137
+ }
145
138
 
139
+ .cometchat-stream-message-bubble__code-block::-webkit-scrollbar-thumb {
140
+ background: var(--cometchat-icon-color-secondary);
141
+ border-radius: 4px;
142
+ }
143
+
144
+ .cometchat-stream-message-bubble table {
145
+ width: 100%;
146
+ border-collapse: collapse;
147
+ table-layout: auto;
148
+ display: block;
149
+ overflow-x: auto;
150
+ }
151
+
152
+ .cometchat-stream-message-bubble th,
153
+ .cometchat-stream-message-bubble td {
154
+ 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;
159
+ }
160
+
161
+ .cometchat-stream-message-bubble table::-webkit-scrollbar {
162
+ width: 0px;
163
+ height: 8px;
164
+ background: transparent;
165
+ }
166
+
167
+ .cometchat-stream-message-bubble table::-webkit-scrollbar-track {
168
+ background: transparent;
169
+ }
170
+
171
+ .cometchat-stream-message-bubble table::-webkit-scrollbar-thumb {
172
+ background: var(--cometchat-icon-color-secondary);
173
+ border-radius: var(--cometchat-radius-2);
174
+ }
146
175
  @keyframes shimmer {
147
176
  0% {
148
177
  left: -60%;
package/dist/styles/components/CometChatAIAssistantChat.css CHANGED
@@ -5,9 +5,16 @@
5
5
  width: 100%;
6
6
  overflow: hidden;
7
7
  background: var(--cometchat-background-color-02);
8
+ align-items: center;
8
9
 
9
10
  }
10
-
11
+ .cometchat-ai-assistant-chat .cometchat-message-bubble-incoming{
12
+ overflow: hidden;
13
+ max-width: 100%;
14
+ box-sizing: border-box;
15
+ align-self: flex-start;
16
+ padding-top: 3px;
17
+ }
11
18
  .cometchat-ai-assistant-chat__wrapper {
12
19
  height: 100%;
13
20
  width: 100%;
@@ -56,7 +63,7 @@
56
63
  display: flex;
57
64
  align-items: center;
58
65
  justify-content: space-between;
59
- gap: var(--cometchat-spacing-3);
66
+ gap: var(--cometchat-spacing-2);
60
67
 
61
68
  }
62
69
 
@@ -68,7 +75,7 @@
68
75
  padding: 0;
69
76
  margin: 0;
70
77
  box-sizing: border-box;
71
- padding: 6px;
78
+ padding: 6px;
72
79
 
73
80
  }
74
81
 
@@ -337,7 +344,6 @@ padding-bottom: var(--cometchat-padding-2);
337
344
  z-index: 1000;
338
345
  display: flex;
339
346
  flex-direction: column;
340
- box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
341
347
  }
342
348
 
343
349
  .cometchat-ai-assistant-chat__sidebar--open {
@@ -358,6 +364,9 @@ padding-bottom: var(--cometchat-padding-2);
358
364
  overflow: hidden;
359
365
  background: var(--cometchat-background-color-02);
360
366
  }
367
+ .cometchat-ai-assistant-chat__message-composer-view{
368
+ width: 100%;
369
+ }
361
370
  .cometchat-ai-assistant-chat__message-composer-view--disabled {
362
371
  cursor: not-allowed ;
363
372
  caret-color: transparent ;
package/dist/styles/components/CometChatAIAssistantChatHistory.css CHANGED
@@ -26,10 +26,109 @@
26
26
  overflow-y: auto;
27
27
  }
28
28
 
29
+ .cometchat-ai-assistant-chat-history__header-container {
30
+ background: transparent;
31
+ box-sizing: border-box;
32
+ height: fit-content;
33
+ width: 100%;
34
+ }
35
+
36
+ .cometchat-ai-assistant-chat-history .cometchat-list__header {
37
+ background: transparent;
38
+ border: none;
39
+ }
40
+
41
+ .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container {
42
+ padding-bottom: var(--cometchat-padding-5);
43
+ box-sizing: border-box;
44
+
45
+ }
46
+
47
+ .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container .cometchat-button {
48
+ height: fit-content;
49
+ width: 100%;
50
+ border: none;
51
+ background: transparent;
52
+ padding: 0;
53
+ margin: 0;
54
+ box-sizing: border-box;
55
+ padding: var(--cometchat-padding-2);
56
+ gap: var(--cometchat-spacing-2);
57
+ min-height: 44px;
58
+ justify-content: flex-start;
59
+ padding-left: 0;
60
+
61
+ }
62
+ .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container .cometchat-button__icon {
63
+ background: var(--cometchat-icon-color-secondary);
64
+ height: 24px;
65
+ width: 24px;
66
+ }
67
+ .cometchat-ai-assistant-chat-history .cometchat-ai-assistant-chat-history__header-container-new-chat-container .cometchat-button:hover {
68
+ background: var(--cometchat-background-color-03);
69
+ border-radius: var(--cometchat-radius-2);
70
+
71
+ }
72
+ .cometchat-ai-assistant-chat-history__list-options{
73
+ visibility: hidden;
74
+ }
75
+ .cometchat-ai-assistant-chat-history__list-item:hover .cometchat-ai-assistant-chat-history__list-options{
76
+ visibility: visible;
77
+ }
29
78
  .cometchat-ai-assistant-chat-history__list-item {
30
79
  padding: var(--cometchat-padding-3) var(--cometchat-padding-2);
31
80
  background: var(--cometchat-background-color-02);
32
81
  transition: background 0.2s ease;
82
+ display: flex;
83
+ flex-direction: row;
84
+ width: 100%;
85
+ justify-content: space-between;
86
+ align-items: center;
87
+ }
88
+
89
+ .cometchat-ai-assistant-chat-history__list-item-date-header {
90
+ display: flex;
91
+ justify-content: flex-start;
92
+ align-items: flex-start;
93
+ border-radius: var(--cometchat-radius-1, 4px);
94
+ background: transparent;
95
+ width: fit-content;
96
+ min-height: 42px;
97
+ box-sizing: border-box;
98
+ padding: var(--cometchat-padding-5) var(--cometchat-padding-2) var(--cometchat-padding-2) var(--cometchat-padding-2);
99
+ width: 100%;
100
+
101
+ }
102
+
103
+ .cometchat-ai-assistant-chat-history__list-item-date-header-start {
104
+ padding: var(--cometchat-padding-2);
105
+
106
+ }
107
+ .cometchat-ai-assistant-chat-history .cometchat-menu-list__menu {
108
+ background-color: transparent;
109
+ }
110
+
111
+ .cometchat-ai-assistant-chat-history .cometchat-menu-list__main-menu-item{
112
+ background-color: transparent;
113
+ box-shadow: none;
114
+ }
115
+
116
+
117
+ .cometchat-ai-assistant-chat-history .cometchat-menu-list__main-menu-item-icon-delete {
118
+ -webkit-mask: url("../../assets/delete_icon.svg") center center no-repeat;
119
+ mask: url("../../assets/delete_icon.svg") center center no-repeat;
120
+ background: var(--cometchat-error-color,#F44649);
121
+ width: 24px;
122
+ height: 24px;
123
+ -webkit-mask-size: contain;
124
+ }
125
+ .cometchat-ai-assistant-chat-history__list-item-date-header .cometchat-date {
126
+ padding: 0;
127
+ }
128
+
129
+ .cometchat-ai-assistant-chat-history__list-item-container {
130
+ height: fit-content;
131
+ width: 100%;
33
132
  }
34
133
 
35
134
  .cometchat-ai-assistant-chat-history__list-item:hover {
@@ -134,7 +233,7 @@
134
233
  gap: var(--cometchat-padding-5, 20px);
135
234
  justify-content: center;
136
235
  align-items: center;
137
- background: transparent;
236
+ background: transparent;
138
237
  }
139
238
 
140
239