@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.
Files changed (75) hide show
  1. package/CHANGELOG.md +117 -2
  2. package/angular.json +1 -0
  3. package/package.json +1 -1
  4. package/src/app/app.component.html +3 -1
  5. package/src/app/app.component.ts +71 -12
  6. package/src/app/chatlib/conversation-detail/message/image/image.component.html +1 -0
  7. package/src/app/chatlib/conversation-detail/message/image/image.component.ts +19 -0
  8. package/src/app/components/canned-response/canned-response.component.html +26 -23
  9. package/src/app/components/canned-response/canned-response.component.scss +0 -2
  10. package/src/app/components/canned-response/canned-response.component.ts +3 -1
  11. package/src/app/components/conversation-detail/message-text-area/message-text-area.component.html +24 -1
  12. package/src/app/components/conversation-detail/message-text-area/message-text-area.component.scss +30 -0
  13. package/src/app/components/conversation-detail/message-text-area/message-text-area.component.ts +39 -9
  14. package/src/app/components/conversation-info/info-content/info-content.component.ts +2 -2
  15. package/src/app/components/conversation-info/info-group/info-group.component.ts +23 -21
  16. package/src/app/components/conversations-list/header-conversations-list/header-conversations-list.component.html +1 -1
  17. package/src/app/components/conversations-list/header-conversations-list/header-conversations-list.component.ts +5 -1
  18. package/src/app/components/navbar/navbar.component.html +3 -3
  19. package/src/app/components/navbar/navbar.component.ts +29 -38
  20. package/src/app/components/project-item/project-item.component.ts +11 -11
  21. package/src/app/components/sidebar/sidebar.component.html +65 -45
  22. package/src/app/components/sidebar/sidebar.component.ts +110 -117
  23. package/src/app/components/sidebar-user-details/sidebar-user-details.component.html +2 -2
  24. package/src/app/components/sidebar-user-details/sidebar-user-details.component.ts +10 -7
  25. package/src/app/modals/create-ticket/create-ticket.page.ts +4 -2
  26. package/src/app/pages/conversation-detail/conversation-detail.page.html +7 -3
  27. package/src/app/pages/conversation-detail/conversation-detail.page.ts +95 -7
  28. package/src/app/pages/conversations-list/conversations-list.page.html +2 -0
  29. package/src/app/pages/conversations-list/conversations-list.page.ts +40 -2
  30. package/src/app/services/global-settings/global-settings.service.ts +11 -3
  31. package/src/app/services/nav-proxy.service.ts +0 -1
  32. package/src/app/services/project_users/project-users.service.spec.ts +16 -0
  33. package/src/app/services/project_users/project-users.service.ts +63 -0
  34. package/src/app/services/tiledesk/tiledesk.service.ts +0 -16
  35. package/src/app/services/triggerEvents/triggerEvents.ts +28 -0
  36. package/src/app/services/websocket/websocket-js.ts +59 -534
  37. package/src/app/services/websocket/websocket-js_old.ts +578 -0
  38. package/src/app/services/websocket/websocket.service.ts +9 -10
  39. package/src/app/services/websocket/websocket.worker.ts +242 -0
  40. package/src/app/shared/shared.module.ts +11 -2
  41. package/src/app/utils/globals.ts +2 -0
  42. package/src/app/utils/permissions.constants.ts +138 -0
  43. package/src/app/utils/project-utils.ts +2 -2
  44. package/src/app/utils/utils.ts +18 -1
  45. package/src/assets/i18n/ar.json +11 -1
  46. package/src/assets/i18n/az.json +11 -1
  47. package/src/assets/i18n/de.json +11 -1
  48. package/src/assets/i18n/en.json +11 -1
  49. package/src/assets/i18n/es.json +11 -1
  50. package/src/assets/i18n/fr.json +11 -1
  51. package/src/assets/i18n/it.json +13 -3
  52. package/src/assets/i18n/kk.json +11 -1
  53. package/src/assets/i18n/pt.json +11 -1
  54. package/src/assets/i18n/ru.json +11 -1
  55. package/src/assets/i18n/sr.json +11 -1
  56. package/src/assets/i18n/sv.json +11 -1
  57. package/src/assets/i18n/tr.json +11 -1
  58. package/src/assets/i18n/uk.json +11 -1
  59. package/src/assets/i18n/uz.json +12 -1
  60. package/src/assets/img/no_data_found.png +0 -0
  61. package/src/assets/js/agentDesktop-sdk.js +55 -0
  62. package/src/assets/js/chat21client.js +36 -0
  63. package/src/assets/js/mqtt-keepalive-worker.js +53 -0
  64. package/src/assets/test.html +5 -2
  65. package/src/chat-config-template.json +1 -0
  66. package/src/chat-config.json +1 -0
  67. package/src/chat21-core/models/projectUsers.ts +19 -0
  68. package/src/chat21-core/providers/abstract/upload.service.ts +4 -1
  69. package/src/chat21-core/providers/firebase/firebase-conversation-handler.ts +1 -1
  70. package/src/chat21-core/providers/firebase/firebase-upload.service.ts +132 -9
  71. package/src/chat21-core/providers/mqtt/mqtt-conversation-handler.ts +1 -1
  72. package/src/chat21-core/providers/native/native-image-repo.ts +1 -1
  73. package/src/chat21-core/providers/native/native-upload-service.ts +117 -28
  74. package/src/chat21-core/providers/tiledesk/tiledesk-auth.service.ts +3 -0
  75. 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
- this.URL_TILEDESK_FILE = this.getBaseUrl() + 'files'
31
- this.URL_TILEDESK_IMAGES = this.getBaseUrl() + 'images'
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<{ downloadURL: string, src: string}> {
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.URL_TILEDESK_IMAGES + '/users'
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.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
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.URL_TILEDESK_FILE + '/users'
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.URL_TILEDESK_FILE + '?path=' + encodeURI(data['filename']);
67
- const downloadURL = this.URL_TILEDESK_FILE + '/download' + '?path=' + encodeURI(data['filename']);
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 url = this.URL_TILEDESK_IMAGES + `/users/photo?force=true&user_id=${userId}`
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(data => {
94
- const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['thumbnail'];
95
- resolve(downloadURL)
96
- // that.BSStateUpload.next({upload: upload});
97
- }, (error) => {
98
- reject(error)
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.URL_TILEDESK_IMAGES + '/users' + '?path=' + path.split('path=')[1]
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.URL_TILEDESK_IMAGES + '/users' + '?path=' + "uploads/users/"+ userId + "/images/photo.jpg"
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(data => {
138
- // const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
139
- resolve(true)
140
- // that.BSStateUpload.next({upload: upload});
141
- }, (error) => {
142
- reject(error)
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
- const urlRegex = /https?:\/\/[^\s]+/g;
1022
- return text.match(urlRegex) || [];
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
  }