@abcagency/hc-ui-components 1.3.58 → 1.3.60

package/src/contexts/placesContext.js

@@ -1,102 +1,102 @@
-import React, { createContext, useContext, useEffect, useState } from 'react';
-
-import { markerIconProps } from '~/util/mapIconUtil';
-
-import { useMap } from '~/contexts/mapContext';
-
-import { searchNearbyPlaces } from '~/services/googlePlacesNearbyService';
-
-const PlacesContext = createContext();
-
-export const usePlaces = () => useContext(PlacesContext);
-
-export const PlacesProvider = ({ children, placeMappings, markerColors }) => {
-	const { selectedPlaces, zoom, center } = useMap();
-	const [poiMarkers, setPoiMarkers] = useState({ markers: [], icon: null });
-	const [currentCenter, setCurrentCenter] = useState(center);
-	const [currentZoom, setCurrentZoom] = useState(zoom);
-	const [placesWindow, setPlacesWindow] = useState(false);
-	const [selectedPlaceMarker, setSelectedPlaceMarker] = useState(null);
-
-	const getRadiusForZoom = () => {
-		if (currentZoom >= 18) return 1000;
-		if (currentZoom <= 10) return 0;
-
-		let tempZoom = Math.pow(19 - currentZoom, 4.85);
-		let radius = tempZoom;
-		let minRadius = 1500;
-		let maxRadius = 800000;
-
-		if (radius < minRadius) radius = minRadius;
-		else if (radius > maxRadius) radius = maxRadius;
-
-		return radius;
-	};
-
-	useEffect(() => {
-		if (!selectedPlaces || (!selectedPlaces.length > 0) || !center || currentZoom < 12) {
-			setPoiMarkers({ markers: [], icon: null });
-			return;
-		}
-		const fetchPlaces = async () => {
-			let poiTypes = [];
-			const selectedPOICategories = selectedPlaces;
-			selectedPOICategories.forEach(pointOfInterest => {
-				poiTypes = poiTypes.concat(placeMappings[pointOfInterest]);
-			});
-
-			const radius = getRadiusForZoom();
-			const location = { latitude: currentCenter.lat, longitude: currentCenter.lng };
-
-			try {
-				const response = await searchNearbyPlaces(poiTypes, location, radius);
-				const newMarkers = response.places.map(place => {
-					const getParentCategory = types => {
-						const selectedTypes = selectedPOICategories.reduce((acc, category) => {
-							return acc.concat(placeMappings[category]);
-						}, []);
-
-						for (const type of types) {
-							if (!selectedTypes.includes(type)) continue;
-							for (const category in placeMappings) {
-								if (placeMappings[category].includes(type)) {
-									return category;
-								}
-							}
-
-						}
-					};
-
-					const icon = markerIconProps(markerColors.placeMarkers, getParentCategory(place.types));
-
-					return {
-						position: { lat: place.location.latitude, lng: place.location.longitude },
-						title: place.displayName.text,
-						icon: icon
-					};
-				});
-				setPoiMarkers({ markers: newMarkers, icon: null });
-			} catch (error) {
-				console.error('Failed to fetch places:', error);
-			}
-		};
-
-		fetchPlaces();
-	}, [selectedPlaces, currentZoom, currentCenter]);
-
-	return (
-		<PlacesContext.Provider value={{
-			poiMarkers,
-			setCurrentCenter,
-			currentCenter,
-			setCurrentZoom,
-			currentZoom,
-			placesWindow,
-			setPlacesWindow,
-			selectedPlaceMarker,
-			setSelectedPlaceMarker
-		}}>
-			{children}
-		</PlacesContext.Provider>
-	);
-};
+import React, { createContext, useContext, useEffect, useState } from 'react';
+
+import { markerIconProps } from '~/util/mapIconUtil';
+
+import { useMap } from '~/contexts/mapContext';
+
+import { searchNearbyPlaces } from '~/services/googlePlacesNearbyService';
+
+const PlacesContext = createContext();
+
+export const usePlaces = () => useContext(PlacesContext);
+
+export const PlacesProvider = ({ children, placeMappings, markerColors }) => {
+	const { selectedPlaces, zoom, center } = useMap();
+	const [poiMarkers, setPoiMarkers] = useState({ markers: [], icon: null });
+	const [currentCenter, setCurrentCenter] = useState(center);
+	const [currentZoom, setCurrentZoom] = useState(zoom);
+	const [placesWindow, setPlacesWindow] = useState(false);
+	const [selectedPlaceMarker, setSelectedPlaceMarker] = useState(null);
+
+	const getRadiusForZoom = () => {
+		if (currentZoom >= 18) return 1000;
+		if (currentZoom <= 10) return 0;
+
+		let tempZoom = Math.pow(19 - currentZoom, 4.85);
+		let radius = tempZoom;
+		let minRadius = 1500;
+		let maxRadius = 800000;
+
+		if (radius < minRadius) radius = minRadius;
+		else if (radius > maxRadius) radius = maxRadius;
+
+		return radius;
+	};
+
+	useEffect(() => {
+		if (!selectedPlaces || (!selectedPlaces.length > 0) || !center || currentZoom < 12) {
+			setPoiMarkers({ markers: [], icon: null });
+			return;
+		}
+		const fetchPlaces = async () => {
+			let poiTypes = [];
+			const selectedPOICategories = selectedPlaces;
+			selectedPOICategories.forEach(pointOfInterest => {
+				poiTypes = poiTypes.concat(placeMappings[pointOfInterest]);
+			});
+
+			const radius = getRadiusForZoom();
+			const location = { latitude: currentCenter.lat, longitude: currentCenter.lng };
+
+			try {
+				const response = await searchNearbyPlaces(poiTypes, location, radius);
+				const newMarkers = response.places.map(place => {
+					const getParentCategory = types => {
+						const selectedTypes = selectedPOICategories.reduce((acc, category) => {
+							return acc.concat(placeMappings[category]);
+						}, []);
+
+						for (const type of types) {
+							if (!selectedTypes.includes(type)) continue;
+							for (const category in placeMappings) {
+								if (placeMappings[category].includes(type)) {
+									return category;
+								}
+							}
+
+						}
+					};
+
+					const icon = markerIconProps(markerColors.placeMarkers, getParentCategory(place.types));
+
+					return {
+						position: { lat: place.location.latitude, lng: place.location.longitude },
+						title: place.displayName.text,
+						icon: icon
+					};
+				});
+				setPoiMarkers({ markers: newMarkers, icon: null });
+			} catch (error) {
+				console.error('Failed to fetch places:', error);
+			}
+		};
+
+		fetchPlaces();
+	}, [selectedPlaces, currentZoom, currentCenter]);
+
+	return (
+		<PlacesContext.Provider value={{
+			poiMarkers,
+			setCurrentCenter,
+			currentCenter,
+			setCurrentZoom,
+			currentZoom,
+			placesWindow,
+			setPlacesWindow,
+			selectedPlaceMarker,
+			setSelectedPlaceMarker
+		}}>
+			{children}
+		</PlacesContext.Provider>
+	);
+};

