Develop

package.json

@@ -104,6 +104,7 @@
     "expo-task-manager": "~57.0.20",
     "expo-video": "~57.0.5",
     "expo-web-browser": "~57.0.3",
+    "firebase": "^12.19.0",
     "geojson": "~0.5.0",
     "i18next": "~23.14.0",
     "livekit-client": "^2.20.1",

public/.well-known/apple-app-site-association

@@ -0,0 +1,7 @@
+{
+  "webcredentials": {
+    "apps": [
+      "QKQVAJMTCN.com.wavetech.Resgrid"
+    ]
+  }
+}

public/.well-known/assetlinks.json

@@ -0,0 +1,14 @@
+[
+  {
+    "relation": [
+      "delegate_permission/common.get_login_creds"
+    ],
+    "target": {
+      "namespace": "android_app",
+      "package_name": "wtdt.resgrid.andriod",
+      "sha256_cert_fingerprints": [
+        "FF:56:FC:B4:6B:4F:07:41:20:92:00:08:AA:D0:46:E3:C8:7A:B8:95:F1:CF:A6:68:46:F0:D2:55:42:1C:77:2D"
+      ]
+    }
+  }
+]

public/service-worker.js

@@ -0,0 +1,113 @@
+/* eslint-disable no-undef */
+/**
+ * Service worker for Resgrid Responder web push.
+ *
+ * The page mints its FCM web token against this registration (services/web-push.web.ts), but
+ * Firebase is not loaded here: every push is shown below. Core sends the fields in the FCM webpush
+ * block (NovuProvider.SendNotification): data carries title, message, eventCode, type and category.
+ *
+ * The app does the routing. A click focuses an open window and posts NOTIFICATION_CLICK to it; with no
+ * window open, the new one is handed the push after it says CLIENT_READY. Every push is also posted as
+ * PUSH_RECEIVED so a window the person is looking at can show its in-app alert.
+ */
+
+const DEFAULT_TITLE = 'Resgrid';
+
+// Clicks waiting for the window they opened to finish loading, by client id.
+const pendingClicks = new Map();
+
+function readPush(event) {
+  let payload = {};
+  if (event.data) {
+    try {
+      payload = event.data.json() || {};
+    } catch {
+      payload = { notification: { body: event.data.text() } };
+    }
+  }
+
+  const notification = payload.notification || {};
+  const data = payload.data || {};
+
+  return {
+    title: data.title || notification.title || payload.title || DEFAULT_TITLE,
+    body: data.message || notification.body || data.body || payload.body || payload.message || '',
+    eventCode: data.eventCode || payload.eventCode || '',
+    type: data.type || '',
+    category: data.category || '',
+  };
+}
+
+function isCall(push) {
+  return push.category === 'calls' || /^c(?!t)/i.test(push.eventCode);
+}
+
+self.addEventListener('push', (event) => {
+  const push = readPush(event);
+
+  event.waitUntil(
+    Promise.all([
+      self.registration.showNotification(push.title, {
+        body: push.body,
+        icon: '/favicon.ico',
+        tag: push.eventCode || undefined,
+        renotify: !!push.eventCode,
+        requireInteraction: isCall(push),
+        data: push,
+      }),
+      self.clients.matchAll({ type: 'window', includeUncontrolled: true }).then((windows) => {
+        windows.forEach((client) => client.postMessage({ type: 'PUSH_RECEIVED', data: push }));
+      }),
+    ])
+  );
+});
+
+self.addEventListener('notificationclick', (event) => {
+  event.notification.close();
+  const data = event.notification.data || {};
+
+  event.waitUntil(
+    self.clients.matchAll({ type: 'window', includeUncontrolled: true }).then((windows) => {
+      const client = windows.find((candidate) => 'focus' in candidate);
+      if (client) {
+        return client.focus().then((focused) => (focused || client).postMessage({ type: 'NOTIFICATION_CLICK', data }));
+      }
+
+      if (!self.clients.openWindow) {
+        return undefined;
+      }
+
+      return self.clients.openWindow('/').then((opened) => {
+        if (opened) {
+          pendingClicks.set(opened.id, data);
+        }
+      });
+    })
+  );
+});
+
+self.addEventListener('install', () => {
+  self.skipWaiting();
+});
+
+self.addEventListener('activate', (event) => {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener('message', (event) => {
+  if (!event.data || !event.source) {
+    return;
+  }
+
+  if (event.data.type === 'SKIP_WAITING') {
+    self.skipWaiting();
+    return;
+  }
+
+  // A window this worker opened has loaded: hand it the click that opened it.
+  if (event.data.type === 'CLIENT_READY' && pendingClicks.has(event.source.id)) {
+    const data = pendingClicks.get(event.source.id);
+    pendingClicks.delete(event.source.id);
+    event.source.postMessage({ type: 'NOTIFICATION_CLICK', data });
+  }
+});

src/api/calls/__tests__/callLocationHistory.test.ts

@@ -0,0 +1,42 @@
+import { createApiEndpoint } from '../../common/client';
+import { getCallLocationHistory } from '../callLocationHistory';
+
+jest.mock('../../common/client', () => {
+  const get = jest.fn();
+  return {
+    createApiEndpoint: jest.fn(() => ({ get })),
+    __mockGet: get,
+  };
+});
+
+const { __mockGet: mockGet } = jest.requireMock('../../common/client') as { __mockGet: jest.Mock };
+
+// Endpoints are created at module load; capture them before beforeEach clears the mock.
+const registeredPaths = (createApiEndpoint as jest.Mock).mock.calls.map((c) => c[0]);
+
+describe('callLocationHistory api', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('targets Calls/GetCallLocationHistory', () => {
+    expect(registeredPaths).toEqual(['/Calls/GetCallLocationHistory']);
+  });
+
+  it('passes callId as a query parameter and returns the body', async () => {
+    const payload = { Data: { AddressMatchingAvailable: true, IndexComplete: true, HasMore: false, IsProtected: false, Calls: [] } };
+    mockGet.mockResolvedValueOnce({ data: payload });
+
+    await expect(getCallLocationHistory('42')).resolves.toBe(payload);
+    expect(mockGet).toHaveBeenCalledWith({ callId: '42' }, undefined);
+  });
+
+  it('forwards the abort signal', async () => {
+    const controller = new AbortController();
+    mockGet.mockResolvedValueOnce({ data: { Data: null } });
+
+    await getCallLocationHistory('42', controller.signal);
+
+    expect(mockGet).toHaveBeenCalledWith({ callId: '42' }, controller.signal);
+  });
+});

src/api/calls/callLocationHistory.ts

@@ -0,0 +1,15 @@
+import { type LocationHistoryResult } from '@/models/v4/calls/locationHistoryResult';
+
+import { createApiEndpoint } from '../common/client';
+
+// v4 Calls/GetCallLocationHistory: other calls at this call's location (address however it was typed, or nearby when one
+// side has no street address) and calls linked to the same contacts, newest first with their notes. Needs Call_View and is
+// limited to the calls the user may see. The client attaches the Protected Data Grant header automatically; without one,
+// a protected department's call text and notes come back REDACTED.
+
+const getCallLocationHistoryApi = createApiEndpoint('/Calls/GetCallLocationHistory');
+
+export const getCallLocationHistory = async (callId: string, signal?: AbortSignal) => {
+  const response = await getCallLocationHistoryApi.get<LocationHistoryResult>({ callId }, signal);
+  return response.data;
+};

src/api/contacts/__tests__/contactCallHistory.test.ts

@@ -0,0 +1,33 @@
+import { createApiEndpoint } from '../../common/client';
+import { getContactCallHistory } from '../contactCallHistory';
+
+jest.mock('../../common/client', () => {
+  const get = jest.fn();
+  return {
+    createApiEndpoint: jest.fn(() => ({ get })),
+    __mockGet: get,
+  };
+});
+
+const { __mockGet: mockGet } = jest.requireMock('../../common/client') as { __mockGet: jest.Mock };
+
+// Endpoints are created at module load; capture them before beforeEach clears the mock.
+const registeredPaths = (createApiEndpoint as jest.Mock).mock.calls.map((c) => c[0]);
+
+describe('contactCallHistory api', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('targets Contacts/GetContactCallHistory', () => {
+    expect(registeredPaths).toEqual(['/Contacts/GetContactCallHistory']);
+  });
+
+  it('passes contactId as a query parameter and returns the body', async () => {
+    const payload = { Data: { AddressMatchingAvailable: true, IndexComplete: true, HasMore: false, IsProtected: false, Calls: [] } };
+    mockGet.mockResolvedValueOnce({ data: payload });
+
+    await expect(getContactCallHistory('c1')).resolves.toBe(payload);
+    expect(mockGet).toHaveBeenCalledWith({ contactId: 'c1' }, undefined);
+  });
+});

