From a159f5831b359730eb1dfdf7f50b73e506024964 Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Tue, 8 Oct 2024 16:09:05 +0530
Subject: [PATCH 01/18] Implemented: 'Learn More' functionality that generates
 job info from GitBook Lens APIs (#726)

---
 src/adapter/index.ts                |   4 +-
 src/components/JobConfiguration.vue |  21 +++-
 src/components/LeareMoreModal.vue   | 168 ++++++++++++++++++++++++++++
 src/locales/en.json                 |   3 +
 src/views/Pipeline.vue              |  17 ++-
 5 files changed, 209 insertions(+), 4 deletions(-)
 create mode 100644 src/components/LeareMoreModal.vue

diff --git a/src/adapter/index.ts b/src/adapter/index.ts
index a31b0067..60edcc82 100644
--- a/src/adapter/index.ts
+++ b/src/adapter/index.ts
@@ -1,7 +1,8 @@
-import { api, client, getConfig, initialise, logout, resetConfig, updateInstanceUrl, updateToken, setUserTimeZone, getAvailableTimeZones} from '@hotwax/oms-api'
+import { api, askQuery, client, getConfig, initialise, logout, resetConfig, searchQuery, updateInstanceUrl, updateToken, setUserTimeZone, getAvailableTimeZones} from '@hotwax/oms-api'
 
 export {
   api,
+  askQuery,
   client,
   getConfig,
   initialise,
@@ -9,6 +10,7 @@ export {
   resetConfig,
   updateInstanceUrl,
   updateToken,
+  searchQuery,
   setUserTimeZone,
   getAvailableTimeZones
 }
\ No newline at end of file
diff --git a/src/components/JobConfiguration.vue b/src/components/JobConfiguration.vue
index 77926a83..edb3e0c1 100644
--- a/src/components/JobConfiguration.vue
+++ b/src/components/JobConfiguration.vue
@@ -13,7 +13,9 @@
 
       <ion-item v-if="currentJob.description" lines="none">
         <ion-label class="ion-text-wrap">
-          <p>{{ currentJob.description }}</p>
+          <p>{{ currentJob.description }}
+            <ion-text class="learn-more-text" color="primary" @click="openLearnMoreModal()">Learn more</ion-text>
+          </p>
         </ion-label>
       </ion-item>
 
@@ -132,6 +134,7 @@ import {
   IonRow,
   IonSelect,
   IonSelectOption,
+  IonText,
   alertController,
   modalController,
 } from "@ionic/vue";
@@ -159,6 +162,7 @@ import emitter from '@/event-bus';
 import { Actions, hasPermission } from '@/authorization'
 import CustomFrequencyModal from '@/components/CustomFrequencyModal.vue';
 import JobParameterModal from '@/components/JobParameterModal.vue'
+import LeareMoreModal from "./LeareMoreModal.vue";
 
 export default defineComponent({
   name: "JobConfiguration",
@@ -176,7 +180,8 @@ export default defineComponent({
     IonRow,
     IonSelect,
     IonSelectOption,
-    IonCheckbox
+    IonCheckbox,
+    IonText
   },
   data() {
     return {
@@ -225,6 +230,13 @@ export default defineComponent({
     }
   },
   methods: {
+    async openLearnMoreModal() {
+      const openLearnMoreModal = await modalController.create({
+        component: LeareMoreModal,
+        componentProps: {currentJob: this.currentJob}
+      })
+      return openLearnMoreModal.present()
+    },
     getDateTime(time: any) {
       return DateTime.fromMillis(time).toISO()
     },
@@ -547,6 +559,11 @@ export default defineComponent({
 </script>
 
 <style scoped>
+.learn-more-text {
+  font-size: 14px;
+  cursor: pointer;
+}
+
 ion-list {
   margin: 0 0 var(--spacer-base);
 }
diff --git a/src/components/LeareMoreModal.vue b/src/components/LeareMoreModal.vue
new file mode 100644
index 00000000..0ed33c66
--- /dev/null
+++ b/src/components/LeareMoreModal.vue
@@ -0,0 +1,168 @@
+<template>
+  <ion-header>
+    <ion-toolbar>
+      <ion-buttons slot="start">
+        <ion-button @click="closeModal()">
+          <ion-icon slot="icon-only" :icon="closeOutline" />
+        </ion-button>
+      </ion-buttons>
+      <ion-title>{{ translate('Learn more.') }}</ion-title>
+      <ion-button slot="end" fill="clear" @click="redirectToJobsDoc()">
+        <ion-icon  color="dark" :icon="openOutline" />
+      </ion-button>
+    </ion-toolbar>
+  </ion-header>
+
+  <ion-content>
+    <div class="empty-state" v-if="isGenratingAnswer">
+      <ion-item lines="none">
+        <ion-spinner name="crescent" slot="start" />
+        {{ translate("Genrating answer...") }}
+      </ion-item>
+    </div>
+
+    <div class="empty-state" v-else-if="!askResponse">
+      <ion-item lines="none">
+        <p>{{ translate("The job details is not generating, please try again later.") }}</p>
+      </ion-item>
+    </div>
+    
+    <div v-else>
+      <ion-item class="ion-margin-top">
+        <ion-label>
+          {{ queryString }}
+          <p>{{  currentJob?.systemJobEnumId }}</p>  
+        </ion-label>
+      </ion-item>
+
+      <ion-list>
+        <ion-item lines="none">
+          <ion-label>Sources</ion-label>
+        </ion-item>
+        <ion-item v-for="section in jobSection" :key="section.id" lines="none">
+          <ion-chip @click="redirectToDoc(section)">
+            <ion-label>{{ section.title }}</ion-label>
+            <ion-icon :icon="openOutline" />
+          </ion-chip>
+        </ion-item>
+      </ion-list>
+  
+      <ion-item>
+        <ion-label>
+          <p class="overline">Summary</p>
+          {{ askResponse?.text }}
+        </ion-label>
+      </ion-item>
+    </div>
+  </ion-content>
+</template>
+
+<script lang="ts">
+import { IonButton, IonButtons, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonSpinner, IonTitle, IonToolbar, modalController } from "@ionic/vue";
+import { closeOutline, openOutline } from 'ionicons/icons'
+import { translate } from '@hotwax/dxp-components';
+import { defineComponent } from "vue";
+import { hasError } from '@/utils'
+import { askQuery, searchQuery } from "@/adapter";
+
+export default defineComponent({
+  name: "LearnMoreModal",
+  components: {
+    IonButton,
+    IonButtons,
+    IonChip,
+    IonContent,
+    IonHeader,
+    IonIcon,
+    IonItem,
+    IonLabel,
+    IonSpinner,
+    IonList,
+    IonTitle,
+    IonToolbar
+  },
+  data() {
+    return {
+      queryString: '',
+      askResponse: {} as any,
+      jobSection: {} as any,
+      isGenratingAnswer: true
+    }
+  },
+  props: ['currentJob'],
+  mounted() {
+    this.askQuery();
+  },
+  methods: {
+    async searchQuery(pageIds: any) {
+      let items = [] as any;
+      this.jobSection = [];
+      try {
+        const resp = await searchQuery({
+          queryString: this.currentJob?.enumName,
+          spaceId: process.env.VUE_APP_SPACE_ID,
+          baseURL: process.env.VUE_APP_GITBOOK_BASE_URL,
+          token: process.env.VUE_APP_GITBOOK_API_KEY
+        });
+        if(!hasError(resp)) {
+          items = resp.data.items;
+          pageIds.forEach((pageId: any) => {
+            const filteredPage = items.find((item: any) => item.id === pageId);
+            if (filteredPage) {
+              this.jobSection.push(...filteredPage.sections);
+            }
+          });
+          this.isGenratingAnswer = false;
+        } else {
+          throw resp.data;
+        }
+      } catch(error: any) {
+        console.error(error);
+        this.isGenratingAnswer = false;
+      }
+    },
+    async askQuery() {
+      this.queryString = `What does ${this.currentJob?.enumName} job do?`;
+      try {
+        const resp = await askQuery({ 
+          queryString: this.queryString,
+          spaceId: process.env.VUE_APP_SPACE_ID,
+          baseURL: process.env.VUE_APP_GITBOOK_BASE_URL,
+          token: process.env.VUE_APP_GITBOOK_API_KEY
+        });
+        if(!hasError(resp)) {
+          this.askResponse = resp.data.answer;
+          if(this.askResponse) {
+            const pageIds = this.askResponse?.sources.map((source: any) => source.page);
+            this.searchQuery(pageIds);
+          } else {
+            this.isGenratingAnswer = false;
+          }
+        } else {
+          throw resp.data;
+        }
+      } catch(error: any) {
+        console.error(error);
+        this.isGenratingAnswer = false;
+      }
+    },
+    async redirectToDoc(section: any) {
+      window.open(`https://docs.hotwax.co/documents/retail-operations/${section.path}`, "_blank")
+    },
+    async redirectToJobsDoc() {
+      window.open(`${process.env.VUE_APP_GITBOOK_JOBS_DOCS_URL}`, "_blank")
+    },
+    async closeModal() {
+      modalController.dismiss({ dismissed: true });
+    }
+  },
+  setup() {
+
+    return {
+      closeOutline, 
+      openOutline,
+      translate
+    };
+  }
+})
+</script>
\ No newline at end of file
diff --git a/src/locales/en.json b/src/locales/en.json
index a0250ee1..e6a5240d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -98,6 +98,7 @@
   "Fulfilled": "Fulfilled",
   "Fulfillment": "Fulfillment",
   "Fulfillment status": "Fulfillment status",
+  "Genrating answer...": "Genrating answer...",
   "Get Paid Transactions": "Get Paid Transactions",
   "Go to OMS": "Go to OMS",
   "Go to Launchpad": "Go to Launchpad",
@@ -127,6 +128,7 @@
   "Landed inventory cost": "Landed inventory cost",
   "Last run": "Last run",
   "Last Shopify Order ID": "Last Shopify Order ID",
+  "Learn more.": "Learn more.",
   "Loading": "Loading",
   "Login": "Login",
   "Logging in": "Logging in",
@@ -286,6 +288,7 @@
   "This job may take several minutes to run. Wait till the job has moved to the pipeline history before checking results.": "This job may take several minutes to run.{ space } Wait till the job has moved to the pipeline history before checking results.",
   "This job schedule cannot be skipped": "This job schedule cannot be skipped",
   "This job does not have any custom parameters.": "This job does not have any custom parameters.",
+  "The job details is not generating, please try again later.": "The job details is not generating, please try again later.",
   "Time zone updated successfully": "Time zone updated successfully",
   "Timezone": "Timezone",
   "Tomorrow": "Tomorrow",
diff --git a/src/views/Pipeline.vue b/src/views/Pipeline.vue
index 2e8164fd..556a2dbd 100644
--- a/src/views/Pipeline.vue
+++ b/src/views/Pipeline.vue
@@ -71,6 +71,12 @@
                 <ion-label class="ion-text-wrap">{{ job.currentRetryCount }}</ion-label>
               </ion-item>
 
+              <ion-item lines="full">
+                <ion-icon slot="start" :icon="codeWorkingOutline" />
+                <ion-label class="ion-text-wrap">{{ job.systemJobEnumId }}</ion-label>
+                <ion-icon :icon="helpCircleOutline" @click.stop.prevent="openLearnMoreModal(job)"/>
+              </ion-item>
+
               <div class="actions">
                 <div>
                   <ion-button :disabled="!hasPermission(Actions.APP_JOB_UPDATE)" fill="clear" @click.stop="skipJob(job)">{{ translate("Skip") }}</ion-button>
@@ -300,7 +306,7 @@ import {
   IonButtons
 } from "@ionic/vue";
 import JobConfiguration from '@/components/JobConfiguration.vue'
-import { closeCircleOutline, codeWorkingOutline, copyOutline, ellipsisVerticalOutline, filterOutline, pinOutline, refreshOutline, timeOutline, timerOutline } from "ionicons/icons";
+import { closeCircleOutline, codeWorkingOutline, copyOutline, ellipsisVerticalOutline, filterOutline, helpCircleOutline, pinOutline, refreshOutline, timeOutline, timerOutline } from "ionicons/icons";
 import emitter from '@/event-bus';
 import JobHistoryModal from '@/components/JobHistoryModal.vue';
 import { Plugins } from '@capacitor/core';
@@ -310,6 +316,7 @@ import { Actions, hasPermission } from '@/authorization'
 import Filters from '@/components/Filters.vue';
 import FailedJobReasonModal from '@/views/FailedJobReasonModal.vue'
 import { translate } from '@hotwax/dxp-components';
+import LeareMoreModal from '@/components/LeareMoreModal.vue';
 
 export default defineComponent({
   name: "Pipeline",
@@ -390,6 +397,13 @@ export default defineComponent({
     this.isScrollingEnabled = false;
   },
   methods : {
+    async openLearnMoreModal(job: any) {
+      const openLearnMoreModal = await modalController.create({
+        component: LeareMoreModal,
+        componentProps: {currentJob: job}
+      })
+      return openLearnMoreModal.present()
+    },
     isPinnedJobSelected(jobEnumId: any) {
       return (this as any).pipelineFilters.enum.some((jobId: any) =>  jobId === jobEnumId );
     },
@@ -667,6 +681,7 @@ export default defineComponent({
       store,
       codeWorkingOutline,
       ellipsisVerticalOutline,
+      helpCircleOutline,
       pinOutline,
       refreshOutline,
       timeOutline,

From d777bc53ed7e57be11cf134a9c5a465203a3c585 Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Tue, 8 Oct 2024 16:11:56 +0530
Subject: [PATCH 02/18] Improved: added outline attribute in the ion-chip(#726)

---
 src/components/LeareMoreModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LeareMoreModal.vue b/src/components/LeareMoreModal.vue
index 0ed33c66..ec651fb3 100644
--- a/src/components/LeareMoreModal.vue
+++ b/src/components/LeareMoreModal.vue
@@ -40,7 +40,7 @@
           <ion-label>Sources</ion-label>
         </ion-item>
         <ion-item v-for="section in jobSection" :key="section.id" lines="none">
-          <ion-chip @click="redirectToDoc(section)">
+          <ion-chip outline @click="redirectToDoc(section)">
             <ion-label>{{ section.title }}</ion-label>
             <ion-icon :icon="openOutline" />
           </ion-chip>

From ee62280351b6e795f8059105b9440767c4065ca8 Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Tue, 8 Oct 2024 16:15:36 +0530
Subject: [PATCH 03/18] Improved: change the ion-item property in the card on
 pipeline page(#726)

---
 src/views/Pipeline.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Pipeline.vue b/src/views/Pipeline.vue
index 556a2dbd..ea245b8e 100644
--- a/src/views/Pipeline.vue
+++ b/src/views/Pipeline.vue
@@ -66,7 +66,7 @@
                 <ion-label class="ion-text-wrap">{{ job.tempExprId ? temporalExpr(job.tempExprId)?.description : "🙃"  }}</ion-label>
               </ion-item>
 
-              <ion-item lines="full">
+              <ion-item>
                 <ion-icon slot="start" :icon="refreshOutline" />
                 <ion-label class="ion-text-wrap">{{ job.currentRetryCount }}</ion-label>
               </ion-item>

From 8966a97b71435295735baeed7d76b86c27ed8e0f Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Tue, 8 Oct 2024 16:43:52 +0530
Subject: [PATCH 04/18] Improved: updated the .env.example with gitbook urls &
 key(#726)

---
 .env.example | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/.env.example b/.env.example
index a80f5485..5b69ab95 100644
--- a/.env.example
+++ b/.env.example
@@ -18,3 +18,7 @@ VUE_APP_ALIAS=
 VUE_APP_DEFAULT_LOG_LEVEL="error"
 VUE_APP_LOGIN_URL="http://launchpad.hotwax.io/login"
 VUE_APP_BROKER_JOB_ENUMS = {"REJ_ORDR":"JOB_BKR_REJ_ORD"}
+VUE_APP_GITBOOK_API_KEY="gb_api_hL97xDJyiI6FBhnWKdm8CP6N6Wjl5nZSjhK3Nyd7"
+VUE_APP_SPACE_ID="GNcmGkoNRfptyho21A56"
+VUE_APP_GITBOOK_BASE_URL="https://api.gitbook.com/v1"
+VUE_APP_GITBOOK_JOBS_DOCS_URL="https://docs.hotwax.co/documents/retail-operations/workflow/job-workflows"

From 7a4c0ab70b3fac28ef5c4eab73740d51f888d69a Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Tue, 8 Oct 2024 16:52:05 +0530
Subject: [PATCH 05/18] Improved: upgraded the `oms-api` version for gitbook
 apis(#726)

---
 package-lock.json | 652 +---------------------------------------------
 package.json      |   2 +-
 2 files changed, 7 insertions(+), 647 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a0e6ed85..7f5a4c67 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "@hotwax/app-version-info": "^1.0.0",
         "@hotwax/apps-theme": "^1.2.6",
         "@hotwax/dxp-components": "1.13.0",
-        "@hotwax/oms-api": "1.14.0",
+        "@hotwax/oms-api": "^1.15.0",
         "@ionic/core": "^7.6.0",
         "@ionic/vue": "^7.6.0",
         "@ionic/vue-router": "^7.6.0",
@@ -2678,7 +2678,9 @@
       }
     },
     "node_modules/@hotwax/oms-api": {
-      "version": "1.14.0",
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/@hotwax/oms-api/-/oms-api-1.15.1.tgz",
+      "integrity": "sha512-Zc/GcoPoBX/bbY1n2EtNpPaR7PAMGTfEt8lDQZEnX55h85RY00H4uLDslD2OGWbGBjJO0MZrRmGv7PObuFxfWQ==",
       "license": "Apache-2.0",
       "dependencies": {
         "@types/node-json-transform": "^1.0.0",
@@ -2708,37 +2710,6 @@
       "dev": true,
       "license": "BSD-3-Clause"
     },
-    "node_modules/@intlify/bundle-utils": {
-      "version": "0.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/core": "^9.1.6",
-        "@intlify/message-compiler": "^9.1.6",
-        "@intlify/shared": "^9.1.6",
-        "jsonc-eslint-parser": "^1.0.1",
-        "source-map": "^0.6.1",
-        "yaml-eslint-parser": "^0.3.2"
-      },
-      "engines": {
-        "node": ">= 12"
-      }
-    },
-    "node_modules/@intlify/core": {
-      "version": "9.8.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/core-base": "9.8.0",
-        "@intlify/shared": "9.8.0"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      }
-    },
     "node_modules/@intlify/core-base": {
       "version": "9.8.0",
       "license": "MIT",
@@ -2753,23 +2724,6 @@
         "url": "https://github.com/sponsors/kazupon"
       }
     },
-    "node_modules/@intlify/devtools-if": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/shared": "9.1.10"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@intlify/devtools-if/node_modules/@intlify/shared": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "node_modules/@intlify/message-compiler": {
       "version": "9.8.0",
       "license": "MIT",
@@ -2784,44 +2738,6 @@
         "url": "https://github.com/sponsors/kazupon"
       }
     },
-    "node_modules/@intlify/message-resolver": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@intlify/runtime": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/message-compiler": "9.1.10",
-        "@intlify/message-resolver": "9.1.10",
-        "@intlify/shared": "9.1.10"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@intlify/runtime/node_modules/@intlify/message-compiler": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/message-resolver": "9.1.10",
-        "@intlify/shared": "9.1.10",
-        "source-map": "0.6.1"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@intlify/runtime/node_modules/@intlify/shared": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "node_modules/@intlify/shared": {
       "version": "9.8.0",
       "license": "MIT",
@@ -2832,41 +2748,6 @@
         "url": "https://github.com/sponsors/kazupon"
       }
     },
-    "node_modules/@intlify/vue-devtools": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/message-resolver": "9.1.10",
-        "@intlify/runtime": "9.1.10",
-        "@intlify/shared": "9.1.10"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@intlify/vue-devtools/node_modules/@intlify/shared": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@intlify/vue-i18n-loader": {
-      "version": "2.1.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/bundle-utils": "^0.1.0",
-        "@intlify/shared": "^9.1.6",
-        "loader-utils": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 12"
-      },
-      "peerDependencies": {
-        "vue": "^3.0.0"
-      }
-    },
     "node_modules/@ionic/core": {
       "version": "7.8.2",
       "license": "MIT",
@@ -6075,15 +5956,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/colors": {
-      "version": "1.4.0",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "engines": {
-        "node": ">=0.1.90"
-      }
-    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "dev": true,
@@ -6929,14 +6801,6 @@
         }
       }
     },
-    "node_modules/decamelize": {
-      "version": "1.2.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "dev": true,
@@ -7211,22 +7075,6 @@
       "dev": true,
       "license": "0BSD"
     },
-    "node_modules/dot-object": {
-      "version": "1.9.0",
-      "dev": true,
-      "dependencies": {
-        "commander": "^2.20.0",
-        "glob": "^7.1.4"
-      },
-      "bin": {
-        "dot-object": "bin/dot-object"
-      }
-    },
-    "node_modules/dot-object/node_modules/commander": {
-      "version": "2.20.3",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/dotenv": {
       "version": "10.0.0",
       "dev": true,
@@ -8041,14 +7889,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/esm": {
-      "version": "3.2.25",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/espree": {
       "version": "7.3.1",
       "dev": true,
@@ -10136,14 +9976,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/is-valid-glob": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/is-weakref": {
       "version": "1.0.2",
       "dev": true,
@@ -10496,75 +10328,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/jsonc-eslint-parser": {
-      "version": "1.4.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "acorn": "^7.4.1",
-        "eslint-utils": "^2.1.0",
-        "eslint-visitor-keys": "^1.3.0",
-        "espree": "^6.0.0",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/jsonc-eslint-parser/node_modules/acorn": {
-      "version": "7.4.1",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/jsonc-eslint-parser/node_modules/eslint-utils": {
-      "version": "2.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "eslint-visitor-keys": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      }
-    },
-    "node_modules/jsonc-eslint-parser/node_modules/eslint-visitor-keys": {
-      "version": "1.3.0",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/jsonc-eslint-parser/node_modules/espree": {
-      "version": "6.2.1",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "acorn": "^7.1.1",
-        "acorn-jsx": "^5.2.0",
-        "eslint-visitor-keys": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/jsonc-eslint-parser/node_modules/semver": {
-      "version": "6.3.1",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
     "node_modules/jsonfile": {
       "version": "4.0.0",
       "dev": true,
@@ -13119,11 +12882,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/require-main-filename": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/requires-port": {
       "version": "1.0.0",
       "dev": true,
@@ -13543,11 +13301,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/set-blocking": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/set-function-length": {
       "version": "1.1.1",
       "license": "MIT",
@@ -13719,6 +13472,7 @@
     },
     "node_modules/source-map": {
       "version": "0.6.1",
+      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -14970,52 +14724,6 @@
         }
       }
     },
-    "node_modules/vue-cli-plugin-i18n": {
-      "version": "1.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "^4.1.0",
-        "deepmerge": "^4.2.0",
-        "dotenv": "^8.2.0",
-        "flat": "^5.0.0",
-        "rimraf": "^3.0.0",
-        "vue": "^2.6.11",
-        "vue-i18n": "^8.17.0",
-        "vue-i18n-extract": "1.0.2"
-      }
-    },
-    "node_modules/vue-cli-plugin-i18n/node_modules/@vue/compiler-sfc": {
-      "version": "2.7.15",
-      "dev": true,
-      "dependencies": {
-        "@babel/parser": "^7.18.4",
-        "postcss": "^8.4.14",
-        "source-map": "^0.6.1"
-      }
-    },
-    "node_modules/vue-cli-plugin-i18n/node_modules/dotenv": {
-      "version": "8.6.0",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/vue-cli-plugin-i18n/node_modules/vue": {
-      "version": "2.7.15",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-sfc": "2.7.15",
-        "csstype": "^3.1.0"
-      }
-    },
-    "node_modules/vue-cli-plugin-i18n/node_modules/vue-i18n": {
-      "version": "8.28.2",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/vue-component-type-helpers": {
       "version": "1.8.25",
       "dev": true,
@@ -15118,331 +14826,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/vue-i18n": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/core-base": "9.1.10",
-        "@intlify/shared": "9.1.10",
-        "@intlify/vue-devtools": "9.1.10",
-        "@vue/devtools-api": "^6.0.0-beta.7"
-      },
-      "engines": {
-        "node": ">= 10"
-      },
-      "peerDependencies": {
-        "vue": "^3.0.0"
-      }
-    },
-    "node_modules/vue-i18n-extract": {
-      "version": "1.0.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cli-table3": "^0.5.1",
-        "dot-object": "^1.7.1",
-        "esm": "^3.2.13",
-        "glob": "^7.1.3",
-        "is-valid-glob": "^1.0.0",
-        "yargs": "^13.2.2"
-      },
-      "bin": {
-        "vue-i18n-extract": "dist-node/index.bin.js"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/ansi-regex": {
-      "version": "3.0.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/camelcase": {
-      "version": "5.3.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/cli-table3": {
-      "version": "0.5.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "object-assign": "^4.1.0",
-        "string-width": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "optionalDependencies": {
-        "colors": "^1.1.2"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/cliui": {
-      "version": "5.0.0",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^3.1.0",
-        "strip-ansi": "^5.2.0",
-        "wrap-ansi": "^5.1.0"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/cliui/node_modules/ansi-regex": {
-      "version": "4.1.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/cliui/node_modules/string-width": {
-      "version": "3.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^7.0.1",
-        "is-fullwidth-code-point": "^2.0.0",
-        "strip-ansi": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/cliui/node_modules/strip-ansi": {
-      "version": "5.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/emoji-regex": {
-      "version": "7.0.3",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/vue-i18n-extract/node_modules/find-up": {
-      "version": "3.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "locate-path": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/is-fullwidth-code-point": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/locate-path": {
-      "version": "3.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-locate": "^3.0.0",
-        "path-exists": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/p-locate": {
-      "version": "3.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-limit": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/path-exists": {
-      "version": "3.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/string-width": {
-      "version": "2.1.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-fullwidth-code-point": "^2.0.0",
-        "strip-ansi": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/strip-ansi": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/wrap-ansi": {
-      "version": "5.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^3.2.0",
-        "string-width": "^3.0.0",
-        "strip-ansi": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/wrap-ansi/node_modules/ansi-regex": {
-      "version": "4.1.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/wrap-ansi/node_modules/string-width": {
-      "version": "3.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^7.0.1",
-        "is-fullwidth-code-point": "^2.0.0",
-        "strip-ansi": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/wrap-ansi/node_modules/strip-ansi": {
-      "version": "5.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/y18n": {
-      "version": "4.0.3",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/vue-i18n-extract/node_modules/yargs": {
-      "version": "13.3.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^5.0.0",
-        "find-up": "^3.0.0",
-        "get-caller-file": "^2.0.1",
-        "require-directory": "^2.1.1",
-        "require-main-filename": "^2.0.0",
-        "set-blocking": "^2.0.0",
-        "string-width": "^3.0.0",
-        "which-module": "^2.0.0",
-        "y18n": "^4.0.0",
-        "yargs-parser": "^13.1.2"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/yargs-parser": {
-      "version": "13.1.2",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "camelcase": "^5.0.0",
-        "decamelize": "^1.2.0"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/yargs/node_modules/ansi-regex": {
-      "version": "4.1.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/yargs/node_modules/string-width": {
-      "version": "3.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^7.0.1",
-        "is-fullwidth-code-point": "^2.0.0",
-        "strip-ansi": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n-extract/node_modules/yargs/node_modules/strip-ansi": {
-      "version": "5.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/vue-i18n/node_modules/@intlify/core-base": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/devtools-if": "9.1.10",
-        "@intlify/message-compiler": "9.1.10",
-        "@intlify/message-resolver": "9.1.10",
-        "@intlify/runtime": "9.1.10",
-        "@intlify/shared": "9.1.10",
-        "@intlify/vue-devtools": "9.1.10"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/vue-i18n/node_modules/@intlify/message-compiler": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/message-resolver": "9.1.10",
-        "@intlify/shared": "9.1.10",
-        "source-map": "0.6.1"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/vue-i18n/node_modules/@intlify/shared": {
-      "version": "9.1.10",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "node_modules/vue-loader": {
       "version": "17.3.1",
       "dev": true,
@@ -16077,11 +15460,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/which-module": {
-      "version": "2.0.1",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/which-typed-array": {
       "version": "1.1.13",
       "dev": true,
@@ -16572,24 +15950,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/yaml-eslint-parser": {
-      "version": "0.3.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "eslint-visitor-keys": "^1.3.0",
-        "lodash": "^4.17.20",
-        "yaml": "^1.10.0"
-      }
-    },
-    "node_modules/yaml-eslint-parser/node_modules/eslint-visitor-keys": {
-      "version": "1.3.0",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/yargs": {
       "version": "16.2.0",
       "dev": true,
@@ -16732,4 +16092,4 @@
       "license": "ISC"
     }
   }
-}
\ No newline at end of file
+}
diff --git a/package.json b/package.json
index 8fa20b73..3a98d99f 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "@hotwax/app-version-info": "^1.0.0",
     "@hotwax/apps-theme": "^1.2.6",
     "@hotwax/dxp-components": "1.13.0",
-    "@hotwax/oms-api": "1.14.0",
+    "@hotwax/oms-api": "^1.15.0",
     "@ionic/core": "^7.6.0",
     "@ionic/vue": "^7.6.0",
     "@ionic/vue-router": "^7.6.0",

From d60b76885f23c166f42bf08b59da16a3ed659c5f Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Mon, 28 Oct 2024 10:44:12 +0530
Subject: [PATCH 06/18] Reverted: updated the env file with new changes(#726)

---
 .env.example | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.env.example b/.env.example
index 5b69ab95..a111ff8a 100644
--- a/.env.example
+++ b/.env.example
@@ -18,7 +18,7 @@ VUE_APP_ALIAS=
 VUE_APP_DEFAULT_LOG_LEVEL="error"
 VUE_APP_LOGIN_URL="http://launchpad.hotwax.io/login"
 VUE_APP_BROKER_JOB_ENUMS = {"REJ_ORDR":"JOB_BKR_REJ_ORD"}
-VUE_APP_GITBOOK_API_KEY="gb_api_hL97xDJyiI6FBhnWKdm8CP6N6Wjl5nZSjhK3Nyd7"
-VUE_APP_SPACE_ID="GNcmGkoNRfptyho21A56"
+VUE_APP_GITBOOK_API_KEY=""
+VUE_APP_SPACE_ID=""
 VUE_APP_GITBOOK_BASE_URL="https://api.gitbook.com/v1"
 VUE_APP_GITBOOK_JOBS_DOCS_URL="https://docs.hotwax.co/documents/retail-operations/workflow/job-workflows"

From 30acf641142b6d4548488b0d465963944f120d68 Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Thu, 14 Nov 2024 16:54:19 +0530
Subject: [PATCH 07/18] Improved: Added a function to set the ion-badge color
 based on log status and updated the 'Failed Records' icon properties (#680)

---
 src/views/DataManagerLogDetails.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/views/DataManagerLogDetails.vue b/src/views/DataManagerLogDetails.vue
index 5d80031d..802062da 100644
--- a/src/views/DataManagerLogDetails.vue
+++ b/src/views/DataManagerLogDetails.vue
@@ -92,10 +92,10 @@
             <p>{{ translate('Finished') }}</p>
           </ion-label>
 
-          <ion-badge v-if="log.statusId" :color="log.statusId === 'SERVICE_FAILED' ? 'danger' : 'success'">{{ translate(getStatusDesc(log.statusId)) }}</ion-badge>
+          <ion-badge v-if="log.statusId" :color="getLogStatusColor(log.statusId)">{{ translate(getStatusDesc(log.statusId)) }}</ion-badge>
           
           <div class="ion-text-center" lines="none" v-if="log.errorRecordContentId" button @click="downloadErrorRecordFile(log)">
-            <ion-icon slot="start" :icon="cloudDownloadOutline" />
+            <ion-icon slot="icon-only" color="medium" :icon="cloudDownloadOutline" />
             <ion-label>
               <p>{{ translate('Failed records') }}</p>
             </ion-label>
@@ -257,6 +257,19 @@ export default defineComponent ({
       } catch (error) {
         logger.error(error);
       }
+    },
+    getLogStatusColor(statusId) {
+      if (statusId === 'SERVICE_FINISHED') {
+        return 'success';
+      } else if (statusId === 'SERVICE_RUNNING') {
+        return 'dark';
+      } else if (statusId === 'SERVICE_FAILED') {
+        return 'danger';
+      } else if (statusId === 'SERVICE_PENDING') {
+        return 'medium';
+      } else {
+        return 'medium';
+      }
     }
   },
   setup() {

From ec1759cf40f229a191dced758c493556458137fd Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Tue, 26 Nov 2024 12:48:14 +0530
Subject: [PATCH 08/18] Improved: updated the failed record icon properties &
 removed unnecessary case in getLogStatusColor function(#680)

---
 src/views/DataManagerLogDetails.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/views/DataManagerLogDetails.vue b/src/views/DataManagerLogDetails.vue
index 802062da..de7fc3b7 100644
--- a/src/views/DataManagerLogDetails.vue
+++ b/src/views/DataManagerLogDetails.vue
@@ -94,8 +94,8 @@
 
           <ion-badge v-if="log.statusId" :color="getLogStatusColor(log.statusId)">{{ translate(getStatusDesc(log.statusId)) }}</ion-badge>
           
-          <div class="ion-text-center" lines="none" v-if="log.errorRecordContentId" button @click="downloadErrorRecordFile(log)">
-            <ion-icon slot="icon-only" color="medium" :icon="cloudDownloadOutline" />
+          <div class="ion-text-center" lines="none" v-if="log.errorRecordContentId">
+            <ion-icon color="medium" :icon="cloudDownloadOutline" @click="downloadErrorRecordFile(log)" />
             <ion-label>
               <p>{{ translate('Failed records') }}</p>
             </ion-label>
@@ -265,8 +265,6 @@ export default defineComponent ({
         return 'dark';
       } else if (statusId === 'SERVICE_FAILED') {
         return 'danger';
-      } else if (statusId === 'SERVICE_PENDING') {
-        return 'medium';
       } else {
         return 'medium';
       }

From 8f1a97ee22813965a5314200050ea50c07552aec Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Tue, 26 Nov 2024 12:58:55 +0530
Subject: [PATCH 09/18] Improved: updated the failed records icon properties &
 wrapped it in ion-button(#680)

---
 src/views/DataManagerLogDetails.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/views/DataManagerLogDetails.vue b/src/views/DataManagerLogDetails.vue
index de7fc3b7..3be5ca21 100644
--- a/src/views/DataManagerLogDetails.vue
+++ b/src/views/DataManagerLogDetails.vue
@@ -95,7 +95,9 @@
           <ion-badge v-if="log.statusId" :color="getLogStatusColor(log.statusId)">{{ translate(getStatusDesc(log.statusId)) }}</ion-badge>
           
           <div class="ion-text-center" lines="none" v-if="log.errorRecordContentId">
-            <ion-icon color="medium" :icon="cloudDownloadOutline" @click="downloadErrorRecordFile(log)" />
+            <ion-button fill="clear" color="medium" @click="downloadErrorRecordFile(log)">
+              <ion-icon slot="icon-only" :icon="cloudDownloadOutline" />
+            </ion-button>
             <ion-label>
               <p>{{ translate('Failed records') }}</p>
             </ion-label>

From 3d5326e58bda0c0a29ecdb2f794a8cfdf7755281 Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Wed, 27 Nov 2024 14:26:09 +0530
Subject: [PATCH 10/18] Improved: added locale text & changed the component
 name(#726)

---
 package-lock.json                             |  7 +++--
 package.json                                  |  2 +-
 src/components/JobConfiguration.vue           |  8 ++---
 ...{LeareMoreModal.vue => LearnMoreModal.vue} | 30 +++++++++----------
 src/locales/en.json                           |  6 ++--
 src/views/Pipeline.vue                        |  8 ++---
 6 files changed, 32 insertions(+), 29 deletions(-)
 rename src/components/{LeareMoreModal.vue => LearnMoreModal.vue} (86%)

diff --git a/package-lock.json b/package-lock.json
index e6849f12..24a35177 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "@hotwax/app-version-info": "^1.0.0",
         "@hotwax/apps-theme": "^1.2.6",
         "@hotwax/dxp-components": "1.15.4",
-        "@hotwax/oms-api": "1.14.0",
+        "@hotwax/oms-api": "^1.14.0",
         "@ionic/core": "^7.6.0",
         "@ionic/vue": "^7.6.0",
         "@ionic/vue-router": "^7.6.0",
@@ -2680,8 +2680,9 @@
       }
     },
     "node_modules/@hotwax/oms-api": {
-      "version": "1.14.0",
-      "license": "Apache-2.0",
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/@hotwax/oms-api/-/oms-api-1.16.0.tgz",
+      "integrity": "sha512-WZ3v0TxcHz5UZEBDX+GvZd/cqD08Kws42kGcseN2tfNf5kKWbfaDgWm6KEaBxLFuVBPBdRelRZhGj/nRIxBgGw==",
       "dependencies": {
         "@types/node-json-transform": "^1.0.0",
         "axios": "^0.21.1",
diff --git a/package.json b/package.json
index 3a814d2c..f0a276d0 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "@hotwax/app-version-info": "^1.0.0",
     "@hotwax/apps-theme": "^1.2.6",
     "@hotwax/dxp-components": "1.15.4",
-    "@hotwax/oms-api": "^1.15.0",
+    "@hotwax/oms-api": "^1.14.0",
     "@ionic/core": "^7.6.0",
     "@ionic/vue": "^7.6.0",
     "@ionic/vue-router": "^7.6.0",
diff --git a/src/components/JobConfiguration.vue b/src/components/JobConfiguration.vue
index e7b4186c..1a34c497 100644
--- a/src/components/JobConfiguration.vue
+++ b/src/components/JobConfiguration.vue
@@ -203,7 +203,7 @@ import emitter from '@/event-bus';
 import { Actions, hasPermission } from '@/authorization'
 import CustomFrequencyModal from '@/components/CustomFrequencyModal.vue';
 import JobParameterModal from '@/components/JobParameterModal.vue'
-import LeareMoreModal from "./LeareMoreModal.vue";
+import LearnMoreModal from "./LearnMoreModal.vue";
 
 export default defineComponent({
   name: "JobConfiguration",
@@ -285,11 +285,11 @@ export default defineComponent({
       this.router.push({ name: 'DataManagerLogDetails', params: { jobId } })
     },
     async openLearnMoreModal() {
-      const openLearnMoreModal = await modalController.create({
-        component: LeareMoreModal,
+      const learnMoreModal = await modalController.create({
+        component: LearnMoreModal,
         componentProps: {currentJob: this.currentJob}
       })
-      return openLearnMoreModal.present()
+      return learnMoreModal.present()
     },
     getDateTime(time: any) {
       return DateTime.fromMillis(time).toISO()
diff --git a/src/components/LeareMoreModal.vue b/src/components/LearnMoreModal.vue
similarity index 86%
rename from src/components/LeareMoreModal.vue
rename to src/components/LearnMoreModal.vue
index ec651fb3..7c4ca729 100644
--- a/src/components/LeareMoreModal.vue
+++ b/src/components/LearnMoreModal.vue
@@ -6,18 +6,18 @@
           <ion-icon slot="icon-only" :icon="closeOutline" />
         </ion-button>
       </ion-buttons>
-      <ion-title>{{ translate('Learn more.') }}</ion-title>
+      <ion-title>{{ translate("Learn more") }}</ion-title>
       <ion-button slot="end" fill="clear" @click="redirectToJobsDoc()">
-        <ion-icon  color="dark" :icon="openOutline" />
+        <ion-icon color="medium" :icon="openOutline" />
       </ion-button>
     </ion-toolbar>
   </ion-header>
 
   <ion-content>
-    <div class="empty-state" v-if="isGenratingAnswer">
+    <div class="empty-state" v-if="isGeneratingAnswer">
       <ion-item lines="none">
         <ion-spinner name="crescent" slot="start" />
-        {{ translate("Genrating answer...") }}
+        {{ translate("Generating answer...") }}
       </ion-item>
     </div>
 
@@ -37,7 +37,7 @@
 
       <ion-list>
         <ion-item lines="none">
-          <ion-label>Sources</ion-label>
+          <ion-label>{{ translate("Sources") }}</ion-label>
         </ion-item>
         <ion-item v-for="section in jobSection" :key="section.id" lines="none">
           <ion-chip outline @click="redirectToDoc(section)">
@@ -49,7 +49,7 @@
   
       <ion-item>
         <ion-label>
-          <p class="overline">Summary</p>
+          <p class="overline">{{ translate("Summary") }}</p>
           {{ askResponse?.text }}
         </ion-label>
       </ion-item>
@@ -64,6 +64,7 @@ import { translate } from '@hotwax/dxp-components';
 import { defineComponent } from "vue";
 import { hasError } from '@/utils'
 import { askQuery, searchQuery } from "@/adapter";
+import logger from "@/logger";
 
 export default defineComponent({
   name: "LearnMoreModal",
@@ -86,10 +87,10 @@ export default defineComponent({
       queryString: '',
       askResponse: {} as any,
       jobSection: {} as any,
-      isGenratingAnswer: true
+      isGeneratingAnswer: true
     }
   },
-  props: ['currentJob'],
+  props: ["currentJob"],
   mounted() {
     this.askQuery();
   },
@@ -112,13 +113,13 @@ export default defineComponent({
               this.jobSection.push(...filteredPage.sections);
             }
           });
-          this.isGenratingAnswer = false;
+          this.isGeneratingAnswer = false;
         } else {
           throw resp.data;
         }
       } catch(error: any) {
-        console.error(error);
-        this.isGenratingAnswer = false;
+        logger.error(error);
+        this.isGeneratingAnswer = false;
       }
     },
     async askQuery() {
@@ -136,14 +137,14 @@ export default defineComponent({
             const pageIds = this.askResponse?.sources.map((source: any) => source.page);
             this.searchQuery(pageIds);
           } else {
-            this.isGenratingAnswer = false;
+            this.isGeneratingAnswer = false;
           }
         } else {
           throw resp.data;
         }
       } catch(error: any) {
-        console.error(error);
-        this.isGenratingAnswer = false;
+        logger.error(error);
+        this.isGeneratingAnswer = false;
       }
     },
     async redirectToDoc(section: any) {
@@ -157,7 +158,6 @@ export default defineComponent({
     }
   },
   setup() {
-
     return {
       closeOutline, 
       openOutline,
diff --git a/src/locales/en.json b/src/locales/en.json
index 5ac5adcb..77ac189d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -104,7 +104,7 @@
   "Fulfilled": "Fulfilled",
   "Fulfillment": "Fulfillment",
   "Fulfillment status": "Fulfillment status",
-  "Genrating answer...": "Genrating answer...",
+  "Generating answer...": "Generating answer...",
   "Get Paid Transactions": "Get Paid Transactions",
   "Go to OMS": "Go to OMS",
   "Go to Launchpad": "Go to Launchpad",
@@ -136,7 +136,7 @@
   "Landed inventory cost": "Landed inventory cost",
   "Last run": "Last run",
   "Last Shopify Order ID": "Last Shopify Order ID",
-  "Learn more.": "Learn more.",
+  "Learn more": "Learn more",
   "Loading": "Loading",
   "Login": "Login",
   "Log Id": "Log Id",
@@ -270,6 +270,7 @@
   "Skip job": "Skip job",
   "Skip once": "Skip once",
   "Skipping will run this job at the next occurrence based on the temporal expression.": "Skipping will run this job at the next occurrence based on the temporal expression.",
+  "Sources": "Sources",
   "Some jobs have slow frequency type, hence, feasible frequency will be set automatically": "Some jobs have slow frequency type, hence, feasible frequency will be set automatically",
   "Something went wrong": "Something went wrong",
   "Something went wrong while getting complete user permissions.": "Something went wrong while getting complete user permissions.",
@@ -283,6 +284,7 @@
   "store name": "store name",
   "Stores": "Stores",
   "stores selected": "stores selected",
+  "Summary": "Summary",
   "Sync": "Sync",
   "Sync pre-selling related information to Shopify as tags and meta fields.": "Sync pre-selling related information to Shopify as tags and meta fields.",
   "Sync products": "Sync products",
diff --git a/src/views/Pipeline.vue b/src/views/Pipeline.vue
index ae49334f..d71414af 100644
--- a/src/views/Pipeline.vue
+++ b/src/views/Pipeline.vue
@@ -316,7 +316,7 @@ import { Actions, hasPermission } from '@/authorization'
 import Filters from '@/components/Filters.vue';
 import FailedJobReasonModal from '@/views/FailedJobReasonModal.vue'
 import { translate } from '@hotwax/dxp-components';
-import LeareMoreModal from '@/components/LeareMoreModal.vue';
+import LearnMoreModal from '@/components/LearnMoreModal.vue';
 
 export default defineComponent({
   name: "Pipeline",
@@ -399,11 +399,11 @@ export default defineComponent({
   },
   methods : {
     async openLearnMoreModal(job: any) {
-      const openLearnMoreModal = await modalController.create({
-        component: LeareMoreModal,
+      const learnMoreModal = await modalController.create({
+        component: LearnMoreModal,
         componentProps: {currentJob: job}
       })
-      return openLearnMoreModal.present()
+      return learnMoreModal.present()
     },
     isPinnedJobSelected(jobEnumId: any) {
       return (this as any).pipelineFilters.enum.some((jobId: any) =>  jobId === jobEnumId );

From 4887cfb1127204a0bb66bcb193352477addfaa2b Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Wed, 27 Nov 2024 14:53:30 +0530
Subject: [PATCH 11/18] Improved: update empty-state check, arrange ionic
 component imports & wrapped ion-button into ion-buttons(#726)

---
 src/components/JobConfiguration.vue |  2 +-
 src/components/LearnMoreModal.vue   | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/JobConfiguration.vue b/src/components/JobConfiguration.vue
index 1a34c497..f3bb54ce 100644
--- a/src/components/JobConfiguration.vue
+++ b/src/components/JobConfiguration.vue
@@ -203,7 +203,7 @@ import emitter from '@/event-bus';
 import { Actions, hasPermission } from '@/authorization'
 import CustomFrequencyModal from '@/components/CustomFrequencyModal.vue';
 import JobParameterModal from '@/components/JobParameterModal.vue'
-import LearnMoreModal from "./LearnMoreModal.vue";
+import LearnMoreModal from "@/components/LearnMoreModal.vue";
 
 export default defineComponent({
   name: "JobConfiguration",
diff --git a/src/components/LearnMoreModal.vue b/src/components/LearnMoreModal.vue
index 7c4ca729..87eb1f63 100644
--- a/src/components/LearnMoreModal.vue
+++ b/src/components/LearnMoreModal.vue
@@ -7,9 +7,11 @@
         </ion-button>
       </ion-buttons>
       <ion-title>{{ translate("Learn more") }}</ion-title>
-      <ion-button slot="end" fill="clear" @click="redirectToJobsDoc()">
-        <ion-icon color="medium" :icon="openOutline" />
-      </ion-button>
+      <ion-buttons slot="end">
+        <ion-button fill="clear" @click="redirectToJobsDoc()">
+          <ion-icon color="medium" :icon="openOutline" />
+        </ion-button>
+      </ion-buttons>
     </ion-toolbar>
   </ion-header>
 
@@ -21,14 +23,14 @@
       </ion-item>
     </div>
 
-    <div class="empty-state" v-else-if="!askResponse">
+    <div class="empty-state" v-else-if="!Object.keys(askResponse).length">
       <ion-item lines="none">
         <p>{{ translate("The job details is not generating, please try again later.") }}</p>
       </ion-item>
     </div>
     
     <div v-else>
-      <ion-item class="ion-margin-top">
+      <ion-item lines="full" class="ion-margin-top">
         <ion-label>
           {{ queryString }}
           <p>{{  currentJob?.systemJobEnumId }}</p>  
@@ -77,8 +79,8 @@ export default defineComponent({
     IonIcon,
     IonItem,
     IonLabel,
-    IonSpinner,
     IonList,
+    IonSpinner,
     IonTitle,
     IonToolbar
   },

From 2872cc475b1fc9c57ccee9a01ef2683e2e5bc5b6 Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Wed, 27 Nov 2024 15:05:45 +0530
Subject: [PATCH 12/18] Improved: added locale text, added slot property on
 ion-icon & color to ion-button(#726)

---
 src/components/JobConfiguration.vue | 2 +-
 src/components/LearnMoreModal.vue   | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/JobConfiguration.vue b/src/components/JobConfiguration.vue
index f3bb54ce..177e57f1 100644
--- a/src/components/JobConfiguration.vue
+++ b/src/components/JobConfiguration.vue
@@ -15,7 +15,7 @@
       <ion-item v-if="currentJob.description" lines="none">
         <ion-label class="ion-text-wrap">
           <p>{{ currentJob.description }}
-            <ion-text class="learn-more-text" color="primary" @click="openLearnMoreModal()">Learn more</ion-text>
+            <ion-text class="learn-more-text" color="primary" @click="openLearnMoreModal()">{{ translate("Learn more") }}</ion-text>
           </p>
         </ion-label>
       </ion-item>
diff --git a/src/components/LearnMoreModal.vue b/src/components/LearnMoreModal.vue
index 87eb1f63..fbb23789 100644
--- a/src/components/LearnMoreModal.vue
+++ b/src/components/LearnMoreModal.vue
@@ -8,8 +8,8 @@
       </ion-buttons>
       <ion-title>{{ translate("Learn more") }}</ion-title>
       <ion-buttons slot="end">
-        <ion-button fill="clear" @click="redirectToJobsDoc()">
-          <ion-icon color="medium" :icon="openOutline" />
+        <ion-button fill="clear" color="medium" @click="redirectToJobsDoc()">
+          <ion-icon slot="icon-only" :icon="openOutline" />
         </ion-button>
       </ion-buttons>
     </ion-toolbar>
@@ -33,7 +33,7 @@
       <ion-item lines="full" class="ion-margin-top">
         <ion-label>
           {{ queryString }}
-          <p>{{  currentJob?.systemJobEnumId }}</p>  
+          <p>{{ currentJob?.systemJobEnumId }}</p>  
         </ion-label>
       </ion-item>
 

From 1fc69f080ce423e8faafc40e884d84cc7c8245a9 Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Wed, 27 Nov 2024 15:54:55 +0530
Subject: [PATCH 13/18] Improved: passed the  "noopener, noreferrer" in
 windows.open function(#726)

---
 src/components/LearnMoreModal.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/LearnMoreModal.vue b/src/components/LearnMoreModal.vue
index fbb23789..52ae7d7f 100644
--- a/src/components/LearnMoreModal.vue
+++ b/src/components/LearnMoreModal.vue
@@ -150,10 +150,10 @@ export default defineComponent({
       }
     },
     async redirectToDoc(section: any) {
-      window.open(`https://docs.hotwax.co/documents/retail-operations/${section.path}`, "_blank")
+      window.open(`https://docs.hotwax.co/documents/retail-operations/${section.path}`, "_blank", "noopener, noreferrer")
     },
     async redirectToJobsDoc() {
-      window.open(`${process.env.VUE_APP_GITBOOK_JOBS_DOCS_URL}`, "_blank")
+      window.open(`${process.env.VUE_APP_GITBOOK_JOBS_DOCS_URL}`, "_blank", "noopener, noreferrer")
     },
     async closeModal() {
       modalController.dismiss({ dismissed: true });

From f5e624f9fe8e761f288a528b7260fe63784b6d03 Mon Sep 17 00:00:00 2001
From: Aditya Patel <aditya.patel@hotwax.co>
Date: Thu, 28 Nov 2024 11:39:09 +0530
Subject: [PATCH 14/18] Use ion-row instead of ion item for chips

@R-Sourabh  let me know if this breaks anything
---
 src/components/LearnMoreModal.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/LearnMoreModal.vue b/src/components/LearnMoreModal.vue
index 52ae7d7f..4f02448f 100644
--- a/src/components/LearnMoreModal.vue
+++ b/src/components/LearnMoreModal.vue
@@ -41,12 +41,12 @@
         <ion-item lines="none">
           <ion-label>{{ translate("Sources") }}</ion-label>
         </ion-item>
-        <ion-item v-for="section in jobSection" :key="section.id" lines="none">
+        <ion-row class="ion-padding" v-for="section in jobSection" :key="section.id" lines="none">
           <ion-chip outline @click="redirectToDoc(section)">
             <ion-label>{{ section.title }}</ion-label>
             <ion-icon :icon="openOutline" />
           </ion-chip>
-        </ion-item>
+        </ion-row>
       </ion-list>
   
       <ion-item>
@@ -60,7 +60,7 @@
 </template>
 
 <script lang="ts">
-import { IonButton, IonButtons, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonSpinner, IonTitle, IonToolbar, modalController } from "@ionic/vue";
+import { IonButton, IonButtons, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList,, IonRow, IonSpinner, IonTitle, IonToolbar, modalController } from "@ionic/vue";
 import { closeOutline, openOutline } from 'ionicons/icons'
 import { translate } from '@hotwax/dxp-components';
 import { defineComponent } from "vue";
@@ -80,6 +80,7 @@ export default defineComponent({
     IonItem,
     IonLabel,
     IonList,
+    IonRow,
     IonSpinner,
     IonTitle,
     IonToolbar
@@ -167,4 +168,4 @@ export default defineComponent({
     };
   }
 })
-</script>
\ No newline at end of file
+</script>

From 339d73c0e4d7792b79cb108008977cb6aee9f5c4 Mon Sep 17 00:00:00 2001
From: Aditya Patel <aditya.patel@hotwax.co>
Date: Thu, 28 Nov 2024 11:43:58 +0530
Subject: [PATCH 15/18] Remove extra comma

---
 src/components/LearnMoreModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LearnMoreModal.vue b/src/components/LearnMoreModal.vue
index 4f02448f..ccab5271 100644
--- a/src/components/LearnMoreModal.vue
+++ b/src/components/LearnMoreModal.vue
@@ -60,7 +60,7 @@
 </template>
 
 <script lang="ts">
-import { IonButton, IonButtons, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList,, IonRow, IonSpinner, IonTitle, IonToolbar, modalController } from "@ionic/vue";
+import { IonButton, IonButtons, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonRow, IonSpinner, IonTitle, IonToolbar, modalController } from "@ionic/vue";
 import { closeOutline, openOutline } from 'ionicons/icons'
 import { translate } from '@hotwax/dxp-components';
 import { defineComponent } from "vue";

From 3390190c9442a58f0cdb69dd8556417aa3745c33 Mon Sep 17 00:00:00 2001
From: Aditya Patel <aditya.patel@hotwax.co>
Date: Thu, 28 Nov 2024 14:34:04 +0530
Subject: [PATCH 16/18] Remove extra lines property from row

---
 src/components/LearnMoreModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LearnMoreModal.vue b/src/components/LearnMoreModal.vue
index ccab5271..877389e5 100644
--- a/src/components/LearnMoreModal.vue
+++ b/src/components/LearnMoreModal.vue
@@ -41,7 +41,7 @@
         <ion-item lines="none">
           <ion-label>{{ translate("Sources") }}</ion-label>
         </ion-item>
-        <ion-row class="ion-padding" v-for="section in jobSection" :key="section.id" lines="none">
+        <ion-row class="ion-padding" v-for="section in jobSection" :key="section.id">
           <ion-chip outline @click="redirectToDoc(section)">
             <ion-label>{{ section.title }}</ion-label>
             <ion-icon :icon="openOutline" />

From 5f0a9388b2314d13ea8a2eadd42a54e92744cccd Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Thu, 28 Nov 2024 15:43:05 +0530
Subject: [PATCH 17/18] Reverted: removed the caret sign from oms-api in
 package.json file(#726)

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 24a35177..b89ba5f1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "@hotwax/app-version-info": "^1.0.0",
         "@hotwax/apps-theme": "^1.2.6",
         "@hotwax/dxp-components": "1.15.4",
-        "@hotwax/oms-api": "^1.14.0",
+        "@hotwax/oms-api": "1.14.0",
         "@ionic/core": "^7.6.0",
         "@ionic/vue": "^7.6.0",
         "@ionic/vue-router": "^7.6.0",
@@ -2680,9 +2680,9 @@
       }
     },
     "node_modules/@hotwax/oms-api": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/@hotwax/oms-api/-/oms-api-1.16.0.tgz",
-      "integrity": "sha512-WZ3v0TxcHz5UZEBDX+GvZd/cqD08Kws42kGcseN2tfNf5kKWbfaDgWm6KEaBxLFuVBPBdRelRZhGj/nRIxBgGw==",
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/@hotwax/oms-api/-/oms-api-1.14.0.tgz",
+      "integrity": "sha512-dYkrFEi0oJHKiJ/VctKmyIY4WTVV2lmljm1EflgQ/LM7BTJ9jVEeT1zgYJ5vO906kW7SWM4pl7mZI3dDCt1YCQ==",
       "dependencies": {
         "@types/node-json-transform": "^1.0.0",
         "axios": "^0.21.1",
diff --git a/package.json b/package.json
index f0a276d0..4b58abf3 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "@hotwax/app-version-info": "^1.0.0",
     "@hotwax/apps-theme": "^1.2.6",
     "@hotwax/dxp-components": "1.15.4",
-    "@hotwax/oms-api": "^1.14.0",
+    "@hotwax/oms-api": "1.14.0",
     "@ionic/core": "^7.6.0",
     "@ionic/vue": "^7.6.0",
     "@ionic/vue-router": "^7.6.0",

From 8e660abc908b210520254284572eb2cb8b33ba68 Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Thu, 28 Nov 2024 16:21:16 +0530
Subject: [PATCH 18/18] Improved: updated the oms-api version & passed token in
 getShopifyConfig service using client method(#726)

---
 package-lock.json                 | 8 ++++----
 package.json                      | 2 +-
 src/store/modules/user/actions.ts | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b89ba5f1..af464c11 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "@hotwax/app-version-info": "^1.0.0",
         "@hotwax/apps-theme": "^1.2.6",
         "@hotwax/dxp-components": "1.15.4",
-        "@hotwax/oms-api": "1.14.0",
+        "@hotwax/oms-api": "1.15.0",
         "@ionic/core": "^7.6.0",
         "@ionic/vue": "^7.6.0",
         "@ionic/vue-router": "^7.6.0",
@@ -2680,9 +2680,9 @@
       }
     },
     "node_modules/@hotwax/oms-api": {
-      "version": "1.14.0",
-      "resolved": "https://registry.npmjs.org/@hotwax/oms-api/-/oms-api-1.14.0.tgz",
-      "integrity": "sha512-dYkrFEi0oJHKiJ/VctKmyIY4WTVV2lmljm1EflgQ/LM7BTJ9jVEeT1zgYJ5vO906kW7SWM4pl7mZI3dDCt1YCQ==",
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/@hotwax/oms-api/-/oms-api-1.15.0.tgz",
+      "integrity": "sha512-6WXJ5z5JaAxgKith6dblLchP471xUYcFaeggN5onWZBkgGx5NqkLT0rgLWTW/UcVQMokxKtzSc+mcJ4eI1mGww==",
       "dependencies": {
         "@types/node-json-transform": "^1.0.0",
         "axios": "^0.21.1",
diff --git a/package.json b/package.json
index 4b58abf3..6df3d9f4 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "@hotwax/app-version-info": "^1.0.0",
     "@hotwax/apps-theme": "^1.2.6",
     "@hotwax/dxp-components": "1.15.4",
-    "@hotwax/oms-api": "1.14.0",
+    "@hotwax/oms-api": "1.15.0",
     "@ionic/core": "^7.6.0",
     "@ionic/vue": "^7.6.0",
     "@ionic/vue-router": "^7.6.0",
diff --git a/src/store/modules/user/actions.ts b/src/store/modules/user/actions.ts
index 60051585..3fa8beb7 100644
--- a/src/store/modules/user/actions.ts
+++ b/src/store/modules/user/actions.ts
@@ -184,7 +184,7 @@ const actions: ActionTree<UserState, RootState> = {
     commit(types.USER_PWA_STATE_UPDATED, payload);
   },
 
-  async getShopifyConfig({ commit }, productStoreId) {
+  async getShopifyConfig({ commit, state }, productStoreId) {
     if (!productStoreId) {
       commit(types.USER_SHOPIFY_CONFIGS_UPDATED, []);
       commit(types.USER_CURRENT_SHOPIFY_CONFIG_UPDATED, {});
@@ -192,7 +192,7 @@ const actions: ActionTree<UserState, RootState> = {
     }
 
     try {      
-      const shopifyConfigs =  await UserService.getShopifyConfig(productStoreId);
+      const shopifyConfigs =  await UserService.getShopifyConfig(productStoreId, state?.token);
         // TODO store and get preferred config
       let currentShopifyConfig =  {};
       shopifyConfigs.length > 0 && (currentShopifyConfig = shopifyConfigs[0])