Fixed: issue in receiving shipment when adding a new item due to missing locationSeqId for that item(#319)

src/App.vue

@@ -61,6 +61,16 @@ export default defineComponent({
       if (this.loader) {
         this.loader.dismiss();
         this.loader = null as any;
+      } else {
+        // Added this else case as there are some scenarios in which the loader is not created and before that the dismissLoader gets called, resulting in the loader not getting dismissed
+        // So checking that when the loader is not found then try dismissing the loader again after 3 secs.
+        // The above case appears when directly hitting the shipment detail page and then the receive shipment api throws error
+        // TODO: need to find a more better approach to dismiss the loader in such case
+        setTimeout(() => {
+          if (this.loader) {
+            this.dismissLoader();
+          }
+        }, 3000)
       }
     },
     async unauthorized() {

src/locales/en.json

@@ -23,6 +23,7 @@
   "External ID": "External ID",
   "Facility": "Facility",
   "Location": "Location",
+  "Failed to receive shipment": "Failed to receive shipment",
   "Failed to receive some of the items": "Failed to receive some of the items",
   "Failed to update product identifier preference": "Failed to update product identifier preference",
   "facility location": "facility location",

src/store/modules/shipment/actions.ts

@@ -93,6 +93,10 @@
   },
   receiveShipmentItem ({ commit }, payload) {
     return Promise.all(payload.items.map(async (item: any) => {
+      if(!item.locationSeqId) {
+        return Promise.reject("Missing locationSeqId on item")
+      }
+
       const params = {
         shipmentId: payload.shipmentId,
         facilityId: this.state.user.currentFacility.facilityId,
@@ -125,6 +129,7 @@
       emitter.emit("dismissLoader");
       return resp;
     }).catch(err => {
+      emitter.emit("dismissLoader");
       console.error(err)
       return err;
     });

src/views/AddProductModal.vue

@@ -87,7 +87,9 @@ export default defineComponent({
       products: 'product/getProducts',
       isScrollable: 'product/isScrollable',
       isProductAvailableInShipment: 'product/isProductAvailableInShipment',
-      productIdentificationPref: 'user/getProductIdentificationPref'
+      productIdentificationPref: 'user/getProductIdentificationPref',
+      currentFacility: 'user/getCurrentFacility',
+      facilityLocationsByFacilityId: 'user/getFacilityLocationsByFacilityId'
     })
   },
   methods: {
@@ -115,6 +117,7 @@ export default defineComponent({
       })
     },
     async addtoShipment (product: any) {
+      product.locationSeqId = this.facilityLocationsByFacilityId(this.currentFacility.facilityId) ? this.facilityLocationsByFacilityId(this.currentFacility.facilityId)[0]?.locationSeqId : ''
       this.store.dispatch('shipment/addShipmentItem', product)
     },
     closeModal() {

src/views/AddProductToPOModal.vue

@@ -87,7 +87,9 @@ export default defineComponent({
       products: 'product/getProducts',
       isScrollable: 'product/isScrollable',
       isProductAvailableInOrder: 'order/isProductAvailableInOrder',
-      productIdentificationPref: 'user/getProductIdentificationPref'
+      productIdentificationPref: 'user/getProductIdentificationPref',
+      currentFacility: 'user/getCurrentFacility',
+      facilityLocationsByFacilityId: 'user/getFacilityLocationsByFacilityId'
     })
   },
   methods: {
@@ -115,6 +117,7 @@ export default defineComponent({
       })
     },
     async addtoOrder (product: any) {
+      product.locationSeqId = this.facilityLocationsByFacilityId(this.currentFacility.facilityId) ? this.facilityLocationsByFacilityId(this.currentFacility.facilityId)[0]?.locationSeqId : ''
       this.store.dispatch('order/addOrderItem', product)
     },
     closeModal() {

src/views/ShipmentDetails.vue

@@ -111,7 +111,7 @@ import { useRouter } from 'vue-router';
 import Scanner from "@/components/Scanner.vue";
 import LocationPopover from '@/components/LocationPopover.vue'
 import ImageModal from '@/components/ImageModal.vue';
-import { hasError, productHelpers } from '@/utils'
+import { hasError, productHelpers, showToast } from '@/utils'
 import { Actions, hasPermission } from '@/authorization'
 
 export default defineComponent({
@@ -213,6 +213,8 @@ export default defineComponent({
       const resp = await this.store.dispatch('shipment/receiveShipment', { items: eligibleItems, shipmentId })
       if (resp.status === 200 && !hasError(resp)) {
         this.router.push('/shipments');
+      } else {
+        showToast(translate("Failed to receive shipment"))
       }
     },
     isEligibleForReceivingShipment() {