package/src/contexts/themeContext.js

@@ -1,40 +1,40 @@
-import React, { useEffect } from 'react';
-import { createContext, useContext } from 'react';
-
-const ThemeContext = createContext();
-
-export const ThemeProvider = ({
-	children,
-	uiText,
-	uiAccent,
-	primary,
-	primaryDark,
-	secondary,
-	secondaryDark
-}) => {
-	useEffect(() => {
-		document.documentElement.style.setProperty('--ui-text', uiText);
-		document.documentElement.style.setProperty('--ui-accent', uiAccent);
-		document.documentElement.style.setProperty('--primary', primary);
-		document.documentElement.style.setProperty('--primary-dark', primaryDark);
-		document.documentElement.style.setProperty('--secondary', secondary);
-		document.documentElement.style.setProperty('--secondary-dark', secondaryDark);
-	}, [uiText, uiAccent, primary, primaryDark, secondary, secondaryDark]);
-
-	return (
-		<ThemeContext.Provider
-			value={{
-				uiText,
-				uiAccent,
-				primary,
-				primaryDark,
-				secondary,
-				secondaryDark
-			}}
-		>
-			{children}
-		</ThemeContext.Provider>
-	);
-};
-
-export const useTheme = () => useContext(ThemeContext);
+import React, { useEffect } from 'react';
+import { createContext, useContext } from 'react';
+
+const ThemeContext = createContext();
+
+export const ThemeProvider = ({
+	children,
+	uiText,
+	uiAccent,
+	primary,
+	primaryDark,
+	secondary,
+	secondaryDark
+}) => {
+	useEffect(() => {
+		document.documentElement.style.setProperty('--ui-text', uiText);
+		document.documentElement.style.setProperty('--ui-accent', uiAccent);
+		document.documentElement.style.setProperty('--primary', primary);
+		document.documentElement.style.setProperty('--primary-dark', primaryDark);
+		document.documentElement.style.setProperty('--secondary', secondary);
+		document.documentElement.style.setProperty('--secondary-dark', secondaryDark);
+	}, [uiText, uiAccent, primary, primaryDark, secondary, secondaryDark]);
+
+	return (
+		<ThemeContext.Provider
+			value={{
+				uiText,
+				uiAccent,
+				primary,
+				primaryDark,
+				secondary,
+				secondaryDark
+			}}
+		>
+			{children}
+		</ThemeContext.Provider>
+	);
+};
+
+export const useTheme = () => useContext(ThemeContext);

