Merge branch 'main' into ALS-1902_political-view

src/atomicui/molecules/Marker/Marker.tsx

@@ -24,7 +24,7 @@ const Marker: FC<Props> = ({ latitude, longitude, searchValue, setSearchValue })
 		if (!info) {
 			(async () => {
 				const place: ReverseGeocodeCommandOutput | undefined = await getPlaceDataByCoordinates([longitude, latitude]);
-				setInfo({ id: uuid.randomUUID(), place: place!.ResultItems![0] });
+				!!place?.ResultItems?.length && setInfo({ id: uuid.randomUUID(), place: place.ResultItems[0] });
 			})();
 		}
 	}, [info, getPlaceDataByCoordinates, longitude, latitude, marker, selectedMarker, setMarker]);

src/hooks/useMapManager.ts

@@ -3,7 +3,7 @@ import { MutableRefObject, useCallback, useEffect, useMemo, useState } from "rea
 import { showToast } from "@demo/core/Toast";
 import { appConfig, regionsData } from "@demo/core/constants";
 import { MapStyleEnum, ToastType } from "@demo/types/Enums";
-import { getStyleWithPreferredLanguage } from "@demo/utils";
+import { getStyleWithPreferredLanguage, normalizeLng } from "@demo/utils";
 import { getCurrentLocation } from "@demo/utils/getCurrentLocation";
 import type { GeolocateControl as GeolocateControlRef } from "maplibre-gl";
 import { omit } from "ramda";
@@ -148,9 +148,10 @@ const useMapManager = ({
 
 	const handleMapClick = useCallback(
 		({ lngLat }: MapLayerMouseEvent) => {
-			if (lngLat && !isUnauthGeofenceBoxOpen && !isUnauthTrackerBoxOpen) {
-				const { lat: latitude, lng: longitude } = lngLat;
+			const { lng, lat: latitude } = lngLat;
+			const longitude = normalizeLng(lng);
 
+			if (!isUnauthGeofenceBoxOpen && !isUnauthTrackerBoxOpen) {
 				if (!isRouteBoxOpen && !isAuthGeofenceBoxOpen && !isSettingsOpen && !isEditingRoute) {
 					marker && setMarker(undefined);
 					selectedMarker && setSelectedMarker(undefined);

src/utils/index.ts

@@ -15,3 +15,4 @@ export * from "./distanceUtil";
 export * from "./turfUtils";
 export * from "./getFlagEmoji";
 export * from "./getStyleWithPreferredLanguage";
+export * from "./normalizeLng";

src/utils/normalizeLng.ts

@@ -0,0 +1 @@
+export const normalizeLng = (lng: number) => ((((lng + 180) % 360) + 360) % 360) - 180; // Normalize to [-180, 180];