@abcagency/hc-ui-components 1.3.21 → 1.3.23

package/dist/node_modules/@babel/runtime/helpers/esm/extends.js

@@ -1,12 +0,0 @@
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
-export { _extends as default };
-//# sourceMappingURL=extends.js.map

package/dist/node_modules/@babel/runtime/helpers/esm/extends.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extends.js","sources":["../../../../../../../../node_modules/@babel/runtime/helpers/esm/extends.js"],"sourcesContent":["function _extends() {\n  return _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, _extends.apply(null, arguments);\n}\nexport { _extends as default };"],"names":["_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply"],"mappings":"AAAA,SAASA,QAAQA,GAAG;AAClB,EAAA,OAAOA,QAAQ,GAAGC,MAAM,CAACC,MAAM,GAAGD,MAAM,CAACC,MAAM,CAACC,IAAI,EAAE,GAAG,UAAUC,CAAC,EAAE;AACpE,IAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,SAAS,CAACC,MAAM,EAAEF,CAAC,EAAE,EAAE;AACzC,MAAA,IAAIG,CAAC,GAAGF,SAAS,CAACD,CAAC,CAAC,CAAA;MACpB,KAAK,IAAII,CAAC,IAAID,CAAC,EAAE,CAAC,EAAE,EAAEE,cAAc,CAACC,IAAI,CAACH,CAAC,EAAEC,CAAC,CAAC,KAAKL,CAAC,CAACK,CAAC,CAAC,GAAGD,CAAC,CAACC,CAAC,CAAC,CAAC,CAAA;AAClE,KAAA;AACA,IAAA,OAAOL,CAAC,CAAA;GACT,EAAEJ,QAAQ,CAACY,KAAK,CAAC,IAAI,EAAEN,SAAS,CAAC,CAAA;AACpC;;;;","x_google_ignoreList":[0]}

package/jsconfig.json

@@ -1,7 +0,0 @@
-{
-	"compilerOptions": {
-		"paths": {
-			"~/*": ["./*"]
-		}
-	}
-}

package/postcss.config.js

@@ -1,13 +0,0 @@
-module.exports = {
-	plugins: {
-		'postcss-nesting': {}, // Use postcss-nesting directly
-
-		'postcss-preset-env': {
-			stage: 4, // Consider specifying a higher stage if you don't need all experimental features
-			features: {
-				'nesting-rules': false // Ensure no conflict with postcss-nesting
-			}
-		},
-		autoprefixer: {}
-	}
-};

package/preset.default.js

@@ -1,15 +0,0 @@
-
-module.exports = {
-	theme: {
-		extend: {
-			colors: {
-				"uiText": "#141414",
-				"uiAccent": "#0f172a",
-				"primary": "#002575",
-				"primaryDark": "#001f5f",
-				"secondary": "#ff612b",
-				"secondaryDark": "#bf900d"
-			}
-		}
-	}
-};

package/rollup.config.mjs

