@chat21/chat21-ionic 3.0.90-rc.4 → 3.0.90-rc.5

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # chat21-ionic ver 3.0
 
+### 3.0.90-rc.5
+- added: implementation of conversationChangedDetailed in MQTTConversationsHandler service
+- added: LIVE_PAGE info-message type
+- added: live page info in conversation. header (work in progress)
+- changed: info-message UI
+- bug-fixed: options-container not has transparent background if one emotion is present
+- bug-fixed: modals not closed on ESC keyboard button
+- removed: forward of logs to server
+
 ### 3.0.90-rc.4
 - added: splitMessage in MQTTConversationHandler service
 - changed: aligned FirebaseConversationHandler service to widget

package/package.json

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

package/src/app/app.component.ts

@@ -1292,7 +1292,7 @@ export class AppComponent implements OnInit {
   }
 
   private initConversationsHandler(userId: string) {
-    const keys = ['YOU', 'INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU'];
+    const keys = ['YOU'];
     const translationMap = this.translateService.translateLanguage(keys);
 
     this.logger.log('[APP-COMP] initConversationsHandler ------------->', userId, this.tenant);

package/src/app/app.module.ts

@@ -280,12 +280,12 @@ const appInitializerFn = (appConfig: AppConfigProvider, logger: NGXLogger) => {
     }),
     LoggerModule.forRoot({
       level: NgxLoggerLevel.DEBUG,
-      serverLogLevel: NgxLoggerLevel.ERROR,
+      // serverLogLevel: NgxLoggerLevel.ERROR,
       timestampFormat: 'HH:mm:ss.SSS',
       enableSourceMaps: false,
       disableFileDetails: true,
       colorScheme: ['purple', 'yellow', 'gray', 'gray', 'red', 'red', 'red'],
-      serverLoggingUrl: 'https://tiledesk-server-pre.herokuapp.com/logs'
+      // serverLoggingUrl: 'https://tiledesk-server-pre.herokuapp.com/logs'
     }),
     ScrollbarThemeModule,
     SharedModule,

package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.scss

@@ -35,7 +35,8 @@
 
 
 //------- MANAGE CHAT-OPTIONS component :: INIT ------- //
