@abcagency/hc-ui-components 1.3.17 → 1.3.19

package/src/components/modules/maps/list/index.js

@@ -1,112 +0,0 @@
-import React from 'react';
-
-import Accordion from '~/components/modules/accordions/default';
-import Header from '~/components/modules/maps/list/header';
-import MapAccordionItem from '~/components/modules/accordions/MapAccordionItem';
-import Sort from '~/components/modules/filter/sort';
-import ListingDetails from '~/components/modules/jobListing/listing-details';
-
-import useListLogic from '~/hooks/useList';
-
-import Loading from "~/util/loading";
-
-import { useMap } from '~/contexts/mapContext';
-import { useMapList } from '~/contexts/mapListContext';
-import { useTrackEvent } from '~/contexts/trackEventContext';
-
-import { dynamicSort } from '~/util/sortUtil';
-
-const ItemsList = ({
-	fieldNames,
-	showMap,
-	fieldsShown,
-	specialFeatures
-}) => {
-	const { mapItems, filteredListings, loading, commuteLocation, sortSetting, setSortSetting } = useMapList();
-	const {
-		itemLimit,
-		loader,
-		scrollContainerRef,
-		itemRefs
-	} = useListLogic(filteredListings);
-	const { selectedListItem } = useMap();
-	const { trackEvent, eventTypes } = useTrackEvent();
-	const itemExpandedContent = (item, recruiters) =>
-		item ? <ListingDetails item={item} recruiters={recruiters} /> : null;
-	if (!fieldsShown.includes('travelTime') && commuteLocation != null && Object.entries(commuteLocation).length > 0) {
-		fieldsShown.push('travelTime');
-		fieldNames['travelTime'] = 'Commute';
-	} else if (fieldsShown.includes('travelTime') && !commuteLocation) {
-		fieldsShown = fieldsShown.filter(x => x !== 'travelTime');
-	}
-
-	const setTrackedSortSetting = sortSetting => {
-		trackEvent(eventTypes.LIST_SORTED, sortSetting);
-		setSortSetting(sortSetting);
-	};
-	return (
-		<div className="hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col">
-			<div className="hc-flex hc-flex-wrap hc-items-center hc-justify-between hc-gap-4 md:hc-mb-2 hc-p-3 md:hc-p-0 hc-bg-uiAccent/10 md:hc-bg-transparent hc-border-b md:hc-border-none hc-border-uiAccent/20">
-				<h2 className="hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm">
-					{loading &&
-						<span>Loading...</span>
-					}
-					{!loading &&
-						<span>{filteredListings.length} results</span>
-					}
-				</h2>
-				<div className="hc-block md:hc-hidden">
-					<Sort
-						fields={fieldsShown}
-						setSortSetting={setTrackedSortSetting}
-						fieldNames={fieldNames}
-					/>
-				</div>
-			</div>
-			<div>
-				<Header
-					setSortSetting={setTrackedSortSetting}
-					sortSetting={sortSetting}
-					fieldsShown={fieldsShown}
-					fieldNames={fieldNames}
-				/>
-			</div>
-			<div
-				ref={scrollContainerRef}
-				className={`
-					hc-flex-grow hc-overflow-y-auto
-					${showMap ? "md:hc-max-h-45vh hc-max-h-[100vh]" : "md:hc-max-h-95vh hc-max-h-[95vh]"}
-				`}
-			>
-				{loading ? (
-					<div className="hc-flex hc-justify-center hc-items-center hc-pt-20">
-						<Loading />
-					</div>
-				) : (
-					<Accordion className="hc-divide-y hc-divide-uiAccent/10 hc-z-[1000]" defaultValue={selectedListItem?.id}>
-						{(sortSetting ? dynamicSort(filteredListings, sortSetting.field, sortSetting.type) : filteredListings).slice(0, itemLimit).map(item => {
-							return (<MapAccordionItem
-								key={item.id}
-								showMap={showMap}
-								item={item}
-								itemRefs={itemRefs}
-								fieldsShown={fieldsShown}
-								itemExpandedContent={itemExpandedContent}
-								specialFeatures={specialFeatures}
-								mapItems={mapItems}
-								isActive={selectedListItem?.id == item.id}
-								hasListItemSelected={selectedListItem != null}
-							/>
-							);
-						})}
-					</Accordion>
-				)}
-				<div ref={loader} style={{ height: "100px", textAlign: "center" }}>
-					{filteredListings.length >= itemLimit && <Loading />}
-				</div>
-			</div>
-		</div>
-	);
-};
-
-export default ItemsList;