@@ -1,111 +0,0 @@
-import babel from '@rollup/plugin-babel';
-import { nodeResolve as resolve } from '@rollup/plugin-node-resolve';
-import alias from '@rollup/plugin-alias';
-import path from 'path';
-import commonjs from '@rollup/plugin-commonjs';
-import replace from '@rollup/plugin-replace';
-import dotenv from 'dotenv';
-import postcss from 'rollup-plugin-postcss';
-import { fileURLToPath } from 'url';
-import tailwindcss from 'tailwindcss';
-import autoprefixer from 'autoprefixer';
-import typescript from '@rollup/plugin-typescript';
-import { visualizer } from 'rollup-plugin-visualizer';
-import progress from 'rollup-plugin-progress';
-import filesize from 'rollup-plugin-filesize';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-dotenv.config({ path: path.resolve(__dirname, '.env') });
-console.log('GOOGLE_MAPS_API_KEY:', process.env.GOOGLE_MAPS_API_KEY);
-
-const projectRootDir = path.resolve(__dirname);
-
-const plugins = [
-	resolve({
-		extensions: ['.js', '.jsx', '.ts', '.tsx'],
-		browser: true,
-		preferBuiltins: false
-	}),
-	postcss({
-		extensions: ['.css'],
-		extract: 'styles/index.css',
-		minimize: true,
-		plugins: [
-			tailwindcss(path.resolve(__dirname, 'tailwind.config.js')),
-			autoprefixer
-		]
-	}),
-	replace({
-		preventAssignment: true,
-		'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
-		'process.env.GOOGLE_MAPS_API_KEY': JSON.stringify(process.env.GOOGLE_MAPS_API_KEY),
-		'process.env.GOOGLE_MAPS_API_URL': JSON.stringify(process.env.GOOGLE_MAPS_API_URL),
-		'process.env.HC_API_BASE_URL': JSON.stringify(process.env.HC_API_BASE_URL)
-	}),
-	alias({
-		entries: [{ find: '~', replacement: path.resolve(projectRootDir, 'src') }]
-	}),
-	babel({
-		babelHelpers: 'bundled',
-		exclude: 'node_modules/**',
-		presets: ['@babel/preset-env', '@babel/preset-react']
-	}),
-	typescript({
-		tsconfig: path.resolve(__dirname, 'tsconfig.json'),
-		allowJs: true
-	}),
-	commonjs({
-		include: /node_modules/,
-		exclude: /node_modules\/process-es6/,
-		namedExports: {
-			'node_modules/react/index.js': [
-				'Children', 'Component', 'PropTypes', 'createElement', 'useState', 'useEffect', 'useRef', 'useContext', 'createContext', 'forwardRef', 'memo', 'Fragment'
-			],
-			'node_modules/react-dom/index.js': ['render'],
-			'node_modules/react/jsx-runtime.js': ['jsx', 'jsxs', 'Fragment']
-		}
-	}),
-	visualizer(),
-	progress(),
-	filesize()
-];
-
-export default [
-	// ES Module Configuration
-	{
-		input: path.resolve(__dirname, 'src/index.js'),
-		output: [
-			{
-				dir: path.resolve(__dirname, 'dist'),
-				format: 'es',
-				exports: 'named',
-				sourcemap: true,
-				preserveModules: true,
-				preserveModulesRoot: 'src'
-			}
-		],
-		external: ['react', 'react-dom'],  // Exclude react and react-dom from ES module build
-		plugins,
-		treeshake: true
-	},
-	// IIFE Bundle Configuration
-	{
-		input: path.resolve(__dirname, 'src/bundleIndex.js'),
-		output: {
-			file: path.resolve(__dirname, 'bundle.js'),
-			format: 'iife',
-			name: 'MyBundle',
-			sourcemap: true,
-			globals: {
-				react: 'React',
-				'react-dom': 'ReactDOM'
-			}
-		},
-		// Ensure React and ReactDOM are not external for IIFE build
-		plugins,
-		external: [],
-		treeshake: true
-	}
-];

package/src/.editorconfig

@@ -1,12 +0,0 @@
-# EditorConfig is awesome: http://EditorConfig.org
-root = true
-
-[*]
-charset = utf-8
-end_of_line = lf
-indent_style = tab
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-trim_trailing_whitespace = false

package/src/apis/hcApi.ts

@@ -1,109 +0,0 @@
-import { getClientAuthKey } from '~/clientToken';
-const baseURL = process.env.HC_API_BASE_URL as string;
-
-interface MemoryStorage {
-	authToken: string | null;
-	tokenExpiration: string | null;
-}
-
-const memoryStorage: MemoryStorage = {
-	authToken: null,
-	tokenExpiration: null
-};
-
-function setStorage(key: keyof MemoryStorage, value: string): void {
-	try {
-		sessionStorage.setItem(key, value);
-	} catch (error) {
-		memoryStorage[key] = value;
-	}
-}
-
-function getStorage(key: keyof MemoryStorage): string | null {
-	try {
-		return sessionStorage.getItem(key) || memoryStorage[key];
-	} catch (error) {
-		return memoryStorage[key];
-	}
-}
-
-interface AuthResponse {
-	token: string;
-	expiration: string;
-}
-
-const login = async (): Promise<AuthResponse> => {
-	const clientAuthKey = getClientAuthKey();
-
-	try {
-		const response = await fetch(`${baseURL}/auth/login`, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json'
-			},
-			body: JSON.stringify({
-				clientAuthKey: clientAuthKey
-			})
-		});
-
-		if (!response.ok) {
-			throw new Error('Login failed');
-		}
-
-		const data = await response.json();
-
-		if (data.token && data.expiration) {
-			setStorage('authToken', data.token);
-			setStorage('tokenExpiration', data.expiration);
-			return { token: data.token, expiration: data.expiration };
-		} else {
-			throw new Error('Invalid login response');
-		}
-	} catch (error) {
-		console.error('Login failed:', error);
-		throw error;
-	}
-};
-
-const fetchWithAuth = async (url: string, options: RequestInit = {}): Promise<Response> => {
-	let token = getStorage('authToken');
-
-	const expirationDateTime = getStorage('tokenExpiration');
-	const currentTime = new Date();
-
-	if (!token || !expirationDateTime || new Date(expirationDateTime) <= currentTime) {
-		const authResponse = await login();
-		token = authResponse.token;
-	}
-
-	const headers = new Headers(options.headers || {});
-	headers.append('Authorization', `Bearer ${token}`);
-
-	const finalOptions = {
-		...options,
-		headers
-	};
-
-	const response = await fetch(`${baseURL}${url}`, finalOptions);
-
-	if (!response.ok) throw new Error('Network response was not ok.');
-
-	return response;
-};
-
-export default {
-	get: async <T>(url: string): Promise<T> => {
-		const response = await fetchWithAuth(url);
-		return await response.json() as T;
-	},
-	post: async <T>(url: string, data: any): Promise<T> => {
-		const response = await fetchWithAuth(url, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json'
-			},
-			body: JSON.stringify(data)
-		});
-		return await response.json() as T;
-	}
-};

