@chat21/chat21-ionic 3.0.79-rc.1 → 3.0.79-rc.3

package/src/assets/i18n/tr.json

@@ -70,7 +70,7 @@
   "INFO_SUPPORT_CHAT_CLOSED": "sohbet kapatıldı",
   "INFO_SUPPORT_LEAD_UPDATED":"Potansiyel müşteri güncellendi",
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"gruptan kaldırıldı",
-  "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"konuşmayı bıraktı",
+  "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ı",
   "LABEL_PROFILE": "Profil",
   "LABEL_CLOSE": "Kapalı",
@@ -268,5 +268,13 @@
   "First_name_of_agent": "Ajanın adı",
   "EnterCannedResponseTitle": "Hazır yanıt başlığını girin",
   "WriteMsgToSendToYourVisitors": "Ziyaretçilerinize göndermek için hazır bir yanıt mesajı yazın",
-  "EditProfile": "Profili Düzenle"
+  "EditProfile": "Profili Düzenle",
+  "NAVBAR":{
+    "SIMULATE_VISITOR":"Ziyaretçiyi simüle et",
+    "PROJECT_SETTINGS":"Proje ayarları",
+    "VIEW_ALL_PROJECTS":"Tüm projeleri görüntüle",
+    "ADD_PROJECT":"Proje ekle",
+    "RECENT_PROJECTS":"Son Projeler",
+    "OTHER_PROJECTS":"Diğer projeler"
+  }
 }

package/src/assets/i18n/uk.json

@@ -70,7 +70,7 @@
     "INFO_SUPPORT_CHAT_CLOSED": "Чат закритий",
     "INFO_SUPPORT_LEAD_UPDATED":"Лід оновлено",
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"видалено з групи",
-    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"залишив розмову",
+    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"залишив бесіду",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Вам призначено новий запит на підтримку",
     "LABEL_PROFILE": "Профіль",
     "LABEL_CLOSE": "зачинено",
@@ -268,5 +268,13 @@
     "First_name_of_agent": "Ім'я агента",
     "EnterCannedResponseTitle": "Введіть назву готової відповіді",
     "WriteMsgToSendToYourVisitors": "Напишіть готове повідомлення-відповідь, щоб надіслати його відвідувачам",
-    "EditProfile": "Редагувати профіль"
+    "EditProfile": "Редагувати профіль",
+    "NAVBAR":{
+        "SIMULATE_VISITOR":"Імітація відвідувача",
+        "PROJECT_SETTINGS":"Налаштування проекту",
+        "VIEW_ALL_PROJECTS":"Переглянути всі проекти",
+        "ADD_PROJECT":"Додати проект",
+        "RECENT_PROJECTS":"Останні проекти",
+        "OTHER_PROJECTS":"Інші проекти"
+    }
 }

package/src/assets/i18n/uz.json

@@ -269,5 +269,13 @@
     "First_name_of_agent": "Agentning ismi",
     "EnterCannedResponseTitle": "Tayyor javob sarlavhasini kiriting",
     "WriteMsgToSendToYourVisitors": "Mehmonlaringizga yuborish uchun konservalangan javob xabarini yozing",
-    "EditProfile": "Profilni tahrirlash"
+    "EditProfile": "Profilni tahrirlash",
+    "NAVBAR":{
+        "SIMULATE_VISITOR":"Mehmonni simulyatsiya qilish",
+        "PROJECT_SETTINGS":"Loyiha sozlamalari",
+        "VIEW_ALL_PROJECTS":"Barcha loyihalarni ko'rish",
+        "ADD_PROJECT":"Loyiha qo'shish",
+        "RECENT_PROJECTS":"So'nggi loyihalar",
+        "OTHER_PROJECTS":"Boshqa loyihalar"
+    }
 }

package/src/chat-config-mqtt-localhost.json

@@ -24,6 +24,7 @@
     "apiUrl": "http://localhost:3000/",
     "baseImageUrl": "http://localhost:3000/",
     "dashboardUrl": "http://localhost:8081/",
+    "testsiteBaseUrl": "http://localhost:8081/widget/assets/twp/index.html",
     "logLevel": "DEBUG",
     "authPersistence": "LOCAL",
     "supportMode": true,

package/src/chat-config-native-mqtt.json

@@ -26,5 +26,6 @@
     "apiUrl": "https://console.native.tiledesk.com/api/",
     "baseImageUrl": "https://console.native.tiledesk.com/api/",
     "dashboardUrl": "https://console.native.tiledesk.com/dashboard/",
+    "testsiteBaseUrl":"https://console.native.tiledesk.com/widget/assets/twp/index.html",
     "authPersistence": "LOCAL"
 }