package/src/contexts/mapContext.js

@@ -1,101 +0,0 @@
-import React, { createContext, useState, useContext, useEffect, useRef } from 'react';
-import { getStorageObject, setStorageObject } from '~/util/localStorageUtil';
-
-const MapContext = createContext();
-
-export const useMap = () => {
-	const context = useContext(MapContext);
-	if (!context) {
-		throw new Error("useMap must be used within a MapProvider");
-	}
-	return context;
-};
-
-export const MapProvider = ({ children, resetFilters }) => {
-	const [selectedListItem, setSelectedListItem] = useState(getStorageObject('selectedListItem'));
-	const [location, setLocation] = useState(getStorageObject('location'));
-	const [center, setCenter] = useState(getStorageObject("center", { lat: 39.8283, lng: -98.5795 }));
-	const [zoom, setZoom] = useState(getStorageObject("zoom", 10));
-	const [selectedPlaces, setSelectedPlaces] = useState([]);
-	const [mapInteracted, setMapInteracted] = useState(false);
-	const [firstLoadListItem] = useState(getStorageObject('selectedListItem') ?? { id: "defaultId" });
-	const userSetZoom = useRef(true);
-
-	useEffect(() => {
-		setStorageObject("selectedListItem", selectedListItem);
-	}, [selectedListItem]);
-
-	useEffect(() => {
-		localStorage.setItem("zoom", zoom);
-	}, [zoom]);
-
-	useEffect(() => {
-		if (location == null) {
-			localStorage.removeItem("location");
-		} else {
-			setStorageObject("location", location);
-		}
-	}, [location]);
-
-	useEffect(() => {
-		setStorageObject("center", center);
-	}, [center]);
-
-	const selectItem = (item, itemLocation, zoom, center) => {
-		setSelectedListItem(item);
-		if (mapInteracted === false && itemLocation != null) {
-			setLocation(itemLocation);
-		}
-		if (mapInteracted === false || itemLocation != null) {
-			setLocation(itemLocation);
-			setCenter(center);
-		}
-		if (mapInteracted === false) {
-			setZoom(zoom);
-
-		}
-	};
-
-	const filterReset = () => {
-		setSelectedPlaces({});
-		setSelectedListItem(null);
-		setLocation(null);
-		setZoom(8);
-		setMapInteracted(false);
-	};
-
-	if (resetFilters === true) {
-		filterReset();
-	}
-	const selectLocationEntity = location => {
-
-		localStorage.removeItem("selectedListItem");
-		setTimeout(() => setLocation(location), 200);
-		setSelectedListItem(null);
-	};
-
-	return (
-		<MapContext.Provider
-			value={{
-				selectedListItem,
-				setSelectedListItem,
-				location,
-				center,
-				zoom,
-				setZoom,
-				selectItem,
-				setSelectedPlaces,
-				selectedPlaces,
-				selectLocationEntity,
-				setLocation,
-				setMapInteracted,
-				mapInteracted,
-				userSetZoom,
-				firstLoadListItem,
-				filterReset
-			}}
-		>
-			{children}
-		</MapContext.Provider>
-	);
-};

package/src/contexts/mapListContext.js

