@chat21/chat21-ionic 3.0.60-rc8 → 3.0.61-rc3

package/src/assets/i18n/tr.json

@@ -2,7 +2,7 @@
   "LABEL_TU": "sen: ",
   "LABEL_MSG_PUSH_START_CHAT": "Henüz görüşme yok",
   "LABEL_MSG_START_CHAT": "Sohbeti başlat",
-  "LABEL_ACTIVE_NOW": "şimdi aktif",
+  "LABEL_ACTIVE_NOW": "mevcut",
   "LABEL_AVAILABLE": "mevcut",
   "LABEL_NOT_AVAILABLE": "müsait değil",
   "LABEL_NO_MSG_HERE": "Hala mesaj yok...",
@@ -108,7 +108,7 @@
   "LABEL_INFO_USER": "Kullanıcısı bilgi",
   "LABEL_IS_WRITING": "yazıyor",
   "LABEL_VERSION": "versiyon",
-  "LABEL_CONTACTS": "kişiler",
+  "LABEL_CONTACTS": "Kişiler",
   "LABEL_PLACEHOLDER": "mesajını yaz..",
   "LABEL_START_NW_CONV": "Yeni görüşme",
   "LABEL_FIRST_MSG": "Sorununuzu kısaca açıklayın, bir temsilci sizinle iletişime geçecektir.",
@@ -203,6 +203,25 @@
   "PINNED_PROJECT": "Sabitlenmiş proje",
   "CHANGE_PINNED_PROJECT": "Sabitlenmiş projeyi değiştir",
   "CHANGE_TO_AVAILABLE_UNAVAILABLE": "mevcut/kullanılamaz olarak değiştirin",
-  "CHANGE_TO_YOUR_STATUS_TO_AVAILABLE": "durumunuzu müsait olarak değiştirin",
-  "CHANGE_TO_YOUR_STATUS_TO_UNAVAILABLE": "durumunuzu kullanılamaz olarak değiştirin"
-}
+  "CHANGE_TO_YOUR_STATUS_TO_AVAILABLE": "Durumunuzu müsait olarak değiştirin",
+  "CHANGE_TO_YOUR_STATUS_TO_UNAVAILABLE": "Durumunuzu kullanılamaz olarak değiştirin",
+  "ALL_CONVS_SERVED": "Tüm konuşmalar servis edildi mi? İyi iş!",
+  "PaydPlanName": "{{projectprofile}} Planı",
+  "PaydPlanNamePro": "Pro Planı",
+  "PaydPlanNameEnterprise": "Enteprise Planı",
+  "ProPlanTrial": "Pro Plan (deneme)",
+  "FreePlan":"Ücretsiz Plan",
+  "SubscriptionPaymentProblem": "Abonelik ödeme sorunu",
+  "ThePlanHasExpired": "Planın süresi doldu",
+  "owner": "Sahip",
+  "admin": "Yönetici",
+  "agent": "Ajan",
+  "Conversations": "Konuşmalar",
+  "Apps":"Uygulamalar",
+  "Analytics":"Analitik",
+  "Activities": "Faaliyetler",
+  "History": "Tarih",
+  "Settings": "Ayarlar",
+  "Resolve": "Çözmek"
+}
+

package/src/chat-config-pre-test.json