package/src/chat-config-pre.json

@@ -1,5 +1,5 @@
 {
-    "t2y12PruGU9wUtEGzBJfolMIgK": "CAR:T-PAY:T-ANA:T-ACT:T-APP:T",
+    "t2y12PruGU9wUtEGzBJfolMIgK": "CAR:T-PAY:T-ANA:T-ACT:T-APP:T-MTT:T",
     "chatEngine": "firebase",
     "uploadEngine": "firebase",
     "pushEngine": "firebase",
@@ -24,6 +24,7 @@
     "apiUrl": "https://tiledesk-server-pre.herokuapp.com/",
     "baseImageUrl": "https://firebasestorage.googleapis.com/v0/b/",
     "dashboardUrl": "https://support-pre.tiledesk.com/dashboard/",
+    "testsiteBaseUrl": "https://widget-pre.tiledesk.com/v5/assets/twp/index.html",
     "logLevel": "DEBUG",
     "authPersistence": "LOCAL",
     "supportMode": true,

package/src/chat-config-template.json

@@ -29,6 +29,7 @@
     "apiUrl": "${API_URL}",
     "baseImageUrl": "${API_BASEIMAGE_URL}",
     "dashboardUrl": "${DASHBOARD_URL}",
+    "testsiteBaseUrl":"${WIDGET_TEST_LOCATION}",
     "wsUrl": "${WS_URL}",
     "wsUrlRel": "${WS_URL_RELATIVE}"
 }

package/src/chat-config.json

@@ -26,6 +26,7 @@
     "apiUrl": "http://localhost:3000/",
     "baseImageUrl": "https://firebasestorage.googleapis.com/v0/b/",
     "dashboardUrl": "https://support-pre.tiledesk.com/dashboard/",
+    "testsiteBaseUrl": "https://widget-pre.tiledesk.com/v5/assets/twp/index.html",
     "wsUrl": "ws://localhost:3000/",
     "wsUrlRel": "${WS_URL_RELATIVE}",
     "supportMode": false,

package/src/chat21-core/models/conversation.ts