src/api/contacts/contactCallHistory.ts

@@ -0,0 +1,14 @@
+import { type LocationHistoryResult } from '@/models/v4/calls/locationHistoryResult';
+
+import { createApiEndpoint } from '../common/client';
+
+// v4 Contacts/GetContactCallHistory: calls linked to a contact plus calls at every occupancy it is linked to (one contact can
+// have several, such as a business with more than one location), newest first with their notes. Needs Contacts_View and is
+// limited to the calls the user may see.
+
+const getContactCallHistoryApi = createApiEndpoint('/Contacts/GetContactCallHistory');
+
+export const getContactCallHistory = async (contactId: string, signal?: AbortSignal) => {
+  const response = await getContactCallHistoryApi.get<LocationHistoryResult>({ contactId }, signal);
+  return response.data;
+};

src/api/devices/push.ts

@@ -1,11 +1,13 @@
 import { type PushRegistrationInput } from '@/models/v4/device/pushRegistrationInput';
 import { type PushRegistrationResult } from '@/models/v4/device/pushRegistrationResult';
 import { type PushRegistrationUnitInput } from '@/models/v4/device/pushRegistrationUnitInput';
+import { type WebPushUnRegistrationInput } from '@/models/v4/device/webPushUnRegistrationInput';
 
 import { createApiEndpoint } from '../common/client';
 
 const registerUnitDeviceApi = createApiEndpoint('/Devices/RegisterUnitDevice');
 const registerDeviceApi = createApiEndpoint('/Devices/RegisterDevice');
