lint & format

README.md

@@ -2,7 +2,7 @@
 
 The is a single page application built using Vite (<https://vitejs.dev/>)
 
-Example URL for Account View <http://localhost:5173/customerAccount/1234/?ani=+13125138223&dnis=unknown&queue=GeneralInquires&direction=INBOUND&channel=AmazonConnect&type=Voice&_sessionIdentifier=bc93f1fc>
+Example URL for Account View <http://localhost:5173/telephonyContext/?ani=+13125138223&dnis=unknown&queue=GeneralInquires&direction=INBOUND&channel=AmazonConnect&type=Voice&_sessionIdentifier=bc93f1fc>
 
 ## Project setup
 

src/App.vue

@@ -7,7 +7,6 @@ export default {
   <!-- <router-view class="view sidebar" name="SideBarView"></router-view> -->
 
   <router-view class="view main-content"></router-view>
-
 </template>
 <style lang="scss">
 @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");

src/components/TransferSummary.vue

@@ -1,18 +1,17 @@
 <script>
 // This template uses https://vuejs.org/guide/extras/render-function.html to
 // create DOM elements from properties
-import { h } from 'vue'
+import { h } from "vue";
 
 export default {
   props: {
-        summary: { type: String, default: "<h2>Summary Should go here</h2>" }
+    summary: { type: String, default: "<h2>Summary Should go here</h2>" },
   },
   setup(props) {
-
     // return the render function
-        return () => h('div', { class: 'bar', innerHTML: props.summary })
+    return () => h("div", { class: "bar", innerHTML: props.summary });
-    }
+  },
-}
+};
 </script>
 <style>
 span.customer {

src/components/VerticalLabelValue.vue

@@ -1,17 +1,24 @@
-
 <script setup>
 // eslint-disable-next-line
 const props = defineProps(["label", "value"]);
-const rows = Math.ceil(props.value.length/18);
+const rows = Math.ceil(props.value.length / 18);
 </script>
 <template>
   <div class="vertical-layout-cell">
-        <div class="GTTextLabel GTRTextLabel" :title="label" style="">{{ label }}</div>
+    <div class="GTTextLabel GTRTextLabel" :title="label" style="">
+      {{ label }}
+    </div>
   </div>
   <div class="vertical-layout-cell">
     <textarea
-:value="value" class="GTTextField read-only" :title="label" type="textarea" readonly="" :rows="rows"
+      :value="value"
-            maxlength="1024" />
+      class="GTTextField read-only"
+      :title="label"
+      type="textarea"
+      readonly=""
+      :rows="rows"
+      maxlength="1024"
+    />
   </div>
 </template>
 <style></style>

src/helpers/index.js

@@ -6,7 +6,9 @@ export function getAuthKeyFromProperties(props) {
   } else if (props.username && props.username.length > 0) {
     authKey = props.username;
   } else {
-    throw new Error('_sessionIdentifier or username properties not found (check query params)');
+    throw new Error(
+      "_sessionIdentifier or username properties not found (check query params)"
+    );
   }
-  return authKey
+  return authKey;
 }

src/router/index.js

@@ -49,7 +49,7 @@ const routes = [
       default: (route) => ({
         ...route.params,
         ...route.query,
-        sessionIdentifier: route.query._sessionIdentifier
+        sessionIdentifier: route.query._sessionIdentifier,
       }),
     },
   },

src/views/InteractionsFlowView.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref, onMounted } from "vue";
-import { getAuthKeyFromProperties } from '../helpers/index'
+import { getAuthKeyFromProperties } from "../helpers/index";
 
 import * as d3 from "d3";
 import * as align from "d3-sankey";
@@ -43,7 +43,8 @@ function fetchData() {
     return;
   }
   fetch(
-    `${import.meta.env.VITE_EO_SERVICES_URL}/api/interactions-flow?filter=${multiSelected.value
+    `${import.meta.env.VITE_EO_SERVICES_URL}/api/interactions-flow?filter=${
+      multiSelected.value
     }&authKey=${authKey}`,
     {
       credentials: "include", // fetch won't send cookies unless you set credentials

src/views/SearchByReferenceView.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref } from "vue";
-import { getAuthKeyFromProperties } from '../helpers/index'
+import { getAuthKeyFromProperties } from "../helpers/index";
 
 import ContactTable from "../components/ContactTable.vue";
 import ContactsSummary from "../components/ContactsSummary.vue";

src/views/TelephonyContextView.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { ref, onMounted, h } from "vue";
+import { ref, onMounted } from "vue";
 import VerticalLabelValue from "../components/VerticalLabelValue.vue";
-import { getAuthKeyFromProperties } from '../helpers/index'
+import { getAuthKeyFromProperties } from "../helpers/index";
 import ErrorMessage from "../components/ErrorMessage.vue";
 import TransferSummary from "../components/TransferSummary.vue";
 
@@ -36,9 +36,11 @@ function fetchData() {
     errorMessage.value = error;
     return;
   }
-  console.log(`Fetching TPS Property ${props.transferSummary}`)
+  console.log(`Fetching TPS Property ${props.transferSummary}`);
   fetch(
-    `${import.meta.env.VITE_EO_SERVICES_URL}/api/tps?propertyName=${props.transferSummary}&authKey=${authKey}`,
+    `${import.meta.env.VITE_EO_SERVICES_URL}/api/tps?propertyName=${
+      props.transferSummary
+    }&authKey=${authKey}`,
     {
       credentials: "include", // fetch won't send cookies unless you set credentials
     }
@@ -51,7 +53,7 @@ function fetchData() {
         return Promise.reject(error);
       }
       response.json().then((data) => {
-        console.log("Found Property:" + JSON.stringify(data))
+        console.log("Found Property:" + JSON.stringify(data));
         transferSummaryBlock.value = data.data.value;
       });
     })
@@ -60,7 +62,6 @@ function fetchData() {
       errorMessage.value = `${error} for TPS property ${props.transferSummary}`;
     });
 }
-
 </script>
 <template>
   <h2>Summary</h2>
@@ -97,7 +98,7 @@ function fetchData() {
             style="width: 25%"
           >
             <h3>Da Vinci Transfer Summary</h3>
-            <TransferSummary :summary="transferSummaryBlock"/>
+            <TransferSummary :summary="transferSummaryBlock" />
           </div>
           <div
             class="blockOuterSpacingRight col3 column-layout-cell"