@chat21/chat21-ionic 3.4.27-rc6 → 3.4.27-rc8

package/CHANGELOG.md

@@ -8,6 +8,14 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 3.4.27-rc8
+- **added**: ability to open ticket to external service
+- **added**: ticketSection env var
+
+# 3.4.27-rc7
+- **bug-fixed**: Scrolling to the last message when opening a conversation
+- **bug-fixed**: Loading in the conversation list disabled when removing the last conversation
+
 # 3.4.27-rc6
 - **bug-fixed**: user for dashboard app is incorrect
 

package/angular.json

@@ -32,6 +32,7 @@
               "src/chat-config-template.json",
               "src/chat-config.json",
               "src/chat-config-dev.json",
+              "src/chat-config-native-ar.json",
               {
                 "glob": "**/*",
                 "input": "src/assets",

package/package.json

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

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.html

@@ -22,6 +22,13 @@
           {{translationMap?.get('WHATSAPP.LABEL_TEMPLATES')}}
         </ion-button>
       </div>
+      <!-- OPEN TICKET -->
+      <div *ngIf="ticketSection" class="section-option" id="template" tooltip="{{translationMap?.get('TICKET.OPEN_TICKET')}}" placement="top">
+        <ion-button fill="clear" [class.active]="section==='ticket'" (click)="onOpenSection('ticket')" [disabled]="channelType === 'direct'">
+          <ion-icon name="ticket"></ion-icon>
+          {{translationMap?.get('TICKET.OPEN_TICKET')}}
+        </ion-button>
+      </div>
     </div>
 
     <div class="footerContainerAlert">
@@ -50,6 +57,22 @@
     </ion-col>
   </ion-row>
 
+  <ion-row id="ticket" [style.display]="section==='ticket'? 'flex': 'none'">
+    <ion-col col-auto>
+      <div class="placeholder">{{translationMap.get('TICKET.DESCRIPTION')}}</div>
+      <div class="buttons-container">
+          <ion-button name="add" size="small" (click)="onClickTicket('open')">
+            <ion-icon name="add"></ion-icon>
+            {{translationMap?.get('TICKET.CONFIRM')}}
+          </ion-button>
+          <ion-button size="small" color="danger" (click)="onClickTicket('close')">
+            <ion-icon name="close"></ion-icon>
+            {{translationMap?.get('TICKET.CLOSE')}}
+          </ion-button>
+      </div>
+    </ion-col>
+  </ion-row>
+
   <ion-row id="message-text-area" [style.display]="section==='chat' || section ==='templates' || section ==='copilot'? 'flex': 'none'">
 
     <ion-col col-auto style="display: flex;">

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.scss

@@ -183,6 +183,36 @@
     }
 }
 
+#ticket{
+    text-align: center;
+    font-size: 12px;
+
+    .buttons-container{
+        display: flex;
+        justify-content: center;
+        gap: 10px;
+
+        ion-button{
+            font-size: 12px;
+            --padding-top: 4px;
+            --padding-bottom: 4px;
+            --padding-start: 6px;
+            --padding-end: 6px;
+            --ripple-color: transparent;
+            text-transform: unset;
+            height: auto;
+
+            ion-icon{
+                margin-right: 4px;
+            }
+
+            &[name="add"]{
+                --background: var(--basic-blue);
+            }
+        }
+    }
+}
+
 #fileInput {
     position: absolute;
     opacity: 0;

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.ts

@@ -63,17 +63,20 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
   @Input() emailSection: boolean;
   @Input() offlineMsgEmail: boolean;
   @Input() whatsappTemplatesSection: boolean;
+  @Input() ticketSection: boolean
   @Input() isOpenInfoConversation: boolean;
   @Input() cannedSection: boolean;
   @Input() stylesMap: Map<string, string>;
   @Input() translationMap: Map<string, string>;
   @Input() dropEvent: any;
   @Input() disableTextarea: boolean;
+  @Input() roles: Array<string>;
   @Output() eventChangeTextArea = new EventEmitter<{msg: string, offsetHeight: number}>();
   @Output() eventSendMessage = new EventEmitter<{msg: string, type: string, metadata?: Object, attributes?: Object}>();
   @Output() onClickOpenCannedResponses = new EventEmitter<boolean>();
   @Output() onPresentModalScrollToBottom = new EventEmitter<boolean>();
   @Output() onOpenFooterSection = new EventEmitter<string>();