package/src/bundleIndex.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import HireControlMap from '~/components/HireControlMap';
-
-const initializeComponent = (elementId, props) => {
-	const element = document.getElementById(elementId);
-	if (element) {
-		ReactDOM.render(<div className='hc-bundle'><HireControlMap {...props} /></div>, element);
-	} else {
-		console.error(`Element with id ${elementId} not found`);
-	}
-};
-
-export { HireControlMap, initializeComponent };

package/src/clientToken.js

@@ -1,9 +0,0 @@
-let clientAuthKey = null;
-
-export const setClientAuthKey = key => {
-	clientAuthKey = key;
-};
-
-export const getClientAuthKey = () => {
-	return clientAuthKey;
-};

package/src/components/HireControlMap.js

@@ -1,135 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { useLoadScript } from '@react-google-maps/api';
-
-import Grid from '~/components/modules/grid';
-import Filter from '~/components/containers/filter/filter-container';
-import MapList from '~/components/containers/maps/map-list-container';
-
-import { MapProvider } from '~/contexts/mapContext';
-import { PlacesProvider } from '~/contexts/placesContext';
-import { MapListProvider } from '~/contexts/mapListContext';
-import { TrackEventProvider } from '~/contexts/trackEventContext';
-
-import { getMapConfig } from '~/services/configService';
-import { setClientAuthKey } from '~/clientToken.js';
-
-import '../styles/index.css';
-
-const libraries = ['places'];
-
-export const HireControlMap = ({
-	clientToken,
-	navigateToDetails = null,
-	navigateToEasyApply = null,
-	Link = null,
-	linkFormat = '/jobs/[slug]',
-	trackEvent = (eventType, eventObj) => {console.log(eventType); console.log(eventObj);},
-	listings = [],
-	setFiltersUrl = null
-}) => {
-	const [siteConfig, setSiteconfig] = useState(null);
-
-	useEffect(() => {
-		setClientAuthKey(clientToken);
-		const fetchSiteConfig = async () => {
-			try {
-				const configData = await getMapConfig(clientToken);
-				setSiteconfig(configData);
-			} catch (error) {
-				console.error('Failed to fetch site configuration:', error);
-			}
-		};
-
-		fetchSiteConfig();
-	}, [clientToken]);
-
-	const { isLoaded } = useLoadScript({
-		googleMapsApiKey: process.env.GOOGLE_MAPS_API_KEY,
-		version: 'quarterly',
-		libraries: libraries
-	});
-
-	return (
-		<div>
-			{isLoaded && siteConfig && (
-				<HomeBody
-					siteConfig={siteConfig}
-					navigateToDetails={navigateToDetails}
-					navigateToEasyApply={navigateToEasyApply}
-					Link={Link}
-					linkFormat={linkFormat}
-					trackEvent={trackEvent}
-					listings={listings}
-					setFiltersUrl={setFiltersUrl}
-				/>
-			)}
-		</div>
-	);
-};
-
-const HomeBody = ({ siteConfig, navigateToDetails, navigateToEasyApply, Link, linkFormat, trackEvent, listings, setFiltersUrl }) => {
-	const resetFilters = false;
-
-	return (
-		<TrackEventProvider trackEvent={trackEvent}>
-			<MapListProvider
-				siteConfig={siteConfig}
-				resetFilters={resetFilters}
-				avigateToDetails={navigateToDetails}
-				navigateToEasyApply={navigateToEasyApply}
-				Link={Link}
-				linkFormat={linkFormat}
-				listings={listings}
-				setFiltersUrl={setFiltersUrl}
-			>
-				<MapProvider resetFilters={resetFilters}>
-					<PlacesProvider
-						placeMappings={siteConfig.pointsOfInterestConfig.placeMappings ?? {}}
-						markerColors={{
-							fillColor: siteConfig.colors.primary,
-							strokeColor: siteConfig.colors.primaryDark,
-							selectedFillColor: siteConfig.colors.secondary,
-							selectedStrokeColor: siteConfig.colors.secondaryDark,
-							placeMarkers: {
-								colors: siteConfig.pointsOfInterestConfig.placeMarkerColors,
-								size: siteConfig.pointsOfInterestConfig.placeMarkerSize
-							}
-						}}
-					>
-						<Grid
-							as='section'
-							id='job-search-interface'
-							columns='md:hc-grid-cols-[1fr_2.5fr] lg:hc-grid-cols-[1fr_3.5fr]'
-							gap='hc-gap-0'
-							autoRows={false}
-							className='hc-bundle hc-items-stretch hc-h-screen hc-min-h-[30rem] hc-divide-x hc-divide-uiAccent/20'
-						>
-							<Grid.Item className='hc-bg-gray-100'>
-								<Filter showMap={siteConfig.showMap} className='hc-hidden md:hc-block' />
-							</Grid.Item>
-							<MapList
-								markerConfigs={{
-									fillColor: siteConfig.colors.primary,
-									strokeColor: siteConfig.colors.primaryDark,
-									selectedFillColor: siteConfig.colors.secondary,
-									selectedStrokeColor: siteConfig.colors.secondaryDark,
-									placeMarkers: {
-										colors: siteConfig.pointsOfInterestConfig.placeMarkerColors,
-										size: siteConfig.pointsOfInterestConfig.placeMarkerSize
-									}
-								}}
-								showMap={siteConfig.showMap}
-								fieldsShown={siteConfig.fieldsShown}
-								specialFeatures={siteConfig.specialFeatures}
-								fieldNames={siteConfig.fieldNames}
-								placeMappings={siteConfig.pointsOfInterestConfig.placeMappings ?? {}}
-							/>
-						</Grid>
-					</PlacesProvider>
-				</MapProvider>
-			</MapListProvider>
-		</TrackEventProvider>
-	);
-};
-
-export default HireControlMap;