-:host .base_sent .msg_sent.no-background ::ng-deep > div{
+:host .base_sent .msg_sent.no-background ::ng-deep > div,
+:host .base_sent .msg_sent.emoticon ::ng-deep > div{
     .options-container{
         background: transparent;
 
@@ -46,7 +47,8 @@
     
 }
 
-:host .base_receive .msg_receive.no-background ::ng-deep > div{
+:host .base_receive .msg_receive.no-background ::ng-deep > div,
+:host .base_receive .msg_receive.emoticon ::ng-deep > div{
     .options-container{
         background: transparent;
 

package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.ts

@@ -111,6 +111,7 @@ export class IonConversationDetailComponent extends ConversationContentComponent
     } else if (this.browserLang && stored_preferred_lang) {
       chat_lang = stored_preferred_lang
     }
+
     moment.locale(chat_lang)
     // this.translate.getTranslation(chat_lang).subscribe((labels: string) => {
     //   console.log('[CONVS-DETAIL] translations: ', labels);
@@ -211,7 +212,7 @@ export class IonConversationDetailComponent extends ConversationContentComponent
       component: CreateCannedResponsePage,
       componentProps: attributes,
       swipeToClose: false,
-      backdropDismiss: false,
+      backdropDismiss: true,
     })
     modal.onDidDismiss().then((dataReturned: any) => {
       // 
@@ -231,8 +232,8 @@ export class IonConversationDetailComponent extends ConversationContentComponent
       cssClass: 'json-modal-class',
       componentProps: attributes,
       swipeToClose: false,
-      backdropDismiss: false,
-      keyboardClose: true,
+      backdropDismiss: true,
+      // keyboardClose: true,
     })
     modal.onDidDismiss().then((dataReturned: any) => {
       // 

package/src/app/chatlib/conversation-detail/message/info-message/info-message.component.html

@@ -1,20 +1,20 @@
 <div class="info-container">
-    <!-- <div class="spinner">
+    <div class="spinner">
         <div class="bounce3"></div>
         <div class="bounce2"></div>
         <div class="bounce1"></div>
-    </div> -->
+    </div>
       
-    <div>
+    <div style="max-width: 70%;">
         <span class="base_info" [innerHTML]="message?.text | marked" [options]="tooltipOptions" [tooltip]="timeTooltipLeft"  placement="left" content-type="template"></span>
         <ng-template #timeTooltipLeft>
             <span>{{message.timestamp | amTimeAgo}} ({{message.timestamp | amLocal | amDateFormat: 'L HH:mm:ss'}})</span>
         </ng-template> 
     </div>
     
-    <!-- <div class="spinner">
+    <div class="spinner">
         <div class="bounce1"></div>
         <div class="bounce2"></div>
         <div class="bounce3"></div>
-    </div> -->
+    </div>
 </div>

package/src/app/chatlib/conversation-detail/message/info-message/info-message.component.scss

@@ -3,6 +3,7 @@
     align-content: center;
     justify-content: center;
     padding: 4px 0px 2px 0px;
+    width: 100%;
 }
 
 .base_info {
@@ -17,6 +18,11 @@
     color: var(--basic-gray);
     margin-left: 5px; //32px;
     margin-right: 5px; //32px;
+
+    a {
+        word-break: break-all;
+    }
+
  
 }
 

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.html

@@ -63,10 +63,18 @@
           </div>
         </div>
         
-
+        <!-- <div>
+          <ion-button class="live" ion-button color="danger">
+            <span class="live-icon"></span>
+            <span class="live-text">{{translationsMap.get('LIVE')}}</span>
+            <span class="live-content">source page</span>
+          </ion-button>
+        </div> -->
         
 
       </div>
+
+      
       
 
       <!-- <div *ngIf="conversationWithFullname" class="tile-info-with" (click)="onOpenCloseInfoConversation()">        

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.scss

@@ -222,4 +222,60 @@ ion-header {
     left: 63px;
 }
 
+ion-button.live{
+    --padding-end: 0px;
+    --padding-start: 5px;
+    
+    span.live-icon{
+        display: inline-block;
+        position: relative;
+        // top: calc(50% - 5px);
+        background-color: white;
+        width: 10px;
+        height: 10px;
+        margin-left: 5px;
+        margin-right: 5px;
+        border: 1px solid rgba(black, .1);
+        border-radius: 50%;
+        z-index: 1;
+        &:before{
+          content: '';
+          display: block;
+          position: absolute;
+          background-color: rgba(white,.6);
+          width: 100%;
+          height: 100%;
+          border-radius: 50%;
+          animation: live 2s ease-in-out infinite;
+          z-index: -1;
+        }
+    }
+    
+    span.live-text{
+        color: white;
+        margin-left: 5px;
+        margin-right: 5px;
+    }
+    
+    span.live-content{
+        background-color: white;
+        color: red;
+        margin-left: 5px;
+        padding: 0px 5px;
+        height: 100%;
+        display: flex;
+        align-items: center;
+    }
+    
+    @keyframes live {
+      0% {
+        transform: scale(1,1);
+      }
+      100% {
+        transform: scale(3.5,3.5);
+        background-color: rgba(red,0);
+      }
+    }
+}
+
 

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.ts

@@ -27,10 +27,12 @@ import { TYPE_DIRECT, TYPE_SUPPORT_GROUP } from 'src/chat21-core/utils/constants
   styleUrls: ['./header-conversation-detail.component.scss'],
 })
 export class HeaderConversationDetailComponent implements OnInit, OnChanges {
+
   @Input() conversationAvatar: any
   @Input() idLoggedUser: string
   @Input() conversationUid: string
   @Input() conv_type: string
+  @Input() liveInfo: {sourcePage: string, sourceTitle: string}
   @Input() isMobile: boolean
   @Input() translationsMap: Map<string, string>
   conversationWithFullname: string

package/src/app/pages/conversation-detail/conversation-detail.page.html

@@ -42,7 +42,8 @@
     [isMobile]="isMobile" 
     [idLoggedUser]="loggedUser.uid"
     [conversationUid]="conversationWith"
-    [conversationAvatar]="conversationAvatar" 
+    [conversationAvatar]="conversationAvatar"
+    [liveInfo]="liveInfo" 
     [translationsMap]="translationsHeaderMap"
     [conv_type]="conv_type">
   </app-header-conversation-detail>

package/src/app/pages/conversation-detail/conversation-detail.page.ts

@@ -127,6 +127,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   public translationsContentMap: Map<string, string> = new Map()
   public conversationAvatar: any
   public leadInfo: {lead_id: string, hasEmail: boolean , email: string, projectId: string};
+  public liveInfo: {sourcePage: string, sourceTitle: string}
   public member: UserModel
   public isFileSelected: boolean
   public showIonContent = false
@@ -650,6 +651,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       'LABEL_TO',
       'LABEL_LAST_ACCESS',
       'ARRAY_DAYS',
+      'LIVE',
       'Resolve',
     ]
 
@@ -682,6 +684,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       'INFO_SUPPORT_LEAD_UPDATED',
       'INFO_SUPPORT_MEMBER_LEFT_GROUP',
       'INFO_SUPPORT_MEMBER_ABANDONED_GROUP',
+      'INFO_SUPPORT_LIVE_PAGE',
       'LABEL_TODAY',
       'LABEL_TOMORROW',
       'LABEL_LAST_ACCESS',
@@ -1106,6 +1109,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
         this.logger.log('[CONVS-DETAIL] subscribe to messageInfo - messageId ', msg, this.conversation)
         if (msg) {
           that.updateLeadInfo(msg)
+          // this.updateLiveInfo(msg)
           // this.setHeaderContent()
         }
       })
