@koredev/agentai-web-sdk 1.1.8-rc → 1.2.0-rc
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/README.md +29 -14
- package/dist/components/aaWindow/aaWindow.d.ts +6 -2
- package/dist/components/aaWindow/config/kore-config.d.ts +2 -2
- package/dist/components/common/constants/events.cnst.d.ts +3 -0
- package/dist/components/common/constants/projConsts.d.ts +24 -0
- package/dist/components/common/services/rootService.d.ts +1 -0
- package/dist/components/common/templatemanager/base/aaContainer/aaContainer.d.ts +1 -0
- package/dist/esm/agentai-web-sdk-chat.min.js +1 -1
- package/dist/esm/exports.d.ts +2 -2
- package/dist/esm/exports.js +1 -1
- package/dist/index_chat.d.ts +3 -3
- package/dist/umd/agentai-web-sdk-umd.min.js +1 -1
- package/dist/umd/agentai-web-sdk-umd.min.js.map +1 -1
- package/dist/umd/hot/hot-update.js +2996 -303
- package/dist/umd/hot/hot-update.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
self["webpackHotUpdateKoreAASDK"]("KoreAASDK",{
|
|
3
3
|
|
|
4
|
-
/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/templatemanager/
|
|
5
|
-
|
|
6
|
-
!*** ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/templatemanager/
|
|
7
|
-
|
|
4
|
+
/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/templatemanager/base/aaContainer/aaContainer.scss":
|
|
5
|
+
/*!********************************************************************************************************************************************************************************************************!*\
|
|
6
|
+
!*** ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/templatemanager/base/aaContainer/aaContainer.scss ***!
|
|
7
|
+
\********************************************************************************************************************************************************************************************************/
|
|
8
8
|
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
9
9
|
|
|
10
10
|
__webpack_require__.r(__webpack_exports__);
|
|
@@ -20,417 +20,3110 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
20
20
|
|
|
21
21
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
22
22
|
// Module
|
|
23
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
padding: 7px 11px;
|
|
27
|
-
border-radius: 4px;
|
|
28
|
-
border: 1px solid var(--AA-gloabl-border);
|
|
29
|
-
background: var(--AA-global-white-bg);
|
|
30
|
-
width: 100%;
|
|
31
|
-
height: 36px;
|
|
32
|
-
appearance: none;
|
|
33
|
-
}
|
|
34
|
-
.input-control::placeholder {
|
|
35
|
-
color: var(--AA-gloabl-border);
|
|
36
|
-
font-size: 14px;
|
|
37
|
-
font-weight: 400;
|
|
38
|
-
line-height: 20px;
|
|
39
|
-
}
|
|
40
|
-
.input-control:focus {
|
|
41
|
-
border: 1px solid #84ADFF;
|
|
42
|
-
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #EFF4FF;
|
|
43
|
-
}
|
|
44
|
-
.input-control:active {
|
|
45
|
-
border: 1px solid #84ADFF;
|
|
46
|
-
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #EFF4FF;
|
|
47
|
-
}
|
|
48
|
-
.input-control:disabled {
|
|
49
|
-
border: 1px solid var(--AA-gloabl-border);
|
|
50
|
-
background: #F9FAFB;
|
|
51
|
-
pointer-events: none;
|
|
52
|
-
cursor: not-allowed;
|
|
23
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.agentassist-widget-main-chat-container-wrapper {
|
|
24
|
+
height: 100%;
|
|
25
|
+
display: flex;
|
|
53
26
|
}
|
|
54
|
-
.
|
|
55
|
-
|
|
56
|
-
|
|
27
|
+
.agentassist-widget-main-chat-container-wrapper.left-menu-nav-enable {
|
|
28
|
+
box-shadow: 0px 4px 12px 2px rgba(32, 33, 36, 0.12);
|
|
29
|
+
border-radius: 4px;
|
|
57
30
|
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
min-height: 70px;
|
|
31
|
+
.agentassist-widget-main-chat-container-wrapper.left-menu-nav-enable .section-agent-aa-wrapper {
|
|
32
|
+
box-shadow: none;
|
|
61
33
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
border-radius: 4px;
|
|
65
|
-
border: 1px solid var(--
|
|
34
|
+
.agentassist-widget-main-chat-container-wrapper nav {
|
|
35
|
+
flex-shrink: 0;
|
|
36
|
+
border-radius: 4px 0px 0px 4px;
|
|
37
|
+
border-right: 1px solid var(--AA-gloabl-border);
|
|
66
38
|
background: var(--AA-global-white-bg);
|
|
67
39
|
display: flex;
|
|
40
|
+
padding: 11px;
|
|
68
41
|
flex-direction: column;
|
|
69
|
-
}
|
|
70
|
-
.sugestions-block .suggestion-header {
|
|
71
|
-
display: flex;
|
|
72
42
|
align-items: center;
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
43
|
+
gap: 12px;
|
|
44
|
+
width: 72px;
|
|
45
|
+
}
|
|
46
|
+
.agentassist-widget-main-chat-container-wrapper .section-agent-aa-wrapper {
|
|
76
47
|
width: 100%;
|
|
77
|
-
|
|
48
|
+
display: flex;
|
|
49
|
+
flex-direction: column;
|
|
50
|
+
height: 100%;
|
|
78
51
|
position: relative;
|
|
52
|
+
overflow: hidden;
|
|
53
|
+
box-shadow: 0px 4px 12px 2px rgba(32, 33, 36, 0.12);
|
|
79
54
|
}
|
|
80
|
-
.
|
|
81
|
-
|
|
82
|
-
|
|
55
|
+
.agentassist-widget-main-chat-container-wrapper .section-agent-aa-wrapper header {
|
|
56
|
+
border-radius: 4px 4px 0px 0px;
|
|
57
|
+
border-bottom: 1px solid var(--AA-gloabl-border);
|
|
58
|
+
background: var(--AA-gloabl-bg-secondary);
|
|
83
59
|
}
|
|
84
|
-
.
|
|
85
|
-
|
|
60
|
+
.agentassist-widget-main-chat-container-wrapper .section-agent-aa-wrapper .body-container-aa {
|
|
61
|
+
flex: 1 1 auto;
|
|
62
|
+
position: relative;
|
|
63
|
+
overflow: hidden;
|
|
86
64
|
}
|
|
87
|
-
.
|
|
88
|
-
|
|
89
|
-
border-radius: 16px;
|
|
65
|
+
.agentassist-widget-main-chat-container-wrapper .section-agent-aa-wrapper footer {
|
|
66
|
+
border-radius: 0px 0px 4px 4px;
|
|
90
67
|
background: var(--AA-gloabl-bg-secondary);
|
|
91
|
-
|
|
92
|
-
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
@-webkit-keyframes NudgeslideInDown {
|
|
71
|
+
0% {
|
|
72
|
+
-webkit-transform: translateY(-100%);
|
|
73
|
+
transform: translateY(-100%);
|
|
74
|
+
visibility: visible;
|
|
75
|
+
}
|
|
76
|
+
100% {
|
|
77
|
+
-webkit-transform: translateY(0);
|
|
78
|
+
transform: translateY(0);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
@keyframes NudgeslideInDown {
|
|
82
|
+
0% {
|
|
83
|
+
-webkit-transform: translateY(-100%);
|
|
84
|
+
transform: translateY(-100%);
|
|
85
|
+
visibility: visible;
|
|
86
|
+
}
|
|
87
|
+
100% {
|
|
88
|
+
-webkit-transform: translateY(0);
|
|
89
|
+
transform: translateY(0);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
.nudges-wrapper-fixed {
|
|
93
|
+
position: absolute;
|
|
94
|
+
width: 100%;
|
|
95
|
+
height: auto;
|
|
96
|
+
z-index: 9999;
|
|
97
|
+
max-width: 418px;
|
|
98
|
+
margin: 0 auto;
|
|
99
|
+
left: 0;
|
|
100
|
+
right: 0;
|
|
93
101
|
display: flex;
|
|
102
|
+
align-items: flex-start;
|
|
94
103
|
justify-content: center;
|
|
95
|
-
|
|
96
|
-
|
|
104
|
+
top: 40px;
|
|
105
|
+
padding: 10px 16px;
|
|
106
|
+
-webkit-animation-name: NudgeslideInDown;
|
|
107
|
+
animation-name: NudgeslideInDown;
|
|
108
|
+
-webkit-animation-duration: 1s;
|
|
109
|
+
animation-duration: 1s;
|
|
110
|
+
-webkit-animation-fill-mode: both;
|
|
111
|
+
animation-fill-mode: both;
|
|
112
|
+
}
|
|
113
|
+
.nudges-wrapper-fixed .nudges-template-data {
|
|
114
|
+
display: flex;
|
|
115
|
+
flex-direction: column;
|
|
116
|
+
gap: 6px;
|
|
97
117
|
}
|
|
98
|
-
.
|
|
118
|
+
.nudges-wrapper-fixed .nudges-template-data .nudges-card {
|
|
119
|
+
border-radius: 24px;
|
|
120
|
+
background: var(--success-500-main, #22C55E);
|
|
121
|
+
box-shadow: 15px 15px 26px 0px rgba(0, 0, 0, 0.15);
|
|
99
122
|
display: flex;
|
|
100
123
|
align-items: center;
|
|
101
|
-
|
|
102
|
-
gap:
|
|
124
|
+
padding: 6px 16px;
|
|
125
|
+
gap: 6px;
|
|
103
126
|
}
|
|
104
|
-
.
|
|
105
|
-
|
|
106
|
-
width: 14px;
|
|
107
|
-
height: 14px;
|
|
127
|
+
.nudges-wrapper-fixed .nudges-template-data .nudges-card.info-nudge {
|
|
128
|
+
background: var(--AA-gloabl-border);
|
|
108
129
|
}
|
|
109
|
-
.
|
|
110
|
-
|
|
130
|
+
.nudges-wrapper-fixed .nudges-template-data .nudges-card.info-nudge p {
|
|
131
|
+
color: var(--AA-gloabl-text-color);
|
|
111
132
|
}
|
|
112
|
-
.
|
|
113
|
-
|
|
133
|
+
.nudges-wrapper-fixed .nudges-template-data .nudges-card.info-nudge .close-nudge svg path {
|
|
134
|
+
stroke: #000000;
|
|
114
135
|
}
|
|
115
|
-
.
|
|
116
|
-
|
|
117
|
-
font-style: italic;
|
|
136
|
+
.nudges-wrapper-fixed .nudges-template-data .nudges-card.warning-nudge {
|
|
137
|
+
background: var(--warning-500-main, #F59E0B);
|
|
118
138
|
}
|
|
119
|
-
.
|
|
120
|
-
|
|
121
|
-
display: flex;
|
|
122
|
-
flex-direction: column;
|
|
123
|
-
gap: 8px;
|
|
124
|
-
width: 100%;
|
|
139
|
+
.nudges-wrapper-fixed .nudges-template-data .nudges-card.danger-nudge {
|
|
140
|
+
background: var(--destructive-500-main, #EF4444);
|
|
125
141
|
}
|
|
126
|
-
.
|
|
142
|
+
.nudges-wrapper-fixed .nudges-template-data .nudges-card .icon_block {
|
|
143
|
+
flex-shrink: 0;
|
|
144
|
+
width: 16px;
|
|
145
|
+
height: 16px;
|
|
127
146
|
display: flex;
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
padding: 8px 0;
|
|
132
|
-
position: relative;
|
|
133
|
-
}
|
|
134
|
-
.sugestions-block .suggestion-body-search .suggestion-item-card:hover {
|
|
135
|
-
transition: 0.2s all ease;
|
|
147
|
+
align-items: center;
|
|
148
|
+
justify-content: center;
|
|
149
|
+
color: var(--AA-global-white-color);
|
|
136
150
|
}
|
|
137
|
-
.
|
|
138
|
-
|
|
151
|
+
.nudges-wrapper-fixed .nudges-template-data .nudges-card .icon_block svg path {
|
|
152
|
+
fill: #FFFFFF;
|
|
139
153
|
}
|
|
140
|
-
.
|
|
141
|
-
|
|
154
|
+
.nudges-wrapper-fixed .nudges-template-data .nudges-card p {
|
|
155
|
+
color: var(--AA-global-white-color);
|
|
156
|
+
font-size: 14px;
|
|
157
|
+
font-weight: 500;
|
|
158
|
+
line-height: 20px;
|
|
159
|
+
margin: 0;
|
|
160
|
+
width: 100%;
|
|
142
161
|
}
|
|
143
|
-
.
|
|
162
|
+
.nudges-wrapper-fixed .nudges-template-data .nudges-card .close-nudge {
|
|
163
|
+
width: 16px;
|
|
164
|
+
height: 16px;
|
|
165
|
+
background: transparent;
|
|
166
|
+
padding: 0;
|
|
167
|
+
border: 0;
|
|
144
168
|
display: flex;
|
|
145
169
|
align-items: center;
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
170
|
+
justify-content: center;
|
|
171
|
+
color: var(--AA-global-white-color);
|
|
172
|
+
font-size: 16px;
|
|
173
|
+
}
|
|
174
|
+
.nudges-wrapper-fixed .nudges-template-data .nudges-card .close-nudge svg path {
|
|
175
|
+
stroke: #FFFFFF;
|
|
149
176
|
}
|
|
150
|
-
|
|
177
|
+
|
|
178
|
+
@-webkit-keyframes HintslideInUp {
|
|
179
|
+
0% {
|
|
180
|
+
-webkit-transform: translateY(100%);
|
|
181
|
+
transform: translateY(100%);
|
|
182
|
+
visibility: visible;
|
|
183
|
+
}
|
|
184
|
+
100% {
|
|
185
|
+
-webkit-transform: translateY(0);
|
|
186
|
+
transform: translateY(0);
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
@keyframes HintslideInUp {
|
|
190
|
+
0% {
|
|
191
|
+
-webkit-transform: translateY(100%);
|
|
192
|
+
transform: translateY(100%);
|
|
193
|
+
visibility: visible;
|
|
194
|
+
}
|
|
195
|
+
100% {
|
|
196
|
+
-webkit-transform: translateY(0);
|
|
197
|
+
transform: translateY(0);
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
@-webkit-keyframes shakeHint {
|
|
201
|
+
0%, 100% {
|
|
202
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
203
|
+
transform: translate3d(0, 0, 0);
|
|
204
|
+
}
|
|
205
|
+
10%, 30%, 50%, 70%, 90% {
|
|
206
|
+
-webkit-transform: translate3d(-10px, 0, 0);
|
|
207
|
+
transform: translate3d(-10px, 0, 0);
|
|
208
|
+
}
|
|
209
|
+
20%, 40%, 60%, 80% {
|
|
210
|
+
-webkit-transform: translate3d(10px, 0, 0);
|
|
211
|
+
transform: translate3d(10px, 0, 0);
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
@keyframes shakeHint {
|
|
215
|
+
0%, 100% {
|
|
216
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
217
|
+
transform: translate3d(0, 0, 0);
|
|
218
|
+
}
|
|
219
|
+
10%, 30%, 50%, 70%, 90% {
|
|
220
|
+
-webkit-transform: translate3d(-10px, 0, 0);
|
|
221
|
+
transform: translate3d(-10px, 0, 0);
|
|
222
|
+
}
|
|
223
|
+
20%, 40%, 60%, 80% {
|
|
224
|
+
-webkit-transform: translate3d(10px, 0, 0);
|
|
225
|
+
transform: translate3d(10px, 0, 0);
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
.hints-wrapper-fixed {
|
|
229
|
+
position: absolute;
|
|
151
230
|
width: 100%;
|
|
231
|
+
height: auto;
|
|
232
|
+
z-index: 9999;
|
|
152
233
|
display: flex;
|
|
153
|
-
align-items:
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
margin: 0
|
|
234
|
+
align-items: flex-end;
|
|
235
|
+
justify-content: center;
|
|
236
|
+
bottom: 56px;
|
|
237
|
+
overflow: auto;
|
|
238
|
+
max-height: 80%;
|
|
239
|
+
max-width: 100%;
|
|
240
|
+
margin: 0 auto;
|
|
241
|
+
left: 0;
|
|
242
|
+
right: 0;
|
|
243
|
+
-webkit-animation-name: HintslideInUp;
|
|
244
|
+
animation-name: HintslideInUp;
|
|
245
|
+
-webkit-animation-duration: 0.5s;
|
|
246
|
+
animation-duration: 0.5s;
|
|
247
|
+
-webkit-animation-fill-mode: both;
|
|
248
|
+
animation-fill-mode: both;
|
|
249
|
+
}
|
|
250
|
+
.hints-wrapper-fixed .hints-template-data {
|
|
251
|
+
display: flex;
|
|
252
|
+
flex-direction: column;
|
|
253
|
+
gap: 10px;
|
|
254
|
+
overflow: auto;
|
|
255
|
+
height: 100%;
|
|
256
|
+
max-height: 100%;
|
|
257
|
+
padding: 10px 16px;
|
|
160
258
|
}
|
|
161
|
-
.
|
|
162
|
-
|
|
163
|
-
|
|
259
|
+
.hints-wrapper-fixed .hints-template-data .hint-card {
|
|
260
|
+
border-radius: 12px;
|
|
261
|
+
background: var(--success-600, #16A34A);
|
|
262
|
+
box-shadow: 0px 25px 50px -12px rgba(16, 24, 40, 0.25);
|
|
263
|
+
position: relative;
|
|
264
|
+
padding: 12px;
|
|
265
|
+
-webkit-animation-name: shakeHint;
|
|
266
|
+
animation-name: shakeHint;
|
|
267
|
+
-webkit-animation-duration: 1s;
|
|
268
|
+
animation-duration: 1s;
|
|
269
|
+
-webkit-animation-fill-mode: both;
|
|
270
|
+
animation-fill-mode: both;
|
|
271
|
+
animation-delay: 1s;
|
|
272
|
+
-webkit-animation-delay: 1s;
|
|
164
273
|
}
|
|
165
|
-
.
|
|
166
|
-
|
|
167
|
-
width: 14px;
|
|
274
|
+
.hints-wrapper-fixed .hints-template-data .hint-card.info-hint {
|
|
275
|
+
background: var(--gray-neutral-500, #6C737F);
|
|
168
276
|
}
|
|
169
|
-
.
|
|
170
|
-
|
|
277
|
+
.hints-wrapper-fixed .hints-template-data .hint-card.info-hint .top-card-info .icon_block {
|
|
278
|
+
border: 2px solid var(--Neutral-200, #E5E5E5);
|
|
171
279
|
}
|
|
172
|
-
.
|
|
173
|
-
|
|
174
|
-
display: none;
|
|
175
|
-
align-items: center;
|
|
176
|
-
gap: 4px;
|
|
177
|
-
position: absolute;
|
|
178
|
-
right: 0;
|
|
280
|
+
.hints-wrapper-fixed .hints-template-data .hint-card.info-hint .top-card-info .icon_block svg path {
|
|
281
|
+
fill: #667085;
|
|
179
282
|
}
|
|
180
|
-
.
|
|
181
|
-
|
|
283
|
+
.hints-wrapper-fixed .hints-template-data .hint-card.warning-hint {
|
|
284
|
+
background: var(--warning-500, #F79009);
|
|
182
285
|
}
|
|
183
|
-
.
|
|
184
|
-
|
|
286
|
+
.hints-wrapper-fixed .hints-template-data .hint-card.warning-hint .top-card-info .icon_block {
|
|
287
|
+
border: 2px solid var(--Warning-100, #FEF0C7);
|
|
185
288
|
}
|
|
186
|
-
.
|
|
187
|
-
|
|
188
|
-
display: flex;
|
|
189
|
-
flex-direction: column;
|
|
190
|
-
gap: 8px;
|
|
191
|
-
position: relative;
|
|
192
|
-
transition: 0.2s all ease;
|
|
289
|
+
.hints-wrapper-fixed .hints-template-data .hint-card.warning-hint .top-card-info .icon_block svg path {
|
|
290
|
+
fill: #F79009;
|
|
193
291
|
}
|
|
194
|
-
.
|
|
195
|
-
|
|
292
|
+
.hints-wrapper-fixed .hints-template-data .hint-card.danger-hint {
|
|
293
|
+
background: var(--destructive-500-main, #EF4444);
|
|
196
294
|
}
|
|
197
|
-
.
|
|
198
|
-
|
|
199
|
-
display: none;
|
|
200
|
-
align-items: center;
|
|
201
|
-
gap: 4px;
|
|
202
|
-
position: absolute;
|
|
203
|
-
right: 0;
|
|
204
|
-
z-index: 1;
|
|
295
|
+
.hints-wrapper-fixed .hints-template-data .hint-card.danger-hint .top-card-info .icon_block {
|
|
296
|
+
border: 2px solid var(--error-200, #FECDCA);
|
|
205
297
|
}
|
|
206
|
-
.
|
|
207
|
-
|
|
298
|
+
.hints-wrapper-fixed .hints-template-data .hint-card.danger-hint .top-card-info .icon_block svg path {
|
|
299
|
+
stroke: #F04438;
|
|
208
300
|
}
|
|
209
|
-
.
|
|
301
|
+
.hints-wrapper-fixed .hints-template-data .hint-card .top-card-info {
|
|
210
302
|
display: flex;
|
|
211
303
|
align-items: center;
|
|
212
|
-
gap:
|
|
304
|
+
gap: 6px;
|
|
213
305
|
}
|
|
214
|
-
.
|
|
306
|
+
.hints-wrapper-fixed .hints-template-data .hint-card .top-card-info .icon_block {
|
|
215
307
|
display: flex;
|
|
308
|
+
width: 24px;
|
|
309
|
+
height: 24px;
|
|
310
|
+
justify-content: center;
|
|
216
311
|
align-items: center;
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
312
|
+
border-radius: 28px;
|
|
313
|
+
border: 2px solid var(--success-100, #D1FADF);
|
|
314
|
+
background: #FFFFFF;
|
|
315
|
+
flex-shrink: 0;
|
|
316
|
+
color: #039855;
|
|
220
317
|
}
|
|
221
|
-
.
|
|
222
|
-
|
|
318
|
+
.hints-wrapper-fixed .hints-template-data .hint-card .top-card-info h1 {
|
|
319
|
+
color: #FFFFFF;
|
|
320
|
+
font-size: 14px;
|
|
223
321
|
font-weight: 500;
|
|
224
|
-
line-height:
|
|
322
|
+
line-height: 20px;
|
|
225
323
|
margin: 0;
|
|
226
|
-
flex-shrink: 0;
|
|
227
|
-
color: #F04438;
|
|
228
|
-
}
|
|
229
|
-
.sugestions-block .suggestion-body-search .suggestion-item-card .suggestion-body-faq .line-with-text-heading span {
|
|
230
324
|
width: 100%;
|
|
231
|
-
height: 1px;
|
|
232
|
-
background: var(--AA-gloabl-border);
|
|
233
325
|
}
|
|
234
|
-
.
|
|
326
|
+
.hints-wrapper-fixed .hints-template-data .hint-card .top-card-info .close-hint {
|
|
327
|
+
flex-shrink: 0;
|
|
328
|
+
width: 20px;
|
|
329
|
+
height: 20px;
|
|
330
|
+
background: transparent;
|
|
331
|
+
padding: 0;
|
|
332
|
+
border: 0;
|
|
235
333
|
display: flex;
|
|
236
|
-
align-items:
|
|
237
|
-
|
|
334
|
+
align-items: center;
|
|
335
|
+
justify-content: center;
|
|
336
|
+
color: #FFFFFF;
|
|
337
|
+
font-size: 20px;
|
|
238
338
|
}
|
|
239
|
-
.
|
|
240
|
-
|
|
241
|
-
|
|
339
|
+
.hints-wrapper-fixed .hints-template-data .hint-card .body-hint {
|
|
340
|
+
padding: 6px 0;
|
|
341
|
+
color: #FFFFFF;
|
|
342
|
+
font-size: 14px;
|
|
343
|
+
font-weight: 400;
|
|
344
|
+
line-height: 20px;
|
|
345
|
+
margin: 0;
|
|
242
346
|
}
|
|
243
|
-
.
|
|
244
|
-
|
|
245
|
-
align-items: flex-start;
|
|
246
|
-
gap: 8px;
|
|
247
|
-
overflow: hidden;
|
|
248
|
-
flex-wrap: wrap;
|
|
249
|
-
width: 100%;
|
|
347
|
+
.hints-wrapper-fixed .hints-template-data .hint-card .footer-hint {
|
|
348
|
+
text-align: right;
|
|
250
349
|
}
|
|
251
|
-
.
|
|
350
|
+
.hints-wrapper-fixed .hints-template-data .hint-card .footer-hint button {
|
|
351
|
+
color: #FFFFFF;
|
|
352
|
+
font-size: 14px;
|
|
353
|
+
font-weight: 500;
|
|
354
|
+
line-height: 20px;
|
|
355
|
+
padding: 0;
|
|
356
|
+
border: 0;
|
|
357
|
+
background: transparent;
|
|
358
|
+
cursor: pointer;
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
@-webkit-keyframes kr-spin {
|
|
362
|
+
0% {
|
|
363
|
+
-webkit-transform: rotate(0deg);
|
|
364
|
+
}
|
|
365
|
+
100% {
|
|
366
|
+
-webkit-transform: rotate(360deg);
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
@keyframes kr-spin {
|
|
370
|
+
0% {
|
|
371
|
+
transform: rotate(0deg);
|
|
372
|
+
}
|
|
373
|
+
100% {
|
|
374
|
+
transform: rotate(360deg);
|
|
375
|
+
}
|
|
376
|
+
}
|
|
377
|
+
.loader-progress {
|
|
252
378
|
display: flex;
|
|
253
|
-
padding: 2px 8px;
|
|
254
|
-
justify-content: center;
|
|
255
379
|
align-items: center;
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
white-space: nowrap;
|
|
380
|
+
justify-content: center;
|
|
381
|
+
position: absolute;
|
|
382
|
+
top: 0;
|
|
383
|
+
left: 0;
|
|
384
|
+
width: 100%;
|
|
385
|
+
height: 100%;
|
|
386
|
+
z-index: 9999;
|
|
264
387
|
}
|
|
265
|
-
.
|
|
266
|
-
|
|
388
|
+
.loader-progress .loading-border {
|
|
389
|
+
border: 3px solid var(--AA-gloabl-border);
|
|
390
|
+
border-radius: 50%;
|
|
391
|
+
border-top: 3px solid var(--AA-global-theme-bg);
|
|
392
|
+
width: 40px;
|
|
393
|
+
height: 40px;
|
|
394
|
+
-webkit-animation: kr-spin 2s linear infinite;
|
|
395
|
+
animation: kr-spin 2s linear infinite;
|
|
267
396
|
}
|
|
268
|
-
.
|
|
269
|
-
|
|
270
|
-
|
|
397
|
+
.loader-progress img {
|
|
398
|
+
width: 30px;
|
|
399
|
+
height: 30px;
|
|
271
400
|
}
|
|
272
|
-
|
|
401
|
+
|
|
402
|
+
.loader-progress-individual {
|
|
273
403
|
display: flex;
|
|
274
|
-
width: 14px;
|
|
275
|
-
height: 14px;
|
|
276
|
-
padding: 0;
|
|
277
|
-
justify-content: center;
|
|
278
404
|
align-items: center;
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
line-height: 16px;
|
|
286
|
-
}
|
|
287
|
-
.sugestions-block .suggestion-body-search .suggestion-item-card .suggestion-body-faq .souces-names-wrapper .source-names .source-tag a {
|
|
288
|
-
overflow: hidden;
|
|
289
|
-
color: var(--AA-gloabl-text-desc-color);
|
|
290
|
-
text-align: center;
|
|
291
|
-
text-overflow: ellipsis;
|
|
292
|
-
font-size: 12px;
|
|
293
|
-
font-weight: 400;
|
|
294
|
-
line-height: 18px;
|
|
295
|
-
opacity: 0.8;
|
|
405
|
+
justify-content: center;
|
|
406
|
+
position: absolute;
|
|
407
|
+
top: 0;
|
|
408
|
+
width: 100%;
|
|
409
|
+
height: 100%;
|
|
410
|
+
z-index: 9999;
|
|
296
411
|
}
|
|
297
|
-
.
|
|
298
|
-
|
|
412
|
+
.loader-progress-individual .loading-border {
|
|
413
|
+
border: 3px solid var(--AA-gloabl-border);
|
|
414
|
+
border-radius: 50%;
|
|
415
|
+
border-top: 3px solid var(--AA-global-theme-bg);
|
|
416
|
+
width: 24px;
|
|
417
|
+
height: 24px;
|
|
418
|
+
-webkit-animation: kr-spin 2s linear infinite;
|
|
419
|
+
animation: kr-spin 2s linear infinite;
|
|
299
420
|
}
|
|
300
|
-
.
|
|
301
|
-
|
|
421
|
+
.loader-progress-individual img {
|
|
422
|
+
width: 24px;
|
|
423
|
+
height: 24px;
|
|
302
424
|
}
|
|
303
425
|
|
|
304
|
-
.
|
|
426
|
+
.loader-progress-main {
|
|
427
|
+
display: flex;
|
|
428
|
+
align-items: center;
|
|
429
|
+
justify-content: center;
|
|
430
|
+
position: relative;
|
|
431
|
+
top: 0;
|
|
432
|
+
left: 0;
|
|
433
|
+
width: 100%;
|
|
305
434
|
height: 100%;
|
|
306
|
-
|
|
435
|
+
z-index: 9999;
|
|
436
|
+
border: 0.5px solid var(--AA-gloabl-bg-secondary);
|
|
437
|
+
border-radius: 5px;
|
|
438
|
+
}
|
|
439
|
+
.loader-progress-main .loading-border {
|
|
440
|
+
border: 3px solid var(--AA-gloabl-border);
|
|
441
|
+
border-radius: 50%;
|
|
442
|
+
border-top: 3px solid var(--AA-global-theme-bg);
|
|
443
|
+
width: 40px;
|
|
444
|
+
height: 40px;
|
|
445
|
+
-webkit-animation: kr-spin 2s linear infinite;
|
|
446
|
+
animation: kr-spin 2s linear infinite;
|
|
447
|
+
}
|
|
448
|
+
.loader-progress-main img {
|
|
449
|
+
width: 30px;
|
|
450
|
+
height: 30px;
|
|
307
451
|
}
|
|
308
|
-
|
|
452
|
+
|
|
453
|
+
.summery-wrapper-container {
|
|
454
|
+
position: absolute;
|
|
455
|
+
width: 100%;
|
|
309
456
|
height: 100%;
|
|
457
|
+
background: rgba(52, 64, 84, 0.7);
|
|
458
|
+
border-radius: 6px;
|
|
310
459
|
display: flex;
|
|
311
|
-
|
|
312
|
-
justify-content:
|
|
313
|
-
|
|
314
|
-
|
|
460
|
+
align-items: center;
|
|
461
|
+
justify-content: center;
|
|
462
|
+
}
|
|
463
|
+
.summery-wrapper-container .summery-popup-data {
|
|
315
464
|
background: var(--AA-global-white-bg);
|
|
465
|
+
border-radius: 6px;
|
|
466
|
+
max-height: 80%;
|
|
316
467
|
}
|
|
317
|
-
.
|
|
468
|
+
.summery-wrapper-container .summery-popup-data .title-block {
|
|
318
469
|
display: flex;
|
|
319
470
|
align-items: center;
|
|
320
|
-
justify-content: center;
|
|
321
|
-
width: 277px;
|
|
322
|
-
margin: 0 auto;
|
|
323
471
|
gap: 10px;
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
text-align: center;
|
|
327
|
-
min-height: 300px;
|
|
472
|
+
padding: 10px;
|
|
473
|
+
border-bottom: 1px solid var(--AA-gloabl-border);
|
|
328
474
|
}
|
|
329
|
-
.
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
gap: 4px;
|
|
336
|
-
position: relative;
|
|
475
|
+
.summery-wrapper-container .summery-popup-data .title-block h1 {
|
|
476
|
+
color: var(--AA-gloabl-text-color);
|
|
477
|
+
font-size: 14px;
|
|
478
|
+
font-weight: 600;
|
|
479
|
+
line-height: 16px;
|
|
480
|
+
width: 100%;
|
|
337
481
|
}
|
|
338
|
-
.
|
|
339
|
-
padding: 8px 12px;
|
|
482
|
+
.summery-wrapper-container .summery-popup-data .title-block .ai-block {
|
|
340
483
|
flex-shrink: 0;
|
|
341
|
-
}
|
|
342
|
-
.search-block-data-suggestions-wrapper .search-block-data-suggestions .search-block-input .suggestions-info {
|
|
343
484
|
display: flex;
|
|
344
485
|
align-items: center;
|
|
345
|
-
flex-wrap: wrap;
|
|
346
|
-
gap: 5px;
|
|
347
|
-
margin-bottom: 8px;
|
|
348
|
-
}
|
|
349
|
-
.search-block-data-suggestions-wrapper .search-block-data-suggestions .search-block-input .suggestions-info button {
|
|
350
|
-
position: relative;
|
|
351
|
-
padding: 2px 10px;
|
|
352
|
-
border-radius: 16px;
|
|
353
|
-
background: var(--AA-gloabl-bg-secondary);
|
|
354
486
|
color: var(--AA-gloabl-text-color);
|
|
487
|
+
font-size: 12px;
|
|
488
|
+
font-weight: 500;
|
|
489
|
+
line-height: 18px;
|
|
490
|
+
gap: 10px;
|
|
491
|
+
opacity: 0.6;
|
|
492
|
+
}
|
|
493
|
+
.summery-wrapper-container .summery-popup-data .title-block .ai-block svg path {
|
|
494
|
+
fill: var(--AA-gloabl-text-color);
|
|
495
|
+
}
|
|
496
|
+
.summery-wrapper-container .summery-popup-data .title-block .ai-block .close-summery {
|
|
497
|
+
background: transparent;
|
|
355
498
|
border: 0;
|
|
499
|
+
display: flex;
|
|
500
|
+
align-items: center;
|
|
501
|
+
justify-content: center;
|
|
502
|
+
padding: 0;
|
|
503
|
+
width: 16px;
|
|
504
|
+
height: 16px;
|
|
505
|
+
font-size: 16px;
|
|
506
|
+
color: var(--AA-gloabl-text-color);
|
|
356
507
|
cursor: pointer;
|
|
357
|
-
overflow: hidden;
|
|
358
|
-
white-space: nowrap;
|
|
359
|
-
text-overflow: ellipsis;
|
|
360
508
|
}
|
|
361
|
-
.
|
|
362
|
-
|
|
363
|
-
|
|
509
|
+
.summery-wrapper-container .summery-popup-data .title-block .ai-block .close-summery svg {
|
|
510
|
+
width: 16px;
|
|
511
|
+
height: 16px;
|
|
512
|
+
}
|
|
513
|
+
.summery-wrapper-container .summery-popup-data .title-block .ai-block .close-summery svg path {
|
|
514
|
+
stroke: var(--AA-gloabl-text-color);
|
|
364
515
|
}
|
|
365
|
-
.
|
|
516
|
+
.summery-wrapper-container .summery-popup-data .input-block {
|
|
517
|
+
padding: 8px;
|
|
366
518
|
position: relative;
|
|
367
|
-
background: var(--themeBgWhiteColor);
|
|
368
|
-
border-radius: 8px;
|
|
369
519
|
}
|
|
370
|
-
.
|
|
520
|
+
.summery-wrapper-container .summery-popup-data .input-block textarea {
|
|
521
|
+
min-height: 200px;
|
|
522
|
+
}
|
|
523
|
+
.summery-wrapper-container .summery-popup-data .input-block .recylin-bin-btn {
|
|
524
|
+
border: 0;
|
|
525
|
+
padding: 0;
|
|
526
|
+
background: var(--AA-global-white-bg);
|
|
527
|
+
cursor: pointer;
|
|
371
528
|
z-index: 1;
|
|
529
|
+
position: absolute;
|
|
530
|
+
right: 20px;
|
|
531
|
+
bottom: 20px;
|
|
532
|
+
}
|
|
533
|
+
.summery-wrapper-container .summery-popup-data .actions-footer {
|
|
534
|
+
padding: 8px;
|
|
535
|
+
display: flex;
|
|
536
|
+
align-items: center;
|
|
537
|
+
gap: 10px;
|
|
538
|
+
justify-content: end;
|
|
372
539
|
position: relative;
|
|
373
|
-
|
|
540
|
+
min-height: 52px;
|
|
541
|
+
border-top: 1px solid var(--AA-gloabl-border);
|
|
374
542
|
}
|
|
375
|
-
.
|
|
376
|
-
display:
|
|
543
|
+
.summery-wrapper-container .summery-popup-data .actions-footer .footer-btns-left-sec {
|
|
544
|
+
display: flex;
|
|
545
|
+
align-items: center;
|
|
546
|
+
gap: 8px;
|
|
547
|
+
}`, "",{"version":3,"sources":["webpack://./src/components/common/templatemanager/base/aaContainer/aaContainer.scss"],"names":[],"mappings":"AACA;EACI,YAAA;EACA,aAAA;AAAJ;AACI;EACI,mDAAA;EACA,kBAAA;AACR;AAAQ;EACI,gBAAA;AAEZ;AACI;EACI,cAAA;EACA,8BAAA;EACA,+CAAA;EACA,qCAAA;EACA,aAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,SAAA;EACA,WAAA;AACR;AACI;EACI,WAAA;EACA,aAAA;EACA,sBAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;EACA,mDAAA;AACR;AAAQ;EACI,8BAAA;EACA,gDAAA;EACA,yCAAA;AAEZ;AAAQ;EACI,cAAA;EACA,kBAAA;EACA,gBAAA;AAEZ;AAAQ;EACI,8BAAA;EACA,yCAAA;AAEZ;;AAGA;EACI;IACI,oCAAA;IACA,4BAAA;IACA,mBAAA;EAAN;EAEE;IACI,gCAAA;IACA,wBAAA;EAAN;AACF;AAGA;EACI;IACI,oCAAA;IACA,4BAAA;IACA,mBAAA;EADN;EAGE;IACI,gCAAA;IACA,wBAAA;EADN;AACF;AAIA;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,cAAA;EACA,OAAA;EACA,QAAA;EACA,aAAA;EACA,uBAAA;EACA,uBAAA;EACA,SAAA;EACA,kBAAA;EACA,wCAAA;EACA,gCAAA;EACA,8BAAA;EACA,sBAAA;EACA,iCAAA;EACA,yBAAA;AAFJ;AAGI;EACI,aAAA;EACA,sBAAA;EACA,QAAA;AADR;AAEQ;EACI,mBAAA;EACA,4CAAA;EACA,kDAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,QAAA;AAAZ;AACY;EACI,mCAAA;AAChB;AAAgB;EACI,kCAAA;AAEpB;AAEwB;EACI,eAAA;AAA5B;AAKY;EACI,4CAAA;AAHhB;AAKY;EACI,gDAAA;AAHhB;AAKY;EACI,cAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mCAAA;AAHhB;AAKoB;EACI,aAAA;AAHxB;AAOY;EACI,mCAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,SAAA;EACA,WAAA;AALhB;AAOY;EACI,WAAA;EACA,YAAA;EACA,uBAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mCAAA;EACA,eAAA;AALhB;AAOoB;EACI,eAAA;AALxB;;AAeA;EACI;IACI,mCAAA;IACA,2BAAA;IACA,mBAAA;EAZN;EAcE;IACI,gCAAA;IACA,wBAAA;EAZN;AACF;AAeA;EACI;IACI,mCAAA;IACA,2BAAA;IACA,mBAAA;EAbN;EAeE;IACI,gCAAA;IACA,wBAAA;EAbN;AACF;AAgBA;EACI;IACI,uCAAA;IACA,+BAAA;EAdN;EAgBE;IACI,2CAAA;IACA,mCAAA;EAdN;EAgBE;IACI,0CAAA;IACA,kCAAA;EAdN;AACF;AAiBA;EACI;IACI,uCAAA;IACA,+BAAA;EAfN;EAiBE;IACI,2CAAA;IACA,mCAAA;EAfN;EAiBE;IACI,0CAAA;IACA,kCAAA;EAfN;AACF;AAkBA;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;EACA,YAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,cAAA;EACA,OAAA;EACA,QAAA;EACA,qCAAA;EACA,6BAAA;EACA,gCAAA;EACA,wBAAA;EACA,iCAAA;EACA,yBAAA;AAhBJ;AAiBI;EACI,aAAA;EACA,sBAAA;EACA,SAAA;EACA,cAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;AAfR;AAgBQ;EACI,mBAAA;EACA,uCAAA;EACA,sDAAA;EACA,kBAAA;EACA,aAAA;EACA,iCAAA;EACA,yBAAA;EACA,8BAAA;EACA,sBAAA;EACA,iCAAA;EACA,yBAAA;EACA,mBAAA;EACA,2BAAA;AAdZ;AAeY;EACI,4CAAA;AAbhB;AAeoB;EACI,6CAAA;AAbxB;AAe4B;EACI,aAAA;AAbhC;AAmBY;EACI,uCAAA;AAjBhB;AAmBoB;EACI,6CAAA;AAjBxB;AAmB4B;EACI,aAAA;AAjBhC;AAuBY;EACI,gDAAA;AArBhB;AAuBoB;EACI,2CAAA;AArBxB;AAuB4B;EACI,eAAA;AArBhC;AA2BY;EACI,aAAA;EACA,mBAAA;EACA,QAAA;AAzBhB;AA0BgB;EACI,aAAA;EACA,WAAA;EACA,YAAA;EACA,uBAAA;EACA,mBAAA;EACA,mBAAA;EACA,6CAAA;EACA,mBAAA;EACA,cAAA;EACA,cAAA;AAxBpB;AA0BgB;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,SAAA;EACA,WAAA;AAxBpB;AA0BgB;EACI,cAAA;EACA,WAAA;EACA,YAAA;EACA,uBAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,eAAA;AAxBpB;AA2BY;EACI,cAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,SAAA;AAzBhB;AA2BY;EACI,iBAAA;AAzBhB;AA0BgB;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,UAAA;EACA,SAAA;EACA,uBAAA;EACA,eAAA;AAxBpB;;AAgCA;EACI;IAAK,+BAAA;EA5BP;EA6BE;IAAO,iCAAA;EA1BT;AACF;AA4BA;EACI;IAAK,uBAAA;EAzBP;EA0BE;IAAO,yBAAA;EAvBT;AACF;AAyBA;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;AAvBJ;AAwBI;EACI,yCAAA;EACA,kBAAA;EACA,+CAAA;EACA,WAAA;EACA,YAAA;EACA,6CAAA;EACA,qCAAA;AAtBR;AAwBI;EACI,WAAA;EACA,YAAA;AAtBR;;AA2BA;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;AAxBJ;AAyBI;EACI,yCAAA;EACA,kBAAA;EACA,+CAAA;EACA,WAAA;EACA,YAAA;EACA,6CAAA;EACA,qCAAA;AAvBR;AAyBI;EACI,WAAA;EACA,YAAA;AAvBR;;AA2BA;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,iDAAA;EACA,kBAAA;AAxBJ;AAyBI;EACI,yCAAA;EACA,kBAAA;EACA,+CAAA;EACA,WAAA;EACA,YAAA;EACA,6CAAA;EACA,qCAAA;AAvBR;AAyBI;EACI,WAAA;EACA,YAAA;AAvBR;;AA8BA;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,iCAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AA3BJ;AA4BI;EACI,qCAAA;EACA,kBAAA;EACA,eAAA;AA1BR;AA2BQ;EACI,aAAA;EACA,mBAAA;EACA,SAAA;EACA,aAAA;EACA,gDAAA;AAzBZ;AA0BY;EACI,kCAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,WAAA;AAxBhB;AA0BY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,kCAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,SAAA;EACA,YAAA;AAxBhB;AA0BoB;EACI,iCAAA;AAxBxB;AA2BgB;EACI,uBAAA;EACA,SAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,kCAAA;EACA,eAAA;AAzBpB;AA0BoB;EACI,WAAA;EACA,YAAA;AAxBxB;AAyBwB;EACI,mCAAA;AAvB5B;AA6BQ;EACI,YAAA;EACA,kBAAA;AA3BZ;AA4BY;EACI,iBAAA;AA1BhB;AA4BY;EACI,SAAA;EACA,UAAA;EACA,qCAAA;EACA,eAAA;EACA,UAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;AA1BhB;AA6BQ;EACI,YAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,oBAAA;EACA,kBAAA;EACA,gBAAA;EACA,6CAAA;AA3BZ;AA4BY;EAKI,aAAA;EACA,mBAAA;EACA,QAAA;AA9BhB","sourcesContent":["\n.agentassist-widget-main-chat-container-wrapper{\n height: 100%;\n display: flex;\n &.left-menu-nav-enable{\n box-shadow: 0px 4px 12px 2px rgba(32, 33, 36, 0.12);\n border-radius: 4px;\n .section-agent-aa-wrapper{\n box-shadow: none;\n }\n }\n nav{\n flex-shrink: 0;\n border-radius: 4px 0px 0px 4px;\n border-right: 1px solid var(--AA-gloabl-border);\n background: var(--AA-global-white-bg);\n display: flex;\n padding: 11px;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n width: 72px\n }\n .section-agent-aa-wrapper{\n width: 100%;\n display: flex;\n flex-direction: column;\n height: 100%;\n position: relative;\n overflow: hidden;\n box-shadow: 0px 4px 12px 2px rgba(32, 33, 36, 0.12);\n header{\n border-radius: 4px 4px 0px 0px;\n border-bottom: 1px solid var(--AA-gloabl-border);\n background: var(--AA-gloabl-bg-secondary);\n }\n .body-container-aa{\n flex: 1 1 auto;\n position: relative;\n overflow: hidden;\n }\n footer{\n border-radius: 0px 0px 4px 4px;\n background: var(--AA-gloabl-bg-secondary);\n }\n }\n}\n\n@-webkit-keyframes NudgeslideInDown {\n 0% {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n visibility: visible;\n }\n 100% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@keyframes NudgeslideInDown {\n 0% {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n visibility: visible;\n }\n 100% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n.nudges-wrapper-fixed{\n position: absolute;\n width: 100%;\n height: auto;\n z-index: 9999;\n max-width: 418px;\n margin: 0 auto;\n left: 0;\n right: 0;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n top: 40px;\n padding: 10px 16px;\n -webkit-animation-name: NudgeslideInDown;\n animation-name: NudgeslideInDown;\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n .nudges-template-data{\n display: flex;\n flex-direction: column;\n gap: 6px;\n .nudges-card{\n border-radius: 24px;\n background: var(--success-500-main, #22C55E);\n box-shadow: 15px 15px 26px 0px rgba(0, 0, 0, 0.15);\n display: flex;\n align-items: center;\n padding: 6px 16px;\n gap: 6px;\n &.info-nudge{\n background: var(--AA-gloabl-border);\n p{\n color: var(--AA-gloabl-text-color);\n }\n .close-nudge{\n svg{\n path{\n stroke: #000000;\n }\n }\n }\n }\n &.warning-nudge{\n background: var(--warning-500-main, #F59E0B);\n }\n &.danger-nudge{\n background: var(--destructive-500-main, #EF4444);\n }\n .icon_block{\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--AA-global-white-color);\n svg{\n path{\n fill:#FFFFFF;\n }\n }\n }\n p{\n color: var(--AA-global-white-color);\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n width: 100%;\n }\n .close-nudge{\n width: 16px;\n height: 16px;\n background: transparent;\n padding: 0;\n border: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--AA-global-white-color);\n font-size: 16px;\n svg{\n path{\n stroke:#FFFFFF;\n }\n }\n } \n }\n }\n}\n\n\n\n@-webkit-keyframes HintslideInUp {\n 0% {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n visibility: visible;\n }\n 100% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@keyframes HintslideInUp {\n 0% {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n visibility: visible;\n }\n 100% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@-webkit-keyframes shakeHint {\n 0%,100% {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n 10%,30%,50%,70%,90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n 20%,40%,60%,80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n}\n\n@keyframes shakeHint {\n 0%,100% {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n 10%,30%,50%,70%,90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n 20%,40%,60%,80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n}\n\n.hints-wrapper-fixed{\n position: absolute;\n width: 100%;\n height: auto;\n z-index: 9999;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n bottom: 56px;\n overflow: auto;\n max-height: 80%;\n max-width: 100%;\n margin: 0 auto;\n left: 0;\n right: 0;\n -webkit-animation-name: HintslideInUp;\n animation-name: HintslideInUp;\n -webkit-animation-duration: 0.5s;\n animation-duration: 0.5s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n .hints-template-data{\n display: flex;\n flex-direction: column;\n gap: 10px;\n overflow: auto;\n height: 100%;\n max-height: 100%;\n padding: 10px 16px;\n .hint-card{\n border-radius: 12px;\n background: var(--success-600, #16A34A);\n box-shadow: 0px 25px 50px -12px rgba(16, 24, 40, 0.25);\n position: relative;\n padding: 12px;\n -webkit-animation-name: shakeHint;\n animation-name: shakeHint;\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n animation-delay: 1s;\n -webkit-animation-delay: 1s;\n &.info-hint{\n background: var(--gray-neutral-500, #6C737F);\n .top-card-info{\n .icon_block{\n border: 2px solid var(--Neutral-200, #E5E5E5);\n svg{\n path{\n fill: #667085;\n }\n }\n }\n }\n }\n &.warning-hint{\n background: var(--warning-500, #F79009);\n .top-card-info{\n .icon_block{\n border: 2px solid var(--Warning-100, #FEF0C7);\n svg{\n path{\n fill: #F79009;\n }\n }\n }\n }\n }\n &.danger-hint{\n background: var(--destructive-500-main, #EF4444);\n .top-card-info{\n .icon_block{\n border: 2px solid var(--error-200, #FECDCA);\n svg{\n path{\n stroke: #F04438;\n }\n }\n }\n }\n }\n .top-card-info{\n display: flex;\n align-items: center;\n gap: 6px;\n .icon_block{\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 28px;\n border: 2px solid var(--success-100, #D1FADF);\n background: #FFFFFF;\n flex-shrink: 0;\n color: #039855;\n }\n h1{\n color: #FFFFFF;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n width: 100%;\n }\n .close-hint{\n flex-shrink: 0;\n width: 20px;\n height: 20px;\n background: transparent;\n padding: 0;\n border: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #FFFFFF;\n font-size: 20px;\n }\n }\n .body-hint{\n padding: 6px 0;\n color: #FFFFFF;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n margin: 0;\n }\n .footer-hint{\n text-align: right;\n button{\n color: #FFFFFF;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n padding: 0;\n border: 0;\n background: transparent;\n cursor: pointer;\n }\n }\n }\n }\n}\n\n\n@-webkit-keyframes kr-spin {\n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n\n@keyframes kr-spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.loader-progress{\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n .loading-border{\n border: 3px solid var(--AA-gloabl-border);\n border-radius: 50%;\n border-top: 3px solid var(--AA-global-theme-bg);\n width: 40px;\n height: 40px;\n -webkit-animation: kr-spin 2s linear infinite;\n animation: kr-spin 2s linear infinite;\n }\n img{\n width: 30px;\n height: 30px;\n }\n}\n\n\n.loader-progress-individual{\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n .loading-border{\n border: 3px solid var(--AA-gloabl-border);\n border-radius: 50%;\n border-top: 3px solid var(--AA-global-theme-bg);\n width: 24px;\n height: 24px;\n -webkit-animation: kr-spin 2s linear infinite;\n animation: kr-spin 2s linear infinite;\n }\n img{\n width: 24px;\n height: 24px;\n }\n}\n\n.loader-progress-main {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n border: 0.5px solid var(--AA-gloabl-bg-secondary);\n border-radius: 5px;\n .loading-border{\n border: 3px solid var(--AA-gloabl-border);\n border-radius: 50%;\n border-top: 3px solid var(--AA-global-theme-bg);\n width: 40px;\n height: 40px;\n -webkit-animation: kr-spin 2s linear infinite;\n animation: kr-spin 2s linear infinite;\n }\n img{\n width: 30px;\n height: 30px;\n }\n}\n\n\n// Summery popup\n\n.summery-wrapper-container{\n position: absolute;\n width: 100%;\n height: 100%;\n background: rgba(52, 64, 84, 0.70);\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n .summery-popup-data{\n background: var(--AA-global-white-bg);\n border-radius: 6px;\n max-height: 80%;\n .title-block{\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px;\n border-bottom: 1px solid var(--AA-gloabl-border);\n h1{\n color: var(--AA-gloabl-text-color);\n font-size: 14px;\n font-weight: 600;\n line-height: 16px;\n width: 100%;\n }\n .ai-block{\n flex-shrink: 0;\n display: flex;\n align-items: center;\n color: var(--AA-gloabl-text-color);\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n gap: 10px;\n opacity: 0.6;\n svg{\n path{\n fill: var(--AA-gloabl-text-color);\n }\n }\n .close-summery{\n background: transparent;\n border: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n width: 16px;\n height: 16px;\n font-size: 16px;\n color: var(--AA-gloabl-text-color);\n cursor: pointer;\n svg{\n width: 16px;\n height: 16px;\n path{\n stroke: var(--AA-gloabl-text-color);\n }\n }\n }\n }\n }\n .input-block{\n padding: 8px;\n position: relative;\n textarea{\n min-height: 200px;\n }\n .recylin-bin-btn{\n border: 0;\n padding: 0;\n background: var(--AA-global-white-bg);\n cursor: pointer;\n z-index: 1;\n position: absolute;\n right: 20px; \n bottom: 20px;\n }\n }\n .actions-footer{\n padding: 8px;\n display: flex;\n align-items: center;\n gap: 10px;\n justify-content: end;\n position: relative;\n min-height: 52px;\n border-top: 1px solid var(--AA-gloabl-border);\n .footer-btns-left-sec{\n // position: absolute;\n // z-index: 99;\n // left: 8px;\n // top: 12px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n }\n }\n}"],"sourceRoot":""}]);
|
|
548
|
+
// Exports
|
|
549
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
550
|
+
|
|
551
|
+
|
|
552
|
+
/***/ }),
|
|
553
|
+
|
|
554
|
+
/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/templatemanager/tabs/assist/assist.scss":
|
|
555
|
+
/*!**********************************************************************************************************************************************************************************************!*\
|
|
556
|
+
!*** ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/templatemanager/tabs/assist/assist.scss ***!
|
|
557
|
+
\**********************************************************************************************************************************************************************************************/
|
|
558
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
559
|
+
|
|
560
|
+
__webpack_require__.r(__webpack_exports__);
|
|
561
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
562
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
563
|
+
/* harmony export */ });
|
|
564
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
|
|
565
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
566
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
|
|
567
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
568
|
+
// Imports
|
|
569
|
+
|
|
570
|
+
|
|
571
|
+
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
572
|
+
// Module
|
|
573
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.assist-data-wrapper-container {
|
|
574
|
+
height: 100%;
|
|
575
|
+
padding: 8px;
|
|
377
576
|
width: 100%;
|
|
378
|
-
color: var(--AA-gloabl-text-color);
|
|
379
|
-
background: transparent;
|
|
380
|
-
position: absolute;
|
|
381
|
-
top: 0;
|
|
382
|
-
left: 0;
|
|
383
|
-
z-index: 0;
|
|
384
577
|
}
|
|
385
|
-
.
|
|
386
|
-
|
|
387
|
-
|
|
578
|
+
.assist-data-wrapper-container .assist-block-content {
|
|
579
|
+
height: 100%;
|
|
580
|
+
display: flex;
|
|
581
|
+
flex-direction: column;
|
|
582
|
+
border: 1px solid var(--AA-gloabl-border);
|
|
583
|
+
background: var(--AA-global-white-bg);
|
|
584
|
+
border-radius: 4px;
|
|
388
585
|
}
|
|
389
|
-
.
|
|
390
|
-
|
|
391
|
-
|
|
586
|
+
.assist-data-wrapper-container .assist-block-content .assist-header-content {
|
|
587
|
+
display: flex;
|
|
588
|
+
align-items: center;
|
|
589
|
+
padding: 8px;
|
|
590
|
+
min-height: 36px;
|
|
591
|
+
gap: 10px;
|
|
592
|
+
border-bottom: 1px solid var(--AA-gloabl-border);
|
|
392
593
|
}
|
|
393
|
-
.
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
top: 8px;
|
|
397
|
-
z-index: 2;
|
|
594
|
+
.assist-data-wrapper-container .assist-block-content .assist-header-content .left-title-info {
|
|
595
|
+
width: 100%;
|
|
596
|
+
overflow: hidden;
|
|
398
597
|
}
|
|
399
|
-
.
|
|
400
|
-
|
|
401
|
-
|
|
598
|
+
.assist-data-wrapper-container .assist-block-content .assist-header-content .left-title-info .text-dropdown-info {
|
|
599
|
+
display: flex;
|
|
600
|
+
align-items: center;
|
|
601
|
+
gap: 6px;
|
|
402
602
|
}
|
|
403
|
-
.
|
|
404
|
-
position: absolute;
|
|
405
|
-
right: 8px;
|
|
406
|
-
top: 10px;
|
|
407
|
-
z-index: 2;
|
|
408
|
-
cursor: pointer;
|
|
409
|
-
background: border-box;
|
|
410
|
-
border: 0;
|
|
411
|
-
padding: 0;
|
|
412
|
-
font-size: 16px;
|
|
413
|
-
line-height: 0;
|
|
603
|
+
.assist-data-wrapper-container .assist-block-content .assist-header-content .left-title-info .text-dropdown-info h1 {
|
|
414
604
|
color: var(--AA-gloabl-text-color);
|
|
605
|
+
font-size: 14px;
|
|
606
|
+
font-weight: 600;
|
|
607
|
+
line-height: 20px;
|
|
608
|
+
margin: 0 0 2px 0;
|
|
415
609
|
}
|
|
416
|
-
.
|
|
417
|
-
|
|
418
|
-
height:
|
|
610
|
+
.assist-data-wrapper-container .assist-block-content .scroll-data-assist {
|
|
611
|
+
flex: 1 1 auto;
|
|
612
|
+
height: 100%;
|
|
613
|
+
overflow: auto;
|
|
419
614
|
}
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
}`, "",{"version":3,"sources":["webpack://./src/scss/_formControls.scss","webpack://./src/components/common/templatemanager/tabs/search/search.scss","webpack://./src/scss/_search_suggestion.scss"],"names":[],"mappings":"AACA;EACI,cAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;EACA,yCAAA;EACA,qCAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;ACAJ;ADCI;EACI,8BAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;ACCR;ADCI;EACI,yBAAA;EACA,2EAAA;ACCR;ADCI;EACI,yBAAA;EACA,2EAAA;ACCR;ADCI;EACI,yCAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;ACCR;ADCI;EACI,yBAAA;EACA,2EAAA;ACCR;;ADII;EACE,gBAAA;ACDN;;ACtCA;EACI,kBAAA;EACA,0CAAA;EACA,qCAAA;EACA,aAAA;EACA,sBAAA;ADyCJ;ACxCI;EACI,aAAA;EACA,mBAAA;EACA,gBAAA;EACA,gBAAA;EACA,QAAA;EACA,WAAA;EACA,gBAAA;EACA,kBAAA;AD0CR;ACzCQ;EACI,cAAA;EACA,cAAA;AD2CZ;ACzCQ;EACI,eAAA;AD2CZ;ACzCQ;EACI,cAAA;EACA,mBAAA;EACA,yCAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,wCAAA;AD2CZ;ACzCQ;EACI,aAAA;EACA,mBAAA;EACA,uCAAA;EACA,QAAA;AD2CZ;AC1CY;EACI,YAAA;EACA,WAAA;EACA,YAAA;AD4ChB;AC3CgB;EACI,iCAAA;AD6CpB;AC1CY;EACI,YAAA;AD4ChB;AC1CY;EACI,uCAAA;EACA,kBAAA;AD4ChB;ACxCI;EACI,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,QAAA;EACA,WAAA;AD0CR;ACzCQ;EACI,aAAA;EACA,sBAAA;EACA,QAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;AD2CZ;AC1CY;EACI,yBAAA;AD4ChB;AC1CoB;EACI,aAAA;AD4CxB;ACxCY;EACI,aAAA;AD0ChB;ACxCY;EACI,aAAA;EACA,mBAAA;EACA,SAAA;EACA,kBAAA;EACA,yBAAA;AD0ChB;ACzCgB;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,gBAAA;AD2CpB;AC1CoB;EACI,wCAAA;EACA,kBAAA;AD4CxB;ACvCoB;EACI,cAAA;EACA,eAAA;ADyCxB;ACxCwB;EACI,YAAA;EACA,WAAA;AD0C5B;ACzC4B;EACI,iCAAA;AD2ChC;ACnCgB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,kBAAA;EACA,QAAA;ADqCpB;AClC4B;EACI,mCAAA;ADoChC;AChCoB;EACI,YAAA;ADkCxB;AC9BY;EACI,WAAA;EACA,aAAA;EACA,sBAAA;EACA,QAAA;EACA,kBAAA;EACA,yBAAA;ADgChB;AC9BoB;EACI,aAAA;ADgCxB;AC7BgB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;AD+BpB;AC9BoB;EACI,YAAA;ADgCxB;AC7BgB;EACI,aAAA;EACA,mBAAA;EACA,QAAA;AD+BpB;AC7BgB;EACI,aAAA;EACA,mBAAA;EACA,QAAA;EACA,WAAA;EACA,aAAA;AD+BpB;AC9BoB;EACI,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,SAAA;EACA,cAAA;EACA,cAAA;ADgCxB;AC9BoB;EACI,WAAA;EACA,WAAA;EACA,mCAAA;ADgCxB;AC7BgB;EACI,aAAA;EACA,uBAAA;EACA,QAAA;AD+BpB;AC9BoB;EACI,kBAAA;EACA,cAAA;ADgCxB;AC9BoB;EACI,aAAA;EACA,uBAAA;EACA,QAAA;EACA,gBAAA;EACA,eAAA;EACA,WAAA;ADgCxB;AC/BwB;EACI,aAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,yCAAA;EACA,yBAAA;EACA,YAAA;EACA,uBAAA;EACA,gBAAA;EACA,mBAAA;ADiC5B;AC/BgC;EACI,UAAA;ADiCpC;AC/BgC;EACI,+BAAA;EACA,UAAA;ADiCpC;AC9B4B;EACI,aAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,uBAAA;EACA,mBAAA;EACA,cAAA;EACA,mBAAA;EACA,qCAAA;EACA,kCAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;ADgChC;AC9B4B;EACI,gBAAA;EACA,uCAAA;EACA,kBAAA;EACA,uBAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,YAAA;ADgChC;ACxBY;EACI,aAAA;AD0BhB;ACtBY;EACI,aAAA;ADwBhB;;AApRA;EACI,YAAA;EACA,YAAA;AAuRJ;AAtRI;EACI,YAAA;EACA,aAAA;EACA,sBAAA;EACA,yBAAA;EACA,kBAAA;EACA,yCAAA;EACA,qCAAA;AAwRR;AAvRQ;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,cAAA;EACA,SAAA;EACA,sBAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;AAyRZ;AAvRQ;EACI,0BAAA;EACA,cAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,QAAA;EACA,kBAAA;AAyRZ;AAvRQ;EACI,iBAAA;EACA,cAAA;AAyRZ;AAxRY;EACI,aAAA;EACA,mBAAA;EACA,eAAA;EACA,QAAA;EACA,kBAAA;AA0RhB;AAzRgB;EACI,kBAAA;EACA,iBAAA;EACA,mBAAA;EACA,yCAAA;EACA,kCAAA;EACA,SAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;AA2RpB;AAzRgB;EACI,kBAAA;EACA,SAAA;AA2RpB;AAxRY;EACI,kBAAA;EACA,oCAAA;EACA,kBAAA;AA0RhB;AAzRgB;EACI,UAAA;EACA,kBAAA;EACA,uBAAA;AA2RpB;AA1RoB;EACI,cAAA;EACA,WAAA;EACA,kCAAA;EACA,uBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,UAAA;AA4RxB;AA3RwB,yJAAA,qBAAA;EACI,kCAAA;EACA,uBAAA;AA6R5B;AA3RwB;EACI,kCAAA;EACA,uBAAA;AA6R5B;AAzRgB;EACI,kBAAA;EACA,WAAA;EACA,QAAA;EACA,UAAA;AA2RpB;AA1RoB;EACI,iCAAA;EACA,YAAA;AA4RxB;AAzRgB;EACI,kBAAA;EACA,UAAA;EACA,SAAA;EACA,UAAA;EACA,eAAA;EACA,sBAAA;EACA,SAAA;EACA,UAAA;EACA,eAAA;EACA,cAAA;EACA,kCAAA;AA2RpB;AA1RoB;EACI,WAAA;EACA,YAAA;AA4RxB;AA3RwB;EACI,mCAAA;AA6R5B","sourcesContent":["\n.input-control{\n display: block;\n width: 100%;\n padding: 7px 11px;\n border-radius: 4px;\n border: 1px solid var(--AA-gloabl-border);\n background: var(--AA-global-white-bg);\n width: 100%;\n height: 36px;\n appearance: none;\n &::placeholder{\n color: var(--AA-gloabl-border); \n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n }\n &:focus{\n border: 1px solid #84ADFF;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #EFF4FF;\n }\n &:active{\n border: 1px solid #84ADFF;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #EFF4FF;\n }\n &:disabled{\n border: 1px solid var(--AA-gloabl-border);\n background: #F9FAFB;\n pointer-events: none;\n cursor: not-allowed;\n }\n &.error{\n border: 1px solid #FDA29B;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2;\n }\n}\n\ntextarea {\n &.input-control {\n min-height: 70px;\n }\n}","@import './../../../../../scss/formControls';\n@import './../../../../../scss/search_suggestion';\n\n.search-block-data-suggestions-wrapper{\n height: 100%;\n padding: 8px;\n .search-block-data-suggestions{\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n border-radius: 4px;\n border: 1px solid var(--AA-gloabl-border);\n background: var(--AA-global-white-bg);\n .empty-search-container-wrapper{\n display: flex;\n align-items: center;\n justify-content: center;\n width: 277px;\n margin: 0 auto;\n gap: 10px;\n flex-direction: column;\n height: 100%;\n text-align: center;\n min-height: 300px;\n }\n .suggestionslist-conntent-search{\n padding: 8px 12px 0px 12px;\n flex: 1 1 auto;\n overflow: auto;\n display: flex;\n flex-direction: column;\n gap: 4px;\n position: relative;\n }\n .search-block-input{\n padding: 8px 12px;\n flex-shrink: 0;\n .suggestions-info{\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 5px;\n margin-bottom: 8px;\n button{\n position: relative;\n padding: 2px 10px;\n border-radius: 16px;\n background: var(--AA-gloabl-bg-secondary);\n color: var(--AA-gloabl-text-color);\n border: 0;\n cursor: pointer;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n p{\n font-style: italic;\n margin: 0;\n }\n }\n .input-block{\n position: relative;\n background: var(--themeBgWhiteColor);\n border-radius: 8px;\n .input-control{\n z-index: 1;\n position: relative;\n background: transparent;\n &.suggestion-input{\n display: block;\n width: 100%;\n color: var(--AA-gloabl-text-color);\n background: transparent;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n &::-moz-selection { /* Code for Firefox */\n color: var(--AA-gloabl-text-color);\n background: transparent;\n } \n &::selection {\n color: var(--AA-gloabl-text-color);\n background: transparent;\n }\n }\n }\n svg{\n position: absolute;\n right: 12px;\n top: 8px;\n z-index: 2;\n path{\n fill: var(--AA-gloabl-text-color);\n opacity: 0.5;\n }\n }\n .clear-search{\n position: absolute;\n right: 8px;\n top: 10px;\n z-index: 2;\n cursor: pointer;\n background: border-box;\n border: 0;\n padding: 0;\n font-size: 16px;\n line-height: 0;\n color: var(--AA-gloabl-text-color);\n svg{\n width: 16px;\n height: 16px;\n path{\n stroke: var(--AA-gloabl-text-color);\n }\n }\n }\n \n }\n }\n }\n}",".sugestions-block{\n border-radius: 4px;\n border: 1px solid var(--borderSuggestions);\n background: var(--AA-global-white-bg);\n display: flex;\n flex-direction: column;\n .suggestion-header{\n display: flex;\n align-items: center;\n padding: 4px 8px;\n min-height: 32px;\n gap: 5px;\n width: 100%;\n overflow: hidden;\n position: relative;\n .icon_block{\n flex-shrink: 0;\n line-height: 0;\n }\n h1{\n max-width: 100%;\n }\n .count-text{\n flex-shrink: 0;\n border-radius: 16px;\n background: var(--AA-gloabl-bg-secondary);\n padding: 0px 8px;\n height: 15px;\n display: flex; \n justify-content: center;\n align-items: center;\n color: var(--AA-global-theme-text-color);\n }\n .by-n-ai{\n display: flex;\n align-items: center;\n color: var(--AA-gloabl-text-desc-color);\n gap: 2px;\n svg{\n opacity: 0.5;\n width: 14px;\n height: 14px;\n path{\n fill: var(--AA-gloabl-text-color);\n }\n }\n i{\n opacity: 0.5;\n }\n .snippet-by-label{\n color: var(--AA-gloabl-text-desc-color);\n font-style: italic;\n }\n }\n }\n .suggestion-body-search{\n padding: 0px 8px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n .suggestion-item-card{\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n padding: 8px 0;\n position: relative;\n &:hover{\n transition: 0.2s all ease;\n .suggestion-header-faq{\n .action-buttons{\n display: flex;\n }\n }\n }\n &.hidden {\n display: none;\n }\n .suggestion-header-faq{\n display: flex;\n align-items: center;\n gap: 10px;\n position: relative;\n transition: 0.2s all ease;\n .titles-info-sec{\n width: 100%;\n display: flex;\n align-items: center;\n gap: 4px;\n overflow: hidden;\n .sent-msg-text{\n color: var(--AA-global-theme-text-color);\n margin: 0 0 0 auto;\n }\n .child-bot-name{\n \n }\n .up-down-arrows{\n flex-shrink: 0;\n cursor: pointer;\n svg{\n height: 14px;\n width: 14px;\n path{\n fill: var(--AA-gloabl-text-color);\n }\n }\n &.aa-faq-up-arrow{\n \n }\n }\n }\n .action-buttons{\n flex-shrink: 0;\n display: none;\n align-items: center;\n gap: 4px;\n position: absolute;\n right: 0;\n .aa-copy-btn-suggestion{\n svg{\n path{\n stroke: var(--AA-gloabl-text-color);\n }\n }\n }\n .aa-solidbtn{\n height: 24px;\n }\n }\n }\n .suggestion-body-faq{\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 8px;\n position: relative;\n transition: 0.2s all ease;\n &:hover{\n .action-buttons{\n display: flex;\n }\n }\n .action-buttons{\n flex-shrink: 0;\n display: none;\n align-items: center;\n gap: 4px;\n position: absolute;\n right: 0;\n z-index: 1;\n .aa-solidbtn{\n height: 24px;\n }\n }\n .more-links-buttons{\n display: flex;\n align-items: center;\n gap: 4px;\n }\n .line-with-text-heading{\n display: flex;\n align-items: center;\n gap: 6px;\n width: 100%;\n margin: 6px 0;\n h2{\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n margin: 0;\n flex-shrink: 0;\n color: #F04438;\n }\n span{\n width: 100%;\n height: 1px;\n background: var(--AA-gloabl-border);\n }\n }\n .souces-names-wrapper{\n display: flex;\n align-items: flex-start;\n gap: 4px;\n h1{\n font-style: italic;\n flex-shrink: 0;\n }\n .source-names{\n display: flex;\n align-items: flex-start;\n gap: 8px;\n overflow: hidden;\n flex-wrap: wrap;\n width: 100%;\n .source-tag{\n display: flex;\n padding: 2px 8px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n border-radius: 16px;\n background: var(--AA-gloabl-bg-secondary);\n transition: 0.2s all ease;\n flex : 0 auto;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n &:hover{\n span{\n opacity: 1;\n }\n a{\n text-decoration-line: underline;\n opacity: 1;\n }\n }\n span{\n display: flex;\n width: 14px;\n height: 14px;\n padding: 0;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n border-radius: 16px;\n background: var(--AA-global-white-bg);\n color: var(--AA-gloabl-text-color);\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n }\n a{\n overflow: hidden;\n color: var(--AA-gloabl-text-desc-color);\n text-align: center;\n text-overflow: ellipsis;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n opacity: 0.8;\n }\n }\n }\n }\n }\n }\n .less-text{\n &.hidden{\n display: none;\n }\n }\n .more-text{\n &.hidden{\n display: none;\n }\n }\n }\n}\n"],"sourceRoot":""}]);
|
|
615
|
+
|
|
616
|
+
.empty-listing-triggers {
|
|
617
|
+
display: flex;
|
|
618
|
+
position: absolute;
|
|
619
|
+
top: 0;
|
|
620
|
+
align-items: center;
|
|
621
|
+
justify-content: center;
|
|
622
|
+
height: 100%;
|
|
623
|
+
flex-direction: column;
|
|
624
|
+
}`, "",{"version":3,"sources":["webpack://./src/components/common/templatemanager/tabs/assist/assist.scss"],"names":[],"mappings":"AACA;EACI,YAAA;EACA,YAAA;EACA,WAAA;AAAJ;AACI;EACI,YAAA;EACA,aAAA;EACA,sBAAA;EACA,yCAAA;EACA,qCAAA;EACA,kBAAA;AACR;AAAQ;EACI,aAAA;EACA,mBAAA;EACA,YAAA;EACA,gBAAA;EACA,SAAA;EACA,gDAAA;AAEZ;AADY;EACI,WAAA;EACA,gBAAA;AAGhB;AAFgB;EACI,aAAA;EACA,mBAAA;EACA,QAAA;AAIpB;AAHoB;EACI,kCAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,iBAAA;AAKxB;AAAQ;EACI,cAAA;EACA,YAAA;EACA,cAAA;AAEZ;;AAGA;EACI,aAAA;EACA,kBAAA;EACA,MAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,sBAAA;AAAJ","sourcesContent":["\n.assist-data-wrapper-container{\n height: 100%;\n padding: 8px;\n width: 100%;\n .assist-block-content{\n height: 100%;\n display: flex;\n flex-direction: column;\n border: 1px solid var(--AA-gloabl-border);\n background: var(--AA-global-white-bg);\n border-radius: 4px;\n .assist-header-content{\n display: flex;\n align-items: center;\n padding: 8px;\n min-height: 36px;\n gap: 10px;\n border-bottom: 1px solid var(--AA-gloabl-border);\n .left-title-info{\n width: 100%;\n overflow: hidden;\n .text-dropdown-info{\n display: flex;\n align-items: center;\n gap: 6px;\n h1{\n color: var(--AA-gloabl-text-color);\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n margin: 0 0 2px 0;\n }\n }\n }\n }\n .scroll-data-assist{\n flex: 1 1 auto;\n height: 100%;\n overflow: auto;\n }\n }\n}\n\n.empty-listing-triggers{\n display: flex;\n position: absolute;\n top: 0;\n align-items: center;\n justify-content: center;\n height: 100%;\n flex-direction: column;\n}"],"sourceRoot":""}]);
|
|
423
625
|
// Exports
|
|
424
626
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
425
627
|
|
|
426
628
|
|
|
629
|
+
/***/ }),
|
|
630
|
+
|
|
631
|
+
/***/ "./src/components/aaWindow/aaWindow.ts":
|
|
632
|
+
/*!*********************************************!*\
|
|
633
|
+
!*** ./src/components/aaWindow/aaWindow.ts ***!
|
|
634
|
+
\*********************************************/
|
|
635
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
636
|
+
|
|
637
|
+
__webpack_require__.r(__webpack_exports__);
|
|
638
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
639
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
640
|
+
/* harmony export */ });
|
|
641
|
+
/* harmony import */ var _aaWindow_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_aaWindow.scss */ "./src/components/aaWindow/_aaWindow.scss");
|
|
642
|
+
/* harmony import */ var _common_utils_EventEmiter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/utils/EventEmiter */ "./src/components/common/utils/EventEmiter.ts");
|
|
643
|
+
/* harmony import */ var _common_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common/templatemanager/base/domManager */ "./src/components/common/templatemanager/base/domManager.tsx");
|
|
644
|
+
/* harmony import */ var _common_templatemanager_base_aaContainer_aaContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../common/templatemanager/base/aaContainer/aaContainer */ "./src/components/common/templatemanager/base/aaContainer/aaContainer.tsx");
|
|
645
|
+
/* harmony import */ var _common_services_web_socket_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../common/services/web-socket-service */ "./src/components/common/services/web-socket-service.ts");
|
|
646
|
+
/* harmony import */ var _common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../common/constants/events.cnst */ "./src/components/common/constants/events.cnst.ts");
|
|
647
|
+
/* harmony import */ var _common_services_rootService__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../common/services/rootService */ "./src/components/common/services/rootService.ts");
|
|
648
|
+
/* harmony import */ var _common_templatemanager_base_eventManager__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../common/templatemanager/base/eventManager */ "./src/components/common/templatemanager/base/eventManager.tsx");
|
|
649
|
+
/* harmony import */ var _common_utils_interceptor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../common/utils/interceptor */ "./src/components/common/utils/interceptor.ts");
|
|
650
|
+
var __extends = (undefined && undefined.__extends) || (function () {
|
|
651
|
+
var extendStatics = function (d, b) {
|
|
652
|
+
extendStatics = Object.setPrototypeOf ||
|
|
653
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
654
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
655
|
+
return extendStatics(d, b);
|
|
656
|
+
};
|
|
657
|
+
return function (d, b) {
|
|
658
|
+
if (typeof b !== "function" && b !== null)
|
|
659
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
660
|
+
extendStatics(d, b);
|
|
661
|
+
function __() { this.constructor = d; }
|
|
662
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
663
|
+
};
|
|
664
|
+
})();
|
|
665
|
+
|
|
666
|
+
|
|
667
|
+
|
|
668
|
+
|
|
669
|
+
|
|
670
|
+
|
|
671
|
+
|
|
672
|
+
|
|
673
|
+
|
|
674
|
+
var AAWindow = /** @class */ (function (_super) {
|
|
675
|
+
__extends(AAWindow, _super);
|
|
676
|
+
function AAWindow() {
|
|
677
|
+
var _this = _super.call(this) || this;
|
|
678
|
+
_this.handleOverrideMode = function (toggleOverride, dialogId) {
|
|
679
|
+
var _a;
|
|
680
|
+
var connectionDetails = _this.rootService.connectionDetails;
|
|
681
|
+
var overRideObj = {
|
|
682
|
+
"agentId": "",
|
|
683
|
+
"botId": connectionDetails.botId,
|
|
684
|
+
"conversationId": connectionDetails.conversationId,
|
|
685
|
+
"query": "",
|
|
686
|
+
"enable_override_userinput": toggleOverride,
|
|
687
|
+
'experience': (_a = _this.rootService.connectionDetails) === null || _a === void 0 ? void 0 : _a.channel,
|
|
688
|
+
"positionId": dialogId
|
|
689
|
+
};
|
|
690
|
+
_this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.enable_override_userinput, overRideObj);
|
|
691
|
+
_this.rootService.OverRideMode = toggleOverride;
|
|
692
|
+
};
|
|
693
|
+
return _this;
|
|
694
|
+
}
|
|
695
|
+
AAWindow.prototype.show = function (config) {
|
|
696
|
+
this.config = config;
|
|
697
|
+
this.initShow(config);
|
|
698
|
+
this.eventManager = new _common_templatemanager_base_eventManager__WEBPACK_IMPORTED_MODULE_7__["default"](this);
|
|
699
|
+
};
|
|
700
|
+
;
|
|
701
|
+
AAWindow.prototype.handleAgentUserMessage = function (data) {
|
|
702
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
703
|
+
if ((data === null || data === void 0 ? void 0 : data.name) === 'agentAssist.AgentMessage' || data.type === 'AGENT' || ((_a = data === null || data === void 0 ? void 0 : data.author) === null || _a === void 0 ? void 0 : _a.type) === 'AGENT') {
|
|
704
|
+
this.emitUserAgentMessage(data, 'agent_inp_msg');
|
|
705
|
+
}
|
|
706
|
+
else if ((data === null || data === void 0 ? void 0 : data.name) === 'agentAssist.CustomerMessage' || data.type === 'USER' || ((_b = data === null || data === void 0 ? void 0 : data.author) === null || _b === void 0 ? void 0 : _b.type) === 'USER') {
|
|
707
|
+
this.emitUserAgentMessage(data, 'user_inp_msg');
|
|
708
|
+
}
|
|
709
|
+
if (data.value) {
|
|
710
|
+
var userInputData = data;
|
|
711
|
+
var agent_assist_request = {
|
|
712
|
+
'author': {
|
|
713
|
+
"firstName": (_c = userInputData.author) === null || _c === void 0 ? void 0 : _c.firstName,
|
|
714
|
+
"lastName": (_d = userInputData.author) === null || _d === void 0 ? void 0 : _d.lastName,
|
|
715
|
+
"type": (_e = userInputData.author) === null || _e === void 0 ? void 0 : _e.type
|
|
716
|
+
},
|
|
717
|
+
'botId': this.rootService.connectionDetails.botId,
|
|
718
|
+
'conversationId': userInputData.conversationId,
|
|
719
|
+
'experience': (_f = this.rootService.connectionDetails) === null || _f === void 0 ? void 0 : _f.channel,
|
|
720
|
+
'query': userInputData.value,
|
|
721
|
+
'positionId': this.rootService.isAutomationOnGoing ? this.rootService.currentPositionId : null
|
|
722
|
+
};
|
|
723
|
+
if (userInputData === null || userInputData === void 0 ? void 0 : userInputData.customData) {
|
|
724
|
+
agent_assist_request['customData'] = JSON.parse(JSON.stringify(userInputData === null || userInputData === void 0 ? void 0 : userInputData.customData));
|
|
725
|
+
}
|
|
726
|
+
if (userInputData === null || userInputData === void 0 ? void 0 : userInputData.secureCustomData) {
|
|
727
|
+
agent_assist_request['secureCustomData'] = userInputData === null || userInputData === void 0 ? void 0 : userInputData.secureCustomData;
|
|
728
|
+
}
|
|
729
|
+
else {
|
|
730
|
+
if (((_g = userInputData === null || userInputData === void 0 ? void 0 : userInputData.author) === null || _g === void 0 ? void 0 : _g.type) === 'USER') {
|
|
731
|
+
this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.agent_assist_request, agent_assist_request);
|
|
732
|
+
}
|
|
733
|
+
}
|
|
734
|
+
}
|
|
735
|
+
};
|
|
736
|
+
AAWindow.prototype.emitUserAgentMessage = function (payload, eType) {
|
|
737
|
+
if (eType === void 0) { eType = ''; }
|
|
738
|
+
// emit userAgentMsg
|
|
739
|
+
if (eType === 'user_inp_msg') {
|
|
740
|
+
this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.USER_TRANSCRIPT_MSG, payload);
|
|
741
|
+
this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.user_sent_message, payload);
|
|
742
|
+
}
|
|
743
|
+
else if (eType === 'agent_inp_msg') {
|
|
744
|
+
this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.AGENT_TRANSCRIPT_MSG, payload);
|
|
745
|
+
this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.agent_sent_message, payload);
|
|
746
|
+
}
|
|
747
|
+
};
|
|
748
|
+
AAWindow.prototype.initShow = function (config) {
|
|
749
|
+
var _this = this;
|
|
750
|
+
this.renderLoader();
|
|
751
|
+
this.socketConnection = new _common_services_web_socket_service__WEBPACK_IMPORTED_MODULE_4__["default"](this);
|
|
752
|
+
this.rootService = new _common_services_rootService__WEBPACK_IMPORTED_MODULE_6__["default"]();
|
|
753
|
+
this.rootService.connectionDetails = config.connectionDetails;
|
|
754
|
+
this.JWTSetup(config)
|
|
755
|
+
.then(function (data) {
|
|
756
|
+
_this.rootService.grantResponseObj = data;
|
|
757
|
+
config['JWT_RESP'] = data;
|
|
758
|
+
_this.socketConnection.configOptions = config;
|
|
759
|
+
var botId = config.connectionDetails.botId;
|
|
760
|
+
_this.getAASettings(botId)
|
|
761
|
+
.then(function (settings) {
|
|
762
|
+
_this.rootService.aaSettings = (settings === null || settings === void 0 ? void 0 : settings.agentAssistSettings) || {};
|
|
763
|
+
_this.socketConnection.socketConnection(config);
|
|
764
|
+
var chatWindowHtml;
|
|
765
|
+
chatWindowHtml = (0,_common_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_common_templatemanager_base_aaContainer_aaContainer__WEBPACK_IMPORTED_MODULE_3__.AAContainer, {}, _this);
|
|
766
|
+
_this.chatEle = chatWindowHtml;
|
|
767
|
+
_this.render(chatWindowHtml);
|
|
768
|
+
_this.bindEvents();
|
|
769
|
+
});
|
|
770
|
+
})
|
|
771
|
+
.catch(function (err) {
|
|
772
|
+
});
|
|
773
|
+
};
|
|
774
|
+
;
|
|
775
|
+
AAWindow.prototype.getAASettings = function (botId) {
|
|
776
|
+
var channel = this.rootService.connectionDetails.channel;
|
|
777
|
+
return (0,_common_utils_interceptor__WEBPACK_IMPORTED_MODULE_8__["default"])('get_aa_settings', {
|
|
778
|
+
method: 'GET',
|
|
779
|
+
headers: {
|
|
780
|
+
'Content-Type': 'application/json',
|
|
781
|
+
},
|
|
782
|
+
}, this, { botId: botId, channel: channel });
|
|
783
|
+
};
|
|
784
|
+
AAWindow.prototype.JWTSetup = function (options) {
|
|
785
|
+
var _a = options.connectionDetails || {}, token = _a.token, botId = _a.botId;
|
|
786
|
+
var payload = {
|
|
787
|
+
"assertion": token,
|
|
788
|
+
"botInfo": {
|
|
789
|
+
taskBotId: botId,
|
|
790
|
+
chatBot: 'Sample Bot'
|
|
791
|
+
},
|
|
792
|
+
"token": {}
|
|
793
|
+
};
|
|
794
|
+
return (0,_common_utils_interceptor__WEBPACK_IMPORTED_MODULE_8__["default"])('jwt_grant', {
|
|
795
|
+
method: 'POST',
|
|
796
|
+
body: JSON.stringify(payload),
|
|
797
|
+
}, this);
|
|
798
|
+
};
|
|
799
|
+
AAWindow.prototype.render = function (chatWindowHtml) {
|
|
800
|
+
this.clearContainer();
|
|
801
|
+
var container = document.getElementsByClassName(this.config.container)[0];
|
|
802
|
+
container.append(chatWindowHtml);
|
|
803
|
+
};
|
|
804
|
+
;
|
|
805
|
+
AAWindow.prototype.clearContainer = function () {
|
|
806
|
+
var elements = document.getElementsByClassName(this.config.container);
|
|
807
|
+
// Loop through each element and clear its children
|
|
808
|
+
for (var i = 0; i < elements.length; i++) {
|
|
809
|
+
while (elements[i].firstChild) {
|
|
810
|
+
elements[i].removeChild(elements[i].firstChild);
|
|
811
|
+
}
|
|
812
|
+
}
|
|
813
|
+
};
|
|
814
|
+
AAWindow.prototype.renderLoader = function () {
|
|
815
|
+
var loaderHtml = (0,_common_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_common_templatemanager_base_aaContainer_aaContainer__WEBPACK_IMPORTED_MODULE_3__.AALoder, {}, this);
|
|
816
|
+
var container = document.getElementsByClassName(this.config.container)[0];
|
|
817
|
+
container.append(loaderHtml);
|
|
818
|
+
};
|
|
819
|
+
AAWindow.prototype.bindEvents = function () {
|
|
820
|
+
var _this = this;
|
|
821
|
+
this.on('ON_SOCKET_CONNECTION', function (config) {
|
|
822
|
+
_this.commonEmitEvents(config);
|
|
823
|
+
});
|
|
824
|
+
};
|
|
825
|
+
AAWindow.prototype.commonEmitEvents = function (config) {
|
|
826
|
+
var _a, _b;
|
|
827
|
+
var _c = config === null || config === void 0 ? void 0 : config.connectionDetails, botId = _c.botId, conversationId = _c.conversationId, autoBotId = _c.autoBotId, interactiveLanguage = _c.interactiveLanguage, userName = _c.userName, customData = _c.customData, token = _c.token, channel = _c.channel;
|
|
828
|
+
var sendCustomData = '';
|
|
829
|
+
var sendInteractiveLanguage = '';
|
|
830
|
+
var sendAutoBotId = '';
|
|
831
|
+
if (customData && ((_a = Object.keys(customData)) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = config === null || config === void 0 ? void 0 : config.connectionDetails) === null || _b === void 0 ? void 0 : _b.source) !== 'smartassist-color-scheme') {
|
|
832
|
+
sendCustomData = customData;
|
|
833
|
+
}
|
|
834
|
+
;
|
|
835
|
+
if (interactiveLanguage !== null && typeof interactiveLanguage !== 'undefined' && interactiveLanguage !== "''") {
|
|
836
|
+
sendInteractiveLanguage = interactiveLanguage; // Return the default value for null, undefined, or "''"
|
|
837
|
+
}
|
|
838
|
+
;
|
|
839
|
+
if (autoBotId && autoBotId !== 'undefined') {
|
|
840
|
+
sendAutoBotId = autoBotId;
|
|
841
|
+
}
|
|
842
|
+
;
|
|
843
|
+
var welComeMsgReqParam = {
|
|
844
|
+
"waitTime": 2000,
|
|
845
|
+
"userName": userName,
|
|
846
|
+
"id": conversationId,
|
|
847
|
+
"isSendWelcomeMessage": true,
|
|
848
|
+
"agentassistInfo": {},
|
|
849
|
+
"botId": botId,
|
|
850
|
+
"sendMenuRequest": true,
|
|
851
|
+
"uId": "",
|
|
852
|
+
"sId": "",
|
|
853
|
+
"experience": channel,
|
|
854
|
+
"jToken": token,
|
|
855
|
+
"conversationId": conversationId,
|
|
856
|
+
"autoBotId": sendAutoBotId,
|
|
857
|
+
"language": sendInteractiveLanguage,
|
|
858
|
+
"allQueryParams": config === null || config === void 0 ? void 0 : config.connectionDetials,
|
|
859
|
+
"customData": sendCustomData,
|
|
860
|
+
};
|
|
861
|
+
this.welComeMsgReq(welComeMsgReqParam);
|
|
862
|
+
var menuReqParam = {
|
|
863
|
+
"botId": botId,
|
|
864
|
+
"conversationId": conversationId,
|
|
865
|
+
"experience": channel,
|
|
866
|
+
"autoBotId": sendAutoBotId,
|
|
867
|
+
"language": sendInteractiveLanguage
|
|
868
|
+
};
|
|
869
|
+
this.menuReq(menuReqParam);
|
|
870
|
+
};
|
|
871
|
+
AAWindow.prototype.prepareAgentAssistRequestParams = function (data) {
|
|
872
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
873
|
+
var connectionDetails = (_b = (_a = this.socketConnection) === null || _a === void 0 ? void 0 : _a.configOptions) === null || _b === void 0 ? void 0 : _b.connectionDetails;
|
|
874
|
+
var agent_assist_request = {
|
|
875
|
+
'conversationId': data.conversationId,
|
|
876
|
+
'query': data.value,
|
|
877
|
+
'botId': data.botId,
|
|
878
|
+
'agentId': '',
|
|
879
|
+
'experience': connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.channel,
|
|
880
|
+
'positionId': data.positionId,
|
|
881
|
+
'intType': 'assist'
|
|
882
|
+
};
|
|
883
|
+
if (data.intentName) {
|
|
884
|
+
agent_assist_request['intentName'] = data.value;
|
|
885
|
+
}
|
|
886
|
+
if (data.entities) {
|
|
887
|
+
agent_assist_request['entities'] = data.entities;
|
|
888
|
+
}
|
|
889
|
+
else {
|
|
890
|
+
agent_assist_request['entities'] = [];
|
|
891
|
+
}
|
|
892
|
+
if (data.childBotId) {
|
|
893
|
+
agent_assist_request['childBotId'] = data.childBotId;
|
|
894
|
+
}
|
|
895
|
+
if (data.childBotName) {
|
|
896
|
+
agent_assist_request['childBotName'] = data.childBotName;
|
|
897
|
+
}
|
|
898
|
+
if ((connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.autoBotId) && (connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.autoBotId) !== 'undefined') {
|
|
899
|
+
agent_assist_request['autoBotId'] = connectionDetails.autoBotId;
|
|
900
|
+
}
|
|
901
|
+
else {
|
|
902
|
+
agent_assist_request['autoBotId'] = '';
|
|
903
|
+
}
|
|
904
|
+
if (data.intentName && data.userInput) {
|
|
905
|
+
agent_assist_request['query'] = data.userInput;
|
|
906
|
+
}
|
|
907
|
+
if (this.rootService.isAutomationOnGoing) {
|
|
908
|
+
agent_assist_request['positionId'] = this.rootService.currentPositionId;
|
|
909
|
+
}
|
|
910
|
+
if (Array.isArray(data.traits) && ((_c = data === null || data === void 0 ? void 0 : data.traits) === null || _c === void 0 ? void 0 : _c.length)) {
|
|
911
|
+
agent_assist_request['traits'] = data.traits;
|
|
912
|
+
}
|
|
913
|
+
if (data.taskRefId) {
|
|
914
|
+
agent_assist_request['taskRefId'] = data.taskRefId;
|
|
915
|
+
}
|
|
916
|
+
if (data.dialogId) {
|
|
917
|
+
agent_assist_request['dialogId'] = data.dialogId;
|
|
918
|
+
}
|
|
919
|
+
if (data.isDiscard) {
|
|
920
|
+
agent_assist_request['terminateTask'] = data.isDiscard;
|
|
921
|
+
}
|
|
922
|
+
if (data === null || data === void 0 ? void 0 : data.attachments) {
|
|
923
|
+
agent_assist_request['query'] = ((_e = (_d = data === null || data === void 0 ? void 0 : data.attachments[0]) === null || _d === void 0 ? void 0 : _d.url) === null || _e === void 0 ? void 0 : _e.fileUrl) || '';
|
|
924
|
+
agent_assist_request['attachments'] = data === null || data === void 0 ? void 0 : data.attachments;
|
|
925
|
+
}
|
|
926
|
+
if (data === null || data === void 0 ? void 0 : data.author) {
|
|
927
|
+
agent_assist_request['firstName'] = ((_f = data === null || data === void 0 ? void 0 : data.author) === null || _f === void 0 ? void 0 : _f.firstName) || '';
|
|
928
|
+
agent_assist_request['lastName'] = ((_g = data === null || data === void 0 ? void 0 : data.author) === null || _g === void 0 ? void 0 : _g.lastName) || '';
|
|
929
|
+
agent_assist_request['type'] = ((_h = data === null || data === void 0 ? void 0 : data.author) === null || _h === void 0 ? void 0 : _h.type) || '';
|
|
930
|
+
}
|
|
931
|
+
agent_assist_request = this.addSourceMsgIdToRequestParams(data, agent_assist_request);
|
|
932
|
+
return agent_assist_request;
|
|
933
|
+
};
|
|
934
|
+
AAWindow.prototype.prepareAgentAssistAgentRequestParams = function (data) {
|
|
935
|
+
var _a, _b, _c, _d, _e;
|
|
936
|
+
var connectionDetails = (_b = (_a = this.socketConnection) === null || _a === void 0 ? void 0 : _a.configOptions) === null || _b === void 0 ? void 0 : _b.connectionDetails;
|
|
937
|
+
var agent_assist_agent_request_params = {
|
|
938
|
+
'isSearch': data.isSearch,
|
|
939
|
+
'conversationId': data.conversationId,
|
|
940
|
+
'query': data.value,
|
|
941
|
+
'botId': data.botId,
|
|
942
|
+
'experience': connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.channel,
|
|
943
|
+
'positionId': data === null || data === void 0 ? void 0 : data.positionId,
|
|
944
|
+
'childBotId': (data === null || data === void 0 ? void 0 : data.childBotId) || '',
|
|
945
|
+
'childBotName': (data === null || data === void 0 ? void 0 : data.childBotName) || '',
|
|
946
|
+
'intType': 'myBot'
|
|
947
|
+
};
|
|
948
|
+
if (data.intentName) {
|
|
949
|
+
agent_assist_agent_request_params.intentName = data.intentName;
|
|
950
|
+
}
|
|
951
|
+
// if(data.childBotId) {
|
|
952
|
+
// agent_assist_agent_request_params['childBotId'] = data.childBotId;
|
|
953
|
+
// agent_assist_agent_request_params['childBotName'] = data.childBotName;
|
|
954
|
+
// }
|
|
955
|
+
if ((connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.autoBotId) && (connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.autoBotId) !== 'undefined') {
|
|
956
|
+
agent_assist_agent_request_params['autoBotId'] = connectionDetails.autoBotId;
|
|
957
|
+
}
|
|
958
|
+
else {
|
|
959
|
+
agent_assist_agent_request_params['autoBotId'] = '';
|
|
960
|
+
}
|
|
961
|
+
if (data.intentName && data.userInput) {
|
|
962
|
+
agent_assist_agent_request_params['query'] = data.userInput;
|
|
963
|
+
}
|
|
964
|
+
// if (this.isMyBotAutomationOnGoing) {
|
|
965
|
+
// agent_assist_agent_request_params['positionId'] = this.currentPositionIdOfMyBot;
|
|
966
|
+
// }
|
|
967
|
+
if (Array.isArray(data.traits) && ((_c = data === null || data === void 0 ? void 0 : data.traits) === null || _c === void 0 ? void 0 : _c.length)) {
|
|
968
|
+
agent_assist_agent_request_params['traits'] = data.traits;
|
|
969
|
+
}
|
|
970
|
+
if (data.taskRefId) {
|
|
971
|
+
agent_assist_agent_request_params['taskRefId'] = data.taskRefId;
|
|
972
|
+
}
|
|
973
|
+
if (data.dialogId) {
|
|
974
|
+
agent_assist_agent_request_params['dialogId'] = data.dialogId;
|
|
975
|
+
}
|
|
976
|
+
if (data.isDiscard) {
|
|
977
|
+
agent_assist_agent_request_params['terminateTask'] = data.isDiscard;
|
|
978
|
+
}
|
|
979
|
+
if (data === null || data === void 0 ? void 0 : data.attachments) {
|
|
980
|
+
agent_assist_agent_request_params['query'] = ((_e = (_d = data === null || data === void 0 ? void 0 : data.attachments[0]) === null || _d === void 0 ? void 0 : _d.url) === null || _e === void 0 ? void 0 : _e.fileUrl) || '';
|
|
981
|
+
agent_assist_agent_request_params['attachments'] = data === null || data === void 0 ? void 0 : data.attachments;
|
|
982
|
+
}
|
|
983
|
+
agent_assist_agent_request_params = this.addSourceMsgIdToRequestParams(data, agent_assist_agent_request_params);
|
|
984
|
+
return agent_assist_agent_request_params;
|
|
985
|
+
};
|
|
986
|
+
AAWindow.prototype.addSourceMsgIdToRequestParams = function (data, requestParams) {
|
|
987
|
+
if (data.sourceMsgId) {
|
|
988
|
+
if (data.sourceMsgId == 'fromLibrary') {
|
|
989
|
+
requestParams['fromLibrary'] = true;
|
|
990
|
+
}
|
|
991
|
+
else {
|
|
992
|
+
requestParams['sourceMsgId'] = data.sourceMsgId;
|
|
993
|
+
}
|
|
994
|
+
}
|
|
995
|
+
return requestParams;
|
|
996
|
+
};
|
|
997
|
+
AAWindow.prototype.welComeMsgReq = function (welComeMsgReqParam) {
|
|
998
|
+
this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.welcome_message_request, welComeMsgReqParam);
|
|
999
|
+
};
|
|
1000
|
+
AAWindow.prototype.menuReq = function (menuReqParam) {
|
|
1001
|
+
this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.agent_menu_request, menuReqParam);
|
|
1002
|
+
};
|
|
1003
|
+
//events to handle from client
|
|
1004
|
+
// selectAAFooterTab(data : any){
|
|
1005
|
+
// this.emit('selectTab', data , {});
|
|
1006
|
+
// }
|
|
1007
|
+
AAWindow.prototype.openAssistTab = function (footerTag, isActive) {
|
|
1008
|
+
this.emit('updateActiveTab', { activeTab: 'ast', isActive: isActive, footerTag: footerTag });
|
|
1009
|
+
};
|
|
1010
|
+
AAWindow.prototype.openTranscriptTab = function (footerTag, isActive) {
|
|
1011
|
+
this.emit('updateActiveTab', { activeTab: 'trnspt', isActive: isActive, footerTag: footerTag });
|
|
1012
|
+
};
|
|
1013
|
+
AAWindow.prototype.openSearchTab = function (footerTag, isActive) {
|
|
1014
|
+
this.emit('updateActiveTab', { activeTab: 'srch', isActive: isActive, footerTag: footerTag });
|
|
1015
|
+
};
|
|
1016
|
+
AAWindow.prototype.openMybotTab = function (footerTag, isActive) {
|
|
1017
|
+
this.emit('updateActiveTab', { activeTab: 'mB', isActive: isActive, footerTag: footerTag });
|
|
1018
|
+
};
|
|
1019
|
+
AAWindow.prototype.openPlaybookTab = function (footerTag, isActive) {
|
|
1020
|
+
this.emit('updateActiveTab', { activeTab: 'playbook', isActive: isActive, footerTag: footerTag });
|
|
1021
|
+
};
|
|
1022
|
+
return AAWindow;
|
|
1023
|
+
}(_common_utils_EventEmiter__WEBPACK_IMPORTED_MODULE_1__.EventEmitter));
|
|
1024
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AAWindow);
|
|
1025
|
+
|
|
1026
|
+
|
|
1027
|
+
/***/ }),
|
|
1028
|
+
|
|
1029
|
+
/***/ "./src/components/common/services/rootService.ts":
|
|
1030
|
+
/*!*******************************************************!*\
|
|
1031
|
+
!*** ./src/components/common/services/rootService.ts ***!
|
|
1032
|
+
\*******************************************************/
|
|
1033
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1034
|
+
|
|
1035
|
+
__webpack_require__.r(__webpack_exports__);
|
|
1036
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1037
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__),
|
|
1038
|
+
/* harmony export */ rootService: () => (/* binding */ rootService)
|
|
1039
|
+
/* harmony export */ });
|
|
1040
|
+
/* harmony import */ var _constants_events_cnst__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../constants/events.cnst */ "./src/components/common/constants/events.cnst.ts");
|
|
1041
|
+
/* harmony import */ var _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants/projConsts */ "./src/components/common/constants/projConsts.ts");
|
|
1042
|
+
/* harmony import */ var _templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../templatemanager/base/domManager */ "./src/components/common/templatemanager/base/domManager.tsx");
|
|
1043
|
+
/* harmony import */ var _templatemanager_tabs_suggestions_article_article__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../templatemanager/tabs/suggestions/article/article */ "./src/components/common/templatemanager/tabs/suggestions/article/article.tsx");
|
|
1044
|
+
/* harmony import */ var _templatemanager_tabs_suggestions_faq_faq__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../templatemanager/tabs/suggestions/faq/faq */ "./src/components/common/templatemanager/tabs/suggestions/faq/faq.tsx");
|
|
1045
|
+
/* harmony import */ var _templatemanager_tabs_suggestions_file_file__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../templatemanager/tabs/suggestions/file/file */ "./src/components/common/templatemanager/tabs/suggestions/file/file.tsx");
|
|
1046
|
+
/* harmony import */ var _templatemanager_tabs_suggestions_snippet_snippet__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../templatemanager/tabs/suggestions/snippet/snippet */ "./src/components/common/templatemanager/tabs/suggestions/snippet/snippet.tsx");
|
|
1047
|
+
var __assign = (undefined && undefined.__assign) || function () {
|
|
1048
|
+
__assign = Object.assign || function(t) {
|
|
1049
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
1050
|
+
s = arguments[i];
|
|
1051
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
1052
|
+
t[p] = s[p];
|
|
1053
|
+
}
|
|
1054
|
+
return t;
|
|
1055
|
+
};
|
|
1056
|
+
return __assign.apply(this, arguments);
|
|
1057
|
+
};
|
|
1058
|
+
|
|
1059
|
+
|
|
1060
|
+
|
|
1061
|
+
|
|
1062
|
+
|
|
1063
|
+
|
|
1064
|
+
|
|
1065
|
+
var rootService = /** @class */ (function () {
|
|
1066
|
+
function rootService() {
|
|
1067
|
+
this.isAutomationOnGoing = false;
|
|
1068
|
+
this.grantResponseObj = {};
|
|
1069
|
+
this.prefsAccessObj = {
|
|
1070
|
+
tabsNTitles: [],
|
|
1071
|
+
prefs: {},
|
|
1072
|
+
};
|
|
1073
|
+
this.connectionDetails = {};
|
|
1074
|
+
this.settingsData = {};
|
|
1075
|
+
this.numOfLines = 4;
|
|
1076
|
+
this.maxHeight = 'max-content';
|
|
1077
|
+
this.scrollHeight = Number.MAX_VALUE;
|
|
1078
|
+
this.classConstants = _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ClassMapConstanst;
|
|
1079
|
+
this.idConstants = _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.IdMapConstant;
|
|
1080
|
+
this.faqambiguityResponse = false;
|
|
1081
|
+
}
|
|
1082
|
+
rootService.prototype.formatWelcomeMessageResponse = function (data) {
|
|
1083
|
+
var renderResponse = {
|
|
1084
|
+
data: data,
|
|
1085
|
+
type: _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.RenderResponseType.WELCOME_MSG,
|
|
1086
|
+
connectionDetails: this.connectionDetails,
|
|
1087
|
+
responseType: _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.RenderResponseType.ASSISTRESPONSE
|
|
1088
|
+
};
|
|
1089
|
+
return renderResponse;
|
|
1090
|
+
};
|
|
1091
|
+
rootService.prototype.formatSearchResponse = function (response, isSearch) {
|
|
1092
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
1093
|
+
if (isSearch === void 0) { isSearch = false; }
|
|
1094
|
+
var suggestions = response.suggestions;
|
|
1095
|
+
var dialoguesArray = suggestions.dialogs || [];
|
|
1096
|
+
var faqArray = suggestions.faqs || [];
|
|
1097
|
+
var snippersArray = this.formatSnippetResponse(((_a = suggestions === null || suggestions === void 0 ? void 0 : suggestions.searchassist) === null || _a === void 0 ? void 0 : _a.snippets) || [], response);
|
|
1098
|
+
var filesArray = ((_b = suggestions === null || suggestions === void 0 ? void 0 : suggestions.searchassist) === null || _b === void 0 ? void 0 : _b.files) || [];
|
|
1099
|
+
var searchResponse = {};
|
|
1100
|
+
if ((suggestions === null || suggestions === void 0 ? void 0 : suggestions.searchassist) && ((_c = suggestions === null || suggestions === void 0 ? void 0 : suggestions.searchassist) === null || _c === void 0 ? void 0 : _c.snippets) && ((_e = (_d = suggestions === null || suggestions === void 0 ? void 0 : suggestions.searchassist) === null || _d === void 0 ? void 0 : _d.snippets) === null || _e === void 0 ? void 0 : _e.length) == 0) {
|
|
1101
|
+
delete suggestions.searchassist.snippets;
|
|
1102
|
+
}
|
|
1103
|
+
var searchassistKeys = Object.keys((suggestions === null || suggestions === void 0 ? void 0 : suggestions.searchassist) || {});
|
|
1104
|
+
if ((suggestions === null || suggestions === void 0 ? void 0 : suggestions.searchassist) && (searchassistKeys === null || searchassistKeys === void 0 ? void 0 : searchassistKeys.length) == 1 && searchassistKeys[0] === 'searchRequestId') {
|
|
1105
|
+
suggestions.searchassist = {};
|
|
1106
|
+
}
|
|
1107
|
+
if (dialoguesArray.length || faqArray.length || snippersArray.length || filesArray.length || ((suggestions === null || suggestions === void 0 ? void 0 : suggestions.searchassist) && ((_f = Object.keys(suggestions === null || suggestions === void 0 ? void 0 : suggestions.searchassist)) === null || _f === void 0 ? void 0 : _f.length))) {
|
|
1108
|
+
searchResponse.dialogs = [];
|
|
1109
|
+
searchResponse.faqs = [];
|
|
1110
|
+
searchResponse.articles = [];
|
|
1111
|
+
searchResponse.snippets = [];
|
|
1112
|
+
searchResponse.files = [];
|
|
1113
|
+
if (suggestions.searchassist && ((_g = Object.keys(suggestions.searchassist)) === null || _g === void 0 ? void 0 : _g.length) > 0) {
|
|
1114
|
+
var _loop_1 = function (source) {
|
|
1115
|
+
if (source != "snippets" && source != "file" && source != 'searchRequestId') {
|
|
1116
|
+
suggestions.searchassist[source] = this_1.checkEmptyObjectsInArray(suggestions.searchassist[source]);
|
|
1117
|
+
if (suggestions.searchassist[source] && ((_h = Object.keys(suggestions.searchassist[source])) === null || _h === void 0 ? void 0 : _h.length) > 0) {
|
|
1118
|
+
searchResponse.articles.push.apply(searchResponse.articles, suggestions.searchassist[source]);
|
|
1119
|
+
}
|
|
1120
|
+
}
|
|
1121
|
+
if (source == "file") {
|
|
1122
|
+
suggestions.searchassist[source] = this_1.checkEmptyObjectsInArray(suggestions.searchassist[source]);
|
|
1123
|
+
if (suggestions.searchassist[source] && ((_j = Object.keys(suggestions.searchassist[source])) === null || _j === void 0 ? void 0 : _j.length) > 0) {
|
|
1124
|
+
searchResponse.files.push.apply(searchResponse.files, suggestions.searchassist[source]);
|
|
1125
|
+
}
|
|
1126
|
+
}
|
|
1127
|
+
if (source && source != 'searchRequestId') {
|
|
1128
|
+
(_k = suggestions === null || suggestions === void 0 ? void 0 : suggestions.searchassist[source]) === null || _k === void 0 ? void 0 : _k.forEach(function (item) {
|
|
1129
|
+
item.subType = source;
|
|
1130
|
+
});
|
|
1131
|
+
}
|
|
1132
|
+
};
|
|
1133
|
+
var this_1 = this;
|
|
1134
|
+
for (var source in suggestions.searchassist) {
|
|
1135
|
+
_loop_1(source);
|
|
1136
|
+
}
|
|
1137
|
+
for (var _i = 0, _p = searchResponse.articles; _i < _p.length; _i++) {
|
|
1138
|
+
var article = _p[_i];
|
|
1139
|
+
article.showMoreButton = true;
|
|
1140
|
+
article.showLessButton = false;
|
|
1141
|
+
article.content = article.content ? article.content : '';
|
|
1142
|
+
article.contentId = article.contentId;
|
|
1143
|
+
article.userInput = response.userInput;
|
|
1144
|
+
article.sourceMsgId = response.sourceMsgId || '';
|
|
1145
|
+
article.subType = article.subType;
|
|
1146
|
+
article.intType = isSearch ? 'mybot' : 'assist';
|
|
1147
|
+
article.feedbackData = this.prepareFeedbackForSuggestions('article', article, {});
|
|
1148
|
+
}
|
|
1149
|
+
for (var _q = 0, _r = searchResponse.files; _q < _r.length; _q++) {
|
|
1150
|
+
var file = _r[_q];
|
|
1151
|
+
file.showMoreButton = true;
|
|
1152
|
+
file.showLessButton = false;
|
|
1153
|
+
file.content = file.content ? file.content : '';
|
|
1154
|
+
file.contentId = file.contentId;
|
|
1155
|
+
file.userInput = response.userInput;
|
|
1156
|
+
file.sourceMsgId = response.sourceMsgId || '';
|
|
1157
|
+
file.subType = file.subType;
|
|
1158
|
+
file.intType = isSearch ? 'mybot' : 'assist';
|
|
1159
|
+
file.feedbackData = this.prepareFeedbackForSuggestions('file', file, {});
|
|
1160
|
+
}
|
|
1161
|
+
}
|
|
1162
|
+
for (var _s = 0, faqArray_1 = faqArray; _s < faqArray_1.length; _s++) {
|
|
1163
|
+
var faq = faqArray_1[_s];
|
|
1164
|
+
var faqObject = {
|
|
1165
|
+
question: faq.question,
|
|
1166
|
+
displayName: faq.displayName,
|
|
1167
|
+
taskRefId: faq === null || faq === void 0 ? void 0 : faq.taskRefId,
|
|
1168
|
+
answer: (faq.answer && faq.answer.length > 0) ? [] : false,
|
|
1169
|
+
showMoreButton: true,
|
|
1170
|
+
showLessButton: false,
|
|
1171
|
+
answerRender: faq.answer || false,
|
|
1172
|
+
childBotId: faq.childBotId,
|
|
1173
|
+
childBotName: faq.childBotName,
|
|
1174
|
+
answerCount: 1,
|
|
1175
|
+
sourceMsgId: response.sourceMsgId || '',
|
|
1176
|
+
positionId: faq.positionId,
|
|
1177
|
+
userInput: response.userInput,
|
|
1178
|
+
intType: response.intType
|
|
1179
|
+
};
|
|
1180
|
+
if (faq.answer && faq.answer.length > 0) {
|
|
1181
|
+
for (var _t = 0, _u = faq.answer; _t < _u.length; _t++) {
|
|
1182
|
+
var ans = _u[_t];
|
|
1183
|
+
var object = {
|
|
1184
|
+
ans: ans,
|
|
1185
|
+
taskRefId: faq.taskRefId,
|
|
1186
|
+
showMoreButton: true,
|
|
1187
|
+
showLessButton: false,
|
|
1188
|
+
displayName: faq.displayName,
|
|
1189
|
+
sourceMsgId: response.sourceMsgId || '',
|
|
1190
|
+
positionId: faq.positionId
|
|
1191
|
+
};
|
|
1192
|
+
faqObject.answer.push(object);
|
|
1193
|
+
}
|
|
1194
|
+
}
|
|
1195
|
+
var feedbackData = faq.historyFeedback ? faq.historyFeedback : {};
|
|
1196
|
+
faqObject.feedbackData = this.prepareFeedbackForSuggestions('faqs', faqObject, feedbackData);
|
|
1197
|
+
faqObject.feedbackData.interactionType = isSearch ? 'mybot' : 'assist';
|
|
1198
|
+
searchResponse.faqs.push(faqObject);
|
|
1199
|
+
}
|
|
1200
|
+
if (((_m = (_l = suggestions === null || suggestions === void 0 ? void 0 : suggestions.searchassist) === null || _l === void 0 ? void 0 : _l.snippets) === null || _m === void 0 ? void 0 : _m.length) > 0) {
|
|
1201
|
+
if ((snippersArray === null || snippersArray === void 0 ? void 0 : snippersArray.length) > 0) {
|
|
1202
|
+
searchResponse.snippets = Object.assign([], snippersArray);
|
|
1203
|
+
}
|
|
1204
|
+
for (var _v = 0, _w = searchResponse.snippets; _v < _w.length; _v++) {
|
|
1205
|
+
var snippet = _w[_v];
|
|
1206
|
+
snippet.showMoreButton = true;
|
|
1207
|
+
snippet.showLessButton = false;
|
|
1208
|
+
snippet.subType = 'snippets';
|
|
1209
|
+
}
|
|
1210
|
+
}
|
|
1211
|
+
for (var _x = 0, dialoguesArray_1 = dialoguesArray; _x < dialoguesArray_1.length; _x++) {
|
|
1212
|
+
var dialog = dialoguesArray_1[_x];
|
|
1213
|
+
if (dialog.entities && ((_o = dialog.entities) === null || _o === void 0 ? void 0 : _o.length) > 0) {
|
|
1214
|
+
dialog.entities.forEach(function (entity) {
|
|
1215
|
+
entity.editMode = false;
|
|
1216
|
+
});
|
|
1217
|
+
}
|
|
1218
|
+
searchResponse.dialogs.push({
|
|
1219
|
+
name: dialog.name, agentRunButton: false, childBotId: dialog.childBotId,
|
|
1220
|
+
childBotName: dialog.childBotName, entities: dialog.entities, userInput: response.userInput,
|
|
1221
|
+
sourceMsgId: response.sourceMsgId || ''
|
|
1222
|
+
});
|
|
1223
|
+
}
|
|
1224
|
+
}
|
|
1225
|
+
return searchResponse;
|
|
1226
|
+
};
|
|
1227
|
+
rootService.prototype.formatSnippetResponse = function (snippetsArray, response) {
|
|
1228
|
+
var _a;
|
|
1229
|
+
var snipObje = {};
|
|
1230
|
+
snipObje['contentArray'] = [];
|
|
1231
|
+
snipObje['sources'] = [];
|
|
1232
|
+
snipObje['internalInfo'] = [];
|
|
1233
|
+
snipObje['sendCopyText'] = '';
|
|
1234
|
+
var snippetResponeArray = [];
|
|
1235
|
+
if ((snippetsArray === null || snippetsArray === void 0 ? void 0 : snippetsArray.length) > 0) {
|
|
1236
|
+
snippetsArray.forEach(function (snippet) {
|
|
1237
|
+
var _a;
|
|
1238
|
+
if (snippet === null || snippet === void 0 ? void 0 : snippet.templateType) {
|
|
1239
|
+
if (snippet.templateType == 'active_citation_snippet' || snippet.templateType == 'citation_snippet') {
|
|
1240
|
+
if ((snippet === null || snippet === void 0 ? void 0 : snippet.content) &&
|
|
1241
|
+
Array.isArray(snippet === null || snippet === void 0 ? void 0 : snippet.content) &&
|
|
1242
|
+
((_a = snippet === null || snippet === void 0 ? void 0 : snippet.content) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
1243
|
+
snippet.content.forEach(function (ansSnippet) {
|
|
1244
|
+
var ansObj = {
|
|
1245
|
+
ans: ansSnippet.answer_fragment,
|
|
1246
|
+
sources: (ansSnippet === null || ansSnippet === void 0 ? void 0 : ansSnippet.sources) || [],
|
|
1247
|
+
internalFlag: snippet.internalFlag
|
|
1248
|
+
};
|
|
1249
|
+
snipObje['contentArray'].push(ansObj);
|
|
1250
|
+
snipObje.internalFlag = snippet.internalFlag || false;
|
|
1251
|
+
snipObje.isActCit = true;
|
|
1252
|
+
});
|
|
1253
|
+
}
|
|
1254
|
+
}
|
|
1255
|
+
else {
|
|
1256
|
+
if (snippet === null || snippet === void 0 ? void 0 : snippet.content) {
|
|
1257
|
+
if (Array.isArray(snippet === null || snippet === void 0 ? void 0 : snippet.content)) {
|
|
1258
|
+
snippet.content = snippet === null || snippet === void 0 ? void 0 : snippet.content.join('\n');
|
|
1259
|
+
}
|
|
1260
|
+
snipObje.internalFlag = snippet.internalFlag || false;
|
|
1261
|
+
var otherType = {
|
|
1262
|
+
ans: snippet.content,
|
|
1263
|
+
internalFlag: snippet.internalFlag
|
|
1264
|
+
};
|
|
1265
|
+
if (snippet.url) {
|
|
1266
|
+
otherType['sources'] = [{ title: snippet.source, url: snippet.url }];
|
|
1267
|
+
}
|
|
1268
|
+
snipObje.contentArray.push(otherType);
|
|
1269
|
+
}
|
|
1270
|
+
}
|
|
1271
|
+
snipObje.templateType = snippet.templateType;
|
|
1272
|
+
snipObje.positionId = snippet.positionId;
|
|
1273
|
+
snipObje.sourceMsgId = response.sourceMsgId || '';
|
|
1274
|
+
snipObje.intType = response.intType;
|
|
1275
|
+
snipObje.isFromGeneratedSummary = response.isFromGeneratedSummary;
|
|
1276
|
+
snipObje.userInput = response.userInput || '';
|
|
1277
|
+
}
|
|
1278
|
+
});
|
|
1279
|
+
var extInfo_1 = '';
|
|
1280
|
+
var interlInfo_1 = '';
|
|
1281
|
+
var uniqueSource_1 = [];
|
|
1282
|
+
(_a = snipObje['contentArray']) === null || _a === void 0 ? void 0 : _a.forEach(function (entry) {
|
|
1283
|
+
var _a;
|
|
1284
|
+
var _b;
|
|
1285
|
+
var className = '';
|
|
1286
|
+
(_a = snipObje.sources).push.apply(_a, ((entry === null || entry === void 0 ? void 0 : entry.sources) || []).filter(function (item) {
|
|
1287
|
+
var returnValue = item.url && uniqueSource_1.indexOf(item.title) == -1;
|
|
1288
|
+
if (returnValue) {
|
|
1289
|
+
uniqueSource_1.push(item.title);
|
|
1290
|
+
}
|
|
1291
|
+
if (uniqueSource_1.indexOf(item.title) != -1) {
|
|
1292
|
+
className += "fragment-ext-".concat(uniqueSource_1.indexOf(item.title) + 1, " ");
|
|
1293
|
+
}
|
|
1294
|
+
return returnValue;
|
|
1295
|
+
}));
|
|
1296
|
+
if (!entry.internalFlag) {
|
|
1297
|
+
snipObje['sendCopyText'] += entry.ans;
|
|
1298
|
+
}
|
|
1299
|
+
var temp = "<span class=\"".concat(className, "\">").concat(entry.ans, " ");
|
|
1300
|
+
if (Array.isArray(entry === null || entry === void 0 ? void 0 : entry.sources) && ((_b = entry === null || entry === void 0 ? void 0 : entry.sources) === null || _b === void 0 ? void 0 : _b.length)) {
|
|
1301
|
+
for (var _i = 0, _c = entry === null || entry === void 0 ? void 0 : entry.sources; _i < _c.length; _i++) {
|
|
1302
|
+
var source = _c[_i];
|
|
1303
|
+
if ((source === null || source === void 0 ? void 0 : source.title) && uniqueSource_1.indexOf(source === null || source === void 0 ? void 0 : source.title) != -1) {
|
|
1304
|
+
var srcCount = uniqueSource_1.indexOf(source.title);
|
|
1305
|
+
temp += "<span class=\"source-count-num\">".concat(srcCount + 1, "</span>");
|
|
1306
|
+
}
|
|
1307
|
+
}
|
|
1308
|
+
}
|
|
1309
|
+
temp += '</span>';
|
|
1310
|
+
if (entry.internalFlag) {
|
|
1311
|
+
interlInfo_1 += temp;
|
|
1312
|
+
}
|
|
1313
|
+
else {
|
|
1314
|
+
extInfo_1 += temp;
|
|
1315
|
+
}
|
|
1316
|
+
});
|
|
1317
|
+
snipObje['contentArray'] = [];
|
|
1318
|
+
snipObje['internalInfo'] = [];
|
|
1319
|
+
if (interlInfo_1 === null || interlInfo_1 === void 0 ? void 0 : interlInfo_1.trim()) {
|
|
1320
|
+
snipObje['internalInfo'].push(interlInfo_1 === null || interlInfo_1 === void 0 ? void 0 : interlInfo_1.trim());
|
|
1321
|
+
}
|
|
1322
|
+
if (extInfo_1 === null || extInfo_1 === void 0 ? void 0 : extInfo_1.trim()) {
|
|
1323
|
+
snipObje['contentArray'].push(extInfo_1 === null || extInfo_1 === void 0 ? void 0 : extInfo_1.trim());
|
|
1324
|
+
}
|
|
1325
|
+
snipObje.feedbackData = this.prepareFeedbackForSuggestions('answer', snipObje, {});
|
|
1326
|
+
snippetResponeArray.push(snipObje);
|
|
1327
|
+
}
|
|
1328
|
+
return snippetResponeArray;
|
|
1329
|
+
};
|
|
1330
|
+
rootService.prototype.updateSearchResponse = function (assistResponseArray, response, ambiguityTokenExt) {
|
|
1331
|
+
var _a, _b, _c, _d;
|
|
1332
|
+
response.suggestions.faqs = this.formatFAQResponse(response.suggestions.faqs);
|
|
1333
|
+
var faqWithoutAnswerIndex = (_b = (_a = response === null || response === void 0 ? void 0 : response.suggestions) === null || _a === void 0 ? void 0 : _a.faqs) === null || _b === void 0 ? void 0 : _b.findIndex(function (faq, index) {
|
|
1334
|
+
if (faq.question === ambiguityTokenExt.question) {
|
|
1335
|
+
return faq;
|
|
1336
|
+
}
|
|
1337
|
+
});
|
|
1338
|
+
var faqWithoutAnswer = {};
|
|
1339
|
+
if (faqWithoutAnswerIndex >= 0) {
|
|
1340
|
+
faqWithoutAnswer = (_c = response === null || response === void 0 ? void 0 : response.suggestions) === null || _c === void 0 ? void 0 : _c.faqs[faqWithoutAnswerIndex];
|
|
1341
|
+
}
|
|
1342
|
+
if (faqWithoutAnswer && ((_d = Object.keys(faqWithoutAnswer)) === null || _d === void 0 ? void 0 : _d.length) > 0) {
|
|
1343
|
+
var updatedArray = assistResponseArray.map(function (item, idx) {
|
|
1344
|
+
var _a;
|
|
1345
|
+
if (idx === ambiguityTokenExt.assistSuggestion) {
|
|
1346
|
+
var updatedItem = __assign({}, item);
|
|
1347
|
+
var existingFaq = (_a = updatedItem.searchResponse) === null || _a === void 0 ? void 0 : _a.faqs[ambiguityTokenExt.index];
|
|
1348
|
+
if (existingFaq && faqWithoutAnswer && (faqWithoutAnswer === null || faqWithoutAnswer === void 0 ? void 0 : faqWithoutAnswer.answer)) {
|
|
1349
|
+
existingFaq.answer = faqWithoutAnswer === null || faqWithoutAnswer === void 0 ? void 0 : faqWithoutAnswer.answer;
|
|
1350
|
+
existingFaq.toggle = true;
|
|
1351
|
+
existingFaq.showMoreButton = false;
|
|
1352
|
+
existingFaq.showLessButton = false;
|
|
1353
|
+
existingFaq.showSpinner = false;
|
|
1354
|
+
}
|
|
1355
|
+
updatedItem.faqArrowClickResponse = true;
|
|
1356
|
+
return updatedItem;
|
|
1357
|
+
}
|
|
1358
|
+
return item;
|
|
1359
|
+
});
|
|
1360
|
+
return updatedArray;
|
|
1361
|
+
}
|
|
1362
|
+
};
|
|
1363
|
+
rootService.prototype.prepareFeedbackForSuggestions = function (suggestionType, suggestion, feedbackData) {
|
|
1364
|
+
var _a, _b, _c;
|
|
1365
|
+
if (feedbackData === void 0) { feedbackData = {}; }
|
|
1366
|
+
var renderResponse = {
|
|
1367
|
+
type: _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.RenderResponseType.FEEDBACK,
|
|
1368
|
+
connectionDetails: this.connectionDetails,
|
|
1369
|
+
positionId: suggestion.positionId,
|
|
1370
|
+
submitForm: (feedbackData === null || feedbackData === void 0 ? void 0 : feedbackData.feedback) ? true : false,
|
|
1371
|
+
feedback: (feedbackData === null || feedbackData === void 0 ? void 0 : feedbackData.feedback) ? feedbackData.feedback : '',
|
|
1372
|
+
feedbackDetails: ((_a = feedbackData === null || feedbackData === void 0 ? void 0 : feedbackData.feedbackDetails) === null || _a === void 0 ? void 0 : _a.length) ? feedbackData.feedbackDetails : [],
|
|
1373
|
+
comment: (feedbackData === null || feedbackData === void 0 ? void 0 : feedbackData.comment) ? feedbackData === null || feedbackData === void 0 ? void 0 : feedbackData.comment : '',
|
|
1374
|
+
sourceMsgId: suggestion.sourceMsgId || '',
|
|
1375
|
+
query: suggestion.userInput,
|
|
1376
|
+
suggestionType: suggestionType,
|
|
1377
|
+
dialogPositionId: suggestion.positionId,
|
|
1378
|
+
subType: suggestion.subType || ''
|
|
1379
|
+
};
|
|
1380
|
+
if (suggestionType == 'answer') {
|
|
1381
|
+
renderResponse.isFromGeneratedSummary = suggestion.isFromGeneratedSummary;
|
|
1382
|
+
renderResponse.answerType = suggestion.templateType;
|
|
1383
|
+
renderResponse.title = suggestion.title;
|
|
1384
|
+
renderResponse.answer = suggestion.sendCopyText || '';
|
|
1385
|
+
renderResponse.interactionType = suggestion.intType;
|
|
1386
|
+
renderResponse.sources = suggestion.sources;
|
|
1387
|
+
if (((_b = suggestion.internalInfo) === null || _b === void 0 ? void 0 : _b.length) > 0) {
|
|
1388
|
+
renderResponse.answer += suggestion.internalInfo.join(' ');
|
|
1389
|
+
}
|
|
1390
|
+
}
|
|
1391
|
+
else if (suggestionType == 'article' || suggestionType == 'file') {
|
|
1392
|
+
renderResponse.title = suggestion.title;
|
|
1393
|
+
renderResponse.answer = suggestion.content || '';
|
|
1394
|
+
renderResponse.interactionType = suggestion.intType;
|
|
1395
|
+
}
|
|
1396
|
+
else if (suggestionType == 'faqs') {
|
|
1397
|
+
var answer_1 = '';
|
|
1398
|
+
if (Array.isArray(suggestion === null || suggestion === void 0 ? void 0 : suggestion.answer)) {
|
|
1399
|
+
(_c = suggestion === null || suggestion === void 0 ? void 0 : suggestion.answer) === null || _c === void 0 ? void 0 : _c.forEach(function (element) {
|
|
1400
|
+
answer_1 += element.ans;
|
|
1401
|
+
});
|
|
1402
|
+
}
|
|
1403
|
+
renderResponse.title = suggestion.question;
|
|
1404
|
+
renderResponse.answer = answer_1;
|
|
1405
|
+
}
|
|
1406
|
+
return renderResponse;
|
|
1407
|
+
};
|
|
1408
|
+
rootService.prototype.checkEmptyObjectsInArray = function (arr) {
|
|
1409
|
+
arr = arr.filter(function (obj) { var _a; return (obj && ((_a = Object.keys(obj)) === null || _a === void 0 ? void 0 : _a.length) > 0) && (obj.title || obj.content); });
|
|
1410
|
+
return arr;
|
|
1411
|
+
};
|
|
1412
|
+
rootService.prototype.formatFAQResponse = function (faqArray) {
|
|
1413
|
+
var _a, _b;
|
|
1414
|
+
var searchResponse = [];
|
|
1415
|
+
if (faqArray && (faqArray === null || faqArray === void 0 ? void 0 : faqArray.length) > 0) {
|
|
1416
|
+
for (var _i = 0, faqArray_2 = faqArray; _i < faqArray_2.length; _i++) {
|
|
1417
|
+
var faq = faqArray_2[_i];
|
|
1418
|
+
var faqObject = {
|
|
1419
|
+
question: faq.question,
|
|
1420
|
+
taskRefId: faq === null || faq === void 0 ? void 0 : faq.taskRefId,
|
|
1421
|
+
answer: ((faq === null || faq === void 0 ? void 0 : faq.answer) && ((_a = faq === null || faq === void 0 ? void 0 : faq.answer) === null || _a === void 0 ? void 0 : _a.length) > 0) ? [] : false
|
|
1422
|
+
};
|
|
1423
|
+
if (faq.answer && faq.answer.length > 0) {
|
|
1424
|
+
for (var _c = 0, _d = faq.answer; _c < _d.length; _c++) {
|
|
1425
|
+
var ans = _d[_c];
|
|
1426
|
+
var object = {
|
|
1427
|
+
taskRefId: faq.taskRefId,
|
|
1428
|
+
ans: ans,
|
|
1429
|
+
showMoreButton: true,
|
|
1430
|
+
showLessButton: false,
|
|
1431
|
+
};
|
|
1432
|
+
(_b = faqObject === null || faqObject === void 0 ? void 0 : faqObject.answer) === null || _b === void 0 ? void 0 : _b.push(object);
|
|
1433
|
+
}
|
|
1434
|
+
}
|
|
1435
|
+
searchResponse.push(faqObject);
|
|
1436
|
+
}
|
|
1437
|
+
}
|
|
1438
|
+
return searchResponse;
|
|
1439
|
+
};
|
|
1440
|
+
rootService.prototype.openurlInBrowser = function (url) {
|
|
1441
|
+
var _a, _b, _c;
|
|
1442
|
+
if (((_a = this.settingsData) === null || _a === void 0 ? void 0 : _a.urlOpenBehaviour) && ((_c = (_b = this.settingsData) === null || _b === void 0 ? void 0 : _b.urlOpenBehaviour) === null || _c === void 0 ? void 0 : _c.sendPostEvent)) {
|
|
1443
|
+
var message = {
|
|
1444
|
+
method: 'AgentAssist.UrlClickedMessage',
|
|
1445
|
+
from: 'agent_assist',
|
|
1446
|
+
url: url
|
|
1447
|
+
};
|
|
1448
|
+
window.parent.postMessage(message, '*');
|
|
1449
|
+
}
|
|
1450
|
+
else {
|
|
1451
|
+
window.open(url, '_blank');
|
|
1452
|
+
}
|
|
1453
|
+
};
|
|
1454
|
+
rootService.prototype.extractTextFromElement = function (element) {
|
|
1455
|
+
var text = '';
|
|
1456
|
+
if (element) {
|
|
1457
|
+
var extractText_1 = function (node) {
|
|
1458
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
1459
|
+
text += node.textContent;
|
|
1460
|
+
}
|
|
1461
|
+
else if (node.nodeType === Node.ELEMENT_NODE) {
|
|
1462
|
+
var childNodes = node.childNodes;
|
|
1463
|
+
for (var i = 0; i < childNodes.length; i++) {
|
|
1464
|
+
extractText_1(childNodes[i]);
|
|
1465
|
+
}
|
|
1466
|
+
}
|
|
1467
|
+
};
|
|
1468
|
+
extractText_1(element);
|
|
1469
|
+
}
|
|
1470
|
+
return text.trim();
|
|
1471
|
+
};
|
|
1472
|
+
rootService.prototype.handleSendCopyButton = function (actionType, faq_or_article_obj, selectType) {
|
|
1473
|
+
var message = {};
|
|
1474
|
+
if (actionType == _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.SEND) {
|
|
1475
|
+
message = {
|
|
1476
|
+
method: 'send',
|
|
1477
|
+
name: _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.SENDMSG,
|
|
1478
|
+
conversationId: this.connectionDetails.conversationId,
|
|
1479
|
+
// payload: selectType == ProjConstants.FAQ ? (faq_or_article_obj.answer || faq_or_article_obj.ans) : faq_or_article_obj.content
|
|
1480
|
+
payload: faq_or_article_obj.sendContent
|
|
1481
|
+
};
|
|
1482
|
+
if (selectType === _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.ARTICLE) {
|
|
1483
|
+
message['title'] = faq_or_article_obj.title;
|
|
1484
|
+
message['contentId'] = faq_or_article_obj.contentId;
|
|
1485
|
+
}
|
|
1486
|
+
else {
|
|
1487
|
+
message['title'] = faq_or_article_obj.displayName;
|
|
1488
|
+
message['contentId'] = faq_or_article_obj.taskRefId;
|
|
1489
|
+
}
|
|
1490
|
+
}
|
|
1491
|
+
else {
|
|
1492
|
+
message = {
|
|
1493
|
+
method: 'copy',
|
|
1494
|
+
name: _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.COPYMSG,
|
|
1495
|
+
conversationId: this.connectionDetails.conversationId,
|
|
1496
|
+
// payload: selectType == ProjConstants.FAQ ? (faq_or_article_obj.answer || faq_or_article_obj.ans) : faq_or_article_obj.content
|
|
1497
|
+
payload: faq_or_article_obj.sendContent
|
|
1498
|
+
};
|
|
1499
|
+
if (selectType === _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.ARTICLE) {
|
|
1500
|
+
message['title'] = faq_or_article_obj.title;
|
|
1501
|
+
message['contentId'] = faq_or_article_obj.contentId;
|
|
1502
|
+
}
|
|
1503
|
+
else {
|
|
1504
|
+
message['title'] = faq_or_article_obj.displayName;
|
|
1505
|
+
message['contentId'] = faq_or_article_obj.taskRefId;
|
|
1506
|
+
}
|
|
1507
|
+
}
|
|
1508
|
+
message['type'] = (selectType == _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.FAQ) ? 'faq' : 'article';
|
|
1509
|
+
window.parent.postMessage(message, '*');
|
|
1510
|
+
return (this.faqArticleSendorCopyEvent(selectType, message, faq_or_article_obj));
|
|
1511
|
+
};
|
|
1512
|
+
rootService.prototype.faqArticleSendorCopyEvent = function (selectType, message, faq_or_article_obj) {
|
|
1513
|
+
var _a;
|
|
1514
|
+
var data = {
|
|
1515
|
+
botId: this.connectionDetails.botId,
|
|
1516
|
+
conversationId: this.connectionDetails.conversationId,
|
|
1517
|
+
experience: (_a = this.connectionDetails) === null || _a === void 0 ? void 0 : _a.channel,
|
|
1518
|
+
source: this.connectionDetails.source,
|
|
1519
|
+
usedType: message.method,
|
|
1520
|
+
type: message.type,
|
|
1521
|
+
name: message.name,
|
|
1522
|
+
payload: message.payload,
|
|
1523
|
+
title: message.title,
|
|
1524
|
+
contentId: message.contentId,
|
|
1525
|
+
positionId: faq_or_article_obj.positionId ? faq_or_article_obj.positionId : '',
|
|
1526
|
+
// sessionId: (this.activeTab == this.projConstants.MYBOT || this.activeTab == this.projConstants.SEARCH) ? this.myBotTabSessionId : this.assistTabSessionId,
|
|
1527
|
+
};
|
|
1528
|
+
data = this.addSourceMsgIdToRequestParams(faq_or_article_obj, data);
|
|
1529
|
+
// if (this.activeTab == this.projConstants.SEARCH) {
|
|
1530
|
+
// data.skipMsg = this.sentSearchResponse;
|
|
1531
|
+
// data.input = this.searchedResultData?.userInput || '';
|
|
1532
|
+
// this.sentSearchResponse = true;
|
|
1533
|
+
// }
|
|
1534
|
+
if (faq_or_article_obj.subType) {
|
|
1535
|
+
data.subType = faq_or_article_obj.subType;
|
|
1536
|
+
}
|
|
1537
|
+
return data;
|
|
1538
|
+
};
|
|
1539
|
+
rootService.prototype.addSourceMsgIdToRequestParams = function (data, requestParams) {
|
|
1540
|
+
if (data.sourceMsgId) {
|
|
1541
|
+
if (data.sourceMsgId == 'fromLibrary') {
|
|
1542
|
+
requestParams['fromLibrary'] = true;
|
|
1543
|
+
}
|
|
1544
|
+
else {
|
|
1545
|
+
requestParams['sourceMsgId'] = data.sourceMsgId;
|
|
1546
|
+
}
|
|
1547
|
+
}
|
|
1548
|
+
return requestParams;
|
|
1549
|
+
};
|
|
1550
|
+
rootService.prototype.addSentOrCopiedTextForFaqs = function (ansObj, ele, sendText, hostInstance) {
|
|
1551
|
+
var titleInfoSec = ele.querySelector(this.classConstants.SUGGESTION_EACH_TITLE);
|
|
1552
|
+
var titleSendText = ele.querySelector("".concat(this.classConstants.SUGGESTION_EACH_TITLE, " ").concat(this.classConstants.SUGGESTION_SENT_TEXT));
|
|
1553
|
+
if (!ansObj.send && !titleSendText) {
|
|
1554
|
+
ansObj.send = sendText;
|
|
1555
|
+
var eachFAQSentText = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_templatemanager_tabs_suggestions_faq_faq__WEBPACK_IMPORTED_MODULE_4__.FaqSentText, { ansObj: ansObj }, hostInstance);
|
|
1556
|
+
titleInfoSec.append(eachFAQSentText);
|
|
1557
|
+
}
|
|
1558
|
+
};
|
|
1559
|
+
rootService.prototype.addSentOrCopiedTextForFiles = function (file, ele, sendText, hostInstance) {
|
|
1560
|
+
if (!file.send) {
|
|
1561
|
+
file.send = sendText;
|
|
1562
|
+
var eachFileSentText = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_templatemanager_tabs_suggestions_file_file__WEBPACK_IMPORTED_MODULE_5__.FileSentText, { file: file }, hostInstance);
|
|
1563
|
+
ele.querySelector(this.classConstants.SUGGESTION_EACH_TITLE).append(eachFileSentText);
|
|
1564
|
+
}
|
|
1565
|
+
};
|
|
1566
|
+
rootService.prototype.addSentOrCopiedTextForArticle = function (article, ele, sendText, hostInstance) {
|
|
1567
|
+
if (!article.send) {
|
|
1568
|
+
article.send = sendText;
|
|
1569
|
+
var eachArticleSentText = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_templatemanager_tabs_suggestions_article_article__WEBPACK_IMPORTED_MODULE_3__.ArticleSentText, { article: article }, hostInstance);
|
|
1570
|
+
ele.querySelector(this.classConstants.SUGGESTION_EACH_TITLE).append(eachArticleSentText);
|
|
1571
|
+
}
|
|
1572
|
+
};
|
|
1573
|
+
rootService.prototype.addSentOrCopiedTextForSnippets = function (snippet, ele, sendText, hostInstance) {
|
|
1574
|
+
if (!snippet.send) {
|
|
1575
|
+
snippet.send = sendText;
|
|
1576
|
+
var eachSnippetSentText = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_templatemanager_tabs_suggestions_snippet_snippet__WEBPACK_IMPORTED_MODULE_6__.SnippetSentText, { snippet: snippet }, hostInstance);
|
|
1577
|
+
ele.querySelector(this.classConstants.SUGGESTION_EACH_TITLE).append(eachSnippetSentText);
|
|
1578
|
+
}
|
|
1579
|
+
};
|
|
1580
|
+
rootService.prototype.handleSendCopyButtonForFaq = function (actionType, ansObj, selectType, sourceMsgId, hostInstance) {
|
|
1581
|
+
// let faqTemplate = this.faqcontent.find((element : any, index : any) => index === inx);
|
|
1582
|
+
// let faqTemplate = faqList[inx];
|
|
1583
|
+
ansObj.sourceMsgId = sourceMsgId;
|
|
1584
|
+
ansObj.sendContent = ansObj.answer || ansObj.ans;
|
|
1585
|
+
var copyEventData = this.handleSendCopyButton(actionType, ansObj, selectType);
|
|
1586
|
+
hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_0__.EVENTS.agent_send_or_copy, copyEventData);
|
|
1587
|
+
};
|
|
1588
|
+
rootService.prototype.handleSendCopyButtonForSnippet = function (actionType, snippetObj, selectType, hostInstance) {
|
|
1589
|
+
snippetObj.sendContent = (snippetObj.sendCopyText);
|
|
1590
|
+
var copyEventData = this.handleSendCopyButton(actionType, snippetObj, selectType);
|
|
1591
|
+
hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_0__.EVENTS.agent_send_or_copy, copyEventData);
|
|
1592
|
+
};
|
|
1593
|
+
rootService.prototype.handleSendCopyButtonArticleOrFile = function (actionType, articleObj, selectType, hostInstance) {
|
|
1594
|
+
articleObj.sendContent = articleObj.content;
|
|
1595
|
+
var copyEventData = this.handleSendCopyButton(actionType, articleObj, selectType);
|
|
1596
|
+
hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_0__.EVENTS.agent_send_or_copy, copyEventData);
|
|
1597
|
+
};
|
|
1598
|
+
;
|
|
1599
|
+
rootService.prototype.handleActionTemplateClickEventsForFAQ = function (eachActionTemplate, faq, ansObj, faqListHTMLEle, hostInstance) {
|
|
1600
|
+
var _this = this;
|
|
1601
|
+
var _a, _b;
|
|
1602
|
+
(_a = hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener(this.classConstants.SUGGESTION_SEND_BTN, 'click', function () {
|
|
1603
|
+
_this.handleSendCopyButtonForFaq(_constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.SEND, ansObj, _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.FAQ, faq.sourceMsgId, hostInstance);
|
|
1604
|
+
_this.addSentOrCopiedTextForFaqs(ansObj, faqListHTMLEle, 'send', hostInstance);
|
|
1605
|
+
}, eachActionTemplate);
|
|
1606
|
+
(_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener(this.classConstants.SUGGESTION_COPY_BTN, 'click', function () {
|
|
1607
|
+
_this.handleSendCopyButtonForFaq(_constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.COPY, ansObj, _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.FAQ, faq.sourceMsgId, hostInstance);
|
|
1608
|
+
_this.addSentOrCopiedTextForFaqs(ansObj, faqListHTMLEle, 'copy', hostInstance);
|
|
1609
|
+
}, eachActionTemplate);
|
|
1610
|
+
};
|
|
1611
|
+
rootService.prototype.handleFaqExpandCloseBtnClickEvents = function (expandClostBtnTemplate, faqSuggestionBodyList, suggestionHeaderActionTemplate, faqListHTMLIndex, hostInstance) {
|
|
1612
|
+
var _this = this;
|
|
1613
|
+
var _a, _b;
|
|
1614
|
+
var expandElement = expandClostBtnTemplate.querySelector(this.classConstants.SUGGESTION_FAQ_EXPAND);
|
|
1615
|
+
var closeElement = expandClostBtnTemplate.querySelector(this.classConstants.SUGGESTION_FAQ_CLOSE);
|
|
1616
|
+
var faqAnsLenghtElement = faqListHTMLIndex === null || faqListHTMLIndex === void 0 ? void 0 : faqListHTMLIndex.querySelector("".concat(this.classConstants.SUGGESTION_EACH_HEADER, " ").concat(this.classConstants.SUGGESTION_EACH_TITLE, " ").concat(this.classConstants.SUGGESTION_FAQ_ANS_LENGTH));
|
|
1617
|
+
(_a = hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener(this.classConstants.SUGGESTION_FAQ_EXPAND, 'click', function () {
|
|
1618
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
1619
|
+
if ((_a = closeElement === null || closeElement === void 0 ? void 0 : closeElement.classList) === null || _a === void 0 ? void 0 : _a.contains(_this.classConstants.HIDE_ELEMENT)) {
|
|
1620
|
+
(_b = closeElement === null || closeElement === void 0 ? void 0 : closeElement.classList) === null || _b === void 0 ? void 0 : _b.remove(_this.classConstants.HIDE_ELEMENT);
|
|
1621
|
+
}
|
|
1622
|
+
(_c = expandElement === null || expandElement === void 0 ? void 0 : expandElement.classList) === null || _c === void 0 ? void 0 : _c.add(_this.classConstants.HIDE_ELEMENT);
|
|
1623
|
+
faqSuggestionBodyList.forEach(function (ansTemplate, index) {
|
|
1624
|
+
var _a, _b;
|
|
1625
|
+
if ((_a = ansTemplate === null || ansTemplate === void 0 ? void 0 : ansTemplate.classList) === null || _a === void 0 ? void 0 : _a.contains(_this.classConstants.HIDE_ELEMENT)) {
|
|
1626
|
+
(_b = ansTemplate === null || ansTemplate === void 0 ? void 0 : ansTemplate.classList) === null || _b === void 0 ? void 0 : _b.remove(_this.classConstants.HIDE_ELEMENT);
|
|
1627
|
+
}
|
|
1628
|
+
});
|
|
1629
|
+
(_d = faqAnsLenghtElement === null || faqAnsLenghtElement === void 0 ? void 0 : faqAnsLenghtElement.classList) === null || _d === void 0 ? void 0 : _d.add(_this.classConstants.HIDE_ELEMENT);
|
|
1630
|
+
//hide header send copy btns
|
|
1631
|
+
(_e = suggestionHeaderActionTemplate === null || suggestionHeaderActionTemplate === void 0 ? void 0 : suggestionHeaderActionTemplate.classList) === null || _e === void 0 ? void 0 : _e.add(_this.classConstants.HIDE_ELEMENT);
|
|
1632
|
+
//add send copy btns for first answer
|
|
1633
|
+
var firstAnswerActionBtn = (_f = faqSuggestionBodyList[0]) === null || _f === void 0 ? void 0 : _f.querySelector(_this.classConstants.SUGGESTION_SENDCPY_ACTION);
|
|
1634
|
+
if ((_g = firstAnswerActionBtn === null || firstAnswerActionBtn === void 0 ? void 0 : firstAnswerActionBtn.classList) === null || _g === void 0 ? void 0 : _g.contains(_this.classConstants.HIDE_ELEMENT)) {
|
|
1635
|
+
(_h = firstAnswerActionBtn === null || firstAnswerActionBtn === void 0 ? void 0 : firstAnswerActionBtn.classList) === null || _h === void 0 ? void 0 : _h.remove(_this.classConstants.HIDE_ELEMENT);
|
|
1636
|
+
}
|
|
1637
|
+
}, expandClostBtnTemplate);
|
|
1638
|
+
(_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener(this.classConstants.SUGGESTION_FAQ_CLOSE, 'click', function () {
|
|
1639
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
1640
|
+
if ((_a = expandElement === null || expandElement === void 0 ? void 0 : expandElement.classList) === null || _a === void 0 ? void 0 : _a.contains(_this.classConstants.HIDE_ELEMENT)) {
|
|
1641
|
+
(_b = expandElement === null || expandElement === void 0 ? void 0 : expandElement.classList) === null || _b === void 0 ? void 0 : _b.remove(_this.classConstants.HIDE_ELEMENT);
|
|
1642
|
+
}
|
|
1643
|
+
(_c = closeElement === null || closeElement === void 0 ? void 0 : closeElement.classList) === null || _c === void 0 ? void 0 : _c.add(_this.classConstants.HIDE_ELEMENT);
|
|
1644
|
+
faqSuggestionBodyList.forEach(function (ansTemplate, index) {
|
|
1645
|
+
var _a;
|
|
1646
|
+
if (index != 0) {
|
|
1647
|
+
(_a = ansTemplate === null || ansTemplate === void 0 ? void 0 : ansTemplate.classList) === null || _a === void 0 ? void 0 : _a.add(_this.classConstants.HIDE_ELEMENT);
|
|
1648
|
+
}
|
|
1649
|
+
});
|
|
1650
|
+
if ((_d = faqAnsLenghtElement === null || faqAnsLenghtElement === void 0 ? void 0 : faqAnsLenghtElement.classList) === null || _d === void 0 ? void 0 : _d.contains(_this.classConstants.HIDE_ELEMENT)) {
|
|
1651
|
+
(_e = faqAnsLenghtElement === null || faqAnsLenghtElement === void 0 ? void 0 : faqAnsLenghtElement.classList) === null || _e === void 0 ? void 0 : _e.remove(_this.classConstants.HIDE_ELEMENT);
|
|
1652
|
+
}
|
|
1653
|
+
//show header send copy btns
|
|
1654
|
+
if ((_f = suggestionHeaderActionTemplate === null || suggestionHeaderActionTemplate === void 0 ? void 0 : suggestionHeaderActionTemplate.classList) === null || _f === void 0 ? void 0 : _f.contains(_this.classConstants.HIDE_ELEMENT)) {
|
|
1655
|
+
(_g = suggestionHeaderActionTemplate === null || suggestionHeaderActionTemplate === void 0 ? void 0 : suggestionHeaderActionTemplate.classList) === null || _g === void 0 ? void 0 : _g.remove(_this.classConstants.HIDE_ELEMENT);
|
|
1656
|
+
}
|
|
1657
|
+
//remove send copy btns for first answer
|
|
1658
|
+
var firstAnswerActionBtn = (_h = faqSuggestionBodyList[0]) === null || _h === void 0 ? void 0 : _h.querySelector(_this.classConstants.SUGGESTION_SENDCPY_ACTION);
|
|
1659
|
+
(_j = firstAnswerActionBtn === null || firstAnswerActionBtn === void 0 ? void 0 : firstAnswerActionBtn.classList) === null || _j === void 0 ? void 0 : _j.add(_this.classConstants.HIDE_ELEMENT);
|
|
1660
|
+
}, expandClostBtnTemplate);
|
|
1661
|
+
};
|
|
1662
|
+
rootService.prototype.handleActionTemplateClickEventsForSnippet = function (eachActionTemplate, snippet, snippetListHtmlEle, hostInstance) {
|
|
1663
|
+
var _this = this;
|
|
1664
|
+
var _a, _b;
|
|
1665
|
+
(_a = hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener(this.classConstants.SUGGESTION_SEND_BTN, 'click', function () {
|
|
1666
|
+
_this.handleSendCopyButtonForSnippet(_constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.SEND, snippet, _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.ARTICLE, hostInstance);
|
|
1667
|
+
_this.addSentOrCopiedTextForSnippets(snippet, snippetListHtmlEle, 'send', hostInstance);
|
|
1668
|
+
}, eachActionTemplate);
|
|
1669
|
+
(_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener(this.classConstants.SUGGESTION_COPY_BTN, 'click', function () {
|
|
1670
|
+
_this.handleSendCopyButtonForSnippet(_constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.COPY, snippet, _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.ARTICLE, hostInstance);
|
|
1671
|
+
_this.addSentOrCopiedTextForSnippets(snippet, snippetListHtmlEle, 'copy', hostInstance);
|
|
1672
|
+
}, eachActionTemplate);
|
|
1673
|
+
};
|
|
1674
|
+
rootService.prototype.handleActionTemplateClickEventsForArticle = function (eachActionTemplate, article, articleListHtmlEle, hostInstance) {
|
|
1675
|
+
var _this = this;
|
|
1676
|
+
var _a, _b;
|
|
1677
|
+
(_a = hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener(this.classConstants.SUGGESTION_SEND_BTN, 'click', function () {
|
|
1678
|
+
_this.handleSendCopyButtonArticleOrFile(_constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.SEND, article, _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.ARTICLE, hostInstance);
|
|
1679
|
+
_this.addSentOrCopiedTextForArticle(article, articleListHtmlEle, 'send', hostInstance);
|
|
1680
|
+
}, eachActionTemplate);
|
|
1681
|
+
(_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener(this.classConstants.SUGGESTION_COPY_BTN, 'click', function () {
|
|
1682
|
+
_this.handleSendCopyButtonArticleOrFile(_constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.COPY, article, _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.ARTICLE, hostInstance);
|
|
1683
|
+
_this.addSentOrCopiedTextForArticle(article, articleListHtmlEle, 'copy', hostInstance);
|
|
1684
|
+
}, eachActionTemplate);
|
|
1685
|
+
};
|
|
1686
|
+
rootService.prototype.handleActionTemplateClickEventsForFile = function (eachActionTemplate, file, fileListHtmlEle, hostInstance) {
|
|
1687
|
+
var _this = this;
|
|
1688
|
+
var _a, _b;
|
|
1689
|
+
(_a = hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener(this.classConstants.SUGGESTION_SEND_BTN, 'click', function () {
|
|
1690
|
+
_this.handleSendCopyButtonArticleOrFile(_constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.SEND, file, _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.ARTICLE, hostInstance);
|
|
1691
|
+
_this.addSentOrCopiedTextForFiles(file, fileListHtmlEle, 'send', hostInstance);
|
|
1692
|
+
}, eachActionTemplate);
|
|
1693
|
+
(_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener(this.classConstants.SUGGESTION_COPY_BTN, 'click', function () {
|
|
1694
|
+
_this.handleSendCopyButtonArticleOrFile(_constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.COPY, file, _constants_projConsts__WEBPACK_IMPORTED_MODULE_1__.ProjConstants.ARTICLE, hostInstance);
|
|
1695
|
+
_this.addSentOrCopiedTextForFiles(file, fileListHtmlEle, 'copy', hostInstance);
|
|
1696
|
+
}, eachActionTemplate);
|
|
1697
|
+
};
|
|
1698
|
+
rootService.prototype.handleSuggestionLessClickEvent = function (actionHtml, suggestionElement, listHtml, hostInstance) {
|
|
1699
|
+
var _this = this;
|
|
1700
|
+
var _a;
|
|
1701
|
+
var moreElement = actionHtml.querySelector(this.classConstants.SUGGESTION_MORE_LINK);
|
|
1702
|
+
var lessElement = actionHtml.querySelector(this.classConstants.SUGGESTION_LESS_LINK);
|
|
1703
|
+
(_a = hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener(this.classConstants.SUGGESTION_MORE_LINK, 'click', function () {
|
|
1704
|
+
var _a, _b, _c;
|
|
1705
|
+
if ((_a = lessElement === null || lessElement === void 0 ? void 0 : lessElement.classList) === null || _a === void 0 ? void 0 : _a.contains(_this.classConstants.HIDE_ELEMENT)) {
|
|
1706
|
+
(_b = lessElement === null || lessElement === void 0 ? void 0 : lessElement.classList) === null || _b === void 0 ? void 0 : _b.remove(_this.classConstants.HIDE_ELEMENT);
|
|
1707
|
+
}
|
|
1708
|
+
(_c = moreElement === null || moreElement === void 0 ? void 0 : moreElement.classList) === null || _c === void 0 ? void 0 : _c.add(_this.classConstants.HIDE_ELEMENT);
|
|
1709
|
+
listHtml.forEach(function (item) {
|
|
1710
|
+
var _a, _b;
|
|
1711
|
+
if ((_a = item === null || item === void 0 ? void 0 : item.classList) === null || _a === void 0 ? void 0 : _a.contains(_this.classConstants.HIDE_ELEMENT)) {
|
|
1712
|
+
(_b = item === null || item === void 0 ? void 0 : item.classList) === null || _b === void 0 ? void 0 : _b.remove(_this.classConstants.HIDE_ELEMENT);
|
|
1713
|
+
}
|
|
1714
|
+
});
|
|
1715
|
+
}, suggestionElement);
|
|
1716
|
+
};
|
|
1717
|
+
rootService.prototype.handleSuggestionMoreClickEvent = function (actionHtml, suggestionElement, listHtml, hostInstance) {
|
|
1718
|
+
var _this = this;
|
|
1719
|
+
var _a;
|
|
1720
|
+
var moreElement = actionHtml.querySelector(this.classConstants.SUGGESTION_MORE_LINK);
|
|
1721
|
+
var lessElement = actionHtml.querySelector(this.classConstants.SUGGESTION_LESS_LINK);
|
|
1722
|
+
(_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener(this.classConstants.SUGGESTION_LESS_LINK, 'click', function () {
|
|
1723
|
+
var _a, _b, _c;
|
|
1724
|
+
if ((_a = moreElement === null || moreElement === void 0 ? void 0 : moreElement.classList) === null || _a === void 0 ? void 0 : _a.contains(_this.classConstants.HIDE_ELEMENT)) {
|
|
1725
|
+
(_b = moreElement === null || moreElement === void 0 ? void 0 : moreElement.classList) === null || _b === void 0 ? void 0 : _b.remove(_this.classConstants.HIDE_ELEMENT);
|
|
1726
|
+
}
|
|
1727
|
+
(_c = lessElement === null || lessElement === void 0 ? void 0 : lessElement.classList) === null || _c === void 0 ? void 0 : _c.add(_this.classConstants.HIDE_ELEMENT);
|
|
1728
|
+
listHtml.forEach(function (item, inx) {
|
|
1729
|
+
var _a;
|
|
1730
|
+
if (inx >= 2 && item) {
|
|
1731
|
+
(_a = item === null || item === void 0 ? void 0 : item.classList) === null || _a === void 0 ? void 0 : _a.add(_this.classConstants.HIDE_ELEMENT);
|
|
1732
|
+
}
|
|
1733
|
+
});
|
|
1734
|
+
}, suggestionElement);
|
|
1735
|
+
};
|
|
1736
|
+
rootService.prototype.setFaqIndividualLoader = function (inx, hide, id) {
|
|
1737
|
+
var _this = this;
|
|
1738
|
+
var _a, _b, _c, _d;
|
|
1739
|
+
if (hide === void 0) { hide = false; }
|
|
1740
|
+
var faqSuggestionEle = document.getElementById(id);
|
|
1741
|
+
var faqListHTML = faqSuggestionEle === null || faqSuggestionEle === void 0 ? void 0 : faqSuggestionEle.querySelectorAll(this.classConstants.SUGGESTION_EACH);
|
|
1742
|
+
var faqLoaderEle = (_a = faqListHTML[inx]) === null || _a === void 0 ? void 0 : _a.querySelector("".concat(this.classConstants.SUGGESTION_EACH_HEADER, " ").concat(this.classConstants.SUGGESTION_EACH_TITLE, " ").concat(this.classConstants.SUGGESTION_FAQ_ANS_LOADER));
|
|
1743
|
+
if (hide && faqLoaderEle) {
|
|
1744
|
+
(_b = faqLoaderEle === null || faqLoaderEle === void 0 ? void 0 : faqLoaderEle.classList) === null || _b === void 0 ? void 0 : _b.add(this.classConstants.HIDE_ELEMENT);
|
|
1745
|
+
}
|
|
1746
|
+
else if (faqLoaderEle) {
|
|
1747
|
+
if ((_c = faqLoaderEle === null || faqLoaderEle === void 0 ? void 0 : faqLoaderEle.classList) === null || _c === void 0 ? void 0 : _c.contains(this.classConstants.HIDE_ELEMENT)) {
|
|
1748
|
+
(_d = faqLoaderEle === null || faqLoaderEle === void 0 ? void 0 : faqLoaderEle.classList) === null || _d === void 0 ? void 0 : _d.remove(this.classConstants.HIDE_ELEMENT);
|
|
1749
|
+
}
|
|
1750
|
+
setTimeout(function () {
|
|
1751
|
+
var _a;
|
|
1752
|
+
(_a = faqLoaderEle === null || faqLoaderEle === void 0 ? void 0 : faqLoaderEle.classList) === null || _a === void 0 ? void 0 : _a.add(_this.classConstants.HIDE_ELEMENT);
|
|
1753
|
+
}, 10000);
|
|
1754
|
+
}
|
|
1755
|
+
};
|
|
1756
|
+
rootService.prototype.addOrHideFAQArrows = function (faqUpArrowTemplate, faqDownArrowTemplate, type) {
|
|
1757
|
+
var _a, _b, _c, _d, _e, _f;
|
|
1758
|
+
if (type === 'up') {
|
|
1759
|
+
if ((_a = faqDownArrowTemplate === null || faqDownArrowTemplate === void 0 ? void 0 : faqDownArrowTemplate.classList) === null || _a === void 0 ? void 0 : _a.contains(this.classConstants.HIDE_ELEMENT)) {
|
|
1760
|
+
(_b = faqDownArrowTemplate === null || faqDownArrowTemplate === void 0 ? void 0 : faqDownArrowTemplate.classList) === null || _b === void 0 ? void 0 : _b.remove(this.classConstants.HIDE_ELEMENT);
|
|
1761
|
+
}
|
|
1762
|
+
(_c = faqUpArrowTemplate === null || faqUpArrowTemplate === void 0 ? void 0 : faqUpArrowTemplate.classList) === null || _c === void 0 ? void 0 : _c.add(this.classConstants.HIDE_ELEMENT);
|
|
1763
|
+
}
|
|
1764
|
+
else {
|
|
1765
|
+
if ((_d = faqUpArrowTemplate === null || faqUpArrowTemplate === void 0 ? void 0 : faqUpArrowTemplate.classList) === null || _d === void 0 ? void 0 : _d.contains(this.classConstants.HIDE_ELEMENT)) {
|
|
1766
|
+
(_e = faqUpArrowTemplate === null || faqUpArrowTemplate === void 0 ? void 0 : faqUpArrowTemplate.classList) === null || _e === void 0 ? void 0 : _e.remove(this.classConstants.HIDE_ELEMENT);
|
|
1767
|
+
}
|
|
1768
|
+
(_f = faqDownArrowTemplate === null || faqDownArrowTemplate === void 0 ? void 0 : faqDownArrowTemplate.classList) === null || _f === void 0 ? void 0 : _f.add(this.classConstants.HIDE_ELEMENT);
|
|
1769
|
+
}
|
|
1770
|
+
};
|
|
1771
|
+
rootService.prototype.toggleArrows = function (index, faqId) {
|
|
1772
|
+
var _a;
|
|
1773
|
+
var faqSuggestionEle = document.getElementById(faqId);
|
|
1774
|
+
var faqListHTML = faqSuggestionEle === null || faqSuggestionEle === void 0 ? void 0 : faqSuggestionEle.querySelectorAll(this.classConstants.SUGGESTION_EACH);
|
|
1775
|
+
var suggestionHeaderTemplate = (_a = faqListHTML[index]) === null || _a === void 0 ? void 0 : _a.querySelector(this.classConstants.SUGGESTION_EACH_HEADER);
|
|
1776
|
+
var faqUpArrowTemplate = suggestionHeaderTemplate === null || suggestionHeaderTemplate === void 0 ? void 0 : suggestionHeaderTemplate.querySelector(this.classConstants.SUGGESTION_FAQ_UP_ARROW);
|
|
1777
|
+
var faqDownArrowTemplate = suggestionHeaderTemplate === null || suggestionHeaderTemplate === void 0 ? void 0 : suggestionHeaderTemplate.querySelector(this.classConstants.SUGGESTION_FAQ_DOWN_ARROW);
|
|
1778
|
+
this.addOrHideFAQArrows(faqUpArrowTemplate, faqDownArrowTemplate, 'down');
|
|
1779
|
+
};
|
|
1780
|
+
rootService.prototype.openLinksInBrowser = function (url) {
|
|
1781
|
+
this.openurlInBrowser(url);
|
|
1782
|
+
};
|
|
1783
|
+
;
|
|
1784
|
+
rootService.prototype.openurlInBrowserForSnippet = function (url, snippet, hostInstance) {
|
|
1785
|
+
this.openurlInBrowser(url);
|
|
1786
|
+
this.handleUrlClickEvent(url, snippet, hostInstance);
|
|
1787
|
+
};
|
|
1788
|
+
rootService.prototype.handleUrlClickEvent = function (url, snippet, hostInstance) {
|
|
1789
|
+
var socketRequestParams = this.commonRequestParamsForActivity(snippet);
|
|
1790
|
+
socketRequestParams.eventType = "url_clicked";
|
|
1791
|
+
socketRequestParams.url = url;
|
|
1792
|
+
hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_0__.EVENTS.agent_activity_request, socketRequestParams);
|
|
1793
|
+
};
|
|
1794
|
+
rootService.prototype.commonRequestParamsForActivity = function (snippet) {
|
|
1795
|
+
var _a = this.connectionDetails, botId = _a.botId, conversationId = _a.conversationId, channel = _a.channel;
|
|
1796
|
+
var socketRequestParams = {
|
|
1797
|
+
botId: botId,
|
|
1798
|
+
conversationId: conversationId,
|
|
1799
|
+
event: "clicked",
|
|
1800
|
+
sourceMsgId: snippet.sourceMsgId,
|
|
1801
|
+
dataSource: "snippet",
|
|
1802
|
+
positionId: snippet.positionId,
|
|
1803
|
+
// participant : rootServiceInstance?.internalTransferData?.participant || {}
|
|
1804
|
+
};
|
|
1805
|
+
return socketRequestParams;
|
|
1806
|
+
};
|
|
1807
|
+
rootService.prototype.emitSearchRequestForAssistSuggestions = function (value, isSearch, faq, hostInstance) {
|
|
1808
|
+
var connectionDetails = Object.assign({}, this.connectionDetails);
|
|
1809
|
+
connectionDetails.value = value;
|
|
1810
|
+
connectionDetails.isSearch = isSearch;
|
|
1811
|
+
// connectionDetails.positionId = searchObj?.positionId;
|
|
1812
|
+
if (connectionDetails.interactiveLanguage && typeof connectionDetails.interactiveLanguage == 'string' && connectionDetails.interactiveLanguage != "''") {
|
|
1813
|
+
connectionDetails['language'] = connectionDetails.interactiveLanguage; // Return the default value for null, undefined, or "''"
|
|
1814
|
+
}
|
|
1815
|
+
if (faq.sourceMsgId) {
|
|
1816
|
+
connectionDetails['sourceMsgId'] = faq.sourceMsgId;
|
|
1817
|
+
}
|
|
1818
|
+
var agent_assist_request_params = hostInstance.prepareAgentAssistRequestParams(connectionDetails);
|
|
1819
|
+
if (faq.ambiguityToken) {
|
|
1820
|
+
agent_assist_request_params.uiunqref = faq.ambiguityToken;
|
|
1821
|
+
}
|
|
1822
|
+
hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_0__.EVENTS.agent_assist_request, agent_assist_request_params);
|
|
1823
|
+
};
|
|
1824
|
+
rootService.prototype.emitSearchRequestForSearch = function (value, isSearch, faq, hostInstance) {
|
|
1825
|
+
var _a, _b;
|
|
1826
|
+
if (faq === void 0) { faq = {}; }
|
|
1827
|
+
var connectionDetails = __assign(__assign({}, (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.socketConnection) === null || _a === void 0 ? void 0 : _a.configOptions) === null || _b === void 0 ? void 0 : _b.connectionDetails), { value: value, isSearch: isSearch });
|
|
1828
|
+
if (connectionDetails.interactiveLanguage && typeof connectionDetails.interactiveLanguage === 'string' && connectionDetails.interactiveLanguage !== "''") {
|
|
1829
|
+
connectionDetails.language = connectionDetails.interactiveLanguage;
|
|
1830
|
+
}
|
|
1831
|
+
if (faq && faq.sourceMsgId) {
|
|
1832
|
+
connectionDetails.sourceMsgId = faq.sourceMsgId;
|
|
1833
|
+
}
|
|
1834
|
+
var agentAssistAgentRequestParams = hostInstance.prepareAgentAssistAgentRequestParams(connectionDetails);
|
|
1835
|
+
// setEndTime(new Date());
|
|
1836
|
+
// agentAssistAgentRequestParams.startTime = startTime;
|
|
1837
|
+
// agentAssistAgentRequestParams.endTime = endTime;
|
|
1838
|
+
if (faq.ambiguityToken) {
|
|
1839
|
+
agentAssistAgentRequestParams.uiunqref = faq.ambiguityToken;
|
|
1840
|
+
}
|
|
1841
|
+
// agentAssistAgentRequestParams.participant = rootService?.internalTransferData?.participant || {};
|
|
1842
|
+
hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_0__.EVENTS.agent_assist_agent_request, agentAssistAgentRequestParams);
|
|
1843
|
+
};
|
|
1844
|
+
;
|
|
1845
|
+
rootService.prototype.handleFaqAmbiguityDescElement = function (faqId, ambiguityToken, faqs, hideActionButtons, hideCopyButton, hideSendButton, hostInstance) {
|
|
1846
|
+
var _a, _b;
|
|
1847
|
+
var faqSuggestionEle = document.getElementById(faqId);
|
|
1848
|
+
var faqListHTML = faqSuggestionEle === null || faqSuggestionEle === void 0 ? void 0 : faqSuggestionEle.querySelectorAll(this.classConstants.SUGGESTION_EACH);
|
|
1849
|
+
var faqinx = ambiguityToken === null || ambiguityToken === void 0 ? void 0 : ambiguityToken.index;
|
|
1850
|
+
var descEle;
|
|
1851
|
+
var faqwithAns = faqs[faqinx];
|
|
1852
|
+
this.setFaqIndividualLoader(faqinx, true, faqId);
|
|
1853
|
+
if (faqwithAns && ((_a = faqwithAns === null || faqwithAns === void 0 ? void 0 : faqwithAns.answer) === null || _a === void 0 ? void 0 : _a.length) > 0 && faqListHTML[faqinx]) {
|
|
1854
|
+
descEle = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_templatemanager_tabs_suggestions_faq_faq__WEBPACK_IMPORTED_MODULE_4__.FaqAnswerPlacement, { faq: faqwithAns }, hostInstance);
|
|
1855
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_0__.SDK_EVENTS.BEFORE_VIEW_INIT, descEle, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_0__.SDK_EVENTS.FAQ_ANSWER_AFTER_TOGGLE, data: faqs });
|
|
1856
|
+
if (descEle) {
|
|
1857
|
+
faqListHTML[faqinx].append(descEle);
|
|
1858
|
+
}
|
|
1859
|
+
}
|
|
1860
|
+
var suggestionHeaderTemplate = (_b = faqListHTML[faqinx]) === null || _b === void 0 ? void 0 : _b.querySelector(this.classConstants.SUGGESTION_EACH_HEADER);
|
|
1861
|
+
this.addOrHideFAQActionExpandCloseElements(faqwithAns, hideActionButtons, hideCopyButton, hideSendButton, suggestionHeaderTemplate, faqListHTML, faqinx, hostInstance);
|
|
1862
|
+
};
|
|
1863
|
+
rootService.prototype.handleFaqToggle = function (faq, index, type, faqListHTML, hostInstance, isAssistSuggestion, props) {
|
|
1864
|
+
var _this = this;
|
|
1865
|
+
var _a;
|
|
1866
|
+
faq.toggle = !faq.toggle;
|
|
1867
|
+
faq.seeMoreWrapper = false;
|
|
1868
|
+
var faqSuggestionBodyList = (_a = faqListHTML[index]) === null || _a === void 0 ? void 0 : _a.querySelectorAll(this.classConstants.SUGGESTION_EACH_BODY);
|
|
1869
|
+
if (type == 'down' && !faq.answer) {
|
|
1870
|
+
if (isAssistSuggestion) {
|
|
1871
|
+
this.checkAnswerAndToggleForAssist(faq, index, hostInstance, props);
|
|
1872
|
+
}
|
|
1873
|
+
else {
|
|
1874
|
+
this.checkAnswerAndToggleForSearch(faq, index, hostInstance);
|
|
1875
|
+
}
|
|
1876
|
+
}
|
|
1877
|
+
else if (type == 'down' && faq.answer) {
|
|
1878
|
+
faqSuggestionBodyList.forEach(function (ansTemplate, index) {
|
|
1879
|
+
var _a, _b;
|
|
1880
|
+
if ((_a = ansTemplate === null || ansTemplate === void 0 ? void 0 : ansTemplate.classList) === null || _a === void 0 ? void 0 : _a.contains(_this.classConstants.HIDE_ELEMENT)) {
|
|
1881
|
+
(_b = ansTemplate === null || ansTemplate === void 0 ? void 0 : ansTemplate.classList) === null || _b === void 0 ? void 0 : _b.remove(_this.classConstants.HIDE_ELEMENT);
|
|
1882
|
+
}
|
|
1883
|
+
});
|
|
1884
|
+
}
|
|
1885
|
+
else if (type == 'up') {
|
|
1886
|
+
faqSuggestionBodyList.forEach(function (ansTemplate, index) {
|
|
1887
|
+
var _a;
|
|
1888
|
+
(_a = ansTemplate === null || ansTemplate === void 0 ? void 0 : ansTemplate.classList) === null || _a === void 0 ? void 0 : _a.add(_this.classConstants.HIDE_ELEMENT);
|
|
1889
|
+
});
|
|
1890
|
+
}
|
|
1891
|
+
};
|
|
1892
|
+
rootService.prototype.checkAnswerAndToggleForAssist = function (faq, index, hostInstance, props) {
|
|
1893
|
+
if (!faq.answer && faq.toggle) {
|
|
1894
|
+
faq.ambiguityToken = btoa(JSON.stringify({ question: faq.question, index: index, assistSuggestion: props.suggestionIndex }));
|
|
1895
|
+
this.emitSearchRequestForAssistSuggestions(faq.displayName, false, faq, hostInstance);
|
|
1896
|
+
var faqId = this.idConstants.ASSIST_FAQ_SUGGESTION + props.suggestionIndex;
|
|
1897
|
+
this.setFaqIndividualLoader(index, false, faqId);
|
|
1898
|
+
}
|
|
1899
|
+
};
|
|
1900
|
+
;
|
|
1901
|
+
rootService.prototype.checkAnswerAndToggleForSearch = function (faq, index, hostInstance) {
|
|
1902
|
+
if (!faq.answer && faq.toggle) {
|
|
1903
|
+
faq.ambiguityToken = btoa(JSON.stringify({ question: faq.question, index: index }));
|
|
1904
|
+
this.emitSearchRequestForSearch(faq.displayName, false, faq, hostInstance);
|
|
1905
|
+
this.setFaqIndividualLoader(index, false, this.idConstants.SEARCH_FAQ_SUGGESTION);
|
|
1906
|
+
}
|
|
1907
|
+
};
|
|
1908
|
+
rootService.prototype.renderEachFaqInSuggestionList = function (searchResponse, faqListHTML, hideActionButtons, hideCopyButton, hideSendButton, hostInstance, isAssistSuggestion, props) {
|
|
1909
|
+
var _this = this;
|
|
1910
|
+
var _a;
|
|
1911
|
+
(_a = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.faqs) === null || _a === void 0 ? void 0 : _a.forEach(function (faq, index) {
|
|
1912
|
+
var _a, _b, _c, _d;
|
|
1913
|
+
var suggestionHeaderTemplate = (_a = faqListHTML[index]) === null || _a === void 0 ? void 0 : _a.querySelector(_this.classConstants.SUGGESTION_EACH_HEADER);
|
|
1914
|
+
var faqUpArrowTemplate = suggestionHeaderTemplate === null || suggestionHeaderTemplate === void 0 ? void 0 : suggestionHeaderTemplate.querySelector(_this.classConstants.SUGGESTION_FAQ_UP_ARROW);
|
|
1915
|
+
var faqDownArrowTemplate = suggestionHeaderTemplate === null || suggestionHeaderTemplate === void 0 ? void 0 : suggestionHeaderTemplate.querySelector(_this.classConstants.SUGGESTION_FAQ_DOWN_ARROW);
|
|
1916
|
+
(_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener(_this.classConstants.SUGGESTION_FAQ_UP_ARROW, 'click', function () {
|
|
1917
|
+
_this.addOrHideFAQArrows(faqUpArrowTemplate, faqDownArrowTemplate, 'up');
|
|
1918
|
+
_this.handleFaqToggle(faq, index, 'up', faqListHTML, hostInstance, isAssistSuggestion, props);
|
|
1919
|
+
}, suggestionHeaderTemplate);
|
|
1920
|
+
(_c = hostInstance.eventManager) === null || _c === void 0 ? void 0 : _c.addEventListener(_this.classConstants.SUGGESTION_FAQ_DOWN_ARROW, 'click', function () {
|
|
1921
|
+
_this.addOrHideFAQArrows(faqUpArrowTemplate, faqDownArrowTemplate, 'down');
|
|
1922
|
+
_this.handleFaqToggle(faq, index, 'down', faqListHTML, hostInstance, isAssistSuggestion, props);
|
|
1923
|
+
}, suggestionHeaderTemplate);
|
|
1924
|
+
if (faq.answer && ((_d = faq === null || faq === void 0 ? void 0 : faq.answer) === null || _d === void 0 ? void 0 : _d.length) > 0 && !hideActionButtons) {
|
|
1925
|
+
_this.addOrHideFAQActionExpandCloseElements(faq, hideActionButtons, hideCopyButton, hideSendButton, suggestionHeaderTemplate, faqListHTML, index, hostInstance);
|
|
1926
|
+
}
|
|
1927
|
+
});
|
|
1928
|
+
};
|
|
1929
|
+
rootService.prototype.renderEachSnippetInSuggestionList = function (searchResponse, snippetListHtml, hideActionButtons, hideCopyButton, hideSendButton, hostInstance) {
|
|
1930
|
+
var _this = this;
|
|
1931
|
+
var _a;
|
|
1932
|
+
(_a = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.snippets) === null || _a === void 0 ? void 0 : _a.forEach(function (snippet, index) {
|
|
1933
|
+
var _a, _b;
|
|
1934
|
+
var eachActionTemplate = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_templatemanager_tabs_suggestions_snippet_snippet__WEBPACK_IMPORTED_MODULE_6__.SnippetSendCopyActionButtons, { snippet: snippet, hostInstance: hostInstance, hideActionButtons: hideActionButtons, hideCopyButton: hideCopyButton, hideSendButton: hideSendButton }, hostInstance);
|
|
1935
|
+
if (eachActionTemplate && (eachActionTemplate === null || eachActionTemplate === void 0 ? void 0 : eachActionTemplate.nodeName) != '#text') {
|
|
1936
|
+
(_a = snippetListHtml[index]) === null || _a === void 0 ? void 0 : _a.querySelector(_this.classConstants.SUGGESTION_EACH_HEADER).append(eachActionTemplate);
|
|
1937
|
+
_this.handleActionTemplateClickEventsForSnippet(eachActionTemplate, snippet, snippetListHtml[index], hostInstance);
|
|
1938
|
+
}
|
|
1939
|
+
var sourceListHtml = snippetListHtml[index].querySelectorAll(_this.classConstants.SUGGESTION_SNIPPET_SOURCE_TAG);
|
|
1940
|
+
(_b = snippet.sources) === null || _b === void 0 ? void 0 : _b.forEach(function (source, inx) {
|
|
1941
|
+
var _a;
|
|
1942
|
+
(_a = hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener(_this.classConstants.SUGGESTION_SNIPPET_LINK, 'click', function () {
|
|
1943
|
+
_this.openurlInBrowserForSnippet(source.url, snippet, hostInstance);
|
|
1944
|
+
}, sourceListHtml[inx]);
|
|
1945
|
+
});
|
|
1946
|
+
});
|
|
1947
|
+
};
|
|
1948
|
+
rootService.prototype.renderEachArticleInSuggestionList = function (searchResponse, articlesListHTML, hideActionButtons, hideCopyButton, hideSendButton, hostInstance) {
|
|
1949
|
+
var _this = this;
|
|
1950
|
+
var _a;
|
|
1951
|
+
(_a = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.articles) === null || _a === void 0 ? void 0 : _a.forEach(function (article, index) {
|
|
1952
|
+
var _a, _b;
|
|
1953
|
+
var eachActionTemplate = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_templatemanager_tabs_suggestions_article_article__WEBPACK_IMPORTED_MODULE_3__.ArticleSendCopyActionButtons, { article: article, hostInstance: hostInstance, hideActionButtons: hideActionButtons, hideCopyButton: hideCopyButton, hideSendButton: hideSendButton }, hostInstance);
|
|
1954
|
+
if (eachActionTemplate && (eachActionTemplate === null || eachActionTemplate === void 0 ? void 0 : eachActionTemplate.nodeName) != '#text') {
|
|
1955
|
+
(_a = articlesListHTML[index]) === null || _a === void 0 ? void 0 : _a.querySelector(_this.classConstants.SUGGESTION_EACH_HEADER).append(eachActionTemplate);
|
|
1956
|
+
_this.handleActionTemplateClickEventsForArticle(eachActionTemplate, article, articlesListHTML[index], hostInstance);
|
|
1957
|
+
}
|
|
1958
|
+
(_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener(_this.classConstants.SUGGESTION_ARTICLE_LINK, 'click', function () {
|
|
1959
|
+
_this.openLinksInBrowser(article.link);
|
|
1960
|
+
}, articlesListHTML[index]);
|
|
1961
|
+
});
|
|
1962
|
+
};
|
|
1963
|
+
rootService.prototype.renderEachFileInSuggestionList = function (searchResponse, filesListHtml, hideActionButtons, hideCopyButton, hideSendButton, hostInstance) {
|
|
1964
|
+
var _this = this;
|
|
1965
|
+
var _a;
|
|
1966
|
+
(_a = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.files) === null || _a === void 0 ? void 0 : _a.forEach(function (file, index) {
|
|
1967
|
+
var _a, _b;
|
|
1968
|
+
var eachActionTemplate = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_templatemanager_tabs_suggestions_file_file__WEBPACK_IMPORTED_MODULE_5__.FileSendCopyActionButtons, { file: file, hostInstance: hostInstance, hideActionButtons: hideActionButtons, hideCopyButton: hideCopyButton, hideSendButton: hideSendButton }, hostInstance);
|
|
1969
|
+
if (eachActionTemplate && (eachActionTemplate === null || eachActionTemplate === void 0 ? void 0 : eachActionTemplate.nodeName) != '#text') {
|
|
1970
|
+
(_a = filesListHtml[index]) === null || _a === void 0 ? void 0 : _a.querySelector(_this.classConstants.SUGGESTION_EACH_HEADER).append(eachActionTemplate);
|
|
1971
|
+
_this.handleActionTemplateClickEventsForFile(eachActionTemplate, file, filesListHtml[index], hostInstance);
|
|
1972
|
+
}
|
|
1973
|
+
(_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener(_this.classConstants.SUGGESTION_FILE_LINK, 'click', function () {
|
|
1974
|
+
_this.openLinksInBrowser(file.link);
|
|
1975
|
+
}, filesListHtml[index]);
|
|
1976
|
+
});
|
|
1977
|
+
};
|
|
1978
|
+
// search
|
|
1979
|
+
rootService.prototype.handleSearchText = function (searchText, hostInstance) {
|
|
1980
|
+
var _a, _b;
|
|
1981
|
+
if (searchText.isEntered) {
|
|
1982
|
+
this.emitSearchRequestForSearch(searchText.value, true, {}, hostInstance);
|
|
1983
|
+
}
|
|
1984
|
+
var inputBlock = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector(this.classConstants.SEARCH_INPUT_BLOCK);
|
|
1985
|
+
var inputEle = (_b = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _b === void 0 ? void 0 : _b.querySelector("#".concat(this.idConstants.SEARCH_INPUT));
|
|
1986
|
+
if (inputBlock) {
|
|
1987
|
+
var inputSearchIcon = inputBlock === null || inputBlock === void 0 ? void 0 : inputBlock.querySelector(this.classConstants.SEARCH_INPUT_ICON);
|
|
1988
|
+
var inputCloseIcon = inputBlock === null || inputBlock === void 0 ? void 0 : inputBlock.querySelector(this.classConstants.SEARCH_INPUT_CLOSE);
|
|
1989
|
+
if (searchText.value) {
|
|
1990
|
+
inputSearchIcon.classList.add(this.classConstants.HIDE_ELEMENT);
|
|
1991
|
+
inputCloseIcon.classList.remove(this.classConstants.HIDE_ELEMENT);
|
|
1992
|
+
}
|
|
1993
|
+
else {
|
|
1994
|
+
inputCloseIcon.classList.add(this.classConstants.HIDE_ELEMENT);
|
|
1995
|
+
inputSearchIcon.classList.remove(this.classConstants.HIDE_ELEMENT);
|
|
1996
|
+
}
|
|
1997
|
+
inputEle.value = searchText.value;
|
|
1998
|
+
}
|
|
1999
|
+
};
|
|
2000
|
+
rootService.prototype.addOrHideFAQActionExpandCloseElements = function (faq, hideActionButtons, hideCopyButton, hideSendButton, suggestionHeaderTemplate, faqListHTML, index, hostInstance) {
|
|
2001
|
+
var _this = this;
|
|
2002
|
+
var _a, _b, _c, _d, _e;
|
|
2003
|
+
var eachActionTemplate = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_templatemanager_tabs_suggestions_faq_faq__WEBPACK_IMPORTED_MODULE_4__.FAQSendCopyActionButtons, { ansObj: faq.answer[0], hostInstance: hostInstance, hideActionButtons: hideActionButtons, hideCopyButton: hideCopyButton, hideSendButton: hideSendButton, addHideClass: false }, hostInstance);
|
|
2004
|
+
if (suggestionHeaderTemplate && eachActionTemplate && (eachActionTemplate === null || eachActionTemplate === void 0 ? void 0 : eachActionTemplate.nodeName) != '#text') {
|
|
2005
|
+
suggestionHeaderTemplate.append(eachActionTemplate);
|
|
2006
|
+
this.handleActionTemplateClickEventsForFAQ(eachActionTemplate, faq, faq.answer[0], faqListHTML[index], hostInstance);
|
|
2007
|
+
}
|
|
2008
|
+
if (((_a = faq.answer) === null || _a === void 0 ? void 0 : _a.length) > 1) {
|
|
2009
|
+
var faqSuggestionBodyList_1 = (_b = faqListHTML[index]) === null || _b === void 0 ? void 0 : _b.querySelectorAll(this.classConstants.SUGGESTION_EACH_BODY);
|
|
2010
|
+
(_c = faq.answer) === null || _c === void 0 ? void 0 : _c.forEach(function (ansObj, inx) {
|
|
2011
|
+
var eachAnsActionTemplate = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_templatemanager_tabs_suggestions_faq_faq__WEBPACK_IMPORTED_MODULE_4__.FAQSendCopyActionButtons, { ansObj: ansObj, hostInstance: hostInstance, hideActionButtons: hideActionButtons, hideCopyButton: hideCopyButton, hideSendButton: hideSendButton, addHideClass: (inx == 0 ? true : false) }, hostInstance);
|
|
2012
|
+
if (eachAnsActionTemplate && (eachAnsActionTemplate === null || eachAnsActionTemplate === void 0 ? void 0 : eachAnsActionTemplate.nodeName) != '#text') {
|
|
2013
|
+
if (faqSuggestionBodyList_1 && (faqSuggestionBodyList_1 === null || faqSuggestionBodyList_1 === void 0 ? void 0 : faqSuggestionBodyList_1.length) > 0) {
|
|
2014
|
+
faqSuggestionBodyList_1[inx].prepend(eachAnsActionTemplate);
|
|
2015
|
+
_this.handleActionTemplateClickEventsForFAQ(eachAnsActionTemplate, faq, ansObj, faqListHTML[index], hostInstance);
|
|
2016
|
+
}
|
|
2017
|
+
}
|
|
2018
|
+
});
|
|
2019
|
+
var expandClostBtnTemplate = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_templatemanager_tabs_suggestions_faq_faq__WEBPACK_IMPORTED_MODULE_4__.FaqExpandCloseBtn, {}, hostInstance);
|
|
2020
|
+
(_d = faqListHTML[index]) === null || _d === void 0 ? void 0 : _d.append(expandClostBtnTemplate);
|
|
2021
|
+
var suggestionHeaderActionTemplate = (_e = faqListHTML[index]) === null || _e === void 0 ? void 0 : _e.querySelector("".concat(this.classConstants.SUGGESTION_EACH_HEADER, " ").concat(this.classConstants.SUGGESTION_SENDCPY_ACTION));
|
|
2022
|
+
this.handleFaqExpandCloseBtnClickEvents(expandClostBtnTemplate, faqSuggestionBodyList_1, suggestionHeaderActionTemplate, faqListHTML[index], hostInstance);
|
|
2023
|
+
}
|
|
2024
|
+
};
|
|
2025
|
+
return rootService;
|
|
2026
|
+
}());
|
|
2027
|
+
|
|
2028
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (rootService);
|
|
2029
|
+
|
|
2030
|
+
|
|
2031
|
+
/***/ }),
|
|
2032
|
+
|
|
2033
|
+
/***/ "./src/components/common/templatemanager/base/aaContainer/aaContainer.tsx":
|
|
2034
|
+
/*!********************************************************************************!*\
|
|
2035
|
+
!*** ./src/components/common/templatemanager/base/aaContainer/aaContainer.tsx ***!
|
|
2036
|
+
\********************************************************************************/
|
|
2037
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
2038
|
+
|
|
2039
|
+
__webpack_require__.r(__webpack_exports__);
|
|
2040
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2041
|
+
/* harmony export */ AAContainer: () => (/* binding */ AAContainer),
|
|
2042
|
+
/* harmony export */ AALoder: () => (/* binding */ AALoder)
|
|
2043
|
+
/* harmony export */ });
|
|
2044
|
+
/* harmony import */ var _aaContainer_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./aaContainer.scss */ "./src/components/common/templatemanager/base/aaContainer/aaContainer.scss");
|
|
2045
|
+
/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact/hooks */ "./node_modules/preact/hooks/dist/hooks.module.js");
|
|
2046
|
+
/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
|
|
2047
|
+
/* harmony import */ var _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../constants/projConsts */ "./src/components/common/constants/projConsts.ts");
|
|
2048
|
+
/* harmony import */ var _tabs_all_tabs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../tabs/all-tabs */ "./src/components/common/templatemanager/tabs/all-tabs.tsx");
|
|
2049
|
+
/* harmony import */ var _tabs_assist_assist__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../tabs/assist/assist */ "./src/components/common/templatemanager/tabs/assist/assist.tsx");
|
|
2050
|
+
/* harmony import */ var _tabs_search_search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../tabs/search/search */ "./src/components/common/templatemanager/tabs/search/search.tsx");
|
|
2051
|
+
/* harmony import */ var _tabs_transcript_transcript__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../tabs/transcript/transcript */ "./src/components/common/templatemanager/tabs/transcript/transcript.tsx");
|
|
2052
|
+
/* harmony import */ var _tabs_header_header__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../tabs/header/header */ "./src/components/common/templatemanager/tabs/header/header.tsx");
|
|
2053
|
+
/* harmony import */ var _constants_events_cnst__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../constants/events.cnst */ "./src/components/common/constants/events.cnst.ts");
|
|
2054
|
+
/* harmony import */ var _tabs_mybot_mybot__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../tabs/mybot/mybot */ "./src/components/common/templatemanager/tabs/mybot/mybot.tsx");
|
|
2055
|
+
/* harmony import */ var _domManager__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../domManager */ "./src/components/common/templatemanager/base/domManager.tsx");
|
|
2056
|
+
var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
|
|
2057
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
2058
|
+
if (ar || !(i in from)) {
|
|
2059
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
2060
|
+
ar[i] = from[i];
|
|
2061
|
+
}
|
|
2062
|
+
}
|
|
2063
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
2064
|
+
};
|
|
2065
|
+
|
|
2066
|
+
|
|
2067
|
+
|
|
2068
|
+
|
|
2069
|
+
|
|
2070
|
+
|
|
2071
|
+
|
|
2072
|
+
|
|
2073
|
+
|
|
2074
|
+
|
|
2075
|
+
|
|
2076
|
+
|
|
2077
|
+
function AALoder(props) {
|
|
2078
|
+
return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { id: "aa-loader-main", className: "loader-progress-main" },
|
|
2079
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "loading-border" })));
|
|
2080
|
+
}
|
|
2081
|
+
function AAContainer(props) {
|
|
2082
|
+
var _a = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(true), assistTabActive = _a[0], setAssistTabActive = _a[1];
|
|
2083
|
+
var _b = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), mybotTabActive = _b[0], setMybotTabActive = _b[1];
|
|
2084
|
+
var _c = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), searchTabActive = _c[0], setSearchTabActive = _c[1];
|
|
2085
|
+
var _d = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), transcriptTabActive = _d[0], setTranscriptTabActive = _d[1];
|
|
2086
|
+
var _e = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)('light'), selectedTheme = _e[0], setSelectedTheme = _e[1];
|
|
2087
|
+
var _f = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)([]), coachingHints = _f[0], setCoachingHints = _f[1];
|
|
2088
|
+
var _g = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)([]), coachingNudges = _g[0], setCoachingNudges = _g[1];
|
|
2089
|
+
var hints = [];
|
|
2090
|
+
var nudges = [];
|
|
2091
|
+
var tabsNTitles = [
|
|
2092
|
+
{ type: 'srch', title: 'Search' },
|
|
2093
|
+
{ type: 'mB', title: 'My Bot' },
|
|
2094
|
+
{ type: 'ast', title: 'Assist' },
|
|
2095
|
+
{ type: 'trnspt', title: 'Transcript' },
|
|
2096
|
+
];
|
|
2097
|
+
var connectionDetails = props.connectionDetails;
|
|
2098
|
+
var sourceDesktop = 'SomeSource';
|
|
2099
|
+
var hideUserBotHistory = false;
|
|
2100
|
+
var serTabMap = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.serviceTabMap;
|
|
2101
|
+
var hostInstance = props.hostInstance;
|
|
2102
|
+
var selectTab = 'ast';
|
|
2103
|
+
var classConstants = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ClassMapConstanst;
|
|
2104
|
+
var idMapConstants = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.IdMapConstant;
|
|
2105
|
+
var chatContainerClass = classConstants.SDK_MAIN_WRAPPER; //left-menu-nav-enable
|
|
2106
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2107
|
+
addHeaderTemplate();
|
|
2108
|
+
addFooterTemplate();
|
|
2109
|
+
hostInstance.on('updateActiveTab', function (data) {
|
|
2110
|
+
toggleActiveTab(data.activeTab, data.footerTag);
|
|
2111
|
+
});
|
|
2112
|
+
}, []);
|
|
2113
|
+
var chooseTheme = function () {
|
|
2114
|
+
setSelectedTheme(selectedTheme === 'light' ? 'dark' : 'light');
|
|
2115
|
+
};
|
|
2116
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2117
|
+
var handleCoachingEvents = function (response) { return handleCocahingResponse(response); };
|
|
2118
|
+
hostInstance.on('AGENT_COACHING_RESPONSES', handleCoachingEvents);
|
|
2119
|
+
}, []);
|
|
2120
|
+
var handleCocahingResponse = function (resData) {
|
|
2121
|
+
if ((resData === null || resData === void 0 ? void 0 : resData.action) === 'nudge') {
|
|
2122
|
+
handleNudgeData(resData);
|
|
2123
|
+
}
|
|
2124
|
+
else if ((resData === null || resData === void 0 ? void 0 : resData.action) === 'hint') {
|
|
2125
|
+
handleHintData(resData);
|
|
2126
|
+
}
|
|
2127
|
+
};
|
|
2128
|
+
var handleNudgeData = function (NudgeObject) {
|
|
2129
|
+
var _a;
|
|
2130
|
+
var uQ = NudgeObject.actionId;
|
|
2131
|
+
nudges.unshift(NudgeObject);
|
|
2132
|
+
setCoachingNudges(function (prevNudges) { return __spreadArray([NudgeObject], prevNudges, true); });
|
|
2133
|
+
var nudgeBanner = (0,_domManager__WEBPACK_IMPORTED_MODULE_11__.getHTML)(nudgeHTMLEle, NudgeObject, hostInstance);
|
|
2134
|
+
var nudgeEle = document.getElementsByClassName('aa-nudges-template-data')[0];
|
|
2135
|
+
nudgeEle.append(nudgeBanner);
|
|
2136
|
+
setTimeout(function () {
|
|
2137
|
+
var inx = nudges.findIndex(function (item) { return item.actionId === uQ; });
|
|
2138
|
+
if (inx >= 0) {
|
|
2139
|
+
var nudgeElement = document.getElementById("".concat(uQ));
|
|
2140
|
+
if (nudgeElement) {
|
|
2141
|
+
nudgeElement.remove();
|
|
2142
|
+
coachingHints.splice(inx, 1);
|
|
2143
|
+
closeNudge(uQ);
|
|
2144
|
+
setCoachingNudges(function (prevNudges) { return prevNudges.filter(function (nudge) { return nudge.actionId !== uQ; }); });
|
|
2145
|
+
}
|
|
2146
|
+
else {
|
|
2147
|
+
console.log('Element not found:', uQ);
|
|
2148
|
+
}
|
|
2149
|
+
}
|
|
2150
|
+
}, 7000);
|
|
2151
|
+
(_a = hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener('.aa-close-nudge', 'click', function () {
|
|
2152
|
+
closeNudge(uQ);
|
|
2153
|
+
}, nudgeBanner);
|
|
2154
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_9__.SDK_EVENTS.BEFORE_VIEW_INIT, nudgeBanner, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_9__.SDK_EVENTS.NUDGE_TEMPLATE, NudgeObject: NudgeObject });
|
|
2155
|
+
};
|
|
2156
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2157
|
+
}, [coachingNudges]);
|
|
2158
|
+
var nudgeHTMLEle = function (props) {
|
|
2159
|
+
var _a, _b, _c, _d;
|
|
2160
|
+
var msgData = props.msgData;
|
|
2161
|
+
return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { class: "nudges-card ".concat((_a = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.NUDGE_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _a === void 0 ? void 0 : _a.className), id: "".concat(msgData === null || msgData === void 0 ? void 0 : msgData.actionId) },
|
|
2162
|
+
((_b = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.NUDGE_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _b === void 0 ? void 0 : _b.icon) && ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { class: "icon_block" },
|
|
2163
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("i", { class: (_c = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.NUDGE_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _c === void 0 ? void 0 : _c.icon }))),
|
|
2164
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("p", null, (_d = msgData === null || msgData === void 0 ? void 0 : msgData.message) === null || _d === void 0 ? void 0 : _d.title),
|
|
2165
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { class: "close-nudge aa-close-nudge" },
|
|
2166
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("i", { class: "krIocnsFont-close-md" }))));
|
|
2167
|
+
};
|
|
2168
|
+
var closeNudge = function (uQ) {
|
|
2169
|
+
var inx = nudges.findIndex(function (item) { return item.actionId === uQ; });
|
|
2170
|
+
if (inx >= 0) {
|
|
2171
|
+
var nudgeElement = document.getElementById("".concat(uQ));
|
|
2172
|
+
if (nudgeElement) {
|
|
2173
|
+
nudgeElement.remove();
|
|
2174
|
+
nudges.splice(inx, 1);
|
|
2175
|
+
setCoachingNudges(function (prevNudges) { return prevNudges.filter(function (nudge) { return nudge.actionId !== uQ; }); });
|
|
2176
|
+
}
|
|
2177
|
+
}
|
|
2178
|
+
};
|
|
2179
|
+
var handleHintData = function (hintObject) {
|
|
2180
|
+
var _a, _b, _c, _d;
|
|
2181
|
+
var uQ = hintObject.actionId;
|
|
2182
|
+
hints.unshift(hintObject);
|
|
2183
|
+
setCoachingHints(function (prevHints) { return __spreadArray([hintObject], prevHints, true); });
|
|
2184
|
+
// this.hintScrollBottom(true);
|
|
2185
|
+
var HintBanner = (0,_domManager__WEBPACK_IMPORTED_MODULE_11__.getHTML)(hintHTMLEle, hintObject, hostInstance);
|
|
2186
|
+
var hintEle = document.getElementsByClassName('aa-hints-template-data')[0];
|
|
2187
|
+
hintEle.append(HintBanner);
|
|
2188
|
+
if (((_a = hintObject === null || hintObject === void 0 ? void 0 : hintObject.message) === null || _a === void 0 ? void 0 : _a.postAction) !== 'doesnot_auto_close') {
|
|
2189
|
+
setTimeout(function () {
|
|
2190
|
+
var inx = hints.findIndex(function (item) { return item.actionId === uQ; });
|
|
2191
|
+
if (inx >= 0) {
|
|
2192
|
+
var hintElement = document.getElementById("".concat(uQ));
|
|
2193
|
+
if (hintElement) {
|
|
2194
|
+
hintElement.remove();
|
|
2195
|
+
hints.splice(inx, 1);
|
|
2196
|
+
setCoachingHints(function (prevHints) { return prevHints.filter(function (hints) { return hints.actionId !== uQ; }); });
|
|
2197
|
+
}
|
|
2198
|
+
}
|
|
2199
|
+
}, (((_b = hintObject.message) === null || _b === void 0 ? void 0 : _b.time) < 900 ? (_c = hintObject.message) === null || _c === void 0 ? void 0 : _c.time : 900) * 1000);
|
|
2200
|
+
}
|
|
2201
|
+
(_d = hostInstance.eventManager) === null || _d === void 0 ? void 0 : _d.addEventListener('.aa-close-hint', 'click', function () {
|
|
2202
|
+
closeHint(uQ);
|
|
2203
|
+
}, HintBanner);
|
|
2204
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_9__.SDK_EVENTS.BEFORE_VIEW_INIT, HintBanner, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_9__.SDK_EVENTS.HINT_TEMPLATE, hintObject: hintObject });
|
|
2205
|
+
};
|
|
2206
|
+
var hintHTMLEle = function (props) {
|
|
2207
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
2208
|
+
var msgData = props.msgData;
|
|
2209
|
+
return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "hint-card ".concat((_a = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === null || _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === void 0 ? void 0 : _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.HINT_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _a === void 0 ? void 0 : _a.className), style: { border: (_b = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === null || _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === void 0 ? void 0 : _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.HINT_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _b === void 0 ? void 0 : _b.color }, id: "".concat(msgData.actionId) },
|
|
2210
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "top-card-info" },
|
|
2211
|
+
((_c = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === null || _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === void 0 ? void 0 : _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.HINT_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _c === void 0 ? void 0 : _c.icon) && ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "icon_block" },
|
|
2212
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("i", { className: (_d = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === null || _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === void 0 ? void 0 : _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.HINT_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _d === void 0 ? void 0 : _d.icon, style: { color: (_e = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === null || _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === void 0 ? void 0 : _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.HINT_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _e === void 0 ? void 0 : _e.color } }))),
|
|
2213
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("h1", null, msgData.message.title),
|
|
2214
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { className: "close-hint aa-close-hint" },
|
|
2215
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("i", { className: "krIocnsFont-close-md" }))),
|
|
2216
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "body-hint" },
|
|
2217
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("p", null, msgData.message.body)),
|
|
2218
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "footer-hint" }, ((_f = msgData.adherence) === null || _f === void 0 ? void 0 : _f.adType) === 'ack' && ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", null, (_g = msgData.adherence) === null || _g === void 0 ? void 0 : _g.ackText)))));
|
|
2219
|
+
};
|
|
2220
|
+
var closeHint = function (uQ) {
|
|
2221
|
+
var inx = hints.findIndex(function (item) { return item.actionId === uQ; });
|
|
2222
|
+
if (inx >= 0) {
|
|
2223
|
+
var hintElement = document.getElementById("".concat(uQ));
|
|
2224
|
+
if (hintElement) {
|
|
2225
|
+
hintElement.remove();
|
|
2226
|
+
hints.splice(inx, 1);
|
|
2227
|
+
setCoachingHints(function (prevHints) { return prevHints.filter(function (hints) { return hints.actionId !== uQ; }); });
|
|
2228
|
+
}
|
|
2229
|
+
}
|
|
2230
|
+
};
|
|
2231
|
+
// const hintScrollBottom = (flag: any) => {
|
|
2232
|
+
// if(flag && this.overlayhint){
|
|
2233
|
+
// this.overlayhint.nativeElement.scrollTop = 0;
|
|
2234
|
+
// }
|
|
2235
|
+
// }
|
|
2236
|
+
var hintAckPressed = function (data) {
|
|
2237
|
+
data["ackPressed"] = true;
|
|
2238
|
+
hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_9__.EVENTS.agent_coaching_ackpress, data);
|
|
2239
|
+
};
|
|
2240
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2241
|
+
}, []);
|
|
2242
|
+
var addHeaderTemplate = function () {
|
|
2243
|
+
var _a;
|
|
2244
|
+
var headerTemplate;
|
|
2245
|
+
headerTemplate = (0,_domManager__WEBPACK_IMPORTED_MODULE_11__.getHTML)(_tabs_header_header__WEBPACK_IMPORTED_MODULE_8__.Header, {}, hostInstance);
|
|
2246
|
+
var headerSection = hostInstance.chatEle.querySelector(classConstants.HEADER);
|
|
2247
|
+
if (headerSection && headerTemplate) {
|
|
2248
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_9__.SDK_EVENTS.BEFORE_VIEW_INIT, headerTemplate, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_9__.SDK_EVENTS.HEADER_TEMPLATE, data: {} });
|
|
2249
|
+
headerSection.append(headerTemplate);
|
|
2250
|
+
(_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener("#".concat(idMapConstants.PROACTIVE_BTN), 'click', function (event) {
|
|
2251
|
+
hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_9__.DATA_EVENTS.PRO_ACTIVE_CHANGE, event.target.checked);
|
|
2252
|
+
hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.handleOverrideMode(event.target.checked);
|
|
2253
|
+
}, headerTemplate);
|
|
2254
|
+
}
|
|
2255
|
+
};
|
|
2256
|
+
var addFooterTemplate = function () {
|
|
2257
|
+
var allTabs;
|
|
2258
|
+
allTabs = (0,_domManager__WEBPACK_IMPORTED_MODULE_11__.getHTML)(_tabs_all_tabs__WEBPACK_IMPORTED_MODULE_4__.AllTabs, {
|
|
2259
|
+
tabsNTitles: tabsNTitles,
|
|
2260
|
+
selectedTab: serTabMap[selectTab], showTranscript: hostInstance.rootService.connectionDetails.channel === _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ProjConstants.VOICE,
|
|
2261
|
+
connectionDetails: connectionDetails,
|
|
2262
|
+
sourceDesktop: sourceDesktop,
|
|
2263
|
+
hideUserBotHistory: hideUserBotHistory,
|
|
2264
|
+
projConstants: _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.Tabs,
|
|
2265
|
+
selectedTheme: selectedTheme,
|
|
2266
|
+
chooseTheme: chooseTheme,
|
|
2267
|
+
hostInstance: hostInstance
|
|
2268
|
+
}, hostInstance);
|
|
2269
|
+
var footerTag = hostInstance.chatEle.querySelector(classConstants.FOOTER);
|
|
2270
|
+
if (footerTag) {
|
|
2271
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_9__.SDK_EVENTS.BEFORE_VIEW_INIT, allTabs, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_9__.SDK_EVENTS.FOOTER_TEMPLATE, data: { tabsNTitles: tabsNTitles, footerTag: footerTag } });
|
|
2272
|
+
footerTag.append(allTabs);
|
|
2273
|
+
tabsNTitles.forEach(function (tab) {
|
|
2274
|
+
var _a;
|
|
2275
|
+
(_a = hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener("".concat(classConstants.FOOTER_BTN).concat(tab.type), 'click', function () {
|
|
2276
|
+
toggleActiveTab(tab.type, footerTag);
|
|
2277
|
+
}, footerTag);
|
|
2278
|
+
});
|
|
2279
|
+
}
|
|
2280
|
+
};
|
|
2281
|
+
var toggleActiveTab = function (activeTab, footerTag) {
|
|
2282
|
+
updateTabActive(activeTab);
|
|
2283
|
+
tabsNTitles.forEach(function (tab) {
|
|
2284
|
+
var _a, _b;
|
|
2285
|
+
var footerTabEle = footerTag.querySelector("".concat(classConstants.FOOTER_BTN).concat(tab.type));
|
|
2286
|
+
if (tab.type === activeTab) {
|
|
2287
|
+
(_a = footerTabEle === null || footerTabEle === void 0 ? void 0 : footerTabEle.classList) === null || _a === void 0 ? void 0 : _a.add.apply(_a, ["selected-tab", "sel-bg"]);
|
|
2288
|
+
}
|
|
2289
|
+
else {
|
|
2290
|
+
(_b = footerTabEle === null || footerTabEle === void 0 ? void 0 : footerTabEle.classList) === null || _b === void 0 ? void 0 : _b.remove.apply(_b, ["selected-tab", "sel-bg"]);
|
|
2291
|
+
}
|
|
2292
|
+
});
|
|
2293
|
+
};
|
|
2294
|
+
var updateTabActive = function (tab, removeOtherTabs) {
|
|
2295
|
+
if (removeOtherTabs === void 0) { removeOtherTabs = true; }
|
|
2296
|
+
if (removeOtherTabs) {
|
|
2297
|
+
setAssistTabActive(false);
|
|
2298
|
+
setMybotTabActive(false);
|
|
2299
|
+
setSearchTabActive(false);
|
|
2300
|
+
setTranscriptTabActive(false);
|
|
2301
|
+
}
|
|
2302
|
+
switch (tab) {
|
|
2303
|
+
case 'ast':
|
|
2304
|
+
setAssistTabActive(true);
|
|
2305
|
+
break;
|
|
2306
|
+
case 'srch':
|
|
2307
|
+
setSearchTabActive(true);
|
|
2308
|
+
break;
|
|
2309
|
+
case 'mB':
|
|
2310
|
+
setMybotTabActive(true);
|
|
2311
|
+
break;
|
|
2312
|
+
case 'trnspt':
|
|
2313
|
+
setTranscriptTabActive(true);
|
|
2314
|
+
break;
|
|
2315
|
+
default:
|
|
2316
|
+
setAssistTabActive(true);
|
|
2317
|
+
break;
|
|
2318
|
+
}
|
|
2319
|
+
};
|
|
2320
|
+
return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: chatContainerClass, "aria-label": 'agent-window-section' },
|
|
2321
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("section", { className: "section-agent-aa-wrapper" },
|
|
2322
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("header", { className: "aa-header" }),
|
|
2323
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("section", { className: "body-container-aa" },
|
|
2324
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: assistTabActive ? 'animate-compo-slide-up-wrapper' : 'aa-hidden' },
|
|
2325
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_tabs_assist_assist__WEBPACK_IMPORTED_MODULE_5__.Assist, { hostInstance: hostInstance })),
|
|
2326
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: searchTabActive ? 'animate-compo-slide-up-wrapper' : 'aa-hidden' },
|
|
2327
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_tabs_search_search__WEBPACK_IMPORTED_MODULE_6__.Search, { hostInstance: hostInstance })),
|
|
2328
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: transcriptTabActive ? 'animate-compo-slide-up-wrapper' : 'aa-hidden' },
|
|
2329
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_tabs_transcript_transcript__WEBPACK_IMPORTED_MODULE_7__.Transcript, { hostInstance: hostInstance })),
|
|
2330
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: mybotTabActive ? 'animate-compo-slide-up-wrapper' : 'aa-hidden' },
|
|
2331
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_tabs_mybot_mybot__WEBPACK_IMPORTED_MODULE_10__.MyBot, { hostInstance: hostInstance }))),
|
|
2332
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("footer", { className: "aa-footer" }),
|
|
2333
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "nudges-wrapper-fixed " },
|
|
2334
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "nudges-template-data aa-nudges-template-data" })),
|
|
2335
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "hints-wrapper-fixed " },
|
|
2336
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "hints-template-data aa-hints-template-data" })),
|
|
2337
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "summery-wrapper-container aa-d-none" },
|
|
2338
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "summery-popup-data", id: "summary" },
|
|
2339
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "title-block" },
|
|
2340
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("h1", null, "Summary"),
|
|
2341
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "ai-block" },
|
|
2342
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "19", height: "14", viewBox: "0 0 19 14", fill: "none" },
|
|
2343
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M9.99979 5.81524V8.01866C9.56245 8.60838 8.98161 8.80996 8.40024 8.80996C7.3657 8.80996 6.64453 7.93073 6.64453 6.92499C6.64453 5.90316 7.3657 5.00732 8.40024 5.00732C8.98161 5.00732 9.56245 5.21212 9.99979 5.81524Z", fill: "#111827" }),
|
|
2344
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M16.4016 0.310059H4.49325C4.21767 0.309988 3.94477 0.36504 3.69014 0.47207C3.43552 0.579099 3.20415 0.73601 3.00926 0.93384C2.81437 1.13167 2.65978 1.36654 2.5543 1.62505C2.44882 1.88355 2.39453 2.16062 2.39453 2.44043V9.25632C3.97002 9.26274 5.2009 10.4831 5.2009 12.0474C5.20345 12.5621 5.06557 13.0674 4.80255 13.5074H16.4016C16.9579 13.507 17.4914 13.2824 17.8848 12.883C18.2782 12.4836 18.4994 11.9419 18.4998 11.3771V2.44257C18.5001 2.1626 18.4461 1.88532 18.3408 1.62657C18.2355 1.36782 18.081 1.13269 17.8861 0.934628C17.6913 0.736565 17.4598 0.579454 17.2051 0.472284C16.9504 0.365115 16.6773 0.309988 16.4016 0.310059ZM12.2015 10.4932H10.234V9.94594C9.71132 10.2921 9.0748 10.4932 8.3113 10.4932C6.44232 10.4932 4.92796 8.91285 4.92796 6.91516C4.92796 4.88858 6.44232 3.32104 8.3113 3.32104C9.07322 3.32104 9.71132 3.5222 10.234 3.86834V3.32104H12.2015V10.4932ZM15.9679 10.4932H14.0004V3.32104H15.9706L15.9679 10.4932Z", fill: "#111827" }),
|
|
2345
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M2.16101 10.5996C1.30956 10.5996 0.605469 11.2231 0.605469 12.0442C0.605469 12.884 1.30956 13.5075 2.16101 13.5075C3.03295 13.5075 3.73705 12.884 3.73705 12.0442C3.73705 11.2226 3.03295 10.5996 2.16101 10.5996Z", fill: "#111827" })),
|
|
2346
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("span", null, "Suggested"),
|
|
2347
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { type: "button", className: "close-summery" },
|
|
2348
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none" },
|
|
2349
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M15 5.2002L5 15.2002M5 5.2002L15 15.2002", stroke: "#667085", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))),
|
|
2350
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "input-block" },
|
|
2351
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("textarea", { className: "input-control", id: "summaryText", placeholder: "Type Summary...", rows: 4, cols: 50 }),
|
|
2352
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { className: "recylin-bin-btn" },
|
|
2353
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
|
|
2354
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M13.3333 4.99996V4.33329C13.3333 3.39987 13.3333 2.93316 13.1517 2.57664C12.9919 2.26304 12.7369 2.00807 12.4233 1.84828C12.0668 1.66663 11.6001 1.66663 10.6667 1.66663H9.33333C8.39991 1.66663 7.9332 1.66663 7.57668 1.84828C7.26308 2.00807 7.00811 2.26304 6.84832 2.57664C6.66667 2.93316 6.66667 3.39987 6.66667 4.33329V4.99996M8.33333 9.58329V13.75M11.6667 9.58329V13.75M2.5 4.99996H17.5M15.8333 4.99996V14.3333C15.8333 15.7334 15.8333 16.4335 15.5608 16.9683C15.3212 17.4387 14.9387 17.8211 14.4683 18.0608C13.9335 18.3333 13.2335 18.3333 11.8333 18.3333H8.16667C6.76654 18.3333 6.06647 18.3333 5.53169 18.0608C5.06129 17.8211 4.67883 17.4387 4.43915 16.9683C4.16667 16.4335 4.16667 15.7334 4.16667 14.3333V4.99996", stroke: "#D92D20", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))),
|
|
2355
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "actions-footer" },
|
|
2356
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "footer-btns-left-sec" },
|
|
2357
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { className: "aa_btn primaryBtn", id: "summarySubmit" }, "Submit"),
|
|
2358
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { className: "aa_btn aa-solidbtn", id: "summaryCopy" }, "Copy"))))))));
|
|
2359
|
+
}
|
|
2360
|
+
|
|
2361
|
+
|
|
2362
|
+
/***/ }),
|
|
2363
|
+
|
|
2364
|
+
/***/ "./src/components/common/templatemanager/tabs/assist/assist.tsx":
|
|
2365
|
+
/*!**********************************************************************!*\
|
|
2366
|
+
!*** ./src/components/common/templatemanager/tabs/assist/assist.tsx ***!
|
|
2367
|
+
\**********************************************************************/
|
|
2368
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
2369
|
+
|
|
2370
|
+
__webpack_require__.r(__webpack_exports__);
|
|
2371
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2372
|
+
/* harmony export */ Assist: () => (/* binding */ Assist)
|
|
2373
|
+
/* harmony export */ });
|
|
2374
|
+
/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
|
|
2375
|
+
/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact/hooks */ "./node_modules/preact/hooks/dist/hooks.module.js");
|
|
2376
|
+
/* harmony import */ var _constants_projConsts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../constants/projConsts */ "./src/components/common/constants/projConsts.ts");
|
|
2377
|
+
/* harmony import */ var _utils_koregenerateuuid__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/koregenerateuuid */ "./src/components/common/utils/koregenerateuuid.ts");
|
|
2378
|
+
/* harmony import */ var _assist_suggestions_assist_suggestions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../assist-suggestions/assist-suggestions */ "./src/components/common/templatemanager/tabs/assist-suggestions/assist-suggestions.tsx");
|
|
2379
|
+
/* harmony import */ var _assist_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./assist.scss */ "./src/components/common/templatemanager/tabs/assist/assist.scss");
|
|
2380
|
+
var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
|
|
2381
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
2382
|
+
if (ar || !(i in from)) {
|
|
2383
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
2384
|
+
ar[i] = from[i];
|
|
2385
|
+
}
|
|
2386
|
+
}
|
|
2387
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
2388
|
+
};
|
|
2389
|
+
|
|
2390
|
+
|
|
2391
|
+
|
|
2392
|
+
|
|
2393
|
+
|
|
2394
|
+
|
|
2395
|
+
function Assist(_a) {
|
|
2396
|
+
var _b, _c;
|
|
2397
|
+
var hostInstance = _a.hostInstance;
|
|
2398
|
+
var rootServiceInstance = hostInstance.rootService;
|
|
2399
|
+
var _d = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)([]), assistResponseArray = _d[0], setAssistResponseArray = _d[1];
|
|
2400
|
+
var _e = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)({}), ambiguityToken = _e[0], setAmbiguityToken = _e[1];
|
|
2401
|
+
var _f = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)({}), welcomeMsgResponse = _f[0], setWelcomeMsgResponse = _f[1];
|
|
2402
|
+
var classConstants = _constants_projConsts__WEBPACK_IMPORTED_MODULE_2__.ClassMapConstanst;
|
|
2403
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2404
|
+
var handleAgentAssistResponse = function (assistResponse) {
|
|
2405
|
+
var _a;
|
|
2406
|
+
if (assistResponse && ((_a = Object.keys(assistResponse)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
2407
|
+
processAgentAssistResponse(assistResponse);
|
|
2408
|
+
}
|
|
2409
|
+
};
|
|
2410
|
+
hostInstance.on('AGENT_AI_RESPONSE', handleAgentAssistResponse);
|
|
2411
|
+
return function () {
|
|
2412
|
+
hostInstance.off('AGENT_AI_RESPONSE', handleAgentAssistResponse);
|
|
2413
|
+
};
|
|
2414
|
+
}, []);
|
|
2415
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2416
|
+
var assistEle = document.querySelector(classConstants.ASSIST_SECTION);
|
|
2417
|
+
assistEle.scrollTop = assistEle.scrollHeight;
|
|
2418
|
+
}, [assistResponseArray]);
|
|
2419
|
+
var processAgentAssistResponse = function (data) {
|
|
2420
|
+
var _a, _b, _c, _d;
|
|
2421
|
+
var responseId = (0,_utils_koregenerateuuid__WEBPACK_IMPORTED_MODULE_3__["default"])();
|
|
2422
|
+
var renderResponse = {};
|
|
2423
|
+
if (!rootServiceInstance.isAutomationOnGoing && data.suggestions && ((_a = Object.keys(data.suggestions)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
2424
|
+
if (!data.uiunqref) {
|
|
2425
|
+
renderResponse = formatSuggestionRenderResponse(data, responseId);
|
|
2426
|
+
if (renderResponse && ((_b = Object.keys(renderResponse)) === null || _b === void 0 ? void 0 : _b.length) > 0) {
|
|
2427
|
+
setAssistResponseArray(function (prevResponse) { return __spreadArray(__spreadArray([], prevResponse, true), [renderResponse], false); });
|
|
2428
|
+
}
|
|
2429
|
+
}
|
|
2430
|
+
else if (data.uiunqref) {
|
|
2431
|
+
var ambiguityTokenExt_1 = JSON.parse(atob(data.uiunqref));
|
|
2432
|
+
setAssistResponseArray(function (prevResponse) {
|
|
2433
|
+
var _a;
|
|
2434
|
+
var faqAnswerIdsPlace = ambiguityTokenExt_1 && (ambiguityTokenExt_1 === null || ambiguityTokenExt_1 === void 0 ? void 0 : ambiguityTokenExt_1.question) === ((_a = data.suggestions) === null || _a === void 0 ? void 0 : _a.faqs[0].question) ? true : false;
|
|
2435
|
+
if (faqAnswerIdsPlace) {
|
|
2436
|
+
var assistResArray = rootServiceInstance.updateSearchResponse(prevResponse, data, ambiguityTokenExt_1);
|
|
2437
|
+
return assistResArray;
|
|
2438
|
+
}
|
|
2439
|
+
return prevResponse;
|
|
2440
|
+
});
|
|
2441
|
+
setAmbiguityToken(ambiguityTokenExt_1);
|
|
2442
|
+
}
|
|
2443
|
+
}
|
|
2444
|
+
if (data.sendMenuRequest && ((_c = data === null || data === void 0 ? void 0 : data.buttons) === null || _c === void 0 ? void 0 : _c.length) > 0 && ((_d = Object.keys(welcomeMsgResponse)) === null || _d === void 0 ? void 0 : _d.length) == 0) {
|
|
2445
|
+
renderResponse = rootServiceInstance.formatWelcomeMessageResponse(data);
|
|
2446
|
+
setWelcomeMsgResponse(data);
|
|
2447
|
+
// assistResponseArray = rootServiceInstance.formatRunningLastSmallTalkEntityNode(assistResponseArray, renderResponse);
|
|
2448
|
+
}
|
|
2449
|
+
};
|
|
2450
|
+
var formatSuggestionRenderResponse = function (data, responseId) {
|
|
2451
|
+
var _a;
|
|
2452
|
+
if (data && ((_a = Object.keys(data)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
2453
|
+
data.suggestionFrom = _constants_projConsts__WEBPACK_IMPORTED_MODULE_2__.ProjConstants.ASSIST;
|
|
2454
|
+
}
|
|
2455
|
+
var renderResponse = {
|
|
2456
|
+
data: data,
|
|
2457
|
+
type: _constants_projConsts__WEBPACK_IMPORTED_MODULE_2__.RenderResponseType.SUGGESTIONS,
|
|
2458
|
+
uuid: responseId,
|
|
2459
|
+
searchResponse: rootServiceInstance.formatSearchResponse(data),
|
|
2460
|
+
connectionDetails: rootServiceInstance.connectionDetails
|
|
2461
|
+
};
|
|
2462
|
+
return renderResponse;
|
|
2463
|
+
};
|
|
2464
|
+
return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
|
|
2465
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "assist-data-wrapper-container" },
|
|
2466
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "assist-block-content" },
|
|
2467
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "assist-header-content" },
|
|
2468
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "left-title-info" },
|
|
2469
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "text-dropdown-info" },
|
|
2470
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("h1", null, "Assist")))),
|
|
2471
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "scroll-data-assist aa-assist-section" }, (_b = (assistResponseArray)) === null || _b === void 0 ? void 0 : _b.map(function (response, index) {
|
|
2472
|
+
return response.type === _constants_projConsts__WEBPACK_IMPORTED_MODULE_2__.RenderResponseType.SUGGESTIONS && ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_assist_suggestions_assist_suggestions__WEBPACK_IMPORTED_MODULE_4__.AssistSuggestions, { hostInstance: hostInstance, suggestions: response, suggestionIndex: index, key: index, ambiguityToken: ambiguityToken }));
|
|
2473
|
+
})))),
|
|
2474
|
+
assistResponseArray.length === 0 && ((_c = Object.keys(welcomeMsgResponse)) === null || _c === void 0 ? void 0 : _c.length) === 0 && ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
|
|
2475
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { class: "empty-listing-triggers" },
|
|
2476
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("h1", { className: "aa-text-md m-0 center" }, "Listening for triggers"),
|
|
2477
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", { className: "aa-desc-sm m-0 center" }, "Agent AI is actively listening to your conversation and ready to assist automatically when triggered."))))));
|
|
2478
|
+
}
|
|
2479
|
+
|
|
2480
|
+
|
|
2481
|
+
/***/ }),
|
|
2482
|
+
|
|
2483
|
+
/***/ "./src/components/common/templatemanager/tabs/search/search.tsx":
|
|
2484
|
+
/*!**********************************************************************!*\
|
|
2485
|
+
!*** ./src/components/common/templatemanager/tabs/search/search.tsx ***!
|
|
2486
|
+
\**********************************************************************/
|
|
2487
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
2488
|
+
|
|
2489
|
+
__webpack_require__.r(__webpack_exports__);
|
|
2490
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2491
|
+
/* harmony export */ Search: () => (/* binding */ Search),
|
|
2492
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__),
|
|
2493
|
+
/* harmony export */ searchInputTemplate: () => (/* binding */ searchInputTemplate)
|
|
2494
|
+
/* harmony export */ });
|
|
2495
|
+
/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
|
|
2496
|
+
/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact/hooks */ "./node_modules/preact/hooks/dist/hooks.module.js");
|
|
2497
|
+
/* harmony import */ var _constants_events_cnst__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../constants/events.cnst */ "./src/components/common/constants/events.cnst.ts");
|
|
2498
|
+
/* harmony import */ var _search_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./search.scss */ "./src/components/common/templatemanager/tabs/search/search.scss");
|
|
2499
|
+
/* harmony import */ var _suggestions_article_article__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../suggestions/article/article */ "./src/components/common/templatemanager/tabs/suggestions/article/article.tsx");
|
|
2500
|
+
/* harmony import */ var _suggestions_faq_faq__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../suggestions/faq/faq */ "./src/components/common/templatemanager/tabs/suggestions/faq/faq.tsx");
|
|
2501
|
+
/* harmony import */ var _suggestions_snippet_snippet__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../suggestions/snippet/snippet */ "./src/components/common/templatemanager/tabs/suggestions/snippet/snippet.tsx");
|
|
2502
|
+
/* harmony import */ var _suggestions_file_file__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../suggestions/file/file */ "./src/components/common/templatemanager/tabs/suggestions/file/file.tsx");
|
|
2503
|
+
/* harmony import */ var _templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../templatemanager/base/domManager */ "./src/components/common/templatemanager/base/domManager.tsx");
|
|
2504
|
+
/* harmony import */ var _constants_projConsts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../constants/projConsts */ "./src/components/common/constants/projConsts.ts");
|
|
2505
|
+
/* harmony import */ var _suggestion_placeholder_suggestion_placeholder__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../suggestion-placeholder/suggestion-placeholder */ "./src/components/common/templatemanager/tabs/suggestion-placeholder/suggestion-placeholder.tsx");
|
|
2506
|
+
var __assign = (undefined && undefined.__assign) || function () {
|
|
2507
|
+
__assign = Object.assign || function(t) {
|
|
2508
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
2509
|
+
s = arguments[i];
|
|
2510
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
2511
|
+
t[p] = s[p];
|
|
2512
|
+
}
|
|
2513
|
+
return t;
|
|
2514
|
+
};
|
|
2515
|
+
return __assign.apply(this, arguments);
|
|
2516
|
+
};
|
|
2517
|
+
|
|
2518
|
+
|
|
2519
|
+
|
|
2520
|
+
|
|
2521
|
+
|
|
2522
|
+
|
|
2523
|
+
|
|
2524
|
+
|
|
2525
|
+
|
|
2526
|
+
|
|
2527
|
+
|
|
2528
|
+
function searchInputTemplate() {
|
|
2529
|
+
return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "input-block aa-input-block" },
|
|
2530
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("input", { id: "aa-search-input", type: "text", className: "input-control", "aria-describedby": "search", placeholder: "Ask a customer", value: "" }),
|
|
2531
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", className: "aa-input-search-icon" },
|
|
2532
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.33342 1.66675C4.65152 1.66675 1.66675 4.65152 1.66675 8.33342C1.66675 12.0153 4.65152 15.0001 8.33342 15.0001C9.87401 15.0001 11.2925 14.4775 12.4215 13.6L16.9108 18.0893C17.2363 18.4148 17.7639 18.4148 18.0893 18.0893C18.4148 17.7639 18.4148 17.2363 18.0893 16.9108L13.6 12.4215C14.4775 11.2925 15.0001 9.87401 15.0001 8.33342C15.0001 4.65152 12.0153 1.66675 8.33342 1.66675ZM3.33341 8.33342C3.33341 5.57199 5.57199 3.33341 8.33342 3.33341C11.0948 3.33341 13.3334 5.57199 13.3334 8.33342C13.3334 11.0948 11.0948 13.3334 8.33342 13.3334C5.57199 13.3334 3.33341 11.0948 3.33341 8.33342Z", fill: "#667085" })),
|
|
2533
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("button", { className: "clear-search aa-input-search-close aa-hidden" },
|
|
2534
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none" },
|
|
2535
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", { d: "M15 5.2002L5 15.2002M5 5.2002L15 15.2002", stroke: "#667085", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
|
|
2536
|
+
}
|
|
2537
|
+
function Search(_a) {
|
|
2538
|
+
var _b, _c, _d;
|
|
2539
|
+
var hostInstance = _a.hostInstance;
|
|
2540
|
+
var _e = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)({ value: '', isEntered: false }), searchText = _e[0], setSearchText = _e[1];
|
|
2541
|
+
var _f = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(''), autocompleteText = _f[0], setAutocompleteText = _f[1];
|
|
2542
|
+
// const [rootServiceInstance.answerPlaceableIDs, setAnswerPlaceableIDs] = useState<AnswerPlaceableID[]>([]);
|
|
2543
|
+
var _g = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)({}), searchResponse = _g[0], setSearchResponse = _g[1];
|
|
2544
|
+
var _h = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), searched = _h[0], setSearched = _h[1];
|
|
2545
|
+
var _j = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(null), startTime = _j[0], setStartTime = _j[1];
|
|
2546
|
+
var _k = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(null), endTime = _k[0], setEndTime = _k[1];
|
|
2547
|
+
var _l = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showSpinner = _l[0], setShowSpinner = _l[1];
|
|
2548
|
+
var rootServiceInstance = hostInstance.rootService;
|
|
2549
|
+
var _m = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), hideActionButtons = _m[0], setHideActionButtons = _m[1];
|
|
2550
|
+
var _o = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), hideSendButton = _o[0], setHideSendButton = _o[1];
|
|
2551
|
+
var _p = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), hideCopyButton = _p[0], setHideCopyButton = _p[1];
|
|
2552
|
+
var classConstants = _constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.ClassMapConstanst;
|
|
2553
|
+
var idConstants = _constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.IdMapConstant;
|
|
2554
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2555
|
+
var handleAgentAssistAgentResponse = function (agentResponse) {
|
|
2556
|
+
var _a;
|
|
2557
|
+
if ((agentResponse === null || agentResponse === void 0 ? void 0 : agentResponse.suggestions) && ((_a = Object.keys(agentResponse === null || agentResponse === void 0 ? void 0 : agentResponse.suggestions)) === null || _a === void 0 ? void 0 : _a.length) > 0 && (agentResponse.isSearch || agentResponse.uiunqref)) {
|
|
2558
|
+
handleSearchResponse(agentResponse);
|
|
2559
|
+
setShowSpinner(false);
|
|
2560
|
+
}
|
|
2561
|
+
};
|
|
2562
|
+
hostInstance.on('AGENT_AI_AGENT_RESPONSE', handleAgentAssistAgentResponse);
|
|
2563
|
+
addSearchBlock();
|
|
2564
|
+
return function () {
|
|
2565
|
+
hostInstance.off('AGENT_AI_AGENT_RESPONSE', handleAgentAssistAgentResponse);
|
|
2566
|
+
};
|
|
2567
|
+
}, []);
|
|
2568
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2569
|
+
rootServiceInstance.handleSearchText(searchText, hostInstance);
|
|
2570
|
+
}, [searchText]);
|
|
2571
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2572
|
+
enableOrdisableInputCloseIcon(showSpinner);
|
|
2573
|
+
}, [showSpinner]);
|
|
2574
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2575
|
+
var _a;
|
|
2576
|
+
if (!rootServiceInstance.faqAnswerIdsPlace && searchResponse && ((_a = Object.keys(searchResponse)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
2577
|
+
setSuggestions();
|
|
2578
|
+
checkFaqAnswerNotRenderCountAndRequest();
|
|
2579
|
+
}
|
|
2580
|
+
}, [searchResponse]);
|
|
2581
|
+
var enableOrdisableInputCloseIcon = function (spinner) {
|
|
2582
|
+
var _a;
|
|
2583
|
+
var inputEle = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector(classConstants.SEARCH_INPUT_BLOCK);
|
|
2584
|
+
if (inputEle) {
|
|
2585
|
+
var closeIcon = inputEle === null || inputEle === void 0 ? void 0 : inputEle.querySelector(classConstants.SEARCH_INPUT_CLOSE);
|
|
2586
|
+
closeIcon.disabled = spinner;
|
|
2587
|
+
}
|
|
2588
|
+
};
|
|
2589
|
+
var addSearchBlock = function () {
|
|
2590
|
+
var _a, _b, _c, _d, _e;
|
|
2591
|
+
var inputHtml = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_8__.getHTML)(searchInputTemplate, {}, hostInstance);
|
|
2592
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_2__.SDK_EVENTS.BEFORE_VIEW_INIT, inputHtml, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_2__.SDK_EVENTS.SEARCH_INPUT });
|
|
2593
|
+
if (inputHtml) {
|
|
2594
|
+
(_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector(classConstants.SEARCH_SUGGESTION_WRAPPER)) === null || _b === void 0 ? void 0 : _b.querySelector("#".concat(idConstants.SEARCH_SUGGESTION_BLOCK))) === null || _c === void 0 ? void 0 : _c.append(inputHtml);
|
|
2595
|
+
(_d = hostInstance.eventManager) === null || _d === void 0 ? void 0 : _d.addEventListener("#".concat(idConstants.SEARCH_INPUT), 'keyup', function (e) {
|
|
2596
|
+
if (e.key === 'Enter') {
|
|
2597
|
+
getSearchResults(e);
|
|
2598
|
+
}
|
|
2599
|
+
else {
|
|
2600
|
+
onSearch(e);
|
|
2601
|
+
}
|
|
2602
|
+
}, inputHtml);
|
|
2603
|
+
(_e = hostInstance.eventManager) === null || _e === void 0 ? void 0 : _e.addEventListener(classConstants.SEARCH_INPUT_CLOSE, 'click', function (e) {
|
|
2604
|
+
clearSearch();
|
|
2605
|
+
}, inputHtml);
|
|
2606
|
+
}
|
|
2607
|
+
};
|
|
2608
|
+
var onSearch = function (event) {
|
|
2609
|
+
setSearchText({ value: event.target.value, isEntered: false });
|
|
2610
|
+
var searchText = event.target.value;
|
|
2611
|
+
// if (rootService.settingsData?.searchAssistConfig?.showAutoSuggestions) {
|
|
2612
|
+
if (searchText.length > 0) {
|
|
2613
|
+
if (autocompleteText === searchText || autocompleteText.includes(searchText)) {
|
|
2614
|
+
// setSecondaryIp(true);
|
|
2615
|
+
}
|
|
2616
|
+
else {
|
|
2617
|
+
// setSecondaryIp(false);
|
|
2618
|
+
}
|
|
2619
|
+
}
|
|
2620
|
+
else {
|
|
2621
|
+
// setSecondaryIp(true);
|
|
2622
|
+
clearSearch();
|
|
2623
|
+
}
|
|
2624
|
+
};
|
|
2625
|
+
var getSearchResults = function (event) {
|
|
2626
|
+
setShowSpinner(true);
|
|
2627
|
+
setValue(event.target.value, true);
|
|
2628
|
+
setAutocompleteText('');
|
|
2629
|
+
setTimeout(function () {
|
|
2630
|
+
setShowSpinner(false);
|
|
2631
|
+
}, 15000);
|
|
2632
|
+
};
|
|
2633
|
+
var setValue = function (value, isEntered) {
|
|
2634
|
+
if (isEntered === void 0) { isEntered = false; }
|
|
2635
|
+
setSearchText({ value: value, isEntered: isEntered });
|
|
2636
|
+
};
|
|
2637
|
+
var clearSearch = function () {
|
|
2638
|
+
setSearchText({ value: '', isEntered: false });
|
|
2639
|
+
setAutocompleteText('');
|
|
2640
|
+
setSearched(false);
|
|
2641
|
+
setSearchResponse({});
|
|
2642
|
+
setStartTime(null);
|
|
2643
|
+
rootServiceInstance.faqAnswerIdsPlace = false;
|
|
2644
|
+
};
|
|
2645
|
+
var handleSearchResponse = function (response) {
|
|
2646
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
2647
|
+
setSearched(true);
|
|
2648
|
+
if (response === null || response === void 0 ? void 0 : response.suggestions) {
|
|
2649
|
+
if (!response.uiunqref) {
|
|
2650
|
+
rootServiceInstance.faqAnswerIdsPlace = false;
|
|
2651
|
+
var sResponse = (rootServiceInstance.formatSearchResponse(response, true));
|
|
2652
|
+
if (sResponse && Object.keys(sResponse).length > 0) {
|
|
2653
|
+
sResponse = __assign(__assign({}, sResponse), { totalSearchResults: (((_a = sResponse.dialogs) === null || _a === void 0 ? void 0 : _a.length) || 0) +
|
|
2654
|
+
(((_b = sResponse.faqs) === null || _b === void 0 ? void 0 : _b.length) || 0) +
|
|
2655
|
+
(((_c = sResponse.articles) === null || _c === void 0 ? void 0 : _c.length) || 0) +
|
|
2656
|
+
(((_d = sResponse.files) === null || _d === void 0 ? void 0 : _d.length) || 0) +
|
|
2657
|
+
(((_e = sResponse.snippets) === null || _e === void 0 ? void 0 : _e.length) || 0) });
|
|
2658
|
+
setSearchResponse(sResponse);
|
|
2659
|
+
}
|
|
2660
|
+
}
|
|
2661
|
+
else if (response.uiunqref) {
|
|
2662
|
+
var ambiguityTokenExt_1 = JSON.parse(atob(response.uiunqref));
|
|
2663
|
+
response.suggestions.faqs = rootServiceInstance.formatFAQResponse(response.suggestions.faqs);
|
|
2664
|
+
rootServiceInstance.faqAnswerIdsPlace = ambiguityTokenExt_1 && (ambiguityTokenExt_1 === null || ambiguityTokenExt_1 === void 0 ? void 0 : ambiguityTokenExt_1.question) === response.suggestions.faqs[0].question ? true : false;
|
|
2665
|
+
if (rootServiceInstance.faqAnswerIdsPlace) {
|
|
2666
|
+
var faqWithoutAnswerIndex = (_g = (_f = response === null || response === void 0 ? void 0 : response.suggestions) === null || _f === void 0 ? void 0 : _f.faqs) === null || _g === void 0 ? void 0 : _g.findIndex(function (faq, index) {
|
|
2667
|
+
if (faq.question === ambiguityTokenExt_1.question) {
|
|
2668
|
+
return faq;
|
|
2669
|
+
}
|
|
2670
|
+
});
|
|
2671
|
+
var faqWithoutAnswer_1 = {};
|
|
2672
|
+
if (faqWithoutAnswerIndex >= 0) {
|
|
2673
|
+
faqWithoutAnswer_1 = (_h = response === null || response === void 0 ? void 0 : response.suggestions) === null || _h === void 0 ? void 0 : _h.faqs[faqWithoutAnswerIndex];
|
|
2674
|
+
}
|
|
2675
|
+
if (faqWithoutAnswer_1 && ((_j = Object.keys(faqWithoutAnswer_1)) === null || _j === void 0 ? void 0 : _j.length) > 0) {
|
|
2676
|
+
var existingFaqs_1 = [];
|
|
2677
|
+
setSearchResponse(function (prevResponse) {
|
|
2678
|
+
var _a;
|
|
2679
|
+
existingFaqs_1 = (_a = prevResponse === null || prevResponse === void 0 ? void 0 : prevResponse.faqs) === null || _a === void 0 ? void 0 : _a.map(function (faq, idx) {
|
|
2680
|
+
if (faqWithoutAnswer_1 && faqWithoutAnswer_1.answer && idx === ambiguityTokenExt_1.index) {
|
|
2681
|
+
faq.answer = faqWithoutAnswer_1.answer;
|
|
2682
|
+
}
|
|
2683
|
+
if (faqWithoutAnswer_1) {
|
|
2684
|
+
faq.showSpinner = false;
|
|
2685
|
+
}
|
|
2686
|
+
return faq;
|
|
2687
|
+
});
|
|
2688
|
+
return prevResponse;
|
|
2689
|
+
});
|
|
2690
|
+
rootServiceInstance.handleFaqAmbiguityDescElement(idConstants.SEARCH_FAQ_SUGGESTION, ambiguityTokenExt_1, existingFaqs_1, hideActionButtons, hideCopyButton, hideSendButton, hostInstance);
|
|
2691
|
+
setSearchResponse(function (prevResponse) { return (__assign(__assign({}, prevResponse), { faqs: existingFaqs_1 })); });
|
|
2692
|
+
}
|
|
2693
|
+
}
|
|
2694
|
+
}
|
|
2695
|
+
}
|
|
2696
|
+
else {
|
|
2697
|
+
setSearchResponse({});
|
|
2698
|
+
}
|
|
2699
|
+
};
|
|
2700
|
+
var removeSuggestionFromDom = function (suggestionslist) {
|
|
2701
|
+
suggestionslist === null || suggestionslist === void 0 ? void 0 : suggestionslist.forEach(function (element) {
|
|
2702
|
+
if (element) {
|
|
2703
|
+
element.innerHTML = '';
|
|
2704
|
+
}
|
|
2705
|
+
});
|
|
2706
|
+
};
|
|
2707
|
+
var setSuggestions = function () {
|
|
2708
|
+
var _a, _b, _c, _d;
|
|
2709
|
+
var faqSuggestionElement = document.getElementById(idConstants.SEARCH_FAQ_SUGGESTION);
|
|
2710
|
+
var snippetSuggestionElement = document.getElementById(idConstants.SEARCH_SNIPPET_SUGGESTION);
|
|
2711
|
+
var articleSuggestionElement = document.getElementById(idConstants.SEARCH_ARTICLE_SUGGESTION);
|
|
2712
|
+
var fileSuggestionElement = document.getElementById(idConstants.SEARCH_FILE_SUGGESTION);
|
|
2713
|
+
hideSendAndCopy();
|
|
2714
|
+
removeSuggestionFromDom([faqSuggestionElement, snippetSuggestionElement, articleSuggestionElement, fileSuggestionElement]);
|
|
2715
|
+
if ((_a = ((searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.faqs) || [])) === null || _a === void 0 ? void 0 : _a.length) {
|
|
2716
|
+
var faqHtml = void 0;
|
|
2717
|
+
var faqMoreLessActionHtml = void 0;
|
|
2718
|
+
faqHtml = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_8__.getHTML)(_suggestions_faq_faq__WEBPACK_IMPORTED_MODULE_5__.FAQSuggestion, { searchResponse: searchResponse, hostInstance: hostInstance, faqs: searchResponse.faqs, viewCount: 2 }, hostInstance);
|
|
2719
|
+
faqMoreLessActionHtml = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_8__.getHTML)(_suggestions_faq_faq__WEBPACK_IMPORTED_MODULE_5__.FAQViewMoreLessButtons, { hostInstance: hostInstance, faqs: searchResponse.faqs, moreClick: false }, hostInstance);
|
|
2720
|
+
if (faqMoreLessActionHtml) {
|
|
2721
|
+
faqHtml === null || faqHtml === void 0 ? void 0 : faqHtml.append(faqMoreLessActionHtml);
|
|
2722
|
+
}
|
|
2723
|
+
faqSuggestionElement === null || faqSuggestionElement === void 0 ? void 0 : faqSuggestionElement.append(faqHtml);
|
|
2724
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_2__.SDK_EVENTS.BEFORE_VIEW_INIT, faqHtml, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_2__.SDK_EVENTS.SEARCH_FAQ_TEMPLATE, data: searchResponse.faqs });
|
|
2725
|
+
var faqListHTML = faqHtml.querySelectorAll(classConstants.SUGGESTION_EACH);
|
|
2726
|
+
rootServiceInstance.renderEachFaqInSuggestionList(searchResponse, faqListHTML, hideActionButtons, hideCopyButton, hideSendButton, hostInstance, false, {});
|
|
2727
|
+
//more and less article button click events handling
|
|
2728
|
+
if (faqMoreLessActionHtml) {
|
|
2729
|
+
rootServiceInstance.handleSuggestionMoreClickEvent(faqMoreLessActionHtml, faqSuggestionElement, faqListHTML, hostInstance);
|
|
2730
|
+
rootServiceInstance.handleSuggestionLessClickEvent(faqMoreLessActionHtml, faqSuggestionElement, faqListHTML, hostInstance);
|
|
2731
|
+
}
|
|
2732
|
+
}
|
|
2733
|
+
if ((_b = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.snippets) === null || _b === void 0 ? void 0 : _b.length) {
|
|
2734
|
+
var snippetHtml = void 0;
|
|
2735
|
+
snippetHtml = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_8__.getHTML)(_suggestions_snippet_snippet__WEBPACK_IMPORTED_MODULE_6__.SnippetSuggestion, { searchResponse: searchResponse, hostInstance: hostInstance, snippets: searchResponse.snippets }, hostInstance);
|
|
2736
|
+
snippetSuggestionElement === null || snippetSuggestionElement === void 0 ? void 0 : snippetSuggestionElement.append(snippetHtml);
|
|
2737
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_2__.SDK_EVENTS.BEFORE_VIEW_INIT, snippetHtml, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_2__.SDK_EVENTS.SEARCH_SNIPPET_TEMPLATE, data: searchResponse.snippets });
|
|
2738
|
+
// send, copy and link buttons of article click events handling.
|
|
2739
|
+
var snippetListHtml = snippetHtml.querySelectorAll(classConstants.SUGGESTION_EACH);
|
|
2740
|
+
rootServiceInstance.renderEachSnippetInSuggestionList(searchResponse, snippetListHtml, hideActionButtons, hideCopyButton, hideSendButton, hostInstance);
|
|
2741
|
+
}
|
|
2742
|
+
if (((_c = ((searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.articles) || [])) === null || _c === void 0 ? void 0 : _c.length) > 0) {
|
|
2743
|
+
var articleHtml = void 0;
|
|
2744
|
+
var articleMoreLessActionHtml = void 0;
|
|
2745
|
+
articleHtml = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_8__.getHTML)(_suggestions_article_article__WEBPACK_IMPORTED_MODULE_4__.ArticleSuggestion, { searchResponse: searchResponse, hostInstance: hostInstance, articles: searchResponse.articles, viewCount: 2 }, hostInstance);
|
|
2746
|
+
articleMoreLessActionHtml = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_8__.getHTML)(_suggestions_article_article__WEBPACK_IMPORTED_MODULE_4__.ArticleViewMoreLessButtons, { hostInstance: hostInstance, articles: searchResponse.articles, moreClick: false }, hostInstance);
|
|
2747
|
+
if (articleMoreLessActionHtml) {
|
|
2748
|
+
articleHtml === null || articleHtml === void 0 ? void 0 : articleHtml.append(articleMoreLessActionHtml);
|
|
2749
|
+
}
|
|
2750
|
+
articleSuggestionElement === null || articleSuggestionElement === void 0 ? void 0 : articleSuggestionElement.append(articleHtml);
|
|
2751
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_2__.SDK_EVENTS.BEFORE_VIEW_INIT, articleHtml, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_2__.SDK_EVENTS.SEARCH_ARTICE_TEMPLATE, data: searchResponse.articles });
|
|
2752
|
+
// send, copy and link buttons of article click events handling.
|
|
2753
|
+
var articlesListHTML = articleHtml.querySelectorAll(classConstants.SUGGESTION_EACH);
|
|
2754
|
+
rootServiceInstance.renderEachArticleInSuggestionList(searchResponse, articlesListHTML, hideActionButtons, hideCopyButton, hideSendButton, hostInstance);
|
|
2755
|
+
//more and less article button click events handling
|
|
2756
|
+
if (articleMoreLessActionHtml) {
|
|
2757
|
+
rootServiceInstance.handleSuggestionMoreClickEvent(articleMoreLessActionHtml, articleSuggestionElement, articlesListHTML, hostInstance);
|
|
2758
|
+
rootServiceInstance.handleSuggestionLessClickEvent(articleMoreLessActionHtml, articleSuggestionElement, articlesListHTML, hostInstance);
|
|
2759
|
+
}
|
|
2760
|
+
}
|
|
2761
|
+
if ((_d = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.files) === null || _d === void 0 ? void 0 : _d.length) {
|
|
2762
|
+
var fileHtml = void 0;
|
|
2763
|
+
var fileMoreLessActionHtml = void 0;
|
|
2764
|
+
fileHtml = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_8__.getHTML)(_suggestions_file_file__WEBPACK_IMPORTED_MODULE_7__.FileSuggestion, { searchResponse: searchResponse, hostInstance: hostInstance, files: searchResponse.files }, hostInstance);
|
|
2765
|
+
fileMoreLessActionHtml = (0,_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_8__.getHTML)(_suggestions_file_file__WEBPACK_IMPORTED_MODULE_7__.FileViewMoreLessButtons, { hostInstance: hostInstance, files: searchResponse.files, moreClick: false }, hostInstance);
|
|
2766
|
+
if (fileMoreLessActionHtml) {
|
|
2767
|
+
fileHtml === null || fileHtml === void 0 ? void 0 : fileHtml.append(fileMoreLessActionHtml);
|
|
2768
|
+
}
|
|
2769
|
+
fileSuggestionElement === null || fileSuggestionElement === void 0 ? void 0 : fileSuggestionElement.append(fileHtml);
|
|
2770
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_2__.SDK_EVENTS.BEFORE_VIEW_INIT, fileHtml, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_2__.SDK_EVENTS.SEARCH_FILE_TEMPLATE, data: searchResponse.files });
|
|
2771
|
+
// send, copy and link buttons of article click events handling.
|
|
2772
|
+
var filesListHtml = fileHtml.querySelectorAll(classConstants.SUGGESTION_EACH);
|
|
2773
|
+
rootServiceInstance.renderEachFileInSuggestionList(searchResponse, filesListHtml, hideActionButtons, hideCopyButton, hideSendButton, hostInstance);
|
|
2774
|
+
//more and less article button click events handling
|
|
2775
|
+
if (fileMoreLessActionHtml) {
|
|
2776
|
+
rootServiceInstance.handleSuggestionMoreClickEvent(fileMoreLessActionHtml, fileSuggestionElement, filesListHtml, hostInstance);
|
|
2777
|
+
rootServiceInstance.handleSuggestionLessClickEvent(fileMoreLessActionHtml, fileSuggestionElement, filesListHtml, hostInstance);
|
|
2778
|
+
}
|
|
2779
|
+
}
|
|
2780
|
+
};
|
|
2781
|
+
var checkFaqAnswerNotRenderCountAndRequest = function () {
|
|
2782
|
+
var _a, _b;
|
|
2783
|
+
var answerNotRenderedElements = (_a = searchResponse.faqs) === null || _a === void 0 ? void 0 : _a.filter(function (faq, index) {
|
|
2784
|
+
if (!faq.answer) {
|
|
2785
|
+
faq.index = index;
|
|
2786
|
+
return true;
|
|
2787
|
+
}
|
|
2788
|
+
return false;
|
|
2789
|
+
});
|
|
2790
|
+
if ((answerNotRenderedElements === null || answerNotRenderedElements === void 0 ? void 0 : answerNotRenderedElements.length) === 1) {
|
|
2791
|
+
getFaqAnswerAndToggle(answerNotRenderedElements[0], (_b = answerNotRenderedElements[0]) === null || _b === void 0 ? void 0 : _b.index);
|
|
2792
|
+
}
|
|
2793
|
+
};
|
|
2794
|
+
var getFaqAnswerAndToggle = function (faq, index) {
|
|
2795
|
+
faq.toggle = !faq.toggle;
|
|
2796
|
+
faq.seeMoreWrapper = false;
|
|
2797
|
+
var faqId = idConstants.SEARCH_FAQ_SUGGESTION;
|
|
2798
|
+
rootServiceInstance.toggleArrows(index, faqId);
|
|
2799
|
+
rootServiceInstance.checkAnswerAndToggleForSearch(faq, index, hostInstance);
|
|
2800
|
+
};
|
|
2801
|
+
var hideSendAndCopy = function () {
|
|
2802
|
+
var _a, _b;
|
|
2803
|
+
// Both send and copy
|
|
2804
|
+
var hideCopyButton = false;
|
|
2805
|
+
var hideSendButton = false;
|
|
2806
|
+
setHideActionButtons((rootServiceInstance.connectionDetails.channel === _constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.ProjConstants.VOICE) ? true : false);
|
|
2807
|
+
//send Button
|
|
2808
|
+
if (((_a = rootServiceInstance === null || rootServiceInstance === void 0 ? void 0 : rootServiceInstance.settingsData) === null || _a === void 0 ? void 0 : _a.isAgentResponseEnabled) === false) {
|
|
2809
|
+
setHideSendButton(true);
|
|
2810
|
+
hideSendButton = true;
|
|
2811
|
+
}
|
|
2812
|
+
if (((_b = rootServiceInstance === null || rootServiceInstance === void 0 ? void 0 : rootServiceInstance.settingsData) === null || _b === void 0 ? void 0 : _b.isAgentResponseCopyEnabled) === false) {
|
|
2813
|
+
setHideCopyButton(true);
|
|
2814
|
+
hideCopyButton = true;
|
|
2815
|
+
}
|
|
2816
|
+
if (hideSendButton && hideCopyButton) {
|
|
2817
|
+
setHideActionButtons(true);
|
|
2818
|
+
}
|
|
2819
|
+
};
|
|
2820
|
+
return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "search-block-data-suggestions-wrapper aa-search-suggestion-wrapper" },
|
|
2821
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { class: "search-block-data-suggestions" },
|
|
2822
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "suggestionslist-conntent-search" },
|
|
2823
|
+
(((_b = Object.keys(searchResponse)) === null || _b === void 0 ? void 0 : _b.length) > 0 || searched) && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
|
|
2824
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_suggestion_placeholder_suggestion_placeholder__WEBPACK_IMPORTED_MODULE_10__.SuggestionPlaceholder, { hostInstance: hostInstance, searchResponse: searchResponse, isAssist: false })),
|
|
2825
|
+
(((_c = Object.keys(searchResponse)) === null || _c === void 0 ? void 0 : _c.length) == 0 && searched && !showSpinner) &&
|
|
2826
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { class: "empty-search-container-wrapper" },
|
|
2827
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("figure", null,
|
|
2828
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("img", { src: "/src/assets/images/icons/search-empty.png" })),
|
|
2829
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("h1", { className: "aa-text-md m-0 center" }, "No Search Result Found"),
|
|
2830
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", { className: "aa-desc-sm m-0 center" }, "\"Could you rephrase your question or ask something else?\"")),
|
|
2831
|
+
showSpinner &&
|
|
2832
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { id: "loader", className: "loader-progress-individual" },
|
|
2833
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "loading-border" })),
|
|
2834
|
+
(((_d = Object.keys(searchResponse)) === null || _d === void 0 ? void 0 : _d.length) == 0 && !searched && !showSpinner) &&
|
|
2835
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { class: "empty-search-container-wrapper" },
|
|
2836
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("figure", null,
|
|
2837
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("img", { src: "/src/assets/images/icons/search-empty.png" })),
|
|
2838
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", { className: "aa-desc-sm m-0 center" }, "Type to search"))),
|
|
2839
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "search-block-input", id: "searchSuggestionsBlock" }))));
|
|
2840
|
+
}
|
|
2841
|
+
;
|
|
2842
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Search);
|
|
2843
|
+
|
|
2844
|
+
|
|
2845
|
+
/***/ }),
|
|
2846
|
+
|
|
2847
|
+
/***/ "./src/components/common/templatemanager/tabs/transcript/transcript.tsx":
|
|
2848
|
+
/*!******************************************************************************!*\
|
|
2849
|
+
!*** ./src/components/common/templatemanager/tabs/transcript/transcript.tsx ***!
|
|
2850
|
+
\******************************************************************************/
|
|
2851
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
2852
|
+
|
|
2853
|
+
__webpack_require__.r(__webpack_exports__);
|
|
2854
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2855
|
+
/* harmony export */ Transcript: () => (/* binding */ Transcript)
|
|
2856
|
+
/* harmony export */ });
|
|
2857
|
+
/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
|
|
2858
|
+
/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact/hooks */ "./node_modules/preact/hooks/dist/hooks.module.js");
|
|
2859
|
+
/* harmony import */ var _transcript_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./transcript.scss */ "./src/components/common/templatemanager/tabs/transcript/transcript.scss");
|
|
2860
|
+
/* harmony import */ var _base_domManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../base/domManager */ "./src/components/common/templatemanager/base/domManager.tsx");
|
|
2861
|
+
/* harmony import */ var _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants/events.cnst */ "./src/components/common/constants/events.cnst.ts");
|
|
2862
|
+
/* harmony import */ var _utils_interceptor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/interceptor */ "./src/components/common/utils/interceptor.ts");
|
|
2863
|
+
var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
|
|
2864
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
2865
|
+
if (ar || !(i in from)) {
|
|
2866
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
2867
|
+
ar[i] = from[i];
|
|
2868
|
+
}
|
|
2869
|
+
}
|
|
2870
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
2871
|
+
};
|
|
2872
|
+
|
|
2873
|
+
|
|
2874
|
+
|
|
2875
|
+
|
|
2876
|
+
|
|
2877
|
+
|
|
2878
|
+
function Transcript(_a) {
|
|
2879
|
+
var hostInstance = _a.hostInstance;
|
|
2880
|
+
var _b = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)([]), messages = _b[0], setMessages = _b[1];
|
|
2881
|
+
var _c = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)([]), userAgentHistory = _c[0], setUserAgentHistory = _c[1];
|
|
2882
|
+
var _d = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)([]), userBotHistory = _d[0], setUserBotHistory = _d[1];
|
|
2883
|
+
var _e = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(null), summary = _e[0], summaryObj = _e[1];
|
|
2884
|
+
var _f = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(null), agentJoinedBanner = _f[0], setAgentJoinedBanner = _f[1];
|
|
2885
|
+
var rootServiceInstance = hostInstance.rootService;
|
|
2886
|
+
// Socket and History API call methods
|
|
2887
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2888
|
+
listeningToSocketEvents();
|
|
2889
|
+
transcriptHistoryAPICall();
|
|
2890
|
+
}, []);
|
|
2891
|
+
// User and Agent transcript messages from Socket
|
|
2892
|
+
var listeningToSocketEvents = function () {
|
|
2893
|
+
var handleUserAgentMessage = function (agentResponse) { return handleTranscriptionResponse(agentResponse); };
|
|
2894
|
+
hostInstance.on('AGENT_TRANSCRIPT_MSG', handleUserAgentMessage);
|
|
2895
|
+
hostInstance.on('USER_TRANSCRIPT_MSG', handleUserAgentMessage);
|
|
2896
|
+
hostInstance.on('AGENT_TRANSCRIPT_RESPONSE', handleUserAgentMessage);
|
|
2897
|
+
hostInstance.on('USER_TRANSCRIPT_RESPONSE', handleUserAgentMessage);
|
|
2898
|
+
};
|
|
2899
|
+
// Transcript History API call
|
|
2900
|
+
var transcriptHistoryAPICall = function () {
|
|
2901
|
+
fetchTranscriptHistoryData().then(function (res) {
|
|
2902
|
+
if (res) {
|
|
2903
|
+
var userBotMessages = res.userBotMessages, summary_1 = res.summary, userAgentMessages = res.userAgentMessages;
|
|
2904
|
+
if ((userBotMessages === null || userBotMessages === void 0 ? void 0 : userBotMessages.result.length) > 0) {
|
|
2905
|
+
var processedUserBotMessages_1 = processMessages(userBotMessages.result);
|
|
2906
|
+
setUserBotHistory(function (prev) { return __spreadArray(__spreadArray([], prev, true), processedUserBotMessages_1, true); });
|
|
2907
|
+
}
|
|
2908
|
+
if (summary_1 === null || summary_1 === void 0 ? void 0 : summary_1.message) {
|
|
2909
|
+
summaryBannerData(summary_1);
|
|
2910
|
+
}
|
|
2911
|
+
if ((userAgentMessages === null || userAgentMessages === void 0 ? void 0 : userAgentMessages.result.length) > 0) {
|
|
2912
|
+
addAgentJoiningBanner();
|
|
2913
|
+
var processedUserAgentMessages_1 = processMessages(userAgentMessages.result);
|
|
2914
|
+
setUserAgentHistory(function (prev) { return __spreadArray(__spreadArray([], prev, true), processedUserAgentMessages_1, true); });
|
|
2915
|
+
}
|
|
2916
|
+
}
|
|
2917
|
+
});
|
|
2918
|
+
};
|
|
2919
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
2920
|
+
if (userBotHistory.length > 0) {
|
|
2921
|
+
userBotHistory.forEach(function (element) {
|
|
2922
|
+
var _a, _b;
|
|
2923
|
+
if ((_b = (_a = element === null || element === void 0 ? void 0 : element.components[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.text) {
|
|
2924
|
+
handleUserBotHistoryResponse(element);
|
|
2925
|
+
}
|
|
2926
|
+
});
|
|
2927
|
+
}
|
|
2928
|
+
if (userAgentHistory.length > 0) {
|
|
2929
|
+
userAgentHistory.forEach(function (element) {
|
|
2930
|
+
var _a, _b;
|
|
2931
|
+
if (((element === null || element === void 0 ? void 0 : element.msgType) === 'USER' || (element === null || element === void 0 ? void 0 : element.msgType) === 'AGENT') && ((_b = (_a = element === null || element === void 0 ? void 0 : element.components[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.text)) {
|
|
2932
|
+
handleUserAgentHistoryResponse(element);
|
|
2933
|
+
}
|
|
2934
|
+
});
|
|
2935
|
+
}
|
|
2936
|
+
}, [userBotHistory, userAgentHistory]);
|
|
2937
|
+
var processMessages = function (messages) {
|
|
2938
|
+
return messages.map(function (item) {
|
|
2939
|
+
var _a, _b, _c;
|
|
2940
|
+
try {
|
|
2941
|
+
if (typeof ((_b = (_a = item === null || item === void 0 ? void 0 : item.components[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.text) === 'string') {
|
|
2942
|
+
var parsedText = JSON.parse(item.components[0].data.text);
|
|
2943
|
+
if ((_c = parsedText === null || parsedText === void 0 ? void 0 : parsedText.payload) === null || _c === void 0 ? void 0 : _c.text) {
|
|
2944
|
+
item.components[0].data.text = parsedText.payload.text;
|
|
2945
|
+
}
|
|
2946
|
+
}
|
|
2947
|
+
}
|
|
2948
|
+
catch (_d) {
|
|
2949
|
+
// Handle JSON parsing error if needed
|
|
2950
|
+
}
|
|
2951
|
+
return item;
|
|
2952
|
+
});
|
|
2953
|
+
};
|
|
2954
|
+
var fetchTranscriptHistoryData = function () {
|
|
2955
|
+
var isSummaryRequired = true;
|
|
2956
|
+
var _a = rootServiceInstance.connectionDetails || {}, botId = _a.botId, conversationId = _a.conversationId, channel = _a.channel, sessionId = _a.sessionId;
|
|
2957
|
+
var params = {
|
|
2958
|
+
conversationId: conversationId,
|
|
2959
|
+
botId: botId,
|
|
2960
|
+
channel: channel,
|
|
2961
|
+
sessionId: sessionId || 0,
|
|
2962
|
+
isSummaryRequired: isSummaryRequired,
|
|
2963
|
+
};
|
|
2964
|
+
return (0,_utils_interceptor__WEBPACK_IMPORTED_MODULE_5__["default"])('get_history_trascript', {
|
|
2965
|
+
method: 'GET',
|
|
2966
|
+
headers: {
|
|
2967
|
+
'Content-Type': 'application/json',
|
|
2968
|
+
},
|
|
2969
|
+
}, hostInstance, params);
|
|
2970
|
+
};
|
|
2971
|
+
// userBot Converstion Transcript History
|
|
2972
|
+
var handleUserBotHistoryResponse = function (response) {
|
|
2973
|
+
var _a, _b;
|
|
2974
|
+
var data = {
|
|
2975
|
+
timestamp: formatStandardTime(response.createdOn),
|
|
2976
|
+
msg: (_b = (_a = response.components[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.text,
|
|
2977
|
+
from: response.msgType === 'BOT' ? 'bot' : 'user',
|
|
2978
|
+
type: response.msgType === 'BOT' ? 'bot' : 'user'
|
|
2979
|
+
};
|
|
2980
|
+
var trnsptBubble = (0,_base_domManager__WEBPACK_IMPORTED_MODULE_3__.getHTML)(TranscriptBubble, data, hostInstance);
|
|
2981
|
+
var transcriptEle = document.getElementsByClassName('aa-user-bot-trascript')[0];
|
|
2982
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BEFORE_VIEW_INIT, trnsptBubble, {
|
|
2983
|
+
event: response.msgType === 'BOT' ? _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BOT_TRANSCRIPT : _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.USER_TRANSCRIPT,
|
|
2984
|
+
data: data
|
|
2985
|
+
});
|
|
2986
|
+
transcriptEle.append(trnsptBubble);
|
|
2987
|
+
};
|
|
2988
|
+
// userAgent Conversation Transcript History
|
|
2989
|
+
var handleUserAgentHistoryResponse = function (response) {
|
|
2990
|
+
var _a, _b;
|
|
2991
|
+
var data = {
|
|
2992
|
+
timestamp: formatStandardTime(response.createdOn),
|
|
2993
|
+
msg: (_b = (_a = response.components[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.text,
|
|
2994
|
+
from: response.msgType === 'AGENT' ? 'agent' : 'user',
|
|
2995
|
+
type: response.msgType === 'AGENT' ? 'agent' : 'user'
|
|
2996
|
+
};
|
|
2997
|
+
var trnsptBubble = (0,_base_domManager__WEBPACK_IMPORTED_MODULE_3__.getHTML)(TranscriptBubble, data, hostInstance);
|
|
2998
|
+
var transcriptEle = document.getElementsByClassName('aa-user-agent-history')[0];
|
|
2999
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BEFORE_VIEW_INIT, trnsptBubble, {
|
|
3000
|
+
event: response.msgType === 'AGENT' ? _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.AGENT_TRANSCRIPT : _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.USER_TRANSCRIPT,
|
|
3001
|
+
data: data
|
|
3002
|
+
});
|
|
3003
|
+
transcriptEle.append(trnsptBubble);
|
|
3004
|
+
};
|
|
3005
|
+
// Transcript History API call
|
|
3006
|
+
// conversion of standard UTC timestamp
|
|
3007
|
+
var formatStandardTime = function (timeStamp) {
|
|
3008
|
+
var date = new Date(timeStamp);
|
|
3009
|
+
var hours = date.getUTCHours();
|
|
3010
|
+
var minutes = date.getUTCMinutes();
|
|
3011
|
+
var ampm = hours >= 12 ? 'pm' : 'am';
|
|
3012
|
+
hours = hours % 12;
|
|
3013
|
+
hours = hours ? hours : 12;
|
|
3014
|
+
minutes = minutes < 10 ? '0' + minutes : minutes;
|
|
3015
|
+
return "".concat(hours, ":").concat(minutes, " ").concat(ampm);
|
|
3016
|
+
};
|
|
3017
|
+
// Live conversation of user and Agent Transcripts
|
|
3018
|
+
var handleTranscriptionResponse = function (response) {
|
|
3019
|
+
var _a, _b, _c, _d, _e;
|
|
3020
|
+
var data = {
|
|
3021
|
+
timestamp: formatAmpm(new Date()),
|
|
3022
|
+
msg: response === null || response === void 0 ? void 0 : response.value,
|
|
3023
|
+
from: (_b = (_a = response === null || response === void 0 ? void 0 : response.author) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase(),
|
|
3024
|
+
type: (_d = (_c = response === null || response === void 0 ? void 0 : response.author) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.toLowerCase()
|
|
3025
|
+
};
|
|
3026
|
+
setMessages(__spreadArray(__spreadArray([], messages, true), [data], false));
|
|
3027
|
+
var trnsptBubble = (0,_base_domManager__WEBPACK_IMPORTED_MODULE_3__.getHTML)(TranscriptBubble, data, hostInstance);
|
|
3028
|
+
var transcriptEle = document.getElementsByClassName('aa-transcript-body-wrapper')[0];
|
|
3029
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BEFORE_VIEW_INIT, trnsptBubble, {
|
|
3030
|
+
event: ((_e = response === null || response === void 0 ? void 0 : response.author) === null || _e === void 0 ? void 0 : _e.type) === 'AGENT' ? _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.AGENT_TRANSCRIPT : _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.USER_TRANSCRIPT,
|
|
3031
|
+
data: data
|
|
3032
|
+
});
|
|
3033
|
+
transcriptEle.append(trnsptBubble);
|
|
3034
|
+
};
|
|
3035
|
+
// Live converstion timestamp conversion
|
|
3036
|
+
var formatAmpm = function (date) {
|
|
3037
|
+
var hours = date.getHours();
|
|
3038
|
+
var minutes = date.getMinutes();
|
|
3039
|
+
var ampm = hours >= 12 ? 'pm' : 'am';
|
|
3040
|
+
hours = hours % 12;
|
|
3041
|
+
hours = hours ? hours : 12;
|
|
3042
|
+
minutes = minutes < 10 ? '0' + minutes : minutes;
|
|
3043
|
+
var strTime = hours + ':' + minutes + ' ' + ampm;
|
|
3044
|
+
return strTime;
|
|
3045
|
+
};
|
|
3046
|
+
// Banner for the Agent Joining
|
|
3047
|
+
var addAgentJoiningBanner = function () {
|
|
3048
|
+
var timeStr = formatAmpm(new Date());
|
|
3049
|
+
var data = { title: 'Agent joined the conversation', timeStamp: timeStr };
|
|
3050
|
+
setAgentJoinedBanner(agentJoinedBanner);
|
|
3051
|
+
var agentJoinBanner = (0,_base_domManager__WEBPACK_IMPORTED_MODULE_3__.getHTML)(AgentJoiningEleBanner, data, hostInstance);
|
|
3052
|
+
var transcriptEle = document.getElementsByClassName('aa-agent-banner')[0];
|
|
3053
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BEFORE_VIEW_INIT, agentJoinBanner, {
|
|
3054
|
+
event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.AGENT_JOINED_TEMPLATE,
|
|
3055
|
+
data: data
|
|
3056
|
+
});
|
|
3057
|
+
transcriptEle.append(agentJoinBanner);
|
|
3058
|
+
};
|
|
3059
|
+
// Agent joining banner HTML
|
|
3060
|
+
var AgentJoiningEleBanner = function (props) {
|
|
3061
|
+
var msgData = props.msgData;
|
|
3062
|
+
return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "agent-joined-banner" },
|
|
3063
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "line-border" }),
|
|
3064
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "info-joined-details" },
|
|
3065
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("h4", { className: "aa-text-sm" }, msgData.title)),
|
|
3066
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "line-border" })));
|
|
3067
|
+
};
|
|
3068
|
+
var SummaryEleBanner = function (props) {
|
|
3069
|
+
var msgData = props.msgData;
|
|
3070
|
+
return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "summary-wrapper" },
|
|
3071
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "summary-header" },
|
|
3072
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("i", { className: "krIocnsFont-Aimark" }),
|
|
3073
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("span", { className: "aa-text-md medium" }, msgData.title)),
|
|
3074
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", { className: "aa-text-sm" }, msgData.msg)));
|
|
3075
|
+
};
|
|
3076
|
+
var summaryBannerData = function (response) {
|
|
3077
|
+
var data = {
|
|
3078
|
+
title: 'Conversation Summary',
|
|
3079
|
+
msg: response === null || response === void 0 ? void 0 : response.message
|
|
3080
|
+
};
|
|
3081
|
+
summaryObj(summary);
|
|
3082
|
+
var summaryBanner = (0,_base_domManager__WEBPACK_IMPORTED_MODULE_3__.getHTML)(SummaryEleBanner, data, hostInstance);
|
|
3083
|
+
var transcriptEle = document.getElementsByClassName('aa-summary-banner')[0];
|
|
3084
|
+
hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BEFORE_VIEW_INIT, summaryBanner, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.SUMMARY_TEMPLATE, data: data });
|
|
3085
|
+
transcriptEle.append(summaryBanner);
|
|
3086
|
+
};
|
|
3087
|
+
// Message Bubbles for user agent
|
|
3088
|
+
var TranscriptBubble = function (props) {
|
|
3089
|
+
var msgData = props.msgData;
|
|
3090
|
+
return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: msgData.type === 'user' ? 'aa-bot-bubble-comp' : 'aa-agent-bubble-comp' },
|
|
3091
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: msgData.type === 'user' ? 'bot-bubble-content' : 'agent-bubble-content' },
|
|
3092
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "top-info" },
|
|
3093
|
+
msgData.type !== 'bot' && ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "you-text" }, msgData.type === 'agent' ? 'agent' : 'user')),
|
|
3094
|
+
msgData.type === 'bot' && ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "you-text" }, msgData.type === 'bot' ? 'bot' : 'user')),
|
|
3095
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "time-tamp" },
|
|
3096
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("time", null, msgData.timestamp))),
|
|
3097
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "bubble-msg" }, msgData.msg))));
|
|
3098
|
+
};
|
|
3099
|
+
//scroll to bottom during message incoming
|
|
3100
|
+
(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
3101
|
+
var transcriptEle = document.querySelector('.aa-transcript-body-wrapper');
|
|
3102
|
+
transcriptEle.scrollTop = transcriptEle.scrollHeight;
|
|
3103
|
+
}, [messages]);
|
|
3104
|
+
return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
|
|
3105
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "transcript-template-wrapper" },
|
|
3106
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "transcript-template-data" },
|
|
3107
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("h1", { className: "transcript-header aa-text-md semibold" }, "Transcript"),
|
|
3108
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "transcript-body-wrapper aa-transcript-body-wrapper" },
|
|
3109
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "aa-user-bot-trascript" }),
|
|
3110
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "aa-summary-banner" }),
|
|
3111
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "aa-agent-banner" }),
|
|
3112
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "aa-user-agent-history" })))),
|
|
3113
|
+
(messages === null || messages === void 0 ? void 0 : messages.length) === 0 && (userAgentHistory === null || userAgentHistory === void 0 ? void 0 : userAgentHistory.length) === 0 && (userBotHistory === null || userBotHistory === void 0 ? void 0 : userBotHistory.length) === 0 && ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
|
|
3114
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { class: "empty-listing-triggers" },
|
|
3115
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("h1", { className: "aa-text-md m-0 center" }, "Listening for triggers"),
|
|
3116
|
+
(0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", { className: "aa-desc-sm m-0 center" }, "Agent AI is actively listening to your conversation and ready to assist automatically when triggered."))))));
|
|
3117
|
+
}
|
|
3118
|
+
|
|
3119
|
+
|
|
427
3120
|
/***/ })
|
|
428
3121
|
|
|
429
3122
|
},
|
|
430
3123
|
/******/ function(__webpack_require__) { // webpackRuntimeModules
|
|
431
3124
|
/******/ /* webpack/runtime/getFullHash */
|
|
432
3125
|
/******/ (() => {
|
|
433
|
-
/******/ __webpack_require__.h = () => ("
|
|
3126
|
+
/******/ __webpack_require__.h = () => ("ddfc15268996fd24bdb4")
|
|
434
3127
|
/******/ })();
|
|
435
3128
|
/******/
|
|
436
3129
|
/******/ }
|