Improved: code for using facility switcher from dxp-components (#138)

package.json

@@ -17,7 +17,7 @@
     "@casl/ability": "^6.0.0",
     "@hotwax/app-version-info": "^1.0.0",
     "@hotwax/apps-theme": "^1.1.0",
-    "@hotwax/dxp-components": "^1.5.3",
+    "@hotwax/dxp-components": "file:../dxp-components",
     "@hotwax/oms-api": "^1.9.0",
     "@ionic/core": "6.7.5",
     "@ionic/vue": "6.7.5",

src/store/modules/user/actions.ts

@@ -152,6 +152,7 @@ const actions: ActionTree<UserState, RootState> = {
     commit(types.USER_INFO_UPDATED, userProfile);
     commit(types.USER_CURRENT_ECOM_STORE_UPDATED, preferredStore);
     commit(types.USER_CURRENT_FACILITY_UPDATED, payload.facility);
+    this.dispatch('shipment/clearShipments');
     await dispatch('getFacilityLocations', payload.facility.facilityId)
   },
 

src/views/Settings.vue

@@ -78,22 +78,8 @@
           </ion-item>
         </ion-card>
 
-        <ion-card>
-          <ion-card-header>
-            <ion-card-title>
-              {{ $t("Facility") }}
-            </ion-card-title>
-          </ion-card-header>
-          <ion-card-content>
-            {{ $t('Specify which facility you want to operate from. Order, inventory and other configuration data will be specific to the facility you select.') }}
-          </ion-card-content>
-          <ion-item lines="none">
-            <ion-label>{{ $t("Select facility") }}</ion-label>
-            <ion-select interface="popover" :value="currentFacility.facilityId" @ionChange="setFacility($event)">
-              <ion-select-option v-for="facility in (userProfile ? userProfile.facilities : [])" :key="facility.facilityId" :value="facility.facilityId" >{{ facility.name }}</ion-select-option>
-            </ion-select>
-          </ion-item>
-        </ion-card>
+        <DxpFacilitySwitcher />
+
       </section>
       <hr />
 
@@ -217,17 +203,6 @@ export default defineComponent({
         })
       }
     },
-    setFacility (facility: any) {
-      // Checking if current facility is not equal to the facility selected to avoid extra api call on logging in again after logout.
-      if(this.currentFacility.facilityId != facility['detail'].value && this.userProfile?.facilities) {
-        this.userProfile?.facilities?.map((fac: any) => {
-          if (fac.facilityId == facility['detail'].value) {
-            this.store.dispatch('shipment/clearShipments');
-            this.store.dispatch('user/setFacility', {'facility': fac});
-          }
-        })
-      }
-    },
     async presentAlert () {
       const alert = await alertController.create({
         header: this.$t('Logout'),

vue.config.js

@@ -1,3 +1,4 @@
+const path = require('path')
 require("@hotwax/app-version-info")
 module.exports = {
   pluginOptions: {
@@ -12,5 +13,13 @@ module.exports = {
       enableInSFC: true
     }
   },
-  runtimeCompiler: true
+  configureWebpack: {
+    resolve: {
+      alias: {
+        vue: path.resolve('./node_modules/vue')
+      }
+    }
+  },
+  runtimeCompiler: true,
+  transpileDependencies: ['@hotwax/dxp-components']
 }