diff --git a/package-lock.json b/package-lock.json
index daed38f..76abfe1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,8 @@
         "pinia-plugin-persistedstate": "^3.1.0",
         "register-service-worker": "^1.7.2",
         "vue": "^3.3.4",
-        "vue-i18n": "^9.2.2"
+        "vue-i18n": "^9.2.2",
+        "vue-markdown-render": "^2.2.1"
       },
       "devDependencies": {
         "@babel/types": "^7.22.11",
@@ -1900,8 +1901,7 @@
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
     },
     "node_modules/array-union": {
       "version": "2.1.0",
@@ -2212,6 +2212,17 @@
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
+    "node_modules/entities": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
+      "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
@@ -3392,6 +3403,14 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/linkify-it": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
+      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
@@ -3432,6 +3451,21 @@
         "node": ">=12"
       }
     },
+    "node_modules/markdown-it": {
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.2.tgz",
+      "integrity": "sha512-FtwnEuuK+2yVU7goGn/MJ0WBZMM9ZPgU9spqlFs7/A/pDIUNSOQZhUgOqYCficIuR2QaFnrt8LHqBWsbTAoI5w==",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "~3.0.1",
+        "linkify-it": "^4.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.js"
+      }
+    },
     "node_modules/md5": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
@@ -3442,6 +3476,11 @@
         "is-buffer": "~1.1.6"
       }
     },
+    "node_modules/mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
+    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -4494,6 +4533,11 @@
         "node": ">=4.2.0"
       }
     },
+    "node_modules/uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    },
     "node_modules/universalify": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
@@ -4695,6 +4739,17 @@
         "vue": "^3.0.0"
       }
     },
+    "node_modules/vue-markdown-render": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/vue-markdown-render/-/vue-markdown-render-2.2.1.tgz",
+      "integrity": "sha512-XkYnC0PMdbs6Vy6j/gZXSvCuOS0787Se5COwXlepRqiqPiunyCIeTPQAO2XnB4Yl04EOHXwLx5y6IuszMWSgyQ==",
+      "dependencies": {
+        "markdown-it": "^13.0.2"
+      },
+      "peerDependencies": {
+        "vue": "^3.3.4"
+      }
+    },
     "node_modules/vue-template-compiler": {
       "version": "2.7.14",
       "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
@@ -6231,8 +6286,7 @@
     "argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
     },
     "array-union": {
       "version": "2.1.0",
@@ -6463,6 +6517,11 @@
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
+    "entities": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
+      "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q=="
+    },
     "esbuild": {
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
@@ -7315,6 +7374,14 @@
         "type-check": "~0.4.0"
       }
     },
+    "linkify-it": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
+      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
+      "requires": {
+        "uc.micro": "^1.0.1"
+      }
+    },
     "lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
@@ -7349,6 +7416,18 @@
         "@jridgewell/sourcemap-codec": "^1.4.15"
       }
     },
+    "markdown-it": {
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.2.tgz",
+      "integrity": "sha512-FtwnEuuK+2yVU7goGn/MJ0WBZMM9ZPgU9spqlFs7/A/pDIUNSOQZhUgOqYCficIuR2QaFnrt8LHqBWsbTAoI5w==",
+      "requires": {
+        "argparse": "^2.0.1",
+        "entities": "~3.0.1",
+        "linkify-it": "^4.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      }
+    },
     "md5": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
@@ -7359,6 +7438,11 @@
         "is-buffer": "~1.1.6"
       }
     },
+    "mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
+    },
     "merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -8038,6 +8122,11 @@
       "integrity": "sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==",
       "devOptional": true
     },
+    "uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    },
     "universalify": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
@@ -8156,6 +8245,14 @@
         "@vue/devtools-api": "^6.5.0"
       }
     },