+  @Output() onOpenTicket = new EventEmitter<boolean>();
 
   public project: Project;
   public conversationEnabled = false;
@@ -291,6 +294,17 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
     this.prensentTemplateModal();
   }
 
+  onClickTicket(option: "open" | "close"){
+    this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] - onClickTicket', option);
+    switch(option){
+      case "open":
+        this.onOpenTicket.emit();
+      case "close":   
+        this.section = 'chat'
+    }
+
+  }
+
 
   /**
  * 

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

@@ -217,6 +217,7 @@
               [cannedSection]="canShowCanned"
               [whatsappTemplatesSection]="isWhatsappTemplatesEnabled"
               [isOpenInfoConversation]="openInfoConversation" 
+              [ticketSection]="isTicketEnabled"
               [stylesMap]="styleMap"
               [translationMap]="translationsMap"
               [dropEvent]="dropEvent"
@@ -225,7 +226,8 @@
               (onClickOpenCannedResponses)="onClickOpenCannedResponses($event)"
               (eventSendMessage)="returnSendMessage($event)" 
               (onPresentModalScrollToBottom)="onPresentModalScrollToBottom($event)"
-              (onOpenFooterSection)="onOpenFooterSection($event)">
+              (onOpenFooterSection)="onOpenFooterSection($event)"
+              (onOpenTicket)="onOpenTicket($event)">
             </app-message-text-area>
             <!-- [events]="eventsReplaceTexareaText.asObservable()" -->
           </ion-row>

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

@@ -176,6 +176,10 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   copilotQuestion: string = '';
   /**COPILOT : end */
 
+  /** TICKET: start */
+  isTicketEnabled: boolean = false;
+  /** TICKET: end */
+
   isMine = isMine
   isInfo = isInfo
   isFirstMessage = isFirstMessage
@@ -483,6 +487,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     this.messages = [] // list messages of conversation
     this.isFileSelected = false // indicates if a file has been selected (image to upload)
     this.isEmailEnabled = (this.appConfigProvider.getConfig().emailSection === 'true' || this.appConfigProvider.getConfig().emailSection === true) ? true : false;
+    this.isTicketEnabled = (this.appConfigProvider.getConfig().ticketSection === 'true' || this.appConfigProvider.getConfig().ticketSection === true) ? true : false;
     this.isWhatsappTemplatesEnabled = (this.appConfigProvider.getConfig().whatsappTemplatesSection === 'true' || this.appConfigProvider.getConfig().whatsappTemplatesSection === true) ? true : false;
 
     this.cannedResponsesService.initialize(appconfig.apiUrl)
@@ -711,6 +716,11 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       "WHATSAPP.ERROR_WHATSAPP_NOT_INSTALLED",
       "WHATSAPP.ERROR_WHATSAPP_GENERIC_ERROR",
 
+      "TICKET.OPEN_TICKET",
+      "TICKET.DESCRIPTION",
+      "TICKET.CONFIRM",
+      "TICKET.CLOSE",
+
       "COPILOT.ASK_AI",
       "COPILOT.NO_SUGGESTIONS_PRESENT",
 
@@ -1926,6 +1936,13 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   }
 
 
+  onOpenTicket() {
+    this.logger.debug('[CONVS-DETAIL] openTicketOnExternalService - conversationWith ', this.conversationWith)
+    if(window['openTicketOnHDA']){
+      window['openTicketOnHDA'](this.conversationWith)
+    }
+
+  }
   // -------------- START SCROLL/RESIZE  -------------- //
   /** */
   resizeTextArea() {

package/src/assets/i18n/ar.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"تم إرسال الرسالة أيضًا عبر البريد الإلكتروني 📩"
   },
   "EMOJI_NOT_ELLOWED": "الرموز التعبيرية غير مسموح بها",
-  "DOMAIN_NOT_ALLOWED": "يحتوي الرابط على نطاق غير مسموح"
+  "DOMAIN_NOT_ALLOWED": "يحتوي الرابط على نطاق غير مسموح",
+  "TICKET": {
+    "OPEN_TICKET": "افتح تذكرة",
+    "DESCRIPTION": "هل تؤكد أنك تريد فتح تذكرة لهذه المحادثة؟",
+    "CONFIRM": "تأكيد",
+    "CLOSE": "إغلاق"
+  }
 }

