@hotwax/dxp-components 1.2.0 → 1.3.0

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,9 @@ import ShopifyImg from "./components/ShopifyImg";
 import { goToOms } from "./utils";
 declare let loginContext: any;
 declare let shopifyImgContext: any;
+declare let appContext: any;
+declare let productIdentificationContext: 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, productIdentificationContext };

package/lib/index.js

@@ -15,14 +15,14 @@ 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 () {
     return _utils.goToOms;
   }
 });
-exports.shopifyImgContext = exports.loginContext = void 0;
+exports.shopifyImgContext = exports.productIdentificationContext = exports.loginContext = void 0;
 Object.defineProperty(exports, "useAuthStore", {
   enumerable: true,
   get: function () {
@@ -50,11 +50,17 @@ pinia.use(_piniaPluginPersistedstate.default);
 let loginContext = {};
 exports.loginContext = loginContext;
 let shopifyImgContext = {};
+exports.shopifyImgContext = shopifyImgContext;
+let appContext = {};
+exports.appContext = appContext;
+let productIdentificationContext = {};
 
 // executed on app initialization
-exports.shopifyImgContext = shopifyImgContext;
+exports.productIdentificationContext = productIdentificationContext;
 let dxpComponents = {
   install(app, options) {
+    exports.appContext = appContext = app;
+
     // registering pinia in the app
     app.use(pinia);
     app.component('Login', _Login.default);
@@ -64,6 +70,8 @@ let dxpComponents = {
     loginContext.logout = options.logout;
     loginContext.loader = options.loader;
     shopifyImgContext.defaultImgUrl = options.defaultImgUrl;
+    productIdentificationContext.getProductIdentificationPref = options.getProductIdentificationPref;
+    productIdentificationContext.setProductIdentificationPref = options.setProductIdentificationPref;
   }
 };
 exports.dxpComponents = dxpComponents;

package/lib/store/auth.js

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

package/lib/store/productIdentification.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useProductIdentificationStore = void 0;
-var _omsApi = require("@hotwax/oms-api");
+var _index = require("../index");
 var _pinia = require("pinia");
 const useProductIdentificationStore = (0, _pinia.defineStore)('productIdentification', {
   state: () => {
     return {
       productIdentificationPref: {
-        primaryId: 'productId',
+        primaryId: '',
         secondaryId: ''
       },
       productIdentificationOptions: ["productId", "groupId", "groupName", "internalName", "parentProductName", "primaryProductCategoryName", "productId", "sku", "title", "SHOPIFY_PROD_SKU"]
@@ -31,7 +31,7 @@ const useProductIdentificationStore = (0, _pinia.defineStore)('productIdentifica
       }
       productIdentificationPref[id] = value;
       try {
-        this.productIdentificationPref = await (0, _omsApi.setProductIdentificationPref)(eComStoreId, productIdentificationPref);
+        this.productIdentificationPref = await _index.productIdentificationContext.setProductIdentificationPref(eComStoreId, productIdentificationPref);
       } catch (err) {
         console.log('error', err);
       }
@@ -44,7 +44,7 @@ const useProductIdentificationStore = (0, _pinia.defineStore)('productIdentifica
           secondaryId: ''
         };
       }
-      this.productIdentificationPref = await (0, _omsApi.getProductIdentificationPref)(eComStoreId);
+      this.productIdentificationPref = await _index.productIdentificationContext.getProductIdentificationPref(eComStoreId);
     }
   }
 });

package/package.json

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