Implemented: logic for getting productIdentificationPref and show pro…

…duct details accordingly (dxp/178)

package.json

@@ -16,7 +16,7 @@
     "@capacitor/core": "^2.4.7",
     "@casl/ability": "^6.0.0",
     "@hotwax/app-version-info": "^1.0.0",
-    "@hotwax/dxp-components": "^1.7.5",
+    "@hotwax/dxp-components": "^1.8.0",
     "@hotwax/oms-api": "^1.10.0",
     "@ionic/core": "6.7.5",
     "@ionic/vue": "6.7.5",

src/App.vue

@@ -17,6 +17,7 @@ import { mapGetters, useStore } from 'vuex';
 import { initialise, resetConfig } from '@/adapter'
 import { useRouter } from 'vue-router';
 import { Settings } from 'luxon'
+import { useProductIdentificationStore } from '@hotwax/dxp-components';
 
 export default defineComponent({
   name: 'App',
@@ -37,7 +38,8 @@ export default defineComponent({
       userToken: 'user/getUserToken',
       instanceUrl: 'user/getInstanceUrl',
       userProfile: 'user/getUserProfile',
-      locale: 'user/getLocale'
+      locale: 'user/getLocale',
+      currentEComStore: 'user/getCurrentEComStore'
     })
   },
   methods: {
@@ -124,6 +126,10 @@ export default defineComponent({
       Settings.defaultZone = this.userProfile.userTimeZone;
     }
     this.$i18n.locale = this.locale;
+
+    // Get product identification from api using dxp-component
+    await useProductIdentificationStore().getIdentificationPref(this.currentEComStore?.productStoreId)
+      .catch((error) => console.error(error));
   },
   unmounted() {
     emitter.off('presentLoader', this.presentLoader);

src/store/modules/user/actions.ts

@@ -11,7 +11,7 @@ import { Settings } from 'luxon'
 import { logout, updateInstanceUrl, updateToken, resetConfig, getUserFacilities } from '@/adapter'
 import logger from '@/logger'
 import { getServerPermissionsFromRules, prepareAppPermissions, resetPermissions, setPermissions } from '@/authorization'
-import { useAuthStore } from '@hotwax/dxp-components'
+import { useAuthStore, useProductIdentificationStore } from '@hotwax/dxp-components'
 import emitter from '@/event-bus'
 
 const actions: ActionTree<UserState, RootState> = {
@@ -85,6 +85,10 @@ const actions: ActionTree<UserState, RootState> = {
         store && (preferredStore = store)
       }
 
+      // Get product identification from api using dxp-component
+      await useProductIdentificationStore().getIdentificationPref(preferredStoreId)
+        .catch((error) => console.error(error));
+
       /*  ---- Guard clauses ends here --- */
 
       setPermissions(appPermissions);
@@ -215,6 +219,10 @@ const actions: ActionTree<UserState, RootState> = {
       'userPrefTypeId': 'SELECTED_BRAND',
       'userPrefValue': payload.eComStore.productStoreId
     });
+
+    // Get product identification from api using dxp-component
+    await useProductIdentificationStore().getIdentificationPref(payload.eComStore.productStoreId)
+      .catch((error) => console.error(error));
   },
 
   setUserPreference({ commit }, payload){