package/src/assets/i18n/az.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Mesaj e-poçt vasitəsilə də göndərilib 📩"    
   },
   "EMOJI_NOT_ELLOWED": "Emoji icazə verilmir",
-  "DOMAIN_NOT_ALLOWED": "URL icazə verilməyən domeni ehtiva edir"
+  "DOMAIN_NOT_ALLOWED": "URL icazə verilməyən domeni ehtiva edir",
+  "TICKET": {
+    "OPEN_TICKET": "Bilet aç",
+    "DESCRIPTION": "Bu söhbət üçün bilet açmaq istədiyinizi təsdiqləyirsinizmi?",
+    "CONFIRM": "Təsdiqlə",
+    "CLOSE": "Bağla"
+  }
 }

package/src/assets/i18n/de.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Nachricht auch per E-Mail gesendet 📩"
   },
   "EMOJI_NOT_ELLOWED": "Emoji nicht erlaubt",
-  "DOMAIN_NOT_ALLOWED": "Die URL enthält eine nicht erlaubte Domain"
+  "DOMAIN_NOT_ALLOWED": "Die URL enthält eine nicht erlaubte Domain",
+  "TICKET": {
+    "OPEN_TICKET": "Ticket öffnen",
+    "DESCRIPTION": "Bestätigen Sie, dass Sie ein Ticket für dieses Gespräch eröffnen möchten?",
+    "CONFIRM": "Bestätigen",
+    "CLOSE": "Schließen"
+  }
 }

package/src/assets/i18n/en.json

@@ -318,5 +318,11 @@
     "HOW_CAN_I_HELP_YOU":"How can i help you?"
   },
   "EMOJI_NOT_ELLOWED":"Emoji not allowed",
-  "DOMAIN_NOT_ALLOWED":"URL contains a non-allowed domain"
+  "DOMAIN_NOT_ALLOWED":"URL contains a non-allowed domain",
+  "TICKET": {
+    "OPEN_TICKET": "Open Ticket",
+    "DESCRIPTION": "Do you confirm you want to open a ticket for this conversation?",
+    "CONFIRM": "Confirm",
+    "CLOSE": "Close"
+  }
 }

package/src/assets/i18n/es.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Mensaje también enviado por correo electrónico 📩"
   },
   "EMOJI_NOT_ELLOWED": "Emoji no permitido",
-  "DOMAIN_NOT_ALLOWED": "La URL contiene un dominio no permitido"
+  "DOMAIN_NOT_ALLOWED": "La URL contiene un dominio no permitido",
+  "TICKET": {
+    "OPEN_TICKET": "Abrir Ticket",
+    "DESCRIPTION": "¿Confirmas que deseas abrir un ticket para esta conversación?",
+    "CONFIRM": "Confirmar",
+    "CLOSE": "Cerrar"
+  }
 }

package/src/assets/i18n/fr.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Message également envoyé par mail 📩"
   },
   "EMOJI_NOT_ELLOWED": "Emoji non autorisé",
-  "DOMAIN_NOT_ALLOWED": "L'URL contient un domaine non autorisé"
+  "DOMAIN_NOT_ALLOWED": "L'URL contient un domaine non autorisé",
+  "TICKET": {
+    "OPEN_TICKET": "Ouvrir un Ticket",
+    "DESCRIPTION": "Confirmez-vous vouloir ouvrir un ticket pour cette conversation ?",
+    "CONFIRM": "Confirmer",
+    "CLOSE": "Fermer"
+  }
 }

package/src/assets/i18n/it.json

@@ -316,7 +316,13 @@
         "NO_SUGGESTIONS_PRESENT":"Nessun suggerimento trovato",
         "INSERT_PROMPT_HERE":"Inserisci un prompt qui",
         "HOW_CAN_I_HELP_YOU":"Come posso aiutarti?"
