@things-factory/operato-wms 5.0.0-alpha.2 → 5.0.0-alpha.22

package/client/pages/outbound/packing-product.js

@@ -1,6 +1,5 @@
 import '@things-factory/barcode-ui'
 import '@things-factory/grist-ui'
-import './logistics-init/logistics-init-popup'
 import '../components/worksheet-information-popup'
 
 import gql from 'graphql-tag'
@@ -35,7 +34,8 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
       _productName: String,
       _logisticsInitiated: Boolean,
       _selectedTaskStatus: String,
-      _worksheetInfo: Object
+      _worksheetInfo: Object,
+      _scanning: Boolean
     }
   }
 
@@ -215,19 +215,15 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
       </form>
 
       <form id="input-form" class="multi-column-form" @keypress="${this.packing.bind(this)}">
-        ${this.scannable
-          ? html`
-              <fieldset>
-                ${this._enableProductScanning
-                  ? html` <label>${i18next.t('label.product_barcode')}</label>
-                      <barcode-scanable-input name="productBarcode" custom-input></barcode-scanable-input>`
-                  : html`
-                      <label>${i18next.t('label.packed_qty')}</label>
-                      <input type="number" min="1" name="packedQty" />
-                    `}
-              </fieldset>
-            `
-          : ''}
+        <fieldset>
+          ${this._enableProductScanning
+            ? html` <label>${i18next.t('label.product_barcode')}</label>
+                <barcode-scanable-input name="productBarcode" custom-input></barcode-scanable-input>`
+            : html`
+                <label>${i18next.t('label.packed_qty')}</label>
+                <input type="number" min="1" name="packedQty" />
+              `}
+        </fieldset>
       </form>
 
       <data-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this.config} .data=${this.data}>
@@ -256,6 +252,7 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
     this._productName = ''
     this._selectedOrderInventory = null
     this._selectedTaskStatus = null
+    this._scanning = false
   }
 
   updated(changedProps) {
@@ -274,10 +271,8 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
               this._selectedOrderInventory = record
               this._selectedTaskStatus = record.status
 
-              if (this.scannable) {
-                if (this._enableProductScanning) this._focusOnProductBarcodeInput()
-                else this._focusOnReleaseQtyInput()
-              }
+              if (this._enableProductScanning) this._focusOnProductBarcodeInput()
+              else this._focusOnReleaseQtyInput()
             }
           }
         }
@@ -390,6 +385,13 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
               product {
                 name
                 description
+                gtin
+                productDetails {
+                  id
+                  packingType
+                  packingSize
+                  gtin
+                }
               }
               qty
               releaseQty
@@ -423,6 +425,7 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
       if (!response.data?.packingWorksheet) return
 
       const { worksheetInfo, worksheetDetailInfos } = response.data.packingWorksheet
+      this.data = { records: this.formatWorksheetDetailInfos(worksheetDetailInfos) }
 
       this.trackingNo = worksheetInfo.trackingNo
       this.airwayBill = worksheetInfo.airwayBill
@@ -435,7 +438,6 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
       this._bizplaceName = worksheetInfo.bizplaceName
       this._worksheetInfo = worksheetInfo
 
-      this.data = { records: this.formatWorksheetDetailInfos(worksheetDetailInfos) }
       if (this._selectedOrderInventory) {
         const record = this.data.records.find(record => record.name === this._selectedOrderInventory.name)
         if (record.packedQty == record.releaseQty) {
@@ -447,6 +449,11 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
 
       this._enableProductScanning = await fetchSettingRule('enable-product-scanning', worksheetInfo.partnerDomainId)
 
+      if (this._enableProductScanning) {
+        this._focusOnProductBarcodeInput()
+      } else {
+        this._focusOnReleaseQtyInput()
+      }
       this.updateContext()
     }
   }
@@ -504,9 +511,14 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
   }
 
   printSellercraftAirwayBill() {
-    let url = new URL(window.location)
+    let convertedPdfUrl = ''
+    if (this.airwayBill.includes('partner.shopeemobile.com')) {
+      convertedPdfUrl = `/pdf/merge?urls=${this.airwayBill}`
+    } else {
+      let url = new URL(window.location)
+      convertedPdfUrl = `${url.origin}/proxy?url=${this.airwayBill}`
+    }
 
-    var convertedPdfUrl = `${url.origin}/proxy?url=${this.airwayBill}`
     this._callPrintDialog(convertedPdfUrl)
   }
 