@@ -1,5 +1,5 @@
 {
-    "t2y12PruGU9wUtEGzBJfolMIgK": "CAR:T",
+    "t2y12PruGU9wUtEGzBJfolMIgK": "CAR:T-PAY:T-ANA:T-ACT:T-APP:T",
     "chatEngine": "firebase",
     "uploadEngine": "firebase",
     "pushEngine": "firebase",
@@ -7,6 +7,8 @@
     "fileUploadAccept":"*/*",
     "authPersistence": "LOCAL",
     "supportMode": true,
+    "teammatesButton": true,
+    "archivedButton": true,
     "firebaseConfig": {
         "tenant": "tilechat",
         "apiKey": "AIzaSyCoWXHNvP1-qOllCpTshhC6VjPXeRTK0T4",

package/src/chat-config-template.json

@@ -27,5 +27,7 @@
     "dashboardUrl": "${DASHBOARD_URL}",
     "wsUrl": "${WS_URL}",
     "wsUrlRel": "${WS_URL_RELATIVE}",
-    "supportMode": "${SUPPORT_MODE}"
+    "supportMode": "${SUPPORT_MODE}",
+    "teammatesButton": "${TEAMMATES_BUTTON}",
+    "archivedButton": "${ARCHIVED_BUTTON}"
 }

package/src/chat-config.json

@@ -1,5 +1,5 @@
 {
-    "t2y12PruGU9wUtEGzBJfolMIgK": "",
+    "t2y12PruGU9wUtEGzBJfolMIgK":"${FEATURES_TOKEN}",
     "chatEngine": "mqtt",
     "updloaEngine": "native",
     "pushEngine":"none",
@@ -27,5 +27,7 @@
     "dashboardUrl": "https://support-pre.tiledesk.com/dashboard/",
     "wsUrl": "ws://localhost:3000/",
     "wsUrlRel": "${WS_URL_RELATIVE}",
-    "supportMode": false
+    "supportMode": false,
+    "teammatesButton": false,
+    "archivedButton": false
 }

package/src/chat21-core/providers/firebase/firebase-conversations-handler.ts

@@ -510,7 +510,7 @@ export class FirebaseConversationsHandler extends ConversationsHandlerService {
         if ((conv.attributes && conv.attributes.messagelabel && conv.attributes.messagelabel.key === TOUCHING_OPERATOR) && conv.sender === "system") {
             // console.log('FIREBASEConversationsHandlerSERVICE last_message_text', conv.last_message_text)
             const textAfterColon = conv.last_message_text.split(":")[1]
-            console.log('FIREBASEConversationsHandlerSERVICE last_message_text - textAfterColon', textAfterColon)
+            // console.log('FIREBASEConversationsHandlerSERVICE last_message_text - textAfterColon', textAfterColon)
             // message.text = INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU + ' ' + textAfterColon;
             if (textAfterColon !== undefined) {
                 conv.last_message_text = INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU + ': ' + textAfterColon;

package/src/global.scss

@@ -48,9 +48,17 @@ body {
     user-select: text;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
+    // font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
     overflow: auto;
     text-rendering: optimizeLegibility;
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    -webkit-tap-highlight-color: transparent;
+    text-size-adjust: 100% !important;
+    // -webkit-font-smoothing: subpixel-antialiased !important;
+    // text-shadow: 0px 0px 0px !important;
+    // -webkit-text-stroke-width: 0.01px !important;
+  
 }
 
 // Ionic 'Split Pane' styles need to be tweaked to
@@ -407,7 +415,7 @@ select:-webkit-autofill:focus {
 }
 
 .chat-tooltip {
-    font-family: "Roboto", "Google Sans", Helvetica, Arial, sans-serif;
+    font-family: "Roboto", Helvetica, Arial, sans-serif;
     font-size: 12px;
     font-style: normal;
     letter-spacing: normal;
@@ -532,7 +540,7 @@ select:-webkit-autofill:focus {
 }
 
 #canned > ion-list > ion-item > div > div.nocannedTitle {
-   color: #f44336
+    color: #f44336;
 }
 
 .highlight-search-string {
@@ -587,3 +595,443 @@ select:-webkit-autofill:focus {
     display: flex;
     align-items: center;
 }
+
+// User details Sidebar
+.user-details-sidebar {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+}
+
+// Sidebar
+.sidebar {
+    transition-property: top, bottom, width;
+    transition-duration: 0.2s, 0.2s, 0.35s;
+    transition-timing-function: linear, linear, ease;
+    -webkit-overflow-scrolling: touch;
+}
+
+.sidebar {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 2;
+}
+
+.sidebar .logo {
+    position: relative;
+    padding: 13px 15px;
+    z-index: 4;
+}
+
+.sidebar .sidebar-wrapper {
+    position: relative;
+    height: calc(100vh - 35px);
+    overflow: auto;
+    width: 60px;
+    z-index: 4;
+}
+.sidebar-wrapper {
+    transition-property: top, bottom, width;
+    transition-duration: 0.2s, 0.2s, 0.35s;
+    transition-timing-function: linear, linear, ease;
+    background-color: #2d323e !important;
+}
+
+.small-sidebar__logo {
+    left: 19px;
+    top: 12px !important;
+    width: 25px !important;
+    margin-left: 3px;
+    margin-top: 5px;
+}
+
+.small-sidebar-tiledesk-nav-user {
+    height: 40px;
+    min-height: 40px;
+    max-height: 40px;
+}
+
+.user {
+    position: relative;
+    // display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    width: 100%;
+    // height: 130px;
+    // min-height: 130px;
+    // max-height: 130px;
+}
+.tiledesk-nav-user {
+    background-color: #1e2129 !important;
+    color: #fff !important;
+}
+
+.small-sidebar-userfullname {
+    display: none;
+}
+
+.small-sidebar-email {
+    display: none;
+}
+
+.tiledesk-nav-avatar {
+    background-color: #2d323e !important;
+    color: #fff !important;
+}
+
+.avatar-container {
+    text-align: center;
+    cursor: pointer;
+    position: absolute;
+    // top: 80px;
+    border-radius: 50%;
+    padding: 4px;
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+    left: 50%;
+}
+
+.avatar-container .sidebar-avatar {
+    width: 40px;
+    height: 40px;
+    margin: 0;
+    border-radius: 50%;
+    -o-object-fit: cover;
+    object-fit: cover;
+    min-width: 40px;
+    max-width: 40px;
+}
+
+.small-sidebar-status-icon {
+    left: 33px !important;
+    bottom: 4px !important;
+    width: 12px !important;
+    height: 12px !important;
+}
+
+.status-icon {
+    position: absolute;
+    // width: 14px;
+    // height: 14px;
+    // bottom: 8px;
+    // left: 61px;
+    border: 2px solid #2d323e;
+    border-radius: 50%;
+    // background-color: #4caf50;
+}
+
+.small-sidebar-camera-icon {
+    top: 19px !important;
+}
+
+.is-over-camera {
+    z-index: 5;
+    position: relative;
+    // top: 20px;
+    background-color: rgba(45, 50, 62, 0.7);
+    // padding: 15px;
+    padding: 6px;
+    border-radius: 50%;
+    opacity: 0;
+}
+
+.sidebar--isBusy-icon-wpr {
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    top: 12px;
+    right: 37px;
+}
+
+@media (max-width: 991px) {
+    .nav-container {
+        position: relative;
+    }
+}
+
+.sidebar .nav {
+    margin-top: 20px;
+}
+
+.nav {
+    padding-left: 0;
+    margin-bottom: 0;
+    list-style: none;
+}
+
+.nav:before {
+    display: table;
+    content: " ";
+}
+
+.nav > li {
+    position: relative;
+    display: block;
+    height: 40px;
+    cursor: pointer;
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.nav > li:hover {
+    background-color: #eee;
+}
+
+.sidebar .nav li > a {
+    // margin: 10px 15px;
+    // border-radius: 3px;
+    transition: all 300ms linear;
+    color: #3c4858;
+}
+
+.sidebar .nav li.item-active > a > i {
+    color: #ffffff;
+}
+
+.item-active {
+    height: 40px;
+    background-color: #3ea9f5;
+    color: #fff !important;
+    pointer-events: none;
+}
+.is-user-online {
+    background-color: #4caf50;
+}
+
+.is-desktop-menu {
+    margin-top: 40px;
+}
+.is-mobile-menu {
+    margin-top: 0px;
+}
+
+.logo {
+    background-color: #1e2129 !important;
+    padding-bottom: 5px;
+    min-height: 60px;
+    width: 60px; // for SMALL SIDEBAR
+}
+
+.sidebar .logo:after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    right: 10%;
+    height: 1px;
+    width: 80%;
+    background-color: rgba(180, 180, 180, 0.3);
+}
+
+.logo-img-wpr {
+    text-transform: none;
+
+    min-height: 40px;
+    padding-left: 0px !important;
+}
+
+/* *** SMALL SIDEBAR STYLE ***  */
+.small-sidebar-tiledesk-nav-user {
+    height: 40px;
+    min-height: 40px;
+    max-height: 40px;
+}
+
+.small-sidebar-email {
+    display: none;
+}
+
+.small-sidebar-status-icon {
+    left: 33px !important;
+    bottom: 4px !important;
+    width: 12px !important;
+    height: 12px !important;
+}
+
+.small-sidebar-status-text {
+    display: none;
+}
+
+.small-sidebar-userfullname {
+    display: none;
+}
+
+.small-sidebar-camera-icon {
+    // top: 86px !important;
+    top: 19px !important;
+}
+
+/* OVERWRITE THE DEFAULT STYLE */
+.nav-mobile-menu {
+    margin-top: 45px !important;
+}
+/* // NK end NEW: AVATAR ON THE SIDEBAR  */
+
+/* NK start CUSTOM SCROLL BAR */
+/* width */
+::-webkit-scrollbar {
+    width: 3px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+    background: #f1f1f1;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+    background: #888;
+    /* border-radius: 6px; */
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+    background: #555;
+    /* width: 10px !important; */
+}
+/* NK end CUSTOM SCROLL BAR */
+
+/* SIDEBAR NAV ITEMS  */
+
+/* SIDEBAR NAV ITEMS  */
+
+.is-user-online {
+    background-color: #4caf50;
+}
+.is-user-offline {
+    background-color: #f44336;
+}
+
+.is-desktop-menu {
+    margin-top: 40px;
+}
+.is-mobile-menu {
+    margin-top: 0px;
+}
+
+.logo {
+    background-color: #1e2129 !important;
+    padding-bottom: 5px;
+    min-height: 60px;
+    width: 60px; // for SMALL SIDEBAR
+}
+
+/* *** SMALL SIDEBAR STYLE ***  */
+.small-sidebar-tiledesk-nav-user {
+    height: 40px;
+    min-height: 40px;
+    max-height: 40px;
+}
+.small-sidebar-avatar {
+    top: 12px;
+}
+
+.small-sidebar-email {
+    display: none;
+}
+
+.small-sidebar-status-icon {
+    left: 33px !important;
+    bottom: 4px !important;
+    width: 12px !important;
+    height: 12px !important;
+}
+
+.small-sidebar-status-text {
+    display: none;
+}
+
+.small-sidebar-userfullname {
+    display: none;
+}
+
+.small-sidebar-camera-icon {
+    // top: 86px !important;
+    top: 19px !important;
+}
+
+/* OVERWRITE THE DEFAULT STYLE */
+.nav-mobile-menu {
+    margin-top: 45px !important;
+}
+/* // NK end NEW: AVATAR ON THE SIDEBAR  */
+
+/* NK start CUSTOM SCROLL BAR */
+/* width */
+::-webkit-scrollbar {
+    width: 8px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+    background: #f1f1f1;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+    background: #888;
+    /* border-radius: 6px; */
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+    background: #555;
+    /* width: 10px !important; */
+}
+/* NK end CUSTOM SCROLL BAR */
+
+/* SIDEBAR NAV ITEMS  */
+
+.item-active a {
+    background-color: transparent !important;
+    box-shadow: none !important;
+    -webkit-box-shadow: none !important;
+}
+
+/* SIDEBAR NAV ITEMS  */
+
+p.hidden-lg.hidden-md {
+    color: rgba(255, 255, 255, 0.6);
+}
+li.item-active p.hidden-lg.hidden-md {
+    color: rgba(25, 25, 25, 1) !important;
+}
+.nav .open > a > p.hidden-lg.hidden-md {
+    color: rgba(25, 25, 25, 1) !important;
+}
+ul.dropdown-menu > li > a {
+    color: rgba(255, 255, 255, 0.6);
+}
+/* end - mobile sidebar USED WITH SIDWBAR WITH BLACK BACKGROUND */
+/* END - USED WITH SIDWBAR WITH BLACK BACKGROUND */
+
+/* CUSTOM MARGIN BETWEEN THE MENU ITEM*/
+.nav li > a.customAncor {
+    /* margin: 5px 15px !important; */
+
+    margin-top: 5px !important;
+    margin-right: 15px !important;
+    margin-bottom: 5px !important;
+    margin-left: 0px !important;
+    width: 60px;
+    border-radius: 0px;
+}
+
+.sidebar-icons {
+    font-size: 20px !important;
+    // color: #a9afbb !important;
+}
+
+.sidebar .nav i {
+    // font-size: 20px;
+    float: left;
+    // margin-right: 15px;
+    // line-height: 30px;
+    width: 60px;
+    text-align: center;
+    color: #a9afbb;
+    padding-top: 10px;
+}