-  },
-  "EMOJI_NOT_ELLOWED": "Emoji non consentite",
-  "DOMAIN_NOT_ALLOWED": "L'URL contiene un dominio non consentito"
+    },
+    "EMOJI_NOT_ELLOWED": "Emoji non consentite",
+    "DOMAIN_NOT_ALLOWED": "L'URL contiene un dominio non consentito",
+    "TICKET": {
+        "OPEN_TICKET": "Apri Ticket",
+        "DESCRIPTION": "Confermi di voler aprire un ticket per questa conversazione?",
+        "CONFIRM": "Conferma",
+        "CLOSE": "Chiudi"
+    }
 }

package/src/assets/i18n/kk.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Хабарлама электрондық пошта арқылы да жіберілді 📩"
   },
   "EMOJI_NOT_ELLOWED": "Эмодзи рұқсат етілмеген",
-  "DOMAIN_NOT_ALLOWED": "URL рұқсат етілмеген доменді қамтиды"
+  "DOMAIN_NOT_ALLOWED": "URL рұқсат етілмеген доменді қамтиды",
+  "TICKET": {
+    "OPEN_TICKET": "Тапсырма ашу",
+    "DESCRIPTION": "Осы әңгіме үшін тапсырма ашқыңыз келетінін растайсыз ба?",
+    "CONFIRM": "Растау",
+    "CLOSE": "Жабу"
+  }
 }

package/src/assets/i18n/pt.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Mensagem também enviada por e-mail 📩"
   },
   "EMOJI_NOT_ELLOWED": "Emoji não permitido",
-  "DOMAIN_NOT_ALLOWED": "O URL contém um domínio não permitido"
+  "DOMAIN_NOT_ALLOWED": "O URL contém um domínio não permitido",
+  "TICKET": {
+    "OPEN_TICKET": "Abrir Ticket",
+    "DESCRIPTION": "Confirma que deseja abrir um ticket para esta conversa?",
+    "CONFIRM": "Confirmar",
+    "CLOSE": "Fechar"
+  }
 }

package/src/assets/i18n/ru.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Сообщение также отправлено по электронной почте 📩"
   },
   "EMOJI_NOT_ELLOWED": "Эмодзи не разрешены",
-  "DOMAIN_NOT_ALLOWED": "URL содержит недопустимый домен"
+  "DOMAIN_NOT_ALLOWED": "URL содержит недопустимый домен",
+  "TICKET": {
+    "OPEN_TICKET": "Открыть тикет",
+    "DESCRIPTION": "Вы подтверждаете, что хотите открыть тикет для этого разговора?",
+    "CONFIRM": "Подтвердить",
+    "CLOSE": "Закрыть"
+  }
 }

package/src/assets/i18n/sr.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Порука је такође послата е-поштом 📩"  
   },
   "EMOJI_NOT_ELLOWED": "Emodžiji nisu dozvoljeni",
-  "DOMAIN_NOT_ALLOWED": "URL sadrži nedozvoljenu domenu"
+  "DOMAIN_NOT_ALLOWED": "URL sadrži nedozvoljenu domenu",
+  "TICKET": {
+    "OPEN_TICKET": "Otvori tiket",
+    "DESCRIPTION": "Da li potvrđujete da želite da otvorite tiket za ovaj razgovor?",
+    "CONFIRM": "Potvrdi",
+    "CLOSE": "Zatvori"
+  }
 }

package/src/assets/i18n/sv.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Meddelande skickas även via mail 📩"    
   },
   "EMOJI_NOT_ELLOWED": "Emoji är inte tillåtna",
-  "DOMAIN_NOT_ALLOWED": "URL:en innehåller en otillåten domän"
+  "DOMAIN_NOT_ALLOWED": "URL:en innehåller en otillåten domän",
+  "TICKET": {
+    "OPEN_TICKET": "Öppna Ärende",
+    "DESCRIPTION": "Bekräftar du att du vill öppna ett ärende för den här konversationen?",
+    "CONFIRM": "Bekräfta",
+    "CLOSE": "Stäng"
+  }
 }

package/src/assets/i18n/tr.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Mesaj ayrıca e-posta ile gönderilir 📩"
   },
   "EMOJI_NOT_ELLOWED": "Emoji'ye izin verilmiyor",
