From a9c90731d06b4660ed0c65c87001349fd4a803f0 Mon Sep 17 00:00:00 2001
From: Debora Crescenzo <dcrescenzo@sipwise.com>
Date: Tue, 2 Sep 2025 12:37:00 +0100
Subject: [PATCH] MT#63174 Add phonebook name matching into call list

Use new /api/conversations properties to show
phonebook name matching. If the number is
not saved in the phonebook the app shows
the simple number.

Change-Id: Ia80a74c74ea250ed4f697b2897aba380d49bc8ca
---
 src/components/pages/Conversations/CscCallItem.vue      | 4 ++--
 src/components/pages/Conversations/CscFaxItem.vue       | 4 ++--
 src/components/pages/Conversations/CscVoiceMailItem.vue | 5 ++++-
 src/pages/CscPageDashboard.vue                          | 6 +++---
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/pages/Conversations/CscCallItem.vue b/src/components/pages/Conversations/CscCallItem.vue
index 6aba722d..dc9ab1d5 100644
--- a/src/components/pages/Conversations/CscCallItem.vue
+++ b/src/components/pages/Conversations/CscCallItem.vue
@@ -134,9 +134,9 @@ export default {
     computed: {
         number () {
             if (this.call.direction === 'out') {
-                return this.call.callee
+                return this.call.callee_phonebook_name || this.call.callee
             }
-            return this.call.caller
+            return this.call.caller_phonebook_name || this.call.caller
         },
         totalCustomerCostRounded () {
             const formatter = new Intl.NumberFormat('en-US', {
diff --git a/src/components/pages/Conversations/CscFaxItem.vue b/src/components/pages/Conversations/CscFaxItem.vue
index bc22c53d..5d0d7ab0 100644
--- a/src/components/pages/Conversations/CscFaxItem.vue
+++ b/src/components/pages/Conversations/CscFaxItem.vue
@@ -97,9 +97,9 @@ export default {
         },
         number () {
             if (this.fax.direction === 'out') {
-                return this.fax.callee
+                return this.fax.callee_phonebook_name || this.fax.callee
             }
-            return this.fax.caller
+            return this.fax.caller_phonebook_name || this.fax.caller
         }
     },
     methods: {
diff --git a/src/components/pages/Conversations/CscVoiceMailItem.vue b/src/components/pages/Conversations/CscVoiceMailItem.vue
index c0d01580..01485c5f 100644
--- a/src/components/pages/Conversations/CscVoiceMailItem.vue
+++ b/src/components/pages/Conversations/CscVoiceMailItem.vue
@@ -15,7 +15,7 @@
             >
                 {{ $t('Voicemail') }}
                 {{ direction }}
-                {{ $filters.destinationFormat(voiceMail.caller) }}
+                {{ $filters.destinationFormat(voicemailCaller) }}
             </q-item-label>
             <q-item-label
                 caption
@@ -150,6 +150,9 @@ export default {
             }
             return 'from'
         },
+        voicemailCaller () {
+            return this.voiceMail.caller_phonebook_name || this.voiceMail.caller
+        },
         soundFileFormat () {
             return this.platform.mozilla ? 'ogg' : 'mp3'
         },
diff --git a/src/pages/CscPageDashboard.vue b/src/pages/CscPageDashboard.vue
index f954f88f..88272277 100644
--- a/src/pages/CscPageDashboard.vue
+++ b/src/pages/CscPageDashboard.vue
@@ -177,7 +177,7 @@ export default {
                         id: item.id,
                         icon: { name: 'download', color: 'primary' },
                         clickable_icon: true,
-                        title: item.caller,
+                        title: item.caller_phonebook_name || item.caller,
                         sub_title: date.formatDate(item.start_time, INTERNAL_DATE_FORMAT_DASH_HOUR),
                         extra_text: new Date(item.duration * 1000).toISOString().substr(11, 8)
                     }
@@ -208,9 +208,9 @@ export default {
                 call.call_type === 'cfb' || call.call_type === 'cft') {
                 return `vmu${call.caller}`
             } else if (call.direction === 'out') {
-                return call.callee
+                return call.callee_phonebook_name || call.callee
             } else if (call.direction === 'in') {
-                return call.caller
+                return call.caller_phonebook_name || call.caller
             }
             return call.caller
         },