@chat21/chat21-web-widget 5.0.76 → 5.0.77-rc.1

package/CHANGELOG.md

@@ -5,6 +5,9 @@
     *Dario De Pascalis* 
 ### **Copyrigth**: *Tiledesk SRL*
 
+### 5.0.77-rc.1
+- added: ability to programmatically open an old conversation by request_id
+
 ### 5.0.76 in PROD
 
 ### 5.0.75 in PROD

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.0.76",
+  "version": "5.0.77-rc.1",
   "license": "MIT",
   "homepage": "https://www.tiledesk.com",
   "repository": {

package/src/app/app.component.ts

@@ -1383,13 +1383,20 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                 });
             };
 
-            /** set state reinit */
+            /** start new conversation */
             windowContext['tiledesk'].startConversation = function (text: string) {
                 ngZone.run(() => {
                     windowContext['tiledesk']['angularcomponent'].component.onNewConversation(text);
                 });
             };
 
+            /** open widget with conversation ID */
+            windowContext['tiledesk'].openConversationById = function (request_id: string) {
+                ngZone.run(() => {
+                    windowContext['tiledesk']['angularcomponent'].component.openConversationById(request_id);
+                });
+            };
+
             /** set state reinit */
             windowContext['tiledesk'].reInit = function () {
                 ngZone.run(() => {
@@ -1787,6 +1794,15 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         return;
     }
 
+    openConversationById(requestId){
+        this.isOpenConversation = true;
+
+        this.g.setParameter('recipientId', requestId);
+        this.appStorageService.setItem('recipientId', requestId)
+
+        this.isConversationArchived = false;
+    }
+
     /**
      * MODAL HOME:
      * open all-conversation

package/src/assets/twp/index-dev.html

@@ -468,7 +468,7 @@
     <meta property="og:locale" content="en">
     
     <link rel="icon" type="image/png" href="./tiledesk_widget_files/logo-short.png">
-    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet">
     <script defer="" src="./tiledesk_widget_files/jquery.min.js"></script>
     <script defer="" src="./tiledesk_widget_files/bootstrap.min.js"></script>
 
@@ -791,6 +791,11 @@
             preChatFormTextArea.value = JSON.stringify(preChatFormJSON, null, 4)
         }
 
+        function onClickOpenConversationById(){
+            let request_id = document.getElementById('request_id')
+            window.Tiledesk('openConversationById', request_id)
+        }
+
         // function onClickParameter(elementName){
         //     console.log('onClickParameter: ',elementName)
         //     const radios = document.getElementsByName(elementName)
@@ -1753,10 +1758,21 @@
                             <textarea class="form-control" id="preChatFormGet" placeholder="Get preChatForm JSON..." rows="6" cols="60"></textarea>
                         </div>
                         <div class="row" style="text-align: right; margin:5px 0px">
-                            <button class="btn btn-light" onclick="onClickGetPreChatForm()">Get Form <i class="fa fa-sticky-note-o" aria-hidden="true"></i></button>
+                            <button class="btn btn-light" onclick="onClickGetPreChatForm()">Get Form <i class="fa-regular fa-sticky-note" aria-hidden="true"></i></button>
                         </div>
 
                     </div>
+                    <div class="row section">
+                        <div><h3 style="line-height: 0.3;">OPEN <em><strong>conversation</strong></em></h3></div>
+
+                        <div>Insert an <em><strong>existing</strong></em> request ID </div>
+                        <div class="row" style="margin: 0">
+                            <textarea class="form-control" id="request_id" placeholder="support-group-UUID" rows="1" cols="60"></textarea>
+                        </div>
+                        <div class="row" style="text-align: right; margin:5px 0px">
+                            <button class="btn btn-light" onclick="onClickOpenConversationById()">Open conversation <i class="fa-regular fa-comment" aria-hidden="true"></i></button>
+                        </div>
+                    </div>
                     <div class="row section c21-parameters">
                         <div><h3 style="line-height: 0.3;">MANAGE <em><strong>widget settings</strong></em></h3></div>
                         <div class="docs">Select an option for Tiledesk settings parameter</div>