-  "DOMAIN_NOT_ALLOWED": "URL izin verilmeyen bir alan adı içeriyor"
+  "DOMAIN_NOT_ALLOWED": "URL izin verilmeyen bir alan adı içeriyor",
+  "TICKET": {
+    "OPEN_TICKET": "Bilet Aç",
+    "DESCRIPTION": "Bu görüşme için bir bilet açmak istediğinizi onaylıyor musunuz?",
+    "CONFIRM": "Onayla",
+    "CLOSE": "Kapat"
+  }
 }

package/src/assets/i18n/uk.json

@@ -310,5 +310,11 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Повідомлення також надіслано електронною поштою 📩"    
   },
   "EMOJI_NOT_ELLOWED": "Емодзі не дозволені",
-  "DOMAIN_NOT_ALLOWED": "URL містить недозволений домен"
+  "DOMAIN_NOT_ALLOWED": "URL містить недозволений домен",
+  "TICKET": {
+    "OPEN_TICKET": "Відкрити тікет",
+    "DESCRIPTION": "Підтверджуєте, що хочете відкрити тікет для цієї розмови?",
+    "CONFIRM": "Підтвердити",
+    "CLOSE": "Закрити"
+  }
 }

package/src/assets/i18n/uz.json

@@ -310,5 +310,12 @@
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Xabar elektron pochta orqali ham yuborildi 📩"
   },
   "EMOJI_NOT_ELLOWED": "Emoji'ga ruxsat berilmagan",
-  "DOMAIN_NOT_ALLOWED": "URL ruxsat etilmagan domenni o'z ichiga oladi"
+  "DOMAIN_NOT_ALLOWED": "URL ruxsat etilmagan domenni o'z ichiga oladi",
+  "TICKET": {
+    "OPEN_TICKET": "Chiptani ochish",
+    "DESCRIPTION": "Ushbu suhbat uchun chipta ochmoqchi ekanligingizni tasdiqlaysizmi?",
+    "CONFIRM": "Tasdiqlash",
+    "CLOSE": "Yopish"
+  }
+  
 }

package/src/assets/js/agentDesktop-sdk.js

@@ -0,0 +1,47 @@
+ function loadAgentDesktopScript() {
+  if (document.getElementById('agentdesktop-sdk')) {
+    return;
+  }
+
+  const script = document.createElement('script');
+  script.id = 'agentdesktop-sdk';
+  script.type = 'text/javascript';
+  script.src = 'https://devcti.aruba.it/AD/widget/agentdesktop_widget.js';
+  script.async = true;
+
+  script.onload = () => {
+    console.log('AgentDesktop SDK caricato');
+    window.agentDesktopLoaded = true;
+  };
+
+  script.onerror = (error) => {
+    console.error('Errore nel caricamento AgentDesktop SDK', error);
+  };
+
+
+  
+
+  
+
+  if (document.body) {
+    document.body.appendChild(script);
+  } else {
+    window.addEventListener('DOMContentLoaded', function() {
+      document.body.appendChild(script);
+    });
+  }
+}
+
+
+function openTicketOnHDA(requestId){
+  console.log('openTicketOnHDA called with requestId:', requestId);
+  if(window && window.parent){
+    const message = { companyID: "1", sourceID: "CHAT", tiledeskID: requestId }
+    window.parent.postMessage(message, 'https://devhda2bo.aruba.it/HDAPortal/');
+    window.postMessage(message, 'https://devhda2bo.aruba.it/HDAPortal/');
+    console.log('Message posted to parent window and current window');
+  }
+
+}
+
+loadAgentDesktopScript();

package/src/chat-config-template.json

@@ -37,6 +37,7 @@
     "wsUrlRel": "${WS_URL_RELATIVE}",
     "storage_prefix": "${CHAT_STORAGE_PREFIX}",
     "emailSection": "${EMAIL_SECTION}",
+    "ticketSection": "${TICKET_SECTION}",
     "whatsappTemplatesSection":"${WHATSAPP_TEMPLATES_SECTION}",
     "googleMapsApiKey":"${GOOGLE_MAPS_APIKEY}"
 }

package/src/chat-config.json

@@ -37,6 +37,7 @@
     "writeToButton": false,
     "archivedButton": false,
     "emailSection": true,
+    "ticketSection": false,
     "whatsappTemplatesSection":true,
     "googleMapsApiKey":"CHANGEIT"
 }