+    "vue-markdown-render": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/vue-markdown-render/-/vue-markdown-render-2.2.1.tgz",
+      "integrity": "sha512-XkYnC0PMdbs6Vy6j/gZXSvCuOS0787Se5COwXlepRqiqPiunyCIeTPQAO2XnB4Yl04EOHXwLx5y6IuszMWSgyQ==",
+      "requires": {
+        "markdown-it": "^13.0.2"
+      }
+    },
     "vue-template-compiler": {
       "version": "2.7.14",
       "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
diff --git a/package.json b/package.json
index 2ae1c3b..9bcd9d2 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,8 @@
     "pinia-plugin-persistedstate": "^3.1.0",
     "register-service-worker": "^1.7.2",
     "vue": "^3.3.4",
-    "vue-i18n": "^9.2.2"
+    "vue-i18n": "^9.2.2",
+    "vue-markdown-render": "^2.2.1"
   },
   "devDependencies": {
     "@babel/types": "^7.22.11",
diff --git a/src/components/DxpGitBookSearch.vue b/src/components/DxpGitBookSearch.vue
new file mode 100644
index 0000000..80ad901
--- /dev/null
+++ b/src/components/DxpGitBookSearch.vue
@@ -0,0 +1,263 @@
+<template>
+  <ion-tab-button tab="help" id="gibook-search-modal">
+    <ion-icon :icon="helpOutline" />
+    <ion-label>{{ translate("Help") }}</ion-label>
+  </ion-tab-button>
+
+  <!-- Using inline modal(as recommended by ionic), also using it inline as the component inside modal is not getting mounted when using modalController -->
+  <ion-modal ref="gitBookSearchModal" trigger="gibook-search-modal">
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-button @click="closeModal"> 
+            <ion-icon :icon="close" slot="icon-only" />
+          </ion-button>
+        </ion-buttons>
+        <ion-title>{{ translate("Ask me anything?") }}</ion-title>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content>
+      <ion-searchbar :placeholder="translate(selectedSegment === 'search' ? 'Search...': 'Ask...')" :value="queryString" @keyup.enter="queryString = $event.target.value; selectedSegment === 'search' ? searchQuery() : askQuery()" />
+
+      <ion-segment v-model="selectedSegment" @ionChange="updateSegment()">
+        <ion-segment-button value="search">
+          <ion-label>{{ translate("Search") }}</ion-label>
+        </ion-segment-button>
+        <ion-segment-button value="ask">
+          <ion-label>{{ translate("Ask") }}</ion-label>
+        </ion-segment-button>
+      </ion-segment>
+
+      <div class="empty-state" v-if="isLoading">
+        <ion-item lines="none">
+          <ion-spinner name="crescent" slot="start" />
+          {{ translate(selectedSegment === 'search' ? "Searching your query." : "Analyzing the question to answer your question.") }}
+        </ion-item>
+      </div>
+
+      <template v-else>
+        <template v-if="selectedSegment === 'search'">
+          <template v-if="searchedItems.length">
+            <div v-for="(item, index) in searchedItems" :key="index">
+              <ion-item>
+                <ion-icon :icon="documentOutline" slot="start" />
+                <ion-label>{{ item.title }}</ion-label>
+                <ion-button fill="clear" color="medium" slot="end" @click="redirectToDoc(item)">
+                  <ion-icon :icon="returnDownBackOutline" slot="start" />
+                  {{ translate("go to page") }}
+                </ion-button>
+              </ion-item>
+
+              <template v-if="item.sections.length">
+                <ion-item v-for="(section, index) in item.sections" :key="index" class="ion-padding-left">
+                  <ion-icon :icon="returnDownForwardOutline" slot="start" />
+                  <ion-label>
+                    <div class="item-header">
+                      <vue-markdown :source="section.title ? section.title : item.title" />
+                      <ion-button fill="clear" color="medium" slot="end" @click="redirectToDoc(section)">
+                        <ion-icon :icon="returnDownBackOutline" slot="start" />
+                        {{ translate("go to section") }}
+                      </ion-button>
+                    </div>
+                    <p class="truncate"><vue-markdown :source="section.body" /></p>
+                  </ion-label>
+                </ion-item>
+              </template>
+            </div>
+          </template>
+          <div class="empty-state" v-else-if="queryString">
+            <ion-item lines="none">
+              {{ translate("No page found.") }}
+            </ion-item>
+          </div>
+        </template>
+
+        <template v-else-if="selectedSegment === 'ask'">
+          <template v-if="answer && Object.keys(answer).length">
+            <ion-item lines="none">
+              <ion-label>{{ queryString }}</ion-label>
+            </ion-item>
+            <ion-item>
+              <ion-label>
+                <p><vue-markdown :source="answer.text" /></p>
+              </ion-label>
+            </ion-item>
+
+            <ion-item v-if="answer.sources.length" button @click="!isResourceFetched ? fetchSources() : ''">
+              <ion-label>
+                <p>{{ translate("Answer based on resources", { count: answer.sources.length }) }}</p>
+              </ion-label>
+              <ion-icon :icon="sources.length ? caretDownOutline : caretForwardOutline" />
+            </ion-item>
+
+            <div class="empty-state" v-if="isResourceLoading">
+              <ion-item lines="none">
+                <ion-spinner name="crescent" slot="start" />
+                {{ translate("Fetching resources...") }}
+              </ion-item>
+            </div>
+
+            <ion-list v-else-if="sources.length">
+              <ion-item v-for="source in sources" :key="source.title">
+                <ion-label>{{ source.title }}</ion-label>
+                <ion-button fill="clear" color="medium" slot="end" @click="redirectToDoc(source)">
+                  <ion-icon :icon="returnDownBackOutline" slot="start" />
+                  {{ translate("go to page") }}
+                </ion-button>
+              </ion-item>
+            </ion-list>
+
+            <ion-item v-else-if="isResourceFetched">
+              <ion-label>
+                <p>{{ translate("No resource found.") }}</p>
+              </ion-label>
+            </ion-item>
+
+            <template v-if="answer.followupQuestions.length">
+              <ion-item lines="none">
+                <ion-label>
+                  <p>{{ translate("Related Queries") }}</p>
+                </ion-label>
+              </ion-item>
+
+              <ion-item lines="none" v-for="(question, index) in answer.followupQuestions" :key="index"  @click="searchRelatedQuestion(question)">
+                <ion-chip>
+                  <ion-icon :icon="searchOutline" />
+                  <ion-label>{{ question }}</ion-label>
+                </ion-chip>
+              </ion-item>
+            </template>
+          </template>
+          <div class="empty-state" v-else-if="queryString">
+            <ion-item lines="none">
+              {{ translate("No answer found.") }}
+            </ion-item>
+          </div>
+        </template>
+      </template>
+    </ion-content>
+  </ion-modal>
+</template>
+
+<script setup lang="ts">
+import { IonButton, IonButtons, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonModal, IonSearchbar, IonSegment, IonSegmentButton, IonSpinner, IonTabButton, IonTitle, IonToolbar, modalController } from "@ionic/vue";
+import { ref } from "vue";
+import { caretForwardOutline, caretDownOutline, close, documentOutline, helpOutline, returnDownBackOutline, returnDownForwardOutline, searchOutline } from "ionicons/icons";
+import { translate } from "src";
+import { hasError } from "@hotwax/oms-api";
+import VueMarkdown from 'vue-markdown-render';
+import { gitBookContext } from "../index"
+
+const gitBookSearchModal = ref();
+
+const selectedSegment = ref("search");
+let queryString = ref("")
+let searchedItems = ref([]) as any;
+const answer = ref({}) as any;
+
+const isLoading = ref(false);
+
+const isResourceLoading = ref(false);
+const sources = ref([]) as any;
+const isResourceFetched = ref(false);
+
+declare var process: any;
+
+function closeModal() {
+  gitBookSearchModal.value.$el.dismiss(null, 'cancel');
+}
+
+function updateSegment() {
+  queryString.value = "";
+  searchedItems.value = [];
+  answer.value = {};
+}
+
+async function askQuery() {
+  isLoading.value = true;
+  let response = {} as any;
+
+  try {
+    const resp = await gitBookContext.askQuery({ 
+      queryString: queryString.value,
+      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)) {
+      response = resp.data.answer;
+      sources.value = []
+      isResourceFetched.value = false
+    } else {
+      throw resp.data;
+    }
+  } catch(error: any) {
+    console.error(error);
+  }
+  answer.value = response;
+  isLoading.value = false;
+}
+
+async function searchQuery() {
+  isLoading.value = true;
+  let items = [] as any;
+
+  const baseURL = process.env.VUE_APP_GITBOOK_BASE_URL
+
+  try {
+    const resp = await gitBookContext.searchQuery({
+      queryString: queryString.value,
+      spaceId: process.env.VUE_APP_SPACE_ID,
+      baseURL,
+      token: process.env.VUE_APP_GITBOOK_API_KEY
+    });
+
+    if(!hasError(resp)) {
+      items = resp.data.items;
+    } else {
+      throw resp.data;
+    }
+  } catch(error: any) {
+    console.error(error);
+  }
+  searchedItems.value = items
+  isLoading.value = false;
+}
+
+async function fetchSources() {
+  isResourceLoading.value = true;
+  const list = [] as any;
+
+  const responses = await Promise.all(answer.value.sources.map((source: any) => {
+    if(source.type === "page") {
+      return gitBookContext.getGitBookPage({
+        pageId: source.page,
+        spaceId: process.env.VUE_APP_SPACE_ID,
+        baseURL: process.env.VUE_APP_GITBOOK_BASE_URL,
+        token: process.env.VUE_APP_GITBOOK_API_KEY
+      });
+    }
+  }))
+
+  responses.map((response: any) => {
+    if(response.status === "fulfilled") {
+      list.push(response.value.data)
+    }
+  })
+
+  sources.value = list
+  isResourceLoading.value = false
+  isResourceFetched.value = true
+}
+
+function redirectToDoc(item: any) {
+  window.open(`https://docs.hotwax.co/user-guides/${item.path}`, "_blank")
+}
+
+function searchRelatedQuestion(question: string) {
+  queryString.value = question;
+  askQuery()
+}
+</script>
\ No newline at end of file
diff --git a/src/components/index.ts b/src/components/index.ts
index 0671de0..131608c 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -15,6 +15,7 @@ import '@ionic/vue/css/flex-utils.css';
 import '@ionic/vue/css/display.css';
 
 export { default as DxpAppVersionInfo } from './DxpAppVersionInfo.vue';
+export { default as DxpGitBookSearch } from './DxpGitBookSearch.vue';
 export { default as DxpImage } from './DxpImage.vue';
 export { default as DxpLanguageSwitcher } from './DxpLanguageSwitcher.vue';
 export { default as DxpLogin } from './DxpLogin.vue';
diff --git a/src/index.ts b/src/index.ts
index fb9927f..74f8185 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -3,7 +3,7 @@ declare var process: any;
 import { createPinia } from "pinia";
 import { useProductIdentificationStore } from "./store/productIdentification";
 import { useAuthStore } from "./store/auth";
-import { DxpAppVersionInfo, DxpImage, DxpLanguageSwitcher, DxpLogin, DxpMenuFooterNavigation, DxpOmsInstanceNavigator, DxpProductIdentifier, DxpShopifyImg, DxpTimeZoneSwitcher, DxpUserProfile } from "./components";
+import { DxpAppVersionInfo, DxpGitBookSearch, DxpImage, DxpLanguageSwitcher, DxpLogin, DxpMenuFooterNavigation, DxpOmsInstanceNavigator, DxpProductIdentifier, DxpShopifyImg, DxpTimeZoneSwitcher, DxpUserProfile } from "./components";
 import { goToOms, getProductIdentificationValue } from "./utils";
 import { initialiseFirebaseApp } from "./utils/firebase"
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
@@ -26,6 +26,7 @@ let shopifyImgContext = {} as any
 let appContext = {} as any
 let productIdentificationContext = {} as any
 let notificationContext = {} as any
+let gitBookContext = {} as any
 let userContext = {} as any
 let showToast = {} as any
 
@@ -66,6 +67,7 @@ export let dxpComponents = {
     })
 
     app.component('DxpAppVersionInfo', DxpAppVersionInfo)