@@ -609,7 +621,7 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
     if (e.keyCode === 13) {
       e.preventDefault()
       try {
-        this._validatePacking()
+        await this._validatePacking()
 
         let response
         if (this._enableProductScanning) response = await this.productBarcodePacking()
@@ -618,10 +630,9 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
         if (!response.errors) {
           if (this._enableProductScanning) {
             this.productBarcodeInput.value = ''
-            this._focusOnProductBarcodeInput()
+            this._selectedOrderInventory = null
           } else {
             this.releaseQtyInput.value = ''
-            this._focusOnReleaseQtyInput()
             this._selectedTaskStatus = null
             this._selectedOrderInventory = null
           }
@@ -629,12 +640,25 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
           this._fetchInventories(this.releaseGoodNo)
         }
       } catch (e) {
+        if (this._enableProductScanning) {
+          this.productBarcodeInput.value = ''
+          this._focusOnProductBarcodeInput()
+        } else {
+          this.releaseQtyInput.value = ''
+          this._focusOnReleaseQtyInput()
+          this._selectedTaskStatus = null
+        }
+        this._selectedOrderInventory = null
         this._showToast(e)
+      } finally {
+        this._scanning = false
       }
     }
   }
 
   async productBarcodePacking() {
+    if (this._scanning) return this._showToast({ message: i18next.t('text.previous_scan_is_executing') })
+    this._scanning = true
     return await client.mutate({
       mutation: gql`
         mutation scanProductPacking($worksheetDetailName: String!, $productBarcode: String!) {
@@ -649,6 +673,8 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
   }
 
   async commonPacking() {
+    if (this._scanning) return this._showToast({ message: i18next.t('text.previous_scan_is_executing') })
+    this._scanning = true
     return await client.mutate({
       mutation: gql`
         mutation packing($worksheetDetailName: String!, $releaseQty: Int!) {
@@ -664,45 +690,50 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
 
   async _validatePacking() {
     // validate for order selection
-    if (!this._selectedOrderInventory) throw new Error(i18next.t('text.target_is_not_selected'))
-
-    if (this._selectedOrderInventory) {
-      if (this._enableProductScanning) {
-        if (!this.productBarcodeInput.value) {
-          this._focusOnProductBarcodeInput()
-          throw new Error(i18next.t('text.no_product_barcode_detected'))
-        }
-      } else {
-        if (!this.releaseQtyInput.checkValidity()) throw new Error(i18next.t('text.release_qty_invalid'))
+    if (this._enableProductScanning) {
+      //if no input
+      if (!this.productBarcodeInput.value) {
+        this._focusOnProductBarcodeInput()
+        throw new Error(i18next.t('text.no_product_barcode_detected'))
+      }
 
-        // Release qty existing
-        if (!parseInt(this.releaseQtyInput.value)) {
-          this._focusOnReleaseQtyInput()
-          throw new Error(i18next.t('text.release_qty_is_empty'))
-        }
+      //find product match with input barcode
+      const foundOrderInventory = this.data.records.find(
+        itm =>
+          itm.product.productDetails.find(
+            detail =>
+              detail.gtin === this.productBarcodeInput.value.trim() &&
+              detail.packingType == itm.packingType &&
+              detail.packingSize == itm.packingSize
+          ) != undefined
+      )
 
-        // typed qty should be matched with release qty.
-        if (parseInt(this.releaseQtyInput.value) !== this._selectedOrderInventory.releaseQty) {
-          this._focusOnReleaseQtyInput()
-          throw new Error(i18next.t('text.wrong_release_qty'))
+      if (foundOrderInventory) {
+        if (foundOrderInventory?.status === WORKSHEET_STATUS.EXECUTING.value) {
+          this._selectedOrderInventory = foundOrderInventory
+        } else if (foundOrderInventory?.status === WORKSHEET_STATUS.DONE.value) {
+          throw new Error(i18next.t('text.scanned_product_status_is_done'))
         }
+      } else {
+        throw new Error(i18next.t('text.incorrect_product_barcode'))
       }
-    }
-  }
-
-  async _completeHandler() {
-    if (!this.data?.records?.length || this.data.records.some(record => !record.completed)) return
+    } else {
+      if (!this._selectedOrderInventory) throw new Error(i18next.t('text.target_is_not_selected'))
 
-    const result = await CustomAlert({
-      title: i18next.t('title.packing'),
-      text: i18next.t('text.do_you_want_to_complete'),
-      confirmButton: { text: i18next.t('button.complete') },
-      cancelButton: { text: i18next.t('button.cancel') }
-    })
+      if (!this.releaseQtyInput.checkValidity()) throw new Error(i18next.t('text.release_qty_invalid'))
 
-    if (!result.value) return
+      // Release qty existing
+      if (!parseInt(this.releaseQtyInput.value)) {
+        this._focusOnReleaseQtyInput()
+        throw new Error(i18next.t('text.release_qty_is_empty'))
+      }
 
-    this._complete()
+      // typed qty should be matched with release qty.
+      if (parseInt(this.releaseQtyInput.value) !== this._selectedOrderInventory.releaseQty) {
+        this._focusOnReleaseQtyInput()
+        throw new Error(i18next.t('text.wrong_release_qty'))
+      }
+    }
   }
 
   async _complete() {
@@ -726,29 +757,6 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
     }
   }
 
-  _showLogisticsInitPopup() {
-    if (this.checkShippingProviderAndDeliveryType() == true) {
-      this.initLogistics()
-    } else {
-      openPopup(
-        html`
-          <logistics-init-popup
-            .orderInformation="${this.orderInformation}"
-            @order-initialised="${() => {
-              this._logisticsInitiated = true
-            }}"
-          ></logistics-init-popup>
-        `,
-        {
-          backdrop: true,
-          escapable: false,
-          size: 'medium',
-          title: i18next.t('title.ready_to_ship')
-        }
-      )
-    }
-  }
-
   _openWorksheetInformation() {
     openPopup(
       html`

package/client/pages/outbound/picking-product.js

@@ -25,15 +25,6 @@ const PICKING_TYPES = { PICKING, BATCH_PICKING }
 class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
   static get properties() {
     return {
-      config: Object,
-      data: Object,
-      isWholePicking: Boolean,
-      locations: Array,
-      locationNameSplit: Array,
-      refPickingType: String,
-      releaseGoodNo: String,
-      orderNo: String,
-      worksheetNo: String,
       _bizplaceName: String,
       _crossDocking: Boolean,
       _currentBinLocation: String,
@@ -43,10 +34,20 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
       _isCartonLabel: Boolean,
       _isExecuting: Boolean,
       _isReplacement: Boolean,
-      _isRequireSerialNumberScanning: Boolean,
+      _isRequireSerialNumberScanningOutbound: Boolean,
+      _locationName: String,
       _reusablePalletList: Object,
       _worksheetInfo: Object,
-      _locationName: String
+      config: Object,
+      data: Object,
+      isWholePicking: Boolean,
+      locationNameSplit: Array,
+      locations: Array,
+      orderNo: String,
+      refPickingType: String,
+      releaseGoodNo: String,
+      releaseGoodId: String,
+      worksheetNo: String
     }
   }
 
@@ -108,11 +109,11 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
       ...CommonButtonStyles.inspect
     })
 
-    if (this._selectedOrderInventory && this._isRequireSerialNumberScanning) {
+    if (this._selectedOrderInventory && this._isRequireSerialNumberScanningOutbound) {
       actions.push({
         title: i18next.t('button.serial_number'),
         action: this.openSerialNumberPopup.bind(this),
-        ...CommonButtonStyles.description
+        ...CommonButtonStyles.activate
       })
     }
 
@@ -251,6 +252,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
     this.locationNameSplit = []
     this.refPickingType = PICKING_TYPES.PICKING.value
     this.releaseGoodNo = ''
+    this.releaseGoodId = ''
     this.taskNo = ''
 
     this._incompleteLocationName = false
@@ -258,7 +260,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
     /* A flag to indicate either PICKING process is executing */
     this._isExecuting = false
     this._isReplacement = false
-    this._isRequireSerialNumberScanning = false
+    this._isRequireSerialNumberScanningOutbound = false
     this._crossDocking = false
     this._enableProductScanning = false
     this._hasBinPicking = false
@@ -351,7 +353,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
                       <barcode-scanable-input name="productBarcode" custom-input></barcode-scanable-input>
                     `
                   : html`
-                      ${this._isRequireSerialNumberScanning
+                      ${this._isRequireSerialNumberScanningOutbound
                         ? ''
                         : html`
                             <label>${i18next.t('label.picked_qty')}</label>
@@ -362,7 +364,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
                 this._crossDocking ||
                 this._isCartonLabel ||
                 this._enableProductScanning ||
-                this._isRequireSerialNumberScanning
+                this._isRequireSerialNumberScanningOutbound
                   ? ''
                   : html`
                       ${this._incompleteLocationName
@@ -388,7 +390,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
                         )}
                       </select>
                     `}
-                ${this._isRequireSerialNumberScanning
+                ${this._isRequireSerialNumberScanningOutbound
                   ? html`
                       <label>${i18next.t('label.serial_number')}</label>
                       <barcode-scanable-input name="serialNumber" custom-input></barcode-scanable-input>
@@ -444,6 +446,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
             try {
               this.grist.showSpinner()
               if (data.records.length && record) {
+                this._isRequireSerialNumberScanningOutbound = record.product.isRequireSerialNumberScanningOutbound
                 this.inputForm.reset()
                 this._isReplacement = false
 
@@ -591,6 +594,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
               pickingWorksheet(releaseGoodNo: $releaseGoodNo, locationSortingRules: $locationSortingRules) {
                 worksheetInfo {
                   releaseGood {
+                    id
                     name
                     crossDocking
                   }
@@ -612,10 +616,11 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
                   batchId
                   batchIdRef
                   product {
+                    id
                     sku
                     name
                     description
-                    isRequireSerialNumberScanning
+                    isRequireSerialNumberScanningOutbound
                   }
                   qty
                   releaseQty
@@ -644,10 +649,11 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
                       name
                     }
                     product {
+                      id
                       sku
                       name
                       description
-                      isRequireSerialNumberScanning
+                      isRequireSerialNumberScanningOutbound
                     }
                   }
                 }
@@ -660,6 +666,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
         if (!response.errors) {
           if (!this._selectedOrderInventory) this.clearView()
           this.releaseGoodNo = response.data.pickingWorksheet.worksheetInfo.releaseGood.name
+          this.releaseGoodId = response.data.pickingWorksheet.worksheetInfo.releaseGood.id
           if (!response.data?.pickingWorksheet) return
 
           const { worksheetInfo, worksheetDetailInfos } = response.data.pickingWorksheet
@@ -860,8 +867,9 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
     this.data = { records: [] }
     this.infoForm.reset()
     this.inputForm.reset()
-    this._isRequireSerialNumberScanning = false
+    this._isRequireSerialNumberScanningOutbound = false
     this.releaseGoodNo = null
+    this.releaseGoodId = null
     this.taskNo = null
     this._crossDocking = false
     this._selectedOrderInventory = null
@@ -909,7 +917,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
       } else if (this._enableProductScanning || this._isCartonLabel) {
         response = await this.productBarcodePicking()
       } else {
-        if (this._isReplacement) {
+        if (this._isReplacement && !this._isCartonLabel) {
           this.openPalletReplacementPopup()
           return
         } else {
@@ -918,12 +926,12 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
       }
 
       if (!response.errors) {
-        if (this._isRequireSerialNumberScanning) this.serialInput.value = ''
-        else if (this._enableProductScanning && !this._isRequireSerialNumberScanning)
+        if (this._isRequireSerialNumberScanningOutbound) this.serialInput.value = ''
+        else if (this._enableProductScanning && !this._isRequireSerialNumberScanningOutbound)
           this.productBarcodeInput.value = ''
         else this.releaseQtyInput.value = ''
 
-        if (!this._isCartonLabel && !this._isRequireSerialNumberScanning) {
+        if (!this._isCartonLabel && !this._isRequireSerialNumberScanningOutbound) {
           this.palletInput.value = ''
           // this._selectedTaskStatus = null
           this._selectedOrderInventory = null
@@ -977,10 +985,20 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
   openSerialNumberPopup() {
     openPopup(
       html`
-        <serial-number-popup .orderInventory="${this?._selectedOrderInventory?.relatedOrderInv}"></serial-number-popup>
+        <serial-number-popup
+          .orderInventory="${this?._selectedOrderInventory?.relatedOrderInv}"
+          .orderType="${i18next.t('text.outbound')}"
+          .orderId="${this.releaseGoodId}"
+          .data="${this?._selectedOrderInventory}"
+          @close-serial-number-popup="${async e => {
+            await this.fetchAll(this.releaseGoodNo)
+          }}"
+        ></serial-number-popup>
       `,
       {
-        backdrop: true,
+        closable: false,
+        backdrop: false,
+        escapable: false,
         size: 'large',
         title: i18next.t('title.serial_number_list')
       }
@@ -1060,9 +1078,9 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
               worksheetType: this.refPickingType,
               palletId: this.palletInput.value.trim(),
               locationName: this._locationName ? this._locationName : this._selectedOrderInventory?.location.name,
-              releaseQty: this._isRequireSerialNumberScanning ? 1 : parseInt(this.releaseQtyInput.value),
+              releaseQty: this._isRequireSerialNumberScanningOutbound ? 1 : parseInt(this.releaseQtyInput.value),
               binLocation: this._hasBinPicking ? this.binLocationInput.value : null,
-              serialNumber: this._isRequireSerialNumberScanning ? this.serialInput.value : null
+              serialNumber: this._isRequireSerialNumberScanningOutbound ? this.serialInput.value : null
             }
           })
 
@@ -1136,7 +1154,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
               worksheetType: this.refPickingType,
               productBarcode: this.productBarcodeInput.value.trim(),
               cartonId: this.cartonInput.value.trim(),
-              serialNumber: this._isRequireSerialNumberScanning ? this.serialInput.value : null,
+              serialNumber: this._isRequireSerialNumberScanningOutbound ? this.serialInput.value : null,
               binLocation: this._hasBinPicking ? this.binLocationInput.value : null
             }
           })
@@ -1194,7 +1212,10 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
         this._focusOnLotNoInput()
         throw new Error(i18next.t('text.lot_id_is_empty'))
       } else {
-        if (this._selectedOrderInventory.palletId !== this.palletInput.value) {
+        if (
+          this._selectedOrderInventory.palletId !== this.palletInput.value &&
+          !this._isRequireSerialNumberScanningOutbound
+        ) {
           const isInProgressing = await this.checkProgressingPallet(this.palletInput.value)
           if (isInProgressing) throw new Error(i18next.t('text.pallet_is_in_progressing'))
 
@@ -1212,7 +1233,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
 
       // Release qty existing
       if (!this._isReplacement) {
-        if (!this._isRequireSerialNumberScanning) {
+        if (!this._isRequireSerialNumberScanningOutbound) {
           if (!parseInt(this.releaseQtyInput?.value)) {
             this._focusOnReleaseQtyInput()
             throw new Error(i18next.t('text.release_qty_is_empty'))
@@ -1287,6 +1308,8 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
 
       if (this._selectedOrderInventory.cartonId) {
         if (this._selectedOrderInventory.cartonId !== this.cartonInput.value) {
+          //carton replacement?
+          throw new Error(i18next.t('text.invalid_carton_id'))
           this._isReplacement = await this.checkCartonIdenticality(
             this._selectedOrderInventory.cartonId,
             this._selectedOrderInventory.palletId,
@@ -1309,7 +1332,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
       }
     }
 
-    if (this._isRequireSerialNumberScanning) {
+    if (this._isRequireSerialNumberScanningOutbound) {
       if (!this.serialInput?.value) {
         this._focusOnSerialInput()
         throw new Error(i18next.t('text.empty_serial_number'))
@@ -1515,6 +1538,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
                 refNo3
                 startedAt
                 releaseGood {
+                  id
                   name
                   crossDocking
                 }
@@ -1569,6 +1593,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
         this._bizplaceName = worksheetInfo.bizplaceName
         this._crossDocking = worksheetInfo.releaseGood?._crossDocking
         this.releaseGoodNo = worksheetInfo.releaseGood?.name
+        this.releaseGoodId = worksheetInfo.releaseGood?.id
         this._orderNo = this.releaseGoodNo
         this._worksheetInfo = worksheetInfo
         this.data = { records: this.formatWorksheetDetailInfos(worksheetDetailInfos) }
@@ -1629,7 +1654,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
             return true
           }
         } else {
-          if (!this._enableProductScanning && !this._isRequireSerialNumberScanning) this.palletInput.value = ''
+          if (!this._enableProductScanning && !this._isRequireSerialNumberScanningOutbound) this.palletInput.value = ''
 
           if (this.palletInput.value == '') {
             this._focusOnLotNoInput()
@@ -1638,13 +1663,13 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
         }
       }
 
-      if (this._enableProductScanning && !this._isRequireSerialNumberScanning) {
+      if (this._enableProductScanning && !this._isRequireSerialNumberScanningOutbound) {
         this.productBarcodeInput.value = ''
         this._focusOnProductBarcodeInput()
         return true
       }
 
-      if (this._isRequireSerialNumberScanning) {
+      if (this._isRequireSerialNumberScanningOutbound) {
         this.serialInput.value = ''
         this._focusOnSerialInput()
         return true
@@ -1664,7 +1689,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
     }
 
     this._isCartonLabel = selectedRecords.hasCartonLabel
-    this._isRequireSerialNumberScanning = selectedRecords?.product?.isRequireSerialNumberScanning
+    this._isRequireSerialNumberScanningOutbound = selectedRecords?.product?.isRequireSerialNumberScanningOutbound
   }
 
   _showToast({ type, message }) {