@things-factory/operato-wms 5.0.0-alpha.26 → 5.0.0-alpha.27

package/.eslintrc.json

@@ -0,0 +1,11 @@
+{
+  "plugins": ["cypress"],
+  "rules": {
+    "cypress/no-assigning-return-values": "error",
+    "cypress/no-unnecessary-waiting": "error",
+    "cypress/assertion-before-screenshot": "warn",
+    "cypress/no-force": "warn",
+    "cypress/no-async-tests": "error",
+    "cypress/no-pause": "error"
+  }
+}

package/client/pages/constants/index.js

@@ -1,6 +1,7 @@
 export * from './cargo'
 export * from './claim'
 export * from './inventory'
+export * from './inventory-item-change'
 export * from './location'
 export * from './location-sorting-rule'
 export * from './marketplace'

package/client/pages/constants/inventory-item-change.js

@@ -0,0 +1,10 @@
+export const INVENTORY_ITEM_CHANGE_TYPE = {
+  NEW: { name: 'new', value: 'NEW' },
+  MODIFIED: { name: 'modified', value: 'MODIFIED' },
+  REMOVED: { name: 'removed', value: 'REMOVED' }
+}
+
+export const INVENTORY_ITEM_CHANGE_TRANSACTION_TYPE = {
+  ORIGINAL: { name: 'original', value: 'ORIGINAL' },
+  CHANGES: { name: 'changes', value: 'CHANGES' }
+}

package/client/pages/constants/order.js

@@ -24,6 +24,11 @@ export const ORDER_TYPES = {
   REVERSE_KITTING_ORDER
 }
 