@@ -1214,6 +1218,15 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     }
   }
 
+  updateLiveInfo(msg){
+    if(msg.attributes && msg.attributes.hasOwnProperty("sourcePage")){
+      this.liveInfo = { sourcePage: msg.attributes['sourcePage'], sourceTitle: null}
+    }
+    if(msg.attributes && msg.attributes.hasOwnProperty("sourceTitle")){
+      this.liveInfo = { sourcePage: msg.attributes['sourcePage'], sourceTitle: msg.attributes['sourceTitle']}
+    }
+  }
+
   // ----------------------------------------------------------------
   // @ Unsubscribe all subscribed events (called in ionViewWillLeave)
   // ----------------------------------------------------------------

package/src/assets/i18n/ar.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"تمت إزالته من المجموعة",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"وقد غادر المحادثة",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "تم تعيين طلب دعم جديد لك",
+  "INFO_SUPPORT_LIVE_PAGE": "انتقل ل",
   "LABEL_PROFILE": "الملف الشخصي",
   "LABEL_CLOSE": "مغلق",
   "LABEL_DISCONNECT": "قطع الاتصال",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"مشاريع حديثه",
     "OTHER_PROJECTS":"مشاريع أخرى"
   },
-  "JSON_RESPONSE":"استجابة JSON"
+  "JSON_RESPONSE":"استجابة JSON",
+  "LIVE":"حاليا"
 }

package/src/assets/i18n/az.json

@@ -82,6 +82,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"qrupdan çıxarıldı",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"söhbəti tərk etdi",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Sizə yeni dəstək sorğusu təyin edilib",
+    "INFO_SUPPORT_LIVE_PAGE":"Köçürüldü",
     "LABEL_PROFILE": "Profil",
     "LABEL_CLOSE": "Bağlı",
     "LABEL_DISCONNECT": "Bağlantını kəsin",
@@ -290,5 +291,6 @@
         "RECENT_PROJECTS":"Son layihələr",
         "OTHER_PROJECTS":"Digər layihələr"
     },
-    "JSON_RESPONSE":"JSON cavabı"
+    "JSON_RESPONSE":"JSON cavabı",
+    "LIVE":"Canlı"
 }

package/src/assets/i18n/de.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"aus der Gruppe entfernt",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"hat die Unterhaltung verlassen",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Ihnen wurde eine neue Support-Anfrage zugewiesen",
+  "INFO_SUPPORT_LIVE_PAGE":"Umgezogen nach",
   "LABEL_PROFILE": "Profil",
   "LABEL_CLOSE": "Abgeschlossen",
   "LABEL_DISCONNECT": "Trennen",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Letzte Projekte",
     "OTHER_PROJECTS":"Weitere Projekte"
   },
-  "JSON_RESPONSE":"JSON Response"
+  "JSON_RESPONSE":"JSON Response",
+  "LIVE":"Live"
 }

