@chat21/chat21-ionic 3.4.29 → 3.4.30-rc1
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 +117 -2
- package/angular.json +1 -0
- package/package.json +1 -1
- package/src/app/app.component.html +3 -1
- package/src/app/app.component.ts +71 -12
- package/src/app/chatlib/conversation-detail/message/image/image.component.html +1 -0
- package/src/app/chatlib/conversation-detail/message/image/image.component.ts +19 -0
- package/src/app/components/canned-response/canned-response.component.html +26 -23
- package/src/app/components/canned-response/canned-response.component.scss +0 -2
- package/src/app/components/canned-response/canned-response.component.ts +3 -1
- package/src/app/components/conversation-detail/message-text-area/message-text-area.component.html +24 -1
- package/src/app/components/conversation-detail/message-text-area/message-text-area.component.scss +30 -0
- package/src/app/components/conversation-detail/message-text-area/message-text-area.component.ts +39 -9
- package/src/app/components/conversation-info/info-content/info-content.component.ts +2 -2
- package/src/app/components/conversation-info/info-group/info-group.component.ts +23 -21
- package/src/app/components/conversations-list/header-conversations-list/header-conversations-list.component.html +1 -1
- package/src/app/components/conversations-list/header-conversations-list/header-conversations-list.component.ts +5 -1
- package/src/app/components/navbar/navbar.component.html +3 -3
- package/src/app/components/navbar/navbar.component.ts +29 -38
- package/src/app/components/project-item/project-item.component.ts +11 -11
- package/src/app/components/sidebar/sidebar.component.html +65 -45
- package/src/app/components/sidebar/sidebar.component.ts +110 -117
- package/src/app/components/sidebar-user-details/sidebar-user-details.component.html +2 -2
- package/src/app/components/sidebar-user-details/sidebar-user-details.component.ts +10 -7
- package/src/app/modals/create-ticket/create-ticket.page.ts +4 -2
- package/src/app/pages/conversation-detail/conversation-detail.page.html +7 -3
- package/src/app/pages/conversation-detail/conversation-detail.page.ts +95 -7
- package/src/app/pages/conversations-list/conversations-list.page.html +2 -0
- package/src/app/pages/conversations-list/conversations-list.page.ts +40 -2
- package/src/app/services/global-settings/global-settings.service.ts +11 -3
- package/src/app/services/nav-proxy.service.ts +0 -1
- package/src/app/services/project_users/project-users.service.spec.ts +16 -0
- package/src/app/services/project_users/project-users.service.ts +63 -0
- package/src/app/services/tiledesk/tiledesk.service.ts +0 -16
- package/src/app/services/triggerEvents/triggerEvents.ts +28 -0
- package/src/app/services/websocket/websocket-js.ts +59 -534
- package/src/app/services/websocket/websocket-js_old.ts +578 -0
- package/src/app/services/websocket/websocket.service.ts +9 -10
- package/src/app/services/websocket/websocket.worker.ts +242 -0
- package/src/app/shared/shared.module.ts +11 -2
- package/src/app/utils/globals.ts +2 -0
- package/src/app/utils/permissions.constants.ts +138 -0
- package/src/app/utils/project-utils.ts +2 -2
- package/src/app/utils/utils.ts +18 -1
- package/src/assets/i18n/ar.json +11 -1
- package/src/assets/i18n/az.json +11 -1
- package/src/assets/i18n/de.json +11 -1
- package/src/assets/i18n/en.json +11 -1
- package/src/assets/i18n/es.json +11 -1
- package/src/assets/i18n/fr.json +11 -1
- package/src/assets/i18n/it.json +13 -3
- package/src/assets/i18n/kk.json +11 -1
- package/src/assets/i18n/pt.json +11 -1
- package/src/assets/i18n/ru.json +11 -1
- package/src/assets/i18n/sr.json +11 -1
- package/src/assets/i18n/sv.json +11 -1
- package/src/assets/i18n/tr.json +11 -1
- package/src/assets/i18n/uk.json +11 -1
- package/src/assets/i18n/uz.json +12 -1
- package/src/assets/img/no_data_found.png +0 -0
- package/src/assets/js/agentDesktop-sdk.js +55 -0
- package/src/assets/js/chat21client.js +36 -0
- package/src/assets/js/mqtt-keepalive-worker.js +53 -0
- package/src/assets/test.html +5 -2
- package/src/chat-config-template.json +1 -0
- package/src/chat-config.json +1 -0
- package/src/chat21-core/models/projectUsers.ts +19 -0
- package/src/chat21-core/providers/abstract/upload.service.ts +4 -1
- package/src/chat21-core/providers/firebase/firebase-conversation-handler.ts +1 -1
- package/src/chat21-core/providers/firebase/firebase-upload.service.ts +132 -9
- package/src/chat21-core/providers/mqtt/mqtt-conversation-handler.ts +1 -1
- package/src/chat21-core/providers/native/native-image-repo.ts +1 -1
- package/src/chat21-core/providers/native/native-upload-service.ts +117 -28
- package/src/chat21-core/providers/tiledesk/tiledesk-auth.service.ts +3 -0
- package/src/chat21-core/utils/utils.ts +16 -2
|
@@ -6,6 +6,7 @@ import { UploadModel } from '../../models/upload';
|
|
|
6
6
|
import { AppStorageService } from '../abstract/app-storage.service';
|
|
7
7
|
import { LoggerService } from '../abstract/logger.service';
|
|
8
8
|
import { LoggerInstance } from '../logger/loggerInstance';
|
|
9
|
+
import { first } from 'rxjs/operators';
|
|
9
10
|
|
|
10
11
|
// @Injectable({ providedIn: 'root' })
|
|
11
12
|
@Injectable()
|
|
@@ -14,8 +15,8 @@ export class NativeUploadService extends UploadService {
|
|
|
14
15
|
BSStateUpload: BehaviorSubject<any> = new BehaviorSubject<any>(null)
|
|
15
16
|
|
|
16
17
|
private tiledeskToken: string;
|
|
17
|
-
private URL_TILEDESK_IMAGES: string;
|
|
18
18
|
private URL_TILEDESK_FILE: string;
|
|
19
|
+
private URL_TILEDESK_UPLOAD: string;
|
|
19
20
|
private logger: LoggerService = LoggerInstance.getInstance()
|
|
20
21
|
|
|
21
22
|
constructor(
|
|
@@ -25,15 +26,17 @@ export class NativeUploadService extends UploadService {
|
|
|
25
26
|
super();
|
|
26
27
|
}
|
|
27
28
|
|
|
28
|
-
initialize(): void {
|
|
29
|
-
this.logger.info('[NATIVE UPLOAD] initialize')
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
initialize(projectId?: string): void {
|
|
30
|
+
this.logger.info('[NATIVE UPLOAD] initialize', this.getBaseUrl())
|
|
31
|
+
if (projectId) {
|
|
32
|
+
this.URL_TILEDESK_FILE = this.getBaseUrl() + projectId + '/files'
|
|
33
|
+
}
|
|
34
|
+
this.URL_TILEDESK_UPLOAD = this.getBaseUrl();
|
|
32
35
|
this.tiledeskToken = this.appStorage.getItem('tiledeskToken')
|
|
33
36
|
}
|
|
34
37
|
|
|
35
38
|
|
|
36
|
-
upload(userId: string, upload: UploadModel): Promise<{
|
|
39
|
+
upload(userId: string, upload: UploadModel): Promise<{downloadURL: string, src: string}> {
|
|
37
40
|
this.logger.log('[NATIVE UPLOAD] - upload new image/file ... upload', upload)
|
|
38
41
|
const headers = new HttpHeaders({
|
|
39
42
|
Authorization: this.tiledeskToken,
|
|
@@ -45,12 +48,11 @@ export class NativeUploadService extends UploadService {
|
|
|
45
48
|
|
|
46
49
|
const that = this;
|
|
47
50
|
if ((upload.file.type.startsWith('image') && (!upload.file.type.includes('svg')))) {
|
|
48
|
-
this.logger.log('[NATIVE UPLOAD] - upload new image')
|
|
49
51
|
//USE IMAGE API
|
|
50
|
-
const url = this.
|
|
52
|
+
const url = this.URL_TILEDESK_UPLOAD + 'images/users'
|
|
51
53
|
return new Promise((resolve, reject) => {
|
|
52
54
|
that.http.post(url, formData, requestOptions).subscribe(data => {
|
|
53
|
-
const downloadURL = this.
|
|
55
|
+
const downloadURL = this.URL_TILEDESK_UPLOAD + 'images?path=' + encodeURIComponent(data?.['filename']);
|
|
54
56
|
resolve({downloadURL : downloadURL, src: downloadURL})
|
|
55
57
|
// that.BSStateUpload.next({upload: upload});
|
|
56
58
|
}, (error) => {
|
|
@@ -58,13 +60,12 @@ export class NativeUploadService extends UploadService {
|
|
|
58
60
|
});
|
|
59
61
|
});
|
|
60
62
|
} else {
|
|
61
|
-
this.logger.log('[NATIVE UPLOAD] - upload new file')
|
|
62
63
|
//USE FILE API
|
|
63
|
-
const url = this.
|
|
64
|
+
const url = this.URL_TILEDESK_UPLOAD + 'files/users'
|
|
64
65
|
return new Promise((resolve, reject) => {
|
|
65
66
|
that.http.post(url, formData, requestOptions).subscribe(data => {
|
|
66
|
-
const src = this.
|
|
67
|
-
const downloadURL = this.
|
|
67
|
+
const src = this.URL_TILEDESK_UPLOAD + 'files?path=' + encodeURI(data['filename']);
|
|
68
|
+
const downloadURL = this.URL_TILEDESK_UPLOAD + 'files/download' + '?path=' + encodeURI(data['filename']);
|
|
68
69
|
resolve({downloadURL : downloadURL, src: src})
|
|
69
70
|
// that.BSStateUpload.next({upload: upload});
|
|
70
71
|
}, (error) => {
|
|
@@ -76,6 +77,62 @@ export class NativeUploadService extends UploadService {
|
|
|
76
77
|
|
|
77
78
|
}
|
|
78
79
|
|
|
80
|
+
uploadFile(userId: string, upload: UploadModel): Promise<{downloadURL: string, src: string}> {
|
|
81
|
+
this.logger.log('[NATIVE UPLOAD] - upload new image/file ... upload', upload)
|
|
82
|
+
const headers = new HttpHeaders({
|
|
83
|
+
Authorization: this.tiledeskToken,
|
|
84
|
+
//'Content-Type': 'multipart/form-data',
|
|
85
|
+
});
|
|
86
|
+
const requestOptions = { headers: headers };
|
|
87
|
+
const formData = new FormData();
|
|
88
|
+
formData.append('file', upload.file);
|
|
89
|
+
|
|
90
|
+
const that = this;
|
|
91
|
+
const url = this.URL_TILEDESK_FILE + '/chat'
|
|
92
|
+
return new Promise((resolve, reject) => {
|
|
93
|
+
that.http.post(url, formData, requestOptions).pipe(first()).subscribe({
|
|
94
|
+
next: (data) => {
|
|
95
|
+
const downloadURL = this.getBaseUrl() + 'files' + '?path=' + encodeURIComponent(data['filename']);
|
|
96
|
+
resolve({downloadURL : downloadURL, src: downloadURL})
|
|
97
|
+
},
|
|
98
|
+
error: (error) => {
|
|
99
|
+
reject(error)
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
uploadAsset(userId: string, upload: UploadModel, expiration: number = 60): Promise<{downloadURL: string, src: string}> {
|
|
106
|
+
this.logger.log('[NATIVE UPLOAD] - upload new asset ... upload', upload, 'expiration:', expiration)
|
|
107
|
+
const headers = new HttpHeaders({
|
|
108
|
+
Authorization: this.tiledeskToken,
|
|
109
|
+
});
|
|
110
|
+
const requestOptions = { headers: headers };
|
|
111
|
+
const formData = new FormData();
|
|
112
|
+
formData.append('file', upload.file);
|
|
113
|
+
|
|
114
|
+
const that = this;
|
|
115
|
+
const url = this.URL_TILEDESK_FILE + `/assets?expiration=${expiration}`
|
|
116
|
+
return new Promise((resolve, reject) => {
|
|
117
|
+
that.http.post(url, formData, requestOptions).pipe(first()).subscribe({
|
|
118
|
+
next: (data) => {
|
|
119
|
+
// API responses can vary; try common fields first, otherwise fallback to filename/path.
|
|
120
|
+
const directUrl = data?.['downloadURL'] || data?.['url'] || data?.['src'];
|
|
121
|
+
const filenameOrPath = data?.['filename'] || data?.['path'];
|
|
122
|
+
const downloadURL = directUrl || (filenameOrPath ? (this.getBaseUrl() + 'files' + '?path=' + encodeURIComponent(filenameOrPath)) : null);
|
|
123
|
+
if (!downloadURL) {
|
|
124
|
+
reject(new Error('[NATIVE UPLOAD] uploadAsset: unexpected response payload'))
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
resolve({ downloadURL: downloadURL, src: downloadURL })
|
|
128
|
+
},
|
|
129
|
+
error: (error) => {
|
|
130
|
+
reject(error)
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
|
|
79
136
|
uploadProfile(userId: string, upload: UploadModel): Promise<any> {
|
|
80
137
|
this.logger.log('[NATIVE UPLOAD] - upload new photo profile ... upload', upload)
|
|
81
138
|
const headers = new HttpHeaders({
|
|
@@ -88,14 +145,18 @@ export class NativeUploadService extends UploadService {
|
|
|
88
145
|
|
|
89
146
|
// USE IMAGE API
|
|
90
147
|
const that = this;
|
|
91
|
-
const
|
|
148
|
+
const botId = userId?.startsWith('bot_') ? userId.substring('bot_'.length) : userId
|
|
149
|
+
const url = this.URL_TILEDESK_FILE + `/users/photo?bot_id=${botId}`
|
|
92
150
|
return new Promise((resolve, reject) => {
|
|
93
|
-
that.http.put(url, formData, requestOptions).subscribe(
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
151
|
+
that.http.put(url, formData, requestOptions).pipe(first()).subscribe({
|
|
152
|
+
next: (data) => {
|
|
153
|
+
const downloadURL = this.getBaseUrl() + 'files?path=' + data['thumbnail'];
|
|
154
|
+
resolve(downloadURL)
|
|
155
|
+
// that.BSStateUpload.next({upload: upload});
|
|
156
|
+
},
|
|
157
|
+
error: (error) => {
|
|
158
|
+
reject(error)
|
|
159
|
+
}
|
|
99
160
|
});
|
|
100
161
|
});
|
|
101
162
|
}
|
|
@@ -110,7 +171,7 @@ export class NativeUploadService extends UploadService {
|
|
|
110
171
|
|
|
111
172
|
//USE IMAGE API
|
|
112
173
|
const that = this;
|
|
113
|
-
const url = this.
|
|
174
|
+
const url = this.URL_TILEDESK_UPLOAD + 'images/users' + '?path=' + path.split('path=')[1]
|
|
114
175
|
return new Promise((resolve, reject) => {
|
|
115
176
|
that.http.delete(url, requestOptions).subscribe(data => {
|
|
116
177
|
// const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
|
|
@@ -122,6 +183,31 @@ export class NativeUploadService extends UploadService {
|
|
|
122
183
|
});
|
|
123
184
|
}
|
|
124
185
|
|
|
186
|
+
deleteFile(userId: string, path: string): Promise<any>{
|
|
187
|
+
this.logger.log('[NATIVE UPLOAD] - delete image ... upload', userId)
|
|
188
|
+
const headers = new HttpHeaders({
|
|
189
|
+
Authorization: this.tiledeskToken,
|
|
190
|
+
//'Content-Type': 'multipart/form-data',
|
|
191
|
+
});
|
|
192
|
+
const requestOptions = { headers: headers };
|
|
193
|
+
|
|
194
|
+
//USE IMAGE API
|
|
195
|
+
const that = this;
|
|
196
|
+
const url = this.URL_TILEDESK_FILE + '?path=' + path.split('path=')[1]
|
|
197
|
+
return new Promise((resolve, reject) => {
|
|
198
|
+
that.http.delete(url, requestOptions).pipe(first()).subscribe({
|
|
199
|
+
next: (data) => {
|
|
200
|
+
// const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
|
|
201
|
+
resolve(true)
|
|
202
|
+
// that.BSStateUpload.next({upload: upload});
|
|
203
|
+
},
|
|
204
|
+
error: (error) => {
|
|
205
|
+
reject(error)
|
|
206
|
+
}
|
|
207
|
+
});
|
|
208
|
+
});
|
|
209
|
+
}
|
|
210
|
+
|
|
125
211
|
deleteProfile(userId: string, path: string): Promise<any>{
|
|
126
212
|
this.logger.log('[NATIVE UPLOAD] - delete image ... upload', userId)
|
|
127
213
|
const headers = new HttpHeaders({
|
|
@@ -132,14 +218,17 @@ export class NativeUploadService extends UploadService {
|
|
|
132
218
|
|
|
133
219
|
//USE IMAGE API
|
|
134
220
|
const that = this;
|
|
135
|
-
const url = this.
|
|
221
|
+
const url = this.URL_TILEDESK_FILE + '?path=' + "uploads/users/"+ userId + "/images/photo.jpg"
|
|
136
222
|
return new Promise((resolve, reject) => {
|
|
137
|
-
that.http.delete(url, requestOptions).subscribe(
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
223
|
+
that.http.delete(url, requestOptions).pipe(first()).subscribe({
|
|
224
|
+
next: (data) => {
|
|
225
|
+
// const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
|
|
226
|
+
resolve(true)
|
|
227
|
+
// that.BSStateUpload.next({upload: upload});
|
|
228
|
+
},
|
|
229
|
+
error: (error) => {
|
|
230
|
+
reject(error)
|
|
231
|
+
}
|
|
143
232
|
});
|
|
144
233
|
});
|
|
145
234
|
}
|
|
@@ -121,6 +121,7 @@ export class TiledeskAuthService {
|
|
|
121
121
|
this.http.post(this.URL_TILEDESK_SIGNIN_WITH_CUSTOM_TOKEN, null, requestOptions).subscribe((data) => {
|
|
122
122
|
if (data['success'] && data['token']) {
|
|
123
123
|
that.tiledeskToken = data['token'];
|
|
124
|
+
data['user'].token = tiledeskToken; // mantengo il token custom nell'oggetto user
|
|
124
125
|
that.createCompleteUser(data['user']);
|
|
125
126
|
this.checkAndSetInStorageTiledeskToken(that.tiledeskToken)
|
|
126
127
|
this.BS_IsONLINE.next(true)
|
|
@@ -177,6 +178,8 @@ export class TiledeskAuthService {
|
|
|
177
178
|
this.currentUser = member;
|
|
178
179
|
this.logger.log('[TILEDESK-AUTH] - createCompleteUser member ', member);
|
|
179
180
|
this.appStorage.setItem('currentUser', JSON.stringify(this.currentUser));
|
|
181
|
+
const { iat, aud, iss, jti, ...cleanUser } = user; //destructuring and rest user object
|
|
182
|
+
localStorage.setItem('user', JSON.stringify(cleanUser));
|
|
180
183
|
|
|
181
184
|
} catch (err) {
|
|
182
185
|
this.logger.error('[TILEDESK-AUTH]- createCompleteUser ERR ', err)
|
|
@@ -765,6 +765,12 @@ export function isOnMobileDevice() {
|
|
|
765
765
|
return IS_ON_MOBILE_DEVICE;
|
|
766
766
|
}
|
|
767
767
|
|
|
768
|
+
|
|
769
|
+
export function checkIfIsInIframe(){
|
|
770
|
+
const isInIframe = window.self !== window.top;
|
|
771
|
+
return isInIframe;
|
|
772
|
+
}
|
|
773
|
+
|
|
768
774
|
export function checkWindowWidthIsLessThan991px() {
|
|
769
775
|
// console.log('UTILS - checkWindowWidthIsLessThan991px:: ', window.innerWidth);
|
|
770
776
|
if (window.innerWidth < 991) {
|
|
@@ -1018,6 +1024,14 @@ export function isAllowedUrlInText(text: string, allowedUrls: string[]) {
|
|
|
1018
1024
|
}
|
|
1019
1025
|
|
|
1020
1026
|
function extractUrls(text: string): string[] {
|
|
1021
|
-
|
|
1022
|
-
|
|
1027
|
+
// Rileva URL con o senza protocollo (http/https)
|
|
1028
|
+
const urlRegex = /\b((https?:\/\/)?(www\.)?[a-z0-9.-]+\.[a-z]{2,})(\/[^\s]*)?/gi;
|
|
1029
|
+
const matches = text.match(urlRegex) || [];
|
|
1030
|
+
// Normalizza: aggiunge https:// se manca, così il parsing con new URL() funziona
|
|
1031
|
+
return matches.map((url) => {
|
|
1032
|
+
if (!/^https?:\/\//i.test(url)) {
|
|
1033
|
+
return 'https://' + url;
|
|
1034
|
+
}
|
|
1035
|
+
return url;
|
|
1036
|
+
});
|
|
1023
1037
|
}
|