package/src/services/configService.ts

@@ -1,16 +1,16 @@
-import api from '~/apis/hcApi';
-import { MapConfig } from '~/types/config/MapConfig';
-
-export const getMapConfig = async (): Promise<MapConfig> => {
-	try {
-		const response = await api.get<MapConfig>(`/MapConfig`);
-		return response;
-	} catch (error) {
-		console.error("Error retrieving map configuration:", error);
-		throw error;
-	}
-};
-
-export default {
-	getMapConfig
-};
+import api from '~/apis/hcApi';
+import { MapConfig } from '~/types/config/MapConfig';
+
+export const getMapConfig = async (): Promise<MapConfig> => {
+	try {
+		const response = await api.get<MapConfig>(`/MapConfig`);
+		return response;
+	} catch (error) {
+		console.error("Error retrieving map configuration:", error);
+		throw error;
+	}
+};
+
+export default {
+	getMapConfig
+};

package/src/services/listingEntityService.ts

@@ -1,16 +1,16 @@
-import api from '~/apis/hcApi';
-import { ListingEntity } from '~/types/ListingEntity';
-
-export const getListingEntities = async (entityIds: number[], origin = ''): Promise<ListingEntity[]> => {
-	try {
-		const response = await api.post<ListingEntity[]>(`/ListingEntities?origin=${origin}`, entityIds);
-		return response;
-	} catch (error) {
-		console.error("Error fetching listing entities:", error);
-		throw error;
-	}
-};
-
-export default {
-	getListingEntities
-};
+import api from '~/apis/hcApi';
+import { ListingEntity } from '~/types/ListingEntity';
+
+export const getListingEntities = async (entityIds: number[], origin = ''): Promise<ListingEntity[]> => {
+	try {
+		const response = await api.post<ListingEntity[]>(`/ListingEntities?origin=${origin}`, entityIds);
+		return response;
+	} catch (error) {
+		console.error("Error fetching listing entities:", error);
+		throw error;
+	}
+};
+
+export default {
+	getListingEntities
+};