@@ -1,242 +0,0 @@
-import React, { createContext, useState, useEffect, useContext } from 'react';
-
-import { generateFilterOptions, applyFilters, filterListingsByLocation } from '~/util/filterUtil';
-import { getStorageObject, setStorageObject } from '~/util/localStorageUtil';
-
-import { getListingEntities } from "~/services/listingEntityService";
-import fetchListings from '~/services/listingAggregatorService';
-
-const MapListContext = createContext();
-
-export const useMapList = () => useContext(MapListContext);
-
-const getQuery = () => {
-	let query;
-	//if (!hasQueryInUrl(location)) {
-	query = typeof window !== 'undefined' ? localStorage.getItem('query') : '';
-	// }
-	//else {
-	// 	query = filtersFromURL(location).query;
-	// }
-	return query;
-};
-
-export const MapListProvider = ({
-	children,
-	siteConfig,
-	resetFilters,
-	navigateToDetails,
-	navigateToEasyApply,
-	Link,
-	linkFormat,
-	trackEvent
-}) => {
-	// const location = useLocation();
-	// const navigate = useNavigate();
-	const [allListings, setAllListings] = useState(getStorageObject("listings", []));
-	const [filteredListings, setFilteredListings] = useState([]);
-	const [loading, setLoading] = useState(false);
-	const [mapItems, setMapItems] = useState(getStorageObject('mapItems', []));
-	const [query, setQuery] = useState(() => resetFilters ? null : getQuery());
-	const [sortSetting, setSortSetting] = useState(getStorageObject('sortSetting', null));
-	const [listingEntities, setListingEntities] = useState(getStorageObject("listingEntities", null));
-	const [firstLoad, setFirstLoad] = useState(true);
-	const [commuteLocation, setCommuteLocation] = useState(getStorageObject('commuteLocation'));
-	const [selectedFilters, setSelectedFilters] = useState(() => resetFilters ? {} : getStorageObject('selectedFilters', {}));//hasFiltersInURL(location) ? filtersFromURL(location).filters : getStorageObject('selectedFilters', {}));
-	const [filterOptions, setFilterOptions] = useState();
-	const [recruiters, setRecruiters] = useState(getStorageObject("recruiters", {}));
-	const [filterDialogIsOpen, setFilterDialogIsOpen] = useState(false);
-	const [mobileTab, setMobileTab] = useState("listTab");
-	const [favorites, setFavorites] = useState([]);
-	const [filterByFavorites, setFilterByFavorites] = useState(false);
-
-	const setNewFilteredListings = filteredListings =>{
-		setFilteredListings(filteredListings);
-	};
-
-	useEffect(() => {
-		if (!sortSetting) return;
-		localStorage.setItem('sortSetting', JSON.stringify(sortSetting));
-		setNewFilteredListings(filteredListings);
-	}, [sortSetting]);
-
-	useEffect(() => {
-		const loadedFavorites = JSON.parse(localStorage.getItem('favorites')) || [];
-		setFavorites(loadedFavorites);
-	}, []);
-
-	useEffect(() => {
-		setStorageObject("commuteLocation", commuteLocation);
-	}, [commuteLocation]);
-
-	useEffect(() => {
-		if (commuteLocation === null || commuteLocation === '') return;
-		async function fetchEntities() {
-			const distinctEntityIds = [
-				// eslint-disable-next-line no-undef
-				...new Set(allListings.map(listing => listing.entityId))
-			];
-			try {
-				const fetchedEntities = await getListingEntities(
-					distinctEntityIds,
-					`${commuteLocation.lat}, ${commuteLocation.lng}`
-				);
-				setListingEntities(fetchedEntities);
-				var newFilteredListings = filteredListings;
-				for (var i = 0; i < allListings.length; i++) {
-					if (newFilteredListings[i].entityId != -1) {
-						newFilteredListings[i].fields.travelTime = fetchedEntities[newFilteredListings[i].entityId].travelTime;
-					}
-				}
-				for (var j = 0; j < newFilteredListings.length; j++) {
-					if (newFilteredListings[j].entityId != -1) {
-						newFilteredListings[j].fields.travelTime = fetchedEntities[newFilteredListings[j].entityId].travelTime;
-					}
-				}
-				setNewFilteredListings(newFilteredListings);
-			} catch (error) {
-				console.error("Failed to fetch listing entities:", error);
-			}
-		}
-
-		fetchEntities();
-	}, [commuteLocation, allListings, siteConfig.companyId]);
-
-	useEffect(() => {
-		const handleFetchListings = async () => {
-			if (!getStorageObject('listings', []).length > 0) {
-				setLoading(true);
-			}
-
-			try {
-				const {
-					listingsResult,
-					fetchedRecruiters,
-					fetchedEntities,
-					distinctItems
-				} = await fetchListings(query, siteConfig, commuteLocation);
-				setAllListings(listingsResult);
-				setRecruiters(fetchedRecruiters);
-				setListingEntities(fetchedEntities);
-				setMapItems(distinctItems);
-				setStorageObject("mapItems", distinctItems);
-				setStorageObject("listingEntities", fetchedEntities);
-				setStorageObject("recruiters", fetchedRecruiters);
-				setStorageObject("listings", listingsResult);
-			} catch (error) {
-				console.log(error);
-			}
-			setLoading(false);
-		};
-		handleFetchListings();
-	}, [query, siteConfig]);
-
-	useEffect(() => {
-		const processListings = () => {
-			let { filteredListings, mapItems } = applyFilters(
-				allListings,
-				selectedFilters,
-				query,
-				listingEntities,
-				favorites,
-				siteConfig
-			);
-			if (filterByFavorites) {
-				filteredListings = filteredListings.filter(x => favorites.includes(x.id));
-			}
-			setNewFilteredListings(filteredListings);
-			// if (firstLoad && hasFiltersInURL(location)) {
-			// 	const { filters } = filtersFromURL(location);
-			// 	setSelectedFilters(filters);
-			// }
-			if (firstLoad && selectedFilters) {
-				//updateURLWithFilters(selectedFilters,location, navigate, query);
-			} else if (Object.keys(selectedFilters).length === 0 && !firstLoad) {
-				localStorage.removeItem('selectedFilters');
-				//updateURLWithFilters(selectedFilters,location, navigate, query);
-			} else if (!firstLoad) {
-				setStorageObject('selectedFilters', selectedFilters);
-				//updateURLWithFilters(selectedFilters,location, navigate, query);
-			}
-			query != null ? localStorage.setItem('query', query) : localStorage.removeItem('query');
-			setMapItems(mapItems);
-
-			if (selectedFilters) {
-				const keys = Object.keys(selectedFilters);
-				const lastKey = keys[keys.length - 1];
-				const options = generateFilterOptions(
-					firstLoad ? allListings : filteredListings,
-					allListings,
-					siteConfig,
-					filterOptions,
-					lastKey,
-					favorites
-				);
-				if (options) {
-					setFilterOptions(options);
-					if (firstLoad) setFirstLoad(false);
-				}
-			}
-		};
-
-		processListings();
-	}, [selectedFilters, query, listingEntities, filterByFavorites, favorites]);
-
-	const handleFilterListingsByLocation = selectedLocation => {
-		let { filteredListings } = filterListingsByLocation(
-			allListings,
-			selectedLocation,
-			listingEntities
-		);
-
-		setNewFilteredListings(filteredListings);
-		//setMapItems(mapItems);
-	};
-
-	const handleSettingFavorites = newFavorites => {
-		if (newFavorites == null) {
-			localStorage.removeItem('favorites');
-		} else {
-			setFavorites(newFavorites);
-			localStorage.setItem('favorites', JSON.stringify(newFavorites));
-		}
-	};
-
-	return (
-		<MapListContext.Provider value={{
-			loading,
-			allListings,
-			filteredListings,
-			mapItems,
-			query,
-			setNewFilteredListings,
-			setQuery,
-			listingEntities,
-			selectedFilters,
-			setSelectedFilters,
-			filterOptions,
-			recruiters,
-			handleFilterListingsByLocation,
-			filterDialogIsOpen,
-			setFilterDialogIsOpen,
-			setMobileTab,
-			mobileTab,
-			siteConfig,
-			favorites,
-			handleSettingFavorites,
-			setFilterByFavorites,
-			filterByFavorites,
-			commuteLocation,
-			setCommuteLocation,
-			navigateToDetails,
-			navigateToEasyApply,
-			Link,
-			linkFormat,
-			sortSetting,
-			setSortSetting,
-			trackEvent
-		}}>
-			{children}
-		</MapListContext.Provider>
-	);
-};

