From fd71bdc6b53b59bc0de6ea63b3be2458aca41ba4 Mon Sep 17 00:00:00 2001
From: Yash Maheshwari <yashmaheshwari551@gmail.com>
Date: Thu, 11 Jan 2024 16:44:04 +0530
Subject: [PATCH] Improved: code formatting

---
 src/App.vue                              | 12 +++---
 src/api/index.ts                         | 26 ++++++------
 src/components/AddActionModal.vue        |  6 +--
 src/components/Image.vue                 | 10 ++---
 src/components/Logo.vue                  |  2 +-
 src/components/RouteMenu.vue             | 38 ++++++++---------
 src/components/RuleConfiguration.vue     | 14 +++---
 src/components/RulePopover.vue           |  8 ++--
 src/event-bus/index.ts                   |  2 +-
 src/i18n.ts                              | 10 ++---
 src/main.ts                              | 54 ++++++++++++------------
 src/offline-helper/index.ts              | 10 ++---
 src/router/index.ts                      | 44 +++++++++----------
 src/services/UserService.ts              | 12 +++---
 src/store/actions.ts                     |  4 +-
 src/store/getters.ts                     |  4 +-
 src/store/index.ts                       | 24 ++++-------
 src/store/modules/user/actions.ts        | 32 +++++++-------
 src/store/modules/user/getters.ts        |  6 +--
 src/store/modules/user/index.ts          | 18 ++++----
 src/store/modules/user/mutation-types.ts | 12 +++---
 src/store/modules/user/mutations.ts      |  8 ++--
 src/store/mutations.ts                   |  4 +-
 src/utils/index.ts                       | 24 +++++------
 src/views/BrokeringQuery.vue             | 28 ++++++------
 src/views/BrokeringRoute.vue             | 18 ++++----
 src/views/Login.vue                      | 12 +++---
 src/views/Settings.vue                   | 32 +++++++-------
 src/views/TimezoneModal.vue              | 12 +++---
 29 files changed, 239 insertions(+), 247 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4a4eb17..10578da 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,8 +5,8 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue';
-import { IonApp, IonRouterOutlet, loadingController } from '@ionic/vue';
+import { onMounted, onUnmounted, ref } from "vue";
+import { IonApp, IonRouterOutlet, loadingController } from "@ionic/vue";
 import emitter from "@/event-bus"
 
 const loader = ref(null) as any
@@ -37,12 +37,12 @@ onMounted(async () => {
       translucent: true,
       backdropDismiss: true
     });
-  emitter.on('presentLoader', presentLoader);
-  emitter.on('dismissLoader', dismissLoader);
+  emitter.on("presentLoader", presentLoader);
+  emitter.on("dismissLoader", dismissLoader);
 })
 
 onUnmounted(() => {
-  emitter.off('presentLoader', presentLoader);
-  emitter.off('dismissLoader', dismissLoader);
+  emitter.off("presentLoader", presentLoader);
+  emitter.off("dismissLoader", dismissLoader);
 })
 </script>
\ No newline at end of file
diff --git a/src/api/index.ts b/src/api/index.ts
index e51e71d..ded8246 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -1,16 +1,16 @@
-import axios from 'axios';
-import { setupCache } from 'axios-cache-adapter'
-import OfflineHelper from '@/offline-helper'
+import axios from "axios";
+import { setupCache } from "axios-cache-adapter"
+import OfflineHelper from "@/offline-helper"
 import emitter from "@/event-bus"
-import store from '@/store';
-import { StatusCodes } from 'http-status-codes';
-import router from '@/router'
+import store from "@/store";
+import { StatusCodes } from "http-status-codes";
+import router from "@/router"
 
 axios.interceptors.request.use((config: any) => {
-  const token = store.getters['user/getUserToken'];
+  const token = store.getters["user/getUserToken"];
   if (token) {
-    config.headers.Authorization =  'Bearer ' + token;
-    config.headers['Content-Type'] = 'application/json';
+    config.headers.Authorization =  "Bearer " + token;
+    config.headers["Content-Type"] = "application/json";
   }
   return config;
 });