+const unRegisterWebPushApi = createApiEndpoint('/Devices/UnRegisterWebPush');
 
 export const registerUnitDevice = async (data: PushRegistrationUnitInput) => {
   const response = await registerUnitDeviceApi.post<PushRegistrationResult>({
@@ -20,3 +22,10 @@ export const registerDevice = async (data: PushRegistrationInput) => {
   });
   return response.data;
 };
+
+export const unRegisterWebPush = async (data: WebPushUnRegistrationInput) => {
+  const response = await unRegisterWebPushApi.post<PushRegistrationResult>({
+    ...data,
+  });
+  return response.data;
+};

src/app/(app)/_layout.tsx

@@ -37,6 +37,7 @@ import { locationService } from '@/services/location';
 import { offlineEventManager } from '@/services/offline-event-manager.service';
 import { offlineQueueService } from '@/services/offline-queue.service';
 import { usePushNotifications } from '@/services/push-notification';
+import { useWebPushRegistration } from '@/services/web-push';
 import { useCoreStore } from '@/stores/app/core-store';
 import { useCalendarStore } from '@/stores/calendar/store';
 import { useCallsStore } from '@/stores/calls/store';
@@ -100,6 +101,8 @@ export default function TabLayout() {
 
   // Initialize push notifications
   usePushNotifications();
+  // Browser push on the web edition (a no-op on the phone).
+  useWebPushRegistration();
 
   const initializeApp = useCallback(async () => {
     if (isInitializing.current) {

src/app/call/[id]/__tests__/timeline-activity-link.test.tsx

@@ -48,6 +48,7 @@ jest.mock('@/components/calls/call-files-modal', () => () => null);
 jest.mock('@/components/calls/call-images-modal', () => () => null);
 jest.mock('@/components/calls/call-notes-modal', () => () => null);
 jest.mock('@/components/calls/call-site-info-tab-panel', () => ({ CallSiteInfoTabPanel: () => null }));
+jest.mock('@/components/calls/location-history-panel', () => ({ LocationHistoryPanel: () => null }));
 jest.mock('@/components/calls/close-call-bottom-sheet', () => ({ CloseCallBottomSheet: () => null }));
 jest.mock('@/components/check-in/check-in-tab-panel', () => ({ CheckInTabPanel: () => null }));
 jest.mock('@/components/common/header-back-button', () => ({ HeaderBackButton: () => null }));

src/app/call/[id]/index.tsx

@@ -15,6 +15,7 @@ import CallImagesModal from '@/components/calls/call-images-modal';
 import CallNotesModal from '@/components/calls/call-notes-modal';
 import { CallSiteInfoTabPanel } from '@/components/calls/call-site-info-tab-panel';
 import { CloseCallBottomSheet } from '@/components/calls/close-call-bottom-sheet';
+import { LocationHistoryPanel } from '@/components/calls/location-history-panel';
 import { CheckInTabPanel } from '@/components/check-in/check-in-tab-panel';
 import { HeaderBackButton } from '@/components/common/header-back-button';
 import { Loading } from '@/components/common/loading';
@@ -489,6 +490,13 @@ export default function CallDetail() {
       content: <CallSiteInfoTabPanel callId={call.CallId} />,
     });
 
+    // History tab: previous calls at this location (address however it was typed) or with the same contacts.
+    builtTabs.push({
+      key: 'history',
+      title: t('call_detail.tabs.history'),
+      content: <LocationHistoryPanel source={{ kind: 'call', id: call.CallId }} />,
+    });
+
     builtTabs.push({
       key: 'command',
       title: t('call_detail.tabs.command'),