@abcagency/hc-ui-components 1.3.32 → 1.3.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/modules/jobListing/listing-details.js.map +1 -1
- package/dist/components/modules/list/list-item/list-item.js +2 -2
- package/dist/components/modules/list/list-item/list-item.js.map +1 -1
- package/dist/types/components/modules/jobListing/listing-details.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/modules/jobListing/listing-details.js +109 -109
- package/src/components/modules/list/list-item/list-item.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listing-details.js","sources":["../../../../src/components/modules/jobListing/listing-details.js"],"sourcesContent":["import React from 'react';\
|
|
1
|
+
{"version":3,"file":"listing-details.js","sources":["../../../../src/components/modules/jobListing/listing-details.js"],"sourcesContent":["import React from 'react';\nimport RecruiterHeadshot from '~/components/modules/list/item-expand-card/recruiter-headshot';\nimport RecruiterDetails from '~/components/modules/list/item-expand-card/recruiter-details';\nimport RecruiterContactNav from '~/components/modules/list/item-expand-card/recruiter-contact-nav';\nimport ApplyButtonGroup from '~/components/modules/buttons/button-group-apply';\nimport CommutePill from '~/components/modules/buttons/commute-pill';\n\nconst ListingDetails = ({\n\titem,\n\trecruiter,\n\ttravelTime,\n\tuseDetailsPostMessage,\n\tnavigateToDetails,\n\tnavigateToEasyApply,\n\tLink,\n\tlinkFormat,\n\tuseApplyDialog,\n\tinternalApplyLink,\n\tcompanyName,\n\tjobsDomain,\n\ttrackEvent,\n\teventTypes\n}) => {\n\tif (!item) {\n\t\treturn null;\n\t}\n\n\tlet matchingRecruiter = recruiter;\n\tconsole.log(matchingRecruiter);\n\treturn (\n\t\t<div className=\"hc-w-full\">\n\t\t\t<div className=\"hc-grow hc-flex hc-flex-wrap hc-items-center hc-gap-4\">\n\t\t\t\t{/* {matchingRecruiter?.headshot && (\n\t\t\t\t\t<RecruiterHeadshot\n\t\t\t\t\t\timage={`${matchingRecruiter.headshot.includes(\"http\") ? '' :'https:'}${matchingRecruiter.headshot}`}\n\t\t\t\t\t\talt={matchingRecruiter?.firstName}\n\t\t\t\t\t\tclassName=\"hc-bg-gray-300\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{matchingRecruiter && (\n\t\t\t\t\t<RecruiterDetails\n\t\t\t\t\t\tcontactNav={\n\t\t\t\t\t\t\t<RecruiterContactNav>\n\t\t\t\t\t\t\t\t{matchingRecruiter?.mobilePhone && (\n\t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n\t\t\t\t\t\t\t\t\t\thref={`tel:${matchingRecruiter.mobilePhone}`}\n\t\t\t\t\t\t\t\t\t\ttitle={`Call ${matchingRecruiter.mobilePhone}`}\n\t\t\t\t\t\t\t\t\t\ticon=\"fluent:phone-32-regular\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{matchingRecruiter?.email && (\n\t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n\t\t\t\t\t\t\t\t\t\thref={`mailto:${matchingRecruiter.email}`}\n\t\t\t\t\t\t\t\t\t\ttitle={`email ${matchingRecruiter.email}`}\n\t\t\t\t\t\t\t\t\t\ticon=\"bi:envelope-at\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{matchingRecruiter?.linkedIn && (\n\t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n\t\t\t\t\t\t\t\t\t\thref={matchingRecruiter.linkedIn}\n\t\t\t\t\t\t\t\t\t\ttitle=\"LinkedIn\"\n\t\t\t\t\t\t\t\t\t\ticon=\"ant-design:linkedin-outlined\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</RecruiterContactNav>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{matchingRecruiter?.firstName || matchingRecruiter?.lastName && (\n\t\t\t\t\t\t\t<RecruiterDetails.Title>\n\t\t\t\t\t\t\t\t{`${matchingRecruiter?.firstName} ${matchingRecruiter?.lastName}`}\n\t\t\t\t\t\t\t</RecruiterDetails.Title>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{item.details?.recruiter?.title && (\n\t\t\t\t\t\t\t<RecruiterDetails.Text>\n\t\t\t\t\t\t\t\t{item.details.recruiter.title}\n\t\t\t\t\t\t\t</RecruiterDetails.Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</RecruiterDetails>\n\t\t\t\t)} */}\n\t\t\t\t<ApplyButtonGroup\n\t\t\t\t\tuseDetailsPostMessage={useDetailsPostMessage}\n\t\t\t\t\tnavigateToDetails={navigateToDetails}\n\t\t\t\t\tnavigateToEasyApply={navigateToEasyApply}\n\t\t\t\t\tLink={Link}\n\t\t\t\t\tlinkFormat={linkFormat}\n\t\t\t\t\tincludeDialog={useApplyDialog}\n\t\t\t\t\tinternalApplyLink={internalApplyLink}\n\t\t\t\t\tcompanyName={companyName}\n\t\t\t\t\tapplyUrl={item?.applyUrl}\n\t\t\t\t\titemId={item.id}\n\t\t\t\t\titem={item}\n\t\t\t\t\ttrackEvent={trackEvent}\n\t\t\t\t\teventTypes={eventTypes}\n\t\t\t\t\tdetailsUrl={item.useClientJobUrl ? item?.detailsUrl : `${jobsDomain}${item.id}`}\n\t\t\t\t\tclassName={`\n lg:hc-w-auto hc-order-first lg:hc-order-last md:hc-self-center hc-py-2 lg:hc-p-0 lg:hc-mb-0 hc-border-b lg:hc-border-none hc-border-uiAccent/20\n ${matchingRecruiter ? \"lg:hc-flex-col lg:hc-w-auto\" : \"lg:hc-flex-row\"}\n `}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"hc-w-full\">\n\t\t\t\t<CommutePill travelTime={travelTime} className=\"hc-ml-0\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default ListingDetails;\n\n"],"names":["ListingDetails","_ref","item","recruiter","travelTime","useDetailsPostMessage","navigateToDetails","navigateToEasyApply","Link","linkFormat","useApplyDialog","internalApplyLink","companyName","jobsDomain","trackEvent","eventTypes","matchingRecruiter","console","log","React","createElement","className","ApplyButtonGroup","includeDialog","applyUrl","itemId","id","detailsUrl","useClientJobUrl","concat","CommutePill"],"mappings":";;;;;AAOA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAed;AAAA,EAAA,IAdLC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,qBAAqB,GAAAJ,IAAA,CAArBI,qBAAqB;IACrBC,iBAAiB,GAAAL,IAAA,CAAjBK,iBAAiB;IACjBC,mBAAmB,GAAAN,IAAA,CAAnBM,mBAAmB;IACnBC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,iBAAiB,GAAAV,IAAA,CAAjBU,iBAAiB;IACjBC,WAAW,GAAAX,IAAA,CAAXW,WAAW;IACXC,UAAU,GAAAZ,IAAA,CAAVY,UAAU;IACVC,UAAU,GAAAb,IAAA,CAAVa,UAAU;IACVC,UAAU,GAAAd,IAAA,CAAVc,UAAU,CAAA;EAEV,IAAI,CAACb,IAAI,EAAE;AACV,IAAA,OAAO,IAAI,CAAA;AACZ,GAAA;EAEA,IAAIc,iBAAiB,GAAGb,SAAS,CAAA;AACjCc,EAAAA,OAAO,CAACC,GAAG,CAACF,iBAAiB,CAAC,CAAA;EAC9B,oBACCG,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAA;GACdF,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,uDAAA;AAAuD,GAAA,eAgDrEF,cAAA,CAAAC,aAAA,CAACE,gBAAgB,EAAA;AAChBjB,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,UAAU,EAAEA,UAAW;AACvBc,IAAAA,aAAa,EAAEb,cAAe;AAC9BC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,WAAW,EAAEA,WAAY;AACzBY,IAAAA,QAAQ,EAAEtB,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAEsB,QAAS;IACzBC,MAAM,EAAEvB,IAAI,CAACwB,EAAG;AAChBxB,IAAAA,IAAI,EAAEA,IAAK;AACXY,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,UAAU,EAAEA,UAAW;IACvBY,UAAU,EAAEzB,IAAI,CAAC0B,eAAe,GAAG1B,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEyB,UAAU,GAAAE,EAAAA,CAAAA,MAAA,CAAMhB,UAAU,CAAA,CAAAgB,MAAA,CAAG3B,IAAI,CAACwB,EAAE,CAAG;AAChFL,IAAAA,SAAS,gLAAAQ,MAAA,CAEAb,iBAAiB,GAAG,6BAA6B,GAAG,gBAAgB,EAAA,cAAA,CAAA;AACtE,GACP,CACG,CAAC,eACNG,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAA;AAAW,GAAA,eACzBF,cAAA,CAAAC,aAAA,CAACU,WAAW,EAAA;AAAC1B,IAAAA,UAAU,EAAEA,UAAW;AAACiB,IAAAA,SAAS,EAAC,SAAA;GAAW,CACtD,CACD,CAAC,CAAA;AAER;;;;"}
|
|
@@ -52,12 +52,12 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
52
52
|
},
|
|
53
53
|
className: "\n\t\t\t\thc-group hc-relative hc-flex md:hc-flex-col hc-w-full hc-text-left hc-bg-clip-border hc-border hc-border-transparent hc-break-words hc-overflow-hidden hc-cursor-pointer hc-transition-colors hover:hc-bg-uiAccent/5 focus:hover:hc-bg-uiAccent/5\n\t\t\t\t".concat(isActive ? "hc-bg-uiAccent/5 hc-border-secondary hc-border" : "hc-text-uiText hc-bg-white", "\n\t\t\t\t").concat(className !== null && className !== void 0 ? className : "", "\n\t\t\t\t")
|
|
54
54
|
}, props), /*#__PURE__*/React__default.createElement(Grid, {
|
|
55
|
-
columns: "hc-grid-flow-col hc-auto-cols-fr",
|
|
55
|
+
columns: "hc-pl-4 hc-md-pl-0 hc-grid-flow-col hc-auto-cols-fr",
|
|
56
56
|
gap: "hc-gap-0",
|
|
57
57
|
isAnimated: false,
|
|
58
58
|
className: "\n hc-block md:hc-grid hc-py-2 hc-w-full hc-grow hc-leading-tight hc-text-sm md:hc-text-xs lg:hc-text-sm\n ".concat(bodyClassName !== null && bodyClassName !== void 0 ? bodyClassName : "", "\n ")
|
|
59
59
|
}, /*#__PURE__*/React__default.createElement(Grid.Item, {
|
|
60
|
-
className: "hc-hidden md:hc-block md:hc-absolute md:hc-left-1.5 hc-top-1.5"
|
|
60
|
+
className: " hc-hidden md:hc-block md:hc-absolute md:hc-left-1.5 hc-top-1.5"
|
|
61
61
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
62
62
|
className: "hc-sr-only"
|
|
63
63
|
}, "Expand row"), /*#__PURE__*/React__default.createElement(IconContained, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-item.js","sources":["../../../../../src/components/modules/list/list-item/list-item.js"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport Grid from '~/components/modules/grid';\nimport Icon from '~/components/modules/icon';\nimport FieldMapper from '~/components/modules/list/field-mapper';\n\nconst ListItem = forwardRef(\n\t(\n\t\t{\n\t\t\tisActive,\n\t\t\tbodyClassName,\n\t\t\tclassName,\n\t\t\titem,\n\t\t\tfieldsShown,\n\t\t\tspecialFeatures,\n\t\t\tonItemSelected,\n\t\t\tshowMap,\n\t\t\tsetMobileTab,\n\t\t\thandleSettingFavorites,\n\t\t\tfavorites,\n\t\t\tincludeFavorite = true,\n\t\t\tsiteConfig,\n\t\t\ttrackEvent,\n\t\t\teventTypes,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst mapPinColor = !showMap ? null : siteConfig.colors.primary.replace(\"#\", \"\");\n\n\t\tconst handleClick = () => {\n\t\t\tif (onItemSelected) {\n\t\t\t\tonItemSelected(item);\n\t\t\t}\n\t\t};\n\t\tlet isFavorite = favorites.includes(item.id);\n\n\t\tconst handleFavouriteClick = (event, item) => {\n\t\t\tif(!includeFavorite)return;\n\t\t\tevent.stopPropagation();\n\t\t\tlet updatedFavorites;\n\t\t\tif (isFavorite) {\n\t\t\t\tupdatedFavorites = favorites.filter(fav => fav !== item.id);\n\t\t\t} else {\n\t\t\t\tupdatedFavorites = [...favorites, item.id];\n\t\t\t}\n\t\t\tisFavorite = !isFavorite;\n\t\t\thandleSettingFavorites(updatedFavorites);\n\t\t};\n\t\treturn (\n\t\t\t<button\n\t\t\t\tref={ref}\n\t\t\t\tonClick={() => { handleClick(); }}\n\t\t\t\tclassName={`\n\t\t\t\thc-group hc-relative hc-flex md:hc-flex-col hc-w-full hc-text-left hc-bg-clip-border hc-border hc-border-transparent hc-break-words hc-overflow-hidden hc-cursor-pointer hc-transition-colors hover:hc-bg-uiAccent/5 focus:hover:hc-bg-uiAccent/5\n\t\t\t\t${isActive ? \"hc-bg-uiAccent/5 hc-border-secondary hc-border\" : \"hc-text-uiText hc-bg-white\"}\n\t\t\t\t${className ?? \"\"}\n\t\t\t\t`}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Grid\n\t\t\t\t\tcolumns=\"hc-grid-flow-col hc-auto-cols-fr\"\n\t\t\t\t\tgap=\"hc-gap-0\"\n\t\t\t\t\tisAnimated={false}\n\t\t\t\t\tclassName={`\n hc-block md:hc-grid hc-py-2 hc-w-full hc-grow hc-leading-tight hc-text-sm md:hc-text-xs lg:hc-text-sm\n ${bodyClassName ?? \"\"}\n `}\n\t\t\t\t>\n\t\t\t\t\t<Grid.Item className=\"hc-hidden md:hc-block md:hc-absolute md:hc-left-1.5 hc-top-1.5\">\n\t\t\t\t\t\t<span className=\"hc-sr-only\">Expand row</span>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon=\"fluent-emoji-high-contrast:plus\"\n\t\t\t\t\t\t\tsize=\"hc-size-2.5\"\n\t\t\t\t\t\t\tclassName={`\n hc-opacity-0 hc-text-uiText/60 hc-transition group-hover:hc-opacity-100 group-active:hc-opacity-100\n ${isActive ? \"hc-opacity-100 hc-rotate-45\" : \"\"}\n `}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t\t<FieldMapper\n\t\t\t\t\t\titem={item}\n\t\t\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\t\t\tspecialFeatures={specialFeatures}\n\t\t\t\t\t\tisFavorite={isFavorite}\n\t\t\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t\t\t\thandleFavouriteClick={handleFavouriteClick}\n\t\t\t\t\t/>\n\t\t\t\t\t{includeFavorite &&\n\t\t\t\t\t<Grid.Item\n\t\t\t\t\t\tkey={\"favorites\"}\n\t\t\t\t\t\tclassName=\"hc-hidden md:hc-block hc-col-span-1 hc-px-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={isFavorite ? \"mdi:heart\" : \"mdi:heart-outline\"}\n\t\t\t\t\t\t\tsize=\"hc-size-3.5\"\n\t\t\t\t\t\t\ticonClasses={isFavorite ? \"hc-text-primary\" : \"\"}\n\t\t\t\t\t\t\ttitle={!isFavorite ? 'Add job to favorites' : 'Remove job from favorites'}\n\t\t\t\t\t\t\tclassName=\"hc-pr-2 hc-transition-opacity hc-duration-300 hc-cursor-pointer hc-opacity-100\"\n\t\t\t\t\t\t\tonClick={e => {handleFavouriteClick(e, item);}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t\t}\n\t\t\t\t</Grid>\n\t\t\t\t{showMap && (\n\t\t\t\t\t<div onClick={() => { setMobileTab(\"mapTab\"); handleClick(); }} className=\"md:hc-hidden hc-w-2/5 sm:hc-w-1/3 hc-p-1.5 hc-my-1 hc-bg-uiAccent/5 hc-border hc-border-uiAccent/10 hc-rounded-sm\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={`https://maps.googleapis.com/maps/api/staticmap?scale=2¢er=${item.mapDetails?.latitude},${item.mapDetails?.longitude}&zoom=10&size=240x180&maptype=roadmap&markers=color:0x${mapPinColor}%7Clabel:•%7C${item.mapDetails?.latitude},${item.mapDetails?.longitude}&key=${process.env.GOOGLE_MAPS_API_KEY}`}\n\t\t\t\t\t\t\talt={`Map of location for ${item.fields.position}`}\n\t\t\t\t\t\t\tclassName=\"hc-w-full hc-h-full hc-object-cover\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</button>\n\t\t);\n\t}\n);\n\nListItem.displayName = \"ListItem\";\n\nexport default React.memo(ListItem, (prevProps, nextProps) => {\n\treturn (\n\t\tprevProps.isActive === nextProps.isActive &&\n\t\tprevProps.favorites === nextProps.favorites &&\n prevProps.item.id === nextProps.item.id &&\n\tprevProps.item.fields.travelTime === nextProps.item.fields.travelTime &&\n prevProps.fieldsShown === nextProps.fieldsShown &&\n prevProps.bodyClassName === nextProps.bodyClassName &&\n prevProps.className === nextProps.className\n\t);\n});\n"],"names":["ListItem","forwardRef","_ref","ref","_item$mapDetails","_item$mapDetails2","_item$mapDetails3","_item$mapDetails4","isActive","bodyClassName","className","item","fieldsShown","specialFeatures","onItemSelected","showMap","setMobileTab","handleSettingFavorites","favorites","_ref$includeFavorite","includeFavorite","siteConfig","trackEvent","eventTypes","props","_objectWithoutProperties","_excluded","mapPinColor","colors","primary","replace","handleClick","isFavorite","includes","id","handleFavouriteClick","event","stopPropagation","updatedFavorites","filter","fav","concat","_toConsumableArray","React","createElement","_extends","onClick","Grid","columns","gap","isAnimated","Item","Icon","icon","size","FieldMapper","key","iconClasses","title","e","src","mapDetails","latitude","longitude","alt","fields","position","displayName","memo","prevProps","nextProps","travelTime"],"mappings":";;;;;;;AAKA,IAAMA,QAAQ,gBAAGC,UAAU,CAC1B,UAAAC,IAAA,EAmBCC,GAAG,EACC;AAAA,EAAA,IAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,CAAA;AAAA,EAAA,IAlBHC,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAA;IACRC,aAAa,GAAAP,IAAA,CAAbO,aAAa,CAAA;IACbC,SAAS,GAAAR,IAAA,CAATQ,SAAS,CAAA;IACTC,IAAI,GAAAT,IAAA,CAAJS,IAAI,CAAA;IACJC,WAAW,GAAAV,IAAA,CAAXU,WAAW,CAAA;IACXC,eAAe,GAAAX,IAAA,CAAfW,eAAe,CAAA;IACfC,cAAc,GAAAZ,IAAA,CAAdY,cAAc,CAAA;IACdC,OAAO,GAAAb,IAAA,CAAPa,OAAO,CAAA;IACPC,YAAY,GAAAd,IAAA,CAAZc,YAAY,CAAA;IACZC,sBAAsB,GAAAf,IAAA,CAAtBe,sBAAsB,CAAA;IACtBC,SAAS,GAAAhB,IAAA,CAATgB,SAAS,CAAA;IAAAC,oBAAA,GAAAjB,IAAA,CACTkB,eAAe,CAAA;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA,CAAA;IACtBE,UAAU,GAAAnB,IAAA,CAAVmB,UAAU,CAAA;IACAnB,IAAA,CAAVoB,UAAU,CAAA;IACApB,IAAA,CAAVqB,UAAU,CAAA;AACPC,QAAAA,KAAK,GAAAC,wBAAA,CAAAvB,IAAA,EAAAwB,SAAA,EAAA;AAIT,EAAA,IAAMC,WAAW,GAAG,CAACZ,OAAO,GAAG,IAAI,GAAGM,UAAU,CAACO,MAAM,CAACC,OAAO,CAACC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;AAEhF,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACzB,IAAA,IAAIjB,cAAc,EAAE;MACnBA,cAAc,CAACH,IAAI,CAAC,CAAA;AACrB,KAAA;GACA,CAAA;EACD,IAAIqB,UAAU,GAAGd,SAAS,CAACe,QAAQ,CAACtB,IAAI,CAACuB,EAAE,CAAC,CAAA;EAE5C,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,KAAK,EAAEzB,IAAI,EAAK;IAC7C,IAAG,CAACS,eAAe,EAAC,OAAA;IACpBgB,KAAK,CAACC,eAAe,EAAE,CAAA;AACvB,IAAA,IAAIC,gBAAgB,CAAA;AACpB,IAAA,IAAIN,UAAU,EAAE;AACfM,MAAAA,gBAAgB,GAAGpB,SAAS,CAACqB,MAAM,CAAC,UAAAC,GAAG,EAAA;AAAA,QAAA,OAAIA,GAAG,KAAK7B,IAAI,CAACuB,EAAE,CAAA;OAAC,CAAA,CAAA;AAC5D,KAAC,MAAM;MACNI,gBAAgB,GAAA,EAAA,CAAAG,MAAA,CAAAC,kBAAA,CAAOxB,SAAS,CAAEP,EAAAA,CAAAA,IAAI,CAACuB,EAAE,CAAC,CAAA,CAAA;AAC3C,KAAA;IACAF,UAAU,GAAG,CAACA,UAAU,CAAA;IACxBf,sBAAsB,CAACqB,gBAAgB,CAAC,CAAA;GACxC,CAAA;AACD,EAAA,oBACCK,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AACC1C,IAAAA,GAAG,EAAEA,GAAI;IACT2C,OAAO,EAAE,SAAAA,OAAAA,GAAM;AAAEf,MAAAA,WAAW,EAAE,CAAA;KAAI;AAClCrB,IAAAA,SAAS,0QAAA+B,MAAA,CAEPjC,QAAQ,GAAG,gDAAgD,GAAG,4BAA4B,EAAAiC,YAAAA,CAAAA,CAAAA,MAAA,CAC1F/B,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAE,EAAA,YAAA,CAAA;AACf,GAAA,EACEc,KAAK,CAETmB,eAAAA,cAAA,CAAAC,aAAA,CAACG,IAAI,EAAA;AACJC,IAAAA,OAAO,EAAC,kCAAkC;AAC1CC,IAAAA,GAAG,EAAC,UAAU;AACdC,IAAAA,UAAU,EAAE,KAAM;IAClBxC,SAAS,EAAA,mIAAA,CAAA+B,MAAA,CAEAhC,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAbA,aAAa,GAAI,EAAE,EAAA,cAAA,CAAA;AACrB,GAAA,eAEPkC,cAAA,CAAAC,aAAA,CAACG,IAAI,CAACI,IAAI,EAAA;AAACzC,IAAAA,SAAS,EAAC,gEAAA;GACpBiC,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMlC,IAAAA,SAAS,EAAC,YAAA;AAAY,GAAA,EAAC,YAAgB,CAAC,eAC9CiC,cAAA,CAAAC,aAAA,CAACQ,aAAI,EAAA;AACJC,IAAAA,IAAI,EAAC,iCAAiC;AACtCC,IAAAA,IAAI,EAAC,aAAa;AAClB5C,IAAAA,SAAS,4IAAA+B,MAAA,CAEEjC,QAAQ,GAAG,6BAA6B,GAAG,EAAE,EAAA,kBAAA,CAAA;AAC/C,GACT,CACS,CAAC,eACZmC,cAAA,CAAAC,aAAA,CAACW,WAAW,EAAA;AACX5C,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCmB,IAAAA,UAAU,EAAEA,UAAW;AACvBZ,IAAAA,eAAe,EAAEA,eAAgB;AACjCe,IAAAA,oBAAoB,EAAEA,oBAAAA;GACtB,CAAC,EACDf,eAAe,iBAChBuB,cAAA,CAAAC,aAAA,CAACG,IAAI,CAACI,IAAI,EAAA;AACTK,IAAAA,GAAG,EAAE,WAAY;AACjB9C,IAAAA,SAAS,EAAC,8CAAA;AAA8C,GAAA,eAExDiC,cAAA,CAAAC,aAAA,CAACQ,aAAI,EAAA;AACJC,IAAAA,IAAI,EAAErB,UAAU,GAAG,WAAW,GAAG,mBAAoB;AACrDsB,IAAAA,IAAI,EAAC,aAAa;AAClBG,IAAAA,WAAW,EAAEzB,UAAU,GAAG,iBAAiB,GAAG,EAAG;AACjD0B,IAAAA,KAAK,EAAE,CAAC1B,UAAU,GAAG,sBAAsB,GAAG,2BAA4B;AAC1EtB,IAAAA,SAAS,EAAC,gFAAgF;AAC1FoC,IAAAA,OAAO,EAAE,SAAAA,OAAAa,CAAAA,CAAC,EAAI;AAACxB,MAAAA,oBAAoB,CAACwB,CAAC,EAAEhD,IAAI,CAAC,CAAA;AAAC,KAAA;GAC7C,CACS,CAEN,CAAC,EACNI,OAAO,iBACP4B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKE,OAAO,EAAE,SAAAA,OAAAA,GAAM;MAAE9B,YAAY,CAAC,QAAQ,CAAC,CAAA;AAAEe,MAAAA,WAAW,EAAE,CAAA;KAAI;AAACrB,IAAAA,SAAS,EAAC,mHAAA;GACzEiC,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACCgB,IAAAA,GAAG,EAAAnB,gEAAAA,CAAAA,MAAA,CAAArC,CAAAA,gBAAA,GAAmEO,IAAI,CAACkD,UAAU,MAAAzD,IAAAA,IAAAA,gBAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAiB0D,QAAQ,EAAArB,GAAAA,CAAAA,CAAAA,MAAA,CAAApC,CAAAA,iBAAA,GAAIM,IAAI,CAACkD,UAAU,MAAAxD,IAAAA,IAAAA,iBAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,iBAAA,CAAiB0D,SAAS,4DAAAtB,MAAA,CAAyDd,WAAW,EAAA,oBAAA,CAAA,CAAAc,MAAA,CAAA,CAAAnC,iBAAA,GAAgBK,IAAI,CAACkD,UAAU,MAAA,IAAA,IAAAvD,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,iBAAA,CAAiBwD,QAAQ,EAAA,GAAA,CAAA,CAAArB,MAAA,CAAA,CAAAlC,iBAAA,GAAII,IAAI,CAACkD,UAAU,MAAA,IAAA,IAAAtD,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,iBAAA,CAAiBwD,SAAS,EAAA,OAAA,EAAQ,yCAA+B,CAAG;IAClTC,GAAG,EAAA,sBAAA,CAAAvB,MAAA,CAAyB9B,IAAI,CAACsD,MAAM,CAACC,QAAQ,CAAG;AACnDxD,IAAAA,SAAS,EAAC,qCAAA;GACV,CACG,CAEC,CAAC,CAAA;AAEX,CACD,CAAC,CAAA;AAEDV,QAAQ,CAACmE,WAAW,GAAG,UAAU,CAAA;AAEjC,iBAAexB,aAAAA,cAAK,CAACyB,IAAI,CAACpE,QAAQ,EAAE,UAACqE,SAAS,EAAEC,SAAS,EAAK;AAC7D,EAAA,OACCD,SAAS,CAAC7D,QAAQ,KAAK8D,SAAS,CAAC9D,QAAQ,IACzC6D,SAAS,CAACnD,SAAS,KAAKoD,SAAS,CAACpD,SAAS,IACzCmD,SAAS,CAAC1D,IAAI,CAACuB,EAAE,KAAKoC,SAAS,CAAC3D,IAAI,CAACuB,EAAE,IAC1CmC,SAAS,CAAC1D,IAAI,CAACsD,MAAM,CAACM,UAAU,KAAKD,SAAS,CAAC3D,IAAI,CAACsD,MAAM,CAACM,UAAU,IAClEF,SAAS,CAACzD,WAAW,KAAK0D,SAAS,CAAC1D,WAAW,IAC/CyD,SAAS,CAAC5D,aAAa,KAAK6D,SAAS,CAAC7D,aAAa,IACnD4D,SAAS,CAAC3D,SAAS,KAAK4D,SAAS,CAAC5D,SAAS,CAAA;AAE/C,CAAC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"list-item.js","sources":["../../../../../src/components/modules/list/list-item/list-item.js"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport Grid from '~/components/modules/grid';\nimport Icon from '~/components/modules/icon';\nimport FieldMapper from '~/components/modules/list/field-mapper';\n\nconst ListItem = forwardRef(\n\t(\n\t\t{\n\t\t\tisActive,\n\t\t\tbodyClassName,\n\t\t\tclassName,\n\t\t\titem,\n\t\t\tfieldsShown,\n\t\t\tspecialFeatures,\n\t\t\tonItemSelected,\n\t\t\tshowMap,\n\t\t\tsetMobileTab,\n\t\t\thandleSettingFavorites,\n\t\t\tfavorites,\n\t\t\tincludeFavorite = true,\n\t\t\tsiteConfig,\n\t\t\ttrackEvent,\n\t\t\teventTypes,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst mapPinColor = !showMap ? null : siteConfig.colors.primary.replace(\"#\", \"\");\n\n\t\tconst handleClick = () => {\n\t\t\tif (onItemSelected) {\n\t\t\t\tonItemSelected(item);\n\t\t\t}\n\t\t};\n\t\tlet isFavorite = favorites.includes(item.id);\n\n\t\tconst handleFavouriteClick = (event, item) => {\n\t\t\tif(!includeFavorite)return;\n\t\t\tevent.stopPropagation();\n\t\t\tlet updatedFavorites;\n\t\t\tif (isFavorite) {\n\t\t\t\tupdatedFavorites = favorites.filter(fav => fav !== item.id);\n\t\t\t} else {\n\t\t\t\tupdatedFavorites = [...favorites, item.id];\n\t\t\t}\n\t\t\tisFavorite = !isFavorite;\n\t\t\thandleSettingFavorites(updatedFavorites);\n\t\t};\n\t\treturn (\n\t\t\t<button\n\t\t\t\tref={ref}\n\t\t\t\tonClick={() => { handleClick(); }}\n\t\t\t\tclassName={`\n\t\t\t\thc-group hc-relative hc-flex md:hc-flex-col hc-w-full hc-text-left hc-bg-clip-border hc-border hc-border-transparent hc-break-words hc-overflow-hidden hc-cursor-pointer hc-transition-colors hover:hc-bg-uiAccent/5 focus:hover:hc-bg-uiAccent/5\n\t\t\t\t${isActive ? \"hc-bg-uiAccent/5 hc-border-secondary hc-border\" : \"hc-text-uiText hc-bg-white\"}\n\t\t\t\t${className ?? \"\"}\n\t\t\t\t`}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Grid\n\t\t\t\t\tcolumns=\"hc-pl-4 hc-md-pl-0 hc-grid-flow-col hc-auto-cols-fr\"\n\t\t\t\t\tgap=\"hc-gap-0\"\n\t\t\t\t\tisAnimated={false}\n\t\t\t\t\tclassName={`\n hc-block md:hc-grid hc-py-2 hc-w-full hc-grow hc-leading-tight hc-text-sm md:hc-text-xs lg:hc-text-sm\n ${bodyClassName ?? \"\"}\n `}\n\t\t\t\t>\n\t\t\t\t\t<Grid.Item className=\" hc-hidden md:hc-block md:hc-absolute md:hc-left-1.5 hc-top-1.5\">\n\t\t\t\t\t\t<span className=\"hc-sr-only\">Expand row</span>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon=\"fluent-emoji-high-contrast:plus\"\n\t\t\t\t\t\t\tsize=\"hc-size-2.5\"\n\t\t\t\t\t\t\tclassName={`\n hc-opacity-0 hc-text-uiText/60 hc-transition group-hover:hc-opacity-100 group-active:hc-opacity-100\n ${isActive ? \"hc-opacity-100 hc-rotate-45\" : \"\"}\n `}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t\t<FieldMapper\n\t\t\t\t\t\titem={item}\n\t\t\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\t\t\tspecialFeatures={specialFeatures}\n\t\t\t\t\t\tisFavorite={isFavorite}\n\t\t\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t\t\t\thandleFavouriteClick={handleFavouriteClick}\n\t\t\t\t\t/>\n\t\t\t\t\t{includeFavorite &&\n\t\t\t\t\t<Grid.Item\n\t\t\t\t\t\tkey={\"favorites\"}\n\t\t\t\t\t\tclassName=\"hc-hidden md:hc-block hc-col-span-1 hc-px-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={isFavorite ? \"mdi:heart\" : \"mdi:heart-outline\"}\n\t\t\t\t\t\t\tsize=\"hc-size-3.5\"\n\t\t\t\t\t\t\ticonClasses={isFavorite ? \"hc-text-primary\" : \"\"}\n\t\t\t\t\t\t\ttitle={!isFavorite ? 'Add job to favorites' : 'Remove job from favorites'}\n\t\t\t\t\t\t\tclassName=\"hc-pr-2 hc-transition-opacity hc-duration-300 hc-cursor-pointer hc-opacity-100\"\n\t\t\t\t\t\t\tonClick={e => {handleFavouriteClick(e, item);}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t\t}\n\t\t\t\t</Grid>\n\t\t\t\t{showMap && (\n\t\t\t\t\t<div onClick={() => { setMobileTab(\"mapTab\"); handleClick(); }} className=\"md:hc-hidden hc-w-2/5 sm:hc-w-1/3 hc-p-1.5 hc-my-1 hc-bg-uiAccent/5 hc-border hc-border-uiAccent/10 hc-rounded-sm\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={`https://maps.googleapis.com/maps/api/staticmap?scale=2¢er=${item.mapDetails?.latitude},${item.mapDetails?.longitude}&zoom=10&size=240x180&maptype=roadmap&markers=color:0x${mapPinColor}%7Clabel:•%7C${item.mapDetails?.latitude},${item.mapDetails?.longitude}&key=${process.env.GOOGLE_MAPS_API_KEY}`}\n\t\t\t\t\t\t\talt={`Map of location for ${item.fields.position}`}\n\t\t\t\t\t\t\tclassName=\"hc-w-full hc-h-full hc-object-cover\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</button>\n\t\t);\n\t}\n);\n\nListItem.displayName = \"ListItem\";\n\nexport default React.memo(ListItem, (prevProps, nextProps) => {\n\treturn (\n\t\tprevProps.isActive === nextProps.isActive &&\n\t\tprevProps.favorites === nextProps.favorites &&\n prevProps.item.id === nextProps.item.id &&\n\tprevProps.item.fields.travelTime === nextProps.item.fields.travelTime &&\n prevProps.fieldsShown === nextProps.fieldsShown &&\n prevProps.bodyClassName === nextProps.bodyClassName &&\n prevProps.className === nextProps.className\n\t);\n});\n"],"names":["ListItem","forwardRef","_ref","ref","_item$mapDetails","_item$mapDetails2","_item$mapDetails3","_item$mapDetails4","isActive","bodyClassName","className","item","fieldsShown","specialFeatures","onItemSelected","showMap","setMobileTab","handleSettingFavorites","favorites","_ref$includeFavorite","includeFavorite","siteConfig","trackEvent","eventTypes","props","_objectWithoutProperties","_excluded","mapPinColor","colors","primary","replace","handleClick","isFavorite","includes","id","handleFavouriteClick","event","stopPropagation","updatedFavorites","filter","fav","concat","_toConsumableArray","React","createElement","_extends","onClick","Grid","columns","gap","isAnimated","Item","Icon","icon","size","FieldMapper","key","iconClasses","title","e","src","mapDetails","latitude","longitude","alt","fields","position","displayName","memo","prevProps","nextProps","travelTime"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default ListingDetails;
|
|
2
|
-
declare function ListingDetails({ item, recruiter, travelTime, useDetailsPostMessage, navigateToDetails, navigateToEasyApply, Link, linkFormat, useApplyDialog, internalApplyLink, companyName, jobsDomain, trackEvent, eventTypes
|
|
2
|
+
declare function ListingDetails({ item, recruiter, travelTime, useDetailsPostMessage, navigateToDetails, navigateToEasyApply, Link, linkFormat, useApplyDialog, internalApplyLink, companyName, jobsDomain, trackEvent, eventTypes }: {
|
|
3
3
|
item: any;
|
|
4
4
|
recruiter: any;
|
|
5
5
|
travelTime: any;
|
package/package.json
CHANGED
|
@@ -1,109 +1,109 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import RecruiterHeadshot from '~/components/modules/list/item-expand-card/recruiter-headshot';
|
|
3
|
-
import RecruiterDetails from '~/components/modules/list/item-expand-card/recruiter-details';
|
|
4
|
-
import RecruiterContactNav from '~/components/modules/list/item-expand-card/recruiter-contact-nav';
|
|
5
|
-
import ApplyButtonGroup from '~/components/modules/buttons/button-group-apply';
|
|
6
|
-
import CommutePill from '~/components/modules/buttons/commute-pill';
|
|
7
|
-
|
|
8
|
-
const ListingDetails = ({
|
|
9
|
-
item,
|
|
10
|
-
recruiter,
|
|
11
|
-
travelTime,
|
|
12
|
-
useDetailsPostMessage,
|
|
13
|
-
navigateToDetails,
|
|
14
|
-
navigateToEasyApply,
|
|
15
|
-
Link,
|
|
16
|
-
linkFormat,
|
|
17
|
-
useApplyDialog,
|
|
18
|
-
internalApplyLink,
|
|
19
|
-
companyName,
|
|
20
|
-
jobsDomain,
|
|
21
|
-
trackEvent,
|
|
22
|
-
eventTypes
|
|
23
|
-
}) => {
|
|
24
|
-
if (!item) {
|
|
25
|
-
return null;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
let matchingRecruiter = recruiter;
|
|
29
|
-
console.log(matchingRecruiter);
|
|
30
|
-
return (
|
|
31
|
-
<div className="hc-w-full">
|
|
32
|
-
<div className="hc-grow hc-flex hc-flex-wrap hc-items-center hc-gap-4">
|
|
33
|
-
{/* {matchingRecruiter?.headshot && (
|
|
34
|
-
<RecruiterHeadshot
|
|
35
|
-
image={`${matchingRecruiter.headshot.includes("http") ? '' :'https:'}${matchingRecruiter.headshot}`}
|
|
36
|
-
alt={matchingRecruiter?.firstName}
|
|
37
|
-
className="hc-bg-gray-300"
|
|
38
|
-
/>
|
|
39
|
-
)}
|
|
40
|
-
{matchingRecruiter && (
|
|
41
|
-
<RecruiterDetails
|
|
42
|
-
contactNav={
|
|
43
|
-
<RecruiterContactNav>
|
|
44
|
-
{matchingRecruiter?.mobilePhone && (
|
|
45
|
-
<RecruiterContactNav.Button
|
|
46
|
-
href={`tel:${matchingRecruiter.mobilePhone}`}
|
|
47
|
-
title={`Call ${matchingRecruiter.mobilePhone}`}
|
|
48
|
-
icon="fluent:phone-32-regular"
|
|
49
|
-
/>
|
|
50
|
-
)}
|
|
51
|
-
{matchingRecruiter?.email && (
|
|
52
|
-
<RecruiterContactNav.Button
|
|
53
|
-
href={`mailto:${matchingRecruiter.email}`}
|
|
54
|
-
title={`email ${matchingRecruiter.email}`}
|
|
55
|
-
icon="bi:envelope-at"
|
|
56
|
-
/>
|
|
57
|
-
)}
|
|
58
|
-
{matchingRecruiter?.linkedIn && (
|
|
59
|
-
<RecruiterContactNav.Button
|
|
60
|
-
href={matchingRecruiter.linkedIn}
|
|
61
|
-
title="LinkedIn"
|
|
62
|
-
icon="ant-design:linkedin-outlined"
|
|
63
|
-
/>
|
|
64
|
-
)}
|
|
65
|
-
</RecruiterContactNav>
|
|
66
|
-
}
|
|
67
|
-
>
|
|
68
|
-
{matchingRecruiter?.firstName || matchingRecruiter?.lastName && (
|
|
69
|
-
<RecruiterDetails.Title>
|
|
70
|
-
{`${matchingRecruiter?.firstName} ${matchingRecruiter?.lastName}`}
|
|
71
|
-
</RecruiterDetails.Title>
|
|
72
|
-
)}
|
|
73
|
-
{item.details?.recruiter?.title && (
|
|
74
|
-
<RecruiterDetails.Text>
|
|
75
|
-
{item.details.recruiter.title}
|
|
76
|
-
</RecruiterDetails.Text>
|
|
77
|
-
)}
|
|
78
|
-
</RecruiterDetails>
|
|
79
|
-
)} */}
|
|
80
|
-
<ApplyButtonGroup
|
|
81
|
-
useDetailsPostMessage={useDetailsPostMessage}
|
|
82
|
-
navigateToDetails={navigateToDetails}
|
|
83
|
-
navigateToEasyApply={navigateToEasyApply}
|
|
84
|
-
Link={Link}
|
|
85
|
-
linkFormat={linkFormat}
|
|
86
|
-
includeDialog={useApplyDialog}
|
|
87
|
-
internalApplyLink={internalApplyLink}
|
|
88
|
-
companyName={companyName}
|
|
89
|
-
applyUrl={item?.applyUrl}
|
|
90
|
-
itemId={item.id}
|
|
91
|
-
item={item}
|
|
92
|
-
trackEvent={trackEvent}
|
|
93
|
-
eventTypes={eventTypes}
|
|
94
|
-
detailsUrl={item.useClientJobUrl ? item?.detailsUrl : `${jobsDomain}${item.id}`}
|
|
95
|
-
className={`
|
|
96
|
-
lg:hc-w-auto hc-order-first lg:hc-order-last md:hc-self-center hc-py-2 lg:hc-p-0 lg:hc-mb-0 hc-border-b lg:hc-border-none hc-border-uiAccent/20
|
|
97
|
-
${matchingRecruiter ? "lg:hc-flex-col lg:hc-w-auto" : "lg:hc-flex-row"}
|
|
98
|
-
`}
|
|
99
|
-
/>
|
|
100
|
-
</div>
|
|
101
|
-
<div className="hc-w-full">
|
|
102
|
-
<CommutePill travelTime={travelTime} className="hc-ml-0" />
|
|
103
|
-
</div>
|
|
104
|
-
</div>
|
|
105
|
-
);
|
|
106
|
-
};
|
|
107
|
-
|
|
108
|
-
export default ListingDetails;
|
|
109
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import RecruiterHeadshot from '~/components/modules/list/item-expand-card/recruiter-headshot';
|
|
3
|
+
import RecruiterDetails from '~/components/modules/list/item-expand-card/recruiter-details';
|
|
4
|
+
import RecruiterContactNav from '~/components/modules/list/item-expand-card/recruiter-contact-nav';
|
|
5
|
+
import ApplyButtonGroup from '~/components/modules/buttons/button-group-apply';
|
|
6
|
+
import CommutePill from '~/components/modules/buttons/commute-pill';
|
|
7
|
+
|
|
8
|
+
const ListingDetails = ({
|
|
9
|
+
item,
|
|
10
|
+
recruiter,
|
|
11
|
+
travelTime,
|
|
12
|
+
useDetailsPostMessage,
|
|
13
|
+
navigateToDetails,
|
|
14
|
+
navigateToEasyApply,
|
|
15
|
+
Link,
|
|
16
|
+
linkFormat,
|
|
17
|
+
useApplyDialog,
|
|
18
|
+
internalApplyLink,
|
|
19
|
+
companyName,
|
|
20
|
+
jobsDomain,
|
|
21
|
+
trackEvent,
|
|
22
|
+
eventTypes
|
|
23
|
+
}) => {
|
|
24
|
+
if (!item) {
|
|
25
|
+
return null;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
let matchingRecruiter = recruiter;
|
|
29
|
+
console.log(matchingRecruiter);
|
|
30
|
+
return (
|
|
31
|
+
<div className="hc-w-full">
|
|
32
|
+
<div className="hc-grow hc-flex hc-flex-wrap hc-items-center hc-gap-4">
|
|
33
|
+
{/* {matchingRecruiter?.headshot && (
|
|
34
|
+
<RecruiterHeadshot
|
|
35
|
+
image={`${matchingRecruiter.headshot.includes("http") ? '' :'https:'}${matchingRecruiter.headshot}`}
|
|
36
|
+
alt={matchingRecruiter?.firstName}
|
|
37
|
+
className="hc-bg-gray-300"
|
|
38
|
+
/>
|
|
39
|
+
)}
|
|
40
|
+
{matchingRecruiter && (
|
|
41
|
+
<RecruiterDetails
|
|
42
|
+
contactNav={
|
|
43
|
+
<RecruiterContactNav>
|
|
44
|
+
{matchingRecruiter?.mobilePhone && (
|
|
45
|
+
<RecruiterContactNav.Button
|
|
46
|
+
href={`tel:${matchingRecruiter.mobilePhone}`}
|
|
47
|
+
title={`Call ${matchingRecruiter.mobilePhone}`}
|
|
48
|
+
icon="fluent:phone-32-regular"
|
|
49
|
+
/>
|
|
50
|
+
)}
|
|
51
|
+
{matchingRecruiter?.email && (
|
|
52
|
+
<RecruiterContactNav.Button
|
|
53
|
+
href={`mailto:${matchingRecruiter.email}`}
|
|
54
|
+
title={`email ${matchingRecruiter.email}`}
|
|
55
|
+
icon="bi:envelope-at"
|
|
56
|
+
/>
|
|
57
|
+
)}
|
|
58
|
+
{matchingRecruiter?.linkedIn && (
|
|
59
|
+
<RecruiterContactNav.Button
|
|
60
|
+
href={matchingRecruiter.linkedIn}
|
|
61
|
+
title="LinkedIn"
|
|
62
|
+
icon="ant-design:linkedin-outlined"
|
|
63
|
+
/>
|
|
64
|
+
)}
|
|
65
|
+
</RecruiterContactNav>
|
|
66
|
+
}
|
|
67
|
+
>
|
|
68
|
+
{matchingRecruiter?.firstName || matchingRecruiter?.lastName && (
|
|
69
|
+
<RecruiterDetails.Title>
|
|
70
|
+
{`${matchingRecruiter?.firstName} ${matchingRecruiter?.lastName}`}
|
|
71
|
+
</RecruiterDetails.Title>
|
|
72
|
+
)}
|
|
73
|
+
{item.details?.recruiter?.title && (
|
|
74
|
+
<RecruiterDetails.Text>
|
|
75
|
+
{item.details.recruiter.title}
|
|
76
|
+
</RecruiterDetails.Text>
|
|
77
|
+
)}
|
|
78
|
+
</RecruiterDetails>
|
|
79
|
+
)} */}
|
|
80
|
+
<ApplyButtonGroup
|
|
81
|
+
useDetailsPostMessage={useDetailsPostMessage}
|
|
82
|
+
navigateToDetails={navigateToDetails}
|
|
83
|
+
navigateToEasyApply={navigateToEasyApply}
|
|
84
|
+
Link={Link}
|
|
85
|
+
linkFormat={linkFormat}
|
|
86
|
+
includeDialog={useApplyDialog}
|
|
87
|
+
internalApplyLink={internalApplyLink}
|
|
88
|
+
companyName={companyName}
|
|
89
|
+
applyUrl={item?.applyUrl}
|
|
90
|
+
itemId={item.id}
|
|
91
|
+
item={item}
|
|
92
|
+
trackEvent={trackEvent}
|
|
93
|
+
eventTypes={eventTypes}
|
|
94
|
+
detailsUrl={item.useClientJobUrl ? item?.detailsUrl : `${jobsDomain}${item.id}`}
|
|
95
|
+
className={`
|
|
96
|
+
lg:hc-w-auto hc-order-first lg:hc-order-last md:hc-self-center hc-py-2 lg:hc-p-0 lg:hc-mb-0 hc-border-b lg:hc-border-none hc-border-uiAccent/20
|
|
97
|
+
${matchingRecruiter ? "lg:hc-flex-col lg:hc-w-auto" : "lg:hc-flex-row"}
|
|
98
|
+
`}
|
|
99
|
+
/>
|
|
100
|
+
</div>
|
|
101
|
+
<div className="hc-w-full">
|
|
102
|
+
<CommutePill travelTime={travelTime} className="hc-ml-0" />
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
);
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
export default ListingDetails;
|
|
109
|
+
|