package/src/assets/i18n/en.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"removed from group",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"has left the conversation",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "A new support request has been assigned to you",
+  "INFO_SUPPORT_LIVE_PAGE":"Moved to",
   "LABEL_PROFILE": "Profile",
   "LABEL_CLOSE": "Closed",
   "LABEL_DISCONNECT": "Disconnect",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Recent projects",
     "OTHER_PROJECTS":"Other projects"
   },
-  "JSON_RESPONSE":"JSON Response"
+  "JSON_RESPONSE":"JSON Response",
+  "LIVE":"Live"
 }

package/src/assets/i18n/es.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"eliminado del grupo",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"ha abandonado la conversación",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU":"Se le ha asignado una nueva solicitud de soporte",
+  "INFO_SUPPORT_LIVE_PAGE":"Trasladado a",
   "LABEL_PROFILE": "Perfil",
   "LABEL_CLOSE": "Cerrado",
   "LABEL_DISCONNECT": "Desconectar",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Proyectos recientes",
     "OTHER_PROJECTS":"Otros proyectos"
   },
-  "JSON_RESPONSE":"Respuesta JSON"
+  "JSON_RESPONSE":"Respuesta JSON",
+  "LIVE":"En Vivo"
 }

package/src/assets/i18n/fr.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"supprimé du groupe",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"a quitté la conversation",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Une nouvelle demande de support vous a été attribuée",
+  "INFO_SUPPORT_LIVE_PAGE":"Déplacé vers",
   "LABEL_PROFILE": "Profil",
   "LABEL_CLOSE": "Fermé",
   "LABEL_DISCONNECT": "Déconnecter",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Les projets récents",
     "OTHER_PROJECTS":"Autres projets"
   },
-  "JSON_RESPONSE":"Réponse JSON"
+  "JSON_RESPONSE":"Réponse JSON",
+  "LIVE":"En direct"
 }

package/src/assets/i18n/it.json

@@ -82,6 +82,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"rimosso dal gruppo",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP": "ha abbandonato la conversazione",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU":"Una nuova richiesta di supporto è stata assegnata a te",
+    "INFO_SUPPORT_LIVE_PAGE":"Spostato in",
     "LABEL_PROFILE": "Profilo",
     "LABEL_CLOSE": "Chiusa",
     "LABEL_DISCONNECT": "Disconnetti",
@@ -290,5 +291,6 @@
         "RECENT_PROJECTS":"Progetti recenti",
         "OTHER_PROJECTS":"Altri progetti"
     },
-    "JSON_RESPONSE":"JSON di risposta"
+    "JSON_RESPONSE":"JSON di risposta",
+    "LIVE":"Live"
 }

package/src/assets/i18n/kk.json

@@ -82,6 +82,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"топтан шығарылды",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"әңгімеден шығып кетті",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Сізге жаңа қолдау сұрауы тағайындалды",
+    "INFO_SUPPORT_LIVE_PAGE":"Көшті",
     "LABEL_PROFILE": "Профиль",
     "LABEL_CLOSE": "Жабық",
     "LABEL_DISCONNECT": "Ажырату",
@@ -290,5 +291,6 @@
         "RECENT_PROJECTS":"Соңғы жобалар",
         "OTHER_PROJECTS":"Басқа жобалар"
     },
-    "JSON_RESPONSE":"JSON жауабы"
+    "JSON_RESPONSE":"JSON жауабы",
+    "LIVE": "Тікелей эфир"
 }

package/src/assets/i18n/pt.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"removido do grupo",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"deixou a conversa",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Uma nova solicitação de suporte foi atribuída a você",
+  "INFO_SUPPORT_LIVE_PAGE":"Movido para",
   "LABEL_PROFILE": "Perfil",
   "LABEL_CLOSE": "Fechadas",
   "LABEL_DISCONNECT": "Desconectar",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Projetos Recentes",
     "OTHER_PROJECTS":"Outros projetos"
   },
-  "JSON_RESPONSE":"Resposta JSON"
+  "JSON_RESPONSE":"Resposta JSON",
+  "LIVE":"Ao vivo"
 }

package/src/assets/i18n/ru.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"удален из группы",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"вышел из беседы",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Вам назначен новый запрос в службу поддержки",
+  "INFO_SUPPORT_LIVE_PAGE":"Переехал в",
   "LABEL_PROFILE": "Профиль",
   "LABEL_CLOSE": "Закрыто",
   "LABEL_DISCONNECT": "Отключить",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Недавние Проекты",
     "OTHER_PROJECTS":"Другие проекты"
   },
