@fleetbase/fleetops-engine 0.6.44 → 0.6.46

package/addon/components/service-rate/form.hbs

@@ -176,7 +176,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            {{#each @resource.rate_fees as |rateFee|}}
+                            {{#each @resource.rateFees as |rateFee|}}
                                 <tr>
                                     <td>
                                         <Input
@@ -252,25 +252,38 @@
     {{else if @resource.isAlgorithm}}
         <ContentPanel @title={{t "service-rate.fields.custom-algorithm-title"}} @open={{true}} @wrapperClass="bordered-top">
             <InfoBlock class="mb-5">
-                {{t "service-rate.fields.custom-algorithm-info-message"}}
-                {{t "service-rate.fields.custom-algorithm-info-second-message"}}
+                Define a custom formula for this service rate using variables wrapped in a single pair of curly braces.
 
                 <div class="block my-4 break-text">
                     <ul class="list-disc space-y-2 pl-16">
-                        <li class="leading-5"><i>{{t "service-rate.fields.distance-message"}}</i>
-                            {{t "service-rate.fields.distance-continue-message"}}</li>
-                        <li class="leading-5"><i>{{t "service-rate.fields.time-message"}}</i>
-                            {{t "service-rate.fields.time-continue-message"}}</li>
+                        <li class="leading-5"><code>&#123;distance&#125;</code>, <code>&#123;distance_m&#125;</code>, <code>&#123;distance_km&#125;</code>, <code>&#123;distance_mi&#125;</code>: route distance in meters, kilometers, or miles.</li>
+                        <li class="leading-5"><code>&#123;time&#125;</code>, <code>&#123;time_s&#125;</code>, <code>&#123;time_min&#125;</code>: route time in seconds or minutes.</li>
+                        <li class="leading-5"><code>&#123;stops&#125;</code>: total service stops including pickup, dropoff, and intermediate waypoints.</li>
+                        <li class="leading-5"><code>&#123;waypoints&#125;</code>: intermediate waypoint count only.</li>
+                        <li class="leading-5"><code>&#123;parcels&#125;</code>, <code>&#123;entities&#125;</code>: parcel count and total payload entity count.</li>
+                        <li class="leading-5"><code>&#123;base_fee&#125;</code>: the configured base fee for this service rate.</li>
+                        <li class="leading-5">Supported functions: <code>max(a,b)</code>, <code>min(a,b)</code>, <code>ceil(x)</code>, <code>floor(x)</code>, <code>round(x)</code>.</li>
                     </ul>
                 </div>
 
-                <div>
-                    <h4 class="mb-1 text-sm font-semibold">{{t "service-rate.fields.example"}}</h4>
-                    <div class="mb-3 text-inherit">
-                        {{t "service-rate.fields.example-message"}}
-                        {{t "service-rate.fields.example-second-message"}}
+                <div class="space-y-3">
+                    <div>
+                        <h4 class="mb-1 text-sm font-semibold">{{t "service-rate.fields.example"}} 1</h4>
+                        <div class="mb-2 text-inherit">Charge by distance in miles after the first 15 miles, plus the base fee.</div>
+                        <code class="text-xs font-mono">max(&#123;distance_mi&#125; - 15, 0) * 5 + &#123;base_fee&#125;</code>
+                    </div>
+
+                    <div>
+                        <h4 class="mb-1 text-sm font-semibold">{{t "service-rate.fields.example"}} 2</h4>
+                        <div class="mb-2 text-inherit">Charge extra for stops after the first 2 service stops.</div>
+                        <code class="text-xs font-mono">max(&#123;stops&#125; - 2, 0) * 10 + &#123;base_fee&#125;</code>
+                    </div>
+
+                    <div>
+                        <h4 class="mb-1 text-sm font-semibold">{{t "service-rate.fields.example"}} 3</h4>
+                        <div class="mb-2 text-inherit">Combine waypoint, parcel, and distance surcharges in one formula.</div>
+                        <code class="text-xs font-mono">max(&#123;waypoints&#125;, 0) * 15 + max(&#123;parcels&#125; - 3, 0) * 2 + max(&#123;distance_km&#125; - 25, 0) * 0.5 + &#123;base_fee&#125;</code>
                     </div>
-                    <code class="text-xs font-mono">(( {distance} / 50 ) * .05 ) + (( {time} / 60 ) * .01)</code>
                 </div>
             </InfoBlock>
 
@@ -287,7 +300,7 @@
     {{else if @resource.isParcelService}}
         <ContentPanel @title={{t "service-rate.fields.percel-fee-title"}} @open={{true}} @wrapperClass="bordered-top">
             <div class="space-y-2">
-                {{#each @resource.parcel_fees as |parcelFee|}}
+                {{#each @resource.parcelFees as |parcelFee|}}
                     <div class="dark:text-gray-100">
                         <div class="grid grid-cols-7">
                             <div class="flex flex-col items-start justify-start pt-3">
@@ -541,4 +554,4 @@
             </InputGroup>
         {{/if}}
     </ContentPanel>
-</div>
+</div>

package/addon/components/vehicle/card.hbs

@@ -1,7 +1,7 @@
 <Layout::Resource::Card ...attributes as |Card|>
-    <Card.header class="{{@headerClass}} truncate">
-        <div class="font-semibold">{{or @resource.name @resource.yearMakeModel}}</div>
-        <div class="text-gray-300 dark:text-gray-500 text-sm">{{or @resource.plate_number @resource.vin @resource.serial_number @resource.call_sign @resource.public_id}}</div>
+    <Card.header class="{{@headerClass}}">
+        <div class="font-semibold w-full truncate">{{or @resource.name @resource.yearMakeModel}}</div>
+        <div class="text-gray-300 dark:text-gray-500 text-sm w-full truncate">{{or @resource.plate_number @resource.vin @resource.serial_number @resource.call_sign @resource.public_id}}</div>
         {{#if (has-block "header")}}
             {{yield to="header"}}
         {{/if}}
@@ -21,7 +21,7 @@
         {{#if (has-block "footer")}}
             {{yield to="footer"}}
         {{/if}}
-        <div class="mt-1">
+        <div class="mt-1.5">
             <div class="text-gray-300 dark:text-gray-500 text-xs">Last Modified: {{@resource.updatedAt}}</div>
         </div>
     </Card.footer>

package/addon/controllers/maintenance/schedules/index.js

@@ -1,4 +1,5 @@
 import Controller from '@ember/controller';
+import { isArray } from '@ember/array';
 import { inject as service } from '@ember/service';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
@@ -75,7 +76,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 })
                 .then((response) => {
                     // The API returns { events: [...] } — unwrap the array.
-                    const raw = Array.isArray(response) ? response : (response?.events ?? []);
+                    const raw = isArray(response) ? response : (response?.events ?? []);
                     const events = raw.map((event) => ({
                         id: event.id,
                         title: event.title,

package/addon/controllers/operations/orders/index/details/virtual.js

@@ -0,0 +1,5 @@
+import Controller, { inject as controller } from '@ember/controller';
+
+export default class OperationsOrdersIndexDetailsVirtualController extends Controller {
+    @controller('operations.orders.index.details') parent;
+}

package/addon/controllers/operations/orders/index/details.js

@@ -1,21 +1,73 @@
 import Controller, { inject as controller } from '@ember/controller';
 import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
-import { action } from '@ember/object';
 import { isArray } from '@ember/array';
 import { task } from 'ember-concurrency';
+import { colorForId, routeColorForStatus, routeStyleForStatus } from '../../../../utils/route-colors';
+import { buildRoutePointMarkerPresentation, buildRoutePointsFromPayload } from '../../../../utils/route-visualization';
 
 export default class OperationsOrdersIndexDetailsController extends Controller {
     @controller('operations.orders.index') index;
     @service('universe/menu-service') menuService;
     @service orderActions;
     @service orderSocketEvents;
-    @service leafletMapManager;
+    @service mapManager;
     @service leafletLayerVisibilityManager;
     @service hostRouter;
     @service universe;
     @service sidebar;
     @tracked routingControl;
+    @tracked routingCompleted = false;
+    @tracked realtimeOrderPublicId = null;
+
+    get routePoints() {
+        return buildRoutePointsFromPayload(this.model?.payload);
+    }
+
+    get routeMarkerFactory() {
+        const routeColor = colorForId(this.model.public_id ?? this.model.id ?? 'order-route');
+
+        return (_waypoint, index) => {
+            return buildRoutePointMarkerPresentation(this.routePoints[index], routeColor);
+        };
+    }
+
+    get routeMarkerWaypoints() {
+        return this.routePoints.map(({ place }) => [place.latitude, place.longitude]);
+    }
+
+    get routeStatus() {
+        return this.model.status ?? 'created';
+    }
+
+    get routePolylineOptions() {
+        const color = routeColorForStatus(this.routeStatus);
+        const styles = routeStyleForStatus(this.routeStatus, color);
+
+        return {
+            color,
+            weight: styles.at(-1)?.weight ?? 4,
+            opacity: styles.at(-1)?.opacity ?? 0.85,
+            styles,
+        };
+    }
+
+    get routeControlTag() {
+        return this.model?.public_id ? `order-details:${this.model.public_id}` : null;
+    }
+
+    get routingControlOptions() {
+        return {
+            tag: this.routeControlTag,
+            color: this.routePolylineOptions.color,
+            status: this.routeStatus,
+            markerWaypoints: this.routeMarkerWaypoints,
+            polylineOptions: this.routePolylineOptions,
+            createMarker: this.routeMarkerFactory,
+            onRouteFound: this.handleRoutingComplete,
+            onRoutingError: this.handleRoutingComplete,
+        };
+    }
 
     get tabs() {
         const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:order:details');
@@ -103,32 +155,78 @@ export default class OperationsOrdersIndexDetailsController extends Controller {
     }
 
     @task *refresh() {
-        yield this.hostRouter.refresh();
+        try {
+            yield this.hostRouter.refresh();
+        } catch (error) {
+            return error;
+        }
     }
 
-    @action async setup() {
-        // Change to map layout and display order route
-        this.index.changeLayout('map');
-        this.routingControl = await this.leafletMapManager.addRoutingControl(this.model.routeWaypoints);
+    handleRoutingComplete = () => {
+        this.routingCompleted = true;
+    };
 
-        // Hide sidebar
-        this.sidebar.hideNow();
+    async setupRealtime() {
+        const currentOrderPublicId = this.model?.public_id;
+        if (!currentOrderPublicId) {
+            return;
+        }
 
-        // Show & track driver assigned
-        this.leafletLayerVisibilityManager.hideCategory('drivers');
-        this.leafletLayerVisibilityManager.showModelLayer(this.model.driver_assigned);
-        // Should we hide places & other vehicles?
+        if (this.realtimeOrderPublicId && this.realtimeOrderPublicId !== currentOrderPublicId) {
+            this.orderSocketEvents.stop({ public_id: this.realtimeOrderPublicId });
+        }
+
+        this.realtimeOrderPublicId = currentOrderPublicId;
 
-        // Listen for this order events
         this.orderSocketEvents.start(
             this.model,
             async (_msg, { reloadable }) => {
                 if (reloadable) {
                     await this.hostRouter.refresh();
-                    this.leafletMapManager.replaceRoutingControl(this.model.routeWaypoints, this.routingControl);
                 }
             },
             { debounceMs: 250 }
         );
     }
+
+    async syncRoutingControl() {
+        this.routingCompleted = false;
+        this.teardownRoutingControls();
+
+        this.routingControl = await this.mapManager.addRoutingControl(this.model.routeWaypoints, this.routingControlOptions);
+
+        if (!this.routingControl) {
+            this.routingCompleted = true;
+        }
+    }
+
+    syncMapContext() {
+        this.leafletLayerVisibilityManager.hideCategory('drivers');
+        this.leafletLayerVisibilityManager.showModelLayer(this.model.driver_assigned);
+    }
+
+    teardownRoutingControls() {
+        if (this.routeControlTag) {
+            this.mapManager.clearRoutingControlsByTag(this.routeControlTag);
+        } else if (this.routingControl) {
+            this.mapManager.removeRoutingControl(this.routingControl);
+        }
+
+        this.routingControl = undefined;
+        this.routingCompleted = false;
+    }
+
+    teardownRealtime() {
+        if (this.realtimeOrderPublicId) {
+            this.orderSocketEvents.stop({ public_id: this.realtimeOrderPublicId });
+            this.realtimeOrderPublicId = null;
+        }
+    }
+
+    async setupDetailsSession() {
+        this.index.changeLayout('map');
+        await this.setupRealtime();
+        await this.syncRoutingControl();
+        this.syncMapContext();
+    }
 }

package/addon/controllers/operations/orders/index/new.js

@@ -20,6 +20,7 @@ export default class OperationsOrdersIndexNewController extends Controller {
     @service orderCreation;
     @service orderValidation;
     @service events;
+    @service sidebar;
     @tracked order = this.orderCreation.newOrder();
     @tracked overlay;
 
@@ -92,7 +93,6 @@ export default class OperationsOrdersIndexNewController extends Controller {
     }
 
     @action setup() {
-        // Change to map layout
         this.index.changeLayout('map');
     }
 

package/addon/controllers/operations/orders/index.js

@@ -142,6 +142,13 @@ export default class OperationsOrdersIndexController extends Controller {
                 filterable: true,
                 filterComponent: 'filter/string',
             },
+            {
+                label: this.intl.t('column.route-type'),
+                valuePath: 'payload.waypoints.length',
+                cellComponent: 'cell/order-route-type',
+                cellClassNames: 'overflow-visible',
+                resizable: true,
+            },
             {
                 label: this.intl.t('column.internal-id'),
                 valuePath: 'internal_id',
@@ -283,7 +290,7 @@ export default class OperationsOrdersIndexController extends Controller {
                 label: this.intl.t('column.type'),
                 valuePath: 'type',
                 resizable: true,
-                hidden: true,
+                humanize: true,
                 sortable: true,
                 filterable: true,
                 filterComponent: 'filter/model',

package/addon/controllers/operations/service-rates/index/edit.js

@@ -22,6 +22,7 @@ export default class OperationsServiceRatesIndexEditController extends Controlle
     @task *save(serviceRate) {
         try {
             yield serviceRate.save();
+            yield serviceRate.reload();
             this.events.trackResourceUpdated(serviceRate);
             this.overlay?.close();
 

package/addon/controllers/operations/service-rates/index/new.js

@@ -16,6 +16,7 @@ export default class OperationsServiceRatesIndexNewController extends Controller
     @task *save(serviceRate) {
         try {
             yield serviceRate.save();
+            yield serviceRate.reload();
             this.events.trackResourceCreated(serviceRate);
             this.overlay?.close();
 

package/addon/controllers/settings/map.js

@@ -0,0 +1,97 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { task } from 'ember-concurrency';
+import MAP_PROVIDER_OPTIONS from '../../utils/map-provider-options';
+
+export default class SettingsMapController extends Controller {
+    @service fetch;
+    @service notifications;
+    @service intl;
+    @service mapManager;
+    @service mapSettings;
+
+    /**
+     * Available map provider options for the provider selector.
+     *
+     * @memberof SettingsMapController
+     * @var {Array}
+     */
+    @tracked mapProviderOptions = MAP_PROVIDER_OPTIONS;
+
+    /**
+     * The currently-selected map provider key (e.g. 'leaflet' or 'google').
+     *
+     * @memberof SettingsMapController
+     * @var {String}
+     */
+    @tracked mapProvider = 'leaflet';
+
+    /**
+     * Whether settings have been loaded from the server.
+     *
+     * @memberof SettingsMapController
+     * @var {Boolean}
+     */
+    @tracked settingsLoaded = false;
+
+    constructor() {
+        super(...arguments);
+        this.getSettings.perform();
+    }
+
+    // ─── Computed getters ──────────────────────────────────────────────────────
+
+    /**
+     * True when the user has selected Google Maps as the provider.
+     *
+     * @memberof SettingsMapController
+     * @return {Boolean}
+     */
+    get isGoogleMapsSelected() {
+        return this.mapProvider === 'google';
+    }
+
+    // ─── Actions ───────────────────────────────────────────────────────────────
+
+    /**
+     * Called when the user picks a different map provider from the Select.
+     *
+     * @param {Object|String} option  The selected option object or raw value.
+     * @memberof SettingsMapController
+     */
+    @action selectMapProvider(option) {
+        this.mapProvider = option?.value ?? option ?? 'leaflet';
+    }
+
+    @task *saveSettings() {
+        const settings = {
+            mapProvider: this.mapProvider,
+        };
+
+        try {
+            const response = yield this.fetch.post('fleet-ops/settings/map', { settings });
+            this.mapSettings.applySettings(response);
+
+            if (this.mapManager && typeof this.mapManager.setActiveProvider === 'function') {
+                this.mapManager.setActiveProvider(this.mapProvider);
+            }
+
+            this.notifications.success(this.intl.t('settings.map.settings-saved'));
+        } catch (error) {
+            this.notifications.serverError(error);
+        }
+    }
+
+    @task *getSettings() {
+        try {
+            const response = yield this.mapSettings.load({ force: true });
+
+            this.mapProvider = response?.mapProvider ?? 'leaflet';
+            this.settingsLoaded = true;
+        } catch (error) {
+            this.notifications.serverError(error);
+        }
+    }
+}

package/addon/controllers/settings/routing.js

@@ -7,14 +7,20 @@ export default class SettingsRoutingController extends Controller {
     @service fetch;
     @service notifications;
     @service currentUser;
-    @service leafletRoutingControl;
-    @tracked routerService = 'osrm';
+    @service routeEngine;
+    @service routeOptimization;
+    @tracked displayEngine = 'osrm';
+    @tracked optimizationEngine = 'osrm';
     @tracked routingUnit = 'km';
     @tracked routingUnitOptions = [
         { label: 'Kilometers', value: 'km' },
         { label: 'Miles', value: 'mi' },
     ];
-    @tracked saveTasks = [];
+    saveTasks = new Map();
+
+    get hasEngineOverrides() {
+        return ['vroom', 'valhalla'].includes(this.displayEngine) || ['vroom', 'valhalla'].includes(this.optimizationEngine);
+    }
 
     constructor() {
         super(...arguments);
@@ -28,10 +34,19 @@ export default class SettingsRoutingController extends Controller {
      */
     @task *saveSettings() {
         try {
-            yield this.fetch.post('fleet-ops/settings/routing-settings', { router: this.routerService, unit: this.routingUnit });
+            yield this.fetch.post('fleet-ops/settings/routing-settings', {
+                display_engine: this.displayEngine,
+                optimization_engine: this.optimizationEngine,
+                unit: this.routingUnit,
+            });
             yield this.performAdditionalSaveTasks();
             // Save in local memory too
-            this.currentUser.setOption('routing', { router: this.routerService, unit: this.routingUnit });
+            this.currentUser.setOption('routing', {
+                router: this.displayEngine,
+                routing_display_engine: this.displayEngine,
+                routing_optimization_engine: this.optimizationEngine,
+                unit: this.routingUnit,
+            });
             this.notifications.success('Routing setting saved.');
         } catch (error) {
             this.notifications.serverError(error);
@@ -45,23 +60,43 @@ export default class SettingsRoutingController extends Controller {
      */
     @task *getSettings() {
         try {
-            const { router, unit } = yield this.fetch.get('fleet-ops/settings/routing-settings');
-            this.routerService = router;
+            const { router, display_engine, optimization_engine, unit } = yield this.fetch.get('fleet-ops/settings/routing-settings');
+            this.displayEngine = display_engine ?? router ?? 'osrm';
+            this.optimizationEngine = optimization_engine ?? display_engine ?? router ?? 'osrm';
             this.routingUnit = unit;
         } catch (error) {
             this.notifications.serverError(error);
         }
     }
 
-    registerSaveTask(task) {
-        this.saveTasks.push(task);
+    registerSaveTask(key, task) {
+        if (!key || typeof task?.perform !== 'function') {
+            return;
+        }
+
+        this.saveTasks.set(key, task);
+    }
+
+    unregisterSaveTask(key) {
+        if (!key) {
+            return;
+        }
+
+        this.saveTasks.delete(key);
     }
 
     async performAdditionalSaveTasks() {
-        for (let i = 0; i < this.saveTasks.length; i++) {
-            const task = this.saveTasks[i];
-            if (typeof task.perform === 'function') {
+        for (const task of this.saveTasks.values()) {
+            try {
                 await task.perform();
+            } catch (error) {
+                // Ignore explicit ember-concurrency task cancellations from components
+                // that may have unmounted during routing-engine selection changes.
+                if (typeof error?.name === 'string' && error.name.includes('TaskCancelation')) {
+                    continue;
+                }
+
+                throw error;
             }
         }
         return true;

package/addon/extension.js

@@ -73,6 +73,16 @@ export default {
         menuService.registerAdminMenuPanel(
             'Fleet-Ops Config',
             [
+                new MenuItem({
+                    title: 'Routing',
+                    icon: 'route',
+                    component: new ExtensionComponent('@fleetbase/fleetops-engine', 'admin/routing-settings'),
+                }),
+                new MenuItem({
+                    title: 'Map',
+                    icon: 'map',
+                    component: new ExtensionComponent('@fleetbase/fleetops-engine', 'admin/map-settings'),
+                }),
                 new MenuItem({
                     title: 'Navigator App',
                     icon: 'location-arrow',
@@ -179,6 +189,7 @@ export default {
             'fleet-ops:component:order:form:payload:entity:form',
             'fleet-ops:template:settings:routing',
             'fleet-ops:template:settings:orchestrator',
+            'fleet-ops:component:admin:routing-settings',
         ]);
     },
 };

package/addon/helpers/f-to-int.js

@@ -0,0 +1,6 @@
+import { helper } from '@ember/component/helper';
+import numbersOnly from '@fleetbase/ember-core/utils/numbers-only';
+
+export default helper(function fToInt([value]) {
+    return parseInt(numbersOnly(value));
+});

package/addon/helpers/place-address-html.js

@@ -0,0 +1,6 @@
+import { helper } from '@ember/component/helper';
+import placeAddressHtml from '../utils/place-address-html';
+
+export default helper(function placeAddressHtmlHelper([place]) {
+    return placeAddressHtml(place);
+});

package/addon/instance-initializers/register-google-routes.js

@@ -0,0 +1,17 @@
+export function initialize(owner) {
+    const routeOptimization = owner.lookup('service:route-optimization');
+    const routeEngine = owner.lookup('service:route-engine');
+    const googleRoutes = owner.lookup('service:google-routes');
+
+    if (routeOptimization && googleRoutes) {
+        routeOptimization.register('google', googleRoutes);
+    }
+
+    if (routeEngine && googleRoutes) {
+        routeEngine.register('google', googleRoutes, { display: true });
+    }
+}
+
+export default {
+    initialize,
+};

package/addon/instance-initializers/register-osrm.js

@@ -5,11 +5,16 @@ import { OSRMv1 } from '@fleetbase/leaflet-routing-machine';
 export function initialize(owner) {
     // Register OSRM as route optimization service
     const routeOptimization = owner.lookup('service:route-optimization');
+    const routeEngine = owner.lookup('service:route-engine');
     const osrm = owner.lookup('service:osrm');
     if (routeOptimization && osrm) {
         routeOptimization.register('osrm', osrm);
     }
 
+    if (routeEngine && osrm) {
+        routeEngine.register('osrm', osrm, { display: true });
+    }
+
     // Register OSRM as Routing Controler
     const leafletRoutingControl = owner.lookup('service:leaflet-routing-control');
     if (leafletRoutingControl) {

package/addon/routes/application.js

@@ -12,6 +12,7 @@ export default class ApplicationRoute extends Route {
     @service notifications;
     @service fetch;
     @service currentUser;
+    @service mapSettings;
 
     @action loading(transition) {
         const resource = getResourceNameFromTransition(transition, { humanize: true });
@@ -20,18 +21,23 @@ export default class ApplicationRoute extends Route {
         });
     }
 
-    beforeModel() {
+    async beforeModel() {
         if (this.abilities.cannot('fleet-ops see extension')) {
             this.notifications.warning(this.intl.t('common.unauthorized-access'));
             return this.hostRouter.transitionTo('console');
         }
 
-        this.location.getUserLocation();
-        this.#loadRoutingSettings();
+        await this.location.getUserLocation();
+        await this.#loadRoutingSettings();
+        await this.#loadMapSettings();
     }
 
     async #loadRoutingSettings() {
         const routingSetting = await this.fetch.get('fleet-ops/settings/routing-settings');
         this.currentUser.setOption('routing', routingSetting);
     }
+
+    async #loadMapSettings() {
+        await this.mapSettings.load();
+    }
 }