@chat21/chat21-ionic 3.0.81-rc.2 → 3.0.81

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>

package/src/app/components/conversations-list/header-conversations-list-archived/header-conversations-list-archived.component.html

@@ -1,12 +0,0 @@
-<ion-toolbar [class.mobile]="isMobile">
-  
-  <ion-buttons slot="start">
-    <ion-button ion-button (click)="onBackButtonHandler()">
-      <ion-icon slot="icon-only" name="arrow-back-outline"></ion-icon>
-    </ion-button>
-  </ion-buttons>
-
-  <ion-title> {{headerTitle}}</ion-title>
-
-</ion-toolbar>
-

package/src/app/components/conversations-list/header-conversations-list-archived/header-conversations-list-archived.component.scss

@@ -1,14 +0,0 @@
-ion-toolbar {
-    height: var(--header-height);   
-    &:not(.mobile){
-        --background: var(--list-bkg-color);
-        border: none;
-    }
-    &.mobile{
-        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-    }
-
-    ion-button{
-        --color: var(--basic-blue);
-    }
-}

package/src/app/components/navbar/navbar.component.html

@@ -1,103 +0,0 @@
-<ion-navbar class="navbar navbar-absolute">
-  <div class="container-fluid">
-      <!-- <div class="navbar-left">
-        left
-      </div> -->
-      <div class="navbar-right">
-        <!-- test site -->
-        <ng-container *ngIf="project">
-          <button class="btn simulate-visitor-btn btn-success-no-boxshadow " (click)="testWidgetPage()">
-            <i class="material-icons" style="padding-top: 0px;font-size: 24px;">play_arrow</i>
-            {{translationsMap.get('NAVBAR.SIMULATE_VISITOR')}}
-          </button>
-        </ng-container>
-
-        <!--  ------ PROJECTS  DROPDOWN ------ -->
-        <ng-container *ngIf="project">
-            <li>
-              <button class="btn dropdown-toggle project-dropdown" (click)="openDropdownProjects = !openDropdownProjects">
-                <i class="material-icons" style="margin-right: 3px;">keyboard_arrow_down</i>
-                <span style="text-transform: none"> {{ project?.id_project?.name }} </span>
-              </button>
-              <div class="ripple-container"></div>
-              <div id="navbar_dropdown" class="dropdown-menu" [ngClass]="{'open': openDropdownProjects}">
-                
-                <!--  PROJECT SETTINGS  -->
-                <!-- <li *ngIf="USER_ROLE !== 'agent'">
-                  <a (click)="onClickDropdownOption('projectSettings')">
-                    <i class="material-icons" style="padding-right: 5px; margin-bottom: 2px; font-size: 20px">settings</i>
-                    {{translationsMap?.get('NAVBAR.PROJECT_SETTINGS')}}
-                  </a>
-                </li> -->
-  
-                <!--  ALL PROJECTS -->
-                <li (click)="onClickDropdownOption('allProjects')">
-                  <a style="cursor: pointer">
-                    <i class="material-icons" style="padding-right: 5px; margin-bottom: 2px; font-size: 20px">view_list</i>
-                    {{translationsMap?.get('NAVBAR.VIEW_ALL_PROJECTS')}}
-                  </a>
-                </li>
-  
-                <!--  ADD PROJECT -->
-                <li id="navbar_create_prjct" *ngIf="MT === true" (click)="onClickDropdownOption('addProject')">
-                  <a style="cursor: pointer">
-                    <i class="material-icons" style="padding-right: 5px; margin-bottom: 2px; font-size: 20px">add_circle_outline </i>
-                    {{translationsMap?.get('NAVBAR.ADD_PROJECT')}}
-                  </a>
-                </li>
-  
-                <li class="divider"></li>
-  
-                <!--  RECENT PROJECTS -->
-                <li>
-                  <span style="padding-left: 24px;font-size: 12px; color: rgb(118,149,165);font-weight: 400">
-                    {{translationsMap?.get('NAVBAR.RECENT_PROJECTS')}}
-                  </span>
-                </li>
-                <!-- 
-                ***** ngFor - reverse order of output using the index *****
-                Reverse() works in place. It means, it will change the original array. 
-                Slice without parameters returns a copy of projects, so original array, in this case, stays unchanged.  
-                let prjct of projects?.reverse()
-                -->
-                <!-- *ngFor="let prjct of projects?.slice().reverse() | slice:0:5; let i=index" -->
-                <li *ngFor="let prjct of projects?.slice() | slice:0:5; let i=index" style="cursor: pointer">
-                  <a (click)="goToHome(prjct?.id_project?._id, prjct?.id_project?.name)"
-                    [ngClass]="{'li-selected' : prjct?.id_project?._id === project?.id_project?.id }">
-  
-                    <span> {{ prjct?.id_project?.name }} </span>
-                  </a>
-                </li>
-
-                <ng-container *ngIf="projects?.length > 5">
-                  <li class="divider"></li>
-                  <li>
-                    <span style="padding-left: 24px;font-size: 12px; color: rgb(118,149,165);font-weight: 400">
-                      {{translationsMap?.get('NAVBAR.OTHER_PROJECTS')}}
-                    </span>
-                  </li>
-    
-                  <!-- *ngFor="let prjct of projects?.slice().reverse() | slice:5:10; let i=index" -->
-                  <li *ngFor="let prjct of projects?.slice() | slice:5:10; let i=index" style="cursor: pointer">
-                    <a (click)="goToHome(prjct?.id_project?._id, prjct?.id_project?.name)">
-                      {{ prjct?.id_project?.name }}
-                    </a>
-                  </li>
-                </ng-container>
-  
-              </div>
-            </li>
-        </ng-container>
-
-        <!--  Sound on / off -->
-        <ng-container *ngIf="project">
-          <button class="btn volume" style="cursor: pointer;" *ngIf="isSoundEnabled" (click)="onClickSound('disabled')">
-            <i class="material-icons">volume_up</i>
-          </button>
-          <button class="btn volume" style="cursor: pointer;" *ngIf="!isSoundEnabled" (click)="onClickSound('enabled')">
-            <i class="material-icons">volume_off</i>
-          </button>
-        </ng-container>
-      </div>
-  </div>
-</ion-navbar>