+export const ORDER_SOURCES = {
+  PICKING: { name: 'picking', value: 'picking' },
+  PACKING: { name: 'packing', value: 'packing' }
+}
+
 export const RO_TYPES = {
   B2B: { name: 'B2B', value: 'b2b' },
   B2C: { name: 'B2C', value: 'b2c' }

package/client/pages/constants/picking-strategy.js

@@ -9,6 +9,10 @@ export const PICKING_STRATEGY = [
     name: i18next.t('label.fefo'),
     value: 'FEFO'
   },
+  {
+    name: i18next.t('label.fmfo'),
+    value: 'FMFO'
+  },
   {
     name: i18next.t('label.lifo'),
     value: 'LIFO'

package/client/pages/constants/setting.js

@@ -5,3 +5,4 @@ export const PALLET_LABEL_SETTING_KEY = 'pallet-label'
 export const PRODUCT_LABEL_SETTING_KEY = 'product-label'
 export const REUSABLE_PALLET_LABEL_SETTING_KEY = 'reusable-pallet-label'
 export const INTENALIZED_AWB_SETTING_KEY = 'internalized-awb-label'
+export const ROUTE_LABEL_SETTING_KEY = 'route-label'

package/client/pages/inbound/serial-number-list-popup.js

@@ -135,7 +135,6 @@ class SerialNumberListPopup extends localize(i18next)(LitElement) {
 
       <div class="button-container">
         <mwc-button
-          class="mobile-full-width"
           danger
           @click=${() => {
             this.dispatchEvent(new CustomEvent('close-serial-number-list', {}))

package/client/pages/inventory/inventory-adjustment-approval.js

@@ -1,5 +1,6 @@
 import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
+import '../inventory/serial-number-list-popup'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit-element'
@@ -10,6 +11,7 @@ import { i18next, localize } from '@things-factory/i18n-base'
 import { client, PageView, store } from '@things-factory/shell'
 import { CommonButtonStyles, ScrollbarStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
+import { openPopup } from '@things-factory/layout-base'
 
 class InventoryAdjustmentApproval extends connect(store)(localize(i18next)(PageView)) {
   static get styles() {
@@ -62,7 +64,8 @@ class InventoryAdjustmentApproval extends connect(store)(localize(i18next)(PageV
       config: Object,
       data: Object,
       _detailData: Object,
-      _compareColumn: Array
+      _compareColumn: Array,
+      _selectedInventoryChange: Object
     }
   }
 
@@ -119,6 +122,7 @@ class InventoryAdjustmentApproval extends connect(store)(localize(i18next)(PageV
   }
 
   async pageInitialized() {
+    this._selectedInventoryChange = null
     this._lockedPallet = []
     const partners = await this._fetchPartners()
     const _approvalStatus = await getCodeByName('APPROVAL_STATUS')
@@ -136,7 +140,8 @@ class InventoryAdjustmentApproval extends connect(store)(localize(i18next)(PageV
       { column: 'uomValue', name: 'UomValue' },
       { column: 'expirationDate', name: 'Exp. Date' },
       { column: 'manufactureDate', name: 'Mfg. Date' },
-      { column: 'unitCost', name: 'Unit Cost' }
+      { column: 'unitCost', name: 'Unit Cost' },
+      { column: 'inventoryItemChange', name: 'Inventory Item Changes' }
     ]
 
     this.config = {
@@ -153,6 +158,7 @@ class InventoryAdjustmentApproval extends connect(store)(localize(i18next)(PageV
         handlers: {
           click: (columns, data, column, record, rowIndex) => {
             if (record) {
+              this._selectedInventoryChange = record
               let recordDiff = []
               let compareData = []
 
@@ -272,7 +278,13 @@ class InventoryAdjustmentApproval extends connect(store)(localize(i18next)(PageV
       pagination: { infinite: true },
       list: { fields: ['column', 'current', 'update'] },
       rows: {
-        appendable: false
+        appendable: false,
+        handlers: {
+          click: (columns, data, column, record, rowIndex) => {
+            if (record.column == 'Inventory Item Changes')
+              this._openSerialNumberPopup(this._selectedInventoryChange, rowIndex)
+          }
+        }
       },
       columns: [
         { type: 'gutter', gutterName: 'sequence' },
@@ -629,6 +641,25 @@ class InventoryAdjustmentApproval extends connect(store)(localize(i18next)(PageV
     }
   }
 
+  _openSerialNumberPopup(inventory, rowIndex) {
+    openPopup(
+      html`
+        <serial-number-list-popup
+          .title="${i18next.t('title.serial_number_list')}"
+          .inventory=${inventory}
+          .adjustmentType=${'APPROVAL'}
+          .enableRemove=${false}
+          .enableUpdateBtn=${false}
+        ></serial-number-list-popup>
+      `,
+      {
+        backdrop: false,
+        size: 'large',
+        title: i18next.t('title.serial_number_list')
+      }
+    )
+  }
+
   _showToast({ type, message, option }) {
     document.dispatchEvent(
       new CustomEvent('notify', {

package/client/pages/inventory/inventory-adjustment.js

@@ -3,6 +3,7 @@ import '@things-factory/grist-ui'
 import '@things-factory/import-ui'
 import '../components/popup-note'
 import './inventory-history-by-pallet'
+import '../inventory/serial-number-list-popup'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit-element'
@@ -16,7 +17,7 @@ import { client, PageView, store } from '@things-factory/shell'
 import { CommonButtonStyles, ScrollbarStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
 
-import { CARTON_LABEL_SETTING_KEY, PALLET_LABEL_SETTING_KEY } from '../constants'
+import { CARTON_LABEL_SETTING_KEY, INVENTORY_ITEM_CHANGE_TYPE, PALLET_LABEL_SETTING_KEY } from '../constants'
 
 class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
   static get styles() {
@@ -46,7 +47,9 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
       _searchFields: Array,
       config: Object,
       _palletLabel: Object,
-      _cartonLabel: Object
+      _cartonLabel: Object,
+      _inventory: Object,
+      _data: Object
     }
   }
 
@@ -100,6 +103,7 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
       <data-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
+        .data=${this._data}
         .fetchHandler="${this.fetchHandler.bind(this)}"
         @record-change="${this.customerChange.bind(this)}"
         @field-change="${this.fieldChange.bind(this)}"
@@ -218,6 +222,7 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
           icon: 'reorder',
           handlers: { click: this.showInventoryMovement.bind(this) }
         },
+        { type: 'string', name: 'inventoryItemChanges', hidden: true },
         {
           type: 'string',
           name: 'palletId',
@@ -288,7 +293,17 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
                 { name: 'type', header: i18next.t('field.type'), width: 200 },
                 { name: 'packingType', header: i18next.t('field.packing_type'), width: 200 },
                 { name: 'packingSize', header: i18next.t('field.packing_size'), width: 150 },
-                { name: 'uom', header: i18next.t('field.uom'), width: 150 }
+                { name: 'uom', header: i18next.t('field.uom'), width: 150 },
+                {
+                  name: 'isRequireSerialNumberScanningInbound',
+                  header: i18next.t('field.require_serial_number_scanning_inbound'),
+                  width: 150
+                },
+                {
+                  name: 'isRequireSerialNumberScanningOutbound',
+                  header: i18next.t('field.require_serial_number_scanning_outbound'),
+                  width: 150
+                }
               ]
             }
           },
@@ -349,6 +364,26 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
           },
           width: 80
         },
+        {
+          type: 'string',
+          name: 'serialNumbers',
+          header: i18next.t('field.serial_number'),
+          hidden: true,
+          imex: { header: i18next.t('field.serial_number'), key: 'serialNumbers', width: 100, type: 'string' },
+          width: 100
+        },
+        {
+          type: 'number',
+          name: 'inventoryItemCount',
+          header: i18next.t('field.serial_number'),
+          sortable: false,
+          handlers: {
+            click: (columns, data, column, record, rowIndex) => {
+              if (record.qty > 0) this._openSerialNumberPopup(record, rowIndex)
+            }
+          },
+          width: 80
+        },
         {
           type: 'number',
           name: 'lockedQty',
@@ -501,6 +536,7 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
               uom
               uomValue
               manufactureDate
+              serialNumbers
               bizplace {
                 id
                 name
@@ -516,6 +552,8 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
                 auxValue1
                 description
                 type
+                isRequireSerialNumberScanningOutbound
+                isRequireSerialNumberScanningInbound
               }
               qty
               remainQty
@@ -539,6 +577,7 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
               remark
               expirationDate
               unitCost
+              inventoryItemCount
             }
             total
           }
@@ -561,7 +600,7 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
       }
     })
 
-    return {
+    this._data = {
       total: response.data.inventories.total || 0,
       records: response.data.inventories.items || []
     }
@@ -587,6 +626,7 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
               expirationDate
               manufactureDate
               unitCost
+              serialNumbers
               bizplace {
                 id
                 name
@@ -710,6 +750,16 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
       default:
         break
     }
+
+    if (item._data.records[e.detail.row]?.inventoryItemChanges) {
+      let inventoryItemChanges = item._data.records[e.detail.row]?.inventoryItemChanges
+      item._data.records[e.detail.row].inventoryItemChanges = inventoryItemChanges
+      item.dirtyData.records[e.detail.row].inventoryItemChanges = inventoryItemChanges
+      item.dirtyData.records[e.detail.row].__dirtyfields__ = {
+        ...item.dirtyData.records[e.detail.row].__dirtyfields__,
+        inventoryItemChanges: { before: '', after: inventoryItemChanges }
+      }
+    }
   }
 
   async saveInventories() {
@@ -717,6 +767,7 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
       var patches = this.dataGrist.exportPatchList({ flagName: 'cuFlag' })
       patches = patches.map(row => {
         delete row.productUomValue
+        delete row.inventoryItemCount
         if (row.cuFlag == '+') {
           if (!row.bizplace || !row.location || !row.product || !row.batchId || !row.qty || !row.uomValue) {
             throw new Error(i18next.t('text.empty_value_in_list'))
@@ -734,6 +785,11 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
         if (row.uomValue) {
           row.uomValue = parseFloat(row.uomValue)
         }
+        if (row?.inventoryItemChanges) {
+          row.inventoryItemChangesJson = row.inventoryItemChanges
+
+          delete row.inventoryItemChanges
+        }
         return row
       })
 
@@ -819,6 +875,11 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
           let mdt = new Date(itm.manufactureDate)
           itm.manufactureDate = `${mdt.getFullYear()}-${mdt.getMonth() + 1}-${mdt.getDate()}`
         }
+
+        if (itm.serialNumbers) {
+          let serialNumbers = itm.serialNumbers
+          itm.serialNumbers = serialNumbers.replace(' ', '')
+        }
       })
 
       const response = await client.mutate({
@@ -841,6 +902,16 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
   }
 
   importableData(records) {
+    let columns = this.config.columns
+      .filter(column => column.imex !== undefined)
+      .map(column => {
+        if (column.name == 'serialNumbers') {
+          delete column.hidden
+        }
+
+        return { ...column }
+      })
+
     setTimeout(() => {
       openPopup(
         html`
@@ -848,7 +919,7 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
             .records=${records}
             .config=${{
               rows: this.config.rows,
-              columns: [...this.config.columns.filter(column => column.imex !== undefined)]
+              columns: columns
             }}
             .importHandler="${this.importHandler.bind(this)}"
             @field-change="${this.fieldChange.bind(this)}"
@@ -1058,6 +1129,74 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
     )
   }
 
+  _openSerialNumberPopup(inventory, rowIndex) {
+    const removable =
+      inventory?.product?.isRequireSerialNumberScanningOutbound &&
+      inventory?.product?.isRequireSerialNumberScanningInbound
+        ? true
+        : false
+
+    const updatable =
+      inventory?.product?.isRequireSerialNumberScanningOutbound &&
+      inventory?.product?.isRequireSerialNumberScanningInbound
+        ? true
+        : false
+    openPopup(
+      html`
+        <serial-number-list-popup
+          .title="${i18next.t('title.serial_number_list')}"
+          .inventory=${inventory}
+          .adjustmentType=${'ADJUSTMENT'}
+          .enableRemove=${removable}
+          .enableUpdateBtn=${updatable}
+          @confirm-serial-number-list="${e => {
+            let totalSerialNumber = 0
+            let newRecords = []
+            for (let i = 0; i < e.detail.inventoryItemChanges.length; i++) {
+              let inventoryItemChange = e.detail.inventoryItemChanges[i]
+              newRecords.push(inventoryItemChange)
+
+              if (inventoryItemChange.type == INVENTORY_ITEM_CHANGE_TYPE.NEW.value) totalSerialNumber++
+
+              if (inventoryItemChange.type == INVENTORY_ITEM_CHANGE_TYPE.REMOVED.value) totalSerialNumber--
+            }
+
+            let inventoryItemChangesJson = JSON.stringify(newRecords)
+            let currentInventoryItemCount = this._data.records[rowIndex]?.inventoryItemCount || 0
+
+            this.dataGrist.dirtyData.records[rowIndex].inventoryItemChanges = inventoryItemChangesJson
+            this.dataGrist.dirtyData.records[rowIndex].inventoryItemCount =
+              currentInventoryItemCount + totalSerialNumber
+            if (!this.dataGrist?.dirtyData?.records[rowIndex]?.__dirtyfields__) {
+              this.dataGrist.dirtyData.records[rowIndex].__dirtyfields__ = {
+                inventoryItemChanges: { before: '', after: inventoryItemChangesJson }
+              }
+            } else {
+              this.dataGrist.dirtyData.records[rowIndex].__dirtyfields__ = {
+                ...this.dataGrist.dirtyData.records[rowIndex].__dirtyfields__,
+                inventoryItemChanges: {
+                  before: '',
+                  after: inventoryItemChangesJson
+                }
+              }
+            }
+            this.dataGrist.dirtyData.records[rowIndex].__dirty__ = 'M'
+
+            if (this._data.records[rowIndex]) {
+              this._data.records[rowIndex].inventoryItemChanges = inventoryItemChangesJson
+              this._data.records[rowIndex].inventoryItemCount = currentInventoryItemCount + totalSerialNumber
+            }
+          }}"
+        ></serial-number-list-popup>
+      `,
+      {
+        backdrop: false,
+        size: 'large',
+        title: i18next.t('title.serial_number_list')
+      }
+    )
+  }
+
   async printLotLabel() {
     const records = this.dataGrist.selected
     var labelId = this._palletLabel && this._palletLabel.id

package/client/pages/inventory/non-loaded-inventory.js

@@ -65,7 +65,11 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
 
   get context() {
     return {
-      title: i18next.t('title.non_loaded_inventory')
+      title: i18next.t('title.non_loaded_inventory'),
+      exportable: {
+        name: i18next.t('title.non_loaded_inventory'),
+        data: this._exportableData.bind(this)
+      }
     }
   }
 
@@ -73,24 +77,22 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
     this.config = {
       list: {
         fields: [
-          'roNo',
+          'releaseOrderNo',
           'palletId',
           'cartonId',
           'batchId',
           'productSku',
-          'productInformation',
-          'product_brand',
+          'productName',
+          'productBrand',
           'packingType',
-          'qty',
-          'uomValue',
+          'pickedQty',
+          'pickedUomValue',
           'uom',
           'binLocation'
         ]
       },
-      pagination: { pages: [20, 50, 100, 500, 999] },
-      rows: {
-        appendable: false
-      },
+      pagination: { pages: [50, 100, 200, 500] },
+      rows: { appendable: false },
       columns: [
         { type: 'gutter', gutterName: 'sequence' },
         { type: 'gutter', gutterName: 'row-selector', multiple: true },
@@ -98,20 +100,28 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
           type: 'string',
           name: 'releaseOrderNo',
           header: i18next.t('field.ro_no'),
-          sortable: true,
+          label: true,
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'refNo',
+          header: i18next.t('field.ref_no'),
+          label: true,
           width: 150
         },
         {
           type: 'string',
           name: 'palletId',
           header: i18next.t('field.lot_id'),
-          sortable: true,
+          label: true,
           width: 150
         },
         {
           type: 'string',
           name: 'cartonId',
           header: i18next.t('field.carton_id'),
+          label: true,
           sortable: true,
           width: 120
         },
@@ -119,14 +129,14 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
           type: 'string',
           name: 'batchId',
           header: i18next.t('field.batch_id'),
-          imex: { header: i18next.t('field.batch_id'), key: 'batchId', width: 30, type: 'string' },
-          sortable: true,
+          label: true,
           width: 120
         },
         {
           type: 'string',
           name: 'productSku',
           header: i18next.t('field.sku'),
+          label: true,
           sortable: true,
           width: 150
         },
@@ -134,6 +144,7 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
           type: 'string',
           name: 'productName',
           header: i18next.t('field.product'),
+          label: true,
           sortable: true,
           width: 250
         },
@@ -141,6 +152,7 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
           type: 'string',
           name: 'productBrand',
           header: i18next.t('field.brand'),
+          label: true,
           sortable: true,
           width: 150
         },
@@ -148,6 +160,7 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
           type: 'string',
           name: 'packingType',
           header: i18next.t('field.packing_type'),
+          label: true,
           sortable: true,
           width: 150
         },
@@ -155,18 +168,21 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
           type: 'number',
           name: 'pickedQty',
           header: i18next.t('field.qty'),
+          label: true,
           width: 80
         },
         {
           type: 'float',
           name: 'pickedUomValue',
           header: i18next.t('field.total_uom_value'),
+          label: true,
           width: 110
         },
         {
           type: 'string',
           name: 'uom',
           header: i18next.t('field.uom'),
+          label: true,
           sortable: true,
           width: 80
         },
@@ -174,6 +190,7 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
           type: 'string',
           name: 'binLocation',
           header: i18next.t('field.bin_location'),
+          label: true,
           sortable: true,
           width: 120
         }
@@ -211,6 +228,12 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
         type: 'text',
         props: { searchOper: 'i_like' }
       },
+      {
+        label: i18next.t('field.ref_no'),
+        name: 'refNo',
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      },
       {
         label: i18next.t('field.bin_location'),
         name: 'binLocation',
@@ -243,6 +266,7 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
             items {
               releaseGood {
                 name
+                refNo
               }
               inventory {
                 palletId
@@ -287,11 +311,55 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
             binLocation: item.binLocation.name,
             palletId: item.inventory.palletId,
             cartonId: item.inventory.cartonId,
-            releaseOrderNo: item.releaseGood.name
+            releaseOrderNo: item.releaseGood.name,
+            refNo: item.releaseGood.refNo
           }
         }) || []
     }
   }
+
+  async _exportableData() {
+    try {
+      let data = []
+
+      var headerSetting = [
+        { header: i18next.t('field.ro_no'), key: 'releaseOrderNo', width: 50, type: 'string' },
+        { header: i18next.t('field.ref_no'), key: 'refNo', width: 50, type: 'string' },
+        { header: i18next.t('field.lot_id'), key: 'palletId', width: 50, type: 'string' },
+        { header: i18next.t('field.carton_id'), key: 'cartonId', width: 50, type: 'string' },
+        { header: i18next.t('field.batch_id'), key: 'batchId', width: 25, type: 'string' },
+        { header: i18next.t('field.sku'), key: 'productSku', width: 25, type: 'string' },
+        { header: i18next.t('field.product'), key: 'productName', width: 25, type: 'string' },
+        { header: i18next.t('field.brand'), key: 'productBrand', width: 25, type: 'string' },
+        { header: i18next.t('field.packing_type'), key: 'packingType', width: 25, type: 'string' },
+        { header: i18next.t('field.qty'), key: 'pickedQty', width: 25, type: 'string' },
+        { header: i18next.t('field.total_uom_value'), key: 'pickedUomValue', width: 25, type: 'float' },
+        { header: i18next.t('field.uom'), key: 'uom', width: 25, type: 'string' },
+        { header: i18next.t('field.bin_location'), key: 'binLocation', width: 25, type: 'string' }
+      ]
+
+      if (this.dataGrist.selected && this.dataGrist.selected.length > 0) {
+        data = this.dataGrist.selected
+      } else {
+        data = (await this.fetchHandler({ page: 1, limit: 9999999 })).records
+      }
+
+      return { header: headerSetting, data }
+    } catch (e) {
+      this._showToast(e)
+    }
+  }
+
+  _showToast({ type, message }) {
+    document.dispatchEvent(
+      new CustomEvent('notify', {
+        detail: {
+          type,
+          message
+        }
+      })
+    )
+  }
 }
 
 window.customElements.define('non-loaded-inventory', NonLoadedInventory)