Distance constraint add on frontend

src/mapper/package.json

@@ -52,6 +52,7 @@
 		"@turf/bbox": "^7.1.0",
 		"@turf/buffer": "^7.1.0",
 		"@turf/centroid": "^7.1.0",
+		"@turf/distance": "^7.2.0",
 		"@turf/helpers": "^7.1.0",
 		"@watergis/maplibre-gl-terradraw": "^0.5.1",
 		"drizzle-orm": "^0.35.3",

src/mapper/src/lib/components/dialog-entities-actions.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { distance } from '@turf/distance';
+	import type { Coord } from '@turf/helpers';
 	import { TaskStatusEnum, type ProjectData } from '$lib/types';
 	import { getEntitiesStatusStore } from '$store/entities.svelte.ts';
 	import { getAlertStore } from '$store/common.svelte.ts';
@@ -25,7 +27,37 @@
 	const selectedEntityCoordinate = $derived(entitiesStore.selectedEntityCoordinate);
 	const entityToNavigate = $derived(entitiesStore.entityToNavigate);
 
+	// check if distance constraint is set to projectand is valid
+	const isDistanceConstaintValid = (): boolean => {
+		if (projectData?.geo_restrict_force_error) {
+			const to = entitiesStore.selectedEntityCoordinate?.coordinate;
+			const from = entitiesStore.userLocationCoord;
+			if (!from) {
+				alertStore.setAlert({
+					message:
+						'This project has a distance constraint set. Please enable device geolocation for optimal functionality',
+					variant: 'warning',
+				});
+				return false;
+			}
+
+			const entityDistance = distance(from as Coord, to as Coord, { units: 'kilometers' }) * 1000;
+			if (entityDistance && entityDistance > projectData?.geo_restrict_distance_meters) {
+				alertStore.setAlert({
+					message: `The feature must be within ${projectData?.geo_restrict_distance_meters} meters of your location`,
+					variant: 'warning',
+				});
+				return false;
+			}
+
+			return true;
+		}
+		return true;
+	};
+
 	const mapFeature = () => {
+		if (!isDistanceConstaintValid()) return;
+
 		const xformId = projectData?.odk_form_id;
 		const entityUuid = selectedEntity?.entity_id;
 

src/mapper/src/lib/components/map/geolocation.svelte

@@ -244,6 +244,7 @@
 				on:click={() => {
 					entitiesStore.setToggleGeolocation(!entitiesStore.toggleGeolocation);
 					if (!entitiesStore.toggleGeolocation) {
+						entitiesStore.setUserLocationCoordinate(undefined);
 						exitNavigationMode();
 					}
 				}}

src/mapper/src/lib/types.ts

@@ -40,6 +40,8 @@ export interface ProjectData {
 	status: number;
 	hashtags: string[];
 	tasks: ProjectTask[];
+	geo_restrict_distance_meters: number;
+	geo_restrict_force_error: boolean;
 }
 
 export interface ZoomToTaskEventDetail {