package/src/app/components/navbar/navbar.component.scss

@@ -1,249 +0,0 @@
-.navbar-absolute{
-    position: absolute;
-    width: calc(100%  - var(--sidebar-width));
-    margin-left: var(--sidebar-width);
-    padding-top: 5px;
-    z-index: 1;
-    padding-bottom: 5px;
-    border-bottom: 1px solid #e7e7e7;
-    top: 0;
-
-    -webkit-font-smoothing: auto;
-}
-
-.navbar{
-    background-color: #fff;
-    color: #555;
-    min-height: var(--nav-bar-heigth);
-    transition: all 150ms ease 0s;
-}
-
-.container-fluid{
-    padding-right: 15px;
-    padding-left: 15px;
-    margin-right: auto;
-    margin-left: auto;
-
-    width: 100%;
-}
-
-ion-navbar{
-    display: flex;
-    align-items: center;
-}
-
-.navbar-collapse{
-    border-top: none;
-    box-shadow: none;
-
-    padding-right: 15px;
-    padding-left: 15px;
-}
-
-.navbar-right{
-    float: right;
-
-    display: inline-flex;
-    align-items: center;
-}
-
-.navbar-left{
-    float: left;
-}
-
-.simulate-visitor-btn{
-    font-size: 12px;
-    padding: 0px 11px 0px 4px !important;
-    max-height: 24px;
-    border-radius: 30px;
-    font-family: 'Poppins';
-
-    box-shadow: unset!important;
-    text-transform: none!important;
-    background: #3ecf8e!important;
-    color: #fff;
-
-}
-
-.btn{
-    display: flex;
-    position: relative;
-    flex-flow: row nowrap;
-    align-items: center;
-    justify-content: center;
-
-    border: 1px solid transparent;
-    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
-}
-
-
-.dropdown-toggle, .volume{
-    background-color: transparent;
-    color: inherit;
-
-    padding: 0px 15px;
-    font-weight: 400;
-}
-
-.project-dropdown {
-    max-width: 180px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-size: 12px;
-}
-
-li{
-    position: relative;
-    display: block
-}
-
-.dropdown-menu {
-    border-radius: 3px;
-    box-shadow: 0 2px 5px 0 rgb(0, 0, 0, 0.26);
-
-    position: absolute;
-    top: 100%;
-    right: 0;
-    left: auto;
-    z-index: 1000;
-    display: none;
-    float: left;
-    min-width: 160px;
-    padding: 5px 0;
-    margin: 2px 0 0;
-    font-size: 14px;
-    text-align: left;
-    list-style: none;
-    background-color: #fff;
-    -webkit-background-clip: padding-box;
-    background-clip: padding-box;
-}
-.dropdown-menu{
-    max-height: 240px;
-    overflow-y: auto;
-}
-.dropdown-menu:not(.open){
-    margin-top: -20px;
-    opacity: 0;
-    visibility: hidden;
-    display: block;
-}
-
-.dropdown-menu.open{
-    margin-top: 12px; //0;
-    opacity: 1;
-    visibility: visible;
-    display: block;
-    transition: all 150ms linear;
-}
-
-.dropdown-menu li {
-    position: relative;
-
-    .li-selected{
-        color: #4285f4;
-        background-color: #eee;
-    }
-}
-
-.dropdown-menu .divider{
-    background-color: rgba(0,0,0,.12);
-    margin: 5px 0;
-
-    height: 1px;
-    overflow: hidden;
-}
-
-.dropdown-menu li>a{
-    font-size: 13px;
-    padding: 10px 20px;
-    margin: 0 5px;
-    border-radius: 2px;
-    transition: all 150ms linear;
-
-    display: block;
-    clear: both;
-    font-weight: 400;
-    line-height: 1.42857143;
-    color: #333;
-    white-space: nowrap;
-    text-decoration: none;
-
-    cursor: pointer;
-
-    .material-icons {
-        vertical-align: middle;
-    }
-
-    &:hover{
-        background-color: #3ea9f5;
-        color: #fff;
-        box-shadow: 0 12px 20px -10px rgba(62, 169, 245, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(62, 169, 245, 0.2);
-    }
-}
-
-
-.material-icons {
-    font-family: "Material Icons";
-    font-weight: 400;
-    font-style: normal;
-    font-size: 24px;
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-rendering: optimizeLegibility;
-    font-feature-settings: "liga";
-
-    top: 0;
-    position: relative;
-    font-size: 20px;
-    vertical-align: middle;
-}
-
-.ripple-container {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 1;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    border-radius: inherit;
-    pointer-events: none;
-
-    .disabled &{
-        display: none;
-    }
-}
-.ripple {
-    position: absolute;
-    width: 20px;
-    height: 20px;
-    margin-left: -10px;
-    margin-top: -10px;
-    border-radius: 100%;
-    background-color: #000; // fallback color
-    background-color: rgba(0,0,0,0.05);
-    transform: scale(1);
-    transform-origin: 50%;
-    opacity: 0;
-    pointer-events: none;
-}
-.ripple.ripple-on {
-    transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
-    opacity: 0.1;
-}
-.ripple.ripple-out {
-    transition: opacity 0.1s linear 0s !important;
-    opacity: 0;
-}
-
-
-