MT#64240 Fix call page input bug

- Keep callNumberInput getter returning full input for display purposes
- Use callNumberNormalized getter to strip domain before making calls
- Add callNumberNormalized to component's mapped getters
- Update startCall validation to use normalized number

Change-Id: I4172a4f426bf7f827e3ff717a901b8a64f4264d1
(cherry picked from commit afd3e09d55)

src/pages/CscPageHome.vue

@@ -131,7 +131,7 @@ export default {
             this.$store.commit('call/numberInputChanged', '')
         },
         startCall () {
-            if (this.callNumberInput && this.callNumberInput !== '') {
+            if (this.callNumberNormalized && this.callNumberNormalized !== '') {
                 this.$store.dispatch('call/start', 'audioOnly')
             }
         }

src/store/call/actions.js

@@ -27,10 +27,7 @@ let errorVisibilityTimer = null
 
 export default {
     async start (context, localMedia) {
-        const number = context.getters.callNumberInput.replaceAll('(', '')
+        const number = context.getters.callNumberNormalized.replaceAll('(', '').replaceAll(')', '').replaceAll(' ', '').replaceAll('-', '')
-            .replaceAll(')', '')
-            .replaceAll(' ', '')
-            .replaceAll('-', '')
         context.commit('startCalling', number)
         const isStarted = await callStart({
             number,

src/store/call/getters.js

@@ -11,6 +11,9 @@ export default {
         return state.callEnabled
     },
     callNumberInput (state) {
+        return state.numberInput
+    },
+    callNumberNormalized (state) {
         let inputNumber = ''
         if (state.numberInput.includes('@')) {
             inputNumber = state.numberInput.split('@')[0]