@hotwax/dxp-components 1.2.0 → 1.2.1

package/lib/components/Login.d.ts

@@ -1,8 +1,8 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {
     errorMsg: string;
+    authStore: any;
     router: any;
     route: any;
-    authStore: any;
 }, {}, {
     handleUserFlow(token: string, oms: string, expirationTime: string): Promise<void>;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/lib/components/Login.js

@@ -17,17 +17,15 @@ var _default = (0, _vue.defineComponent)({
   data() {
     return {
       errorMsg: '',
+      authStore: {},
       router: {},
-      route: {},
-      authStore: {}
+      route: {}
     };
   },
   async mounted() {
-    // exporting the same from index.ts through globalProperties does not work as expected
-    const instance = (0, _vue.getCurrentInstance)();
-    this.route = instance.appContext.config.globalProperties.$route;
-    this.router = instance.appContext.config.globalProperties.$router;
     this.authStore = (0, _index.useAuthStore)();
+    this.router = _index.appContext.config.globalProperties.$router;
+    this.route = _index.appContext.config.globalProperties.$route;
     if (!Object.keys(this.route.query).length) {
       this.errorMsg = 'Unable to login. Could not authenticate the user';
       return;
@@ -41,7 +39,7 @@ var _default = (0, _vue.defineComponent)({
     const appOms = this.authStore.oms;
     const appExpirationTime = this.authStore.token.expiration;
 
-    // show alert if token/oms are different from the app's
+    // show alert if token/oms exist and are different from the app's
     if (appToken && token && (appToken != token || appOms != oms)) {
       // for backward compatibility
       this.authStore.$patch({
@@ -51,9 +49,11 @@ var _default = (0, _vue.defineComponent)({
         },
         oms: appOms
       });
-      await _index.loginContext.confirmSessionEnd('dev-oms').then(isConfirmed => {
+      _index.loginContext.confirmSessionEnd('dev-oms').then(isConfirmed => {
         isConfirmed ? this.handleUserFlow(token, oms, expirationTime) : this.router.push('/');
       });
+    } else {
+      this.handleUserFlow(token, oms, expirationTime);
     }
   },
   methods: {
@@ -75,9 +75,7 @@ var _default = (0, _vue.defineComponent)({
           token,
           oms
         });
-        this.router.replace({
-          path: '/'
-        });
+        this.router.push('/');
       } catch (error) {
         console.error(error);
         this.errorMsg = 'Unable to login. Please contact the administrator';

package/lib/index.d.ts

@@ -5,7 +5,8 @@ import ShopifyImg from "./components/ShopifyImg";
 import { goToOms } from "./utils";
 declare let loginContext: any;
 declare let shopifyImgContext: any;
+declare let appContext: any;
 export declare let dxpComponents: {
     install(app: any, options: any): void;
 };
-export { useProductIdentificationStore, useAuthStore, Login, loginContext, shopifyImgContext, ShopifyImg, goToOms };
+export { useProductIdentificationStore, useAuthStore, Login, loginContext, shopifyImgContext, ShopifyImg, goToOms, appContext };

package/lib/index.js

@@ -15,7 +15,7 @@ Object.defineProperty(exports, "ShopifyImg", {
     return _ShopifyImg.default;
   }
 });
-exports.dxpComponents = void 0;
+exports.dxpComponents = exports.appContext = void 0;
 Object.defineProperty(exports, "goToOms", {
   enumerable: true,
   get: function () {
@@ -50,11 +50,14 @@ pinia.use(_piniaPluginPersistedstate.default);
 let loginContext = {};
 exports.loginContext = loginContext;
 let shopifyImgContext = {};
-
-// executed on app initialization
 exports.shopifyImgContext = shopifyImgContext;
+let appContext = {};
+// executed on app initialization
+exports.appContext = appContext;
 let dxpComponents = {
   install(app, options) {
+    exports.appContext = appContext = app;
+
     // registering pinia in the app
     app.use(pinia);
     app.component('Login', _Login.default);

package/lib/store/auth.js

@@ -38,6 +38,7 @@ const useAuthStore = (0, _pinia.defineStore)('userAuth', {
       //   console.log(error)
       // }
     }
-  }
+  },
+  persist: true
 });
 exports.useAuthStore = useAuthStore;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotwax/dxp-components",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",