@abcagency/hc-ui-components 1.3.14 → 1.3.15

package/rollup.config.mjs

@@ -1,87 +1,88 @@
-import babel from '@rollup/plugin-babel';
-import { nodeResolve as resolve } from '@rollup/plugin-node-resolve';
-import external from 'rollup-plugin-peer-deps-external';
-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';
-
-// Load environment variables from .env file
-dotenv.config();
-
-// Convert file URL to file path
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Resolve the project root directory
-const projectRootDir = path.resolve(__dirname);
-
-const plugins = [
-	external(),
-	resolve(),
-	postcss({
-		extensions: ['.css'],
-		extract: 'styles/index.css',
-		minimize: true,
-		plugins: [
-			tailwindcss,
-			autoprefixer,
-		],
-	}),
-	replace({
-		preventAssignment: true,
-		'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'],
-	}),
-	commonjs(),
-];
-
-const externalDependencies = [
-	'react', 'react-dom', 'react-router-dom', 'form-data',
-	'react/jsx-runtime', 'tailwind-merge'
-];
-
-export default [
-	{
-		input: 'src/index.js',
-		output: {
-			dir: 'dist',
-			format: 'es',
-			exports: 'named',
-			sourcemap: true,
-			preserveModules: true,
-			preserveModulesRoot: 'src',
-		},
-		plugins,
-		external: externalDependencies,
-		treeshake: true,
-	},
-	{
-		input: 'src/services/listingService.js',
-		output: {
-			dir: 'dist/services',
-			format: 'es',
-			exports: 'named',
-			sourcemap: true,
-			preserveModules: true,
-			preserveModulesRoot: 'src/services',
-		},
-		plugins,
-		external: externalDependencies,
-		treeshake: true,
-	},
-];
+import babel from '@rollup/plugin-babel';
+import { nodeResolve as resolve } from '@rollup/plugin-node-resolve';
+import external from 'rollup-plugin-peer-deps-external';
+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';
+
+// Convert file URL to file path
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Load environment variables from .env file
+dotenv.config({ path: path.resolve(__dirname, '.env') });
+console.log('GOOGLE_MAPS_API_KEY:', process.env.GOOGLE_MAPS_API_KEY);
+
+// Resolve the project root directory
+const projectRootDir = path.resolve(__dirname);
+
+const plugins = [
+	external(),
+	resolve(),
+	postcss({
+		extensions: ['.css'],
+		extract: 'styles/index.css',
+		minimize: true,
+		plugins: [
+			tailwindcss(path.resolve(__dirname, 'tailwind.config.js')),
+			autoprefixer
+		]
+	}),
+	replace({
+		preventAssignment: true,
+		'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']
+	}),
+	commonjs()
+];
+
+const externalDependencies = [
+	'react', 'react-dom', 'react-router-dom', 'form-data',
+	'react/jsx-runtime', 'tailwind-merge'
+];
+
+export default [
+	{
+		input: path.resolve(__dirname, 'src/index.js'),
+		output: {
+			dir: path.resolve(__dirname, 'dist'),
+			format: 'es',
+			exports: 'named',
+			sourcemap: true,
+			preserveModules: true,
+			preserveModulesRoot: 'src'
+		},
+		plugins,
+		external: externalDependencies,
+		treeshake: true
+	},
+	{
+		input: path.resolve(__dirname, 'src/services/listingService.js'),
+		output: {
+			dir: path.resolve(__dirname, 'dist/services'),
+			format: 'es',
+			exports: 'named',
+			sourcemap: true,
+			preserveModules: true,
+			preserveModulesRoot: 'src/services'
+		},
+		plugins,
+		external: externalDependencies,
+		treeshake: true
+	}
+];

package/src/apis/hcApi.js

