@abcagency/hc-ui-components 1.9.35 → 1.9.37

package/src/contexts/themeContext.js

@@ -10,8 +10,7 @@ export const ThemeProvider = ({
 	primary,
 	primaryDark,
 	secondary,
-	secondaryDark,
-	borderDefault
+	secondaryDark
 }) => {
 	useEffect(() => {
 		document.documentElement.style.setProperty('--ui-text', uiText);
@@ -20,10 +19,7 @@ export const ThemeProvider = ({
 		document.documentElement.style.setProperty('--primary-dark', primaryDark);
 		document.documentElement.style.setProperty('--secondary', secondary);
 		document.documentElement.style.setProperty('--secondary-dark', secondaryDark);
-		if (borderDefault) {
-			document.documentElement.style.setProperty('--hc-border-default', borderDefault);
-		}
-	}, [uiText, uiAccent, primary, primaryDark, secondary, secondaryDark, borderDefault]);
+	}, [uiText, uiAccent, primary, primaryDark, secondary, secondaryDark]);
 
 	return (
 		<ThemeContext.Provider
@@ -33,8 +29,7 @@ export const ThemeProvider = ({
 				primary,
 				primaryDark,
 				secondary,
-				secondaryDark,
-				borderDefault
+				secondaryDark
 			}}
 		>
 			{children}

package/src/hooks/useList.js

@@ -40,9 +40,7 @@ const useListLogic = filteredListings => {
 	}, [filteredListings.length, itemLimit]);
 
 	useEffect(() => {
-		if (typeof window !== 'undefined') {
-			localStorage.setItem('scrollPosition', scrollPosition.toString());
-		}
+		localStorage.setItem('scrollPosition', scrollPosition.toString());
 	}, [scrollPosition]);
 
 	useEffect(() => {

package/src/index.js

@@ -1,12 +1,3 @@
-import './styles/index.css';
 import HireControlMap from '~/components/HireControlMap';
-import { ComponentProvider, useComponents, withComponents, defaultComponents } from '~/contexts/componentContext';
 
-// Export main component
 export { HireControlMap };
-
-// Export component customization utilities
-export { ComponentProvider, useComponents, withComponents, defaultComponents };
-
-// Export all default components for easy override access
-export * from '~/contexts/componentContext';

package/src/services/configService.ts

@@ -0,0 +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
+};

package/src/services/listingAggregatorService.ts

@@ -0,0 +1,58 @@
+import { getListings } from '~/services/listingService';
+import { getListingEntities } from '~/services/listingEntityService';
+import { getDistinctItemsByProximity } from '~/util/mapUtil';
+import { Listing } from '~/types/Listings';
+import { ListingEntity } from '~/types/ListingEntity';
+
+interface FetchListingsResult {
+  listingsResult: Listing[];
+  fetchedEntities: Record<number, ListingEntity>;
+  distinctItems: any; // Update this type based on the return type of getDistinctItemsByProximity
+}
+
+const fetchListings = async (
+	commuteLocation: any | null = null,
+	entities: ListingEntity[] | null,
+	listings: Listing[] | null,
+	getListingEntitiesCallback?: (entityIds: number[], origin?: string) => Promise<ListingEntity[]>,
+): Promise<FetchListingsResult> => {
+	try {
+		const listingsResult = listings && listings.length > 0 ? listings : await getListings();
+		const distinctEntityIds: number[] = [
+			...new Set(listingsResult.map(listing => listing.entityId))
+		] as number[];
+
+		const fetchedEntities = !commuteLocation
+			? entities && entities.length > 0 ? entities : !getListingEntitiesCallback ? await getListingEntities(distinctEntityIds) : await getListingEntitiesCallback(distinctEntityIds)
+			: !getListingEntitiesCallback ? await getListingEntities(
+				distinctEntityIds,
+				`${commuteLocation.lat}, ${commuteLocation.lng}`
+			) : await getListingEntitiesCallback(	distinctEntityIds,
+				`${commuteLocation.lat}, ${commuteLocation.lng}`);
+		for (let i = 0; i < listingsResult.length; i++) {
+			const listing = listingsResult[i];
+			if (listing.entityId && listing.entityId !== -1 && listing.fields) {
+				const entity = fetchedEntities[listing.entityId];
+				if (entity) {
+					listing.fields.travelTime = entity.travelTime;
+				}
+			}
+		}
+
+		const distinctItems = getDistinctItemsByProximity(
+			listingsResult,
+			fetchedEntities
+		);
+
+		return {
+			listingsResult,
+			fetchedEntities,
+			distinctItems
+		};
+	} catch (error) {
+		console.error("Error fetching listings:", error);
+		throw error;
+	}
+};
+
+export default fetchListings;

package/src/services/listingEntityService.ts

@@ -0,0 +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
+};

package/src/services/listingService.ts

@@ -0,0 +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
+};

