Merge branch 'master' into features/roles-PROD

Author: Gabriele Panico

CHANGELOG.md

@@ -5,17 +5,81 @@
 *Dario De Pascalis* <br>
 *Giovanni Troisi* <br>
 *Nicola Lanzilotto* <br>
-### **Copyrigth**: 
+### **Copyright**: 
 *Tiledesk SRL*
 
+# 3.4.33 in PROD
+
+# 3.4.32 in PROD
+
+# 3.4.32-rc10
+- **bug-fixed**: minor ui fix
+
+# 3.4.32-rc9
+- **added**: sidebar-user-details — MutationObserver to close dropdowns when user details panel is hidden (watches #user-details class); cleanup in ngOnDestroy to prevent memory leaks.
+- **changed**: sidebar-user-details — refined closeDropdowns for better dropdown management when panel closes.
+- **added**: sidebar-user-details — hover to open status dropdown; improved status dropdown positioning logic.
+- **changed**: sidebar-user-details — flexbox layout (justify-content: space-between) for improved project item spacing.
+- **changed**: sidebar-user-details — HTML structure for conditional rendering of teammate status images and titles; cleaned up unused SCSS.
+
+# 3.4.32-rc8
+- **bug-fixed**: sidebar-user-details — status dropdown not visible when clicking first/last project; moved outside #user-details container to avoid overflow clipping.
+- **bug-fixed**: sidebar-user-details — replaced `transform` on #user-details with `left` animation to fix `position: fixed` containing block (dropdown positioning).
+- **changed**: sidebar-user-details — projects_dropdown_container and status-dropdown now use same colors as ng-select teammate-status-in-drawer.
+- **changed**: sidebar-user-details — projects-dropdown-wrapper styled to match ng-select container.
+- **added**: sidebar-user-details — MPA feature flag in featuresToken: if MPA is true show projects_dropdown_container, else show availability_dropdown_container.
+- **bug-fixed**: RouterModule.forRoot() called twice when clicking conversation — SharedModule now imports RouterModule.forChild([]) instead of AppRoutingModule.
+- **changed**: FindPipe and FilterPipe moved from AppModule to SharedModule for app-wide availability.
+- **added**: conversations-list — postMessage to hosting app on conversation selection (event: `onConversationChanged`, data: full conversation object).
+
+# 3.4.32-rc7
+- **added**: ability to change availability status per project for the logged-in user in sidebar-user-detail
+
+# 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.
+
+# 3.4.32-rc3
+- **bug-fixed**: unassigned conversations list was reset on each WebSocket subscription; conversations from other projects were lost when subscribing to multiple online projects. Added `skipClear` parameter to `subscriptionToWsConversations` so the list is cleared only once when subscribing to all online projects.
+- **changed**: unassigned conversations empty state — centered the "no conversations" label both vertically and horizontally within the full viewport height.
+
+# 3.4.32-rc2
+
+# 3.4.32-rc1
+- **added**: ability to change availability status for each project the logged-in user belongs to.
+- **changed**: unserved-request.page refactor html and ts refactor
+
+# 3.4.31 in PROD
+- **changed**: enhance HTML entities encoding by normalizing line breaks and handling null/undefined inputs
+- **changed**: API for upload a file/image into chat
+
+# 3.4.30 in PROD
+- **changed**: when the app is in background, play a sound whenever a new message arrives.
+
+# 3.4.29 in PROD
+- **bug-fixed**: web (Chrome >= 144) `ion-content` stopped scrolling on some pages (conversation list / contacts directory / unassigned); removed the forced `--overflow: hidden` and handled scrolling on Ionic’s internal scroll container via `ion-content::part(scroll)`
+
+# 3.4.28 in PROD
+- **bug-fixed**: cannot do project subscription if last_project object is not a project_user obj
+
+# 3.4.27 in PROD
+- **bug-fixed**: cannot find route if userFullname contains /
+
 # 3.4.26 in PROD
 
 # 3.4.26-rc2
 - **removed**: archive button on list conversations if is not on mobile device
 
 # 3.4.26-rc1
 - **added**: tiledesk_projectID query param to manage user status
-- **added**: token to managane ticket feature
+- **added**: token to manage ticket feature
 
 # 3.4.25 in PROD
 - **changed**: pipe marked to support malicious text input
@@ -1627,7 +1691,7 @@
 - bug-fix: info conversation right sidebar
 
 # 3.0.8
-- new: added Scrivi a...
+- new: added “Write to…” (contact list label)
 
 # 3.0.7
 - bug fix: navigation and routing

package-lock.json

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

package.json

@@ -120,7 +120,6 @@ export class AppComponent implements OnInit {
     private navService: NavProxyService,
     // public chatPresenceHandler: ChatPresenceHandler,
     public typingService: TypingService,
-    public uploadService: UploadService,
     public appStorageService: AppStorageService,
 
     // public chatConversationsHandler: ChatConversationsHandler,
@@ -344,7 +343,7 @@ export class AppComponent implements OnInit {
 
       if (event && event.data && event.data.action && event.data.parameter) {
         if (event.data.action === 'resolveConversation') {
-          this.conversationsHandlerService.archiveConversation(event.data.patameter)
+          this.conversationsHandlerService.archiveConversation(event.data.parameter)
         }
       }
       // if (event && event.data && event.data.action && event.data.parameter) {
@@ -549,7 +548,6 @@ export class AppComponent implements OnInit {
       if (pushEngine && pushEngine !== 'none') {
         this.notificationsService.initialize(this.tenant, vap_id_Key, platform)
       }
-      this.uploadService.initialize();
 
       this.setLanguage(null)
       this.initAuthentication();
@@ -888,10 +886,15 @@ export class AppComponent implements OnInit {
 
       let pageUrl = 'conversation-detail/'
       if (IDConv && FullNameConv) {
-        pageUrl += IDConv + '/' + FullNameConv + '/' + Convtype
+        pageUrl += IDConv + '/' + encodeURIComponent(FullNameConv) + '/' + Convtype
       }
+
+      const queryParams = this.route.snapshot.queryParams;
+      const queryString = new URLSearchParams(queryParams).toString();
+      pageUrl += queryString ? `?${queryString}` : '';
+
       // replace(/\(/g, '%28').replace(/\)/g, '%29') -> used for the encoder of any round brackets
-      this.router.navigateByUrl(pageUrl.replace(/\(/g, '%28').replace(/\)/g, '%29').replace( /#/g, "%23" ));
+      this.router.navigateByUrl(pageUrl.replace(/\(/g, '%28').replace(/\)/g, '%29'));
 
 
       // const DASHBOARD_URL = this.appConfigProvider.getConfig().DASHBOARD_URL;
@@ -1129,6 +1132,10 @@ export class AppComponent implements OnInit {
         if (changes.value && changes.value.sender !== currentUser.uid) {
           let checkIfStatusChanged = changes.value.is_new === changes.previousValue.is_new? true: false
           let checkIfUidChanged = changes.value.uid === changes.previousValue.uid? true: false
+          if(!this.isTabVisible){
+            this.manageTabNotification('new_message', true);
+            return
+          }
           if(changes.value.is_new && checkIfStatusChanged && checkIfUidChanged){
             this.manageTabNotification('new_message', true);
           }
@@ -1166,7 +1173,7 @@ export class AppComponent implements OnInit {
     // if (supportmode === true) {
     //   this.connetWebsocket() // moved in the comp project-item
     // }
-    this.events.publish('go:online', true);
+    
     const currentUser = this.tiledeskAuthService.getCurrentUser();
     this.setLanguage(currentUser);
     // this.logger.printDebug('APP-COMP - goOnLine****', currentUser);
@@ -1178,6 +1185,9 @@ export class AppComponent implements OnInit {
     this.projectService.initialize(serverBaseURL)
     this.projectUsersService.initialize(serverBaseURL)
     this.contactsService.initialize(serverBaseURL)
+
+
+    this.events.publish('go:online', true);
     // this.chatManager.startApp();
 
     // ----------------------------------------------
@@ -1299,7 +1309,7 @@ export class AppComponent implements OnInit {
   subscribeChangedConversationSelected = (user: UserModel, type: string) => {
     this.logger.log('[APP-COMP] subscribeUidConvSelectedChanged navigateByUrl', user, type);
     // this.router.navigateByUrl('conversation-detail/' + user.uid + '?conversationWithFullname=' + user.fullname);
-    this.router.navigateByUrl('conversation-detail/' + user.uid + '/' + user.fullname + '/' + type);
+    this.router.navigateByUrl('conversation-detail/' + user.uid + '/' + encodeURIComponent(user.fullname) + '/' + type);
   }
 
   subscribeProfileInfoButtonLogOut = (hasClickedLogout) => {
@@ -1338,7 +1348,6 @@ export class AppComponent implements OnInit {
 
   subscribeUnservedRequestCount = (unservedRequestCount) => {
     if(unservedRequestCount && unservedRequestCount > 0){
-      this.logger.debug("subscribeUnservedRequestCount appIsInitialized::::",this.isInitialized)
       if(this.isInitialized){
         this.manageTabNotification('conv_unassigned', true, unservedRequestCount) //sound and alternate title
       }
@@ -1471,10 +1480,10 @@ export class AppComponent implements OnInit {
             let Convtype = 'active'
 
             if (IDConv && FullNameConv) {
-              pageUrl += IDConv + '/' + FullNameConv + '/' + Convtype
+              pageUrl += IDConv + '/' + encodeURIComponent(FullNameConv) + '/' + Convtype
             }
             // replace(/\(/g, '%28').replace(/\)/g, '%29') -> used for the encoder of any round brackets
-            this.router.navigateByUrl(pageUrl.replace(/\(/g, '%28').replace(/\)/g, '%29').replace( /#/g, "%23" ));
+            this.router.navigateByUrl(pageUrl.replace(/\(/g, '%28').replace(/\)/g, '%29'));
           } else {
             console.log("FCM: Received in foreground", JSON.stringify(data));
             // let IDConv = data.recipient
@@ -1485,7 +1494,7 @@ export class AppComponent implements OnInit {
             //   pageUrl += IDConv + '/' + FullNameConv + '/' + Convtype
             // }
             // // replace(/\(/g, '%28').replace(/\)/g, '%29') -> used for the encoder of any round brackets
-            // this.router.navigateByUrl(pageUrl.replace(/\(/g, '%28').replace(/\)/g, '%29').replace( /#/g, "%23" ));
+            // this.router.navigateByUrl(pageUrl.replace(/\(/g, '%28').replace(/\)/g, '%29'));
           };
         });
     }

src/app/app.component.ts

@@ -205,13 +205,13 @@
 //                             overflow-x: hidden;
 //                         }
 //                         .c21-ico-schedule {
-//                             background-image: url("src/assets/images/f21ico-schedule.svg");
+//                             background-image: url("src/assets/img/f21ico-schedule.svg");
 //                         }
 //                         .c21-ico-done {
-//                             background-image: url("src/assets/images/f21ico-done.svg");
+//                             background-image: url("src/assets/img/f21ico-done.svg");
 //                         }
 //                         .c21-ico-done_all {
-//                             background-image: url("src/assets/images/f21ico-done_all.svg");
+//                             background-image: url("src/assets/img/f21ico-done_all.svg");
 //                         }
 //                     }
 

src/app/chatlib/conversation-detail/conversation-content/conversation-content.component.scss

@@ -58,7 +58,7 @@ export class ConversationContentComponent implements OnInit {
   MESSAGE_TYPE_OTHERS = MESSAGE_TYPE_OTHERS;
   // ========== end:: check message type functions ======= //
 
-  urlBOTImage = 'https://s3.eu-west-1.amazonaws.com/tiledesk-widget/dev/2.0.4-beta.7/assets/images/avatar_bot_tiledesk.svg'
+  urlBOTImage = 'https://s3.eu-west-1.amazonaws.com/tiledesk-widget/dev/2.0.4-beta.7/assets/img/avatar_bot_tiledesk.svg'
   uploadProgress: number;
   showUploadProgress: boolean = false;
   fileType: string;

src/app/chatlib/conversation-detail/conversation-content/conversation-content.component.ts

@@ -184,7 +184,7 @@
       <ng-container *ngIf="isCopilotEnabled">
         <ion-button shape="round" size="small" class="btn-info-msg btn-copilot" ion-button fill="clear"
           (click)="onClickOptionsCopilot(message, i)">
-          <ion-icon id="copilot" src="assets/images/icons/copilot.svg"></ion-icon>
+          <ion-icon id="copilot" src="assets/img/icons/copilot.svg"></ion-icon>
         </ion-button>
       </ng-container>
 

src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.html

@@ -1,6 +1,6 @@
 <div class="c21-icon-avatar">
   <div class="c21-avatar-image profile_image">
-    <!-- <img src="getUrlImgProfile(message.sender) {{getUrlImgProfile(message.sender)}}" onError="this.src = 'https://s3.eu-west-1.amazonaws.com/tiledesk-widget/v2/assets/images/line_avatar_male_tiledesk.svg'" /> -->
+    <!-- <img src="getUrlImgProfile(message.sender) {{getUrlImgProfile(message.sender)}}" onError="this.src = 'https://s3.eu-west-1.amazonaws.com/tiledesk-widget/v2/assets/img/line_avatar_male_tiledesk.svg'" /> -->
     <!-- <img [src]="url" (error)="onBotImgError($event)" /> -->
     <img *ngIf="senderID?.indexOf('bot_') !== -1 || senderFullname === 'Bot'" [src]="url" (error)="onBotImgError($event)" (load)="onLoadedBot($event)"/>
     <!-- is a HUMAN -->

src/app/chatlib/conversation-detail/message/avatar/avatar.component.html

@@ -17,18 +17,18 @@ export class AvatarComponent implements OnInit {
     if(this.senderID){
       this.url = this.imageRepoService.getImagePhotoUrl(this.senderID)  
       if(!this.url && (this.senderID.indexOf('bot_') !== -1 || this.senderFullname === 'Bot')){
-        this.url =  this.baseLocation +'/assets/images/avatar_bot_tiledesk.svg'
+        this.url =  this.baseLocation +'/assets/img/avatar_bot_tiledesk.svg'
       }else if(!this.url && this.senderID.indexOf('bot_') == -1){
-        this.url =  this.baseLocation +'/assets/images/light_avatar_placeholder.svg'
+        this.url =  this.baseLocation +'/assets/img/light_avatar_placeholder.svg'
       }
     }
   }
 
   onBotImgError(event){
-    event.target.src = this.baseLocation +'/assets/images/avatar_bot_tiledesk.svg'
+    event.target.src = this.baseLocation +'/assets/img/avatar_bot_tiledesk.svg'
   }
   onHumanImgError(event) {
-    event.target.src = this.baseLocation + "/assets/images/light_avatar_placeholder.svg"
+    event.target.src = this.baseLocation + "/assets/img/light_avatar_placeholder.svg"
   }
 
   onLoadedBot(event){

src/app/chatlib/conversation-detail/message/avatar/avatar.component.ts

@@ -8,5 +8,6 @@
     [height]="height"
     [src]="metadata.src" 
     (load)="onLoaded($event)" 
+    (error)="onError($event)"
     (click)="openImageViewerModal(metadata.src, metadata.name)" />
 </div>