-  "JSON_RESPONSE":"JSON-ответ"
+  "JSON_RESPONSE":"JSON-ответ",
+  "LIVE":"Жить"
 }

package/src/assets/i18n/sr.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"уклоњен из групе",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"је напустио разговор",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Додељен вам је нови захтев за подршку",
+  "INFO_SUPPORT_LIVE_PAGE":"Преселио у",
   "LABEL_PROFILE": "Профил",
   "LABEL_CLOSE": "Затворено",
   "LABEL_DISCONNECT": "Прекини везу",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Недавни пројекти",
     "OTHER_PROJECTS":"Остали пројекти"
   },
-  "JSON_RESPONSE":"ЈСОН одговор"
+  "JSON_RESPONSE":"ЈСОН одговор",
+  "LIVE":"Уживо"
 }

package/src/assets/i18n/sv.json

@@ -82,6 +82,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"borttagen från gruppen",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"har lämnat konversationen",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "En ny supportförfrågan har tilldelats dig",
+    "INFO_SUPPORT_LIVE_PAGE":"Flyttade till",
     "LABEL_PROFILE": "Profil",
     "LABEL_CLOSE": "Stängd",
     "LABEL_DISCONNECT": "Koppla ifrån",
@@ -290,5 +291,6 @@
         "RECENT_PROJECTS":"Nyliga projekt",
         "OTHER_PROJECTS":"Andra projekt"
     },
-    "JSON_RESPONSE":"JSON-svar"
+    "JSON_RESPONSE":"JSON-svar",
+    "LIVE":"Lev"
 }

package/src/assets/i18n/tr.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"gruptan kaldırıldı",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"görüşmeden ayrıldı",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Size yeni bir destek talebi atandı",
+  "INFO_SUPPORT_LIVE_PAGE":"Şuraya taşındı:",
   "LABEL_PROFILE": "Profil",
   "LABEL_CLOSE": "Kapalı",
   "LABEL_DISCONNECT": "Bağlantıyı kes",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Son Projeler",
     "OTHER_PROJECTS":"Diğer projeler"
   },
-  "JSON_RESPONSE":"JSON Yanıtı"
+  "JSON_RESPONSE":"JSON Yanıtı",
+  "LIVE":"Canlı"
 }

package/src/assets/i18n/uk.json

@@ -82,6 +82,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"видалено з групи",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"залишив бесіду",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Вам призначено новий запит на підтримку",
+    "INFO_SUPPORT_LIVE_PAGE":"Переїхав до",
     "LABEL_PROFILE": "Профіль",
     "LABEL_CLOSE": "зачинено",
     "LABEL_DISCONNECT": "Від’єднати",
@@ -290,5 +291,6 @@
         "RECENT_PROJECTS":"Останні проекти",
         "OTHER_PROJECTS":"Інші проекти"
     },
-    "JSON_RESPONSE":"Відповідь JSON"
+    "JSON_RESPONSE":"Відповідь JSON",
+    "LIVE":"Жити"
 }

package/src/assets/i18n/uz.json

@@ -83,6 +83,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"guruhdan olib tashlandi",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"suhbatni tark etdi",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Sizga yangi qoʻllab-quvvatlash soʻrovi tayinlandi",
+    "INFO_SUPPORT_LIVE_PAGE":"Koʻchirildi",
     "LABEL_PROFILE": "Profil",
     "LABEL_CLOSE": "Yopiq",
     "LABEL_DISCONNECT": "Ulanishni uzing",
@@ -291,5 +292,6 @@
         "RECENT_PROJECTS":"So'nggi loyihalar",
         "OTHER_PROJECTS":"Boshqa loyihalar"
     },
-    "JSON_RESPONSE":"JSON javobi"
+    "JSON_RESPONSE":"JSON javobi",
+    "LIVE":"Jonli"
 }

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

@@ -18,7 +18,7 @@ import { ConversationHandlerService } from '../abstract/conversation-handler.ser
 import { LoggerService } from '../abstract/logger.service';
 import { LoggerInstance } from '../logger/loggerInstance';
 // utils