@@ -30,7 +30,7 @@ axios.interceptors.response.use(function (response) {
     const { status } = error.response;
     if (status === StatusCodes.UNAUTHORIZED) {
       store.dispatch("user/logout");
-      router.push('/login')
+      router.push("/login")
     }
   }
   // Any status codes that falls outside the range of 2xx cause this function to trigger
@@ -48,8 +48,8 @@ const axiosCache = setupCache({
  * Generic method to call APIs
  *
  * @param {string}  url - API Url
- * @param {string=} method - 'GET', 'PUT', 'POST', 'DELETE , and 'PATCH'
- * @param {any} [data] - Optional: `data` is the data to be sent as the request body. Only applicable for request methods 'PUT', 'POST', 'DELETE , and 'PATCH'
+ * @param {string=} method - "GET", "PUT", "POST", "DELETE , and "PATCH"
+ * @param {any} [data] - Optional: `data` is the data to be sent as the request body. Only applicable for request methods "PUT", "POST", "DELETE , and "PATCH"
  * When no `transformRequest` is set, must be of one of the following types:
  * - string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams
  * - Browser only: FormData, File, Blob
@@ -68,7 +68,7 @@ const api = async (customConfig: any) => {
     params: customConfig.params
   }
 
-  const baseURL = store.getters['user/getInstanceUrl'];
+  const baseURL = store.getters["user/getInstanceUrl"];
   if (baseURL) config.baseURL = `https://${baseURL}.hotwax.io/api/`;
   if(customConfig.cache) config.adapter = axiosCache.adapter;
   const networkStatus =  await OfflineHelper.getNetworkStatus();
diff --git a/src/components/AddActionModal.vue b/src/components/AddActionModal.vue
index af4cc0e..f61796e 100644
--- a/src/components/AddActionModal.vue
+++ b/src/components/AddActionModal.vue
@@ -44,9 +44,9 @@ import {
   IonTitle,
   IonToolbar,
   modalController,
-} from '@ionic/vue';
-import { defineComponent } from 'vue';
-import { closeOutline } from 'ionicons/icons';
+} from "@ionic/vue";
+import { defineComponent } from "vue";
+import { closeOutline } from "ionicons/icons";
 import { useStore } from "@/store";
 
 export default defineComponent({
diff --git a/src/components/Image.vue b/src/components/Image.vue
index 9d7c998..5c52bab 100644
--- a/src/components/Image.vue
+++ b/src/components/Image.vue
@@ -9,7 +9,7 @@ import { IonSkeletonText } from '@ionic/vue'
 
 export default defineComponent({
   name: "Image",
-  props: ['src'],
+  props: ["src"],
   components: {
     IonSkeletonText
   },
@@ -26,8 +26,8 @@ export default defineComponent({
   },
   data() {
     return {
-      resourceUrl: '',
-      imageUrl: ''
+      resourceUrl: "",
+      imageUrl: ""
     }
   },
   methods: {
@@ -45,10 +45,10 @@ export default defineComponent({
     },
     setImageUrl() {
       if (this.src) {
-        if (this.src.indexOf('assets/') != -1) {
+        if (this.src.indexOf("assets/") != -1) {
           // Assign directly in case of assets
           this.imageUrl = this.src;
-        } else if (this.src.startsWith('http')) {
+        } else if (this.src.startsWith("http")) {
           // If starts with http, it is web url check for existence and assign
           this.checkIfImageExists(this.src).then(() => {
             this.imageUrl = this.src;
diff --git a/src/components/Logo.vue b/src/components/Logo.vue
index 2a2b29b..a6a2834 100644
--- a/src/components/Logo.vue
+++ b/src/components/Logo.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent } from "vue"
 
 export default defineComponent({
   name: "Logo",
diff --git a/src/components/RouteMenu.vue b/src/components/RouteMenu.vue
index 8c1a5c7..12b6ef2 100644
--- a/src/components/RouteMenu.vue
+++ b/src/components/RouteMenu.vue
@@ -12,14 +12,14 @@
         <ion-card v-for="card in [1, 2, 3, 4]" ref="cards" :key="card" @click.prevent="router.push('query')">
           <ion-item lines="full">
             <ion-label>
-              <h1>{{ 'Order lookup name' }}</h1>
+              <h1>{{ "Order lookup name" }}</h1>
             </ion-label>
             <ion-chip>{{ `${card}/4` }}</ion-chip>
           </ion-item>
           <ion-item ref="item">
-            <ion-badge>{{ 'BADGE' }}</ion-badge>
+            <ion-badge>{{ "BADGE" }}</ion-badge>
             <ion-button fill="clear" color="medium" slot="end">
-              {{ 'Archive' }}
+              {{ "Archive" }}
             </ion-button>
           </ion-item>
         </ion-card>
@@ -33,30 +33,30 @@
       <ion-list v-show="!isOnBrokeringRulePage">
         <ion-item-group>
           <ion-item-divider color="medium">
-            <ion-label>{{ 'Filters' }}</ion-label>
+            <ion-label>{{ "Filters" }}</ion-label>
           </ion-item-divider>
           <ion-item>
             <ion-select label="Queue" value="Brokering Queue">
-              <ion-select-option value="Brokering Queue">{{ 'Brokering Queue' }}</ion-select-option>
+              <ion-select-option value="Brokering Queue">{{ "Brokering Queue" }}</ion-select-option>
             </ion-select>
           </ion-item>
           <ion-item>
             <ion-select label="Shipping method" value="Next Day">
-              <ion-select-option value="Next Day">{{ 'Next Day' }}</ion-select-option>
+              <ion-select-option value="Next Day">{{ "Next Day" }}</ion-select-option>
             </ion-select>
           </ion-item>
           <ion-item>
             <ion-select label="Order priority" value="High">
-              <ion-select-option value="High">{{ 'High' }}</ion-select-option>
+              <ion-select-option value="High">{{ "High" }}</ion-select-option>
             </ion-select>
           </ion-item>
           <ion-item>
-            <ion-label>{{ 'Promise date' }}</ion-label>
-            <ion-chip>{{ 'select date' }}</ion-chip>
+            <ion-label>{{ "Promise date" }}</ion-label>
+            <ion-chip>{{ "select date" }}</ion-chip>
           </ion-item>
           <ion-item>
             <ion-select label="Queue" value="Brokering Queue">
-              <ion-select-option value="Brokering Queue">{{ 'Brokering Queue' }}</ion-select-option>
+              <ion-select-option value="Brokering Queue">{{ "Brokering Queue" }}</ion-select-option>
             </ion-select>
           </ion-item>
         </ion-item-group>
@@ -64,23 +64,23 @@
       <ion-list v-show="!isOnBrokeringRulePage">
         <ion-item-group>
           <ion-item-divider color="medium">
-            <ion-label>{{ 'Sort' }}</ion-label>
+            <ion-label>{{ "Sort" }}</ion-label>
           </ion-item-divider>
           <ion-reorder-group :disabled="false">
             <ion-item>
-              <ion-label>{{ 'Ship by' }}</ion-label>
+              <ion-label>{{ "Ship by" }}</ion-label>
               <ion-reorder />
             </ion-item>
             <ion-item>
-              <ion-label>{{ 'Ship after' }}</ion-label>
+              <ion-label>{{ "Ship after" }}</ion-label>
               <ion-reorder />
             </ion-item>
             <ion-item>
-              <ion-label>{{ 'Order date' }}</ion-label>
+              <ion-label>{{ "Order date" }}</ion-label>
               <ion-reorder />
             </ion-item>
             <ion-item>
-              <ion-label>{{ 'Shipping method' }}</ion-label>
+              <ion-label>{{ "Shipping method" }}</ion-label>
               <ion-reorder />
             </ion-item>
           </ion-reorder-group>
@@ -106,15 +106,15 @@
 </template>
 
 <script setup lang="ts">
-import { IonBadge, IonButtons, IonButton, IonCard, IonChip, IonContent, IonFooter, IonIcon, IonItem, IonItemDivider, IonItemGroup, IonLabel, IonList, IonListHeader, IonMenu, IonReorder, IonReorderGroup, IonSelect, IonSelectOption, IonToolbar, createAnimation } from '@ionic/vue';
+import { IonBadge, IonButtons, IonButton, IonCard, IonChip, IonContent, IonFooter, IonIcon, IonItem, IonItemDivider, IonItemGroup, IonLabel, IonList, IonListHeader, IonMenu, IonReorder, IonReorderGroup, IonSelect, IonSelectOption, IonToolbar, createAnimation } from "@ionic/vue";
 import { addCircleOutline, archiveOutline, chevronUpOutline } from "ionicons/icons";
-import { computed, ref } from 'vue';
-import { useRouter } from 'vue-router';
+import { computed, ref } from "vue";
+import { useRouter } from "vue-router";
 
 const router = useRouter();
 const cards = ref([])
 const listHeader = ref(null) as any
 const item = ref(null) as any
 
-const isOnBrokeringRulePage = computed(() => router.currentRoute.value.fullPath.includes('/route'))
+const isOnBrokeringRulePage = computed(() => router.currentRoute.value.fullPath.includes("/route"))
 </script>
diff --git a/src/components/RuleConfiguration.vue b/src/components/RuleConfiguration.vue
index 9cf93f1..9b75c55 100644
--- a/src/components/RuleConfiguration.vue
+++ b/src/components/RuleConfiguration.vue
@@ -70,16 +70,16 @@
 </template>
 
 <script lang="ts">
-import { IonAccordionGroup, IonAccordion, IonButton, IonCard, IonCardHeader, IonCardTitle, IonContent, IonDatetime, IonItem, IonInput, IonLabel, IonSelect, IonSelectOption, IonIcon, IonModal, popoverController, modalController  } from '@ionic/vue';
+import { IonAccordionGroup, IonAccordion, IonButton, IonCard, IonCardHeader, IonCardTitle, IonContent, IonDatetime, IonItem, IonInput, IonLabel, IonSelect, IonSelectOption, IonIcon, IonModal, popoverController, modalController  } from "@ionic/vue";
 import { addOutline, ellipsisVerticalOutline } from "ionicons/icons";
-import { defineComponent } from 'vue';
-import { useRouter } from 'vue-router';
-import { useStore } from 'vuex';
-import RulePopover from '@/components/RulePopover.vue'
-import AddActionModal from '@/components/AddActionModal.vue'
+import { defineComponent } from "vue";
+import { useRouter } from "vue-router";
+import { useStore } from "vuex";
+import RulePopover from "@/components/RulePopover.vue"
+import AddActionModal from "@/components/AddActionModal.vue"
 
 export default defineComponent({
-  name: 'Home',
+  name: "RuleConfiguration",
   components: {
     IonAccordionGroup,
     IonAccordion,
diff --git a/src/components/RulePopover.vue b/src/components/RulePopover.vue
index 1ca9566..ee5e9af 100644
--- a/src/components/RulePopover.vue
+++ b/src/components/RulePopover.vue
@@ -15,15 +15,15 @@
 </template>
 
 <script>
-import { IonContent, IonIcon, IonLabel, IonItem } from '@ionic/vue';
-import { defineComponent } from 'vue';
+import { IonContent, IonIcon, IonLabel, IonItem } from "@ionic/vue";
+import { defineComponent } from "vue";
 import { useStore } from "vuex";
 import {
   copyOutline,
   trashOutline
-} from 'ionicons/icons';
+} from "ionicons/icons";
 export default defineComponent({
-  name: 'rulePopover',
+  name: "RulePopover",
   components: { IonContent, IonIcon, IonLabel, IonItem },
   setup() {
     const store = useStore();
diff --git a/src/event-bus/index.ts b/src/event-bus/index.ts
index 325f65c..5425216 100644
--- a/src/event-bus/index.ts
+++ b/src/event-bus/index.ts
@@ -1,4 +1,4 @@
-import mitt from 'mitt'
+import mitt from "mitt"
 
 const emitter = mitt();
 
diff --git a/src/i18n.ts b/src/i18n.ts
index 39d6262..0844fab 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -1,4 +1,4 @@
-import { createI18n, LocaleMessages, VueMessageType } from 'vue-i18n'
+import { createI18n, LocaleMessages, VueMessageType } from "vue-i18n"
 
 /**
  * Load locale messages
@@ -7,7 +7,7 @@ import { createI18n, LocaleMessages, VueMessageType } from 'vue-i18n'
  * See: https://github.com/intlify/vue-i18n-loader#rocket-i18n-resource-pre-compilation
  */
 function loadLocaleMessages(): LocaleMessages<VueMessageType> {
-  const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i)
+  const locales = require.context("./locales", true, /[A-Za-z0-9-_,\s]+\.json$/i)
   const messages: LocaleMessages<VueMessageType> = {}
   locales.keys().forEach(key => {
     const matched = key.match(/([A-Za-z0-9-_]+)\./i)
@@ -20,8 +20,8 @@ function loadLocaleMessages(): LocaleMessages<VueMessageType> {
 }
 
 const i18n = createI18n({
-  locale: process.env.VUE_APP_I18N_LOCALE || 'en',
-  fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',
+  locale: process.env.VUE_APP_I18N_LOCALE || "en",
+  fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || "en",
   messages: loadLocaleMessages()
 })
 
@@ -29,7 +29,7 @@ const i18n = createI18n({
 // Currently this method is added to be used in ts files
 const translate = (key: string) => {
   if (!key) {
-    return '';
+    return "";
   }
   return i18n.global.t(key);
 };
diff --git a/src/main.ts b/src/main.ts
index 78f2f19..7b5f229 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,36 +1,36 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import router from './router';
+import { createApp } from "vue"
+import App from "./App.vue"
+import router from "./router";
 
 
-import { IonicVue } from '@ionic/vue';
+import { IonicVue } from "@ionic/vue";
 
 /* Core CSS required for Ionic components to work properly */
-import '@ionic/vue/css/core.css';
+import "@ionic/vue/css/core.css";
 
 /* Basic CSS for apps built with Ionic */
-import '@ionic/vue/css/normalize.css';
-import '@ionic/vue/css/structure.css';
-import '@ionic/vue/css/typography.css';
+import "@ionic/vue/css/normalize.css";
+import "@ionic/vue/css/structure.css";
+import "@ionic/vue/css/typography.css";
 
 /* Optional CSS utils that can be commented out */
-import '@ionic/vue/css/padding.css';
-import '@ionic/vue/css/float-elements.css';
-import '@ionic/vue/css/text-alignment.css';
-import '@ionic/vue/css/text-transformation.css';
-import '@ionic/vue/css/flex-utils.css';
-import '@ionic/vue/css/display.css';
+import "@ionic/vue/css/padding.css";
+import "@ionic/vue/css/float-elements.css";
+import "@ionic/vue/css/text-alignment.css";
+import "@ionic/vue/css/text-transformation.css";
+import "@ionic/vue/css/flex-utils.css";
+import "@ionic/vue/css/display.css";
 
 /* Theme variables */
-import './theme/variables.css';
+import "./theme/variables.css";
 
-import i18n from './i18n'
-import store from './store'
-import { DateTime } from 'luxon';
+import i18n from "./i18n"
+import store from "./store"
+import { DateTime } from "luxon";
 
 const app = createApp(App)
   .use(IonicVue, {
-    mode: 'md'
+    mode: "md"
   })
   .use(router)
   .use(i18n)
@@ -41,22 +41,22 @@ app.config.globalProperties.$filters = {
   formatDate(value: any, inFormat?: string, outFormat?: string) {
     // TODO Make default format configurable and from environment variables
     if(inFormat){
-      return DateTime.fromFormat(value, inFormat).toFormat(outFormat ? outFormat : 'MM-DD-YYYY');
+      return DateTime.fromFormat(value, inFormat).toFormat(outFormat ? outFormat : "MM-DD-YYYY");
     }
-    return DateTime.fromISO(value).toFormat(outFormat ? outFormat : 'MM-DD-YYYY');
+    return DateTime.fromISO(value).toFormat(outFormat ? outFormat : "MM-DD-YYYY");
   },
   formatUtcDate(value: any, inFormat?: any, outFormat?: string) {
     // TODO Make default format configurable and from environment variables
-    const userProfile = store.getters['user/getUserProfile'];
+    const userProfile = store.getters["user/getUserProfile"];
     // TODO Fix this setDefault should set the default timezone instead of getting it everytiem and setting the tz
-    return DateTime.utc(value, inFormat).setZone(userProfile.userTimeZone).toFormat(outFormat ? outFormat : 'MM-DD-YYYY')
+    return DateTime.utc(value, inFormat).setZone(userProfile.userTimeZone).toFormat(outFormat ? outFormat : "MM-DD-YYYY")
   },
   getFeature(featureHierarchy: any, featureKey: string) {
-    let  featureValue = ''
+    let  featureValue = ""
     if (featureHierarchy) {
       const feature = featureHierarchy.find((featureItem: any) => featureItem.startsWith(featureKey))
-      const featureSplit = feature ? feature.split('/') : [];
-      featureValue = featureSplit[2] ? featureSplit[2] : '';
+      const featureSplit = feature ? feature.split("/") : [];
+      featureValue = featureSplit[2] ? featureSplit[2] : "";
     }
     return featureValue;
   }
@@ -64,5 +64,5 @@ app.config.globalProperties.$filters = {
 
 
 router.isReady().then(() => {
-  app.mount('#app');
+  app.mount("#app");
 });
\ No newline at end of file
diff --git a/src/offline-helper/index.ts b/src/offline-helper/index.ts
index 3da2d08..55c1655 100644
--- a/src/offline-helper/index.ts
+++ b/src/offline-helper/index.ts
@@ -1,16 +1,16 @@
-import { Plugins } from '@capacitor/core';
-import emitter from '@/event-bus';
+import { Plugins } from "@capacitor/core";
+import emitter from "@/event-bus";
 
 const { Network } = Plugins;
 
 const register = async () => {
   let networkStatus = await Network.getStatus();
-  Network.addListener('networkStatusChange', (status: any) => {
+  Network.addListener("networkStatusChange", (status: any) => {
     networkStatus = status;
     if (status.connected) {
-        emitter.emit('online');
+        emitter.emit("online");
     } else {
-        emitter.emit('offline');
+        emitter.emit("offline");
     }
   });
   return networkStatus;
diff --git a/src/router/index.ts b/src/router/index.ts
index 2005626..a24a30e 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,11 +1,11 @@
-import { createRouter, createWebHistory } from '@ionic/vue-router';
-import { RouteRecordRaw } from 'vue-router';
-import Login from '@/views/Login.vue'
-import store from '@/store'
-import Tabs from '@/views/Tabs.vue'
+import { createRouter, createWebHistory } from "@ionic/vue-router";
+import { RouteRecordRaw } from "vue-router";
+import Login from "@/views/Login.vue"
+import store from "@/store"
+import Tabs from "@/views/Tabs.vue"
 
 const authGuard = (to: any, from: any, next: any) => {
-  if (store.getters['user/isAuthenticated']) {
+  if (store.getters["user/isAuthenticated"]) {
     next()
   } else {
     next("/login")
@@ -13,7 +13,7 @@ const authGuard = (to: any, from: any, next: any) => {
 };
 
 const loginGuard = (to: any, from: any, next: any) => {
-  if (!store.getters['user/isAuthenticated']) {
+  if (!store.getters["user/isAuthenticated"]) {
     next()
   } else {
     next("/")
@@ -22,39 +22,39 @@ const loginGuard = (to: any, from: any, next: any) => {
 
 const routes: Array<RouteRecordRaw> = [
   {
-    path: '/',
-    redirect: '/tabs/brokering'
+    path: "/",
+    redirect: "/tabs/brokering"
   },
   {
-    path: '/tabs',
+    path: "/tabs",
     component: Tabs,
     children: [
       {
-        path: '',
-        redirect: '/brokering'
+        path: "",
+        redirect: "/brokering"
       },
       {
-        path: 'brokering',
-        component: () => import('@/views/BrokeringRuns.vue')
+        path: "brokering",
+        component: () => import("@/views/BrokeringRuns.vue")
       },
       {
-        path: 'brokering/route',
-        component: () => import('@/views/BrokeringRoute.vue')
+        path: "brokering/route",
+        component: () => import("@/views/BrokeringRoute.vue")
       },
       {
-        path: 'brokering/query',
-        component: () => import('@/views/BrokeringQuery.vue')
+        path: "brokering/query",
+        component: () => import("@/views/BrokeringQuery.vue")
       },
       {
-        path: 'settings',
-        component: () => import('@/views/Settings.vue')
+        path: "settings",
+        component: () => import("@/views/Settings.vue")
       }
     ],
     beforeEnter: authGuard
   },
   {
-    path: '/login',
-    name: 'Login',
+    path: "/login",
+    name: "Login",
     component: Login,
     beforeEnter: loginGuard
   },
diff --git a/src/services/UserService.ts b/src/services/UserService.ts
index afe029f..0071445 100644
--- a/src/services/UserService.ts
+++ b/src/services/UserService.ts
@@ -1,13 +1,13 @@
-import api, {client} from '@/api'
-import store from '@/store';
+import api, {client} from "@/api"
+import store from "@/store";
 
 const login = async (username: string, password: string): Promise <any> => {
   return api({
     url: "login", 
     method: "post",
     data: {
-      'USERNAME': username, 
-      'PASSWORD': password
+      "USERNAME": username, 
+      "PASSWORD": password
     }
   });
 }
@@ -34,8 +34,8 @@ const setUserTimeZone = async (payload: any): Promise <any>  => {
 }
 
 const checkPermission = async (payload: any): Promise <any>  => {
-  let baseURL = store.getters['user/getInstanceUrl'];
-  baseURL = baseURL && baseURL.startsWith('http') ? baseURL : `https://${baseURL}.hotwax.io/api/`;
+  let baseURL = store.getters["user/getInstanceUrl"];
+  baseURL = baseURL && baseURL.startsWith("http") ? baseURL : `https://${baseURL}.hotwax.io/api/`;
   return client({
     url: "checkPermission",
     method: "post",
diff --git a/src/store/actions.ts b/src/store/actions.ts
index f35035e..69e77cb 100644
--- a/src/store/actions.ts
+++ b/src/store/actions.ts
@@ -1,5 +1,5 @@
-import { ActionTree } from 'vuex'
-import RootState from './RootState'
+import { ActionTree } from "vuex"
+import RootState from "./RootState"
 
 const actions: ActionTree<RootState, RootState> = {}
 
diff --git a/src/store/getters.ts b/src/store/getters.ts
index f4b9a1f..e4afede 100644
--- a/src/store/getters.ts
+++ b/src/store/getters.ts
@@ -1,5 +1,5 @@
-import { GetterTree } from 'vuex'
-import RootState from './RootState'
+import { GetterTree } from "vuex"
+import RootState from "./RootState"
 
 const getters: GetterTree <RootState, RootState> = {}
 
diff --git a/src/store/index.ts b/src/store/index.ts
index 4ffaec5..0113bff 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,25 +1,19 @@
 import { createStore, useStore as useVuexStore } from "vuex"
-import mutations  from './mutations'
-import getters  from './getters'
-import actions from './actions'
-import RootState from './RootState'
+import mutations  from "./mutations"
+import getters  from "./getters"
+import actions from "./actions"
+import RootState from "./RootState"
 import createPersistedState from "vuex-persistedstate";
-import userModule from './modules/user';
-
-
-
+import userModule from "./modules/user";
 
 // TODO check how to register it from the components only
 // Handle same module registering multiple time on page refresh
-//store.registerModule('user', userModule);
-
-
-const state: any = {
+//store.registerModule("user", userModule);
 
-}
+const state: any = {}
 
 const persistState = createPersistedState({
-  paths: ['user'],
+  paths: ["user"],
   fetchBeforeUse: true
 })
 
@@ -31,7 +25,7 @@ const store = createStore<RootState>({
   getters,
   plugins: [ persistState ],
   modules: {
-    'user': userModule
+    "user": userModule
   },
 })
 
diff --git a/src/store/modules/user/actions.ts b/src/store/modules/user/actions.ts
index 78b16b3..88c42f9 100644
--- a/src/store/modules/user/actions.ts
+++ b/src/store/modules/user/actions.ts
@@ -1,12 +1,10 @@
-import { UserService } from '@/services/UserService'
-import { ActionTree } from 'vuex'
-import RootState from '@/store/RootState'
-import UserState from './UserState'
-import * as types from './mutation-types'
-import { hasError, showToast } from '@/utils'
-import { translate } from '@/i18n'
-import emitter from '@/event-bus'
-import { DateTime } from 'luxon';
+import { UserService } from "@/services/UserService"
+import { ActionTree } from "vuex"
+import RootState from "@/store/RootState"
+import UserState from "./UserState"
+import * as types from "./mutation-types"
+import { hasError, showToast } from "@/utils"
+import { translate } from "@/i18n"
 
 const actions: ActionTree<UserState, RootState> = {
 
@@ -25,42 +23,42 @@ const actions: ActionTree<UserState, RootState> = {
                 permissionId
               },
               headers: {
-                Authorization:  'Bearer ' + resp.data.token,
-                'Content-Type': 'application/json'
+                Authorization:  "Bearer " + resp.data.token,
+                "Content-Type": "application/json"
               }
             });
 
             if (checkPermissionResponse.status === 200 && !hasError(checkPermissionResponse) && checkPermissionResponse.data && checkPermissionResponse.data.hasPermission) {
               commit(types.USER_TOKEN_CHANGED, { newToken: resp.data.token })
-              dispatch('getProfile')
+              dispatch("getProfile")
               if (resp.data._EVENT_MESSAGE_ && resp.data._EVENT_MESSAGE_.startsWith("Alert:")) {
               // TODO Internationalise text
                 showToast(translate(resp.data._EVENT_MESSAGE_));
               }
               return resp.data;
             } else {
-              const permissionError = 'You do not have permission to access the app.';
+              const permissionError = "You do not have permission to access the app.";
               showToast(translate(permissionError));
               console.error("error", permissionError);
               return Promise.reject(new Error(permissionError));
             }
           } else {
             commit(types.USER_TOKEN_CHANGED, { newToken: resp.data.token })
-            dispatch('getProfile')
+            dispatch("getProfile")
             return resp.data;
           }
         } else if (hasError(resp)) {
-          showToast(translate('Sorry, your username or password is incorrect. Please try again.'));
+          showToast(translate("Sorry, your username or password is incorrect. Please try again."));
           console.error("error", resp.data._ERROR_MESSAGE_);
           return Promise.reject(new Error(resp.data._ERROR_MESSAGE_));
         }
       } else {
-        showToast(translate('Something went wrong'));
+        showToast(translate("Something went wrong"));
         console.error("error", resp.data._ERROR_MESSAGE_);
         return Promise.reject(new Error(resp.data._ERROR_MESSAGE_));
       }
     } catch (err: any) {
-      showToast(translate('Something went wrong'));
+      showToast(translate("Something went wrong"));
       console.error("error", err);
       return Promise.reject(new Error(err))
     }
diff --git a/src/store/modules/user/getters.ts b/src/store/modules/user/getters.ts
index 0228315..d83899d 100644
--- a/src/store/modules/user/getters.ts
+++ b/src/store/modules/user/getters.ts
@@ -1,6 +1,6 @@
-import { GetterTree } from 'vuex'
-import UserState from './UserState'
-import RootState from '@/store/RootState'
+import { GetterTree } from "vuex"
+import UserState from "./UserState"
+import RootState from "@/store/RootState"
 
 const getters: GetterTree <UserState, RootState> = {
   isAuthenticated (state) {
diff --git a/src/store/modules/user/index.ts b/src/store/modules/user/index.ts
index b5b3ce6..0ce5100 100644
--- a/src/store/modules/user/index.ts
+++ b/src/store/modules/user/index.ts
@@ -1,17 +1,17 @@
-import actions from './actions'
-import getters from './getters'
-import mutations from './mutations'
-import { Module } from 'vuex'
-import UserState from './UserState'
-import RootState from '@/store/RootState'
+import actions from "./actions"
+import getters from "./getters"
+import mutations from "./mutations"
+import { Module } from "vuex"
+import UserState from "./UserState"
+import RootState from "@/store/RootState"
 
 const userModule: Module<UserState, RootState> = {
   namespaced: true,
   state: {
-    token: '',
+    token: "",
     current: null,
     currentFacility: {},
-    instanceUrl: '',
+    instanceUrl: "",
   },
   getters,
   actions,
@@ -19,5 +19,5 @@ const userModule: Module<UserState, RootState> = {
 }
 
 // TODO
-// store.registerModule('user', userModule);
+// store.registerModule("user", userModule);
 export default userModule;
\ No newline at end of file
diff --git a/src/store/modules/user/mutation-types.ts b/src/store/modules/user/mutation-types.ts
index 9d9067d..532596c 100644
--- a/src/store/modules/user/mutation-types.ts
+++ b/src/store/modules/user/mutation-types.ts
@@ -1,6 +1,6 @@
-export const SN_USER = 'user'
-export const USER_TOKEN_CHANGED = SN_USER + '/TOKEN_CHANGED'
-export const USER_END_SESSION = SN_USER + '/END_SESSION'
-export const USER_INFO_UPDATED = SN_USER + '/INFO_UPDATED'
-export const USER_CURRENT_FACILITY_UPDATED = SN_USER + '/CURRENT_FACILITY_UPDATED'
-export const USER_INSTANCE_URL_UPDATED = SN_USER + '/INSTANCE_URL_UPDATED'
\ No newline at end of file
+export const SN_USER = "user"
+export const USER_TOKEN_CHANGED = SN_USER + "/TOKEN_CHANGED"
+export const USER_END_SESSION = SN_USER + "/END_SESSION"
+export const USER_INFO_UPDATED = SN_USER + "/INFO_UPDATED"
+export const USER_CURRENT_FACILITY_UPDATED = SN_USER + "/CURRENT_FACILITY_UPDATED"
+export const USER_INSTANCE_URL_UPDATED = SN_USER + "/INSTANCE_URL_UPDATED"
\ No newline at end of file
diff --git a/src/store/modules/user/mutations.ts b/src/store/modules/user/mutations.ts
index 7129c8a..5811c81 100644
--- a/src/store/modules/user/mutations.ts
+++ b/src/store/modules/user/mutations.ts
@@ -1,13 +1,13 @@
-import { MutationTree } from 'vuex'
-import UserState from './UserState'
-import * as types from './mutation-types'
+import { MutationTree } from "vuex"
+import UserState from "./UserState"
+import * as types from "./mutation-types"
 
 const mutations: MutationTree <UserState> = {
   [types.USER_TOKEN_CHANGED] (state, payload) {
     state.token = payload.newToken
   },
   [types.USER_END_SESSION] (state) {
-    state.token = ''
+    state.token = ""
     state.current = null
     state.currentFacility = {}
   },
diff --git a/src/store/mutations.ts b/src/store/mutations.ts
index 8e1fea2..19f480d 100644
--- a/src/store/mutations.ts
+++ b/src/store/mutations.ts
@@ -1,5 +1,5 @@
-import { MutationTree } from 'vuex'
-import RootState from './RootState'
+import { MutationTree } from "vuex"
+import RootState from "./RootState"
 
 const mutations: MutationTree<RootState> = {}
 
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 3904faf..61a8034 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,6 +1,6 @@
 import saveAs from "file-saver";
-import { toastController } from '@ionic/vue';
-import Papa from 'papaparse'
+import { toastController } from "@ionic/vue";
+import Papa from "papaparse"
 
 // TODO Use separate files for specific utilities
 
@@ -14,7 +14,7 @@ const showToast = async (message: string) => {
     .create({
       message,
       duration: 3000,
-      position: 'top',
+      position: "top",
     })
   return toast.present();
 }
@@ -46,17 +46,17 @@ const showToast = async (message: string) => {
 // "Jill",30,d
 
 // For (header:true) we get
-// [{columnA: 'Susan', columnB: '41', columnC: 'a'},
-// {columnA: 'Mike', columnB: '5', columnC: 'b'},
-// {columnA: 'Jake', columnB: '33', columnC: 'c'},
-// {columnA: 'Jill', columnB: '30', columnC: 'd'}]
+// [{columnA: "Susan", columnB: "41", columnC: "a"},
+// {columnA: "Mike", columnB: "5", columnC: "b"},
+// {columnA: "Jake", columnB: "33", columnC: "c"},
+// {columnA: "Jill", columnB: "30", columnC: "d"}]
 
 // // For (header:false) we get
-// [['columnA', 'columnB', 'columnC'],
-// ['Susan', '41', 'a'],
-// ['Mike', '5', 'b'],
-// ['Jake', '33', 'c'],
-// ['Jill', '30', 'd']]
+// [["columnA", "columnB", "columnC"],
+// ["Susan", "41", "a"],
+// ["Mike", "5", "b"],
+// ["Jake", "33", "c"],
+// ["Jill", "30", "d"]]
 
 const parseCsv = async (file: File, options: any) => {
   return new Promise ((resolve, reject) => {
diff --git a/src/views/BrokeringQuery.vue b/src/views/BrokeringQuery.vue
index 588ae33..170af6b 100644
--- a/src/views/BrokeringQuery.vue
+++ b/src/views/BrokeringQuery.vue
@@ -13,52 +13,52 @@
           <ion-button expand="block">{{ "Save Changes" }}</ion-button>
           <ion-item-group>
             <ion-item-divider color="medium">
-              <ion-label>{{ 'Filters' }}</ion-label>
+              <ion-label>{{ "Filters" }}</ion-label>
             </ion-item-divider>
             <ion-item>
               <ion-select label="Queue" value="Brokering Queue">
-                <ion-select-option value="Brokering Queue">{{ 'Brokering Queue' }}</ion-select-option>
+                <ion-select-option value="Brokering Queue">{{ "Brokering Queue" }}</ion-select-option>
               </ion-select>
             </ion-item>
             <ion-item>
               <ion-select label="Shipping method" value="Next Day">
-                <ion-select-option value="Next Day">{{ 'Next Day' }}</ion-select-option>
+                <ion-select-option value="Next Day">{{ "Next Day" }}</ion-select-option>
               </ion-select>
             </ion-item>
             <ion-item>
               <ion-select label="Order priority" value="High">
-                <ion-select-option value="High">{{ 'High' }}</ion-select-option>
+                <ion-select-option value="High">{{ "High" }}</ion-select-option>
               </ion-select>
             </ion-item>
             <ion-item>
-              <ion-label>{{ 'Promise date' }}</ion-label>
-              <ion-chip>{{ 'select date' }}</ion-chip>
+              <ion-label>{{ "Promise date" }}</ion-label>
+              <ion-chip>{{ "select date" }}</ion-chip>
             </ion-item>
             <ion-item>
               <ion-select label="Queue" value="Brokering Queue">
-                <ion-select-option value="Brokering Queue">{{ 'Brokering Queue' }}</ion-select-option>
+                <ion-select-option value="Brokering Queue">{{ "Brokering Queue" }}</ion-select-option>
               </ion-select>
             </ion-item>
           </ion-item-group>
           <ion-item-group>
             <ion-item-divider color="medium">
-              <ion-label>{{ 'Sort' }}</ion-label>
+              <ion-label>{{ "Sort" }}</ion-label>
             </ion-item-divider>
             <ion-reorder-group :disabled="false">
               <ion-item>
-                <ion-label>{{ 'Ship by' }}</ion-label>
+                <ion-label>{{ "Ship by" }}</ion-label>
                 <ion-reorder />
               </ion-item>
               <ion-item>
-                <ion-label>{{ 'Ship after' }}</ion-label>
+                <ion-label>{{ "Ship after" }}</ion-label>
                 <ion-reorder />
               </ion-item>
               <ion-item>
-                <ion-label>{{ 'Order date' }}</ion-label>
+                <ion-label>{{ "Order date" }}</ion-label>
                 <ion-reorder />
               </ion-item>
               <ion-item>
-                <ion-label>{{ 'Shipping method' }}</ion-label>
+                <ion-label>{{ "Shipping method" }}</ion-label>
                 <ion-reorder />
               </ion-item>
             </ion-reorder-group>
@@ -92,12 +92,12 @@
               </ion-item>
               <ion-item>
                 <ion-select label="Group" value="East coast stores">
-                  <ion-select-option value="East coast stores">{{ 'East coast stores' }}</ion-select-option>
+                  <ion-select-option value="East coast stores">{{ "East coast stores" }}</ion-select-option>
                 </ion-select>
               </ion-item>
               <ion-item>
                 <ion-select label="Proximity" value="Zone 1">
-                  <ion-select-option value="Zone 1">{{ 'Zone 1' }}</ion-select-option>
+                  <ion-select-option value="Zone 1">{{ "Zone 1" }}</ion-select-option>
                 </ion-select>
               </ion-item>
               <ion-item>
diff --git a/src/views/BrokeringRoute.vue b/src/views/BrokeringRoute.vue
index bb8ffdf..aa16573 100644
--- a/src/views/BrokeringRoute.vue
+++ b/src/views/BrokeringRoute.vue
@@ -21,14 +21,14 @@
           <ion-card v-for="card in [1, 2, 3, 4]" ref="cards" :key="card" @click="router.push('query')">
             <ion-item lines="full">
               <ion-label>
-                <h1>{{ 'Order lookup name' }}</h1>
+                <h1>{{ "Order lookup name" }}</h1>
               </ion-label>
               <ion-chip>{{ `${card}/4` }}</ion-chip>
             </ion-item>
             <ion-item ref="item">
-              <ion-badge>{{ 'BADGE' }}</ion-badge>
+              <ion-badge>{{ "BADGE" }}</ion-badge>
               <ion-button fill="clear" color="medium" slot="end">
-                {{ 'Archive' }}
+                {{ "Archive" }}
               </ion-button>
             </ion-item>
           </ion-card>
@@ -56,20 +56,20 @@
               </ion-card-header>
               <ion-item>
                 <ion-icon slot="start" :icon="timeOutline"/>
-                <ion-label>{{ 'Run time' }}</ion-label>
-                <ion-label slot="end">{{ '3:00 PM EST' }}</ion-label>
+                <ion-label>{{ "Run time" }}</ion-label>
+                <ion-label slot="end">{{ "3:00 PM EST" }}</ion-label>
               </ion-item>
               <ion-item>
                 <ion-icon slot="start" :icon="timerOutline"/>
-                <ion-label>{{ 'Schedule' }}</ion-label>
-                <ion-label slot="end">{{ 'Every 5 minutes' }}</ion-label>
+                <ion-label>{{ "Schedule" }}</ion-label>
+                <ion-label slot="end">{{ "Every 5 minutes" }}</ion-label>
               </ion-item>
             </ion-card>
             <ion-item>
-              {{ 'Created at <time>' }}
+              {{ "Created at <time>" }}
             </ion-item>
             <ion-item>
-              {{ 'Updated at <time>' }}
+              {{ "Updated at <time>" }}
             </ion-item>
           </aside>
         </section>
diff --git a/src/views/Login.vue b/src/views/Login.vue
index ead2474..49f3359 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -38,8 +38,8 @@ import {
 import { defineComponent } from "vue";
 import { useRouter } from "vue-router";
 import { useStore } from "@/store";
-import { mapGetters } from 'vuex';
-import Logo from '@/components/Logo.vue';
+import { mapGetters } from "vuex";
+import Logo from "@/components/Logo.vue";
 
 export default defineComponent({
   name: "Login",
@@ -61,7 +61,7 @@ export default defineComponent({
   },
   computed: {
     ...mapGetters({
-      currentInstanceUrlSaved: 'user/getInstanceUrl'
+      currentInstanceUrlSaved: "user/getInstanceUrl"
     })
   },
   mounted() {
@@ -73,9 +73,9 @@ export default defineComponent({
       const { username, password } = this;
       this.store.dispatch("user/login", { username: username.trim(), password }).then((data: any) => {
         if (data.token) {
-          this.username = ''
-          this.password = ''
-          this.$router.push('/')
+          this.username = ""
+          this.password = ""
+          this.$router.push("/")
         }
       })
     }
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index 7279234..0fe6193 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -25,13 +25,13 @@
       <!-- Time zone -->
       <ion-item>
         <ion-icon :icon="timeOutline" slot="start"/>
-        <ion-label> {{ userProfile && userProfile.userTimeZone ? userProfile.userTimeZone : '-' }} </ion-label>
+        <ion-label> {{ userProfile && userProfile.userTimeZone ? userProfile.userTimeZone : "-" }} </ion-label>
         <ion-button @click="changeTimeZone()" slot="end" fill="outline" color="dark">{{ $t("Change") }}</ion-button>
       </ion-item>
       <!-- Profile of user logged in -->
       <ion-item>
         <ion-icon :icon="personCircleOutline" slot="start" />
-        <ion-label>{{ userProfile !== null ? userProfile.partyName : '' }}</ion-label>
+        <ion-label>{{ userProfile !== null ? userProfile.partyName : "" }}</ion-label>
         <ion-button slot="end" fill="outline" color="dark" @click="logout()">{{ $t("Logout") }}</ion-button>
       </ion-item>
     </ion-content>
@@ -39,15 +39,15 @@
 </template>
 
 <script lang="ts">
-import { IonButton, IonBackButton , IonContent, IonHeader,IonIcon, IonItem, IonLabel, IonPage, IonSelect, IonSelectOption, IonTitle, IonToolbar, modalController } from '@ionic/vue';
-import { defineComponent } from 'vue';
-import { codeWorkingOutline, ellipsisVertical, personCircleOutline, storefrontOutline, timeOutline} from 'ionicons/icons'
-import { mapGetters, useStore } from 'vuex';
-import { useRouter } from 'vue-router';
-import TimeZoneModal from '@/views/TimezoneModal.vue';
+import { IonButton, IonBackButton , IonContent, IonHeader,IonIcon, IonItem, IonLabel, IonPage, IonSelect, IonSelectOption, IonTitle, IonToolbar, modalController } from "@ionic/vue";
+import { defineComponent } from "vue";
+import { codeWorkingOutline, ellipsisVertical, personCircleOutline, storefrontOutline, timeOutline} from "ionicons/icons"
+import { mapGetters, useStore } from "vuex";
+import { useRouter } from "vue-router";
+import TimeZoneModal from "@/views/TimezoneModal.vue";
 
 export default defineComponent({
-  name: 'Settings',
+  name: "Settings",
   components: {
     IonBackButton,
     IonButton, 
@@ -64,16 +64,16 @@ export default defineComponent({
   },
   computed: {
     ...mapGetters({
-      userProfile: 'user/getUserProfile',
-      currentFacility: 'user/getCurrentFacility',
-      instanceUrl: 'user/getInstanceUrl'
+      userProfile: "user/getUserProfile",
+      currentFacility: "user/getCurrentFacility",
+      instanceUrl: "user/getInstanceUrl"
     })
   },
   methods: {
     setFacility (facility: any) {
       this.userProfile.facilities.map((fac: any) => {
-        if (fac.facilityId == facility['detail'].value) {
-          this.store.dispatch('user/setFacility', {'facility': fac});
+        if (fac.facilityId == facility["detail"].value) {
+          this.store.dispatch("user/setFacility", {"facility": fac});
         }
       })
     },
@@ -84,8 +84,8 @@ export default defineComponent({
       return timeZoneModal.present();
     },
     logout () {
-      this.store.dispatch('user/logout').then(() => {
-        this.router.push('/login');
+      this.store.dispatch("user/logout").then(() => {
+        this.router.push("/login");
       })
     }
   },
diff --git a/src/views/TimezoneModal.vue b/src/views/TimezoneModal.vue
index b4fe0b8..7ee0f80 100644
--- a/src/views/TimezoneModal.vue
+++ b/src/views/TimezoneModal.vue
@@ -62,17 +62,17 @@ import { defineComponent } from "vue";
 import { close, save } from "ionicons/icons";
 import { useStore } from "@/store";
 import { UserService } from "@/services/UserService";
-import { hasError } from '@/utils'
-import { DateTime } from 'luxon';
+import { hasError } from "@/utils"
+import { DateTime } from "luxon";
 
 export default defineComponent({
   name: "TimeZoneModal",
   data() {
     return {
-      queryString: '',
+      queryString: "",
       filteredTimeZones: [],
       timeZones: [],
-      timeZoneId: ''
+      timeZoneId: ""
     }
   },
   methods: {
@@ -102,10 +102,10 @@ export default defineComponent({
       //TODO Handle it in a better way
       // Currently when the user types special character as it part of Regex expressions it breaks the code
       // so removed the characters for now
-      return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
+      return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
     },
     findTimeZone() { 
-      const regularExp = new RegExp(`${this.escapeRegExp(this.queryString)}`, 'i');
+      const regularExp = new RegExp(`${this.escapeRegExp(this.queryString)}`, "i");
       this.filteredTimeZones = this.timeZones.filter((timeZone: any) => {
         return regularExp.test(timeZone.id) || regularExp.test(timeZone.label);
       });