@chat21/chat21-ionic 3.4.30 → 3.4.32-rc1

package/src/chat21-core/providers/firebase/firebase-upload.service.ts

@@ -42,7 +42,7 @@ export class FirebaseUploadService extends UploadService {
     });
   }
 
-  public initialize() {
+  public async initialize(projectId?: string) {
     this.logger.log('[FIREBASEUploadSERVICE] initialize');
   }
   
@@ -104,6 +104,107 @@ export class FirebaseUploadService extends UploadService {
 
   }
 
+  public uploadFile(userId: string, upload: UploadModel): Promise<{downloadURL: string, src: any}> {
+    const that = this;
+    const uid = this.createGuid();
+    const urlImagesNodeFirebase = '/public/images/' + userId + '/' + uid + '/' + upload.file.name;
+    this.logger.debug('[FIREBASEUploadSERVICE] pushUpload ', urlImagesNodeFirebase, upload.file);
+
+    // Create a root reference
+    const storageRef = firebase.storage().ref();
+    this.logger.debug('[FIREBASEUploadSERVICE] storageRef', storageRef);
+    
+    // Create a reference to 'mountains.jpg'
+    const mountainsRef = storageRef.child(urlImagesNodeFirebase);
+    this.logger.debug('[FIREBASEUploadSERVICE] mountainsRef ', mountainsRef);
+ 
+    // const metadata = {};
+    const metadata = { name: upload.file.name, contentType: upload.file.type, contentDisposition: 'attachment; filename=' + upload.file.name };
+
+    let uploadTask = mountainsRef.put(upload.file, metadata);
+   
+    return new Promise((resolve, reject) => {
+      uploadTask.on('state_changed', function progress(snapshot) {
+        // Observe state change events such as progress, pause, and resume
+        // Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded
+        var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
+        that.logger.debug('[FIREBASEUploadSERVICE] Upload is ' + progress + '% done');
+        
+        // ----------------------------------------------------------------------------------------------------------------------------------------------
+        // BehaviorSubject publish the upload progress state - the subscriber is in ion-conversastion-detail.component.ts > listenToUploadFileProgress()
+        // ----------------------------------------------------------------------------------------------------------------------------------------------
+      
+        that.BSStateUpload.next({ upload: progress, type: upload.file.type });
+        
+        switch (snapshot.state) {
+          case firebase.storage.TaskState.PAUSED: // or 'paused'
+            that.logger.debug('[FIREBASEUploadSERVICE] Upload is paused');
+            
+            break;
+          case firebase.storage.TaskState.RUNNING: // or 'running'
+            that.logger.debug('[FIREBASEUploadSERVICE] Upload is running');
+            
+            break;
+        }
+      }, function error(error) {
+        // Handle unsuccessful uploads
+        reject(error)
+      }, async function complete() {
+        // Handle successful uploads on complete
+        that.logger.debug('[FIREBASEUploadSERVICE] Upload is complete', upload);
+        
+        const downloadURL = await uploadTask.snapshot.ref.getDownloadURL();
+        resolve({downloadURL: downloadURL, src: downloadURL})
+        // that.BSStateUpload.next({upload: upload});
+
+      });
+    })
+  }
+
+  public uploadAsset(userId: string, upload: UploadModel, expiration: number = 60): Promise<{downloadURL: string, src: any}> {
+    // expiration is ignored on Firebase, but kept for API compatibility with NativeUploadService
+    const that = this;
+    const uid = this.createGuid();
+    const urlAssetsNodeFirebase = '/public/assets/' + userId + '/' + uid + '/' + upload.file.name;
+    this.logger.debug('[FIREBASEUploadSERVICE] uploadAsset ', urlAssetsNodeFirebase, upload.file, 'expiration:', expiration);
+
+    // Create a root reference
+    const storageRef = firebase.storage().ref();
+    this.logger.debug('[FIREBASEUploadSERVICE] storageRef', storageRef);
+    
+    const assetRef = storageRef.child(urlAssetsNodeFirebase);
+    this.logger.debug('[FIREBASEUploadSERVICE] assetRef ', assetRef);
+ 
+    const metadata = { name: upload.file.name, contentType: upload.file.type, contentDisposition: 'attachment; filename=' + upload.file.name };
+
+    let uploadTask = assetRef.put(upload.file, metadata);
+   
+    return new Promise((resolve, reject) => {
+      uploadTask.on('state_changed', function progress(snapshot) {
+        var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
+        that.logger.debug('[FIREBASEUploadSERVICE] uploadAsset is ' + progress + '% done');
+        
+        that.BSStateUpload.next({ upload: progress, type: upload.file.type });
+        
+        switch (snapshot.state) {
+          case firebase.storage.TaskState.PAUSED:
+            that.logger.debug('[FIREBASEUploadSERVICE] uploadAsset is paused');
+            break;
+          case firebase.storage.TaskState.RUNNING:
+            that.logger.debug('[FIREBASEUploadSERVICE] uploadAsset is running');
+            break;
+        }
+      }, function error(error) {
+        reject(error)
+      }, async function complete() {
+        that.logger.debug('[FIREBASEUploadSERVICE] uploadAsset is complete', upload);
+        
+        const downloadURL = await uploadTask.snapshot.ref.getDownloadURL();
+        resolve({downloadURL: downloadURL, src: downloadURL})
+      });
+    })
+  }
+
   public uploadProfile(userId: string, upload: UploadModel): Promise<any>  {
     const that = this;
     const urlImagesNodeFirebase = '/profiles/' + userId + '/photo.jpg'
@@ -192,6 +293,40 @@ export class FirebaseUploadService extends UploadService {
     })
   }
 