@@ -16,7 +16,6 @@ export class ConversationModel {
     public sender_fullname: string,
     public status: string,
     public timestamp: number,
-    public time_last_message: string,
     // public selected: boolean,
     public color: string,
     public avatar: string,

package/src/chat21-core/models/projects.ts

@@ -0,0 +1,27 @@
+export interface Project {
+    _id: string;
+    updatedAt?: any;
+    createdAt?: any;
+    name?: string;
+    activeOperatingHours?: boolean;
+    operatingHours?: any
+    createdBy?: string;
+    id_project?: any;
+    widget?: any;
+    settings?: any;
+    role?: string;
+    user_available?: boolean;
+    profile_name?: any;
+    profile_agents?: any;
+    trial_expired?: any;
+    trial_days_left?: number;
+    trial_days?: number;
+    profile_type?: string;
+    subscription_is_active?: any;
+    profile?: any;
+    subscription_end_date?: any;
+    subscription_id?: any;
+    subscription_creation_date?: any;
+    subscription_start_date?: any;
+    __v?: any;
+}

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

@@ -73,7 +73,7 @@ export const TOUCHING_OPERATOR = "TOUCHING_OPERATOR";
 // URLS
 // export const URL_SOUND = 'assets/sounds/pling.mp3';
 export const URL_SOUND_LIST_CONVERSATION = '/assets/sounds/pling.mp3';
-export const URL_SOUND_CONVERSATION_DETAIL = '/assets/sounds/justsaying.mp3';
+export const URL_SOUND_CONVERSATION_ADDED = '/assets/sounds/wheep-wheep.mp3';
 // export const CHAT_SEND_BY_EMAIL_LINK =
 // 'mailto:?subject=Transcript Chat Conversation&body=Salve,%0D%0A%0D%0Adi
 // seguito potrà scaricare il transcript della conversazione intercorsa con il nostro servizio di

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

@@ -0,0 +1,41 @@
+import { TYPE_DIRECT, TYPE_SUPPORT_GROUP } from 'src/chat21-core/utils/constants';
+import { ConversationModel } from 'src/chat21-core/models/conversation';
+import { Inject, Injectable, OnInit } from '@angular/core';
+import { avatarPlaceholder, getColorBck } from './utils-user';
+import moment from 'moment';
+
+@Injectable()
+export class ConvertRequestToConversation {
+
+
+    
+    initialize(){
+
+    }
+
+    getConvFromRequest(request: any): ConversationModel{
+        return new ConversationModel(
+            request.request_id,
+            request.attributes,
+            request.request_id && (request.request_id.startsWith('group-') || request.request_id.startsWith('support-group'))? TYPE_SUPPORT_GROUP: TYPE_DIRECT,
+            request.lead && request.lead.fullname ? request.lead.fullname: null,
+            request.requester_id,
+            request.lead && request.lead.fullname ? request.lead.fullname: null,
+            request.requester_id,
+            '',
+            true,
+            request.first_text,
+            request.first_text,
+            request.requester_id,
+            '',
+            request.lead && request.lead.fullname ? request.lead.fullname: null,
+            '0',
+            moment(request.createdAt).unix(),
+            getColorBck(request.lead.fullname),
+            avatarPlaceholder(request.lead.fullname),
+            false,
+            'text'
+        ); 
+    }
+
+}

package/src/global.scss

@@ -362,19 +362,7 @@ app-message-text-area {
     z-index: 99999; // nk
     background: #fff; // nk
 }
-app-bubble-day-message {
-    width: 100%;
-}
-app-bubble-system-message {
-    max-width: 80%;
-    margin: 0 auto;
-}
-app-bubble-my-message {
-    width: 100%;
-}
-app-bubble-others-message {
-    width: 100%;
-}
+
 app-conversation-info {
     height: calc(100% - 60px);
 }

package/src/index.html

@@ -33,56 +33,15 @@
   <!-- <script src="https://unpkg.com/mqtt@4.1.0/dist/mqtt.min.js"></script> -->
   <!-- <script src="./assets/js/watchToConnectionAtStartUp.js"></script> -->
 
-  <script>
-    // console.log("index.html Hey script watchToConnectionAtStartUp! ");
-    // // ononline version
-    window.ononline = (event) => {
-      // console.log("index.html You are now connected to the network.");
-    };
-
-    // // onoffline version
-    window.onoffline = (event) => {
-      // console.log("The network connection has been lost.");
-    };
-    // console.log('index.html window.navigator.onLine is ' + window.navigator.onLine);
-
-    // || window.navigator.onLine === true
-    if (window.navigator.onLine === false ) {
-      let app_root_el = document.getElementsByTagName('app-root');
-      // console.log('index.html app_root_el ', app_root_el);
-
-      setTimeout(function () {
-        // console.log('index.html app_root_el > childNodes ', app_root_el[0].childNodes);
-        if (app_root_el[0].childNodes.length > 0) { // Or just `if (element.childNodes.length)`
-          // console.log('index.html app_root_el has child', app_root_el[0].childNodes);
-
-        } else {
-          // console.log('index.html app_root_el not has child', app_root_el[0].childNodes);
-
-          var div = document.createElement('div');
-          div.className = 'img-connection';
 
-          div.style.cssText += 'background-image: url(data:image/gif;base64,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);     width: 56px;height: 56px;background-size: contain;position: absolute;left: 50%;top: 50%;webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin-top: -60px;';
-
-          var div_1 = document.createElement('div');
-          div_1.className = 'lost-connection-wpr';
-
-          div_1.style.cssText += 'position: absolute;left: 50%;top: 50%;webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); font-size:18px; color: #92949c; font-family: Roboto, "Helvetica Neue";';
-          div_1.textContent += "Internet is slow or not working."
-
-          document.body.appendChild(div)
-          document.body.appendChild(div_1);
-
-          window.ononline = (event) => {
-            // console.log("index.html You are now connected to the network.");
-            location.reload(true);
-          };
-        }
-      }, 4000);
-    }
+  <!-- segment analytics -->
+  <script>
+    !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="qaTU0wG6VH6xPAhOzD2kneI70Txg1fTB";;analytics.SNIPPET_VERSION="4.15.3";
+    analytics.load("qaTU0wG6VH6xPAhOzD2kneI70Txg1fTB");
+    analytics.page();
+    }}();
   </script>
 
-
   <!-- add to homescreen for ios -->
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-status-bar-style" content="black" />

package/src/variables.scss

@@ -45,6 +45,9 @@ body {
     --padding-conversation-detail: 10px;
 
     --border-radius-item: 16px;
-    --border-radius-content: 16px
-    
+    --border-radius-content: 16px;
+
+    --sidebar-width: 60px;
+    --nav-bar-heigth: 60px;
+
 }

package/src/app/components/conversation-detail/bubble-day-message/bubble-day-message.component.html

@@ -1,3 +0,0 @@
-<!-- <div class="row-day">
-  <div class="header-day">{{messageDate | amTimeAgo}}</div>
-</div> -->

