@chat21/chat21-ionic 3.4.21-rc4 → 3.4.21
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/CHANGELOG.md +1 -11
- package/package.json +1 -1
- package/src/app/app.component.ts +1 -17
- package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.html +1 -1
- package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.scss +5 -0
- package/src/variables.scss +6 -4
- package/src/assets/js/agentDesktop-sdk.js +0 -35
package/CHANGELOG.md
CHANGED
|
@@ -8,17 +8,7 @@
|
|
|
8
8
|
### **Copyrigth**:
|
|
9
9
|
*Tiledesk SRL*
|
|
10
10
|
|
|
11
|
-
# 3.4.21
|
|
12
|
-
- **added**: ability to init and decrement new conversation count badge
|
|
13
|
-
|
|
14
|
-
# 3.4.21-rc3
|
|
15
|
-
- **changed**: badge notification for agentDesktop
|
|
16
|
-
|
|
17
|
-
# 3.4.21-rc2
|
|
18
|
-
- **added**: count in newConversation handler event
|
|
19
|
-
|
|
20
|
-
# 3.4.21-rc1
|
|
21
|
-
- **added**: implement badge notification for agentDesktop sw when new conversation is assigned to logged agent
|
|
11
|
+
# 3.4.21 in PROD
|
|
22
12
|
|
|
23
13
|
# 3.4.20 in PROD
|
|
24
14
|
|
package/package.json
CHANGED
package/src/app/app.component.ts
CHANGED
|
@@ -168,7 +168,6 @@ export class AppComponent implements OnInit {
|
|
|
168
168
|
}, { capture: true });
|
|
169
169
|
}
|
|
170
170
|
|
|
171
|
-
|
|
172
171
|
listenChatAlreadyOpenWithoutParamsInMobileMode() {
|
|
173
172
|
this.events.subscribe('noparams:mobile', (isAlreadyOpenInMobileMode) => {
|
|
174
173
|
// console.log('[APP-COMP] Chat is Already Open In Mobile Mode ', isAlreadyOpenInMobileMode)
|
|
@@ -333,7 +332,7 @@ export class AppComponent implements OnInit {
|
|
|
333
332
|
|
|
334
333
|
listenToPostMsgs() {
|
|
335
334
|
window.addEventListener("message", (event) => {
|
|
336
|
-
|
|
335
|
+
this.logger.log("[APP-COMP] message event ", event);
|
|
337
336
|
|
|
338
337
|
if (event && event.data && event.data.action && event.data.parameter) {
|
|
339
338
|
if (event.data.action === 'openJoinConversationModal') {
|
|
@@ -1111,7 +1110,6 @@ export class AppComponent implements OnInit {
|
|
|
1111
1110
|
if (conversation && conversation.is_new === true && this.isInitialized) {
|
|
1112
1111
|
this.manageTabNotification('conv_added', conversation.sound)
|
|
1113
1112
|
this.manageEventNewConversation(conversation)
|
|
1114
|
-
this.setNotification();
|
|
1115
1113
|
}
|
|
1116
1114
|
if(conversation) this.updateConversationsOnStorage()
|
|
1117
1115
|
});
|
|
@@ -1346,9 +1344,6 @@ export class AppComponent implements OnInit {
|
|
|
1346
1344
|
subscribeConversationSelected= (conversation: ConversationModel) => {
|
|
1347
1345
|
if(conversation && conversation.is_new){
|
|
1348
1346
|
this.audio_NewConv.pause()
|
|
1349
|
-
|
|
1350
|
-
//UPDATE NOTIFICATION FOR NEW CONVERSATION COUNT
|
|
1351
|
-
this.setNotification();
|
|
1352
1347
|
}
|
|
1353
1348
|
}
|
|
1354
1349
|
|
|
@@ -1424,9 +1419,6 @@ export class AppComponent implements OnInit {
|
|
|
1424
1419
|
this.logger.debug('[APP-COMP]-CONVS - INIT CONV CONVS 2', conversations)
|
|
1425
1420
|
this.events.publish('appcompSubscribeToConvs:loadingIsActive', false);
|
|
1426
1421
|
}
|
|
1427
|
-
|
|
1428
|
-
//INIT NOTIFICATION FOR NEW CONVERSATION COUNT
|
|
1429
|
-
this.setNotification();
|
|
1430
1422
|
});
|
|
1431
1423
|
|
|
1432
1424
|
}
|
|
@@ -1643,14 +1635,6 @@ export class AppComponent implements OnInit {
|
|
|
1643
1635
|
this.triggerEvents.triggerOnNewConversationInit(conversation)
|
|
1644
1636
|
}
|
|
1645
1637
|
|
|
1646
|
-
private setNotification() {
|
|
1647
|
-
this.logger.log('[APP-COMP] setNotification for NEW CONVERSATION');
|
|
1648
|
-
if(window['AGENTDESKTOP']){
|
|
1649
|
-
this.logger.log('[APP-COMP] manageNotification AGENTDESKTOP exist', window['AGENTDESKTOP']);
|
|
1650
|
-
window['AGENTDESKTOP']['TAB'].Badge(this.conversationsHandlerService.countIsNew().toString())
|
|
1651
|
-
}
|
|
1652
|
-
}
|
|
1653
|
-
|
|
1654
1638
|
|
|
1655
1639
|
@HostListener('document:visibilitychange', [])
|
|
1656
1640
|
visibilitychange() {
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
</div>
|
|
64
64
|
</div>
|
|
65
65
|
<!-- COPILOT-OPTION -->
|
|
66
|
-
<div *ngIf="isCopilotEnabled" class="copilot-container" id="copilot"
|
|
66
|
+
<div *ngIf="isCopilotEnabled" class="copilot-container" id="copilot">
|
|
67
67
|
<ion-button id="copilot" fill="clear" (click)="onOpenSection('copilot')">
|
|
68
68
|
<ion-icon class="channel-icon" src="assets/images/icons/copilot.svg"></ion-icon>
|
|
69
69
|
{{translationsMap?.get('COPILOT.SOLVE_WITH_AI')}}
|
|
@@ -155,6 +155,7 @@ ion-header {
|
|
|
155
155
|
text-transform: unset;
|
|
156
156
|
padding: var(--button-padding);
|
|
157
157
|
border-radius: var(--button-border-radius);
|
|
158
|
+
border: 1px solid var(--copilot-color);
|
|
158
159
|
font-size: 11px;
|
|
159
160
|
|
|
160
161
|
ion-icon{
|
|
@@ -164,6 +165,10 @@ ion-header {
|
|
|
164
165
|
|
|
165
166
|
&#copilot {
|
|
166
167
|
&:hover{
|
|
168
|
+
background: var(--copilot-hover-background);
|
|
169
|
+
--background-hover: var(--copilot-hover-background);
|
|
170
|
+
--color: var(--copilot-hover-color);
|
|
171
|
+
|
|
167
172
|
ion-icon {
|
|
168
173
|
transition: transform 1s ease-in-out;
|
|
169
174
|
transform: rotate(180deg);
|
package/src/variables.scss
CHANGED
|
@@ -59,10 +59,12 @@ body {
|
|
|
59
59
|
--textarea-color: #06132b;
|
|
60
60
|
// ***** Conversation-detail: end ***** //
|
|
61
61
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
62
|
+
// ***** Conversation-detail: HEADER: start ***** //
|
|
63
|
+
--copilot-background: #ffffff00;
|
|
64
|
+
--copilot-color: var(--basic-blue);
|
|
65
|
+
--copilot-hover-background: var(--basic-blue);
|
|
66
|
+
--copilot-hover-color: #f8fafc;
|
|
67
|
+
// ***** Conversation-detail: HEADER: end ***** //
|
|
66
68
|
|
|
67
69
|
// ***** Conversation-detail PRIVATE-MSG: start ***** //
|
|
68
70
|
--bubble-lightyellow: rgb(255, 247, 237);
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
function loadAgentDesktopScript() {
|
|
2
|
-
if (document.getElementById('agentdesktop-sdk')) {
|
|
3
|
-
return;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
const script = document.createElement('script');
|
|
7
|
-
script.id = 'agentdesktop-sdk';
|
|
8
|
-
script.type = 'text/javascript';
|
|
9
|
-
script.src = 'https://devcti.aruba.it/AD/widget/agentdesktop_widget.js';
|
|
10
|
-
script.async = true;
|
|
11
|
-
|
|
12
|
-
script.onload = () => {
|
|
13
|
-
console.log('AgentDesktop SDK caricato');
|
|
14
|
-
window.agentDesktopLoaded = true;
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
script.onerror = (error) => {
|
|
18
|
-
console.error('Errore nel caricamento AgentDesktop SDK', error);
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
if (document.body) {
|
|
27
|
-
document.body.appendChild(script);
|
|
28
|
-
} else {
|
|
29
|
-
window.addEventListener('DOMContentLoaded', function() {
|
|
30
|
-
document.body.appendChild(script);
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
loadAgentDesktopScript();
|