@fleetbase/fleetops-engine 0.6.51 → 0.6.53

package/addon/routes.js

@@ -71,6 +71,7 @@ export default buildRoutes(function () {
                 this.route('details', { path: '/:public_id' }, function () {
                     this.route('index', { path: '/' });
                     this.route('positions');
+                    this.route('activity');
                     this.route('schedule');
                     this.route('virtual', { path: '/:slug' });
                 });
@@ -135,6 +136,11 @@ export default buildRoutes(function () {
                 this.route('edit', { path: '/edit/:public_id' });
             });
         });
+        this.route('fuel-transactions', function () {
+            this.route('index', { path: '/' }, function () {
+                this.route('details', { path: '/:public_id' });
+            });
+        });
         this.route('issues', function () {
             this.route('index', { path: '/' }, function () {
                 this.route('new');
@@ -146,16 +152,29 @@ export default buildRoutes(function () {
         });
     });
     this.route('connectivity', function () {
+        this.route('fuel-providers', { path: '/fuel-integrations' }, function () {
+            this.route('index', { path: '/' });
+            this.route('new');
+            this.route('edit', { path: '/edit/:public_id' });
+            this.route('details', { path: '/:public_id' }, function () {
+                this.route('index', { path: '/' });
+                this.route('sync');
+                this.route('matching');
+                this.route('transactions');
+                this.route('settings');
+            });
+        });
         this.route('telematics', function () {
-            this.route('index', { path: '/' }, function () {
-                this.route('new');
-                this.route('edit', { path: '/edit/:public_id' });
-                this.route('details', { path: '/:public_id' }, function () {
-                    this.route('index', { path: '/' });
-                    this.route('devices');
-                    this.route('sensors');
-                    this.route('events');
-                });
+            this.route('index', { path: '/' });
+            this.route('new');
+            this.route('edit', { path: '/edit/:public_id' });
+            this.route('details', { path: '/:public_id' }, function () {
+                this.route('index', { path: '/' });
+                this.route('devices');
+                this.route('attachments');
+                this.route('sensors');
+                this.route('events');
+                this.route('logs');
             });
         });
 

package/addon/services/device-actions.js

@@ -1,6 +1,9 @@
-import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
+import ResourceActionService, { inject as service } from '@fleetbase/ember-core/services/resource-action';
+import { action } from '@ember/object';
 
 export default class DeviceActionsService extends ResourceActionService {
+    @service fetch;
+
     constructor() {
         super(...arguments);
         this.initialize('device');
@@ -78,4 +81,64 @@ export default class DeviceActionsService extends ResourceActionService {
             });
         },
     };
+
+    @action attachToVehicle(device, options = {}) {
+        this.modalsManager.show('modals/attach-telematic-device', {
+            title: this.intl.t('device.prompts.attach-to-vehicle-title'),
+            acceptButtonText: this.intl.t('device.actions.attach-to-vehicle'),
+            acceptButtonIcon: 'link',
+            device,
+            selectedVehicle: null,
+            confirm: async (modal) => {
+                const selectedVehicle = modal.getOption('selectedVehicle');
+
+                if (!selectedVehicle) {
+                    return this.notifications.warning(this.intl.t('device.prompts.select-vehicle-warning'));
+                }
+
+                modal.startLoading();
+
+                try {
+                    await this.fetch.post(`devices/${device.id}/attach`, { vehicle: selectedVehicle.id });
+                    await device.reload?.();
+                    this.notifications.success(this.intl.t('device.prompts.attach-to-vehicle-success'));
+                    modal.done();
+                    this.refresh();
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+            ...options,
+        });
+    }
+
+    @action detachFromVehicle(device, options = {}) {
+        const deviceName = device.displayName ?? device.name ?? this.intl.t('resource.device');
+        const vehicleName = device.attached_to_name ?? device.attachable?.display_name ?? device.attachable?.name;
+
+        if (!device.attachable_uuid && !vehicleName) {
+            return this.notifications.warning(this.intl.t('device.prompts.not-attached-warning', { deviceName }));
+        }
+
+        this.modalsManager.confirm({
+            title: this.intl.t('device.prompts.detach-from-vehicle-title', { deviceName }),
+            body: this.intl.t('device.prompts.detach-from-vehicle-body', { deviceName, vehicleName: vehicleName ?? this.intl.t('resource.vehicle') }),
+            confirm: async (modal) => {
+                modal.startLoading();
+
+                try {
+                    await this.fetch.post(`devices/${device.id}/detach`);
+                    await device.reload?.();
+                    this.notifications.success(this.intl.t('device.prompts.detach-from-vehicle-success'));
+                    modal.done();
+                    this.refresh();
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+            ...options,
+        });
+    }
 }

package/addon/services/device-event-actions.js

@@ -1,9 +1,13 @@
+import { inject as service } from '@ember/service';
 import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
 
 export default class DeviceEventActionsService extends ResourceActionService {
+    @service fetch;
+    @service notifications;
+
     constructor() {
         super(...arguments);
-        this.initialize('device');
+        this.initialize('device-event');
     }
 
     transition = {
@@ -34,4 +38,11 @@ export default class DeviceEventActionsService extends ResourceActionService {
             });
         },
     };
+
+    async markProcessed(deviceEvent) {
+        const response = await this.fetch.post(`device-events/${deviceEvent.id}/mark-processed`);
+        this.notifications.success(response?.message ?? 'Event marked processed.');
+
+        return response;
+    }
 }

package/addon/services/driver-actions.js

@@ -7,6 +7,7 @@ import { dasherize } from '@ember/string';
 
 export default class DriverActionsService extends ResourceActionService {
     @service('universe/menu-service') menuService;
+    @service fetch;
 
     get registeredTabs() {
         const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:driver:details');
@@ -176,8 +177,8 @@ export default class DriverActionsService extends ResourceActionService {
 
     @action assignOrder(driver, options = {}) {
         this.modalsManager.show('modals/driver-assign-order', {
-            title: this.intl.t('fleet-ops.management.drivers.index.order-driver'),
-            acceptButtonText: this.intl.t('fleet-ops.management.drivers.index.assign-order'),
+            title: this.intl.t('driver.prompts.assign-order-title', { driverName: driver.name }),
+            acceptButtonText: this.intl.t('driver.actions.assign-order'),
             acceptButtonIcon: 'check',
             acceptButtonIconPrefix: 'fas',
             acceptButtonDisabled: true,
@@ -191,18 +192,20 @@ export default class DriverActionsService extends ResourceActionService {
             confirm: async (modal) => {
                 const selectedOrder = modal.getOption('selectedOrder');
                 if (!selectedOrder) {
-                    return this.notifications.warning(this.intl.t('fleet-ops.management.drivers.index.no-order-warning'));
+                    return this.notifications.warning(this.intl.t('driver.prompts.select-order-warning'));
                 }
 
                 modal.startLoading();
 
                 try {
-                    driver.set('current_job_uuid', selectedOrder.id);
-                    await driver.save();
+                    await this.fetch.post(`drivers/${driver.id}/assign-order`, { order: selectedOrder.id });
+                    await driver.reload?.();
+                    this.notifications.success(this.intl.t('driver.prompts.assign-order-success', { driverName: driver.name }));
+                    modal.done();
+                    this.refresh();
                 } catch (err) {
                     this.notifications.serverError(err);
                     driver.rollbackAttributes();
-                } finally {
                     modal.stopLoading();
                 }
             },
@@ -212,8 +215,8 @@ export default class DriverActionsService extends ResourceActionService {
 
     @action assignVehicle(driver, options = {}) {
         this.modalsManager.show('modals/driver-assign-vehicle', {
-            title: this.intl.t('fleet-ops.management.drivers.index.title-vehicle'),
-            acceptButtonText: this.intl.t('fleet-ops.management.drivers.index.confirm-button'),
+            title: this.intl.t('driver.prompts.assign-vehicle-title', { driverName: driver.name }),
+            acceptButtonText: this.intl.t('driver.actions.assign-vehicle'),
             acceptButtonIcon: 'check',
             hideDeclineButton: true,
             driver,
@@ -221,16 +224,149 @@ export default class DriverActionsService extends ResourceActionService {
                 modal.startLoading();
 
                 try {
-                    await driver.save();
-                    this.notifications.success(this.intl.t('fleet-ops.management.drivers.index.assign-vehicle', { driverName: driver.name }));
+                    const vehicleId = driver.vehicle_uuid ?? driver.vehicle?.id;
+                    if (!vehicleId) {
+                        modal.stopLoading();
+                        return this.notifications.warning(this.intl.t('driver.prompts.select-vehicle-warning'));
+                    }
+
+                    await this.fetch.post(`drivers/${driver.id}/assign-vehicle`, { vehicle: vehicleId });
+                    await driver.reload?.();
+                    this.notifications.success(this.intl.t('driver.prompts.assign-vehicle-success', { driverName: driver.name }));
+                    modal.done();
+                    this.refresh();
                 } catch (err) {
                     this.notifications.serverError(err);
                     driver.rollbackAttributes();
-                } finally {
                     modal.stopLoading();
                 }
             },
             ...options,
         });
     }
+
+    @action unassignOrder(driver, options = {}) {
+        return this.unassignOrders(driver, options);
+    }
+
+    @action async unassignOrders(driver, options = {}) {
+        let response;
+
+        try {
+            response = await this.fetch.get(`drivers/${driver.id}/assigned-orders`);
+        } catch (error) {
+            return this.notifications.serverError(error);
+        }
+
+        const currentOrderId = response.current;
+        const orders = (response.orders ?? response.data ?? []).map((order) => ({
+            ...order,
+            is_current_job: [order.id, order.uuid, order.public_id].includes(currentOrderId),
+        }));
+
+        if (orders.length === 0) {
+            return this.notifications.warning(this.intl.t('driver.prompts.no-assigned-orders-warning', { driverName: driver.name }));
+        }
+
+        this.modalsManager.show('modals/assigned-orders', {
+            title: this.intl.t('driver.prompts.unassign-orders-title', { driverName: driver.name }),
+            acceptButtonText: this.intl.t('driver.actions.unassign-orders'),
+            acceptButtonIcon: 'user-minus',
+            acceptButtonDisabled: true,
+            subjectLabel: this.intl.t('resource.driver'),
+            subjectName: driver.name,
+            orders,
+            selectedOrderIds: [],
+            toggleOrder: (order) => {
+                const orderId = order.id;
+                const selected = this.modalsManager.getOption('selectedOrderIds') ?? [];
+                const selectedOrderIds = selected.includes(orderId) ? selected.filter((id) => id !== orderId) : [...selected, orderId];
+                this.modalsManager.setOption('selectedOrderIds', selectedOrderIds);
+                this.modalsManager.setOption('acceptButtonDisabled', selectedOrderIds.length === 0);
+            },
+            confirm: async (modal) => {
+                const selectedOrderIds = modal.getOption('selectedOrderIds') ?? [];
+                const selectedOrders = orders.filter((order) => selectedOrderIds.includes(order.id));
+
+                if (selectedOrders.length === 0) {
+                    return this.notifications.warning(this.intl.t('driver.prompts.select-orders-warning'));
+                }
+
+                const orderList = this.orderReferenceList(selectedOrders);
+                const confirmed = await this.confirmUnassignOrders({
+                    title: this.intl.t('driver.prompts.confirm-unassign-orders-title', { count: selectedOrders.length, driverName: driver.name }),
+                    body: this.intl.t('driver.prompts.confirm-unassign-orders-body', { driverName: driver.name, orders: orderList }),
+                });
+
+                if (!confirmed) {
+                    return;
+                }
+
+                modal.startLoading();
+
+                try {
+                    await this.fetch.post(`drivers/${driver.id}/unassign-orders`, { orders: selectedOrderIds });
+                    await driver.reload?.();
+                    this.notifications.success(this.intl.t('driver.prompts.unassign-orders-success', { count: selectedOrders.length, driverName: driver.name }));
+                    modal.done();
+                    this.refresh();
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+            ...options,
+        });
+    }
+
+    @action unassignVehicle(driver, options = {}) {
+        const vehicleName = driver.vehicle?.get?.('display_name') ?? driver.vehicle?.get?.('name') ?? driver.get?.('vehicle_name') ?? driver.vehicle_name;
+
+        if (!driver.vehicle_uuid && !driver.vehicle?.id && !vehicleName) {
+            return this.notifications.warning(this.intl.t('driver.prompts.no-vehicle-assigned-warning', { driverName: driver.name }));
+        }
+
+        this.modalsManager.confirm({
+            title: this.intl.t('driver.prompts.unassign-vehicle-title', { driverName: driver.name, vehicleName }),
+            body: this.intl.t('driver.prompts.unassign-vehicle-body', { driverName: driver.name, vehicleName }),
+            confirm: async (modal) => {
+                modal.startLoading();
+
+                try {
+                    await this.fetch.post(`drivers/${driver.id}/unassign-vehicle`);
+                    await driver.reload?.();
+                    this.notifications.success(this.intl.t('driver.prompts.unassign-vehicle-success', { driverName: driver.name, vehicleName }));
+                    modal.done();
+                    this.refresh();
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+            ...options,
+        });
+    }
+
+    orderReferenceList(orders) {
+        const references = orders.map((order) => order.tracking ?? order.public_id ?? order.id).filter(Boolean);
+
+        return references.length > 5 ? `${references.slice(0, 5).join(', ')} +${references.length - 5}` : references.join(', ');
+    }
+
+    async confirmUnassignOrders({ title, body }) {
+        return new Promise((resolve) => {
+            this.modalsManager.confirm({
+                title,
+                body,
+                confirm: (_modal, done) => {
+                    done();
+                    resolve(true);
+                },
+                decline: (_modal, done) => {
+                    done();
+                    resolve(false);
+                },
+            });
+        });
+    }
 }

package/addon/services/fleet-actions.js

@@ -1,6 +1,9 @@
-import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
+import ResourceActionService, { inject as service } from '@fleetbase/ember-core/services/resource-action';
+import { action } from '@ember/object';
 
 export default class FleetActionsService extends ResourceActionService {
+    @service fetch;
+
     constructor() {
         super(...arguments);
         this.initialize('fleet', { defaultAttributes: { status: 'active' } });
@@ -81,4 +84,66 @@ export default class FleetActionsService extends ResourceActionService {
             });
         },
     };
+
+    @action assignDriver(fleet, options = {}) {
+        this.modalsManager.show('modals/fleet-assign-driver', {
+            title: this.intl.t('fleet.prompts.assign-driver-title', { fleetName: fleet.name }),
+            acceptButtonText: this.intl.t('fleet.actions.assign-driver'),
+            acceptButtonIcon: 'user-plus',
+            selectedDriver: null,
+            fleet,
+            confirm: async (modal) => {
+                const selectedDriver = modal.getOption('selectedDriver');
+
+                if (!selectedDriver) {
+                    return this.notifications.warning(this.intl.t('fleet.prompts.select-driver-warning'));
+                }
+
+                modal.startLoading();
+
+                try {
+                    await this.fetch.post('fleets/assign-driver', { driver: selectedDriver.id, fleet: fleet.id });
+                    await fleet.reload?.();
+                    this.notifications.success(this.intl.t('fleet.prompts.assign-driver-success', { fleetName: fleet.name }));
+                    modal.done();
+                    this.refresh();
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+            ...options,
+        });
+    }
+
+    @action assignVehicle(fleet, options = {}) {
+        this.modalsManager.show('modals/fleet-assign-vehicle', {
+            title: this.intl.t('fleet.prompts.assign-vehicle-title', { fleetName: fleet.name }),
+            acceptButtonText: this.intl.t('fleet.actions.assign-vehicle'),
+            acceptButtonIcon: 'car',
+            selectedVehicle: null,
+            fleet,
+            confirm: async (modal) => {
+                const selectedVehicle = modal.getOption('selectedVehicle');
+
+                if (!selectedVehicle) {
+                    return this.notifications.warning(this.intl.t('fleet.prompts.select-vehicle-warning'));
+                }
+
+                modal.startLoading();
+
+                try {
+                    await this.fetch.post('fleets/assign-vehicle', { vehicle: selectedVehicle.id, fleet: fleet.id });
+                    await fleet.reload?.();
+                    this.notifications.success(this.intl.t('fleet.prompts.assign-vehicle-success', { fleetName: fleet.name }));
+                    modal.done();
+                    this.refresh();
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+            ...options,
+        });
+    }
 }

package/addon/services/fuel-integration-actions.js

@@ -0,0 +1,31 @@
+import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
+
+export default class FuelIntegrationActionsService extends ResourceActionService {
+    constructor() {
+        super(...arguments);
+        this.initialize('fuel-provider-connection', {
+            defaultAttributes: {
+                status: 'draft',
+                environment: 'production',
+                credentials: {},
+                sync_settings: {
+                    window_days: 7,
+                    matching_order: ['plate_number', 'internal_id', 'vin', 'serial_number', 'call_sign', 'fuel_card_number', 'trip_number'],
+                    auto_create_fuel_reports: true,
+                },
+            },
+        });
+    }
+
+    transition = {
+        view: (connection) => this.transitionTo('connectivity.fuel-providers.details', connection),
+        edit: (connection) => this.transitionTo('connectivity.fuel-providers.edit', connection),
+        create: (provider) => {
+            if (provider) {
+                return this.transitionTo('connectivity.fuel-providers.new', { queryParams: { setupProvider: provider } });
+            }
+
+            return this.transitionTo('connectivity.fuel-providers.new');
+        },
+    };
+}

package/addon/services/issue-actions.js

@@ -66,7 +66,7 @@ export default class IssueActionsService extends ResourceActionService {
             return this.modalsManager.show('modals/resource', {
                 resource: issue,
                 title: this.intl.t('common.create-a-new-resource', { resource: this.intl.t('resource.issue')?.toLowerCase() }),
-                acceptButtonText: this.intl.t('common.create-resource', { resource: this.intl.t('resource.Issue') }),
+                acceptButtonText: this.intl.t('common.create-resource', { resource: this.intl.t('resource.issue') }),
                 component: 'issue/form',
                 confirm: (modal) => this.modalTask.perform(modal, 'saveTask', issue, { refresh: true, ...saveOptions }),
                 ...options,

package/addon/services/telematic-actions.js

@@ -7,9 +7,15 @@ export default class TelematicActionsService extends ResourceActionService {
     }
 
     transition = {
-        view: (telematic) => this.transitionTo('connectivity.telematics.index.details', telematic),
-        edit: (telematic) => this.transitionTo('connectivity.telematics.index.edit', telematic),
-        create: () => this.transitionTo('connectivity.telematics.index.new'),
+        view: (telematic) => this.transitionTo('connectivity.telematics.details', telematic),
+        edit: (telematic) => this.transitionTo('connectivity.telematics.edit', telematic),
+        create: (provider) => {
+            if (provider) {
+                return this.transitionTo('connectivity.telematics.new', { queryParams: { setupProvider: provider } });
+            }
+
+            return this.transitionTo('connectivity.telematics.new');
+        },
     };
 
     panel = {

package/addon/services/vehicle-actions.js

@@ -7,6 +7,7 @@ import { dasherize } from '@ember/string';
 
 export default class VehicleActionsService extends ResourceActionService {
     @service('universe/menu-service') menuService;
+    @service fetch;
     @service maintenanceScheduleActions;
     @service workOrderActions;
     @service maintenanceActions;
@@ -183,6 +184,107 @@ export default class VehicleActionsService extends ResourceActionService {
         this.maintenanceActions.modal.create({ maintainable: vehicle });
     }
 
+    @action attachDevice(vehicle, options = {}) {
+        this.modalsManager.show('modals/attach-device', {
+            title: this.intl.t('vehicle.prompts.attach-device-title', { vehicleName: vehicle.displayName ?? vehicle.name }),
+            acceptButtonText: this.intl.t('vehicle.actions.attach-device'),
+            acceptButtonIcon: 'link',
+            selectedDevice: null,
+            vehicle,
+            confirm: async (modal) => {
+                const selectedDevice = modal.getOption('selectedDevice');
+
+                if (!selectedDevice) {
+                    return this.notifications.warning(this.intl.t('vehicle.prompts.select-device-warning'));
+                }
+
+                modal.startLoading();
+
+                try {
+                    await this.fetch.post(`vehicles/${vehicle.id}/attach-device`, { device: selectedDevice.id });
+                    await vehicle.reload?.();
+                    this.notifications.success(this.intl.t('vehicle.prompts.attach-device-success', { vehicleName: vehicle.displayName ?? vehicle.name }));
+                    modal.done();
+                    this.refresh();
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+            ...options,
+        });
+    }
+
+    @action async unassignOrders(vehicle, options = {}) {
+        let response;
+
+        try {
+            response = await this.fetch.get(`vehicles/${vehicle.id}/assigned-orders`);
+        } catch (error) {
+            return this.notifications.serverError(error);
+        }
+
+        const currentOrderId = response.current;
+        const orders = (response.orders ?? response.data ?? []).map((order) => ({
+            ...order,
+            is_current_job: [order.id, order.uuid, order.public_id].includes(currentOrderId),
+        }));
+        const vehicleName = vehicle.displayName ?? vehicle.display_name ?? vehicle.name;
+
+        if (orders.length === 0) {
+            return this.notifications.warning(this.intl.t('vehicle.prompts.no-assigned-orders-warning', { vehicleName }));
+        }
+
+        this.modalsManager.show('modals/assigned-orders', {
+            title: this.intl.t('vehicle.prompts.unassign-orders-title', { vehicleName }),
+            acceptButtonText: this.intl.t('vehicle.actions.unassign-orders'),
+            acceptButtonIcon: 'truck-ramp-box',
+            acceptButtonDisabled: true,
+            subjectLabel: this.intl.t('resource.vehicle'),
+            subjectName: vehicleName,
+            orders,
+            selectedOrderIds: [],
+            toggleOrder: (order) => {
+                const orderId = order.id;
+                const selected = this.modalsManager.getOption('selectedOrderIds') ?? [];
+                const selectedOrderIds = selected.includes(orderId) ? selected.filter((id) => id !== orderId) : [...selected, orderId];
+                this.modalsManager.setOption('selectedOrderIds', selectedOrderIds);
+                this.modalsManager.setOption('acceptButtonDisabled', selectedOrderIds.length === 0);
+            },
+            confirm: async (modal) => {
+                const selectedOrderIds = modal.getOption('selectedOrderIds') ?? [];
+                const selectedOrders = orders.filter((order) => selectedOrderIds.includes(order.id));
+
+                if (selectedOrders.length === 0) {
+                    return this.notifications.warning(this.intl.t('vehicle.prompts.select-orders-warning'));
+                }
+
+                const confirmed = await this.confirmUnassignOrders({
+                    title: this.intl.t('vehicle.prompts.confirm-unassign-orders-title', { count: selectedOrders.length, vehicleName }),
+                    body: this.intl.t('vehicle.prompts.confirm-unassign-orders-body', { vehicleName, orders: this.orderReferenceList(selectedOrders) }),
+                });
+
+                if (!confirmed) {
+                    return;
+                }
+
+                modal.startLoading();
+
+                try {
+                    await this.fetch.post(`vehicles/${vehicle.id}/unassign-orders`, { orders: selectedOrderIds });
+                    await vehicle.reload?.();
+                    this.notifications.success(this.intl.t('vehicle.prompts.unassign-orders-success', { count: selectedOrders.length, vehicleName }));
+                    modal.done();
+                    this.refresh();
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+            ...options,
+        });
+    }
+
     @action locate(vehicle, options = {}) {
         const { latitude, longitude, location } = vehicle;
 
@@ -203,4 +305,27 @@ export default class VehicleActionsService extends ResourceActionService {
             ...options,
         });
     }
+
+    orderReferenceList(orders) {
+        const references = orders.map((order) => order.tracking ?? order.public_id ?? order.id).filter(Boolean);
+
+        return references.length > 5 ? `${references.slice(0, 5).join(', ')} +${references.length - 5}` : references.join(', ');
+    }
+
+    async confirmUnassignOrders({ title, body }) {
+        return new Promise((resolve) => {
+            this.modalsManager.confirm({
+                title,
+                body,
+                confirm: (_modal, done) => {
+                    done();
+                    resolve(true);
+                },
+                decline: (_modal, done) => {
+                    done();
+                    resolve(false);
+                },
+            });
+        });
+    }
 }