package/src/services/listingService.ts

@@ -1,40 +1,40 @@
-// listingService.ts
-import { GetListingsParams } from '~/types/GetListingParams';
-import api from '../apis/hcApi';
-import { Listing } from '../types/Listings';
-
-export const getListings = async (params?: GetListingsParams): Promise<Listing[]> => {
-	try {
-		const query = new URLSearchParams();
-
-		if (params) {
-			if (params.location) params.location.forEach(loc => query.append('location', loc));
-			if (params.category) params.category.forEach(cat => query.append('category', cat));
-			if (params.categoryClass) params.categoryClass.forEach(catClass => query.append('categoryClass', catClass));
-			if (params.education) params.education.forEach(edu => query.append('education', edu));
-			if (params.city) params.city.forEach(cty => query.append('city', cty));
-			if (params.state) params.state.forEach(st => query.append('state', st));
-		}
-
-		const response = await api.get(`/Listings?${query.toString()}`);
-		return response as Listing[];
-	} catch (error) {
-		console.error(error);
-		throw error;
-	}
-};
-
-export const getListingDetails = async (listingId: string) => {
-	try {
-		const response = await api.get(`/ListingDetails/${listingId}`);
-		return response;
-	} catch (error) {
-		console.error(error);
-		throw error;
-	}
-};
-
-export default {
-	getListings,
-	getListingDetails
-};
+// listingService.ts
+import { GetListingsParams } from '~/types/GetListingParams';
+import api from '../apis/hcApi';
+import { Listing } from '../types/Listings';
+
+export const getListings = async (params?: GetListingsParams): Promise<Listing[]> => {
+	try {
+		const query = new URLSearchParams();
+
+		if (params) {
+			if (params.location) params.location.forEach(loc => query.append('location', loc));
+			if (params.category) params.category.forEach(cat => query.append('category', cat));
+			if (params.categoryClass) params.categoryClass.forEach(catClass => query.append('categoryClass', catClass));
+			if (params.education) params.education.forEach(edu => query.append('education', edu));
+			if (params.city) params.city.forEach(cty => query.append('city', cty));
+			if (params.state) params.state.forEach(st => query.append('state', st));
+		}
+
+		const response = await api.get(`/Listings?${query.toString()}`);
+		return response as Listing[];
+	} catch (error) {
+		console.error(error);
+		throw error;
+	}
+};
+
+export const getListingDetails = async (listingId: string) => {
+	try {
+		const response = await api.get(`/ListingDetails/${listingId}`);
+		return response;
+	} catch (error) {
+		console.error(error);
+		throw error;
+	}
+};
+
+export default {
+	getListings,
+	getListingDetails
+};

package/src/services/recruiterService.ts

@@ -1,18 +1,18 @@
-import api from '~/apis/hcApi';
-import { Recruiter } from '~/types/Recruiter';
-
-export const getRecruiters = async (recruiterIds: number[]): Promise<Recruiter[]> => {
-	try {
-		const params = recruiterIds.map(id => `recruiterIds=${id}`).join("&");
-
-		const response = await api.get<Recruiter[]>(`/Recruiters?${params}`);
-		return response;
-	} catch (error) {
-		console.error("Error fetching recruiters:", error);
-		throw error;
-	}
-};
-
-export default {
-	getRecruiters
-};
+import api from '~/apis/hcApi';
+import { Recruiter } from '~/types/Recruiter';
+
+export const getRecruiters = async (recruiterIds: number[]): Promise<Recruiter[]> => {
+	try {
+		const params = recruiterIds.map(id => `recruiterIds=${id}`).join("&");
+
+		const response = await api.get<Recruiter[]>(`/Recruiters?${params}`);
+		return response;
+	} catch (error) {
+		console.error("Error fetching recruiters:", error);
+		throw error;
+	}
+};
+
+export default {
+	getRecruiters
+};