package/src/app/components/conversation-detail/bubble-day-message/bubble-day-message.component.scss

@@ -1,21 +0,0 @@
-.row-day {
-    padding: 0 10px;
-    text-align: center;
-    width: 100%;
-    margin-top: 15px;
-    margin-bottom: 5px;
-}
-.header-day {
-    background-color: var(--transparent);
-    padding-top: 4px;
-    padding-bottom: 4px;
-    padding-left: 12px;
-    padding-right: 12px;
-    vertical-align: middle;
-    border-radius: 13px;
-    font-size: 14px;
-    font-weight: bold;
-    color: var(--basic-gray);
-    display: inline-block;
-}
-

package/src/app/components/conversation-detail/bubble-day-message/bubble-day-message.component.spec.ts

@@ -1,24 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { BubbleDayMessageComponent } from './bubble-day-message.component';
-
-describe('BubbleDayMessageComponent', () => {
-  let component: BubbleDayMessageComponent;
-  let fixture: ComponentFixture<BubbleDayMessageComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ BubbleDayMessageComponent ],
-      imports: [IonicModule.forRoot()]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(BubbleDayMessageComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/app/components/conversation-detail/bubble-day-message/bubble-day-message.component.ts

@@ -1,14 +0,0 @@
-import { Component, OnInit, Input } from '@angular/core';
-
-@Component({
-  selector: 'app-bubble-day-message',
-  templateUrl: './bubble-day-message.component.html',
-  styleUrls: ['./bubble-day-message.component.scss'],
-})
-export class BubbleDayMessageComponent implements OnInit {
-  @Input() messageDate = '';
-  constructor() { }
-
-  ngOnInit() {}
-
-}

package/src/app/components/conversation-detail/bubble-my-message/bubble-my-message.component.html

@@ -1,54 +0,0 @@
-<div class="message message-my" [class.first-message]="isFirstMessage" >
- 
-  <div class="bubble-message" 
-    [class.image]="message.type == 'image'" 
-    [class.no-text]="!message.text" 
-    (mouseover)="showButtonInfo()">
-    <span class="buttonInfo" (click)="presentPopover($event, message)"> </span>
-    
-    <div *ngIf="message.type == 'image';" 
-    (click)="popupUrl(message.metadata.src,'windowName')"
-    >
-      <img 
-        class="message-content message-content-image" 
-        [src]="message.metadata.src" 
-        [width]="getSizeImg(message).width"
-        [height]="getSizeImg(message).height" />
-    </div>
-    
-    <div *ngIf="message.type == 'file';" class="message-content message-content-text" 
-    [innerHTML]="urlify(message.metadata.src, message.metadata.name)"
-    ></div>
-    
-    <div>
-    
-    <!-- <div *ngIf="message.type == 'text'"> -->
-      <div *ngIf="isPopupUrl(message.text); then contentPopup else contentNewTab">here is ignored</div>
-      <ng-template #contentPopup>
-        <div style="text-decoration: underline; padding:8px; cursor: pointer;" (click)="popupUrl(message.text,'windowName')">{{stripTags(message.text)}}</div>
-      </ng-template>
-      <ng-template #contentNewTab>
-        <div class="message-content message-content-text" [innerHTML]="message.text"></div>
-      </ng-template>
-    <!-- </div> -->
-
-    </div>
-    
-    <div class="timestamp-message right">{{message.timestamp | date: 'H:mm'}}</div>
-  </div>
-
-  <div class="attribute-message">
-    <div class="status-message">
-      <span *ngIf="!message.status" class="material-icons">
-        <ion-icon name="time-outline"></ion-icon>
-      </span>
-      <span *ngIf="message.status==MSG_STATUS_SENT" class="material-icons">
-        <ion-icon name="checkmark-outline"></ion-icon>
-      </span>
-      <span *ngIf="message.status==MSG_STATUS_RETURN_RECEIPT" class="material-icons">
-        <ion-icon name="checkmark-done-outline"></ion-icon>
-      </span>
-    </div>
-  </div>
-  
-</div>

package/src/app/components/conversation-detail/bubble-my-message/bubble-my-message.component.scss

@@ -1,98 +0,0 @@
-.message {
-    .bubble-message {
-        position: relative;
-        border-radius: 15px;
-        font-size: 15px;
-        // padding: 5px 10px 10px 10px;
-        display: block;
-        width: auto;
-        max-width: 80%;
-        line-height: 1.34;
-        direction: ltr;
-        padding: 0px;
-        .message-content-image {
-            border-radius: 15px 6px 0px 0px;
-        }
-        &.no-text {
-            line-height: 0;
-            .message-content-image {
-                border-radius: 15px 6px 0px 15px;
-            }
-            .message-content.message-content-text{
-                padding: 0px;
-                height: 0px;
-            }
-            .timestamp-message {
-                background-color: #00000045;
-                padding: 4px;
-                color: white;
-            }
-        }
-        &.image{
-            max-width: 300px;
-        }
-        
-    }
-
-    
-    
-    .message-content:after {
-        content: "\00a0\00a0\00a0\00a0\00a0\00a0";
-    }
-    .timestamp-message {
-        font-size: 10px;
-        padding: 0px;
-        position: absolute;
-        bottom: 2px;
-        right: 6px;
-        line-height: 15px;
-    }
-}
-.message-my {
-    width: 100%;
-    margin-top: 4px;
-    .message-content.message-content-text{
-        color: var(--white)!important;
-        padding: 5px 20px 5px 10px;
-    }
-        
-  
-    .bubble-message {
-        background-color: var(--bubble-blue);
-        color: white;
-        margin-right: 24px;
-        float: right;
-        border-top-right-radius: 6px;
-        border-bottom-right-radius: 6px;
-    }
-    &.first-message {
-        margin-top: 10px;
-        .bubble-message {
-            border-top-right-radius: 12px;
-            border-bottom-right-radius: 0px;
-        }
-    }
-    .timestamp-message {
-        color: var(--white);
-    }
-    .attribute-message {
-        position: absolute;
-        width: 100%;
-        background-color: transparent;
-        bottom: 0;
-        right: 0;
-        .status-message {
-            position: absolute;
-            top: 0;
-            right: 0;
-            width: 15px;
-            .material-icons {
-                font-size: 15px;
-                color: var(--basic-blue);
-                position: absolute;
-                bottom: 4px;
-                right: 2px;
-            }
-        }
-    }
-}

package/src/app/components/conversation-detail/bubble-my-message/bubble-my-message.component.ts

@@ -1,84 +0,0 @@
-import { Component, OnInit, Input } from '@angular/core';
-import { MessageModel } from 'src/chat21-core/models/message';
-
-
-
-// utils
-import {
-  popupUrl,
-  urlify,
-  isPopupUrl,
-  stripTags
-} from 'src/chat21-core/utils/utils';
-
-import {
-  getSizeImg
-} from 'src/chat21-core/utils/utils-message';
-
-import {
-  MSG_STATUS_SENT,
-  MSG_STATUS_RETURN_RECEIPT,
-  MAX_WIDTH_IMAGES
-} from 'src/chat21-core/utils/constants';
-
-@Component({
-  selector: 'app-bubble-my-message',
-  templateUrl: './bubble-my-message.component.html',
-  styleUrls: ['./bubble-my-message.component.scss'],
-})
-
-export class BubbleMyMessageComponent implements OnInit {
-  @Input() message: MessageModel;
-  @Input() isFirstMessage = true;
-
-  // utils functions
-  popupUrl = popupUrl;
-  urlify = urlify;
-  isPopupUrl = isPopupUrl;
-  stripTags = stripTags;
-
-  // utils-message functions
-  getSizeImg = getSizeImg;
-
-  MSG_STATUS_SENT = MSG_STATUS_SENT;
-  MSG_STATUS_RETURN_RECEIPT = MSG_STATUS_RETURN_RECEIPT;
-  MAX_WIDTH_IMAGES = MAX_WIDTH_IMAGES;
-  
-  constructor() { }
-
-  ngOnInit() {
-    // console.log('msg::::', JSON.stringify(this.message));
-  }
-
-  /** */
-  showButtonInfo() {
-    //console.log('showButtonInfo');
-  }
-
-  /**
-  * apro il menu delle opzioni 
-  * (metodo richiamato da html) 
-  * alla chiusura controllo su quale opzione ho premuto e attivo l'azione corrispondete
-  */
- presentPopover(event, msg) {
-  // console.log('presentPopover');
-  // let popover = this.popoverCtrl.create(PopoverPage, { typePopup: TYPE_POPUP_DETAIL_MESSAGE, message: msg });
-  // popover.present({
-  //   ev: event
-  // });
-  //   /**
-  //    * 
-  //    */
-  //   popover.onDidDismiss((data: string) => {
-  //     console.log(" ********* data::: ", data);
-  //     if (data == 'logOut') {
-  //       //this.logOut();
-  //     }
-  //     else if (data == 'ProfilePage') {
-  //       if (this.chatManager.getLoggedUser()) {
-  //         this.navCtrl.push(ProfilePage);
-  //       }
-  //     }
-  //   });
-  }
-}