@chat21/chat21-ionic 3.4.32-rc4 → 3.4.32-rc6

package/CHANGELOG.md

@@ -8,6 +8,13 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 3.4.32-rc6
+- **bug-fixed**: convertRequestToConversation timestamp wrong unit 
+
+# 3.4.32-rc5
+- **added**: conversations-list — on init, fetches all projects via `getProjects` and stores them in AppStorageService under `all_projects`; before saving, checks that the key does not already contain each project (avoids duplicates).
+- **changed**: conversations-list `onConversationLoaded` — project name and id are now resolved from the `all_projects` storage key instead of per-project localStorage entries.
+
 # 3.4.32-rc4
 - **changed**: unassigned conversations page — `onImageLoaded` and `onConversationLoaded` are now invoked for each conversation in the list (avatar URLs, last message formatting, project name).
 - **bug-fixed**: navbar project dropdown — descenders (letters like g, p, q) were being clipped; added `line-height: 1.4` and vertical padding to prevent clipping.

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.4.32-rc4",
+    "version": "3.4.32-rc6",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/pages/conversations-list/conversations-list.page.ts

@@ -57,6 +57,9 @@ import { getOSCode, hasRole } from 'src/app/utils/utils';
 import { PERMISSIONS } from 'src/app/utils/permissions.constants';
 import { ProjectUser } from 'src/chat21-core/models/projectUsers';
 import { ProjectUsersService } from 'src/app/services/project_users/project-users.service';
