Improved: support to redefine the events passed from the app after clearing the user state

src/components/Login.ts

@@ -1,5 +1,5 @@
 import { defineComponent } from "vue"
-import { loginContext as context, useAuthStore, appContext } from "../index"
+import { loginContext as context, useAuthStore, appContext, loginContext } from "../index"
 import { DateTime } from "luxon"
 
 export default defineComponent({
@@ -33,8 +33,15 @@ export default defineComponent({
   },
   methods: {
     async handleUserFlow(token: string, oms: string, expirationTime: string) {
-      // logout to clear current user state
-      await context.logout()
+
+      // fetch the current config for the user
+      const appConfig = loginContext.getConfig()
+
+      // logout to clear current user state, don't mark the user as logout as we just want to clear the user data
+      await context.logout({ isUserUnauthorised: true })
+
+      // reset the config that we got from the oms-api, as on logout we clear the config of oms-api
+      await context.initialise(appConfig)
 
       // checking if token from launchpad has expired and redirecting there only
       if (+expirationTime < DateTime.now().toMillis()) {

src/index.ts

@@ -35,6 +35,8 @@ export let dxpComponents = {
     shopifyImgContext.defaultImgUrl = options.defaultImgUrl
     productIdentificationContext.getProductIdentificationPref = options.getProductIdentificationPref
     productIdentificationContext.setProductIdentificationPref = options.setProductIdentificationPref
+    loginContext.getConfig = options.getConfig
+    loginContext.initialise = options.initialise
   }
 }