package/src/services/listingAggregatorService.js

@@ -1,50 +0,0 @@
-import { getListings } from '~/services/listingService';
-import { getRecruiters } from '~/services/recruiterService';
-import { getListingEntities } from '~/services/listingEntityService';
-
-import { getDistinctItemsByProximity } from '~/util/mapUtil';
-
-const fetchListings = async (query, siteConfig, commuteLocation = null) => {
-	try {
-		const listingsResult = await getListings(
-			siteConfig.companyId,
-			5000,
-			1,
-			query
-		);
-		const recruiterIds = [
-			// eslint-disable-next-line no-undef
-			...new Set(listingsResult.map(listing => listing.recruiterId))
-		];
-		const fetchedRecruiters = await getRecruiters(recruiterIds);
-
-		const distinctEntityIds = [
-			// eslint-disable-next-line no-undef
-			...new Set(listingsResult.map(listing => listing.entityId))
-		];
-
-		const fetchedEntities = !commuteLocation ? await getListingEntities(
-			distinctEntityIds) :  await getListingEntities(
-			distinctEntityIds,`${commuteLocation.lat}, ${commuteLocation.lng}`);
-		for (var i = 0; i < listingsResult.length; i++) {
-			if (listingsResult[i].entityId != -1) {
-				listingsResult[i].fields.travelTime = fetchedEntities[listingsResult[i].entityId].travelTime;
-			}
-		}
-		const distinctItems = getDistinctItemsByProximity(
-			listingsResult,
-			fetchedEntities
-		);
-		return {
-			listingsResult,
-			fetchedRecruiters,
-			fetchedEntities,
-			distinctItems
-		};
-	} catch (error) {
-		console.error("Error fetching listings:", error);
-		throw error;
-	}
-};
-
-export default fetchListings;