package/src/components/containers/accordions/filter-container.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import { useMapList } from '~/contexts/mapListContext';
-import AccordionFilters from '~/components/modules/accordions/filters';
-import AccordionFilterItem from '~/components/containers/accordions/filter-item-container';
-
-const AccordionFiltersContainer = ({
-	className,
-	defaultValue,
-	setDefaultValue,
-	setLocation,
-	setSelectedListItem,
-	SubcategoryRequireCategory
-}) => {
-	const { filterOptions, selectedFilters, setSelectedFilters } = useMapList();
-
-	const handleSetSelectedFilters = prevFilters => {
-		setSelectedFilters(prevFilters);
-		setLocation(null);
-		setSelectedListItem(null);
-	};
-
-	return (
-		<AccordionFilters
-			className={className}
-			defaultValue={defaultValue}
-			filterOptions={filterOptions}
-		>
-			{filterOptions?.filters?.map(filter => {
-				if(filter.id === 'category' && SubcategoryRequireCategory === true && (!selectedFilters.categoryClass || Object.keys(selectedFilters.categoryClass).length < 1)){
-					return;
-				} else if (filter.id === 'category' && SubcategoryRequireCategory === true && filter.items.length > 0) {
-					filter.items = filter.items.filter(item => item.count > 0);
-				}
-				return (<AccordionFilterItem
-					key={filter.id}
-					filter={filter}
-					setDefaultValue={setDefaultValue}
-					selectedFilters={selectedFilters}
-					setSelectedFilters={handleSetSelectedFilters}
-				/>);
-			}
-			)}
-		</AccordionFilters>
-	);
-};
-
-export default AccordionFiltersContainer;

