@fleetbase/fleetops-engine 0.6.70 → 0.6.72

package/addon/templates/settings/tracking-page.hbs

@@ -0,0 +1,318 @@
+<Layout::Section::Header @title={{t "tracking-page.settings.title"}}>
+    <Button
+        @type="primary"
+        @size="sm"
+        @icon="save"
+        @text={{t "common.save-changes"}}
+        @onClick={{perform this.saveSettings}}
+        @disabled={{or this.saveSettings.isRunning this.loadFailed}}
+        @isLoading={{this.saveSettings.isRunning}}
+    />
+</Layout::Section::Header>
+
+<Layout::Section::Body class="overflow-y-scroll-i h-full">
+    <div class="container mx-auto">
+        {{#if this.loadFailed}}
+            <div class="max-w-3xl my-10 mx-auto rounded-lg border border-gray-200 dark:border-gray-700 p-6 text-sm">
+                <p class="font-semibold mb-1">{{t "tracking-page.settings.load-failed"}}</p>
+                <p class="text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.load-failed-help"}}</p>
+            </div>
+        {{else if this.config}}
+            <div class="my-10 mx-auto max-w-6xl grid grid-cols-1 lg:grid-cols-3 gap-6 items-start">
+                <div class="lg:col-span-2 space-y-6">
+
+                    {{! ── Pages ─────────────────────────────────────────────── }}
+                    <ContentPanel @title={{t "tracking-page.settings.pages"}} @open={{true}} @wrapperClass="bordered-classic">
+                        <div class="space-y-5">
+                            <div class="flex items-start justify-between gap-4">
+                                <div>
+                                    <div class="text-sm font-semibold">{{t "tracking-page.settings.org-page-enabled"}}</div>
+                                    <div class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.org-page-enabled-help"}}</div>
+                                </div>
+                                <Toggle @isToggled={{this.config.org_page.enabled}} @onToggle={{fn this.update "org_page.enabled"}} />
+                            </div>
+
+                            <div>
+                                <label for="tracking-page-slug" class="block text-sm font-semibold mb-1">{{t "tracking-page.settings.slug"}}</label>
+                                <div class="flex items-stretch rounded-md border border-gray-300 dark:border-gray-700 overflow-hidden">
+                                    <span class="flex items-center px-3 text-sm text-gray-600 dark:text-gray-300 bg-gray-50 dark:bg-gray-800 border-r border-gray-300 dark:border-gray-700 whitespace-nowrap">{{this.orgPageBase}}</span>
+                                    <input
+                                        id="tracking-page-slug"
+                                        type="text"
+                                        class="form-input border-0 rounded-none flex-1 min-w-0"
+                                        value={{this.config.org_page.slug}}
+                                        placeholder={{t "tracking-page.settings.placeholder-slug"}}
+                                        autocomplete="off"
+                                        spellcheck="false"
+                                        aria-describedby="tracking-page-slug-status"
+                                        {{on "input" this.updateSlug}}
+                                    />
+                                </div>
+                                <div id="tracking-page-slug-status" class="mt-1 text-xs {{if this.slugIsValid 'text-green-700 dark:text-green-400' 'text-red-700 dark:text-red-400'}}" aria-live="polite">
+                                    {{#if this.validateSlug.isRunning}}
+                                        <span class="text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.slug-checking"}}</span>
+                                    {{else if this.slugValidation}}
+                                        {{this.slugValidation.message}}
+                                    {{/if}}
+                                </div>
+                                <div class="mt-2 flex flex-wrap items-center gap-2">
+                                    <ClickToCopy class="px-3 py-1.5 border rounded-md text-xs bg-gray-100 dark:bg-gray-700 border-gray-200 dark:border-gray-800" @value={{this.orgPageUrl}}>{{this.orgPageUrl}}</ClickToCopy>
+                                    {{#if this.config.org_page.enabled}}
+                                        <a href={{this.orgPageUrl}} target="_blank" rel="noopener noreferrer" class="text-xs font-semibold text-blue-600 dark:text-blue-400">{{t "tracking-page.settings.open-page"}}</a>
+                                    {{/if}}
+                                </div>
+                            </div>
+
+                            <div class="flex items-start justify-between gap-4">
+                                <div>
+                                    <div class="text-sm font-semibold">{{t "tracking-page.settings.generic-page-allowed"}}</div>
+                                    <div class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.generic-page-allowed-help" url=this.genericPageUrl}}</div>
+                                </div>
+                                <Toggle @isToggled={{this.config.generic_page.allowed}} @onToggle={{fn this.update "generic_page.allowed"}} />
+                            </div>
+
+                            <InputGroup @name={{t "tracking-page.settings.links-target"}} @helpText={{t "tracking-page.settings.links-target-help"}}>
+                                <Select
+                                    class="w-full"
+                                    @placeholder={{t "tracking-page.settings.placeholder-select"}}
+                                    @value={{this.config.links.target}}
+                                    @options={{this.linkTargetOptions}}
+                                    @optionLabel="label"
+                                    @optionValue="value"
+                                    @onSelect={{fn this.selectOption "links.target"}}
+                                />
+                            </InputGroup>
+                        </div>
+                    </ContentPanel>
+
+                    {{! ── Branding ──────────────────────────────────────────── }}
+                    <ContentPanel @title={{t "tracking-page.settings.branding"}} @open={{true}} @wrapperClass="bordered-classic">
+                        <div class="space-y-5">
+                            <div>
+                                <label for="tracking-page-display-name" class="block text-sm font-semibold mb-1">{{t "tracking-page.settings.display-name"}}</label>
+                                <input
+                                    id="tracking-page-display-name"
+                                    type="text"
+                                    class="form-input w-full"
+                                    value={{this.config.branding.display_name}}
+                                    placeholder={{this.companyName}}
+                                    {{on "input" (fn this.updateFromEvent "branding.display_name")}}
+                                />
+                                <p class="mt-1 text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.logo-help"}}</p>
+                            </div>
+
+                            <div>
+                                <label for="tracking-page-accent" class="block text-sm font-semibold mb-1">{{t "tracking-page.settings.accent"}}</label>
+                                <div class="flex items-center gap-3">
+                                    <input
+                                        id="tracking-page-accent"
+                                        type="color"
+                                        class="h-10 w-14 rounded-md border border-gray-300 dark:border-gray-700 bg-transparent cursor-pointer"
+                                        value={{this.accent}}
+                                        {{on "input" (fn this.updateFromEvent "branding.accent")}}
+                                    />
+                                    <input
+                                        type="text"
+                                        class="form-input w-32 font-mono uppercase"
+                                        aria-label={{t "tracking-page.settings.accent-hex"}}
+                                        value={{this.config.branding.accent}}
+                                        placeholder="#1F5FA8"
+                                        {{on "change" (fn this.updateFromEvent "branding.accent")}}
+                                    />
+                                    <span class="text-xs {{if this.accentReadable 'text-green-700 dark:text-green-400' 'text-red-700 dark:text-red-400'}}">
+                                        {{#if this.accentReadable}}
+                                            {{t "tracking-page.settings.contrast-ok" ratio=this.accentContrast}}
+                                        {{else}}
+                                            {{t "tracking-page.settings.contrast-low" ratio=this.accentContrast}}
+                                        {{/if}}
+                                    </span>
+                                </div>
+                                <p class="mt-1 text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.accent-help"}}</p>
+                            </div>
+
+                            <div>
+                                <label for="tracking-page-accent-dark" class="block text-sm font-semibold mb-1">{{t "tracking-page.settings.accent-dark"}}</label>
+                                <input
+                                    id="tracking-page-accent-dark"
+                                    type="text"
+                                    class="form-input w-32 font-mono uppercase"
+                                    value={{this.config.branding.accent_dark}}
+                                    placeholder={{t "tracking-page.settings.accent-dark-auto"}}
+                                    {{on "change" (fn this.updateFromEvent "branding.accent_dark")}}
+                                />
+                            </div>
+
+                            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                                <div>
+                                    <label for="tracking-page-phone" class="block text-sm font-semibold mb-1">{{t "tracking-page.settings.support-phone"}}</label>
+                                    <input id="tracking-page-phone" type="tel" class="form-input w-full" value={{this.config.branding.support_phone}} placeholder={{t "tracking-page.settings.placeholder-phone"}} {{on "input" (fn this.updateFromEvent "branding.support_phone")}} />
+                                </div>
+                                <div>
+                                    <label for="tracking-page-email" class="block text-sm font-semibold mb-1">{{t "tracking-page.settings.support-email"}}</label>
+                                    <input id="tracking-page-email" type="email" class="form-input w-full" value={{this.config.branding.support_email}} placeholder={{t "tracking-page.settings.placeholder-email"}} {{on "input" (fn this.updateFromEvent "branding.support_email")}} />
+                                </div>
+                                <div>
+                                    <label for="tracking-page-website" class="block text-sm font-semibold mb-1">{{t "tracking-page.settings.website"}}</label>
+                                    <input id="tracking-page-website" type="url" class="form-input w-full" value={{this.config.branding.website}} placeholder={{t "tracking-page.settings.placeholder-website"}} {{on "input" (fn this.updateFromEvent "branding.website")}} />
+                                </div>
+                            </div>
+                            <p class="-mt-3 text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.support-help"}}</p>
+
+                            <div class="flex items-start justify-between gap-4">
+                                <div>
+                                    <div class="text-sm font-semibold">{{t "tracking-page.settings.powered-by"}}</div>
+                                    <div class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.powered-by-help"}}</div>
+                                </div>
+                                <Toggle @isToggled={{this.config.branding.powered_by}} @onToggle={{fn this.update "branding.powered_by"}} />
+                            </div>
+
+                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                <InputGroup @name={{t "tracking-page.settings.theme"}}>
+                                    <Select
+                                        class="w-full"
+                                        @placeholder={{t "tracking-page.settings.placeholder-select"}}
+                                        @value={{this.config.branding.theme}}
+                                        @options={{this.themeOptions}}
+                                        @optionLabel="label"
+                                        @optionValue="value"
+                                        @onSelect={{fn this.selectOption "branding.theme"}}
+                                    />
+                                </InputGroup>
+                                <InputGroup @name={{t "tracking-page.settings.default-language"}}>
+                                    <Select
+                                        class="w-full"
+                                        @placeholder={{t "tracking-page.settings.placeholder-select"}}
+                                        @value={{this.config.branding.default_locale}}
+                                        @options={{this.defaultLocaleOptions}}
+                                        @optionLabel="label"
+                                        @optionValue="value"
+                                        @onSelect={{this.setDefaultLocale}}
+                                    />
+                                </InputGroup>
+                            </div>
+
+                            <fieldset>
+                                <legend class="text-sm font-semibold mb-2">{{t "tracking-page.settings.languages"}}</legend>
+                                <div class="grid grid-cols-2 md:grid-cols-5 gap-2">
+                                    {{#each this.localeOptions as |locale|}}
+                                        <label class="flex items-center gap-2 text-sm">
+                                            <input type="checkbox" checked={{locale.enabled}} disabled={{locale.isDefault}} {{on "change" (fn this.toggleLocale locale.code)}} />
+                                            <span>{{locale.label}}</span>
+                                        </label>
+                                    {{/each}}
+                                </div>
+                            </fieldset>
+                        </div>
+                    </ContentPanel>
+
+                    {{! ── Access ────────────────────────────────────────────── }}
+                    <ContentPanel @title={{t "tracking-page.settings.access"}} @open={{true}} @wrapperClass="bordered-classic">
+                        <div class="space-y-5">
+                            <div class="flex items-start justify-between gap-4">
+                                <div>
+                                    <div class="text-sm font-semibold">{{t "tracking-page.settings.public-status"}}</div>
+                                    <div class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.public-status-help"}}</div>
+                                </div>
+                                <Toggle @isToggled={{this.config.access.public_status}} @onToggle={{fn this.update "access.public_status"}} />
+                            </div>
+
+                            <div class="flex items-start justify-between gap-4">
+                                <div>
+                                    <div class="text-sm font-semibold">{{t "tracking-page.settings.channel-sms"}}</div>
+                                    {{#if this.smsAvailable}}
+                                        <div class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.channel-sms-help"}}</div>
+                                    {{else}}
+                                        <div class="text-xs text-red-700 dark:text-red-400">{{t "tracking-page.settings.channel-sms-unavailable"}}</div>
+                                    {{/if}}
+                                </div>
+                                <Toggle @isToggled={{and this.smsAvailable this.config.access.channels.sms}} @disabled={{not this.smsAvailable}} @onToggle={{fn this.update "access.channels.sms"}} />
+                            </div>
+
+                            <div class="flex items-start justify-between gap-4">
+                                <div>
+                                    <div class="text-sm font-semibold">{{t "tracking-page.settings.channel-email"}}</div>
+                                    <div class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.channel-email-help"}}</div>
+                                </div>
+                                <Toggle @isToggled={{this.config.access.channels.email}} @onToggle={{fn this.update "access.channels.email"}} />
+                            </div>
+
+                            <div>
+                                <label for="tracking-page-session-hours" class="block text-sm font-semibold mb-1">{{t "tracking-page.settings.session-hours"}}</label>
+                                <input
+                                    id="tracking-page-session-hours"
+                                    type="number"
+                                    min="1"
+                                    max="168"
+                                    class="form-input w-32"
+                                    value={{this.config.access.session_hours}}
+                                    placeholder="24"
+                                    {{on "change" (fn this.updateNumber "access.session_hours")}}
+                                />
+                                <p class="mt-1 text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.session-hours-help"}}</p>
+                            </div>
+
+                            {{#if this.customerPortalInstalled}}
+                                <div class="flex items-start justify-between gap-4">
+                                    <div>
+                                        <div class="text-sm font-semibold">{{t "tracking-page.settings.account-sign-in"}}</div>
+                                        <div class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.account-sign-in-help"}}</div>
+                                    </div>
+                                    <Toggle @isToggled={{this.config.access.account_sign_in}} @onToggle={{fn this.update "access.account_sign_in"}} />
+                                </div>
+                                <div class="flex items-start justify-between gap-4">
+                                    <div>
+                                        <div class="text-sm font-semibold">{{t "tracking-page.settings.account-upsell"}}</div>
+                                        <div class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.account-upsell-help"}}</div>
+                                    </div>
+                                    <Toggle @isToggled={{this.config.access.account_upsell}} @onToggle={{fn this.update "access.account_upsell"}} />
+                                </div>
+                            {{else}}
+                                <p class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.customer-portal-missing"}}</p>
+                            {{/if}}
+
+                            <p class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.code-rules"}}</p>
+                        </div>
+                    </ContentPanel>
+
+                    {{! ── What verified customers see ───────────────────────── }}
+                    <ContentPanel @title={{t "tracking-page.settings.visibility"}} @open={{true}} @wrapperClass="bordered-classic">
+                        <div class="space-y-4">
+                            {{#each (array "map" "driver_name" "vehicle" "items" "item_prices" "pod_photo" "pod_signature" "instructions_edit" "report_problem") as |key|}}
+                                <div class="flex items-start justify-between gap-4">
+                                    <div>
+                                        <div class="text-sm font-semibold">{{t (concat "tracking-page.settings.visibility-" key)}}</div>
+                                        <div class="text-xs text-gray-600 dark:text-gray-300">{{t (concat "tracking-page.settings.visibility-" key "-help")}}</div>
+                                    </div>
+                                    <Toggle @isToggled={{get this.config.visibility key}} @onToggle={{fn this.update (concat "visibility." key)}} />
+                                </div>
+                            {{/each}}
+
+                            <InputGroup @name={{t "tracking-page.settings.driver-contact"}} @helpText={{t "tracking-page.settings.driver-contact-help"}}>
+                                <Select
+                                    class="w-full"
+                                    @placeholder={{t "tracking-page.settings.placeholder-select"}}
+                                    @value={{this.config.visibility.driver_contact}}
+                                    @options={{this.driverContactOptions}}
+                                    @optionLabel="label"
+                                    @optionValue="value"
+                                    @onSelect={{fn this.selectOption "visibility.driver_contact"}}
+                                />
+                            </InputGroup>
+
+                            <p class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.privacy-rules"}}</p>
+                        </div>
+                    </ContentPanel>
+                </div>
+
+                {{! ── Live preview ───────────────────────────────────────────── }}
+                <div class="lg:sticky lg:top-6 space-y-3">
+                    <div class="text-sm font-semibold">{{t "tracking-page.settings.preview"}}</div>
+                    <TrackingPage::SettingsPreview @themeStyle={{this.previewLightStyle}} @displayName={{this.displayName}} @poweredBy={{this.config.branding.powered_by}} />
+                    <TrackingPage::SettingsPreview @themeStyle={{this.previewDarkStyle}} @displayName={{this.displayName}} @poweredBy={{this.config.branding.powered_by}} />
+                    <p class="text-xs text-gray-600 dark:text-gray-300">{{t "tracking-page.settings.preview-help"}}</p>
+                </div>
+            </div>
+        {{/if}}
+    </div>
+    <Spacer @height="400px" />
+</Layout::Section::Body>

package/addon/utils/identity-cell-resource.js

@@ -1,5 +1,7 @@
 import { get } from '@ember/object';
 
+export { buildIdentityStub } from '@fleetbase/fleetops-data/utils/identity-stub';
+
 export function resolveIdentityCellResource(args) {
     const column = args.column ?? {};
     const resourcePath = column.resourcePath;
@@ -18,59 +20,3 @@ export function resolveIdentityCellResource(args) {
 
     return args.row;
 }
-
-const inflight = new WeakMap();
-
-/**
- * A stand-in for a related record a row only knows by name: enough for an
- * identity cell to render (`name`, `resourceType`) and a `loadResource()`
- * the cell, pill or summary calls when the real record is needed. The
- * stub never carries a UUID in an identifier field, so nothing renders one
- * as a plate or an id, and concurrent loads of the same row share one
- * request.
- *
- * `load` receives the row and returns the record (or a promise of it); with
- * no `load`, `loadResource()` resolves to null and the stub stays static.
- */
-export function buildIdentityStub(row, { type, nameKey = `${type}_name`, name, load, extra = {} } = {}) {
-    const label = name ?? (row ? get(row, nameKey) : null);
-
-    if (!label) {
-        return null;
-    }
-
-    const stub = {
-        ...extra,
-        name: label,
-        display_name: label,
-        displayName: label,
-        resourceType: type,
-        isIdentityStub: true,
-        loadResource: async () => {
-            if (typeof load !== 'function') {
-                return null;
-            }
-
-            let loads = inflight.get(row);
-
-            if (!loads) {
-                loads = new Map();
-                inflight.set(row, loads);
-            }
-
-            if (!loads.has(type)) {
-                loads.set(
-                    type,
-                    Promise.resolve()
-                        .then(() => load(row))
-                        .catch(() => null)
-                        .finally(() => loads.delete(type))
-                );
-            }
-
-            return loads.get(type);
-        },
-    };
-
-    return stub;
-}

package/addon/utils/map-default-view.js

@@ -0,0 +1,132 @@
+/**
+ * Helpers for the company's default live map view.
+ *
+ * Where the live map opens, in order of precedence:
+ *   1. "Fit to my vehicles" is on and at least one vehicle has a position:
+ *      the map fits every positioned vehicle once it has loaded.
+ *   2. The company has a default centre: the map opens there at the
+ *      configured zoom. An admin's explicit choice wins over browser
+ *      geolocation and active order destinations.
+ *   3. Otherwise the user's location: active order destinations, then
+ *      browser geolocation, then the IP lookup.
+ *   4. The centre of the company's country (or the country of its timezone).
+ *   5. The hardcoded fallback.
+ */
+
+/** Zoom used for a company-defined centre when no zoom was configured. */
+export const DEFAULT_CENTER_ZOOM = 12;
+
+/** Zoom used when the map falls back to the centre of the company's country. */
+export const COUNTRY_CENTER_ZOOM = 4;
+
+/** Closest the map zooms when fitting vehicles, so a single vehicle is not shown at street level. */
+export const FIT_VEHICLES_MAX_ZOOM = 15;
+
+export function isLatitude(value) {
+    return typeof value === 'number' && Number.isFinite(value) && value >= -90 && value <= 90;
+}
+
+export function isLongitude(value) {
+    return typeof value === 'number' && Number.isFinite(value) && value >= -180 && value <= 180;
+}
+
+export function isZoom(value) {
+    return typeof value === 'number' && Number.isInteger(value) && value >= 1 && value <= 20;
+}
+
+/**
+ * Parse a user-entered coordinate, returning null for blank or invalid input.
+ *
+ * @param {*} value
+ * @return {Number|null}
+ */
+export function toCoordinate(value) {
+    if (value === null || value === undefined || (typeof value === 'string' && value.trim() === '')) {
+        return null;
+    }
+
+    const number = Number(value);
+    return Number.isFinite(number) ? number : null;
+}
+
+/**
+ * The company's configured default centre, or null when none is set.
+ *
+ * @param {Object} settings map settings from `fleet-ops/settings/map`
+ * @return {{latitude: Number, longitude: Number, zoom: Number}|null}
+ */
+export function defaultMapCenter(settings = {}) {
+    const latitude = toCoordinate(settings?.defaultMapLatitude);
+    const longitude = toCoordinate(settings?.defaultMapLongitude);
+    if (!isLatitude(latitude) || !isLongitude(longitude)) {
+        return null;
+    }
+
+    const zoom = toCoordinate(settings?.defaultMapZoom);
+    return { latitude, longitude, zoom: isZoom(zoom) ? zoom : DEFAULT_CENTER_ZOOM };
+}
+
+/**
+ * The centre of the company's country, derived by the server, or null.
+ *
+ * @param {Object} settings map settings from `fleet-ops/settings/map`
+ * @return {{latitude: Number, longitude: Number, zoom: Number}|null}
+ */
+export function companyCountryCenter(settings = {}) {
+    const { latitude, longitude } = settings?.companyMapCenter ?? {};
+    if (!isLatitude(latitude) || !isLongitude(longitude)) {
+        return null;
+    }
+
+    return { latitude, longitude, zoom: COUNTRY_CENTER_ZOOM };
+}
+
+/**
+ * Extract `{ latitude, longitude }` from a GeoJSON point, a `[lat, lng]` pair
+ * or a `{ latitude, longitude }` object. Null Island (0,0) is treated as "no
+ * position" because that is what unpositioned records default to.
+ *
+ * @param {*} location
+ * @return {{latitude: Number, longitude: Number}|null}
+ */
+export function coordinatesOf(location) {
+    let latitude;
+    let longitude;
+
+    if (Array.isArray(location?.coordinates)) {
+        [longitude, latitude] = location.coordinates;
+    } else if (Array.isArray(location)) {
+        [latitude, longitude] = location;
+    } else {
+        latitude = location?.latitude;
+        longitude = location?.longitude;
+    }
+
+    if (!isLatitude(latitude) || !isLongitude(longitude) || (latitude === 0 && longitude === 0)) {
+        return null;
+    }
+
+    return { latitude, longitude };
+}
+
+/**
+ * Bounds `[[south, west], [north, east]]` around every record that has a
+ * position, or null when none do.
+ *
+ * @param {Array} records records with a `location` (e.g. live vehicles)
+ * @return {Array|null}
+ */
+export function positionedBounds(records = []) {
+    const points = (Array.isArray(records) ? records : []).map((record) => coordinatesOf(record?.location)).filter(Boolean);
+    if (points.length === 0) {
+        return null;
+    }
+
+    const latitudes = points.map((point) => point.latitude);
+    const longitudes = points.map((point) => point.longitude);
+
+    return [
+        [Math.min(...latitudes), Math.min(...longitudes)],
+        [Math.max(...latitudes), Math.max(...longitudes)],
+    ];
+}

package/addon/utils/normalize-order-config-flow.js

@@ -1,6 +1,11 @@
 import { isArray } from '@ember/array';
 
-export function getOrderConfigFlowRootCode(flow = {}) {
+export function getOrderConfigFlowRootCode(flow = {}, initialCode = null) {
+    // A configured lifecycle (`meta.lifecycle.initial`) names its own root activity.
+    if (initialCode && flow[initialCode]) {
+        return initialCode;
+    }
+
     if (flow.created) {
         return 'created';
     }

package/addon/utils/placeholder-images.js

@@ -1,71 +1,6 @@
-import config from 'ember-get-config';
-
 /**
- * Flat silhouettes shown wherever a resource has no photo, in one consistent style
- * across the console. They are inline data URIs so the engine does not depend on a
- * hosted asset; a console can override any of them through
- * `defaultValues.placeholders.<type>` in its environment config.
+ * The styled placeholder silhouettes now live in `@fleetbase/fleetops-data`,
+ * where every extension that shows a driver, vehicle or contact can reach
+ * them. This module keeps the FleetOps import path working.
  */
-export const PLACEHOLDER_IMAGES = {
-    trailer:
-        'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjQ4MCI+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cmVjdCB4PSI4OCIgeT0iMTI4IiB3aWR0aD0iNDcwIiBoZWlnaHQ9IjE5NiIgcng9IjE2IiBmaWxsPSIjYmRiZGJkIiBzdHJva2U9IiNkZWRlZGUiIHN0cm9rZS13aWR0aD0iMTAiLz48cmVjdCB4PSIxMDgiIHk9IjE1MCIgd2lkdGg9IjQzMCIgaGVpZ2h0PSIxNTIiIHJ4PSI4IiBmaWxsPSIjYzljOWM5Ii8+PHBhdGggZD0iTTEyOCAxNzhoMzkwTTEyOCAyMjZoMzkwTTEyOCAyNzRoMzkwIiBzdHJva2U9IiNiZGJkYmQiIHN0cm9rZS13aWR0aD0iNiIvPjxyZWN0IHg9IjUyMiIgeT0iMTQ2IiB3aWR0aD0iMTAiIGhlaWdodD0iMTYwIiByeD0iNCIgZmlsbD0iI2IwYjBiMCIvPjxyZWN0IHg9Ijg4IiB5PSIzMjQiIHdpZHRoPSI0NzAiIGhlaWdodD0iMTgiIHJ4PSI2IiBmaWxsPSIjYTlhOWE5Ii8+PHJlY3QgeD0iMTU2IiB5PSIzNDIiIHdpZHRoPSIxNCIgaGVpZ2h0PSI1MiIgcng9IjQiIGZpbGw9IiNhOWE5YTkiLz48cmVjdCB4PSIxNDYiIHk9IjM5MiIgd2lkdGg9IjM0IiBoZWlnaHQ9IjEwIiByeD0iNCIgZmlsbD0iI2E5YTlhOSIvPjxyZWN0IHg9Ijg4IiB5PSIzNDIiIHdpZHRoPSI1MiIgaGVpZ2h0PSIxNiIgcng9IjYiIGZpbGw9IiNhOWE5YTkiLz48Y2lyY2xlIGN4PSI0MTIiIGN5PSIzNjYiIHI9IjQwIiBmaWxsPSIjOGY4ZjhmIiBzdHJva2U9IiNkZWRlZGUiIHN0cm9rZS13aWR0aD0iOCIvPjxjaXJjbGUgY3g9IjQxMiIgY3k9IjM2NiIgcj0iMTYiIGZpbGw9IiNkOWQ5ZDkiLz48Y2lyY2xlIGN4PSI1MDAiIGN5PSIzNjYiIHI9IjQwIiBmaWxsPSIjOGY4ZjhmIiBzdHJva2U9IiNkZWRlZGUiIHN0cm9rZS13aWR0aD0iOCIvPjxjaXJjbGUgY3g9IjUwMCIgY3k9IjM2NiIgcj0iMTYiIGZpbGw9IiNkOWQ5ZDkiLz48L2c+PC9zdmc+',
-    vehicle:
-        'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjQ4MCI+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIHNjYWxlKDEuMCkiIG9wYWNpdHk9IjEuMCI+PHJlY3QgeD0iMjE2IiB5PSIxMzIiIHdpZHRoPSIzNTAiIGhlaWdodD0iMTkyIiByeD0iMTQiIGZpbGw9IiNiZGJkYmQiIHN0cm9rZT0iI2RlZGVkZSIgc3Ryb2tlLXdpZHRoPSIxMCIvPjxyZWN0IHg9IjIzNiIgeT0iMTU0IiB3aWR0aD0iMzEwIiBoZWlnaHQ9IjE0OCIgcng9IjgiIGZpbGw9IiNjOWM5YzkiLz48cGF0aCBkPSJNMjU2IDE4MmgyNzBNMjU2IDIzMGgyNzBNMjU2IDI3OGgyNzAiIHN0cm9rZT0iI2JkYmRiZCIgc3Ryb2tlLXdpZHRoPSI2Ii8+PHBhdGggZD0iTTIxNiAzMjRWMTkwSDk2Yy0xMiAwLTIyIDgtMjYgMjBMNjAgMjQ0djgweiIgZmlsbD0iI2JkYmRiZCIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PHBhdGggZD0iTTEwNCAyMDZoODh2NTJIODR6IiBmaWxsPSIjZDlkOWQ5Ii8+PHJlY3QgeD0iNjAiIHk9IjMyNCIgd2lkdGg9IjUwNiIgaGVpZ2h0PSIxOCIgcng9IjYiIGZpbGw9IiNhOWE5YTkiLz48cmVjdCB4PSI1NiIgeT0iMjkyIiB3aWR0aD0iMTgiIGhlaWdodD0iMzAiIHJ4PSI1IiBmaWxsPSIjZDlkOWQ5Ii8+PGNpcmNsZSBjeD0iMTUwIiBjeT0iMzY2IiByPSI0MCIgZmlsbD0iIzhmOGY4ZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjgiLz48Y2lyY2xlIGN4PSIxNTAiIGN5PSIzNjYiIHI9IjE2IiBmaWxsPSIjZDlkOWQ5Ii8+PGNpcmNsZSBjeD0iNDcwIiBjeT0iMzY2IiByPSI0MCIgZmlsbD0iIzhmOGY4ZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjgiLz48Y2lyY2xlIGN4PSI0NzAiIGN5PSIzNjYiIHI9IjE2IiBmaWxsPSIjZDlkOWQ5Ii8+PC9nPjwvZz48L3N2Zz4=',
-    driver: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjQ4MCI+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMTEwIDQ4MGMwLTk2IDc2LTE2NiAyMTAtMTY2czIxMCA3MCAyMTAgMTY2eiIgZmlsbD0iI2JkYmRiZCIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PHBhdGggZD0iTTI3MCAzMjJsNTAgNTQgNTAtNTQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q5ZDlkOSIgc3Ryb2tlLXdpZHRoPSI4Ii8+PGNpcmNsZSBjeD0iMzIwIiBjeT0iMjA0IiByPSI5MiIgZmlsbD0iI2JkYmRiZCIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PHBhdGggZD0iTTIzMCAxODZjMC02MiA0Mi05NiA5MC05NnM5MCAzNCA5MCA5NnoiIGZpbGw9IiNhOWE5YTkiIHN0cm9rZT0iI2RlZGVkZSIgc3Ryb2tlLXdpZHRoPSIxMCIvPjxwYXRoIGQ9Ik0zMjAgOTZ2ODgiIHN0cm9rZT0iI2RlZGVkZSIgc3Ryb2tlLXdpZHRoPSI2Ii8+PGNpcmNsZSBjeD0iMzIwIiBjeT0iOTIiIHI9IjkiIGZpbGw9IiNhOWE5YTkiIHN0cm9rZT0iI2RlZGVkZSIgc3Ryb2tlLXdpZHRoPSI2Ii8+PHBhdGggZD0iTTIyMiAxODZoMTkwYzY2IDAgOTYgMTAgOTYgMjJzLTMwIDIyLTk2IDIySDIyMnoiIGZpbGw9IiNhOWE5YTkiIHN0cm9rZT0iI2RlZGVkZSIgc3Ryb2tlLXdpZHRoPSI4Ii8+PC9nPjwvc3ZnPg==',
-    contact:
-        'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjQ4MCI+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMTEwIDQ4MGMwLTk2IDc2LTE2NiAyMTAtMTY2czIxMCA3MCAyMTAgMTY2eiIgZmlsbD0iI2JkYmRiZCIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PHBhdGggZD0iTTI3MCAzMjJsNTAgNTQgNTAtNTQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q5ZDlkOSIgc3Ryb2tlLXdpZHRoPSI4Ii8+PGNpcmNsZSBjeD0iMzIwIiBjeT0iMTg4IiByPSI5NiIgZmlsbD0iI2JkYmRiZCIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PC9nPjwvc3ZnPg==',
-    customer:
-        'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjQ4MCI+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMTEwIDQ4MGMwLTk2IDc2LTE2NiAyMTAtMTY2czIxMCA3MCAyMTAgMTY2eiIgZmlsbD0iI2JkYmRiZCIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PHBhdGggZD0iTTI3MCAzMjJsNTAgNTQgNTAtNTQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q5ZDlkOSIgc3Ryb2tlLXdpZHRoPSI4Ii8+PGNpcmNsZSBjeD0iMzIwIiBjeT0iMTg4IiByPSI5NiIgZmlsbD0iI2JkYmRiZCIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PGNpcmNsZSBjeD0iNDkwIiBjeT0iMzkyIiByPSI2MCIgZmlsbD0iIzhmOGY4ZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PHBhdGggZD0iTTQ1OCAzOTRsMjIgMjIgNDQtNDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q5ZDlkOSIgc3Ryb2tlLXdpZHRoPSIxNCIvPjwvZz48L3N2Zz4=',
-    vendor: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjQ4MCI+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNNzIgMjAwTDMyMCA5NmwyNDggMTA0djI0SDcyeiIgZmlsbD0iI2E5YTlhOSIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PHJlY3QgeD0iMTAwIiB5PSIyMjIiIHdpZHRoPSI0NDAiIGhlaWdodD0iMTkwIiByeD0iOCIgZmlsbD0iI2JkYmRiZCIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PHJlY3QgeD0iMjcyIiB5PSIyOTIiIHdpZHRoPSI5NiIgaGVpZ2h0PSIxMjAiIHJ4PSI2IiBmaWxsPSIjOGY4ZjhmIiBzdHJva2U9IiNkZWRlZGUiIHN0cm9rZS13aWR0aD0iOCIvPjxyZWN0IHg9IjE0MCIgeT0iMjYyIiB3aWR0aD0iODgiIGhlaWdodD0iNjYiIHJ4PSI2IiBmaWxsPSIjZDlkOWQ5Ii8+PHJlY3QgeD0iNDEyIiB5PSIyNjIiIHdpZHRoPSI4OCIgaGVpZ2h0PSI2NiIgcng9IjYiIGZpbGw9IiNkOWQ5ZDkiLz48cGF0aCBkPSJNMTg0IDI2MnY2Nk0xNDAgMjk1aDg4TTQ1NiAyNjJ2NjZNNDEyIDI5NWg4OCIgc3Ryb2tlPSIjYmRiZGJkIiBzdHJva2Utd2lkdGg9IjYiLz48cmVjdCB4PSI2MCIgeT0iNDEyIiB3aWR0aD0iNTIwIiBoZWlnaHQ9IjE2IiByeD0iNiIgZmlsbD0iI2E5YTlhOSIvPjwvZz48L3N2Zz4=',
-    fleet: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjQ4MCI+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNTAgLTQwKSBzY2FsZSgwLjcyKSIgb3BhY2l0eT0iMC40NSI+PHJlY3QgeD0iMjE2IiB5PSIxMzIiIHdpZHRoPSIzNTAiIGhlaWdodD0iMTkyIiByeD0iMTQiIGZpbGw9IiNiZGJkYmQiIHN0cm9rZT0iI2RlZGVkZSIgc3Ryb2tlLXdpZHRoPSIxMCIvPjxyZWN0IHg9IjIzNiIgeT0iMTU0IiB3aWR0aD0iMzEwIiBoZWlnaHQ9IjE0OCIgcng9IjgiIGZpbGw9IiNjOWM5YzkiLz48cGF0aCBkPSJNMjU2IDE4MmgyNzBNMjU2IDIzMGgyNzBNMjU2IDI3OGgyNzAiIHN0cm9rZT0iI2JkYmRiZCIgc3Ryb2tlLXdpZHRoPSI2Ii8+PHBhdGggZD0iTTIxNiAzMjRWMTkwSDk2Yy0xMiAwLTIyIDgtMjYgMjBMNjAgMjQ0djgweiIgZmlsbD0iI2JkYmRiZCIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PHBhdGggZD0iTTEwNCAyMDZoODh2NTJIODR6IiBmaWxsPSIjZDlkOWQ5Ii8+PHJlY3QgeD0iNjAiIHk9IjMyNCIgd2lkdGg9IjUwNiIgaGVpZ2h0PSIxOCIgcng9IjYiIGZpbGw9IiNhOWE5YTkiLz48cmVjdCB4PSI1NiIgeT0iMjkyIiB3aWR0aD0iMTgiIGhlaWdodD0iMzAiIHJ4PSI1IiBmaWxsPSIjZDlkOWQ5Ii8+PGNpcmNsZSBjeD0iMTUwIiBjeT0iMzY2IiByPSI0MCIgZmlsbD0iIzhmOGY4ZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjgiLz48Y2lyY2xlIGN4PSIxNTAiIGN5PSIzNjYiIHI9IjE2IiBmaWxsPSIjZDlkOWQ5Ii8+PGNpcmNsZSBjeD0iNDcwIiBjeT0iMzY2IiByPSI0MCIgZmlsbD0iIzhmOGY4ZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjgiLz48Y2lyY2xlIGN4PSI0NzAiIGN5PSIzNjYiIHI9IjE2IiBmaWxsPSIjZDlkOWQ5Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwIDEwKSBzY2FsZSgwLjgpIiBvcGFjaXR5PSIwLjciPjxyZWN0IHg9IjIxNiIgeT0iMTMyIiB3aWR0aD0iMzUwIiBoZWlnaHQ9IjE5MiIgcng9IjE0IiBmaWxsPSIjYmRiZGJkIiBzdHJva2U9IiNkZWRlZGUiIHN0cm9rZS13aWR0aD0iMTAiLz48cmVjdCB4PSIyMzYiIHk9IjE1NCIgd2lkdGg9IjMxMCIgaGVpZ2h0PSIxNDgiIHJ4PSI4IiBmaWxsPSIjYzljOWM5Ii8+PHBhdGggZD0iTTI1NiAxODJoMjcwTTI1NiAyMzBoMjcwTTI1NiAyNzhoMjcwIiBzdHJva2U9IiNiZGJkYmQiIHN0cm9rZS13aWR0aD0iNiIvPjxwYXRoIGQ9Ik0yMTYgMzI0VjE5MEg5NmMtMTIgMC0yMiA4LTI2IDIwTDYwIDI0NHY4MHoiIGZpbGw9IiNiZGJkYmQiIHN0cm9rZT0iI2RlZGVkZSIgc3Ryb2tlLXdpZHRoPSIxMCIvPjxwYXRoIGQ9Ik0xMDQgMjA2aDg4djUySDg0eiIgZmlsbD0iI2Q5ZDlkOSIvPjxyZWN0IHg9IjYwIiB5PSIzMjQiIHdpZHRoPSI1MDYiIGhlaWdodD0iMTgiIHJ4PSI2IiBmaWxsPSIjYTlhOWE5Ii8+PHJlY3QgeD0iNTYiIHk9IjI5MiIgd2lkdGg9IjE4IiBoZWlnaHQ9IjMwIiByeD0iNSIgZmlsbD0iI2Q5ZDlkOSIvPjxjaXJjbGUgY3g9IjE1MCIgY3k9IjM2NiIgcj0iNDAiIGZpbGw9IiM4ZjhmOGYiIHN0cm9rZT0iI2RlZGVkZSIgc3Ryb2tlLXdpZHRoPSI4Ii8+PGNpcmNsZSBjeD0iMTUwIiBjeT0iMzY2IiByPSIxNiIgZmlsbD0iI2Q5ZDlkOSIvPjxjaXJjbGUgY3g9IjQ3MCIgY3k9IjM2NiIgcj0iNDAiIGZpbGw9IiM4ZjhmOGYiIHN0cm9rZT0iI2RlZGVkZSIgc3Ryb2tlLXdpZHRoPSI4Ii8+PGNpcmNsZSBjeD0iNDcwIiBjeT0iMzY2IiByPSIxNiIgZmlsbD0iI2Q5ZDlkOSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDYwKSBzY2FsZSgwLjg4KSIgb3BhY2l0eT0iMS4wIj48cmVjdCB4PSIyMTYiIHk9IjEzMiIgd2lkdGg9IjM1MCIgaGVpZ2h0PSIxOTIiIHJ4PSIxNCIgZmlsbD0iI2JkYmRiZCIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEwIi8+PHJlY3QgeD0iMjM2IiB5PSIxNTQiIHdpZHRoPSIzMTAiIGhlaWdodD0iMTQ4IiByeD0iOCIgZmlsbD0iI2M5YzljOSIvPjxwYXRoIGQ9Ik0yNTYgMTgyaDI3ME0yNTYgMjMwaDI3ME0yNTYgMjc4aDI3MCIgc3Ryb2tlPSIjYmRiZGJkIiBzdHJva2Utd2lkdGg9IjYiLz48cGF0aCBkPSJNMjE2IDMyNFYxOTBIOTZjLTEyIDAtMjIgOC0yNiAyMEw2MCAyNDR2ODB6IiBmaWxsPSIjYmRiZGJkIiBzdHJva2U9IiNkZWRlZGUiIHN0cm9rZS13aWR0aD0iMTAiLz48cGF0aCBkPSJNMTA0IDIwNmg4OHY1Mkg4NHoiIGZpbGw9IiNkOWQ5ZDkiLz48cmVjdCB4PSI2MCIgeT0iMzI0IiB3aWR0aD0iNTA2IiBoZWlnaHQ9IjE4IiByeD0iNiIgZmlsbD0iI2E5YTlhOSIvPjxyZWN0IHg9IjU2IiB5PSIyOTIiIHdpZHRoPSIxOCIgaGVpZ2h0PSIzMCIgcng9IjUiIGZpbGw9IiNkOWQ5ZDkiLz48Y2lyY2xlIGN4PSIxNTAiIGN5PSIzNjYiIHI9IjQwIiBmaWxsPSIjOGY4ZjhmIiBzdHJva2U9IiNkZWRlZGUiIHN0cm9rZS13aWR0aD0iOCIvPjxjaXJjbGUgY3g9IjE1MCIgY3k9IjM2NiIgcj0iMTYiIGZpbGw9IiNkOWQ5ZDkiLz48Y2lyY2xlIGN4PSI0NzAiIGN5PSIzNjYiIHI9IjQwIiBmaWxsPSIjOGY4ZjhmIiBzdHJva2U9IiNkZWRlZGUiIHN0cm9rZS13aWR0aD0iOCIvPjxjaXJjbGUgY3g9IjQ3MCIgY3k9IjM2NiIgcj0iMTYiIGZpbGw9IiNkOWQ5ZDkiLz48L2c+PC9nPjwvc3ZnPg==',
-};
-
-/**
- * Hosted images the data models and console config fall back to when a record has no
- * photo. Treat them as "no photo" so the styled placeholder wins over the legacy PNG.
- */
-const LEGACY_DEFAULT_PATTERN = /(no-avatar|vehicle-placeholder|image-file-icon|fallback-placeholder|default-extension-icon)\.(png|svg|jpe?g)/i;
-
-const CONFIG_KEYS = {
-    vehicle: 'vehicleImage',
-    driver: 'driverImage',
-    vendor: 'vendorImage',
-    contact: 'contactImage',
-    customer: 'customerImage',
-    fleet: 'fleetImage',
-    trailer: 'trailerImage',
-};
-
-export function getPlaceholderImage(type = 'contact') {
-    const overrides = config?.defaultValues?.placeholders ?? {};
-    // A console that already replaced its hosted defaults with inline images wins;
-    // hosted PNG defaults are ignored so the silhouette set stays consistent.
-    const configured = config?.defaultValues?.[CONFIG_KEYS[type]];
-    const inlineConfigured = typeof configured === 'string' && configured.startsWith('data:') ? configured : null;
-
-    return overrides[type] || inlineConfigured || PLACEHOLDER_IMAGES[type] || PLACEHOLDER_IMAGES.contact;
-}
-
-export function isDefaultImage(url) {
-    if (typeof url !== 'string' || url.trim() === '') {
-        return true;
-    }
-
-    if (LEGACY_DEFAULT_PATTERN.test(url)) {
-        return true;
-    }
-
-    const defaults = Object.values(config?.defaultValues ?? {}).filter((value) => typeof value === 'string');
-
-    return defaults.includes(url);
-}
-
-/**
- * The image to show for a record: its own photo, or the styled placeholder when the
- * photo is missing or one of the legacy hosted defaults.
- */
-export function resolveResourceImage(url, type) {
-    return isDefaultImage(url) ? getPlaceholderImage(type) : url;
-}
-
-export default getPlaceholderImage;
+export { PLACEHOLDER_IMAGES, getPlaceholderImage, isDefaultImage, resolveResourceImage, default } from '@fleetbase/fleetops-data/utils/placeholder-images';