+import { ProjectService } from 'src/app/services/projects/project.service';
+
+import { PROJECTS_STORAGE_KEY } from 'src/chat21-core/utils/constants';
 
 @Component({
   selector: 'app-conversations-list',
@@ -138,10 +141,12 @@ export class ConversationListPage implements OnInit {
     public tiledeskService: TiledeskService,
     public tiledeskAuthService: TiledeskAuthService,
     public projectUsersService: ProjectUsersService,
+    public projectService: ProjectService,
     public appConfigProvider: AppConfigProvider,
     public platform: Platform,
     public wsService: WebsocketService,
     public g: Globals,
+    public appStorageService: AppStorageService,
   ) {
     this.checkPlatform();
     this.translations();
@@ -215,8 +220,45 @@ export class ConversationListPage implements OnInit {
   // @ Lifehooks
   // -----------------------------------------------
   ngOnInit() {
-    this.getAppConfigToHideDiplayBtns()
+    this.getAppConfigToHideDiplayBtns();
     this.getOSCODE();
+    this.loadAndStoreProjects();
+  }
+
+  /**
+   * Recupera tutti i progetti con getProjects e li salva in AppStorage.
+   * Prima di salvare verifica che la chiave non esista già e che non contenga già ogni singolo progetto.
+   */
+  private loadAndStoreProjects() {
+    const token = this.tiledeskAuthService.getTiledeskToken();
+    if (!token) return;
+    this.projectService.getProjects().subscribe((projects: Project[]) => {
+        if (!projects?.length) return;
+        let projectsMap: Record<string, Project> = {};
+        const stored = this.appStorageService.getItem(PROJECTS_STORAGE_KEY);
+        if (stored) {
+          try {
+            projectsMap = JSON.parse(stored) || {};
+          } catch (e) {
+            this.logger.warn('[CONVS-LIST-PAGE] loadAndStoreProjects - failed to parse stored projects', e);
+          }
+        }
+        let hasChanges = false;
+        projects.forEach((project) => {
+          const projectId =  project.id_project?._id || project.id_project?.id;
+          if (!projectId) return;
+          if (!projectsMap[projectId]) {
+            projectsMap[projectId] = project.id_project;
+            hasChanges = true;
+          }
+        });
+        if (hasChanges) {
+          this.appStorageService.setItem(PROJECTS_STORAGE_KEY, JSON.stringify(projectsMap));
+          this.logger.log('[CONVS-LIST-PAGE] loadAndStoreProjects - saved', Object.keys(projectsMap).length, 'projects');
+        }
+      },
+      (err) => this.logger.error('[CONVS-LIST-PAGE] loadAndStoreProjects - error', err)
+    );
   }
 
   ngOnChanges() {
@@ -862,22 +904,32 @@ export class ConversationListPage implements OnInit {
       }
     }
     
-    if(conversation.attributes && conversation.attributes['projectId']){
-      let project = localStorage.getItem(conversation.attributes['projectId'])
-      if(project){
-        project = JSON.parse(project)
-        conversation.attributes.project_name = project['name']
-      }
-    }else if(conversation.attributes){
-      const projectId = getProjectIdSelectedConversation(conversation.uid)
-      let project = localStorage.getItem(projectId)
-      if(project){
-        project = JSON.parse(project)
-        conversation.attributes.projectId = project['_id']
-        conversation.attributes.project_name = project['name']
-      }
+    const project = this.getProjectFromStorage(conversation);
+    if (project) {
+      if (!conversation.attributes) conversation.attributes = {};
+      conversation.attributes.projectId = project._id;
+      conversation.attributes.project_name = project.name;
     }
+  }
 
+  /** Recupera il progetto dalla chiave di storage (all_projects) */
+  private getProjectFromStorage(conversation: ConversationModel): Project | null {
+    let projectId: string | undefined;
+    if (conversation.attributes?.['projectId']) {
+      projectId = conversation.attributes['projectId'];
+    } else if (conversation.attributes) {
+      projectId = getProjectIdSelectedConversation(conversation.uid);
+    }
+    if (!projectId) return null;
+    const stored = this.appStorageService.getItem(PROJECTS_STORAGE_KEY);
+    this.logger.log('[CONVS-LIST-PAGE] getProjectFromStorage - stored', stored);
+    if (!stored) return null;
+    try {
+      const projectsMap: Record<string, Project> = JSON.parse(stored);
+      return projectsMap[projectId] || null;
+    } catch {
+      return null;
+    }
   }
 
   // isMarkdownLink(last_message_text) {

package/src/app/pages/unassigned-conversations/unassigned-conversations.page.ts

@@ -13,7 +13,9 @@ import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk
 import { TiledeskService } from 'src/app/services/tiledesk/tiledesk.service';
 import { getProjectIdSelectedConversation, isGroup } from 'src/chat21-core/utils/utils';
 import { ImageRepoService } from 'src/chat21-core/providers/abstract/image-repo.service';
-
+import { Project } from 'src/chat21-core/models/projects';
+import { ProjectService } from 'src/app/services/projects/project.service';
+import { PROJECTS_STORAGE_KEY } from 'src/chat21-core/utils/constants';
 
 @Component({
   selector: 'app-unassigned-conversations',
@@ -56,7 +58,9 @@ export class UnassignedConversationsPage implements OnInit, OnChanges {
     private events: EventsService,
     private tiledeskAuthService: TiledeskAuthService,
     private tiledeskService: TiledeskService,
-    public imageRepoService: ImageRepoService
+    private projectService: ProjectService,
+    public imageRepoService: ImageRepoService,
+    public appStorageService: AppStorageService,
   ) {
     if (this.tiledeskAuthService.getCurrentUser()) {
       this.loggedUserUid = this.tiledeskAuthService.getCurrentUser().uid;
@@ -81,6 +85,7 @@ export class UnassignedConversationsPage implements OnInit, OnChanges {
     }
     this.logger.log('[UNASSIGNED-CONVS-PAGE] unassignedConversationsList', this.unassignedConversationsList);
     this.processConversationsForDisplay();
+    this.loadAndStoreProjects();
     // this.buildIFRAME();
     this.listenToPostMsg();
     this.hideHotjarFeedbackBtn();
@@ -107,6 +112,72 @@ export class UnassignedConversationsPage implements OnInit, OnChanges {
     });
   }
 
+  /**
+   * Recupera tutti i progetti con getProjects e li salva in AppStorage.
+   * Se la chiave esiste già nello storage, salta la chiamata remota e usa i dati in cache.
+   * Al termine richiama processConversationsForDisplay per aggiornare i project_name.
+   */
+  private loadAndStoreProjects() {
+    const stored = this.appStorageService.getItem(PROJECTS_STORAGE_KEY);
+    if (stored) {
+      this.processConversationsForDisplay();
+      return;
+    }
+    const token = this.tiledeskAuthService.getTiledeskToken();
+    if (!token) return;
+    this.projectService.getProjects().subscribe(
+      (projects: Project[]) => {
+        if (!projects?.length) return;
+        let projectsMap: Record<string, Project> = {};
+        const stored = this.appStorageService.getItem(PROJECTS_STORAGE_KEY);
+        if (stored) {
+          try {
+            projectsMap = JSON.parse(stored) || {};
+          } catch (e) {
+            this.logger.warn('[UNASSIGNED-CONVS-PAGE] loadAndStoreProjects - failed to parse stored projects', e);
+          }
+        }
+        let hasChanges = false;
+        projects.forEach((project) => {
+          const projectId = project.id_project?._id || project.id_project?.id || project._id;
+          if (!projectId) return;
+          if (!projectsMap[projectId]) {
+            projectsMap[projectId] = project.id_project || project;
+            hasChanges = true;
+          }
+        });
+        if (hasChanges) {
+          this.appStorageService.setItem(PROJECTS_STORAGE_KEY, JSON.stringify(projectsMap));
+          this.logger.log('[UNASSIGNED-CONVS-PAGE] loadAndStoreProjects - saved', Object.keys(projectsMap).length, 'projects');
+        }
+        this.processConversationsForDisplay();
+      },
+      (err) => {
+        this.logger.error('[UNASSIGNED-CONVS-PAGE] loadAndStoreProjects - error', err);
+        this.processConversationsForDisplay();
+      }
+    );
+  }
+
+  /** Recupera il progetto dalla chiave di storage (all_projects); se non trovato restituisce null */
+  private getProjectFromStorage(conversation: ConversationModel): Project | null {
+    let projectId: string | undefined;
+    if (conversation.attributes?.['projectId']) {
+      projectId = conversation.attributes['projectId'];
+    } else if (conversation.attributes) {
+      projectId = getProjectIdSelectedConversation(conversation.uid);
+    }
+    if (!projectId) return null;
+    const stored = this.appStorageService.getItem(PROJECTS_STORAGE_KEY);
+    if (!stored) return null;
+    try {
+      const projectsMap: Record<string, Project> = JSON.parse(stored);
+      return projectsMap[projectId] || null;
+    } catch {
+      return null;
+    }
+  }
+
   hideHotjarFeedbackBtn() {
     const hotjarFeedbackBtn = <HTMLElement>document.querySelector("#_hj_feedback_container > div > button")
     if (hotjarFeedbackBtn) {
@@ -370,22 +441,12 @@ export class UnassignedConversationsPage implements OnInit, OnChanges {
       }
     }
     
-    if(conversation.attributes && conversation.attributes['projectId']){
-      let project = localStorage.getItem(conversation.attributes['projectId'])
-      if(project){
-        project = JSON.parse(project)
-        conversation.attributes.project_name = project['name']
-      }
-    }else if(conversation.attributes){
-      const projectId = getProjectIdSelectedConversation(conversation.uid)
-      let project = localStorage.getItem(projectId)
-      if(project){
-        project = JSON.parse(project)
-        conversation.attributes.projectId = project['_id']
-        conversation.attributes.project_name = project['name']
-      }
+    const project = this.getProjectFromStorage(conversation);
+    if (project) {
+      if (!conversation.attributes) conversation.attributes = {};
+      conversation.attributes.projectId = project._id;
+      conversation.attributes.project_name = project.name;
     }
-
   }
 
   async onClose(conversation?: ConversationModel) {

package/src/app/services/tiledesk/tiledesk.service.ts

@@ -7,6 +7,8 @@ import { map } from 'rxjs/operators';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storage.service';
+import { Project } from 'src/chat21-core/models/projects';
+import { Observable } from 'rxjs';
 
 
 @Injectable({
@@ -93,6 +95,23 @@ export class TiledeskService {
     }))
   }
 
+
+  public getProjectUsersByProjectId(project_id: string) {
+    const url = this.SERVER_BASE_URL + project_id + '/project_users/';
+    this.logger.log('[TILEDESK-SERVICE] - GET PROJECT-USER URL', url);
+    
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type': 'application/json',
+        Authorization: this.tiledeskToken
+      })
+    };
+    return this.http.get(url, httpOptions).pipe(map((res: any) => {
+      this.logger.log('[TILEDESK-SERVICE] - GET PROJECT-USER RES ', res);
+      return res
+    }))
+  }
+
   public getAllLeadsActiveWithLimit(project_id: string, limit: number) {
     const url = this.SERVER_BASE_URL + project_id + '/leads?limit=' + limit + '&with_fullname=true';
     this.logger.log('[TILEDESK-SERVICE] - GET ALL ACTIVE LEADS (LIMIT 10000) -  URL', url);

package/src/chat21-core/utils/constants.ts

@@ -116,6 +116,7 @@ export const PLATFORM_DESKTOP = 'desktop';
 
 // STORAGE
 export const STORAGE_PREFIX = 'tiledesk_widget_';
+export const PROJECTS_STORAGE_KEY = 'all_projects';
 
 // links
 export const FIREBASESTORAGE_BASE_URL_IMAGE = 'https://firebasestorage.googleapis.com/v0/b/' //+ 'chat-v2-dev.appspot.com/o/';

package/src/chat21-core/utils/convertRequestToConversation.ts

@@ -30,7 +30,7 @@ export class ConvertRequestToConversation {
             '',
             request.lead && request.lead.fullname ? request.lead.fullname: null,
             request.status || '0',
-            moment(request.createdAt).unix(),
+            moment(request.createdAt).valueOf(),
             getColorBck(request.lead.fullname),
             avatarPlaceholder(request.lead.fullname),
             false,