package/src/services/recruiterService.ts

@@ -0,0 +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
+};

package/src/styles/bundle.css

@@ -1,6 +1,4 @@
 /* Custom prefixed styles */
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -40,7 +38,7 @@
 	-webkit-text-size-adjust: 100%;
 	font-feature-settings: normal;
 	-webkit-tap-highlight-color: transparent;
-	font-family: 'Lato', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+	font-family: var(--font-roboto-flex), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 	font-variation-settings: normal;
 	line-height: 1.5;
 	-moz-tab-size: 4;

package/src/styles/index.css

@@ -1,13 +1,11 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
-
 @config "../../tailwind.config.js";
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 @layer base {
-	body, html, p, h1, h2, h3, h4, h5, h6, span, div, a, li, ul, ol, button, input, textarea, select, label {
-		@apply hc-font-sans;
+	html {
+		@apply hc-text-400 hc-text-uiText [scroll-behavior:smooth];
 	}
 }
 

package/src/types/GetListingParams.ts

@@ -1,7 +1,7 @@
 export type GetListingsParams = {
 	location?: string[];
 	category?: string[];
-	subCategory?: string[];
+	categoryClass?: string[];
 	education?: string[];
 	city?: string[];
 	state?: string[];

package/src/types/ListingEntity.ts

@@ -1,10 +1,9 @@
 import { Address } from './Address';
 
 export type ListingEntity = {
-  id: string;
+  id: number;
   listingId: number;
   latitude: number;
-	entityKey: string;
   longitude: number;
   entityDisplayName?: string;
   address?: Address;

package/src/types/ListingFields.ts

@@ -2,10 +2,9 @@ export type ListingFields = {
 	posted?: string;
 	subTitle?: string;
 	education?: string;
-	title?: string;
+	position?: string;
 	category?: string;
-	subCategory?: string;
-	applyUrl?: string;
+	categoryClass?: string;
 	shift?: string;
 	custom1?: string;
 	custom2?: string;
@@ -23,6 +22,5 @@ export type ListingFields = {
 	useClientJobUrl?: boolean;
 	dateCreated: Date;
 	dateLastEdited?: Date;
-	entityKey: string;
 	travelTime?: string;
   }

package/src/types/Listings.ts

@@ -7,6 +7,7 @@ import { SimilarListing } from './SimilarListing';
 export type Listing = {
   id: number;
   fields?: ListingFields;
+  entityId?: number;
   applyUrl?: string;
   applyOnline?: number;
   detailsUrl?: string;

package/src/types/config/Colors.ts

@@ -5,5 +5,4 @@ export type Colors = {
 	primaryDark: string;
 	secondary: string;
 	secondaryDark: string;
-	borderDefault?: string;
   }

package/src/types/config/MapConfig.ts

@@ -21,7 +21,6 @@ export type MapConfig = {
 	locationFiltersShown: string[];
 	fieldNames: Record<string, string>;
 	specialFeatures: Record<string, string>;
-	specialFeaturePills?: Record<string, { className?: string }>;
 	searchConfig: SearchConfig;
 	internalApplyLink: string;
 	useApplyDialog: boolean;
@@ -29,5 +28,4 @@ export type MapConfig = {
 	showMap: boolean;
 	companyId: string;
 	SubcategoryRequireCategory:boolean;
-	jobPinZoomLevel?: number;
   }

package/src/types/config/PointsOfInterestConfig.ts

@@ -10,5 +10,4 @@ export type PointsOfInterestConfig = {
 	};
 	placeMarkerSize: number;
 	placeMappings: Record<string, string[]>;
-	showAtZoomLevel?: number;
   }

package/src/util/fieldMapper.js

@@ -3,16 +3,12 @@ import React from 'react';
 import Grid from '~/components/modules/grid';
 
 import { capitalize } from '~/util/stringUtils';
-import { getFieldValue } from '~/util/filterUtil';
 
 const mapFieldsToGridItems = (item, fieldsShown) => {
-	const orderedFields = fieldsShown.filter(field => {
-		const value = getFieldValue(item, field);
-		return value !== undefined && value !== null;
-	});
+	const orderedFields = fieldsShown.filter(field => field in item.fields);
 
 	return orderedFields.map(field => {
-		let value = getFieldValue(item, field);
+		let value = item.fields[field];
 
 		return (
 			<Grid.Item key={field}>