-import { MSG_STATUS_RECEIVED, CHAT_REOPENED, CHAT_CLOSED, MEMBER_JOINED_GROUP, TYPE_DIRECT, MESSAGE_TYPE_INFO, TOUCHING_OPERATOR, LEAD_UPDATED, MEMBER_LEFT_GROUP } from '../../utils/constants';
+import { MSG_STATUS_RECEIVED, CHAT_REOPENED, CHAT_CLOSED, MEMBER_JOINED_GROUP, TYPE_DIRECT, MESSAGE_TYPE_INFO, TOUCHING_OPERATOR, LEAD_UPDATED, MEMBER_LEFT_GROUP, LIVE_PAGE } from '../../utils/constants';
 import { compareValues, searchIndexInArrayForUid, conversationMessagesRef } from '../../utils/utils';
 
 
@@ -374,7 +374,8 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
         const INFO_SUPPORT_LEAD_UPDATED = this.translationMap.get('INFO_SUPPORT_LEAD_UPDATED');
         const INFO_SUPPORT_MEMBER_LEFT_GROUP = this.translationMap.get('INFO_SUPPORT_MEMBER_LEFT_GROUP');
         const INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU = this.translationMap.get('INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU');
-
+        const INFO_SUPPORT_LIVE_PAGE = this.translationMap.get('INFO_SUPPORT_LIVE_PAGE');
+        
         if (message.attributes.messagelabel
             && message.attributes.messagelabel.parameters
             && message.attributes.messagelabel.key === MEMBER_JOINED_GROUP
@@ -422,6 +423,15 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
                 subject = message.attributes.messagelabel.parameters.member_id;
             }
             message.text = subject + ' ' +  INFO_SUPPORT_MEMBER_LEFT_GROUP ;
+        } else if(message.attributes.messagelabel && message.attributes.messagelabel.key === LIVE_PAGE){
+            let sourceUrl: string = '';
+            if(message.attributes && message.attributes.sourcePage){
+                sourceUrl = message.attributes.sourcePage 
+            }
+            if(message.attributes && message.attributes.sourceTitle){
+                sourceUrl = '['+message.attributes.sourceTitle+']('+sourceUrl+')'
+            }
+            message.text= INFO_SUPPORT_LIVE_PAGE + ': ' + sourceUrl
         }
     }
 

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

@@ -1,4 +1,4 @@
-import { TOUCHING_OPERATOR, LEAD_UPDATED, MEMBER_LEFT_GROUP } from './../../utils/constants';
+import { TOUCHING_OPERATOR, LEAD_UPDATED, MEMBER_LEFT_GROUP, LIVE_PAGE } from './../../utils/constants';
 import { Inject, Injectable } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 
@@ -332,7 +332,8 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         const INFO_SUPPORT_LEAD_UPDATED = this.translationMap.get('INFO_SUPPORT_LEAD_UPDATED');
         const INFO_SUPPORT_MEMBER_LEFT_GROUP = this.translationMap.get('INFO_SUPPORT_MEMBER_LEFT_GROUP');
         const INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU = this.translationMap.get('INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU');
-
+        const INFO_SUPPORT_LIVE_PAGE = this.translationMap.get('INFO_SUPPORT_LIVE_PAGE');
+        
         if (message.attributes.messagelabel
             && message.attributes.messagelabel.parameters
             && message.attributes.messagelabel.key === MEMBER_JOINED_GROUP
@@ -379,6 +380,15 @@ export class MQTTConversationHandler extends ConversationHandlerService {
                subject = message.attributes.messagelabel.parameters.member_id;
            }
            message.text = subject + ' ' +  INFO_SUPPORT_MEMBER_LEFT_GROUP ;
+        } else if(message.attributes.messagelabel && message.attributes.messagelabel.key === LIVE_PAGE){
+            let sourceUrl: string = '';
+            if(message.attributes && message.attributes.sourcePage){
+                sourceUrl = message.attributes.sourcePage 
+            }
+            if(message.attributes && message.attributes.sourceTitle){
+                sourceUrl = '['+message.attributes.sourceTitle+']('+sourceUrl+')'
+            }
+            message.text= INFO_SUPPORT_LIVE_PAGE + ': ' + sourceUrl
         }
     }
 

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

