formatting

examples/repeatable-docker-compose.yml

@@ -22,4 +22,4 @@ services:
     ports:
       - "18080:80"
     dns:
-      - "8.8.8.8"
+      - "8.8.8.8"

index.html

@@ -8,7 +8,8 @@
     <title>Engagement Orchestration Services</title>
     <script>
       function resizeIframe(obj) {
-        obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
+        obj.style.height =
+          obj.contentWindow.document.documentElement.scrollHeight + "px";
       }
     </script>
   </head>

src/app.config.js

@@ -1,7 +1,7 @@
-export const apiBaseUrl = import.meta.env.VITE_API_BASE_URL
+export const apiBaseUrl = import.meta.env.VITE_API_BASE_URL;
-export const routerBase = import.meta.env.VITE_ROUTER_BASE
+export const routerBase = import.meta.env.VITE_ROUTER_BASE;
 
 export default {
   apiBaseUrl,
   routerBase,
-}
+};

src/helpers/index.js

@@ -1,4 +1,4 @@
-import { apiBaseUrl } from '../app.config.js';
+import { apiBaseUrl } from "../app.config.js";
 
 export function getAuthKeyFromProperties(props) {
   var authKey;
@@ -28,12 +28,9 @@ export function getTenantProperty(key, props) {
 
     var authKey = getAuthKeyFromProperties(props);
     console.log(`Fetching TPS Property [${key}]`);
-    fetch(
+    fetch(`${apiBaseUrl}/tps?propertyName=${key}&authKey=${authKey}`, {
-      `${apiBaseUrl}/tps?propertyName=${key}&authKey=${authKey}`,
+      credentials: "include", // fetch won't send cookies unless you set credentials
-      {
+    })
-        credentials: "include", // fetch won't send cookies unless you set credentials
-      }
-    )
       .then((response) => {
         // check for error response
         if (!response.ok) {

src/main.js

@@ -3,18 +3,17 @@ import "./style.css";
 import App from "./App.vue";
 import router from "./router";
 /* import the fontawesome core */
-import { library } from '@fortawesome/fontawesome-svg-core'
+import { library } from "@fortawesome/fontawesome-svg-core";
 
 /* import font awesome icon component */
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 
 /* import specific icons */
-import { faUserShield, faUserLock } from '@fortawesome/free-solid-svg-icons'
+import { faUserShield, faUserLock } from "@fortawesome/free-solid-svg-icons";
 
 /* add icons to the library */
-library.add(faUserShield)
+library.add(faUserShield);
-library.add(faUserLock)
+library.add(faUserLock);
-
 
 createApp(App)
   .use(router)

src/router/index.js

@@ -1,5 +1,5 @@
 import { createRouter, createWebHistory } from "vue-router";
-import { routerBase } from '../app.config.js';
+import { routerBase } from "../app.config.js";
 import HomeView from "../views/HomeView.vue";
 import AboutView from "../views/AboutView.vue";
 import DebugFrameView from "../views/DebugFrameView.vue";
@@ -44,7 +44,7 @@ const routes = [
   },
   {
     path: "/telephonyContext",
-    name: "customerAccount",
+    name: "telephonyContext",
     components: { default: CustomerAccountView },
     props: {
       default: (route) => ({
@@ -63,7 +63,7 @@ const routes = [
   },
 ];
 
-console.log(`mounting router on ${routerBase}`)
+console.log(`mounting router on ${routerBase}`);
 
 const router = createRouter({
   history: createWebHistory(),

src/views/InteractionsFlowView.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { apiBaseUrl } from '../app.config.js';
+import { apiBaseUrl } from "../app.config.js";
 import { ref, onMounted } from "vue";
 import { getAuthKeyFromProperties } from "../helpers/index";
 
@@ -44,9 +44,7 @@ function fetchData() {
     return;
   }
   fetch(
-    `${apiBaseUrl}/interactions-flow?filter=${
+    `${apiBaseUrl}/interactions-flow?filter=${multiSelected.value}&authKey=${authKey}`,
-      multiSelected.value
-    }&authKey=${authKey}`,
     {
       credentials: "include", // fetch won't send cookies unless you set credentials
     }

src/views/SearchByReferenceView.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { apiBaseUrl } from '../app.config.js';
+import { apiBaseUrl } from "../app.config.js";
 import { ref } from "vue";
 import { getAuthKeyFromProperties } from "../helpers/index";
 
@@ -29,9 +29,7 @@ function fetchData() {
 
   if (authKey) {
     fetch(
-      `${apiBaseUrl}/unified-data-gateway?referenceId=${
+      `${apiBaseUrl}/unified-data-gateway?referenceId=${referenceId.value}&authKey=${authKey}`,
-        referenceId.value
-      }&authKey=${authKey}`,
       {
         credentials: "include", // fetch won't send cookies unless you set credentials
       }