package/src/services/listingEntityService.js

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

package/src/services/listingService.js

@@ -1,26 +0,0 @@
-import api from '~/apis/hcApi';
-
-export const getListings = async () => {
-	try {
-		const response = await api.get(`/Listings`);
-		return response;
-	} catch (error) {
-		console.error(error);
-		throw error;
-	}
-};
-
-export const getListingDetails = async listingId => {
-	try {
-		const response = await api.get(`/ListingDetails/${listingId}`);
-		return response;
-	} catch (error) {
-		console.error(error);
-		throw error;
-	}
-};
-
-export default {
-	getListings,
-	getListingDetails
-};

package/src/util/localStorageUtil.js

@@ -1,27 +0,0 @@
-export const getStorageObject = (item, defaultItem = null) =>{
-	if(typeof window == 'undefined') return defaultItem;
-	if(localStorage.getItem(item) == null) return defaultItem;
-	if(localStorage.getItem(item) == 'undefined'){
-		localStorage.removeItem(item);
-	}
-	return JSON.parse(localStorage.getItem(item)) ?? defaultItem;
-};
-
-export const getStorageItem = (item, defaultItem = null) =>{
-	if(typeof window == 'undefined') return defaultItem;
-	if(localStorage.getItem(item) == null) return defaultItem;
-	if(localStorage.getItem(item) == 'undefined'){
-		localStorage.removeItem(item);
-	}
-	return localStorage.getItem(item) ?? defaultItem;
-};
-
-export const setStorageObject = (key, item) =>{
-	if(typeof window == 'undefined') return;
-	if(item == undefined)return;
-	try{
-		localStorage.setItem(key, JSON.stringify(item));
-	}catch(err){
-		console.log(err);
-	}
-};