@@ -1,93 +1,93 @@
-import { getClientAuthKey } from '~/clientToken.js';
-const baseURL = process.env.HC_API_BASE_URL;
-
-const memoryStorage = {
-	authToken: null,
-	tokenExpiration: null
-};
-
-function setStorage(key, value) {
-	try {
-		sessionStorage.setItem(key, value);
-	} catch (error) {
-		memoryStorage[key] = value;
-	}
-}
-
-function getStorage(key) {
-	try {
-		return sessionStorage.getItem(key) || memoryStorage[key];
-	} catch (error) {
-		return memoryStorage[key];
-	}
-}
-
-const login = async () => {
-	const clientAuthKey = getClientAuthKey();
-
-	try {
-		const response = await fetch(`${baseURL}/auth/login`, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json'
-			},
-			body: JSON.stringify({
-				clientAuthKey: clientAuthKey
-			})
-		});
-
-		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 };
-		}
-	} catch (error) {
-		console.error('Login failed:', error);
-		throw error;
-	}
-};
-
-const fetchWithAuth = async (url, options = {}) => {
-	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 url => {
-		const response = await fetchWithAuth(url);
-		return await response.json();
-	},
-	post: async (url, data) => {
-		const response = await fetchWithAuth(url, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json'
-			},
-			body: JSON.stringify(data)
-		});
-		return await response.json();
-	}
-};
+import { getClientAuthKey } from '~/clientToken.js';
+const baseURL = process.env.HC_API_BASE_URL;
+
+const memoryStorage = {
+	authToken: null,
+	tokenExpiration: null
+};
+
+function setStorage(key, value) {
+	try {
+		sessionStorage.setItem(key, value);
+	} catch (error) {
+		memoryStorage[key] = value;
+	}
+}
+
+function getStorage(key) {
+	try {
+		return sessionStorage.getItem(key) || memoryStorage[key];
+	} catch (error) {
+		return memoryStorage[key];
+	}
+}
+
+const login = async () => {
+	const clientAuthKey = getClientAuthKey();
+
+	try {
+		const response = await fetch(`${baseURL}/auth/login`, {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json'
+			},
+			body: JSON.stringify({
+				clientAuthKey: clientAuthKey
+			})
+		});
+
+		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 };
+		}
+	} catch (error) {
+		console.error('Login failed:', error);
+		throw error;
+	}
+};
+
+const fetchWithAuth = async (url, options = {}) => {
+	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 url => {
+		const response = await fetchWithAuth(url);
+		return await response.json();
+	},
+	post: async (url, data) => {
+		const response = await fetchWithAuth(url, {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json'
+			},
+			body: JSON.stringify(data)
+		});
+		return await response.json();
+	}
+};

package/src/clientToken.js

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

package/src/components/HireControlMap.js

@@ -1,124 +1,124 @@
-import React, { useEffect, useState } from 'react';
-import { useLoadScript } from '@react-google-maps/api';
-
-import Grid from '~/components/modules/grid';
-import Filter from '~/components/modules/filter';
-import MapList from '~/components/modules/maps/map-list';
-
-import { MapProvider } from '~/contexts/mapContext';
-import { PlacesProvider } from '~/contexts/placesContext';
-import { MapListProvider } from '~/contexts/mapListContext';
-
-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]'
-}) => {
-	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}
-				/>
-			)}
-		</div>
-	);
-};
-
-const HomeBody = ({ siteConfig, navigateToDetails, navigateToEasyApply, Link, linkFormat }) => {
-	const resetFilters = false;
-
-	return (
-		<MapListProvider
-			siteConfig={siteConfig}
-			resetFilters={resetFilters}
-			avigateToDetails={navigateToDetails}
-			navigateToEasyApply={navigateToEasyApply}
-			Link={Link}
-			linkFormat={linkFormat}
-		>
-			<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-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>
-	);
-};
-
-export default HireControlMap;
+import React, { useEffect, useState } from 'react';
+import { useLoadScript } from '@react-google-maps/api';
+
+import Grid from '~/components/modules/grid';
+import Filter from '~/components/modules/filter';
+import MapList from '~/components/modules/maps/map-list';
+
+import { MapProvider } from '~/contexts/mapContext';
+import { PlacesProvider } from '~/contexts/placesContext';
+import { MapListProvider } from '~/contexts/mapListContext';
+
+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]'
+}) => {
+	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}
+				/>
+			)}
+		</div>
+	);
+};
+
+const HomeBody = ({ siteConfig, navigateToDetails, navigateToEasyApply, Link, linkFormat }) => {
+	const resetFilters = false;
+
+	return (
+		<MapListProvider
+			siteConfig={siteConfig}
+			resetFilters={resetFilters}
+			avigateToDetails={navigateToDetails}
+			navigateToEasyApply={navigateToEasyApply}
+			Link={Link}
+			linkFormat={linkFormat}
+		>
+			<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-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>
+	);
+};
+
+export default HireControlMap;