+    app.component('DxpGitBookSearch', DxpGitBookSearch)
     app.component('DxpImage', DxpImage)
     app.component('DxpLanguageSwitcher', DxpLanguageSwitcher)
     app.component('DxpLogin', DxpLogin)
@@ -100,6 +102,10 @@ export let dxpComponents = {
     notificationContext.appFirebaseVapidKey = options.appFirebaseVapidKey
     notificationContext.storeClientRegistrationToken = options.storeClientRegistrationToken
 
+    gitBookContext.askQuery = options.askQuery
+    gitBookContext.getGitBookPage = options.getGitBookPage
+    gitBookContext.searchQuery = options.searchQuery
+
     loginContext.getConfig = options.getConfig
     loginContext.initialise = options.initialise
 
@@ -121,6 +127,7 @@ export {
   DxpTimeZoneSwitcher,
   DxpUserProfile,
   getProductIdentificationValue,
+  gitBookContext,
   goToOms,
   i18n,
   imageContext,
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 9532d21..c64ae21 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,6 +1,7 @@
-import { toastController } from "@ionic/vue";
+import { modalController, toastController } from "@ionic/vue";
 import { DateTime } from "luxon";
 import { translate } from "src";
+import DxpGitBookSearch from "../components/DxpGitBookSearch.vue";
 import { computed, ref } from "vue";
 
 const goToOms = (token: string, oms: string) => {