@abcagency/hc-ui-components 1.3.77 → 1.3.78

package/dist/util/sortUtil.js

@@ -1,11 +1,12 @@
+import { toConsumableArray as _toConsumableArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+
 var dynamicSort = function dynamicSort(items, fieldName) {
   var order = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "asc";
   var favorites = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-  if (!items || !items.length) {
-    return [];
-  }
+  if (!items || !items.length) return [];
+  var sortedItems = _toConsumableArray(items);
   if (fieldName === "favorite") {
-    items.forEach(function (x) {
+    sortedItems.forEach(function (x) {
       if (x.fields) {
         var _favorites$includes;
         x.fields.favorite = (_favorites$includes = favorites.includes(x.id)) !== null && _favorites$includes !== void 0 ? _favorites$includes : false;
@@ -13,21 +14,16 @@ var dynamicSort = function dynamicSort(items, fieldName) {
     });
   }
   var inferType = function inferType(value) {
-    if (!isNaN(Date.parse(value)) && isNaN(value)) {
-      return "date";
-    } else if (!isNaN(parseFloat(value)) && isFinite(value)) {
-      return "number";
-    } else if (value === true || value === false) {
-      return "bool";
-    } else {
-      return "string";
-    }
+    if (!isNaN(Date.parse(value)) && isNaN(value)) return "date";
+    if (!isNaN(parseFloat(value)) && isFinite(value)) return "number";
+    if (value === true || value === false) return "bool";
+    return "string";
   };
-  var dataType = inferType(items[0].fields[fieldName]);
-  return items.sort(function (a, b) {
+  var dataType = inferType(sortedItems[0].fields[fieldName]);
+  return sortedItems.sort(function (a, b) {
     var valA = a.fields[fieldName];
     var valB = b.fields[fieldName];
-    if (valA == null || valA == undefined || valB == null || valB == undefined) return;
+    if (valA == null || valB == null) return 0;
     var comparison = 0;
     if (dataType === "string") {
       comparison = valA.localeCompare(valB);

package/dist/util/sortUtil.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortUtil.js","sources":["../../src/util/sortUtil.js"],"sourcesContent":["export const dynamicSort = (items, fieldName, order = \"asc\", favorites = null) => {\n\tif (!items || !items.length) {\n\t\treturn [];\n\t}\n\n\tif (fieldName === \"favorite\") {\n\t\titems.forEach(x => {\n\t\t\tif (x.fields) {\n\t\t\t\tx.fields.favorite = favorites.includes(x.id) ?? false;\n\t\t\t}\n\t\t});\n\t}\n\n\tconst inferType = value => {\n\t\tif (!isNaN(Date.parse(value)) && isNaN(value)) {\n\t\t\treturn \"date\";\n\t\t} else if (!isNaN(parseFloat(value)) && isFinite(value)) {\n\t\t\treturn \"number\";\n\t\t} else if (value === true || value === false){\n\t\t\treturn \"bool\";\n\t\t}\n\t\telse {\n\t\t\treturn \"string\";\n\t\t}\n\t};\n\n\tconst dataType = inferType(items[0].fields[fieldName]);\n\n\treturn items.sort((a, b) => {\n\t\tlet valA = a.fields[fieldName];\n\t\tlet valB = b.fields[fieldName];\n\n\t\tif (valA == null || valA == undefined || valB == null || valB == undefined) return;\n\t\tlet comparison = 0;\n\n\t\tif (dataType === \"string\") {\n\t\t\tcomparison = valA.localeCompare(valB);\n\t\t} else if (dataType === \"number\") {\n\t\t\tcomparison = valA - valB;\n\t\t} else if (dataType === \"date\") {\n\t\t\tcomparison = new Date(valA) - new Date(valB);\n\t\t}else if (dataType === \"bool\") {\n\t\t\tcomparison = valA === valB ? 0 : valA ? -1 : 1;\n\t\t}\n\t\treturn order === \"desc\" ? comparison * -1 : comparison;\n\t});\n};"],"names":["dynamicSort","items","fieldName","order","arguments","length","undefined","favorites","forEach","x","fields","_favorites$includes","favorite","includes","id","inferType","value","isNaN","Date","parse","parseFloat","isFinite","dataType","sort","a","b","valA","valB","comparison","localeCompare"],"mappings":"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"}
+{"version":3,"file":"sortUtil.js","sources":["../../src/util/sortUtil.js"],"sourcesContent":["export const dynamicSort = (items, fieldName, order = \"asc\", favorites = null) => {\n\tif (!items || !items.length) return [];\n\n\tconst sortedItems = [...items];\n\tif (fieldName === \"favorite\") {\n\t\tsortedItems.forEach(x => {\n\t\t\tif (x.fields) {\n\t\t\t\tx.fields.favorite = favorites.includes(x.id) ?? false;\n\t\t\t}\n\t\t});\n\t}\n\n\tconst inferType = value => {\n\t\tif (!isNaN(Date.parse(value)) && isNaN(value)) return \"date\";\n\t\tif (!isNaN(parseFloat(value)) && isFinite(value)) return \"number\";\n\t\tif (value === true || value === false) return \"bool\";\n\t\treturn \"string\";\n\t};\n\n\tconst dataType = inferType(sortedItems[0].fields[fieldName]);\n\n\treturn sortedItems.sort((a, b) => {\n\t\tlet valA = a.fields[fieldName];\n\t\tlet valB = b.fields[fieldName];\n\t\tif (valA == null || valB == null) return 0;\n\n\t\tlet comparison = 0;\n\t\tif (dataType === \"string\") {\n\t\t\tcomparison = valA.localeCompare(valB);\n\t\t} else if (dataType === \"number\") {\n\t\t\tcomparison = valA - valB;\n\t\t} else if (dataType === \"date\") {\n\t\t\tcomparison = new Date(valA) - new Date(valB);\n\t\t} else if (dataType === \"bool\") {\n\t\t\tcomparison = valA === valB ? 0 : valA ? -1 : 1;\n\t\t}\n\n\t\treturn order === \"desc\" ? comparison * -1 : comparison;\n\t});\n};\n"],"names":["dynamicSort","items","fieldName","order","arguments","length","undefined","favorites","sortedItems","_toConsumableArray","forEach","x","fields","_favorites$includes","favorite","includes","id","inferType","value","isNaN","Date","parse","parseFloat","isFinite","dataType","sort","a","b","valA","valB","comparison","localeCompare"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@abcagency/hc-ui-components",
-	"version": "1.3.77",
+	"version": "1.3.78",
 	"description": "UI Components for HireControl",
 	"main": "dist/index.js",
 	"files": [

package/src/components/containers/jobListing/listing-details-container.js

@@ -7,7 +7,7 @@ import ListingDetails from '~/components/modules/jobListing/listing-details';
 const ListingDetailsContainer = ({ item, recruiter }) => {
 	const { trackEvent, eventTypes } = useTrackEvent();
 	const { travelTime } = useMap();
-	const { siteConfig, navigateToDetails, navigateToEasyApply, Link, linkFormat, easyApplyUrl, easyApplyText } = useMapList();
+	const { siteConfig, navigateToDetails, navigateToEasyApply, Link, linkFormat, easyApplyUrl, easyApplyText, isIframe } = useMapList();
 
 	const {
 	  useDetailsPostMessage,
@@ -29,6 +29,7 @@ const ListingDetailsContainer = ({ item, recruiter }) => {
 			linkFormat={linkFormat}
 			easyApplyUrl={easyApplyUrl}
 			easyApplyText={easyApplyText}
+			isIframe={isIframe}
 			useApplyDialog={useApplyDialog}
 			internalApplyLink={internalApplyLink}
 			companyName={companyName}

package/src/components/containers/list/item-list-container.tsx

@@ -42,6 +42,7 @@ const ItemsListContainer: React.FC<ItemsListContainerProps> = ({
 		setSortSetting(sortSetting);
 	};
 		//fieldsShown.push('favorite');
+
 	return (
 		<ItemsList
 			fieldNames={fieldNames}

package/src/components/containers/maps/map-container.js

@@ -257,6 +257,8 @@ const MapContainer = ({ markerConfigs, infoWindowClasses, clusterGridSize = 60 }
 		return null;
 	}
 	const mapItemsKey = mapItems.map(item => item.id).join("-");
+
+	console.log(location);
 	return (
 		<Map
 			zoom={zoom}

package/src/components/modules/buttons/button-group-apply.js

@@ -12,6 +12,7 @@ const ButtonGroupApply = ({
 	linkFormat,
 	easyApplyUrl,
 	applyNowText = 'Apply Now',
+	isIframe,
 	detailsUrl,
 	detailsText = 'View Details',
 	easyApplyText,
@@ -32,6 +33,10 @@ const ButtonGroupApply = ({
 		//console.log('calling trackApplyNow');
 		trackEvent(eventTypes.APPLY_NOW_CLICKED, { jobCategory: item.fields.category, jobCategoryClass: item.fields.categoryClass, jobEntity: item.fields.entityName, jobListingId: item.id, jobSchedule: item.fields.schedule });
 	};
+	const trackApplyOpen = () => {
+		//console.log('calling trackApplyOpen');
+		trackEvent(eventTypes.APPLY_OPEN_CLICKED, { jobCategory: item.fields.category, jobCategoryClass: item.fields.categoryClass, jobEntity: item.fields.entityName, jobListingId: item.id, jobSchedule: item.fields.schedule });
+	};
 	const trackEasyApply = () => {
 		//console.log('calling trackEasyApply');
 		trackEvent(eventTypes.EASY_APPLY_CLICKED, { jobCategory: item.fields.category, jobCategoryClass: item.fields.categoryClass, jobEntity: item.fields.entityName, jobListingId: item.id, jobSchedule: item.fields.schedule });
@@ -40,10 +45,7 @@ const ButtonGroupApply = ({
 		//console.log('calling trackViewDetails');
 		trackEvent(eventTypes.VIEW_DETAILS_CLICKED, { jobCategory: item.fields.category, jobCategoryClass: item.fields.categoryClass, jobEntity: item.fields.entityName, jobListingId: item.id, jobSchedule: item.fields.schedule });
 	};
-	// console.log(detailsUrl);
-	// console.log(useDetailsPostMessage);
-	// console.log(navigateToDetails);
-	// console.log(useDetailsPostMessage === true && !navigateToDetails, 'query result');
+
 	return (
 		<nav
 			className={twMerge`
@@ -68,7 +70,9 @@ const ButtonGroupApply = ({
 					variant={detailsButtonVariant}
 					className={"map-details-button"}
 					size={buttonSize}
-					onClick={trackViewDetails}
+					execOnClick={trackViewDetails}
+					isIframe={isIframe}
+					iframeMsgType={"DETAILS_LINK"}
 				>
 					{detailsText}
 				</Button.Anchor>
@@ -80,18 +84,20 @@ const ButtonGroupApply = ({
 					variant={applyButtonVariant}
 					size={buttonSize}
 					className={"map-apply-now-button"}
-					onClick={trackApplyNow}
+					execOnClick={trackApplyNow}
+					isIframe={isIframe}
+					iframeMsgType={"APPLY_NOW_LINK"}
 				>
 					{applyNowText}
 				</Button.Anchor>
 			}
 			{item.applyOnline == 1 && item.applyUrl && includeDialog &&
-				<ApplyDialog applyUrl={item.applyUrl} internalApplyLink={internalApplyLink} companyName={companyName}>
+				<ApplyDialog applyUrl={item.applyUrl} internalApplyLink={internalApplyLink} companyName={companyName} item={item} trackEvent={trackEvent} eventTypes={eventTypes} isIframe={isIframe}>
 					<Button.Anchor
 						variant={applyButtonVariant}
 						size={buttonSize}
 						className={"map-apply-now-button"}
-						onClick={trackApplyNow} // TODO: Move event to popup
+						execOnClick={trackApplyOpen}
 					>
 						{applyNowText}
 					</Button.Anchor>
@@ -103,7 +109,9 @@ const ButtonGroupApply = ({
 					variant={applyButtonVariant}
 					size={buttonSize}
 					className={"map-apply-now-button"}
-					onClick={trackEasyApply}
+					execOnClick={trackEasyApply}
+					isIframe={isIframe}
+					iframeMsgType={"EASY_APPLY_LINK"}
 				>
 					{easyApplyText}
 				</Button.Anchor>

package/src/components/modules/buttons/default.js

@@ -53,6 +53,10 @@ const Button = ({
 	);
 };
 
+const postMessage = (href, msgType) => {
+	window.parent.postMessage({ href: href, type: msgType }, "*");
+};
+
 export const Anchor = ({
 	children,
 	href,
@@ -62,6 +66,9 @@ export const Anchor = ({
 	isBlock,
 	hasUnderline,
 	target = '_blank',
+	execOnClick = null,
+	isIframe = false,
+	iframeMsgType,
 	...rest
 }) => {
 	return (
@@ -69,9 +76,11 @@ export const Anchor = ({
 			href={href}
 			target={target}
 			className={buttonClasses(variant, size, isBlock, hasUnderline, className)}
-			onClick={href === '#' ? e => {
+			onClick={isIframe ? e => {
 				e.preventDefault();
-			} : null}
+				execOnClick();
+				postMessage(href, iframeMsgType);
+			} : href === '#' ? e => { e.preventDefault(); execOnClick(); } : execOnClick}
 			{...rest}
 		>
 			{children}
@@ -174,7 +183,6 @@ export const ButtonIcon = ({
 }) => {
 	return (
 		<Icon
-
 			icon={icon}
 			size={size}
 			className={className ?? ''}

package/src/components/modules/dialogs/apply-dialog.js

@@ -4,45 +4,61 @@ import * as Dialog from '@radix-ui/react-dialog';
 import Button from '~/components/modules/buttons/default';
 import Icon from '~/components/modules/icon';
 
-const ApplyDialog = ({ children, applyUrl, internalApplyLink, companyName }) => (
+const ApplyDialog = ({ children, applyUrl, internalApplyLink, companyName, item, trackEvent, eventTypes, isIframe }) => {
+	const trackApplyOption1 = () => {
+		//console.log('calling trackApplyOption1');
+		trackEvent(eventTypes.APPLY_OPTION_1_CLICKED, { jobCategory: item.fields.category, jobCategoryClass: item.fields.categoryClass, jobEntity: item.fields.entityName, jobListingId: item.id, jobSchedule: item.fields.schedule });
+	};
+	const trackApplyOption2 = () => {
+		//console.log('calling trackApplyOption2');
+		trackEvent(eventTypes.APPLY_OPTION_2_CLICKED, { jobCategory: item.fields.category, jobCategoryClass: item.fields.categoryClass, jobEntity: item.fields.entityName, jobListingId: item.id, jobSchedule: item.fields.schedule });
+	};
 
-	<Dialog.Root >
-		<Dialog.Trigger asChild>
-			{children}
-		</Dialog.Trigger>
-		<Dialog.Portal>
-			<Dialog.Overlay className="hc-bg-black/50 hc-fixed hc-inset-0 hc-animate-overlayShow" />
-			<Dialog.Content className="z-99 hc-fit-content hc-h-fit hc-animate-contentShow hc-fixed hc-inset-0 hc-m-auto hc-max-h-[85vh] hc-w-[90vw] hc-max-w-[450px] hc-rounded-[6px] hc-bg-white hc-p-[25px] hc-shadow-lg focus:hc-outline-none hc-flex hc-flex-col hc-items-center hc-text-center">
-				<Dialog.Title className="hc-text-[17px] hc-font-medium hc-w-full">
-					Career Opportunities
-				</Dialog.Title>
-				<Dialog.Description className="hc-mt-4 hc-mb-5 hc-text-[15px] hc-leading-normal hc-w-full">
-					Are you currently a {companyName} employee?
-				</Dialog.Description>
-				<div className="hc-flex hc-justify-center hc-space-x-4 hc-w-full">
-					<Dialog.Close asChild>
-						<Button.Anchor variant="outline" href={internalApplyLink}>
-							Yes
-						</Button.Anchor>
-					</Dialog.Close>
+	return (
+		<Dialog.Root >
+			<Dialog.Trigger asChild>
+				<div>
+					{children}
+				</div>
+			</Dialog.Trigger>
+			<Dialog.Portal>
+				<Dialog.Overlay className="hc-bg-black/50 hc-fixed hc-inset-0 hc-animate-overlayShow" />
+				<Dialog.Content className="z-99 hc-fit-content hc-h-fit hc-animate-contentShow hc-fixed hc-inset-0 hc-m-auto hc-max-h-[85vh] hc-w-[90vw] hc-max-w-[450px] hc-rounded-[6px] hc-bg-white hc-p-[25px] hc-shadow-lg focus:hc-outline-none hc-flex hc-flex-col hc-items-center hc-text-center">
+					<Dialog.Title className="hc-text-[17px] hc-font-medium hc-w-full">
+						Career Opportunities
+					</Dialog.Title>
+					<Dialog.Description className="hc-mt-4 hc-mb-5 hc-text-[15px] hc-leading-normal hc-w-full">
+						Are you currently a {companyName} employee?
+					</Dialog.Description>
+					<div className="hc-flex hc-justify-center hc-space-x-4 hc-w-full">
+						<Dialog.Close asChild>
+							<div>
+								<Button.Anchor variant="outline" href={internalApplyLink} execOnClick={trackApplyOption1} isIframe={isIframe} iframeMsgType={"APPLY_EMPLOYEE_YES_LINK"}>
+									Yes
+								</Button.Anchor>
+							</div>
+						</Dialog.Close>
+						<Dialog.Close asChild>
+							<div>
+								<Button.Anchor variant="primary" href={applyUrl} execOnClick={trackApplyOption2} isIframe={isIframe} iframeMsgType={"APPLY_NOW_LINK"}>
+									No
+								</Button.Anchor>
+							</div>
+						</Dialog.Close>
+					</div>
 					<Dialog.Close asChild>
-						<Button.Anchor variant="primary" href={applyUrl}>
-							No
+						<Button.Anchor className="hc-absolute hc-top-[10px] hc-right-[10px] hc-inline-flex hc-h-[25px] hc-w-[25px] hc-items-center hc-justify-center hc-rounded-full focus:hc-outline-none"
+							variant="ghost" aria-label="Close">
+							<Icon
+								icon="mdi:times"
+								className="hc-cursor-pointer hc-text-black hover:hc-text-gray-500 hover:hc-opacity-75"
+							/>
 						</Button.Anchor>
 					</Dialog.Close>
-				</div>
-				<Dialog.Close asChild>
-					<Button.Anchor className="hc-absolute hc-top-[10px] hc-right-[10px] hc-inline-flex hc-h-[25px] hc-w-[25px] hc-items-center hc-justify-center hc-rounded-full focus:hc-outline-none"
-						variant="ghost" aria-label="Close">
-						<Icon
-							icon="mdi:times"
-							className="hc-cursor-pointer hc-text-black hover:hc-text-gray-500 hover:hc-opacity-75"
-						/>
-					</Button.Anchor>
-				</Dialog.Close>
-			</Dialog.Content>
-		</Dialog.Portal>
-	</Dialog.Root>
-);
+				</Dialog.Content>
+			</Dialog.Portal>
+		</Dialog.Root>
+	);
+};
 
 export default ApplyDialog;

package/src/components/modules/jobListing/listing-details.js

@@ -10,6 +10,7 @@ const ListingDetails = ({
 	linkFormat,
 	easyApplyUrl,
 	easyApplyText,
+	isIframe,
 	useApplyDialog,
 	internalApplyLink,
 	companyName,
@@ -32,6 +33,7 @@ const ListingDetails = ({
 					linkFormat={linkFormat}
 					easyApplyUrl={easyApplyUrl}
 					easyApplyText={easyApplyText}
+					isIframe={isIframe}
 					includeDialog={useApplyDialog}
 					internalApplyLink={internalApplyLink}
 					companyName={companyName}

package/src/constants/eventTypes.js

@@ -3,6 +3,9 @@ export const eventTypes = {
 	MAP_MARKER_CLICKED: "map_marker_clicked",
 	JOB_LISTING_SELECTED: "job_listing_selected",
 	APPLY_NOW_CLICKED: "apply_now_clicked",
+	APPLY_OPEN_CLICKED: "apply_open_clicked",
+	APPLY_OPTION_1_CLICKED: "apply_option_1_clicked",
+	APPLY_OPTION_2_CLICKED: "apply_option_2_clicked",
 	EASY_APPLY_CLICKED: "easy_apply_clicked",
 	VIEW_DETAILS_CLICKED: "view_details_clicked",
 	COMMUTE_ORIGIN_ADDED: "commute_origin_added",

package/src/constants/placeTypes.js

@@ -3,7 +3,6 @@ export const placeTypes = {
 	STORE: "shopping",
 	TOURIST_ATTRACTION: "attractions",
 	TRANSIT_STATION: "transit",
-	AIRPORT: "airport",
 	SCHOOL: "schools",
 	PLACE_OF_WORSHIP: "worship"
 };

package/src/contexts/mapListContext.tsx

@@ -44,6 +44,7 @@ interface MapListContextProps {
   linkFormat: string;
   easyApplyUrl: string;
   easyApplyText: string;
+	isIframe: boolean;
   sortSetting: { field: string; type: string };
   setSortSetting: (setting: { field: string; type: string }) => void;
   trackEvent: (event: string) => void;
@@ -81,6 +82,7 @@ interface MapListProviderProps {
   linkFormat: string;
   easyApplyUrl: string;
   easyApplyText: string;
+	isIframe: boolean;
   trackEvent: (event: string) => void;
   listings?: Listing[];
 	entities?: ListingEntity[];
@@ -102,6 +104,7 @@ export const MapListProvider: React.FC<MapListProviderProps> = ({
 	linkFormat,
 	easyApplyUrl,
 	easyApplyText,
+	isIframe,
 	trackEvent,
 	listings = [],
 	entities = [],
@@ -339,6 +342,7 @@ export const MapListProvider: React.FC<MapListProviderProps> = ({
 			linkFormat,
 			easyApplyUrl,
 			easyApplyText,
+			isIframe,
 			sortSetting,
 			setSortSetting,
 			trackEvent,

package/src/util/filterUtil.js

@@ -245,7 +245,6 @@ export const applyFilters = (
 	if (hasFavorite) {
 		selectedFilters.specialFeatures.Favorite = favorite;
 	}
-
 	return { filteredListings: results, mapItems: distinctItems };
 };
 

package/src/util/mapIconUtil.js

@@ -76,16 +76,6 @@ const customSVGIcon = (
 					</svg>
 					`;
 			break;
-		case placeTypes.AIRPORT:
-			svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" width="80" height="80">
-  <!-- Blue Background Circle -->
-  <circle cx="480" cy="-480" r="480" fill="#0470FF"/>
-
-  <!-- White Airplane Icon -->
-  <path fill="#FFFFFF" d="M280-80v-100l120-84v-144L80-280v-120l320-224v-176q0-33 23.5-56.5T480-880q33 0 56.5 23.5T560-800v176l320 224v120L560-408v144l120 84v100l-200-60-200 60Z"/>
-</svg>
-`;
-			break;
 		case placeTypes.TRANSIT_STATION:
 			svg = `<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 					viewBox="0 0 60.8 89.6" preserveAspectRatio="xMidYMid meet" style="enable-background:new 0 0 60.8 89.6;" xml:space="preserve">
@@ -160,33 +150,19 @@ export const iconProps = () => {
 	};
 };
 
-export const markerIcon = (markerConfigs, count = 0) => {
-	const svg = `
-    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="-6 -4 24 24">
-      <path d="${iconPath}" fill="${markerConfigs.fillColor}"/>
-      <text x="5.5" y="8" font-family="Arial" font-size="5" text-anchor="middle" fill="white">${count}</text>
-    </svg>
-  `;
-
+export const markerIcon = markerConfigs => {
 	return {
-		url: `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`,
-		scaledSize: new window.google.maps.Size(55, 55),
-		anchor: new window.google.maps.Point(18, 25)
+		...iconProps(),
+		fillColor: markerConfigs.fillColor,
+		strokeColor: markerConfigs.strokeColor
 	};
 };
 
-export const markerIconSelected = (markerConfigs, count = 0) => {
-	const svg = `
-    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="-6 -4 24 24">
-      <path d="${iconPath}" fill="${markerConfigs.selectedFillColor}"/>
-      <text x="5.5" y="8" font-family="Arial" font-size="5" text-anchor="middle" fill="white">${count}</text>
-    </svg>
-  `;
-
+export const markerIconSelected = markerConfigs => {
 	return {
-		url: `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`,
-		scaledSize: new window.google.maps.Size(50, 50),
-		anchor: new window.google.maps.Point(12, 17)
+		...iconProps(),
+		fillColor: markerConfigs.selectedFillColor,
+		strokeColor: markerConfigs.selectedStrokeColor
 	};
 };
 

package/src/util/sortUtil.js

@@ -1,10 +1,9 @@
 export const dynamicSort = (items, fieldName, order = "asc", favorites = null) => {
-	if (!items || !items.length) {
-		return [];
-	}
+	if (!items || !items.length) return [];
 
+	const sortedItems = [...items];
 	if (fieldName === "favorite") {
-		items.forEach(x => {
+		sortedItems.forEach(x => {
 			if (x.fields) {
 				x.fields.favorite = favorites.includes(x.id) ?? false;
 			}
@@ -12,36 +11,30 @@ export const dynamicSort = (items, fieldName, order = "asc", favorites = null) =
 	}
 
 	const inferType = value => {
-		if (!isNaN(Date.parse(value)) && isNaN(value)) {
-			return "date";
-		} else if (!isNaN(parseFloat(value)) && isFinite(value)) {
-			return "number";
-		} else if (value === true || value === false){
-			return "bool";
-		}
-		else {
-			return "string";
-		}
+		if (!isNaN(Date.parse(value)) && isNaN(value)) return "date";
+		if (!isNaN(parseFloat(value)) && isFinite(value)) return "number";
+		if (value === true || value === false) return "bool";
+		return "string";
 	};
 
-	const dataType = inferType(items[0].fields[fieldName]);
+	const dataType = inferType(sortedItems[0].fields[fieldName]);
 
-	return items.sort((a, b) => {
+	return sortedItems.sort((a, b) => {
 		let valA = a.fields[fieldName];
 		let valB = b.fields[fieldName];
+		if (valA == null || valB == null) return 0;
 
-		if (valA == null || valA == undefined || valB == null || valB == undefined) return;
 		let comparison = 0;
-
 		if (dataType === "string") {
 			comparison = valA.localeCompare(valB);
 		} else if (dataType === "number") {
 			comparison = valA - valB;
 		} else if (dataType === "date") {
 			comparison = new Date(valA) - new Date(valB);
-		}else if (dataType === "bool") {
+		} else if (dataType === "bool") {
 			comparison = valA === valB ? 0 : valA ? -1 : 1;
 		}
+
 		return order === "desc" ? comparison * -1 : comparison;
 	});
-};
+};

package/dist/components/modules/buttons/commute-pill.js

@@ -1,18 +0,0 @@
-import React__default from 'react';
-import IconContained from '../icon.js';
-import { PillWrapper } from './pill-wrapper.js';
-
-var CommutePill = function CommutePill(_ref) {
-  var travelTime = _ref.travelTime;
-  if (!travelTime) return;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "pt-2"
-  }, /*#__PURE__*/React__default.createElement(PillWrapper, null, /*#__PURE__*/React__default.createElement(IconContained, {
-    icon: "ri:pin-distance-fill",
-    size: "hc-size-5",
-    className: "hc-text-uiAccent/30"
-  }), "commute time = ", travelTime));
-};
-
-export { CommutePill as default };
-//# sourceMappingURL=commute-pill.js.map

package/dist/components/modules/buttons/commute-pill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"commute-pill.js","sources":["../../../../src/components/modules/buttons/commute-pill.js"],"sourcesContent":["import React from 'react';\r\n\r\nimport Icon from '~/components/modules/icon';\r\nimport PillWrapper from '~/components/modules/buttons/pill-wrapper';\r\n\r\nconst CommutePill = ({ travelTime }) => {\r\n\tif (!travelTime) return;\r\n\treturn (\r\n\t\t<div className=\"pt-2\">\r\n\t\t\t<PillWrapper >\r\n\t\t\t\t<Icon\r\n\t\t\t\t\ticon=\"ri:pin-distance-fill\"\r\n\t\t\t\t\tsize=\"hc-size-5\"\r\n\t\t\t\t\tclassName=\"hc-text-uiAccent/30\"\r\n\t\t\t\t/>\r\n\t\t\t\tcommute time = {travelTime}\r\n\t\t\t</PillWrapper>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default CommutePill;\r\n"],"names":["CommutePill","_ref","travelTime","React","createElement","className","PillWrapper","Icon","icon","size"],"mappings":";;;;AAKA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAuB;AAAA,EAAA,IAAjBC,UAAU,GAAAD,IAAA,CAAVC,UAAU,CAAA;EAChC,IAAI,CAACA,UAAU,EAAE,OAAA;EACjB,oBACCC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,MAAA;GACdF,eAAAA,cAAA,CAAAC,aAAA,CAACE,WAAW,qBACXH,cAAA,CAAAC,aAAA,CAACG,aAAI,EAAA;AACJC,IAAAA,IAAI,EAAC,sBAAsB;AAC3BC,IAAAA,IAAI,EAAC,WAAW;AAChBJ,IAAAA,SAAS,EAAC,qBAAA;AAAqB,GAC/B,CAAC,EAAA,iBACa,EAACH,UACJ,CACT,CAAC,CAAA;AAER;;;;"}

package/dist/components/modules/list/item-expand-card/recruiter-contact-nav.js

@@ -1,38 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import Button from '../../buttons/default.js';
-
-var _excluded = ["className", "href", "target", "title", "icon"];
-var RecruiterContactNav = function RecruiterContactNav(_ref) {
-  var children = _ref.children,
-    className = _ref.className;
-  return /*#__PURE__*/React__default.createElement("nav", {
-    className: "\n\t\t\thc-inline-flex hc-items-center hc-justify-between hc-gap-2 hc-mt-2\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : '', "\n\t\t\t")
-  }, children);
-};
-var NavButton = function NavButton(_ref2) {
-  var className = _ref2.className,
-    href = _ref2.href,
-    _ref2$target = _ref2.target,
-    target = _ref2$target === void 0 ? '_self' : _ref2$target,
-    title = _ref2.title,
-    icon = _ref2.icon,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  return /*#__PURE__*/React__default.createElement(Button.Anchor, _extends({
-    href: href,
-    variant: "icon",
-    size: "sq",
-    target: target,
-    title: title,
-    className: className !== null && className !== void 0 ? className : ''
-  }, props), /*#__PURE__*/React__default.createElement("span", {
-    className: "hc-sr-only"
-  }, title), /*#__PURE__*/React__default.createElement(Button.Icon, {
-    icon: icon,
-    size: "hc-size-8"
-  }));
-};
-RecruiterContactNav.Button = NavButton;
-
-export { NavButton, RecruiterContactNav as default };
-//# sourceMappingURL=recruiter-contact-nav.js.map

package/dist/components/modules/list/item-expand-card/recruiter-contact-nav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recruiter-contact-nav.js","sources":["../../../../../src/components/modules/list/item-expand-card/recruiter-contact-nav.js"],"sourcesContent":["import React from 'react';\r\n\r\nimport Button from '~/components/modules/buttons/default';\r\n\r\nconst RecruiterContactNav = ({\r\n\tchildren,\r\n\tclassName\r\n}) => {\r\n\treturn (\r\n\t\t<nav\r\n\t\t\tclassName={`\r\n\t\t\thc-inline-flex hc-items-center hc-justify-between hc-gap-2 hc-mt-2\r\n\t\t\t\t${className ?? ''}\r\n\t\t\t`}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</nav>\r\n\t);\r\n};\r\n\r\nexport const NavButton = ({\r\n\tclassName,\r\n\thref,\r\n\ttarget = '_self',\r\n\ttitle,\r\n\ticon,\r\n\t...props\r\n}) => {\r\n\treturn (\r\n\t\t<Button.Anchor\r\n\t\t\thref={href}\r\n\t\t\tvariant=\"icon\"\r\n\t\t\tsize=\"sq\"\r\n\t\t\ttarget={target}\r\n\t\t\ttitle={title}\r\n\t\t\tclassName={className ?? ''}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t<span className=\"hc-sr-only\">{title}</span>\r\n\t\t\t<Button.Icon\r\n\t\t\t\ticon={icon}\r\n\t\t\t\tsize=\"hc-size-8\"\r\n\t\t\t/>\r\n\t\t</Button.Anchor>\r\n\t);\r\n};\r\n\r\nRecruiterContactNav.Button = NavButton;\r\n\r\nexport default RecruiterContactNav;\r\n"],"names":["RecruiterContactNav","_ref","children","className","React","createElement","concat","NavButton","_ref2","href","_ref2$target","target","title","icon","props","_objectWithoutProperties","_excluded","Button","Anchor","_extends","variant","size","Icon"],"mappings":";;;;;AAIA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAGnB;AAAA,EAAA,IAFLC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;EAET,oBACCC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCF,SAAS,EAAA,sFAAA,CAAAG,MAAA,CAENH,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAE,EAAA,UAAA,CAAA;AAChB,GAAA,EAEDD,QACG,CAAC,CAAA;AAER,EAAC;IAEYK,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAOhB;AAAA,EAAA,IANLL,SAAS,GAAAK,KAAA,CAATL,SAAS;IACTM,IAAI,GAAAD,KAAA,CAAJC,IAAI;IAAAC,YAAA,GAAAF,KAAA,CACJG,MAAM;AAANA,IAAAA,MAAM,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,YAAA;IAChBE,KAAK,GAAAJ,KAAA,CAALI,KAAK;IACLC,IAAI,GAAAL,KAAA,CAAJK,IAAI;AACDC,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,KAAA,EAAAQ,SAAA,CAAA,CAAA;EAER,oBACCZ,cAAA,CAAAC,aAAA,CAACY,MAAM,CAACC,MAAM,EAAAC,QAAA,CAAA;AACbV,IAAAA,IAAI,EAAEA,IAAK;AACXW,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,IAAI,EAAC,IAAI;AACTV,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,KAAK,EAAEA,KAAM;AACbT,IAAAA,SAAS,EAAEA,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAA;AAAG,GAAA,EACvBW,KAAK,CAAA,eAETV,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMF,IAAAA,SAAS,EAAC,YAAA;GAAcS,EAAAA,KAAY,CAAC,eAC3CR,cAAA,CAAAC,aAAA,CAACY,MAAM,CAACK,IAAI,EAAA;AACXT,IAAAA,IAAI,EAAEA,IAAK;AACXQ,IAAAA,IAAI,EAAC,WAAA;AAAW,GAChB,CACa,CAAC,CAAA;AAElB,EAAC;AAEDrB,mBAAmB,CAACiB,MAAM,GAAGV,SAAS;;;;"}

package/dist/components/modules/list/item-expand-card/recruiter-details.js

@@ -1,40 +0,0 @@
-import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import { twMerge } from '../../../../packages/hc-ui-components/node_modules/tailwind-merge/dist/bundle-mjs.js';
-
-var _templateObject, _templateObject2, _templateObject3;
-var RecruiterDetails = function RecruiterDetails(_ref) {
-  var contactNav = _ref.contactNav,
-    className = _ref.className,
-    children = _ref.children;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: twMerge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\thc-grow\n\t\t\t\t", "\n\t\t\t"])), className !== null && className !== void 0 ? className : '')
-  }, children, contactNav && /*#__PURE__*/React__default.createElement("div", {
-    className: "hc-inline-flex"
-  }, contactNav));
-};
-var Title = function Title(_ref2) {
-  var _ref2$as = _ref2.as,
-    as = _ref2$as === void 0 ? 'h4' : _ref2$as,
-    className = _ref2.className,
-    children = _ref2.children;
-  var Container = as;
-  return /*#__PURE__*/React__default.createElement(Container, {
-    className: twMerge(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t\thc-text-base hc-font-medium\n\t\t\t\t", "\n\t\t\t"])), className !== null && className !== void 0 ? className : '')
-  }, children);
-};
-var Text = function Text(_ref3) {
-  var _ref3$as = _ref3.as,
-    as = _ref3$as === void 0 ? 'p' : _ref3$as,
-    className = _ref3.className,
-    children = _ref3.children;
-  var Container = as;
-  return /*#__PURE__*/React__default.createElement(Container, {
-    className: twMerge(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t\thc-text-sm hc-text-uiText/60\n\t\t\t\t", "\n\t\t\t"])), className !== null && className !== void 0 ? className : '')
-  }, children);
-};
-RecruiterDetails.Title = Title;
-RecruiterDetails.Text = Text;
-
-export { Text, Title, RecruiterDetails as default };
-//# sourceMappingURL=recruiter-details.js.map