Implemented: added changes to render primary and secondary preference…

… using DXP(hotwax#220)

.env.example

@@ -10,4 +10,4 @@ VUE_APP_MAPPING_PO={"orderId": { "label": "Order ID", "required": true }, "produ
 VUE_APP_MAPPING_RSTINV={"productIdentification": { "label": "Product Identification", "required": true }, "quantity": { "label": "Quantity", "required": true }, "facility": { "label": "Facility ID", "required": true }}
 VUE_APP_MAPPING_RSTSTK={"productIdentification": { "label": "Product Identification", "required": true }, "restockQuantity": { "label": "Restock quantity", "required": true }}
 VUE_APP_DEFAULT_LOG_LEVEL="error"
-VUE_APP_LOGIN_URL="http://launchpad.hotwax.io/login"
+VUE_APP_LOGIN_URL="http://launchpad.hotwax.io/login"    

src/App.vue

@@ -102,6 +102,7 @@ export default defineComponent({
     emitter.on('playAnimation', this.playAnimation);
 
     if(this.userToken) {
+      // Get product identification from api using dxp-component
       await useProductIdentificationStore().getIdentificationPref(this.currentEComStore?.productStoreId)
         .catch((error) => console.log(error));
     }

src/components/PurchaseOrderDetail.vue

@@ -27,8 +27,9 @@
               <DxpShopifyImg :src="item.imageUrl" size="small" />
             </ion-thumbnail>
             <ion-label class="ion-text-wrap">
-              {{ getProduct.state.cached(item.productId)}}
-              <h2>{{ getProductIdentificationValue(productIdentificationPref.primaryId, getProduct(item.productId)) ? getProductIdentificationValue(productIdentificationPref.primaryId, getProduct(item.productId)) : getProduct(item.productId).productName }}</h2>
+              {{ productIdentificationPref.primaryId }} {{ getProduct(item.pseudoId) }}
+              <h2>{{ getProductIdentificationValue(productIdentificationPref.primaryId, getProduct(item.pseudoId)) }}</h2>
+              <p>{{ getProductIdentificationValue(productIdentificationPref.secondaryId, getProduct(item.pseudoId)) }}</p> 
             </ion-label>
           </ion-item>
           <ion-chip outline class="tablet">
@@ -161,6 +162,7 @@ export default defineComponent({
     const store = useStore();
     const productIdentificationStore = useProductIdentificationStore();
     let productIdentificationPref = computed(() => productIdentificationStore.getProductIdentificationPref);
+    console.log("productIdentificationPref" , productIdentificationPref.value)
     return {
       sendOutline,
       store,

src/services/UserService.ts

@@ -53,6 +53,26 @@ const getCurrentEComStore = async (token: any, facilityId: any): Promise<any> =>
   }
 }
 
+const getUserProfile = async (token: any): Promise<any> => {
+  const baseURL = store.getters['user/getBaseUrl'];
+  try {
+    const resp = await client({
+      url: "user-profile",
+      method: "get",
+      baseURL,
+      headers: {
+        Authorization:  'Bearer ' + token,
+        'Content-Type': 'application/json'
+      }
+    });
+    if(hasError(resp)) return Promise.reject("Error getting user profile");
+    return Promise.resolve(resp.data)
+  } catch(error: any) {
+    return Promise.reject(error)
+  }
+}
+
+
 const getProfile = async (): Promise <any>  => {
     return api({
       url: "user-profile", 
@@ -76,6 +96,14 @@ const updateFieldMapping = async (payload: any): Promise <any> => {
   });
 }
 
+const setUserPreference = async (payload: any): Promise<any> => {
+  return api({
+    url: "service/setUserPreference",
+    method: "post",
+    data: payload
+  });
+}
+
 const deleteFieldMapping = async (payload: any): Promise <any> => {
   return api({
     url: "/service/deleteDataManagerMapping",
@@ -189,5 +217,7 @@ export const UserService = {
     getProfile,
     getUserPermissions,
     updateFieldMapping,
-    getCurrentEComStore
+    getCurrentEComStore,
+    getUserProfile,
+    setUserPreference
 }

src/store/modules/product/getters.ts

@@ -5,7 +5,6 @@ import RootState from "../../RootState";
 const getters: GetterTree<ProductState, RootState> = {
   getProduct: (state) => (productId: string) => {
     // Returning empty object so that it doesn't breaks the UI
-    console.log(state.cached)
     return state.cached[productId] ? state.cached[productId] : {};
   },
 };

src/store/modules/user/actions.ts

@@ -24,7 +24,6 @@ const actions: ActionTree<UserState, RootState> = {
     try {
       const { token, oms } = payload;
       dispatch("setUserInstanceUrl", oms);
-
       if(token) {
         const permissionId = process.env.VUE_APP_PERMISSION_ID;
 
@@ -52,7 +51,6 @@ const actions: ActionTree<UserState, RootState> = {
             return Promise.reject(new Error(permissionError));
           }
         }
-
         updateToken(token)
         setPermissions(appPermissions);
 
@@ -149,23 +147,18 @@ const actions: ActionTree<UserState, RootState> = {
       commit(types.USER_CURRENT_ECOM_STORE_UPDATED, currentEComStore);
 
       // Get product identification from api using dxp-component
-      await useProductIdentificationStore().getIdentificationPref(currentEComStore?.productStoreId)
+      const productIdentificationStore = useProductIdentificationStore();
+      await productIdentificationStore.getIdentificationPref(currentEComStore?.productStoreId)
         .catch((error) => console.error(error));
+      console.log('productIdentificationStore', productIdentificationStore)
     }
   },
 
   /**
    * update current facility information
    */
-  async setFacility ({ commit, state }, payload) {
+  async setFacility ({ commit }, payload) {
     commit(types.USER_CURRENT_FACILITY_UPDATED, payload.facility);
-
-    // get and set current ecom store in state
-    const currentEComStore = await UserService.getCurrentEComStore(state.token, payload.facility.facilityId);
-    commit(types.USER_CURRENT_ECOM_STORE_UPDATED, currentEComStore);
-
-    await useProductIdentificationStore().getIdentificationPref(currentEComStore?.productStoreId)
-      .catch((error) => console.error(error));
   },