@@ -158,7 +158,7 @@ export class MQTTConversationsHandler extends ConversationsHandlerService {
                 this.changed(conversation);
             }
             else {
-                this.logger.log('[MQTTConversationsHandler]Added conv -> Added!')
+                this.logger.log('[MQTTConversationsHandler] Added conv -> Added!')
                 this.added(conversation);
             }
         });
@@ -252,6 +252,7 @@ export class MQTTConversationsHandler extends ConversationsHandlerService {
             conversation.conversation_with = conversation.conversWith // conversWith comes from remote
         }
         const index = searchIndexInArrayForUid(this.conversations, conversation.conversation_with);
+        const oldConversation = this.conversations[index]
         if (index > -1) {
             // const conv = this.conversations[index];
             this.logger.log("Conversation to update found", this.conversations[index]);
@@ -259,6 +260,7 @@ export class MQTTConversationsHandler extends ConversationsHandlerService {
             this.logger.debug('[MQTTConversationsHandler] conversationchanged.isnew', JSON.stringify(conversation))
             this.logger.log("this.conversations:" + JSON.stringify(this.conversations));
             this.logger.log("Conversation updated --> ", this.conversations[index]);
+            this.conversationChangedDetailed.next({value: this.conversations[index], previousValue: oldConversation})
             this.conversationChanged.next(this.conversations[index]);
             this.conversations.sort(compareValues('timestamp', 'desc'));
         }

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

@@ -65,9 +65,10 @@ export const MESSAGE_TYPE_OTHERS = 'OTHERS';
 export const CHAT_REOPENED = 'CHAT_REOPENED';
 export const CHAT_CLOSED = 'CHAT_CLOSED';
 export const MEMBER_JOINED_GROUP = 'MEMBER_JOINED_GROUP';
-export const MEMBER_LEFT_GROUP = "MEMBER_LEFT_GROUP"
+export const MEMBER_LEFT_GROUP = "MEMBER_LEFT_GROUP";
 export const LEAD_UPDATED = "LEAD_UPDATED";
 export const TOUCHING_OPERATOR = "TOUCHING_OPERATOR";
+export const LIVE_PAGE = "LIVE_PAGE"
 
 
 // URLS

package/src/global.scss

@@ -252,6 +252,10 @@ select:-webkit-autofill:focus {
 .base_info > p {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
+
+    a {
+        word-break: break-all;
+    }
 }
 
 .toast-custom-class {

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component_2.html

@@ -1,116 +0,0 @@
-<ion-header no-border class="ion-no-border">
-  <ion-toolbar style="height:60px">
-    <div class="flex-container">
-      <div class="back-flex-container">
-        <ion-buttons slot="start" style="height:60px">
-          <!-- (click)="pushPage('conversations-list')" defaultHref="/conversations-list" -->
-          <ion-back-button style="display: block;" text="" *ngIf="isMobile" (click)="goBackToConversationList()">
-          </ion-back-button>
-        </ion-buttons>
-      </div>
-      <div class="user-info-flex-container">
-        <div style="display: flex;">
-          <div>1</div>
-          <div>2</div>
-        </div>
-      </div>
-
-      <div class="resolve-flex-container">
-        <ion-buttons slot="end">
-
-          <!-- <ion-button ion-button fill="clear" color="primary" size="small" (click)="presentCreateTicketModal()" [ngClass]="{'resolve-conv-margin-right': !isMobile}">
-            <ion-icon name="ticket-outline"></ion-icon>
-            <span style="text-transform: capitalize; margin-left: 5px;"> {{ 'Crea ticket' | translate}} </span>
-          </ion-button> -->
-        
-          <ion-button *ngIf="conversationUid?.startsWith('support-group') && conv_type !== 'archived'" ion-button fill="clear" color="primary" size="small" 
-          (click)="closeConversation()" [ngClass]="{'resolve-conv-margin-right': !isMobile}" [disabled]="conv_closed === true">
-            <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
-            <ion-icon name="archive-outline"></ion-icon>
-            <!-- <ion-icon slot="icon-only"  name="information-outline"></ion-icon> -->
-            <span style="text-transform: capitalize; margin-left: 5px;"> {{ 'Resolve' | translate}} </span>
-          </ion-button>
-        
-          <ion-button *ngIf="!openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
-            <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
-            <ion-icon slot="icon-only" name="information-circle-outline"></ion-icon>
-            <!-- <ion-icon slot="icon-only"  name="information-outline"></ion-icon> -->
-        
-          </ion-button>
-          <ion-button *ngIf="openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
-            <ion-icon slot="icon-only" name="close-circle-outline"></ion-icon>
-          </ion-button>
-        
-        </ion-buttons>
-      </div>
-
-    </div>
-  </ion-toolbar>
-</ion-header>
-
-
-
-
-<ion-title>
-
-  <div *ngIf="conversationAvatar" class="avatar-and-typing-wpr" >
-    <!-- [ngStyle] = "{ 'left': platformName === 'ios' ? '55px' : ''  }" -->
-    <div *ngIf="conversationAvatar" class="avatar-container" (click)="onOpenCloseInfoConversation()" style="cursor: pointer"
-      [ngClass]="{ 'avatar-container-ios': platformName === 'ios' }">
-      <app-avatar-profile [itemAvatar]=conversationAvatar></app-avatar-profile>
-    </div>
-    <!-- [ngStyle] = "{ 'left': platformName === 'ios' ? '63px' : ''  }" -->
-    <div *ngIf="isDirect" class="user-presence" [ngClass]="{ 'user-presence-ios': platformName === 'ios' }">
-      <app-user-presence [idUser]=conversationAvatar.conversation_with [translationMap]=translationMap
-        [borderColor]=borderColor [fontColor]=fontColor>
-      </app-user-presence>
-    </div>
-
-    <div *ngIf="conversationAvatar" class="user-typing">
-      <app-user-typing [idConversation]=conversationAvatar.uid [idCurrentUser]=idLoggedUser [isDirect]=isDirect
-        [translationMap]=translationMap [color]=fontColor [membersConversation]=membersConversation>
-      </app-user-typing>
-    </div>
-
-  </div>
-  <!-- [ngClass] = "{ 'tile-info-with-ios': platformName === 'ios' ? '82px' : ''82px''  }" -->
-  <!-- (click)="onOpenCloseInfoConversation()" -->
-  <div *ngIf="conversationAvatar" class="tile-info-with" 
-    [ngClass]="{ 'tile-info-with-ios': platformName === 'ios' }">
-    <span class="tile-username">{{ conversationAvatar.conversation_with_fullname | truncate:50 }} </span>
-    <!-- <span class="tile-username">{{ conversation_with_fullname }} </span> -->
-
-  </div>
-
-  <!-- <div *ngIf="conversationWithFullname" class="tile-info-with" (click)="onOpenCloseInfoConversation()">        
-    <span class="tile-username">{{ conversationWithFullname }} </span>
-  </div> -->
-
-</ion-title>
-<!-- openInfoConversation  {{openInfoConversation}} -->
-<ion-buttons slot="end">
-
-  <!-- <ion-button ion-button fill="clear" color="primary" size="small" (click)="presentCreateTicketModal()" [ngClass]="{'resolve-conv-margin-right': !isMobile}">
-    <ion-icon name="ticket-outline"></ion-icon>
-    <span style="text-transform: capitalize; margin-left: 5px;"> {{ 'Crea ticket' | translate}} </span>
-  </ion-button> -->
-
-  <ion-button *ngIf="conversationUid?.startsWith('support-group') && conv_type !== 'archived'" ion-button fill="clear" color="primary" size="small" 
-  (click)="closeConversation()" [ngClass]="{'resolve-conv-margin-right': !isMobile}" [disabled]="conv_closed === true">
-    <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
-    <ion-icon name="archive-outline"></ion-icon>
-    <!-- <ion-icon slot="icon-only"  name="information-outline"></ion-icon> -->
-    <span style="text-transform: capitalize; margin-left: 5px;"> {{ 'Resolve' | translate}} </span>
-  </ion-button>
-
-  <ion-button *ngIf="!openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
-    <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
-    <ion-icon slot="icon-only" name="information-circle-outline"></ion-icon>
-    <!-- <ion-icon slot="icon-only"  name="information-outline"></ion-icon> -->
-
-  </ion-button>
-  <ion-button *ngIf="openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
-    <ion-icon slot="icon-only" name="close-circle-outline"></ion-icon>
-  </ion-button>
-
-</ion-buttons>