@adzen/doohbot 1.0.4 → 1.0.5
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.
- package/fesm2022/adzen-doohbot.mjs +3402 -3709
- package/fesm2022/adzen-doohbot.mjs.map +1 -1
- package/index.d.ts +231 -417
- package/index.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/lib/app/chat/components/chat-header/chat-header.component.scss +1 -1
- package/src/lib/app/chat/components/{message-list/message-list.component.scss → chat-message-container/chat-message-container.component.scss} +12 -13
- package/src/lib/app/chat/components/chat-window/chat-window.component.scss +116 -113
- package/src/lib/app/login/login-form.component.scss +171 -164
- package/src/lib/shared/chips/chips.component.scss +1 -0
- /package/src/lib/app/chat/components/{message-input/message-input.component.scss → chat-input/chat-input.component.scss} +0 -0
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sources":["../../src/lib/core/
|
|
1
|
+
{"version":3,"file":"index.d.ts","sources":["../../src/lib/core/models/api-config.model.ts","../../src/lib/core/models/auth-config.model.ts","../../src/lib/core/models/theme-config.model.ts","../../src/lib/core/config/doohbot-config.model.ts","../../src/lib/core/config/doohbot-config.service.ts","../../src/lib/core/auth/models/auth-result.model.ts","../../src/lib/core/auth/models/federated-login-request.model.ts","../../src/lib/core/auth/models/login-request.model.ts","../../src/lib/core/auth/storage.service.ts","../../src/lib/core/http/http.service.ts","../../src/lib/shared/snackbar/snackbar.service.ts","../../src/lib/core/auth/auth.service.ts","../../src/lib/core/models/api-response.model.ts","../../src/lib/app/personalization/personalization.service.ts","../../src/lib/core/services/theme.service.ts","../../src/lib/core/types/message-role.type.ts","../../src/lib/core/models/message.ts","../../src/lib/app/chat/chat-ui-state.service.ts","../../src/lib/app/chat/model/chat-session.model.ts","../../src/lib/core/types/prompt-mode.type.ts","../../src/lib/app/chat/model/chat-stream-message.model.ts","../../src/lib/app/chat/chat.service.ts","../../src/lib/core/services/license.service.ts","../../src/lib/doohbot.component.ts","../../src/lib/doohbot.service.ts","../../src/lib/core/utils/logger.service.ts","../../src/lib/doohbot.providers.ts","../../src/lib/core/config/doohbot-config.token.ts","../../src/lib/core/config/doohbot-config.resolver.ts","../../src/lib/const/doohbot-constant.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["_angular_core"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adzen/doohbot",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"description": "multi tenancy chatbot",
|
|
5
5
|
"peerDependencies": {
|
|
6
|
-
"@angular/core": "
|
|
7
|
-
"@angular/common": "
|
|
8
|
-
"@angular/forms": "
|
|
9
|
-
"@angular/material": "
|
|
10
|
-
"markdown-it": "^14.1.0"
|
|
6
|
+
"@angular/core": ">=17.0.0",
|
|
7
|
+
"@angular/common": ">=17.0.0",
|
|
8
|
+
"@angular/forms": ">=17.0.0",
|
|
9
|
+
"@angular/material": ">=17.0.0"
|
|
11
10
|
},
|
|
12
11
|
"dependencies": {
|
|
13
12
|
"crypto-js": "^4.2.0",
|
|
14
13
|
"@auth0/angular-jwt": "^5.2.0",
|
|
14
|
+
"markdown-it": "^14.1.0",
|
|
15
15
|
"tslib": "^2.3.0"
|
|
16
16
|
},
|
|
17
17
|
"sideEffects": false,
|
|
@@ -57,17 +57,6 @@
|
|
|
57
57
|
width: 100%;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
/* Welcome screen */
|
|
61
|
-
.welcome-screen {
|
|
62
|
-
display: flex;
|
|
63
|
-
flex-direction: column;
|
|
64
|
-
justify-content: center;
|
|
65
|
-
align-items: center;
|
|
66
|
-
text-align: center;
|
|
67
|
-
height: 100%;
|
|
68
|
-
padding: 0 20px;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
60
|
.welcome-image {
|
|
72
61
|
width: 80px;
|
|
73
62
|
margin-bottom: 30px;
|
|
@@ -100,6 +89,17 @@
|
|
|
100
89
|
// color: var(--text-color); /*apply color here */
|
|
101
90
|
}
|
|
102
91
|
|
|
92
|
+
/* Welcome screen */
|
|
93
|
+
.welcome-screen {
|
|
94
|
+
display: flex;
|
|
95
|
+
flex-direction: column;
|
|
96
|
+
justify-content: center;
|
|
97
|
+
align-items: center;
|
|
98
|
+
text-align: center;
|
|
99
|
+
height: 100%;
|
|
100
|
+
padding: 0 20px;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
103
|
.welcome-screen h3 {
|
|
104
104
|
margin: 0 0 5px 0;
|
|
105
105
|
color: var(--text-color);
|
|
@@ -166,7 +166,6 @@
|
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
@keyframes blink {
|
|
169
|
-
|
|
170
169
|
0%,
|
|
171
170
|
80%,
|
|
172
171
|
100% {
|
|
@@ -255,4 +254,4 @@
|
|
|
255
254
|
color: var(--text-color);
|
|
256
255
|
}
|
|
257
256
|
}
|
|
258
|
-
}
|
|
257
|
+
}
|
|
@@ -1,45 +1,88 @@
|
|
|
1
1
|
@use '@angular/material' as mat;
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
:host {
|
|
4
|
+
display: block;
|
|
5
|
+
transition: all 0.3s ease-in-out;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
/* BASE CHAT WINDOW STYLES */
|
|
9
|
+
.chat-window {
|
|
10
|
+
/* Default Popup State */
|
|
5
11
|
position: fixed;
|
|
6
|
-
bottom: 20px;
|
|
7
12
|
right: 20px;
|
|
13
|
+
bottom: 20px;
|
|
8
14
|
z-index: 1000;
|
|
9
|
-
}
|
|
10
15
|
|
|
11
|
-
/*
|
|
12
|
-
.chat-window {
|
|
16
|
+
/* Dimensions */
|
|
13
17
|
width: clamp(400px, 30vw, 450px);
|
|
14
18
|
height: clamp(620px, 70vh, 660px);
|
|
19
|
+
|
|
15
20
|
background-color: var(--background-color);
|
|
16
|
-
// background-color: var(--mat-menu-bg) !important;
|
|
17
21
|
border-radius: 20px;
|
|
18
22
|
border-color: var(--border-color);
|
|
19
23
|
box-shadow: var(--border-shadow-color);
|
|
20
24
|
display: flex;
|
|
21
25
|
flex-direction: column;
|
|
22
26
|
overflow: hidden;
|
|
23
|
-
animation: slide-in 0.5s ease;
|
|
24
|
-
position: fixed;
|
|
25
|
-
right: 20px;
|
|
26
|
-
bottom: 20px;
|
|
27
27
|
user-select: none;
|
|
28
28
|
cursor: move;
|
|
29
|
-
|
|
30
|
-
}
|
|
29
|
+
animation: slide-in 0.5s ease;
|
|
31
30
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
/* FULLSCREEN STATE */
|
|
32
|
+
&.fullscreen {
|
|
33
|
+
&[data-fs-mode='contained'] {
|
|
34
|
+
/* Contained fullscreen respects parent container */
|
|
35
|
+
position: absolute !important;
|
|
36
|
+
top: 0;
|
|
37
|
+
left: 0;
|
|
38
|
+
right: 0;
|
|
39
|
+
bottom: 0;
|
|
40
|
+
width: 100% !important;
|
|
41
|
+
height: 100% !important;
|
|
42
|
+
z-index: 10 !important; /* lower than consumer sidebar */
|
|
43
|
+
border-radius: 0 !important;
|
|
44
|
+
margin: 0 !important;
|
|
45
|
+
transform: none !important;
|
|
46
|
+
animation: none !important;
|
|
47
|
+
cursor: default;
|
|
48
|
+
}
|
|
35
49
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
50
|
+
&:not([data-fs-mode='contained']) {
|
|
51
|
+
/* Element/browser fullscreen escapes parent */
|
|
52
|
+
position: fixed !important;
|
|
53
|
+
top: 0 !important;
|
|
54
|
+
left: 0 !important;
|
|
55
|
+
width: 100vw !important;
|
|
56
|
+
height: 100vh !important;
|
|
57
|
+
z-index: 999999 !important;
|
|
58
|
+
border-radius: 0 !important;
|
|
59
|
+
margin: 0 !important;
|
|
60
|
+
transform: none !important;
|
|
61
|
+
animation: none !important;
|
|
62
|
+
cursor: default;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
/* Fullscreen Layout Overrides */
|
|
66
|
+
.chat-content-wrapper {
|
|
67
|
+
flex-direction: row; // Side-by-side layout
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
app-chat-history-sidebar {
|
|
71
|
+
width: 260px;
|
|
72
|
+
flex: 0 0 260px;
|
|
73
|
+
border-right: 1px solid var(--border-color);
|
|
74
|
+
display: flex !important;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.messages-view app-chat-input {
|
|
78
|
+
max-width: 800px;
|
|
79
|
+
margin: 0 auto;
|
|
80
|
+
width: 100%;
|
|
81
|
+
}
|
|
40
82
|
}
|
|
41
83
|
}
|
|
42
84
|
|
|
85
|
+
/* SIDEBAR LAYOUT MODE */
|
|
43
86
|
.chat-window.layout-sidebar {
|
|
44
87
|
height: 100vh;
|
|
45
88
|
top: 0;
|
|
@@ -50,58 +93,27 @@
|
|
|
50
93
|
animation: slide-in-sidebar 0.4s ease-out;
|
|
51
94
|
|
|
52
95
|
&.fullscreen {
|
|
53
|
-
width:
|
|
54
|
-
height:
|
|
55
|
-
border-radius: 0;
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
@keyframes slide-in-sidebar {
|
|
63
|
-
from {
|
|
64
|
-
transform: translateX(100%);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
to {
|
|
68
|
-
transform: translateX(0);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
96
|
+
width: 100% !important;
|
|
97
|
+
height: 100% !important;
|
|
98
|
+
border-radius: 0 !important;
|
|
99
|
+
top: 0 !important;
|
|
100
|
+
right: 0 !important;
|
|
101
|
+
|
|
102
|
+
&[data-fs-mode='contained'] {
|
|
103
|
+
position: absolute !important;
|
|
104
|
+
}
|
|
71
105
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
height: calc(100vh - 40px);
|
|
106
|
+
&:not([data-fs-mode='contained']) {
|
|
107
|
+
position: fixed !important;
|
|
108
|
+
}
|
|
76
109
|
}
|
|
77
110
|
}
|
|
78
111
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
border-radius: 0;
|
|
83
|
-
position: fixed;
|
|
84
|
-
top: 0;
|
|
85
|
-
left: 0;
|
|
86
|
-
transform: none;
|
|
87
|
-
user-select: none;
|
|
88
|
-
// z-index: 999999 !important;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
/* Slide-in animation */
|
|
92
|
-
@keyframes slide-in {
|
|
93
|
-
from {
|
|
94
|
-
transform: translateY(100%);
|
|
95
|
-
opacity: 0;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
to {
|
|
99
|
-
transform: translateY(0);
|
|
100
|
-
opacity: 1;
|
|
101
|
-
}
|
|
112
|
+
/* --- OTHER STYLES --- */
|
|
113
|
+
.chat-window:active {
|
|
114
|
+
cursor: grabbing;
|
|
102
115
|
}
|
|
103
116
|
|
|
104
|
-
// Chat content wrapper - main content area
|
|
105
117
|
.chat-content-wrapper {
|
|
106
118
|
flex: 1;
|
|
107
119
|
display: flex;
|
|
@@ -111,7 +123,7 @@
|
|
|
111
123
|
|
|
112
124
|
app-chat-history-sidebar {
|
|
113
125
|
height: 100%;
|
|
114
|
-
width: 100%;
|
|
126
|
+
width: 100%;
|
|
115
127
|
display: flex;
|
|
116
128
|
flex-direction: column;
|
|
117
129
|
flex: 1;
|
|
@@ -119,32 +131,6 @@
|
|
|
119
131
|
}
|
|
120
132
|
}
|
|
121
133
|
|
|
122
|
-
// Fullscreen specific layout overrides
|
|
123
|
-
.chat-window.fullscreen {
|
|
124
|
-
.chat-content-wrapper {
|
|
125
|
-
flex-direction: row; // Side-by-side in fullscreen
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
app-chat-history-sidebar {
|
|
129
|
-
width: 260px; // Fixed width sidebar
|
|
130
|
-
flex: 0 0 260px; // Don't shrink/grow
|
|
131
|
-
border-right: 1px solid var(--border-color);
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
app-chat-history-sidebar.sidebar-closed {
|
|
135
|
-
display: none;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.messages-view {
|
|
139
|
-
app-message-input {
|
|
140
|
-
max-width: 800px;
|
|
141
|
-
margin: 0 auto;
|
|
142
|
-
width: 100%;
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
// Messages view
|
|
148
134
|
.messages-view {
|
|
149
135
|
display: flex;
|
|
150
136
|
flex-direction: column;
|
|
@@ -155,40 +141,57 @@
|
|
|
155
141
|
display: none;
|
|
156
142
|
}
|
|
157
143
|
|
|
158
|
-
|
|
159
|
-
app-message-list,
|
|
144
|
+
app-chat-message-container,
|
|
160
145
|
app-login-form {
|
|
161
146
|
flex: 1;
|
|
162
|
-
min-height: 0;
|
|
147
|
+
min-height: 0;
|
|
163
148
|
}
|
|
164
149
|
|
|
165
|
-
// Keep snackbar and input at the bottom
|
|
166
150
|
app-snackbar {
|
|
167
151
|
flex-shrink: 0;
|
|
168
152
|
margin-top: auto;
|
|
169
153
|
}
|
|
170
|
-
|
|
171
|
-
app-message-input {
|
|
154
|
+
app-chat-input {
|
|
172
155
|
flex-shrink: 0;
|
|
173
156
|
}
|
|
174
157
|
}
|
|
175
158
|
|
|
176
|
-
|
|
159
|
+
/* --- ANIMATIONS --- */
|
|
160
|
+
@keyframes slide-in {
|
|
161
|
+
from {
|
|
162
|
+
transform: translateY(100%);
|
|
163
|
+
opacity: 0;
|
|
164
|
+
}
|
|
165
|
+
to {
|
|
166
|
+
transform: translateY(0);
|
|
167
|
+
opacity: 1;
|
|
168
|
+
}
|
|
169
|
+
}
|
|
177
170
|
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
171
|
+
@keyframes slide-in-sidebar {
|
|
172
|
+
from {
|
|
173
|
+
transform: translateX(100%);
|
|
174
|
+
}
|
|
175
|
+
to {
|
|
176
|
+
transform: translateX(0);
|
|
177
|
+
}
|
|
183
178
|
}
|
|
184
179
|
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
180
|
+
/* --- MEDIA QUERIES --- */
|
|
181
|
+
@media (max-width: 768px) {
|
|
182
|
+
.chat-window:not(.fullscreen) {
|
|
183
|
+
width: 95%;
|
|
184
|
+
height: calc(100vh - 20px);
|
|
185
|
+
}
|
|
190
186
|
}
|
|
191
187
|
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
188
|
+
@media (max-width: 480px) {
|
|
189
|
+
.chat-window:not(.fullscreen) {
|
|
190
|
+
width: 90%;
|
|
191
|
+
height: calc(100% - 40px);
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.chat-window.fullscreen app-chat-history-sidebar {
|
|
195
|
+
display: none !important; // hide sidebar on tiny screens
|
|
196
|
+
}
|
|
197
|
+
}
|