package/src/components/containers/accordions/filter-item-container.js

@@ -1,62 +0,0 @@
-import React, { memo } from 'react';
-import AccordionFilterItem from '~/components/modules/accordions/filterItem';
-import FilterItem from '~/components/containers/filter/filter-item-container';
-import ItemsPill from '~/components/modules/buttons/items-pill';
-
-const FilterItemContainer = ({
-	filter,
-	setDefaultValue,
-	setSelectedFilters,
-	selectedFilters
-}) => {
-	const fieldKey = filter.id;
-	const activeItemsCount = selectedFilters != null && selectedFilters[fieldKey]
-		? Object.keys(selectedFilters[fieldKey]).length
-		: 0;
-
-	const handleClearFilters = event => {
-		event.stopPropagation();
-		setSelectedFilters(prevFilters => {
-			const updatedFilters = { ...prevFilters };
-			delete updatedFilters[fieldKey];
-			return updatedFilters;
-		});
-	};
-
-	const header = (
-		<>
-			{filter.title}
-			{activeItemsCount > 0 && (
-				<ItemsPill
-					activeItemsCount={activeItemsCount}
-					onClick={handleClearFilters}
-				/>
-			)}
-		</>
-	);
-
-	const body = (
-		<>
-			{filter.items.sort().map(item => (
-				<FilterItem
-					key={item.name}
-					item={item}
-					field={filter.id}
-					selectedFilters={selectedFilters}
-					setSelectedFilters={setSelectedFilters}
-				/>
-			))}
-		</>
-	);
-
-	return (
-		<AccordionFilterItem
-			id={filter.id}
-			setDefaultValue={setDefaultValue}
-			header={header}
-			body={body}
-		/>
-	);
-};
-
-export default memo(FilterItemContainer);

package/src/components/containers/accordions/map-accordion-item-container.js

@@ -1,70 +0,0 @@
-import React from 'react';
-import { useMap } from '~/contexts/mapContext';
-import { useMapList } from '~/contexts/mapListContext';
-import { useTrackEvent } from '~/contexts/trackEventContext';
-import { setStorageObject } from '~/util/localStorageUtil';
-import MapAccordionItem from '~/components/modules/accordions/MapAccordionItem';
-import ListItemContainer from '~/components/containers/list/list-item/list-item-container';
-
-const MapAccordionItemContainer = ({
-	showMap,
-	item,
-	itemRefs,
-	fieldsShown,
-	itemExpandedContent,
-	specialFeatures,
-	isActive,
-	hasListItemSelected
-}) => {
-	const { mapItems } = useMapList();
-	const { selectItem } = useMap();
-	const { trackEvent, eventTypes } = useTrackEvent();
-
-	const setSelectedItemAndZoomMap = (item, isActive) => {
-		if (isActive) {
-			localStorage.removeItem("selectedListItem");
-			const location = mapItems.find(x => Object.prototype.hasOwnProperty.call(x.items, item.id)) || null;
-			selectItem(null, null, 9, { lat: 39.8283, lng: -98.5795 });
-		} else {
-			setStorageObject("selectedListItem", item);
-			const location = mapItems.find(x => Object.prototype.hasOwnProperty.call(x.items, item.id)) || null;
-			selectItem(item, location, 12, {
-				lat: location?.latitude,
-				lng: location?.longitude
-			});
-		}
-	};
-
-	const handleItemClick = item => {
-		trackEvent(eventTypes.JOB_LISTING_SELECTED, {
-			jobTitle: item.fields.position,
-			jobCategory: item.fields.category,
-			entityDisplayName: item?.mapDetails?.entityDisplayName
-		});
-
-		setSelectedItemAndZoomMap(item, isActive);
-	};
-
-	return (
-		<MapAccordionItem
-			item={item}
-			itemRefs={itemRefs}
-			itemExpandedContent={itemExpandedContent}
-			isActive={isActive}
-
-		>
-			<ListItemContainer
-				showMap={showMap}
-				item={item}
-				itemRefs={itemRefs}
-				fieldsShown={fieldsShown}
-				specialFeatures={specialFeatures}
-				isActive={isActive}
-				hasListItemSelected={hasListItemSelected}
-				onClick={() => handleItemClick(item)}
-			/>
-		</MapAccordionItem>
-	);
-};
-
-export default MapAccordionItemContainer;