+  public async deleteFile(userId: string, path: string): Promise<any>{
+    const that = this;
+    const file_name_photo = 'photo.jpg';
+    const file_name_thumb_photo = 'thumb_photo.jpg';
+
+    that.logger.debug('[FIREBASEUploadSERVICE] delete image for USER', userId, path);
+
+    let uid = path.split(userId)[1].split('%2F')[1]; // get the UID of the image
+    let imageName = path.split(uid + '%2F')[1].split('?')[0];
+
+    // Create a root reference
+    const storageRef = firebase.storage().ref();
+    const ref = storageRef.child('public/images/' + userId + '/'+ uid + '/')
+    let arrayPromise = []
+    await ref.listAll().then((dir => {
+      dir.items.forEach(fileRef => arrayPromise.push(this.deleteFile(ref.fullPath, fileRef.name)));
+    })).catch(error => {
+      that.logger.error('[FIREBASEUploadSERVICE] delete: listAll error', error)
+    })
+
+    //AWAIT to return ALL the promise delete()
+    return new Promise((resolve, reject)=> {
+      Promise.all(arrayPromise).then(()=>{
+        resolve(true)
+      }).catch((error)=>{
+        reject(error)
+      })
+    })
+  }
+
+  public async deleteAsset(userId: string, path: string): Promise<any>{
+    return this.deleteProfile(userId, path);
+  }
+  
   public async deleteProfile(userId: string, path: string): Promise<any>{
     const that = this;
     const file_name_photo = 'photo.jpg';
@@ -219,13 +354,5 @@ export class FirebaseUploadService extends UploadService {
     })
   }
 
-  // // ------------------------------------
-  // // Delete the file photo
-  // // ------------------------------------
-  private deleteFile(pathToFile, fileName){
-    const ref = firebase.storage().ref(pathToFile);
-    const childRef = ref.child(fileName);
-    return childRef.delete()
-  }
 
 }

package/src/chat21-core/providers/mqtt/mqtt-conversation-handler.ts

