@chat21/chat21-ionic 3.0.79 → 3.0.80

package/CHANGELOG.md

@@ -1,5 +1,8 @@
 # chat21-ionic ver 3.0
 
+## 3.0.80 in PROD
+- bug-fixed: if search a canned response, after clicked it does not replaced into text-area
+
 ## 3.0.79 in PROD
 - added: segment analytics events
 

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.0.79",
+    "version": "3.0.80",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {
@@ -119,4 +119,4 @@
             "android"
         ]
     }
-}
+}

package/src/app/components/canned-response/canned-response.component.html

@@ -6,7 +6,7 @@
       (click)="onClickCannedFN(canned, $event)">
       <div class="cannedContent">
         <ion-input [(ngModel)]="canned.title" class="title" id="{{'titleCanned_'+canned._id}}" [disabled]="canned.disabled"></ion-input>
-        <ion-input [(ngModel)]="canned.text" *ngIf="canned.text" class="text" [disabled]="canned.disabled"></ion-input>
+        <ion-input [(ngModel)]="canned.text" *ngIf="canned.text" class="text truncate" [disabled]="canned.disabled"></ion-input>
       </div>
       <ion-icon class="canned-item-icon"  name="checkmark-sharp" slot=end *ngIf="canned.createdBy === loggedUser.uid && !canned.disabled" (click)="onConfirmEditCanned(canned, $event)"></ion-icon>
       <ion-icon class="canned-item-icon"  name="pencil-sharp" slot=end *ngIf="canned.createdBy === loggedUser.uid && canned.disabled" (click)="onEditCanned(canned, $event)"></ion-icon>

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

@@ -1282,18 +1282,23 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     this.logger.log('[CONVS-DETAIL] replaceTagInMessage  canned text ', canned.text)
 
     // replace text
-    var strTEMP = textArea.value.replace(/\/$/ig, canned.text)
+    var strTEMP = textArea.value.replace(/\/.*/ig, canned.text)
     strTEMP = this.replacePlaceholderInCanned(strTEMP)
-    this.logger.log('[CONVS-DETAIL] replaceTagInMessage strSearch ', strTEMP)
+    this.logger.log('[CONVS-DETAIL] replaceTagInMessage strSearch before', strTEMP, textArea)
     // strTEMP = this.replacePlaceholderInCanned(strTEMP);
     // textArea.value = '';
     // that.messageString = strTEMP;
     textArea.value = strTEMP
-    setTimeout(() => {
-      // textArea.focus();
-      textArea.setFocus()
-      // this.resizeTextArea()
-    }, 200)
+    this.logger.log('[CONVS-DETAIL] replaceTagInMessage strSearch after', strTEMP, textArea)
+    this.insertAtCursor(textArea, '')
+    this.setCaretPosition(textArea)
+    // setTimeout(() => {
+    //   // textArea.focus();
+    //   textArea.selectionEnd = textArea.value.length;
+    //   textArea.setFocus()
+    //   // this.resizeTextArea()
+    //   // this.setCaretPosition(textArea)
+    // }, 200)
     
   }
 

package/src/global.scss

@@ -434,6 +434,7 @@ select:-webkit-autofill:focus {
 .canned-list {
     .native-input[disabled] {
         opacity: 10 !important;
+        cursor: pointer;
     }
 }
 

package/deploy_amazon_beta.sh

@@ -1,29 +0,0 @@
-#npm version prerelease --preid=beta
-version=`node -e 'console.log(require("./package.json").version)'`
-echo "version $version"
-
-URL_VER=${version//[.]//}
-echo 'URL_VER: ---->'$URL_VER
-
-sed -i -e "s/$URL_VER/g" src/utils/constants.ts
-
-# ng build --prod --base-href /$NEW_BUILD/
-#ionic cordova build browser --prod
-
-ionic cordova platform add browser --save
-#ionic cordova build browser --prod --release
-ionic cordova build --configuration="pre" browser #--prod  --verbose 
-
-cp -p src/firebase-messaging-sw.js platforms/browser/www/
-cp -p src/manifest.json platforms/browser/www/
-cp -p src/chat-config.json platforms/browser/www/
-
-cd platforms/browser/www
-aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5/$version/ --cache-control max-age=300
-aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5/ --cache-control max-age=300
-cd ../../../
-
-#aws cloudfront create-invalidation --distribution-id E13L8CUUKUWAJF --paths "/*"
-
-echo new version deployed on s3://tiledesk-dashboard-pre/chat-ionic5/$version/
-echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-dashboard-pre/chat-ionic5/$version/index.html

package/deploy_amazon_prod.sh

@@ -1,30 +0,0 @@
-# npm version patch
-version=`node -e 'console.log(require("./package.json").version)'`
-echo "version $version"
-
-URL_VER=${version//[.]//}
-echo 'URL_VER: ---->'$URL_VER
-
-# sed -i -e "s/$start$ver.$build/$start$NEW_VER.$NEW_BUILD/g" src/utils/constants.ts
-sed -i -e "s/$URL_VER/g" src/utils/constants.ts
-
-
-ionic cordova platform add browser --save
-#ionic cordova build --env=prod browser  -- --base-href /www/ --prod
-ionic cordova build --env=prod browser --prod 
-
-cp -p src/firebase-messaging-sw.js platforms/browser/www/
-cp -p src/manifest.json platforms/browser/www/
-cp -p src/chat-config.json platforms/browser/www/
-
-cd platforms/browser/www
-aws s3 sync . s3://tiledesk-console/v2/chat/ --cache-control max-age=172800
-aws s3 sync . s3://tiledesk-console/v2/chat/$version/ --cache-control max-age=172800
-# aws s3 sync . s3://tiledesk-console/v2/chat/latest/ --cache-control max-age=172800
-cd ../../../
-
-# aws cloudfront create-invalidation --distribution-id E36UIP90GOSFPM --paths "/*"
-
-# echo new version deployed on s3://tiledesk-dashboard/chat/$NEW_BUILD/
-echo new version deployed on s3://tiledesk-console/v2/chat/$version/
-echo available on https://console.tiledesk.com/v2/chat/$version/index.html

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>