From 300abb5360c620e001128e2e160b23cecad4c6a4 Mon Sep 17 00:00:00 2001
From: "Peter.Morton" <Peter.Morton@verint.com>
Date: Thu, 12 Oct 2023 18:01:17 -0500
Subject: [PATCH] lint & format

---
 README.md                             |  2 +-
 src/App.vue                           |  5 ++---
 src/components/TransferSummary.vue    | 29 +++++++++++++--------------
 src/components/VerticalLabelValue.vue | 27 ++++++++++++++++---------
 src/helpers/index.js                  |  8 +++++---
 src/router/index.js                   |  2 +-
 src/views/InteractionsFlowView.vue    | 19 +++++++++---------
 src/views/SearchByReferenceView.vue   |  2 +-
 src/views/TelephonyContextView.vue    | 15 +++++++-------
 9 files changed, 59 insertions(+), 50 deletions(-)

diff --git a/README.md b/README.md
index 8367750..2ec2c1a 100644
--- a/README.md
+++ b/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
 
diff --git a/src/App.vue b/src/App.vue
index 205b079..28268f2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,10 +4,9 @@ export default {
 };
 </script>
 <template>
-    <!-- <router-view class="view sidebar" name="SideBarView"></router-view> -->
-
-      <router-view class="view main-content"></router-view>
+  <!-- <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");
diff --git a/src/components/TransferSummary.vue b/src/components/TransferSummary.vue
index 0d829dc..43d7cf6 100644
--- a/src/components/TransferSummary.vue
+++ b/src/components/TransferSummary.vue
@@ -1,27 +1,26 @@
 <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>" }
-    },
-    setup(props) {
-
-        // return the render function
-        return () => h('div', { class: 'bar', innerHTML: props.summary })
-    }
-}
+  props: {
+    summary: { type: String, default: "<h2>Summary Should go here</h2>" },
+  },
+  setup(props) {
+    // return the render function
+    return () => h("div", { class: "bar", innerHTML: props.summary });
+  },
+};
 </script>
 <style>
 span.customer {
-    color: #ff0000;
-    font-weight: bold;
+  color: #ff0000;
+  font-weight: bold;
 }
 
 span.iva {
-    color: #0000a0;
-    font-weight: bold;
+  color: #0000a0;
+  font-weight: bold;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/VerticalLabelValue.vue b/src/components/VerticalLabelValue.vue
index 67b434d..193b0d4 100644
--- a/src/components/VerticalLabelValue.vue
+++ b/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>
-    <div class="vertical-layout-cell">
-        <textarea
-:value="value" class="GTTextField read-only" :title="label" type="textarea" readonly="" :rows="rows"
-            maxlength="1024" />
+  <div class="vertical-layout-cell">
+    <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"
+      maxlength="1024"
+    />
+  </div>
 </template>
-<style></style>
\ No newline at end of file
+<style></style>
diff --git a/src/helpers/index.js b/src/helpers/index.js
index 3fa8e1d..e67c4ff 100644
--- a/src/helpers/index.js
+++ b/src/helpers/index.js
@@ -1,12 +1,14 @@
 export function getAuthKeyFromProperties(props) {
-    var authKey;
+  var authKey;
 
   if (props.sessionIdentifier && props.sessionIdentifier.length > 0) {
     authKey = props.sessionIdentifier;
   } 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;
 }
diff --git a/src/router/index.js b/src/router/index.js
index 471450e..7c81250 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -49,7 +49,7 @@ const routes = [
       default: (route) => ({
         ...route.params,
         ...route.query,
-        sessionIdentifier: route.query._sessionIdentifier
+        sessionIdentifier: route.query._sessionIdentifier,
       }),
     },
   },
diff --git a/src/views/InteractionsFlowView.vue b/src/views/InteractionsFlowView.vue
index e67b29f..100c972 100644
--- a/src/views/InteractionsFlowView.vue
+++ b/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
@@ -99,9 +100,9 @@ function generateSankey(data) {
       .nodeId((d) => d.name)
       .nodeAlign(
         align[
-        `sankey${alignSelected.value[0].toUpperCase()}${alignSelected.value.slice(
-          1
-        )}`
+          `sankey${alignSelected.value[0].toUpperCase()}${alignSelected.value.slice(
+            1
+          )}`
         ]
       ) // d3.sankeyLeft, etc.
       .nodeWidth(15)
@@ -173,10 +174,10 @@ function generateSankey(data) {
         linkColor === "source-target"
           ? (d) => `url(#${d.uid})`
           : linkColor === "source"
-            ? (d) => color(d.source.category)
-            : linkColor === "target"
-              ? (d) => color(d.target.category)
-              : linkColor
+          ? (d) => color(d.source.category)
+          : linkColor === "target"
+          ? (d) => color(d.target.category)
+          : linkColor
       )
       .attr("stroke-width", (d) => Math.max(1, d.width));
 
diff --git a/src/views/SearchByReferenceView.vue b/src/views/SearchByReferenceView.vue
index 0385d20..2b82aca 100644
--- a/src/views/SearchByReferenceView.vue
+++ b/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";
diff --git a/src/views/TelephonyContextView.vue b/src/views/TelephonyContextView.vue
index 660dccd..9ec4f98 100644
--- a/src/views/TelephonyContextView.vue
+++ b/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"