@@ -365,7 +365,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
                 complement = INFO_SUPPORT_USER_ADDED_COMPLEMENT;
             } else {
                 if (message.attributes.messagelabel.parameters.firstname) {
-                    // other user has been added to the group (and he has a firstname)
+                    // other user has been added to the group (and he has a fullname)
                     subject = message.attributes.messagelabel.parameters.firstname;
                     verb = INFO_SUPPORT_USER_ADDED_VERB;
                     complement = INFO_SUPPORT_USER_ADDED_COMPLEMENT;

package/src/chat21-core/providers/native/native-image-repo.ts

@@ -16,7 +16,7 @@ export class NativeImageRepoService extends ImageRepoService {
      * @param uid
      */
     getImagePhotoUrl(uid: string): string {
-        this.baseImageURL = this.getImageBaseUrl() + 'images'
+        this.baseImageURL = this.getImageBaseUrl() + 'files'
         let sender_id = '';
         if (uid.includes('bot_')) {
             sender_id = uid.slice(4)

package/src/chat21-core/providers/native/native-upload-service.ts

@@ -6,6 +6,7 @@ import { UploadModel } from '../../models/upload';
 import { AppStorageService } from '../abstract/app-storage.service';
 import { LoggerService } from '../abstract/logger.service';
 import { LoggerInstance } from '../logger/loggerInstance';
+import { first } from 'rxjs/operators';
 
 // @Injectable({ providedIn: 'root' })
 @Injectable()
@@ -14,8 +15,8 @@ export class NativeUploadService extends UploadService {
     BSStateUpload: BehaviorSubject<any> = new BehaviorSubject<any>(null)
 
     private tiledeskToken: string;
-    private URL_TILEDESK_IMAGES: string;
     private URL_TILEDESK_FILE: string;
+    private URL_TILEDESK_UPLOAD: string;
     private logger: LoggerService = LoggerInstance.getInstance()
 
     constructor(
@@ -25,15 +26,17 @@ export class NativeUploadService extends UploadService {
         super();
     }
 
-    initialize(): void {
-        this.logger.info('[NATIVE UPLOAD] initialize')
-        this.URL_TILEDESK_FILE = this.getBaseUrl() + 'files'
-        this.URL_TILEDESK_IMAGES = this.getBaseUrl() + 'images'
+    initialize(projectId?: string): void {
+        this.logger.info('[NATIVE UPLOAD] initialize', this.getBaseUrl())
+        if (projectId) {
+            this.URL_TILEDESK_FILE = this.getBaseUrl() + projectId + '/files'
+        }
+        this.URL_TILEDESK_UPLOAD = this.getBaseUrl();
         this.tiledeskToken = this.appStorage.getItem('tiledeskToken')
     }
 
 
-    upload(userId: string, upload: UploadModel): Promise<{ downloadURL: string, src: string}>  {
+    upload(userId: string, upload: UploadModel): Promise<{downloadURL: string, src: string}>  {
         this.logger.log('[NATIVE UPLOAD] - upload new image/file ... upload', upload)
         const headers = new HttpHeaders({
             Authorization: this.tiledeskToken,
@@ -45,37 +48,93 @@ export class NativeUploadService extends UploadService {
 
         const that = this;
         if ((upload.file.type.startsWith('image') && (!upload.file.type.includes('svg')))) {
-            this.logger.log('[NATIVE UPLOAD] - upload new image')
             //USE IMAGE API
-            const url = this.URL_TILEDESK_IMAGES + '/users'
+            const url = this.URL_TILEDESK_UPLOAD + 'images/users'
             return new Promise((resolve, reject) => {
-                that.http.post(url, formData, requestOptions).subscribe(data => {
-                    const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
-                    resolve({downloadURL : downloadURL, src: downloadURL})
-                    // that.BSStateUpload.next({upload: upload});
-                }, (error) => {
-                    reject(error)
+                that.http.post(url, formData, requestOptions).pipe(first()).subscribe({
+                    next: (data) => {
+                        const downloadURL = this.URL_TILEDESK_UPLOAD + 'images?path=' + encodeURIComponent(data?.['filename']);
+                        resolve({downloadURL : downloadURL, src: downloadURL})
+                        // that.BSStateUpload.next({upload: upload});
+                    },
+                    error: (error) => {
+                        reject(error)
+                    }
                 });
             });
         } else {
-            this.logger.log('[NATIVE UPLOAD] - upload new file')
             //USE FILE API
-            const url = this.URL_TILEDESK_FILE + '/users'
+            const url = this.URL_TILEDESK_UPLOAD + 'files/users'
             return new Promise((resolve, reject) => {
-                that.http.post(url, formData, requestOptions).subscribe(data => {
-                    const src = this.URL_TILEDESK_FILE + '?path=' + encodeURI(data['filename']);
-                    const downloadURL = this.URL_TILEDESK_FILE + '/download' + '?path=' + encodeURI(data['filename']);
-                    resolve({downloadURL : downloadURL, src: src})
-                    // that.BSStateUpload.next({upload: upload});
-                }, (error) => {
-                    this.logger.error('[NATIVE UPLOAD] - ERROR upload new file ', error)
-                    reject(error)
+                that.http.post(url, formData, requestOptions).pipe(first()).subscribe({
+                    next: (data) => {
+                        const src = this.URL_TILEDESK_UPLOAD + 'files?path=' + encodeURIComponent(data['filename']);
+                        const downloadURL = this.URL_TILEDESK_UPLOAD + 'files/download' + '?path=' + encodeURIComponent(data['filename']);
+                        resolve({downloadURL : downloadURL, src: src})
+                        // that.BSStateUpload.next({upload: upload});
+                    }, 
+                    error: (error) => {
+                        this.logger.error('[NATIVE UPLOAD] - ERROR upload new file ', error)
+                        reject(error)
+                    }
                 });
             });
         }
         
     }
 
+    uploadFile(userId: string, upload: UploadModel): Promise<{downloadURL: string, src: string}>  {
+        this.logger.log('[NATIVE UPLOAD] - upload new image/file ... upload', upload)
+        const headers = new HttpHeaders({
+            Authorization: this.tiledeskToken,
+            //'Content-Type': 'multipart/form-data',
+        });
+        const requestOptions = { headers: headers };
+        const formData = new FormData();
+        formData.append('file', upload.file);
+
+        const that = this;
+        const url = this.URL_TILEDESK_FILE + '/chat'
+        return new Promise((resolve, reject) => {
+            that.http.post(url, formData, requestOptions).pipe(first()).subscribe({
+                next: (data) => {
+                    const src = this.URL_TILEDESK_UPLOAD + 'files?path=' + encodeURIComponent(data['filename']);
+                    const downloadURL = this.URL_TILEDESK_UPLOAD + 'files/download?path=' + encodeURIComponent(data['filename']);
+                    resolve({downloadURL : downloadURL, src: src})
+                },
+                error: (error) => {
+                    reject(error)
+                }
+            });
+        });    
+    }
+
+    uploadAsset(userId: string, upload: UploadModel, expiration: number = 60): Promise<{downloadURL: string, src: string}> {
+        this.logger.log('[NATIVE UPLOAD] - upload new asset ... upload', upload, 'expiration:', expiration)
+        const headers = new HttpHeaders({
+            Authorization: this.tiledeskToken,
+        });
+        const requestOptions = { headers: headers };
+        const formData = new FormData();
+        formData.append('file', upload.file);
+
+        const that = this;
+        const queryString = expiration !== undefined ? `?expiration=${encodeURIComponent(String(expiration))}` : ''
+        const url = this.URL_TILEDESK_FILE + `/assets${queryString}`
+        return new Promise((resolve, reject) => {
+            that.http.post(url, formData, requestOptions).pipe(first()).subscribe({
+                next: (data) => {
+                    const src = this.URL_TILEDESK_UPLOAD + 'files?path=' + data['filename'];
+                    const downloadURL = this.URL_TILEDESK_UPLOAD + 'files/download?path=' + encodeURIComponent(data['filename']);
+                    resolve({downloadURL : downloadURL, src: src})
+                },
+                error: (error) => {
+                    reject(error)
+                }
+            });
+        });
+    }
+
     uploadProfile(userId: string, upload: UploadModel): Promise<any> {
         this.logger.log('[NATIVE UPLOAD] - upload new photo profile  ... upload', upload)
         const headers = new HttpHeaders({
@@ -88,14 +147,18 @@ export class NativeUploadService extends UploadService {
 
         // USE IMAGE API
         const that = this;
-        const url = this.URL_TILEDESK_IMAGES + `/users/photo?force=true&user_id=${userId}`
+        const queryString = userId?.startsWith('bot_') ? `?bot_id=${encodeURIComponent(userId.substring('bot_'.length))}` : ''
+        const url = this.URL_TILEDESK_FILE + `/users/photo${queryString}`
         return new Promise((resolve, reject) => {
-            that.http.put(url, formData, requestOptions).subscribe(data => {
-                const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['thumbnail'];
-                resolve(downloadURL)
-                // that.BSStateUpload.next({upload: upload});
-            }, (error) => {
-                reject(error)
+            that.http.put(url, formData, requestOptions).pipe(first()).subscribe({
+                next: (data) => {
+                    const downloadURL = this.getBaseUrl() + 'files?path=' + data['thumbnail'];
+                    resolve(downloadURL)
+                    // that.BSStateUpload.next({upload: upload});
+                },
+                error: (error) => {
+                    reject(error)
+                }
             });
         });
     }
@@ -110,18 +173,50 @@ export class NativeUploadService extends UploadService {
 
         //USE IMAGE API
         const that = this;
-        const url = this.URL_TILEDESK_IMAGES + '/users' + '?path=' + path.split('path=')[1]
+        const url = this.URL_TILEDESK_UPLOAD + 'images/users' + '?path=' + path.split('path=')[1]
+        return new Promise((resolve, reject) => {
+            that.http.delete(url, requestOptions).pipe(first()).subscribe({
+                next: (data) => {
+                    // const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
+                    resolve(true)
+                    // that.BSStateUpload.next({upload: upload});
+                }, 
+                error: (error) => {
+                    reject(error)
+                }
+            });
+        });
+    }
+
+    deleteFile(userId: string, path: string): Promise<any>{
+        this.logger.log('[NATIVE UPLOAD] - delete image ... upload', userId)
+        const headers = new HttpHeaders({
+            Authorization: this.tiledeskToken,
+            //'Content-Type': 'multipart/form-data',
+        });
+        const requestOptions = { headers: headers };
+
+        //USE IMAGE API
+        const that = this;
+        const url = this.URL_TILEDESK_FILE + '?path=' + path.split('path=')[1]
         return new Promise((resolve, reject) => {
-            that.http.delete(url, requestOptions).subscribe(data => {
-                // const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
-                resolve(true)
-                // that.BSStateUpload.next({upload: upload});
-            }, (error) => {
-                reject(error)
+            that.http.delete(url, requestOptions).pipe(first()).subscribe({
+                next: (data) => {
+                    // const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
+                    resolve(true)
+                    // that.BSStateUpload.next({upload: upload});
+                },
+                error: (error) => {
+                    reject(error)
+                }
             });
         });
     }
 
+    deleteAsset(userId: string, path: string): Promise<any>{
+        return this.deleteFile(userId, path);
+    }
+    
     deleteProfile(userId: string, path: string): Promise<any>{
         this.logger.log('[NATIVE UPLOAD] - delete image ... upload', userId)
         const headers = new HttpHeaders({
@@ -132,14 +227,17 @@ export class NativeUploadService extends UploadService {
 
         //USE IMAGE API
         const that = this;
-        const url = this.URL_TILEDESK_IMAGES + '/users' + '?path=' + "uploads/users/"+ userId + "/images/photo.jpg"
+        const url = this.URL_TILEDESK_FILE + '?path=' + "uploads/users/"+ userId + "/images/photo.jpg"
         return new Promise((resolve, reject) => {
-            that.http.delete(url, requestOptions).subscribe(data => {
-                // const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
-                resolve(true)
-                // that.BSStateUpload.next({upload: upload});
-            }, (error) => {
-                reject(error)
+            that.http.delete(url, requestOptions).pipe(first()).subscribe({
+                next: (data) => {
+                    // const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
+                    resolve(true)
+                    // that.BSStateUpload.next({upload: upload});
+                },
+                error: (error) => {
+                    reject(error)
+                }
             });
         });
     }

package/src/chat21-core/providers/tiledesk/tiledesk-auth.service.ts

@@ -121,6 +121,7 @@ export class TiledeskAuthService {
       this.http.post(this.URL_TILEDESK_SIGNIN_WITH_CUSTOM_TOKEN, null, requestOptions).subscribe((data) => {
         if (data['success'] && data['token']) {
           that.tiledeskToken = data['token'];
+          data['user'].token = tiledeskToken; // mantengo il token custom nell'oggetto user
           that.createCompleteUser(data['user']);
           this.checkAndSetInStorageTiledeskToken(that.tiledeskToken)
           this.BS_IsONLINE.next(true)
@@ -177,6 +178,8 @@ export class TiledeskAuthService {
       this.currentUser = member;
       this.logger.log('[TILEDESK-AUTH] - createCompleteUser member ', member);
       this.appStorage.setItem('currentUser', JSON.stringify(this.currentUser));
+      const { iat, aud, iss, jti, ...cleanUser } = user; //destructuring and rest user object
+      localStorage.setItem('user', JSON.stringify(cleanUser));
 
     } catch (err) {
       this.logger.error('[TILEDESK-AUTH]- createCompleteUser ERR ', err)

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

@@ -148,5 +148,10 @@ export enum PLAN_NAME {
 
 export const tranlatedLanguage = ['it', 'en', 'de', 'es', 'pt', 'fr', 'ru', 'tr', 'sr', 'ar', 'uk', 'sv', 'az', 'kk', 'uz']
 
+export const TEAMMATE_STATUS = [
+    { id: 1, name: 'Available', avatar: 'assets/img/teammate-status/avaible.svg', label: "LABEL_AVAILABLE" },
+    { id: 2, name: 'Unavailable', avatar: 'assets/img/teammate-status/unavaible.svg', label: "LABEL_NOT_AVAILABLE" },
+    { id: 3, name: 'Inactive', avatar: 'assets/img/teammate-status/inactive.svg', label: "LABEL_INACTIVE" },
+  ];
 
 

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

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

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

@@ -2,7 +2,7 @@
 import * as moment from 'moment/moment';
 // import * as moment from 'moment-timezone';
 import 'moment/locale/it.js';
-import { CHANNEL_TYPE } from './constants';
+import { CHANNEL_TYPE, TEAMMATE_STATUS } from './constants';
 
 import { HttpClient } from '@angular/common/http';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
@@ -765,6 +765,12 @@ export function isOnMobileDevice() {
   return IS_ON_MOBILE_DEVICE;
 }
 
+
+export function checkIfIsInIframe(){
+  const isInIframe = window.self !== window.top;
+  return isInIframe;
+}
+
 export function checkWindowWidthIsLessThan991px() {
   // console.log('UTILS - checkWindowWidthIsLessThan991px:: ', window.innerWidth);
   if (window.innerWidth < 991) {
@@ -1018,6 +1024,50 @@ export function isAllowedUrlInText(text: string, allowedUrls: string[]) {
 }
 
 function extractUrls(text: string): string[] {
-  const urlRegex = /https?:\/\/[^\s]+/g;
-  return text.match(urlRegex) || [];
+  // Rileva URL con o senza protocollo (http/https)
+  const urlRegex = /\b((https?:\/\/)?(www\.)?[a-z0-9.-]+\.[a-z]{2,})(\/[^\s]*)?/gi;
+  const matches = text.match(urlRegex) || [];
+  // Normalizza: aggiunge https:// se manca, così il parsing con new URL() funziona
+  return matches.map((url) => {
+    if (!/^https?:\/\//i.test(url)) {
+      return 'https://' + url;
+    }
+    return url;
+  });
+}
+
+/**
+ * Restituisce lo status dell'utente nel contesto di un project.
+ * Basato su user_available e profileStatus dell'oggetto projectUser.
+ *
+ * @param projectUser - Oggetto con user_available e profileStatus (es. ProjectUser dal websocket)
+ * @returns Oggetto da TEAMMATE_STATUS (Available, Unavailable, Inactive) o null se i dati non sono sufficienti
+ */
+export function getUserStatusFromProjectUser(projectUser: {
+  user_available?: boolean;
+  profileStatus?: string;
+}): typeof TEAMMATE_STATUS[number] | null {
+  if (!projectUser) {
+    return null;
+  }
+
+  if (projectUser.user_available === false && projectUser.profileStatus === 'inactive') {
+    return TEAMMATE_STATUS[2]; // Inactive
+  }
+  if (projectUser.user_available === false && (!projectUser.profileStatus || projectUser.profileStatus === '')) {
+    return TEAMMATE_STATUS[1]; // Unavailable
+  }
+  if (projectUser.user_available === true && (!projectUser.profileStatus || projectUser.profileStatus === '')) {
+    return TEAMMATE_STATUS[0]; // Available
+  }
+
+  // Fallback per casi non esplicitamente gestiti
+  if (projectUser.user_available === true) {
+    return TEAMMATE_STATUS[0];
+  }
+  if (projectUser.user_available === false) {
+    return TEAMMATE_STATUS[1];
+  }
+
+  return null;
 }

package/src/variables.scss

@@ -44,6 +44,9 @@ body {
     --last-message-color: rgb(60, 72, 88);
 
     --contact-directory-searchbar-background: rgba(0, 0, 0, 0.05);
+
+    --join-button-background: var(--basic-blue);
+    --resolve-button-background: #e4e6eb;
     // ***** Conversation-list: end ***** //
 
     // ***** Conversation-detail: start ***** //