From 4fa318fd03388f82ed2ba5ab0ca20139ffcdd883 Mon Sep 17 00:00:00 2001
From: Simone Orsi <simahawk@gmail.com>
Date: Thu, 24 Jul 2025 12:15:15 +0200
Subject: [PATCH 1/4] shopfloor_mobile: rename *.js to *.esm.js

---
 ..._detail.js => batch_picking_detail.esm.js} |  0
 ...il.js => batch_picking_line_detail.esm.js} |  0
 ...ail_location.js => detail_location.esm.js} |  0
 .../{detail_lot.js => detail_lot.esm.js}      |  0
 ...l_operation.js => detail_operation.esm.js} |  0
 ...etail_package.js => detail_package.esm.js} |  0
 ...etail_picking.js => detail_picking.esm.js} |  0
 ...etail_product.js => detail_product.esm.js} |  0
 ...ail_transfer.js => detail_transfer.esm.js} |  0
 ...king.js => form_edit_stock_picking.esm.js} |  0
 ...ct_color.js => manual_select_color.esm.js} |  0
 .../src/components/{misc.js => misc.esm.js}   |  0
 ...-picker.js => packaging-qty-picker.esm.js} |  0
 .../{mixins.js => mixins.esm.js}              |  5 +-
 ...icking_select.js => picking_select.esm.js} |  5 +-
 ...king_summary.js => picking_summary.esm.js} |  5 +-
 ...{demo.checkout.js => demo.checkout.esm.js} |  0
 ...picking.js => demo.cluster_picking.esm.js} |  0
 ...{demo.delivery.js => demo.delivery.esm.js} |  0
 ... => demo.location_content_transfer.esm.js} |  0
 ..._anything.js => demo.scan_anything.esm.js} |  0
 ...er.js => demo.single_pack_transfer.esm.js} |  0
 ...ne_picking.js => demo.zone_picking.esm.js} |  0
 ...js => add_translations_to_registry.esm.js} |  0
 .../scenario/{checkout.js => checkout.esm.js} |  5 +-
 ...ckout_states.js => checkout_states.esm.js} |  0
 ...ster_picking.js => cluster_picking.esm.js} |  0
 .../scenario/{delivery.js => delivery.esm.js} |  0
 ...er.js => location_content_transfer.esm.js} |  0
 ...ransfer.js => single_pack_transfer.esm.js} |  0
 .../{zone_picking.js => zone_picking.esm.js}  |  0
 .../wms/src/{screen.js => screen.esm.js}      |  0
 .../src/{wms_utils.js => wms_utils.esm.js}    |  0
 shopfloor_mobile/templates/assets.xml         | 60 +++++++++----------
 34 files changed, 39 insertions(+), 41 deletions(-)
 rename shopfloor_mobile/static/wms/src/components/{batch_picking_detail.js => batch_picking_detail.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/{batch_picking_line_detail.js => batch_picking_line_detail.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/detail/{detail_location.js => detail_location.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/detail/{detail_lot.js => detail_lot.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/detail/{detail_operation.js => detail_operation.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/detail/{detail_package.js => detail_package.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/detail/{detail_picking.js => detail_picking.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/detail/{detail_product.js => detail_product.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/detail/{detail_transfer.js => detail_transfer.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/forms/{form_edit_stock_picking.js => form_edit_stock_picking.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/{manual_select_color.js => manual_select_color.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/{misc.js => misc.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/{packaging-qty-picker.js => packaging-qty-picker.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/components/scenario_picking_detail/{mixins.js => mixins.esm.js} (96%)
 rename shopfloor_mobile/static/wms/src/components/scenario_picking_detail/{picking_select.js => picking_select.esm.js} (97%)
 rename shopfloor_mobile/static/wms/src/components/scenario_picking_detail/{picking_summary.js => picking_summary.esm.js} (98%)
 rename shopfloor_mobile/static/wms/src/demo/{demo.checkout.js => demo.checkout.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/demo/{demo.cluster_picking.js => demo.cluster_picking.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/demo/{demo.delivery.js => demo.delivery.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/demo/{demo.location_content_transfer.js => demo.location_content_transfer.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/demo/{demo.scan_anything.js => demo.scan_anything.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/demo/{demo.single_pack_transfer.js => demo.single_pack_transfer.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/demo/{demo.zone_picking.js => demo.zone_picking.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/i18n/{add_translations_to_registry.js => add_translations_to_registry.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/scenario/{checkout.js => checkout.esm.js} (99%)
 rename shopfloor_mobile/static/wms/src/scenario/{checkout_states.js => checkout_states.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/scenario/{cluster_picking.js => cluster_picking.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/scenario/{delivery.js => delivery.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/scenario/{location_content_transfer.js => location_content_transfer.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/scenario/{single_pack_transfer.js => single_pack_transfer.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/scenario/{zone_picking.js => zone_picking.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/{screen.js => screen.esm.js} (100%)
 rename shopfloor_mobile/static/wms/src/{wms_utils.js => wms_utils.esm.js} (100%)

diff --git a/shopfloor_mobile/static/wms/src/components/batch_picking_detail.js b/shopfloor_mobile/static/wms/src/components/batch_picking_detail.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/batch_picking_detail.js
rename to shopfloor_mobile/static/wms/src/components/batch_picking_detail.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/batch_picking_line_detail.js b/shopfloor_mobile/static/wms/src/components/batch_picking_line_detail.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/batch_picking_line_detail.js
rename to shopfloor_mobile/static/wms/src/components/batch_picking_line_detail.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_location.js b/shopfloor_mobile/static/wms/src/components/detail/detail_location.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/detail/detail_location.js
rename to shopfloor_mobile/static/wms/src/components/detail/detail_location.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_lot.js b/shopfloor_mobile/static/wms/src/components/detail/detail_lot.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/detail/detail_lot.js
rename to shopfloor_mobile/static/wms/src/components/detail/detail_lot.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_operation.js b/shopfloor_mobile/static/wms/src/components/detail/detail_operation.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/detail/detail_operation.js
rename to shopfloor_mobile/static/wms/src/components/detail/detail_operation.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_package.js b/shopfloor_mobile/static/wms/src/components/detail/detail_package.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/detail/detail_package.js
rename to shopfloor_mobile/static/wms/src/components/detail/detail_package.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_picking.js b/shopfloor_mobile/static/wms/src/components/detail/detail_picking.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/detail/detail_picking.js
rename to shopfloor_mobile/static/wms/src/components/detail/detail_picking.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_product.js b/shopfloor_mobile/static/wms/src/components/detail/detail_product.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/detail/detail_product.js
rename to shopfloor_mobile/static/wms/src/components/detail/detail_product.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_transfer.js b/shopfloor_mobile/static/wms/src/components/detail/detail_transfer.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/detail/detail_transfer.js
rename to shopfloor_mobile/static/wms/src/components/detail/detail_transfer.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/forms/form_edit_stock_picking.js b/shopfloor_mobile/static/wms/src/components/forms/form_edit_stock_picking.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/forms/form_edit_stock_picking.js
rename to shopfloor_mobile/static/wms/src/components/forms/form_edit_stock_picking.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/manual_select_color.js b/shopfloor_mobile/static/wms/src/components/manual_select_color.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/manual_select_color.js
rename to shopfloor_mobile/static/wms/src/components/manual_select_color.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/misc.js b/shopfloor_mobile/static/wms/src/components/misc.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/misc.js
rename to shopfloor_mobile/static/wms/src/components/misc.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/packaging-qty-picker.js b/shopfloor_mobile/static/wms/src/components/packaging-qty-picker.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/components/packaging-qty-picker.js
rename to shopfloor_mobile/static/wms/src/components/packaging-qty-picker.esm.js
diff --git a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/mixins.js b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/mixins.esm.js
similarity index 96%
rename from shopfloor_mobile/static/wms/src/components/scenario_picking_detail/mixins.js
rename to shopfloor_mobile/static/wms/src/components/scenario_picking_detail/mixins.esm.js
index c13283b59..c8e47fd57 100644
--- a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/mixins.js
+++ b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/mixins.esm.js
@@ -3,9 +3,8 @@
  * @author Simone Orsi <simahawk@gmail.com>
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
-/* eslint-disable strict */
-/* eslint-disable no-implicit-globals */
-import {PickingDetailMixin} from "../detail/detail_picking.js";
+
+import {PickingDetailMixin} from "../detail/detail_picking.esm.js";
 
 // Maybe worth to move it to its own file
 export var ListActionsConsumerMixin = {
diff --git a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.js b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js
similarity index 97%
rename from shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.js
rename to shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js
index 3b42a9b0f..2b3a5b6f3 100644
--- a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.js
+++ b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js
@@ -3,10 +3,9 @@
  * @author Simone Orsi <simahawk@gmail.com>
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
-/* eslint-disable strict */
-/* eslint-disable no-implicit-globals */
-import {PickingDetailSelectMixin} from "./mixins.js";
+
 import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+import {PickingDetailSelectMixin} from "./mixins.esm.js";
 
 Vue.component("detail-picking-select", {
     mixins: [PickingDetailSelectMixin],
diff --git a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.js b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js
similarity index 98%
rename from shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.js
rename to shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js
index 3e95d1458..6cf96ba20 100644
--- a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.js
+++ b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js
@@ -4,9 +4,8 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-/* eslint-disable strict */
-/* eslint-disable no-implicit-globals */
-import {PickingDetailListMixin} from "./mixins.js";
+/* eslint-disable sort-imports */
+import {PickingDetailListMixin} from "./mixins.esm.js";
 import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
 
 Vue.component("picking-summary", {
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.checkout.js b/shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/demo/demo.checkout.js
rename to shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.cluster_picking.js b/shopfloor_mobile/static/wms/src/demo/demo.cluster_picking.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/demo/demo.cluster_picking.js
rename to shopfloor_mobile/static/wms/src/demo/demo.cluster_picking.esm.js
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.delivery.js b/shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/demo/demo.delivery.js
rename to shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.location_content_transfer.js b/shopfloor_mobile/static/wms/src/demo/demo.location_content_transfer.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/demo/demo.location_content_transfer.js
rename to shopfloor_mobile/static/wms/src/demo/demo.location_content_transfer.esm.js
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.scan_anything.js b/shopfloor_mobile/static/wms/src/demo/demo.scan_anything.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/demo/demo.scan_anything.js
rename to shopfloor_mobile/static/wms/src/demo/demo.scan_anything.esm.js
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.single_pack_transfer.js b/shopfloor_mobile/static/wms/src/demo/demo.single_pack_transfer.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/demo/demo.single_pack_transfer.js
rename to shopfloor_mobile/static/wms/src/demo/demo.single_pack_transfer.esm.js
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.js b/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/demo/demo.zone_picking.js
rename to shopfloor_mobile/static/wms/src/demo/demo.zone_picking.esm.js
diff --git a/shopfloor_mobile/static/wms/src/i18n/add_translations_to_registry.js b/shopfloor_mobile/static/wms/src/i18n/add_translations_to_registry.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/i18n/add_translations_to_registry.js
rename to shopfloor_mobile/static/wms/src/i18n/add_translations_to_registry.esm.js
diff --git a/shopfloor_mobile/static/wms/src/scenario/checkout.js b/shopfloor_mobile/static/wms/src/scenario/checkout.esm.js
similarity index 99%
rename from shopfloor_mobile/static/wms/src/scenario/checkout.js
rename to shopfloor_mobile/static/wms/src/scenario/checkout.esm.js
index 44ea4f746..ea8dcff91 100644
--- a/shopfloor_mobile/static/wms/src/scenario/checkout.js
+++ b/shopfloor_mobile/static/wms/src/scenario/checkout.esm.js
@@ -4,10 +4,11 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
+/* eslint-disable sort-imports */
 import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/wms/src/scenario/mixins.js";
-import {process_registry} from "/shopfloor_mobile_base/static/wms/src/services/process_registry.js";
-import {checkout_states} from "./checkout_states.js";
 import event_hub from "/shopfloor_mobile_base/static/wms/src/services/event_hub.js";
+import {process_registry} from "/shopfloor_mobile_base/static/wms/src/services/process_registry.js";
+import {checkout_states} from "./checkout_states.esm.js";
 
 const Checkout = {
     mixins: [ScenarioBaseMixin],
diff --git a/shopfloor_mobile/static/wms/src/scenario/checkout_states.js b/shopfloor_mobile/static/wms/src/scenario/checkout_states.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/scenario/checkout_states.js
rename to shopfloor_mobile/static/wms/src/scenario/checkout_states.esm.js
diff --git a/shopfloor_mobile/static/wms/src/scenario/cluster_picking.js b/shopfloor_mobile/static/wms/src/scenario/cluster_picking.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/scenario/cluster_picking.js
rename to shopfloor_mobile/static/wms/src/scenario/cluster_picking.esm.js
diff --git a/shopfloor_mobile/static/wms/src/scenario/delivery.js b/shopfloor_mobile/static/wms/src/scenario/delivery.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/scenario/delivery.js
rename to shopfloor_mobile/static/wms/src/scenario/delivery.esm.js
diff --git a/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.js b/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/scenario/location_content_transfer.js
rename to shopfloor_mobile/static/wms/src/scenario/location_content_transfer.esm.js
diff --git a/shopfloor_mobile/static/wms/src/scenario/single_pack_transfer.js b/shopfloor_mobile/static/wms/src/scenario/single_pack_transfer.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/scenario/single_pack_transfer.js
rename to shopfloor_mobile/static/wms/src/scenario/single_pack_transfer.esm.js
diff --git a/shopfloor_mobile/static/wms/src/scenario/zone_picking.js b/shopfloor_mobile/static/wms/src/scenario/zone_picking.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/scenario/zone_picking.js
rename to shopfloor_mobile/static/wms/src/scenario/zone_picking.esm.js
diff --git a/shopfloor_mobile/static/wms/src/screen.js b/shopfloor_mobile/static/wms/src/screen.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/screen.js
rename to shopfloor_mobile/static/wms/src/screen.esm.js
diff --git a/shopfloor_mobile/static/wms/src/wms_utils.js b/shopfloor_mobile/static/wms/src/wms_utils.esm.js
similarity index 100%
rename from shopfloor_mobile/static/wms/src/wms_utils.js
rename to shopfloor_mobile/static/wms/src/wms_utils.esm.js
diff --git a/shopfloor_mobile/templates/assets.xml b/shopfloor_mobile/templates/assets.xml
index c2e969c95..2aa88816d 100644
--- a/shopfloor_mobile/templates/assets.xml
+++ b/shopfloor_mobile/templates/assets.xml
@@ -18,123 +18,123 @@
             />
             <script
                 id="script_scren_override"
-                t-attf-src="/shopfloor_mobile/static/wms/src/screen.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/screen.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_wms_utils"
-                t-attf-src="/shopfloor_mobile/static/wms/src/wms_utils.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/wms_utils.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_manual_select_color"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/manual_select_color.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/manual_select_color.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_misc"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/misc.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/misc.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_add_translations_registry"
-                t-attf-src="/shopfloor_mobile/static/wms/src/i18n/add_translations_to_registry.js?v=#{app_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/i18n/add_translations_to_registry.esm.js?v=#{app_version}"
                 type="module"
             />
             <script
                 id="script_component_packaging_qty_picker"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/packaging-qty-picker.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/packaging-qty-picker.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_component_detail_location"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_location.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_location.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_component_detail_package"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_package.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_package.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_component_detail_lot"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_lot.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_lot.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_component_detail_product"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_product.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_product.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_component_detail_transfer"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_transfer.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_transfer.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_component_detail_operation"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_operation.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/detail/detail_operation.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_component_batch_picking_detail"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/batch_picking_detail.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/batch_picking_detail.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_component_batch_picking_line_detail"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/batch_picking_line_detail.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/batch_picking_line_detail.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_component_picking_select"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_component_picking_summary"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_component_form_edit_stock_picking"
-                t-attf-src="/shopfloor_mobile/static/wms/src/components/forms/form_edit_stock_picking.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/components/forms/form_edit_stock_picking.esm.js?v=#{mod_version}"
                 type="module"
             />
             <!-- Scenario -->
             <script
                 id="script_scenario_single_pack_transfer"
-                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/single_pack_transfer.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/single_pack_transfer.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_scenario_cluster_picking"
-                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/cluster_picking.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/cluster_picking.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_scenario_checkout_states"
-                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/checkout_states.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/checkout_states.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_scenario_checkout"
-                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/checkout.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/checkout.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_scenario_delivery"
-                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/delivery.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/delivery.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_scenario_location_content_transfer"
-                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_scenario_zone_picking"
-                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/zone_picking.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/scenario/zone_picking.esm.js?v=#{mod_version}"
                 type="module"
             />
         </script>
@@ -147,32 +147,32 @@
             <t t-set="mod_version" t-value="get_version('shopfloor_mobile')" />
             <script
                 id="script_demo_checkout"
-                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.checkout.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_demo_cluster_picking"
-                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.cluster_picking.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.cluster_picking.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_demo_delivery"
-                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.delivery.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_demo_single_pack_transfer"
-                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.single_pack_transfer.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.single_pack_transfer.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_demo_zone_picking"
-                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.esm.js?v=#{mod_version}"
                 type="module"
             />
             <script
                 id="script_demo_location_content_transfer"
-                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.location_content_transfer.js?v=#{mod_version}"
+                t-attf-src="/shopfloor_mobile/static/wms/src/demo/demo.location_content_transfer.esm.js?v=#{mod_version}"
                 type="module"
             />
         </xpath>

From f7794b1e92af64a255116b5df7d68049ae5a0d72 Mon Sep 17 00:00:00 2001
From: Simone Orsi <simahawk@gmail.com>
Date: Tue, 29 Jul 2025 15:00:40 +0200
Subject: [PATCH 2/4] shopfloor_mobile: js linting

---
 .../components/batch_picking_detail.esm.js    |  1 -
 .../src/components/detail/detail_lot.esm.js   |  1 +
 .../components/detail/detail_product.esm.js   |  1 +
 .../forms/form_edit_stock_picking.esm.js      |  1 -
 .../src/components/manual_select_color.esm.js |  2 +-
 .../static/wms/src/components/misc.esm.js     |  2 -
 .../components/packaging-qty-picker.esm.js    | 38 ++++++-------
 .../picking_select.esm.js                     |  6 ++-
 .../picking_summary.esm.js                    |  9 +++-
 .../static/wms/src/demo/demo.checkout.esm.js  |  6 +--
 .../static/wms/src/demo/demo.delivery.esm.js  |  4 +-
 .../wms/src/demo/demo.zone_picking.esm.js     |  4 +-
 .../static/wms/src/scenario/checkout.esm.js   |  4 +-
 .../wms/src/scenario/checkout_states.esm.js   |  4 +-
 .../wms/src/scenario/cluster_picking.esm.js   | 11 ++--
 .../static/wms/src/scenario/delivery.esm.js   | 12 +++--
 .../scenario/location_content_transfer.esm.js | 16 ++++--
 .../wms/src/scenario/zone_picking.esm.js      | 41 +++++++-------
 .../static/wms/src/wms_utils.esm.js           | 53 ++++++++++---------
 19 files changed, 120 insertions(+), 96 deletions(-)

diff --git a/shopfloor_mobile/static/wms/src/components/batch_picking_detail.esm.js b/shopfloor_mobile/static/wms/src/components/batch_picking_detail.esm.js
index de9240389..bbd160838 100644
--- a/shopfloor_mobile/static/wms/src/components/batch_picking_detail.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/batch_picking_detail.esm.js
@@ -4,7 +4,6 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-/* eslint-disable strict */
 Vue.component("batch-picking-detail", {
     props: ["record"],
     methods: {
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_lot.esm.js b/shopfloor_mobile/static/wms/src/components/detail/detail_lot.esm.js
index 9c45b6ab8..f34f8addc 100644
--- a/shopfloor_mobile/static/wms/src/components/detail/detail_lot.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/detail/detail_lot.esm.js
@@ -44,6 +44,7 @@ Vue.component("detail-lot", {
                 {path: "product_name", label: "Name"},
             ];
         },
+        /* eslint-disable no-unused-vars */
         render_packaging(record, field) {
             return [record.name, "(" + record.code + ")", "= " + record.qty].join(" ");
         },
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_product.esm.js b/shopfloor_mobile/static/wms/src/components/detail/detail_product.esm.js
index fc3d1db0c..c4092cd47 100644
--- a/shopfloor_mobile/static/wms/src/components/detail/detail_product.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/detail/detail_product.esm.js
@@ -36,6 +36,7 @@ Vue.component("detail-product", {
                 {path: "product_name", label: "Name"},
             ];
         },
+        /* eslint-disable no-unused-vars */
         render_packaging(record, field) {
             return [record.name, "(" + record.code + ")", "= " + record.qty].join(" ");
         },
diff --git a/shopfloor_mobile/static/wms/src/components/forms/form_edit_stock_picking.esm.js b/shopfloor_mobile/static/wms/src/components/forms/form_edit_stock_picking.esm.js
index fa2519582..cddee46e2 100644
--- a/shopfloor_mobile/static/wms/src/components/forms/form_edit_stock_picking.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/forms/form_edit_stock_picking.esm.js
@@ -4,7 +4,6 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-/* eslint-disable strict */
 Vue.component("form-edit-stock-picking", {
     props: ["record", "form"],
     data: function () {
diff --git a/shopfloor_mobile/static/wms/src/components/manual_select_color.esm.js b/shopfloor_mobile/static/wms/src/components/manual_select_color.esm.js
index 3ed682f4c..c275c4c31 100644
--- a/shopfloor_mobile/static/wms/src/components/manual_select_color.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/manual_select_color.esm.js
@@ -8,7 +8,7 @@ const Base = Vue.options.components["manual-select"];
 const Custom = Base.extend({
     methods: {
         selected_color_klass(rec, modifier) {
-            let color;
+            let color = "";
             if (rec && rec.qty_done && rec.quantity) {
                 if (rec.qty_done < rec.quantity)
                     color = this.utils.colors.color_for("item_selected_partial");
diff --git a/shopfloor_mobile/static/wms/src/components/misc.esm.js b/shopfloor_mobile/static/wms/src/components/misc.esm.js
index ca53b36a8..b5093e3b6 100644
--- a/shopfloor_mobile/static/wms/src/components/misc.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/misc.esm.js
@@ -4,8 +4,6 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-/* eslint-disable strict */
-
 import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
 
 // TODO: could be merged w/ userConfirmation
diff --git a/shopfloor_mobile/static/wms/src/components/packaging-qty-picker.esm.js b/shopfloor_mobile/static/wms/src/components/packaging-qty-picker.esm.js
index 6976c8918..b34dbc5d7 100644
--- a/shopfloor_mobile/static/wms/src/components/packaging-qty-picker.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/packaging-qty-picker.esm.js
@@ -8,12 +8,14 @@
 
 export var PackagingQtyPickerMixin = {
     props: {
-        options: Object, // options are replaced by props
+        // Options are replaced by props
+        options: Object,
         mode: String,
         qtyInit: Number,
         uom: {type: Object, required: true},
         availablePackaging: Array,
-        pkgNameKey: String, // "code" or "name"
+        // "code" or "name"
+        pkgNameKey: String,
     },
     data: function () {
         return {
@@ -56,8 +58,8 @@ export var PackagingQtyPickerMixin = {
         packaging_by_id: function (id) {
             // Special case for UOM ids as they can clash w/ pkg ids
             // we prefix it w/ "uom-"
-            id = id.startsWith("uom-") ? id : parseInt(id, 10);
-            return _.find(this.sorted_packaging, ["id", id]);
+            const _id = id.startsWith("uom-") ? id : parseInt(id, 10);
+            return _.find(this.sorted_packaging, ["id", _id]);
         },
         /**
          *
@@ -89,10 +91,9 @@ export var PackagingQtyPickerMixin = {
             const res = {};
             // Const min_unit = _.last(pkg_by_qty);
             pkg_by_qty.forEach(function (pkg) {
-                let qty_per_pkg = 0;
-                [qty_per_pkg, qty] = self._qty_by_pkg(pkg.qty, qty);
-                res[pkg.id] = qty_per_pkg;
-                if (!qty) return;
+                const [_qty_per_pkg, _qty] = self._qty_by_pkg(pkg.qty, qty);
+                res[pkg.id] = _qty_per_pkg;
+                if (!_qty) return;
             });
             return res;
         },
@@ -140,7 +141,7 @@ export var PackagingQtyPickerMixin = {
          * Include the uom
          */
         sorted_packaging: function () {
-            let packagings = _.reverse(
+            const packagings = _.reverse(
                 _.sortBy(
                     _.filter(this.availablePackaging, _.property("qty")),
                     _.property("qty")
@@ -158,10 +159,10 @@ export var PackagingQtyPickerMixin = {
          */
         contained_packaging: function () {
             const self = this;
-            let res = {},
-                qty_per_pkg,
-                remaining,
-                elected_next_pkg;
+            const res = {};
+            let qty_per_pkg = [],
+                remaining = 0,
+                elected_next_pkg = {};
             const packaging = this.sorted_packaging;
             _.forEach(packaging, function (pkg, i) {
                 const next_pkgs = packaging.slice(i + 1);
@@ -192,14 +193,15 @@ export var PackagingQtyPicker = Vue.component("packaging-qty-picker", {
     },
     data: function () {
         return {
-            panel: 0, // expand panel by default
+            // Expand panel by default
+            panel: 0,
         };
     },
     watch: {
         qty_by_pkg: {
             deep: true,
             handler: function () {
-                // prevent watched qty to update again qty_by_pkg
+                // Prevent watched qty to update again qty_by_pkg
                 this.qty_by_pkg_manual = true;
                 this.compute_qty();
                 this.qty_by_pkg_manual = false;
@@ -215,7 +217,7 @@ export var PackagingQtyPicker = Vue.component("packaging-qty-picker", {
     },
     computed: {
         qty_color: function () {
-            if (this.qty == this.qtyTodo) {
+            if (this.qty === this.qtyTodo) {
                 if (this.readonly) return "";
                 return "background-color: rgb(143, 191, 68)";
             }
@@ -305,10 +307,10 @@ export var PackagingQtyPickerDisplay = Vue.component("packaging-qty-picker-displ
     },
     computed: {
         visible_packaging: function () {
-            let packagings = _.filter(this.sorted_packaging, this.display_pkg);
+            const packagings = _.filter(this.sorted_packaging, this.display_pkg);
             // Do not display if only uom packaging
             if (
-                packagings.length == 1 &&
+                packagings.length === 1 &&
                 packagings[0].id.toString().startsWith("uom-")
             )
                 return [];
diff --git a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js
index 2b3a5b6f3..cc3167a75 100644
--- a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js
@@ -15,12 +15,15 @@ Vue.component("detail-picking-select", {
             return {
                 action_qty_edit: {
                     comp_name: "edit-action",
+                    /* eslint-disable no-unused-vars */
                     get_record: function (rec, action) {
                         return rec;
                     },
+                    /* eslint-disable no-unused-vars */
                     get_options: function (rec, action) {
                         return {click_event: "qty_edit"};
                     },
+                    /* eslint-disable no-unused-vars */
                     enabled: function (rec, action) {
                         return true;
                     },
@@ -42,7 +45,7 @@ Vue.component("picking-select-line-content", {
             // Display detail fields on demand if the package contains only 1 line
             if (
                 this.options.show_oneline_package_content &&
-                record.package_dest.move_line_count == 1
+                record.package_dest.move_line_count === 1
             ) {
                 fields = [
                     {path: "product.display_name", label: "Product"},
@@ -68,6 +71,7 @@ Vue.component("picking-select-line-content", {
             opts.loud_title = true;
             return opts;
         },
+        /* eslint-disable no-unused-vars */
         get_wrapper_klass(record) {
             return "";
         },
diff --git a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js
index 6cf96ba20..18b504cfe 100644
--- a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js
@@ -37,6 +37,7 @@ Vue.component("picking-summary", {
             return {
                 action_change_pkg: {
                     comp_name: "edit-action",
+                    /* eslint-disable no-unused-vars */
                     get_record: function (rec, action) {
                         /**
                          * Here we can get records grouped.
@@ -53,9 +54,11 @@ Vue.component("picking-summary", {
                         }
                         return rec;
                     },
+                    /* eslint-disable no-unused-vars */
                     get_options: function (rec, action) {
                         return {click_event: "pkg_change_type"};
                     },
+                    /* eslint-disable no-unused-vars */
                     enabled: function (rec, action) {
                         // Exclude for non-packaged records.
                         // NOTE: `pack` is available only if records are grouped.
@@ -65,11 +68,13 @@ Vue.component("picking-summary", {
                 },
                 action_cancel_line: {
                     comp_name: "cancel-move-line-action",
+                    /* eslint-disable no-unused-vars */
                     get_options: function (rec, action) {
                         return {
                             package_cancel_key: self.$props.action_cancel_package_key,
                         };
                     },
+                    /* eslint-disable no-unused-vars */
                     get_record: function (rec, action) {
                         if (rec.records) {
                             // Lines grouped, get real line
@@ -77,6 +82,7 @@ Vue.component("picking-summary", {
                         }
                         return rec;
                     },
+                    /* eslint-disable no-unused-vars */
                     enabled: function (rec, action) {
                         return true;
                     },
@@ -101,9 +107,10 @@ Vue.component("picking-summary-content", {
     },
     watch: {
         panel: {
+            /* eslint-disable no-unused-vars */
             handler: function (newVal, oldVal) {
                 // The panel is opened
-                $(this.$parent.$el).toggleClass("inner-panel-expanded", newVal == 0);
+                $(this.$parent.$el).toggleClass("inner-panel-expanded", newVal === 0);
             },
         },
     },
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js b/shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js
index 18f2adf0d..ef5fcb488 100644
--- a/shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js
+++ b/shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js
@@ -72,7 +72,7 @@ const DEMO_CHECKOUT = {
     scan_package_action: function (data) {
         const res = data_for_select_package;
         const line = res.data.select_package.selected_move_lines.find(function (x) {
-            return x.product.barcode == data.barcode;
+            return x.product.barcode === data.barcode;
         });
         line.qty_done++;
         return res;
@@ -102,7 +102,7 @@ const DEMO_CHECKOUT = {
     set_line_qty: function (data) {
         const res = data_for_set_line_qty;
         const line = res.data.select_package.selected_move_lines.filter(function (x) {
-            return x.id == data.move_line_id;
+            return x.id === data.move_line_id;
         })[0];
         line.qty_done = line.quantity;
         return res;
@@ -110,7 +110,7 @@ const DEMO_CHECKOUT = {
     reset_line_qty: function (data) {
         const res = data_for_set_line_qty;
         const line = res.data.select_package.selected_move_lines.filter(function (x) {
-            return x.id == data.move_line_id;
+            return x.id === data.move_line_id;
         })[0];
         line.qty_done = 0;
         return res;
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js b/shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js
index 625207189..48121f6c5 100644
--- a/shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js
+++ b/shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js
@@ -14,9 +14,9 @@ for (let i = 1; i < count + 1; i++) {
         {},
         {lines_count: demotools.getRandomInt(5), line_random_pack: true}
     );
-    for (let i = 0; i < demotools.getRandomInt(move_lines.length); i++) {
+    for (let j = 0; j < demotools.getRandomInt(move_lines.length); j++) {
         // Set some as done
-        move_lines[i].qty_done = move_lines[i].quantity;
+        move_lines[j].qty_done = move_lines[j].quantity;
     }
     pickings.push(
         demotools.makePicking(
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.esm.js b/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.esm.js
index 62b92b2b7..c87c034e1 100644
--- a/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.esm.js
+++ b/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.esm.js
@@ -64,7 +64,7 @@ const move_lines = demotools.makePickingLines(
 const select_line_move_lines = _.orderBy(move_lines, ["priority"], ["desc"]);
 _.forEach(select_line_move_lines, function (line, i) {
     // Simulate random flag
-    line.location_will_be_empty = i % 3 == 0;
+    line.location_will_be_empty = i % 3 === 0;
     // Simulate adding 1 qty
     line.qty_done++;
 });
@@ -111,7 +111,7 @@ const DEMO_CASE_1 = {
     },
     list_move_lines: function (data) {
         const res = _.cloneDeep(list_move_lines);
-        if (data.order == "location") {
+        if (data.order === "location") {
             res.data.select_line.move_lines = _.orderBy(
                 res.data.select_line.move_lines,
                 ["location_src.name"]
diff --git a/shopfloor_mobile/static/wms/src/scenario/checkout.esm.js b/shopfloor_mobile/static/wms/src/scenario/checkout.esm.js
index ea8dcff91..40d66f33b 100644
--- a/shopfloor_mobile/static/wms/src/scenario/checkout.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/checkout.esm.js
@@ -298,7 +298,7 @@ const Checkout = {
                             path: "priority",
                             render_component: "priority-widget",
                             render_options: function (record) {
-                                const priority = parseInt(record.priority);
+                                const priority = parseInt(record.priority, 10) || 0;
                                 // We need to pass the label to the component as an option instead of using "display_no_value"
                                 // because pickings with no priority will still have a string value of "0"
                                 // and the label would always be displayed.
@@ -352,7 +352,7 @@ const Checkout = {
         select_line_detail_picking_select_props: function () {
             const picking = this.state.data.picking;
             const lines = picking.move_lines;
-            let grouped_lines = undefined;
+            let grouped_lines = [];
             if (this.state.data.group_lines_by_location) {
                 grouped_lines = this.select_line_manual_select_group_lines(lines);
             }
diff --git a/shopfloor_mobile/static/wms/src/scenario/checkout_states.esm.js b/shopfloor_mobile/static/wms/src/scenario/checkout_states.esm.js
index b79bd4473..bd2c21243 100644
--- a/shopfloor_mobile/static/wms/src/scenario/checkout_states.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/checkout_states.esm.js
@@ -24,6 +24,7 @@ export const checkout_states = function ($instance) {
                     $instance.odoo.call("scan_document", {barcode: scanned.text})
                 );
             },
+            // eslint-disable-next-line no-unused-vars
             on_manual_selection: (evt) => {
                 $instance.wait_call($instance.odoo.call("list_stock_picking"));
             },
@@ -150,7 +151,8 @@ export const checkout_states = function ($instance) {
                         );
                     })
                 );
-                let endpoint, move_line;
+                let endpoint = "",
+                    move_line = {};
                 if (to_unselect) {
                     endpoint = "reset_line_qty";
                     move_line = to_unselect;
diff --git a/shopfloor_mobile/static/wms/src/scenario/cluster_picking.esm.js b/shopfloor_mobile/static/wms/src/scenario/cluster_picking.esm.js
index 91ff499d2..f66dad975 100644
--- a/shopfloor_mobile/static/wms/src/scenario/cluster_picking.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/cluster_picking.esm.js
@@ -189,10 +189,10 @@ const ClusterPicking = {
             scan_destination_qty: 0,
             states: {
                 start: {
-                    on_get_work: (evt) => {
+                    on_get_work: () => {
                         this.wait_call(this.odoo.call("find_batch"));
                     },
-                    on_manual_selection: (evt) => {
+                    on_manual_selection: () => {
                         this.wait_call(this.odoo.call("list_batch"));
                     },
                 },
@@ -375,8 +375,8 @@ const ClusterPicking = {
                         // FIXME: use state_load or traverse the state
                         // this.current_state_key = "unload_all";
                         // this.state.on_scan(scanned, confirmation);
-                        confirmation = this.state.data.confirmation || "";
-                        this.states.unload_all.on_scan(scanned, confirmation);
+                        const confirm = this.state.data.confirmation || confirmation;
+                        this.states.unload_all.on_scan(scanned, confirm);
                     },
                 },
                 unload_single: {
@@ -422,7 +422,8 @@ const ClusterPicking = {
                         this.wait_call(
                             this.odoo.call("unload_scan_destination", {
                                 picking_batch_id: this.current_batch().id,
-                                package_id: null, // FIXME: where does it come from? backend data?
+                                // FIXME: where does it come from? backend data?
+                                package_id: null,
                                 barcode: scanned.text,
                                 confirmation: this.state.data.confirmation || "",
                             })
diff --git a/shopfloor_mobile/static/wms/src/scenario/delivery.esm.js b/shopfloor_mobile/static/wms/src/scenario/delivery.esm.js
index c9a2f9b56..b4b7c2921 100644
--- a/shopfloor_mobile/static/wms/src/scenario/delivery.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/delivery.esm.js
@@ -129,12 +129,13 @@ const Delivery = {
                     "package_src"
                 ),
                 group_color_maker: function (lines) {
-                    return self.utils.wms.move_lines_completeness(lines) == 100
+                    return self.utils.wms.move_lines_completeness(lines) === 100
                         ? "screen_step_done"
                         : "screen_step_todo";
                 },
             });
         },
+        /* eslint-disable no-unused-vars */
         deliver_move_line_list_options: function (picking) {
             return {
                 list_item_options: {
@@ -174,9 +175,8 @@ const Delivery = {
             const operation_progress = this._get_operation_progress_data();
             if (operation_progress.done === operation_progress.to_do) {
                 return this.utils.colors.color_for("screen_step_done");
-            } else {
-                return this.utils.colors.color_for("screen_step_todo");
             }
+            return this.utils.colors.color_for("screen_step_todo");
         },
         _get_operation_progress_data: function () {
             return _.result(this.state, "data.sublocation.operation_progress", false);
@@ -202,6 +202,7 @@ const Delivery = {
                 {
                     path: "move_line_count",
                     label: "Lines",
+
                     renderer: function (rec, field) {
                         return (
                             self.utils.wms.completed_move_lines(rec.move_lines) +
@@ -236,6 +237,7 @@ const Delivery = {
                             this.odoo.call("scan_deliver", {barcode: scanned.text})
                         );
                     },
+
                     on_manual_selection: (evt) => {
                         this.wait_call(this.odoo.call("list_stock_picking"));
                     },
@@ -257,6 +259,7 @@ const Delivery = {
                             })
                         );
                     },
+
                     on_manual_selection: (evt) => {
                         this.wait_call(
                             this.odoo.call("list_stock_picking", {
@@ -265,7 +268,8 @@ const Delivery = {
                         );
                     },
                     on_cancel: (data) => {
-                        let endpoint, endpoint_data;
+                        let endpoint = "";
+                        let endpoint_data = "";
                         // TODO: can't we have a single endpoint as per checkout.summary.destroy?
                         if (data.package_id) {
                             endpoint = "reset_qty_done_pack";
diff --git a/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.esm.js b/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.esm.js
index c5246af8d..6f21fe59c 100644
--- a/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.esm.js
@@ -190,10 +190,11 @@ const LocationContentTransfer = {
         },
         // Common actions
         on_line_action: function (action) {
-            this["on_" + action.event_name].call(this);
+            this["on_" + action.event_name](this);
         },
         on_action_postpone: function () {
-            let endpoint, endpoint_data;
+            let endpoint = "";
+            let endpoint_data = {};
             const data = this.state.data;
             if (data.package_level) {
                 endpoint = "postpone_package";
@@ -235,9 +236,11 @@ const LocationContentTransfer = {
                     },
                 },
                 get_work: {
+                    /* eslint-disable no-unused-vars */
                     on_get_work: (evt) => {
                         this.wait_call(this.odoo.call("find_work"));
                     },
+                    /* eslint-disable no-unused-vars */
                     on_manual_selection: (evt) => {
                         this.state_to("scan_location");
                     },
@@ -292,7 +295,8 @@ const LocationContentTransfer = {
                         ),
                     },
                     on_scan: (scanned) => {
-                        let endpoint, endpoint_data;
+                        let endpoint = "";
+                        let endpoint_data = {};
                         const data = this.state.data;
                         if (data.package_level) {
                             endpoint = "scan_package";
@@ -329,7 +333,8 @@ const LocationContentTransfer = {
                         this.scan_destination_qty = parseInt(qty, 10);
                     },
                     on_scan: (scanned) => {
-                        let endpoint, endpoint_data;
+                        let endpoint = "";
+                        let endpoint_data = {};
                         const data = this.state.data;
                         if (data.package_level) {
                             endpoint = "set_destination_package";
@@ -363,7 +368,8 @@ const LocationContentTransfer = {
                         this.reset_notification();
                     },
                     on_confirm_stock_issue: () => {
-                        let endpoint, endpoint_data;
+                        let endpoint = "";
+                        let endpoint_data = {};
                         const data = this.state.data;
                         if (data.package_level) {
                             endpoint = "stock_out_package";
diff --git a/shopfloor_mobile/static/wms/src/scenario/zone_picking.esm.js b/shopfloor_mobile/static/wms/src/scenario/zone_picking.esm.js
index 91f646378..0f45156ac 100644
--- a/shopfloor_mobile/static/wms/src/scenario/zone_picking.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/zone_picking.esm.js
@@ -378,6 +378,7 @@ const ZonePicking = {
                 },
             ];
         },
+        /* eslint-disable no-unused-vars */
         picking_type_render_lines_count(record, field) {
             return _.template("(${counters}) ${name}")({
                 counters: this.$t("misc.lines_count", record),
@@ -525,9 +526,8 @@ const ZonePicking = {
                     renderer: function (rec, field) {
                         if (rec.handle_complete_mix_pack) {
                             return "";
-                        } else {
-                            return rec.product.display_name;
                         }
+                        return rec.product.display_name;
                     },
                 },
                 {
@@ -583,7 +583,7 @@ const ZonePicking = {
         },
         toggle_sort_lines_by() {
             this.order_lines_by =
-                this.order_lines_by == "priority" ? "location" : "priority";
+                this.order_lines_by === "priority" ? "location" : "priority";
             return this.list_move_lines(this.current_picking_type().id);
         },
         list_move_lines(picking_type_id) {
@@ -594,7 +594,7 @@ const ZonePicking = {
             return this.wait_call(this.odoo.call("list_move_lines", {}));
         },
         scan_source(barcode) {
-            let data = {
+            const data = {
                 barcode: barcode,
                 confirmation: this.state.data.confirmation_required || "",
             };
@@ -670,7 +670,7 @@ const ZonePicking = {
     },
     computed: {
         sort_lines_by_btn_label() {
-            return this.order_lines_by == "priority"
+            return this.order_lines_by === "priority"
                 ? this.$t("order_lines_by.location")
                 : this.$t("order_lines_by.priority");
         },
@@ -783,12 +783,11 @@ const ZonePicking = {
                                         return "Scan product / lot";
                                     }
                                     return "Scan product";
-                                } else {
-                                    if (this.any_line_with_lot()) {
-                                        return "Scan pack / product / lot";
-                                    }
-                                    return "Scan pack / product";
                                 }
+                                if (this.any_line_with_lot()) {
+                                    return "Scan pack / product / lot";
+                                }
+                                return "Scan pack / product";
                             }
                             if (this.any_line_with_lot()) {
                                 return "Scan location / pack / product / lot";
@@ -817,8 +816,8 @@ const ZonePicking = {
                         while (!barcode) {
                             _.forEach(
                                 ["lot.name", "product.barcode", "location_src.barcode"],
-                                function (path) {
-                                    barcode = _.result(selected, path);
+                                function (pth) {
+                                    barcode = _.result(selected, pth);
                                 }
                             );
                         }
@@ -863,16 +862,14 @@ const ZonePicking = {
                             // Only locations are allowed.
                             display_info.scan_placeholder =
                                 display_info.scan_placeholder_location;
+                        } else if (full_qty === 0 || full_qty === false) {
+                            // Only packages are allowed.
+                            display_info.scan_placeholder =
+                                display_info.scan_placeholder_package;
                         } else {
-                            if (!full_qty) {
-                                // Only packages are allowed.
-                                display_info.scan_placeholder =
-                                    display_info.scan_placeholder_package;
-                            } else {
-                                // Both are allowed.
-                                display_info.scan_placeholder =
-                                    display_info.scan_placeholder_full;
-                            }
+                            // Both are allowed.
+                            display_info.scan_placeholder =
+                                display_info.scan_placeholder_full;
                         }
                     },
                     on_scan: (scanned) => {
@@ -889,7 +886,7 @@ const ZonePicking = {
                                 barcode: scanned.text,
                                 quantity: quantity,
                                 confirmation: data.confirmation_required || "",
-                                // package_id: data.is_complete_mix_pack ? data.move_line.package_src.id : null,
+                                // Package_id: data.is_complete_mix_pack ? data.move_line.package_src.id : null,
                                 handle_complete_mix_pack: data.handle_complete_mix_pack,
                             })
                         );
diff --git a/shopfloor_mobile/static/wms/src/wms_utils.esm.js b/shopfloor_mobile/static/wms/src/wms_utils.esm.js
index a086133c3..4c4c43974 100644
--- a/shopfloor_mobile/static/wms/src/wms_utils.esm.js
+++ b/shopfloor_mobile/static/wms/src/wms_utils.esm.js
@@ -7,16 +7,17 @@
 import {utils_registry} from "/shopfloor_mobile_base/static/wms/src/services/utils_registry.js";
 
 export class WMSUtils {
-    group_lines_by_location(lines, options) {
+    group_lines_by_location(lines, opts) {
         const self = this;
         // {'key': 'no-group', 'title': '', 'records': []}
-        options = _.defaults(options || {}, {
+        const options = _.defaults(opts || {}, {
             group_key: "location_src",
             group_no_title: false,
             name_prefix: "Location",
             prepare_records: function (recs) {
                 return recs;
             },
+            /* eslint-disable no-unused-vars */
             group_color_maker: function (recs) {
                 return "";
             },
@@ -32,11 +33,12 @@ export class WMSUtils {
         // TODO: grouped.forEach?
         _.forEach(grouped, function (value, loc_id) {
             const location = _.first(_.filter(locations, {id: parseInt(loc_id, 10)}));
-            const title = options.group_no_title
-                ? ""
-                : options.name_prefix
-                ? options.name_prefix + ": " + location.name
-                : location.name;
+            let title = location.name;
+            if (options.group_no_title) {
+                title = "";
+            } else if (options.name_prefix) {
+                title = options.name_prefix + ": " + location.name;
+            }
             res.push({
                 _is_group: true,
                 key: loc_id,
@@ -48,10 +50,10 @@ export class WMSUtils {
         return res;
     }
 
-    group_lines_by_locations(lines, options) {
+    group_lines_by_locations(lines, opts) {
         const self = this;
         // {key: 'no-group', location_src: {}, location_dest: {} records: []}
-        options = _.defaults(options || {}, {
+        const options = _.defaults(opts || {}, {
             prepare_records: function (recs) {
                 return recs;
             },
@@ -86,10 +88,10 @@ export class WMSUtils {
         return res;
     }
 
-    group_lines_by_product(lines, options) {
+    group_lines_by_product(lines, opts) {
         const self = this;
         // {'key': 'no-group', 'title': '', 'records': []}
-        options = _.defaults(options || {}, {
+        const options = _.defaults(opts || {}, {
             group_no_title: false,
             prepare_records: function (recs) {
                 return recs;
@@ -101,18 +103,19 @@ export class WMSUtils {
         const res = [];
         const products = _.uniqBy(
             _.map(lines, function (x) {
-                return x["product"];
+                return x.product;
             }),
             "id"
         );
         const grouped = _.groupBy(lines, "product.id");
         _.forEach(grouped, function (value, prod_id) {
             const product = _.first(_.filter(products, {id: parseInt(prod_id, 10)}));
-            const title = options.group_no_title
-                ? ""
-                : options.name_prefix
-                ? options.name_prefix + ": " + product.name
-                : product.name;
+            let title = product.name;
+            if (options.group_no_title) {
+                title = "";
+            } else if (options.name_prefix) {
+                title = `${options.name_prefix}: ${product.name}`;
+            }
             res.push({
                 _is_group: true,
                 key: prod_id,
@@ -169,8 +172,8 @@ export class WMSUtils {
             res.push({
                 _is_group: true,
                 // GroupBy gives undefined as string
-                key: packaging_name == "undefined" ? "no-packaging" : packaging_name,
-                title: packaging_name == "undefined" ? "" : packaging_name,
+                key: packaging_name === "undefined" ? "no-packaging" : packaging_name,
+                title: packaging_name === "undefined" ? "" : packaging_name,
                 records: products,
             });
         });
@@ -201,7 +204,7 @@ export class WMSUtils {
         const res = [];
         grouped.forEach(function (group) {
             if (group.pack) {
-                let single_line = group.records[0];
+                const single_line = group.records[0];
                 single_line._grouped_by_pack = true;
                 single_line._pack_lines = group.records;
                 res.push(single_line);
@@ -244,11 +247,11 @@ export class WMSUtils {
             line = line.records[0];
         }
         let klass = "";
-        if (line.qty_done == line.quantity) {
+        if (line.qty_done === line.quantity) {
             klass = "done screen_step_done lighten-1";
         } else if (line.qty_done && line.qty_done < line.quantity) {
             klass = "partial screen_step_todo lighten-2";
-        } else if (line.qty_done == 0) {
+        } else if (line.qty_done === 0) {
             klass = "not-done screen_step_todo lighten-1";
         }
         return "move-line-" + klass;
@@ -259,7 +262,7 @@ export class WMSUtils {
         if (!records) {
             return;
         }
-        let avg_progress =
+        const avg_progress =
             records.reduce((acc, next) => {
                 return next.progress + acc;
             }, 0) / records.length;
@@ -283,7 +286,7 @@ export class WMSUtils {
      *
      * @param {*} line The move line
      */
-    move_line_product_detail_options(line, options = {}) {
+    move_line_product_detail_options(line, opts = {}) {
         const self = this;
         const default_fields = [
             {path: "product.supplier_code", label: "Vendor code", klass: "loud"},
@@ -301,7 +304,7 @@ export class WMSUtils {
             },
             {path: "product.qty_available", label: "Qty on hand"},
         ];
-        options = _.defaults({}, options, {
+        const options = _.defaults({}, opts, {
             main: true,
             key_title: "product.display_name",
             title_action_field: {

From 657faa69854b45e00a14cb51f113d5519fef5386 Mon Sep 17 00:00:00 2001
From: Simone Orsi <simahawk@gmail.com>
Date: Mon, 28 Jul 2025 16:39:54 +0200
Subject: [PATCH 3/4] shopfloor_mobile: migrate to v18

---
 .pre-commit-config.yaml          | 1 -
 shopfloor_mobile/__manifest__.py | 4 ++--
 shopfloor_mobile/pyproject.toml  | 3 +++
 3 files changed, 5 insertions(+), 3 deletions(-)
 create mode 100644 shopfloor_mobile/pyproject.toml

diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 3ac45e21f..666f65c37 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -1,7 +1,6 @@
 exclude: |
   (?x)
   # NOT INSTALLABLE ADDONS
-  ^shopfloor_mobile/|
   # END NOT INSTALLABLE ADDONS
   # Files and folders generated by bots, to avoid loops
   ^setup/|/static/description/index\.html$|
diff --git a/shopfloor_mobile/__manifest__.py b/shopfloor_mobile/__manifest__.py
index 1221604f1..3789176ed 100644
--- a/shopfloor_mobile/__manifest__.py
+++ b/shopfloor_mobile/__manifest__.py
@@ -5,13 +5,13 @@
 {
     "name": "Shopfloor mobile",
     "summary": "Mobile frontend for WMS Shopfloor app",
-    "version": "16.0.1.4.0",
+    "version": "18.0.1.0.0",
     "depends": ["shopfloor", "shopfloor_mobile_base"],
     "author": "Camptocamp, BCIM, Akretion, Odoo Community Association (OCA)",
     "maintainers": ["simahawk"],
     "website": "https://github.com/OCA/stock-logistics-shopfloor",
     "category": "Warehouse Management",
     "license": "AGPL-3",
-    "installable": False,
+    "installable": True,
     "data": ["templates/assets.xml"],
 }
diff --git a/shopfloor_mobile/pyproject.toml b/shopfloor_mobile/pyproject.toml
new file mode 100644
index 000000000..4231d0ccc
--- /dev/null
+++ b/shopfloor_mobile/pyproject.toml
@@ -0,0 +1,3 @@
+[build-system]
+requires = ["whool"]
+build-backend = "whool.buildapi"

From 5221f120f539c46f4c9674e4df869debf7c647e2 Mon Sep 17 00:00:00 2001
From: Simone Orsi <simahawk@gmail.com>
Date: Tue, 29 Jul 2025 13:32:05 +0200
Subject: [PATCH 4/4] shopfloor_mobile: v18 mig JS

---
 .../static/wms/src/components/detail/detail_location.esm.js | 2 +-
 .../static/wms/src/components/detail/detail_lot.esm.js      | 2 +-
 .../wms/src/components/detail/detail_operation.esm.js       | 2 +-
 .../static/wms/src/components/detail/detail_package.esm.js  | 2 +-
 .../static/wms/src/components/detail/detail_product.esm.js  | 2 +-
 .../static/wms/src/components/detail/detail_transfer.esm.js | 2 +-
 shopfloor_mobile/static/wms/src/components/misc.esm.js      | 2 +-
 .../scenario_picking_detail/picking_select.esm.js           | 2 +-
 .../scenario_picking_detail/picking_summary.esm.js          | 2 +-
 shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js   | 2 +-
 .../static/wms/src/demo/demo.cluster_picking.esm.js         | 2 +-
 shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js   | 2 +-
 .../wms/src/demo/demo.location_content_transfer.esm.js      | 2 +-
 .../static/wms/src/demo/demo.scan_anything.esm.js           | 2 +-
 .../static/wms/src/demo/demo.single_pack_transfer.esm.js    | 2 +-
 .../static/wms/src/demo/demo.zone_picking.esm.js            | 2 +-
 .../static/wms/src/i18n/add_translations_to_registry.esm.js | 2 +-
 shopfloor_mobile/static/wms/src/scenario/checkout.esm.js    | 6 +++---
 .../static/wms/src/scenario/cluster_picking.esm.js          | 4 ++--
 shopfloor_mobile/static/wms/src/scenario/delivery.esm.js    | 4 ++--
 .../wms/src/scenario/location_content_transfer.esm.js       | 4 ++--
 .../static/wms/src/scenario/single_pack_transfer.esm.js     | 4 ++--
 .../static/wms/src/scenario/zone_picking.esm.js             | 4 ++--
 shopfloor_mobile/static/wms/src/wms_utils.esm.js            | 2 +-
 24 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_location.esm.js b/shopfloor_mobile/static/wms/src/components/detail/detail_location.esm.js
index f0d58c126..b5870ac82 100644
--- a/shopfloor_mobile/static/wms/src/components/detail/detail_location.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/detail/detail_location.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+import {ItemDetailMixin} from "/shopfloor_mobile_base/static/src/components/detail/detail_mixin.esm.js";
 
 Vue.component("detail-location", {
     mixins: [ItemDetailMixin],
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_lot.esm.js b/shopfloor_mobile/static/wms/src/components/detail/detail_lot.esm.js
index f34f8addc..69a8c1636 100644
--- a/shopfloor_mobile/static/wms/src/components/detail/detail_lot.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/detail/detail_lot.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+import {ItemDetailMixin} from "/shopfloor_mobile_base/static/src/components/detail/detail_mixin.esm.js";
 
 // TODO: this should be probably merged or combined w/ detail-product
 Vue.component("detail-lot", {
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_operation.esm.js b/shopfloor_mobile/static/wms/src/components/detail/detail_operation.esm.js
index 6168601bf..4ef135d1e 100644
--- a/shopfloor_mobile/static/wms/src/components/detail/detail_operation.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/detail/detail_operation.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+import {ItemDetailMixin} from "/shopfloor_mobile_base/static/src/components/detail/detail_mixin.esm.js";
 
 // TODO: this should probably trashed in favour of detail-transfer
 // ATM is used only by single pack transfer to display package level info.
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_package.esm.js b/shopfloor_mobile/static/wms/src/components/detail/detail_package.esm.js
index 2ec7ffd0c..37773d411 100644
--- a/shopfloor_mobile/static/wms/src/components/detail/detail_package.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/detail/detail_package.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+import {ItemDetailMixin} from "/shopfloor_mobile_base/static/src/components/detail/detail_mixin.esm.js";
 
 Vue.component("detail-package", {
     mixins: [ItemDetailMixin],
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_product.esm.js b/shopfloor_mobile/static/wms/src/components/detail/detail_product.esm.js
index c4092cd47..6ec6d8f62 100644
--- a/shopfloor_mobile/static/wms/src/components/detail/detail_product.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/detail/detail_product.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+import {ItemDetailMixin} from "/shopfloor_mobile_base/static/src/components/detail/detail_mixin.esm.js";
 
 // TODO: refactor according to new data from backend and maybe merge w/ `detail-lot`
 Vue.component("detail-product", {
diff --git a/shopfloor_mobile/static/wms/src/components/detail/detail_transfer.esm.js b/shopfloor_mobile/static/wms/src/components/detail/detail_transfer.esm.js
index 98422500a..4644dda7d 100644
--- a/shopfloor_mobile/static/wms/src/components/detail/detail_transfer.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/detail/detail_transfer.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+import {ItemDetailMixin} from "/shopfloor_mobile_base/static/src/components/detail/detail_mixin.esm.js";
 
 Vue.component("detail-transfer", {
     mixins: [ItemDetailMixin],
diff --git a/shopfloor_mobile/static/wms/src/components/misc.esm.js b/shopfloor_mobile/static/wms/src/components/misc.esm.js
index b5093e3b6..ac11bf4e9 100644
--- a/shopfloor_mobile/static/wms/src/components/misc.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/misc.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+import {ItemDetailMixin} from "/shopfloor_mobile_base/static/src/components/detail/detail_mixin.esm.js";
 
 // TODO: could be merged w/ userConfirmation
 Vue.component("last-operation", {
diff --git a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js
index cc3167a75..5267ff3cf 100644
--- a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+import {ItemDetailMixin} from "/shopfloor_mobile_base/static/src/components/detail/detail_mixin.esm.js";
 import {PickingDetailSelectMixin} from "./mixins.esm.js";
 
 Vue.component("detail-picking-select", {
diff --git a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js
index 18b504cfe..6567fe39e 100644
--- a/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js
+++ b/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.esm.js
@@ -6,7 +6,7 @@
 
 /* eslint-disable sort-imports */
 import {PickingDetailListMixin} from "./mixins.esm.js";
-import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+import {ItemDetailMixin} from "/shopfloor_mobile_base/static/src/components/detail/detail_mixin.esm.js";
 
 Vue.component("picking-summary", {
     mixins: [PickingDetailListMixin],
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js b/shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js
index ef5fcb488..39f33762d 100644
--- a/shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js
+++ b/shopfloor_mobile/static/wms/src/demo/demo.checkout.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {demotools} from "/shopfloor_mobile_base/static/wms/src/demo/demo.core.js";
+import {demotools} from "/shopfloor_mobile_base/static/src/demo/demo.core.esm.js";
 
 const select_pack_picking = demotools.makePicking(
     {},
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.cluster_picking.esm.js b/shopfloor_mobile/static/wms/src/demo/demo.cluster_picking.esm.js
index 632d26280..4784d352d 100644
--- a/shopfloor_mobile/static/wms/src/demo/demo.cluster_picking.esm.js
+++ b/shopfloor_mobile/static/wms/src/demo/demo.cluster_picking.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {demotools} from "/shopfloor_mobile_base/static/wms/src/demo/demo.core.js";
+import {demotools} from "/shopfloor_mobile_base/static/src/demo/demo.core.esm.js";
 
 const DEMO_CLUSTER_PICKING_1 = {
     find_batch: {
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js b/shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js
index 48121f6c5..dd3a29c41 100644
--- a/shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js
+++ b/shopfloor_mobile/static/wms/src/demo/demo.delivery.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {demotools} from "/shopfloor_mobile_base/static/wms/src/demo/demo.core.js";
+import {demotools} from "/shopfloor_mobile_base/static/src/demo/demo.core.esm.js";
 
 const pickings = [];
 const count = 8;
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.location_content_transfer.esm.js b/shopfloor_mobile/static/wms/src/demo/demo.location_content_transfer.esm.js
index cc9a87696..360582b71 100644
--- a/shopfloor_mobile/static/wms/src/demo/demo.location_content_transfer.esm.js
+++ b/shopfloor_mobile/static/wms/src/demo/demo.location_content_transfer.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {demotools} from "/shopfloor_mobile_base/static/wms/src/demo/demo.core.js";
+import {demotools} from "/shopfloor_mobile_base/static/src/demo/demo.core.esm.js";
 
 // Case for recover existing work on single move line
 const recover_single_move_line_menu_id = demotools.addAppMenu({
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.scan_anything.esm.js b/shopfloor_mobile/static/wms/src/demo/demo.scan_anything.esm.js
index aaf9b08a0..3f0ad204c 100644
--- a/shopfloor_mobile/static/wms/src/demo/demo.scan_anything.esm.js
+++ b/shopfloor_mobile/static/wms/src/demo/demo.scan_anything.esm.js
@@ -5,7 +5,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {demotools} from "/shopfloor_mobile_base/static/wms/src/demo/demo.core.js";
+import {demotools} from "/shopfloor_mobile_base/static/src/demo/demo.core.esm.js";
 
 const DEMO_SCAN_ANYTHING_PACK1 = {
     data: {
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.single_pack_transfer.esm.js b/shopfloor_mobile/static/wms/src/demo/demo.single_pack_transfer.esm.js
index e8aa1ae0b..9a18d2f11 100644
--- a/shopfloor_mobile/static/wms/src/demo/demo.single_pack_transfer.esm.js
+++ b/shopfloor_mobile/static/wms/src/demo/demo.single_pack_transfer.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {demotools} from "/shopfloor_mobile_base/static/wms/src/demo/demo.core.js";
+import {demotools} from "/shopfloor_mobile_base/static/src/demo/demo.core.esm.js";
 
 // TODO: refactor w/ demotools data
 const CANCEL_MSG_DEFAULT = {
diff --git a/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.esm.js b/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.esm.js
index c87c034e1..ea30762f1 100644
--- a/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.esm.js
+++ b/shopfloor_mobile/static/wms/src/demo/demo.zone_picking.esm.js
@@ -4,7 +4,7 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {demotools} from "/shopfloor_mobile_base/static/wms/src/demo/demo.core.js";
+import {demotools} from "/shopfloor_mobile_base/static/src/demo/demo.core.esm.js";
 
 function _makePickingType() {
     const lines_count = demotools.getRandomInt(10);
diff --git a/shopfloor_mobile/static/wms/src/i18n/add_translations_to_registry.esm.js b/shopfloor_mobile/static/wms/src/i18n/add_translations_to_registry.esm.js
index 141f1ef83..5b3101522 100644
--- a/shopfloor_mobile/static/wms/src/i18n/add_translations_to_registry.esm.js
+++ b/shopfloor_mobile/static/wms/src/i18n/add_translations_to_registry.esm.js
@@ -1,4 +1,4 @@
-import {translation_registry} from "/shopfloor_mobile_base/static/wms/src/services/translation_registry.js";
+import {translation_registry} from "/shopfloor_mobile_base/static/src/services/translation_registry.esm.js";
 
 translation_registry.load("fr-FR", "/shopfloor_mobile/static/wms/src/i18n/fr.json");
 translation_registry.load("en-US", "/shopfloor_mobile/static/wms/src/i18n/en.json");
diff --git a/shopfloor_mobile/static/wms/src/scenario/checkout.esm.js b/shopfloor_mobile/static/wms/src/scenario/checkout.esm.js
index 40d66f33b..24b6aa2fe 100644
--- a/shopfloor_mobile/static/wms/src/scenario/checkout.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/checkout.esm.js
@@ -5,9 +5,9 @@
  */
 
 /* eslint-disable sort-imports */
-import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/wms/src/scenario/mixins.js";
-import event_hub from "/shopfloor_mobile_base/static/wms/src/services/event_hub.js";
-import {process_registry} from "/shopfloor_mobile_base/static/wms/src/services/process_registry.js";
+import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/src/scenario/mixins.esm.js";
+import event_hub from "/shopfloor_mobile_base/static/src/services/event_hub.esm.js";
+import {process_registry} from "/shopfloor_mobile_base/static/src/services/process_registry.esm.js";
 import {checkout_states} from "./checkout_states.esm.js";
 
 const Checkout = {
diff --git a/shopfloor_mobile/static/wms/src/scenario/cluster_picking.esm.js b/shopfloor_mobile/static/wms/src/scenario/cluster_picking.esm.js
index f66dad975..09dbe66cd 100644
--- a/shopfloor_mobile/static/wms/src/scenario/cluster_picking.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/cluster_picking.esm.js
@@ -4,8 +4,8 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/wms/src/scenario/mixins.js";
-import {process_registry} from "/shopfloor_mobile_base/static/wms/src/services/process_registry.js";
+import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/src/scenario/mixins.esm.js";
+import {process_registry} from "/shopfloor_mobile_base/static/src/services/process_registry.esm.js";
 
 // TODO: consider replacing the dynamic "autofocus" in the searchbar by an event.
 // At the moment, we need autofocus to be disabled if there's a user popup.
diff --git a/shopfloor_mobile/static/wms/src/scenario/delivery.esm.js b/shopfloor_mobile/static/wms/src/scenario/delivery.esm.js
index b4b7c2921..c607ef00a 100644
--- a/shopfloor_mobile/static/wms/src/scenario/delivery.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/delivery.esm.js
@@ -4,8 +4,8 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/wms/src/scenario/mixins.js";
-import {process_registry} from "/shopfloor_mobile_base/static/wms/src/services/process_registry.js";
+import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/src/scenario/mixins.esm.js";
+import {process_registry} from "/shopfloor_mobile_base/static/src/services/process_registry.esm.js";
 
 const Delivery = {
     mixins: [ScenarioBaseMixin],
diff --git a/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.esm.js b/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.esm.js
index 6f21fe59c..3f121c97d 100644
--- a/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/location_content_transfer.esm.js
@@ -4,8 +4,8 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/wms/src/scenario/mixins.js";
-import {process_registry} from "/shopfloor_mobile_base/static/wms/src/services/process_registry.js";
+import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/src/scenario/mixins.esm.js";
+import {process_registry} from "/shopfloor_mobile_base/static/src/services/process_registry.esm.js";
 
 // TODO: consider replacing the dynamic "autofocus" in the searchbar by an event.
 // At the moment, we need autofocus to be disabled if there's a user popup.
diff --git a/shopfloor_mobile/static/wms/src/scenario/single_pack_transfer.esm.js b/shopfloor_mobile/static/wms/src/scenario/single_pack_transfer.esm.js
index 9a4f17e9e..e319a3491 100644
--- a/shopfloor_mobile/static/wms/src/scenario/single_pack_transfer.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/single_pack_transfer.esm.js
@@ -6,8 +6,8 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/wms/src/scenario/mixins.js";
-import {process_registry} from "/shopfloor_mobile_base/static/wms/src/services/process_registry.js";
+import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/src/scenario/mixins.esm.js";
+import {process_registry} from "/shopfloor_mobile_base/static/src/services/process_registry.esm.js";
 
 export var SinglePackStatesMixin = {
     data: function () {
diff --git a/shopfloor_mobile/static/wms/src/scenario/zone_picking.esm.js b/shopfloor_mobile/static/wms/src/scenario/zone_picking.esm.js
index 0f45156ac..6960d0315 100644
--- a/shopfloor_mobile/static/wms/src/scenario/zone_picking.esm.js
+++ b/shopfloor_mobile/static/wms/src/scenario/zone_picking.esm.js
@@ -4,8 +4,8 @@
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
 
-import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/wms/src/scenario/mixins.js";
-import {process_registry} from "/shopfloor_mobile_base/static/wms/src/services/process_registry.js";
+import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/src/scenario/mixins.esm.js";
+import {process_registry} from "/shopfloor_mobile_base/static/src/services/process_registry.esm.js";
 
 // TODO: consider replacing the dynamic "autofocus" in the searchbar by an event.
 // At the moment, we need autofocus to be disabled if there's a user popup.
diff --git a/shopfloor_mobile/static/wms/src/wms_utils.esm.js b/shopfloor_mobile/static/wms/src/wms_utils.esm.js
index 4c4c43974..6f371f3e5 100644
--- a/shopfloor_mobile/static/wms/src/wms_utils.esm.js
+++ b/shopfloor_mobile/static/wms/src/wms_utils.esm.js
@@ -4,7 +4,7 @@
  * @author Simone Orsi <simahawk@gmail.com>
  * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
  */
-import {utils_registry} from "/shopfloor_mobile_base/static/wms/src/services/utils_registry.js";
+import {utils_registry} from "/shopfloor_mobile_base/static/src/services/utils_registry.esm.js";
 
 export class WMSUtils {
     group_lines_by_location(lines, opts) {