*/}\r\n
\r\n
\r\n
\r\n
\r\n
{props?.heading}
\r\n \r\n
\r\n props?.closeModal()}\r\n // onClick={() => setShowModal(false)}\r\n >\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n | {props?.JobTitle} | \r\n {jobtitle}\r\n
\r\n \r\n | {props?.Company} | \r\n {companyName}\r\n
\r\n \r\n | {props?.Location} | \r\n {location}\r\n
\r\n {/* \r\n | {props?.StartDate} | \r\n {startDate}\r\n
*/}\r\n \r\n | {props?.DatePosted} | \r\n {datePosted}\r\n
\r\n \r\n | {props?.Deadline} | \r\n {deadline}\r\n
\r\n \r\n | {props?.Salary} | \r\n {salary}\r\n
\r\n \r\n | {props?.EmploymentType} | \r\n {employmentType}\r\n
\r\n \r\n | {props?.ContractType} | \r\n {contractType}\r\n
\r\n \r\n | {props?.JobDescription} | \r\n {description}\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {/* )} */}\r\n \r\n );\r\n};\r\n\r\nexport default JobCompareModal;\r\n","//-----------------------------------------------------------------------\r\n// Copyright © 2022 ManpowerGroup. All Rights Reserved.\r\n//-----------------------------------------------------------------------\r\n\r\nimport React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport * as Cirrus from \"manpowergroup-cirrus\";\r\nimport { Context } from \"../../common/context/Context\";\r\nimport \"./Job.css\";\r\nimport Moment from \"moment\";\r\nimport { MyProfileActions } from \"../myProfile/MyProfileActions\";\r\nimport { JobActions } from \"./JobActions\";\r\nimport JobCard from \"./JobCard\";\r\nimport Spinner from \"../../common/components/spinner-loader/Spinner\";\r\nimport Matchsetup from \"./matchsetup\";\r\nimport JobDetails from \"./JobDetails\";\r\nimport { DashboardActions } from \"../dashBoard/dashboardActions\";\r\nimport countryToCurrency from \"country-to-currency\";\r\nimport {\r\n useAppInsightsContext,\r\n useTrackEvent,\r\n} from \"@microsoft/applicationinsights-react-js\";\r\nimport { TrackActions } from \"../../common/utility/LogAction\";\r\nimport { globalDateFormat } from \"../../common/helpers/DateTimeHelper\";\r\nimport JobCompareModal from \"./jobCompare/JobCompareModal\";\r\n\r\nfunction JobMatchesTab({\r\n JDshowHide,\r\n masterCountryLists,\r\n matchCMSData,\r\n jobCardCMSData,\r\n searchCMSData,\r\n tabStatus,\r\n saveUnsaveJobId,\r\n}) {\r\n const context = useContext(Context);\r\n const [isMobile, setIsMobile] = useState(false);\r\n const [isFilterOpen, setIsFilterOpen] = useState(true);\r\n const [isSaveSearchOpen, setIsSaveSearchOpen] = useState(false);\r\n const [isCompareJobsOpen, setIsCompareJobsOpen] = useState(false);\r\n const [saveSearchReferenceElement, setSaveSearchReferenceElement] =\r\n useState(null);\r\n const [compareJobsButtonRef, setCompareJobsButtonRef] = useState(null);\r\n const [extractMatchQuery, setExtractMatchQuery] = useState(\"\");\r\n const [preferredName, setPreferredName] = useState();\r\n const [resultCount, setResultCount] = useState(\"\");\r\n const [jobLoader, setJobLoader] = useState(false);\r\n const [screenLoader, setScreenLoader] = useState(false);\r\n /* Job match Notification constants */\r\n const [parsedJSON, setParsedJSON] = useState();\r\n const [notificationUpdated, setNotificationUpdated] = useState(false);\r\n const [notificationModal, setNotificationModal] = useState(false);\r\n const [hasOpted, setHasOpted] = useState(false);\r\n const [isDaily, setIsDaily] = useState(false);\r\n const [notificationPref, setNotificationPref] = useState(false);\r\n const [firstResume, setFirstResume] = useState(true);\r\n\r\n const [hasOptedPrev, setHasOptedPrev] = useState(false);\r\n const [isDailyPrev, setIsDailyPrev] = useState(false);\r\n\r\n const [filteredCountryList, setFilteredCountryList] = useState();\r\n const [countryMasterListNotification, setCountryMasterListNotification] =\r\n useState([]);\r\n const [isCountryNotification, setIsCountryNotification] = useState(false);\r\n const [countryListsNotification, setCountryListsNotification] = useState([]);\r\n const [selectedCountryNotification, setSelectedCountryNotification] =\r\n useState();\r\n const [selectedCountryCodeNotification, setSelectedCountryCodeNotification] =\r\n useState();\r\n const [isLocationNotification, setIsLocationNotification] = useState(false);\r\n const [locationListsNotification, setLocationListsNotification] = useState(\r\n []\r\n );\r\n const [selectedLocationNotification, setSelectedLocationNotification] =\r\n useState();\r\n const [city, setCity] = useState(\"\");\r\n //const [distance, setDistance] = useState(\"\");\r\n //const[masterDistance, setMasterDistance] = useState([]);\r\n const [countryCode, setCountryCode] = useState(\"\");\r\n const [masterContractType, setMasterContractType] = useState([]);\r\n const [masterEmploymentType, setMasterEmploymentType] = useState([]);\r\n const [masterSalaryRange, setMasterSalaryRange] = useState([]);\r\n const [newResumeAlert, setNewResumeAlert] = useState(false);\r\n const [parsedString, setParsedString] = useState(\"\");\r\n const [jobTitle, setJobTitle] = useState(\"\");\r\n const [jobTitleState, setJobTitleState] = useState(\"\");\r\n const [resumeIndex, setResumeIndex] = useState(0);\r\n const [allResumeData, setAllResumeData] = useState([]);\r\n const [editTitleModal, setEditTitleModal] = useState(false);\r\n const [deleteProfileModal, setDeleteProfileModal] = useState(false);\r\n const [jobProfileNameErrorMsg, setJobProfileNameErrorMsg] = useState(\"\");\r\n const [filterResultForm, setFilterResultForm] = useState({\r\n isFilterApplied: false,\r\n applyButtonStatus: true,\r\n salary: {\r\n name: \"salary\",\r\n concatValue: \"\",\r\n value: [],\r\n },\r\n company: {\r\n name: \"company\",\r\n concatValue: \"\",\r\n value: \"\",\r\n },\r\n contractType: {\r\n name: \"contractType\",\r\n concatValue: \"\",\r\n value: [],\r\n },\r\n employmentType: {\r\n name: \"employmentType\",\r\n concatValue: \"\",\r\n value: [],\r\n },\r\n });\r\n\r\n const [sortByValue, setSortByValue] = useState('_score');\r\n const [sortByValues, setSortByValues] = useState([]);\r\n const [isSortOpen, setIsSortOpen] = useState(false);\r\n //const [defaultSortOption, setDefaultSortOption] = useState('Relevance');\r\n\r\n const[searchInput, setSearchInput] = useState ('');\r\n\r\n const [dropdownOpen, setDropdownOpen] = useState(false);\r\n const [selectedOption, setSelectedOption] = useState(null);\r\n const dropdownRef = useRef(null);\r\n\r\n const appInsights = useAppInsightsContext();\r\n\r\n const toggleDropdown = () => {\r\n setIsSortOpen(!isSortOpen);\r\n setDropdownOpen(!dropdownOpen);\r\n };\r\n const handleSelect = (option) => {\r\n setSelectedOption(option);\r\n setIsSortOpen(false);\r\n setDropdownOpen(false); // Close dropdown after selection\r\n sortByFilter(option);\r\n };\r\n\r\n const [candidateLastLoginData, setCandidateLastLoginData] = useState(\"\");\r\n // Get candidate last login\r\n const fetchCandidateLastLogin = async () => {\r\n await DashboardActions.GetLastSession().then(\r\n (res) => {\r\n if (res.status === 200) {\r\n setCandidateLastLoginData(res?.data?.loginDate);\r\n }\r\n },\r\n (err) => {\r\n console.log(err);\r\n }\r\n );\r\n };\r\n useEffect(() => {\r\n fetchCandidateLastLogin();\r\n }, [candidateLastLoginData]);\r\n\r\n const handleClickOutside = (event) => {\r\n if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {\r\n setIsSortOpen(false);\r\n setDropdownOpen(false);\r\n }\r\n };\r\n useEffect(() => {\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => {\r\n document.removeEventListener(\"mousedown\", handleClickOutside);\r\n };\r\n }, []);\r\n\r\n const getManpowerLogo = (key) => {\r\n let imageList =\r\n jobCardCMSData &&\r\n jobCardCMSData.pageContent &&\r\n jobCardCMSData.pageContent.ImageList &&\r\n jobCardCMSData.pageContent.ImageList;\r\n let imageURL = \"\";\r\n if (imageList) {\r\n imageList.map((x) => {\r\n if (x.Key === key) {\r\n imageURL = x.ImageURL;\r\n }\r\n });\r\n }\r\n return imageURL;\r\n };\r\n\r\n const fetchJobCardCMSData = (key) => {\r\n let label = \"\";\r\n if (jobCardCMSData?.pageContent?.Labels) {\r\n jobCardCMSData?.pageContent?.Labels.map((x) => {\r\n if (x.Key === key) {\r\n label = x.Phrase;\r\n }\r\n });\r\n }\r\n return label;\r\n };\r\n\r\n useEffect(() => {\r\n const handleResize = () => {\r\n setTimeout(() => {\r\n setIsMobile(window.innerWidth < Cirrus.devices.Desktop);\r\n setIsFilterOpen(window.innerWidth > Cirrus.devices.Tablet);\r\n }, 250);\r\n };\r\n\r\n handleResize();\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (masterCountryLists.length) {\r\n setCountryMasterListNotification(masterCountryLists);\r\n masterCountryLists?.map((country, id) => {\r\n const list = masterCountryLists?.map((country) => country.name);\r\n setCountryListsNotification(list);\r\n });\r\n }\r\n }, [masterCountryLists]);\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n if (tabStatus.matchesTab === true) {\r\n fnLoadPersonalInfoData();\r\n checkResumeUploadStatus();\r\n }\r\n TrackActions.PageViewRecord(appInsights, \"Job Match\");\r\n TrackActions.PageAction(\"Job Match\");\r\n }, []);\r\n\r\n // useEffect(() => {\r\n // checkResumeUploadStatus();\r\n // }, [resumeIndex])\r\n\r\n const fnLoadPersonalInfoData = async () => {\r\n let candidateID =\r\n context?.idTokenClaims?.signupId != undefined\r\n ? context?.idTokenClaims?.signupId\r\n : JSON.parse(window.sessionStorage.getItem(\"setIdTokenClaims\"))[\r\n \"signupId\"\r\n ];\r\n try {\r\n let Profilejson = {};\r\n if (candidateID != \"\") {\r\n const res = await MyProfileActions.GetcandidateProfile(candidateID);\r\n if (res.status === 200) {\r\n Profilejson = res.data;\r\n if (res?.data?.preferredName !== \"\") {\r\n setPreferredName(Profilejson.preferredName);\r\n } else {\r\n setPreferredName(res?.data?.firstName);\r\n }\r\n } else {\r\n Profilejson = {};\r\n }\r\n } else {\r\n Profilejson = {};\r\n }\r\n return Profilejson;\r\n } catch (error) {\r\n return {};\r\n }\r\n };\r\n\r\n const fetchJobGreetingsLabel = (Key) => {\r\n if (matchCMSData.pageContent[\"JobSearch.JobGreetings\"]) {\r\n let refJobGreetingsLabel = JSON.parse(\r\n JSON.stringify(matchCMSData.pageContent[\"JobSearch.JobGreetings\"])\r\n );\r\n let label = \"\";\r\n if (refJobGreetingsLabel?.Labels) {\r\n refJobGreetingsLabel?.Labels.map((x) => {\r\n if (x.Key === Key) {\r\n label = x.Phrase;\r\n }\r\n });\r\n }\r\n return label;\r\n }\r\n };\r\n\r\n const fetchJobMatchModalLabel = (Key) => {\r\n if (matchCMSData.pageContent[\"JobSearch.JobMatchSetUpModal\"]) {\r\n let refJobMatchModalLabel = JSON.parse(\r\n JSON.stringify(matchCMSData.pageContent[\"JobSearch.JobMatchSetUpModal\"])\r\n );\r\n let label = \"\";\r\n if (refJobMatchModalLabel?.Labels) {\r\n refJobMatchModalLabel?.Labels.map((x) => {\r\n if (x.Key === Key) {\r\n label = x.Phrase;\r\n }\r\n });\r\n }\r\n return label;\r\n }\r\n };\r\n\r\n const fetchGetStartedResumeLabels = (Key) => {\r\n if (matchCMSData.pageContent[\"JobSearch.NoResumeUploaded\"]) {\r\n let refJobGreetingsLabel = JSON.parse(\r\n JSON.stringify(matchCMSData.pageContent[\"JobSearch.NoResumeUploaded\"])\r\n );\r\n let label = \"\";\r\n if (refJobGreetingsLabel?.Labels) {\r\n refJobGreetingsLabel?.Labels.map((x) => {\r\n if (x.Key === Key) {\r\n label = x.Phrase;\r\n }\r\n });\r\n }\r\n return label;\r\n }\r\n };\r\n\r\n const fetchCommonLabel = (Key) => {\r\n if (matchCMSData.pageContent[\"CommonComponent\"]) {\r\n let refCommonComponentLabel = JSON.parse(\r\n JSON.stringify(matchCMSData.pageContent[\"CommonComponent\"])\r\n );\r\n let label = \"\";\r\n if (refCommonComponentLabel?.Labels) {\r\n refCommonComponentLabel?.Labels.map((x) => {\r\n if (x.Key === Key) {\r\n label = x.Phrase;\r\n }\r\n });\r\n }\r\n return label;\r\n }\r\n };\r\n\r\n const [savedjobs, setSavedjobs] = useState([]);\r\n const [appliedjobs, setAppliedjobs] = useState([]);\r\n const [paginationState, setPaginationState] = useState({\r\n desabledLoadMore: false,\r\n searchCountAndLabel: \"\",\r\n totalCounts: 0,\r\n fetchedCounts: 0,\r\n shownCounts: 0,\r\n payload: {},\r\n });\r\n const [fetchedJobs, setFetchedJobs] = useState([]);\r\n const [shownJobs, setShownJobs] = useState([]);\r\n\r\n useEffect(() => {\r\n if (saveUnsaveJobId && saveUnsaveJobId.jobId !== \"\") {\r\n let refShownJobs = JSON.parse(JSON.stringify(shownJobs));\r\n const jobIdList = refShownJobs && refShownJobs.map((job) => job.id);\r\n if (jobIdList && jobIdList.includes(saveUnsaveJobId.jobId)) {\r\n const objIndex = refShownJobs.findIndex(\r\n (obj) => obj.id == saveUnsaveJobId.jobId\r\n );\r\n const updated = refShownJobs\r\n ? (refShownJobs[objIndex].isSaved = false)\r\n : \"\";\r\n setShownJobs(refShownJobs);\r\n }\r\n }\r\n }, [saveUnsaveJobId]);\r\n\r\n const checkResumeUploadStatus = async () => {\r\n setExtractMatchQuery(\"\");\r\n await JobActions.ResumeUploadStatus().then(\r\n (res) => {\r\n if (res.status === 200 && res.data.length > 0) {\r\n setAllResumeData(res?.data);\r\n let index;\r\n if (context.isEditExistingClicked || context.isResumeBuilder) {\r\n index = selectedTab;\r\n } else {\r\n index = res.data.length - 1;\r\n }\r\n setSelectedTab(index);\r\n context.setIsResumeUploaded(true);\r\n if (res.data[index]?.extractMatchQuery !== \"\") {\r\n setJobLoader(true);\r\n setParsedString(res.data[index].parseResponseFile);\r\n let parseJSON = JSON.parse(atob(res.data[index].parseResponseFile));\r\n setParsedJSON(parseJSON);\r\n parseJSON?.map((parse) => {\r\n setCity(parse.contact_details.city);\r\n //setDistance(parse.contact_details.distance);\r\n setNotificationUpdated(!notificationUpdated);\r\n setSelectedCountryNotification(\r\n parse.contact_details.country_description\r\n );\r\n setSelectedCountryCodeNotification(\r\n parse.contact_details.country_code?.toUpperCase()\r\n );\r\n setSelectedLocationNotification(parse.contact_details.city);\r\n });\r\n context.setDocumentId(res.data[index].id);\r\n context.setDocumentIdentifier(res.data[index].documentIdentifier);\r\n setExtractMatchQuery(res.data[index].extractMatchQuery);\r\n\r\n //when more than 1 resume is uploaded, we get notificationPreference from resume API and set it here\r\n //console.log(res.data[index]);\r\n //console.log('notificationPreference from resume API : '+res.data[index].notificationPreference);\r\n setNotificationPref(res.data[index].notificationPreference);\r\n setFirstResume(false);\r\n\r\n } else {\r\n setJobLoader(false);\r\n context.setIsResumeUploaded(false);\r\n if (context.dashboardResumeFlag) {\r\n context.setIsGetStartedClicked(true);\r\n } else {\r\n context.setIsGetStartedClicked(false);\r\n }\r\n context.setDashboardResumeFlag(false);\r\n JobActions.RevertCV(res?.data?.documentIdentifier).then(\r\n (resp) => {\r\n if (resp.status === 200) {\r\n }\r\n },\r\n (err) => {\r\n console.log(err);\r\n }\r\n );\r\n }\r\n JobActions.JobsAlert().then((result) => {\r\n setHasOpted(result.data.hasOpted);\r\n setIsDaily(result.data.isDaily);\r\n });\r\n } else {\r\n setFirstResume(true);\r\n setJobLoader(false);\r\n context.setIsResumeUploaded(false);\r\n if (context.dashboardResumeFlag) {\r\n context.setIsGetStartedClicked(true);\r\n } else {\r\n context.setIsGetStartedClicked(false);\r\n }\r\n context.setDashboardResumeFlag(false);\r\n }\r\n },\r\n (err) => {\r\n setJobLoader(false);\r\n console.log(err);\r\n }\r\n );\r\n };\r\n\r\n const getSalary = (salary, frequency) => {\r\n let countryCode =\r\n selectedCountryCodeNotification && selectedCountryCodeNotification;\r\n context.setCountryToSearch(\r\n selectedCountryCodeNotification && selectedCountryCodeNotification\r\n );\r\n let currencyCode = countryToCurrency[countryCode && countryCode];\r\n const currencySymbol = getCurrencySymbol(countryCode, currencyCode);\r\n let formattedSalary =\r\n salary && frequency ? currencySymbol + salary + \" \" + frequency : \"\";\r\n return formattedSalary;\r\n };\r\n\r\n function getCurrencySymbol(locale, currency) {\r\n return (0)\r\n .toLocaleString(locale, {\r\n style: \"currency\",\r\n currency: currency,\r\n minimumFractionDigits: 0,\r\n maximumFractionDigits: 0,\r\n })\r\n .replace(/\\d/g, \"\")\r\n .trim();\r\n }\r\n\r\n useEffect(() => {\r\n if (extractMatchQuery !== \"\") {\r\n if (Object.keys(matchCMSData.pageContent).length !== 0) {\r\n let candidateID =\r\n context?.idTokenClaims?.signupId != undefined\r\n ? context?.idTokenClaims?.signupId\r\n : JSON.parse(window.sessionStorage.getItem(\"setIdTokenClaims\"))[\r\n \"signupId\"\r\n ];\r\n let editedExtractQuery, Original;\r\n const documentDate = candidateLastLoginData\r\n ?.toLocaleString(\"yyyy-MM-dd\")\r\n .slice(0, 10);\r\n // let editedExtractQuery = extractMatchQuery + \" \" + \"documentdate:>=today-42\" + \" \" + `city:\\\"${city}\\\"` + \" \" + `jf_source_country:${selectedCountryCodeNotification.toUpperCase()}`;\r\n // let Original = extractMatchQuery + \" \" + \"documentdate:>=today-42\";\r\n if (candidateLastLoginData) {\r\n editedExtractQuery =\r\n extractMatchQuery +\r\n \" \" +\r\n \"documentdate:>=\" +\r\n documentDate +\r\n \" \" +\r\n `city:\\\"${city}\\\"` +\r\n //`city:\\\"${city}\\\"${distance ? \"+\"+distance : \"\"}` +\r\n \" \" +\r\n `jf_source_country:${selectedCountryCodeNotification?.toUpperCase()}`;\r\n Original = extractMatchQuery + \" \" + \"documentdate:>=\" + documentDate;\r\n } else {\r\n editedExtractQuery =\r\n extractMatchQuery +\r\n \" \" +\r\n \"documentdate:>=today-42\" +\r\n \" \" +\r\n `city:\\\"${city}\\\"` +\r\n //`city:\\\"${city}\\\"${distance ? \"+\"+distance : \"\"}` +\r\n \" \" +\r\n `jf_source_country:${selectedCountryCodeNotification?.toUpperCase()}`;\r\n Original = extractMatchQuery + \" \" + \"documentdate:>=today-42\";\r\n }\r\n\r\n let matchedJobPayload = {\r\n Querystring: city ? editedExtractQuery : Original,\r\n country: JSON.parse(\r\n window.sessionStorage.getItem(\"setProgramDetails\")\r\n )[\"programCountryCode\"],\r\n searchafterscore: \"\",\r\n searchafter: \"\",\r\n searchafterdocid: \"\",\r\n searchafter2: \"\",\r\n language: \"en\",\r\n OwnerId: candidateID,\r\n isFlagsRequired: true,\r\n field: sortByValue,\r\n order: 'DESCENDING'\r\n };\r\n getAllMatchedjobs(matchedJobPayload, false);\r\n }\r\n }\r\n }, [matchCMSData, notificationUpdated, sortByValue]);\r\n\r\n useEffect(() => {\r\n if (extractMatchQuery !== \"\") {\r\n let candidateID =\r\n context?.idTokenClaims?.signupId != undefined\r\n ? context?.idTokenClaims?.signupId\r\n : JSON.parse(window.sessionStorage.getItem(\"setIdTokenClaims\"))[\r\n \"signupId\"\r\n ];\r\n let editedExtractQuery, Original;\r\n const documentDate = candidateLastLoginData\r\n ?.toLocaleString(\"yyyy-MM-dd\")\r\n .slice(0, 10);\r\n // let editedExtractQuery = extractMatchQuery + \" \" + \"documentdate:>=today-42\" + \" \" + `city:\\\"${city}\\\"` + \" \" + `jf_source_country:${selectedCountryCodeNotification.toUpperCase()}`;\r\n // let Original = extractMatchQuery + \" \" + \"documentdate:>=today-42\";\r\n if (candidateLastLoginData) {\r\n editedExtractQuery =\r\n extractMatchQuery +\r\n \" \" +\r\n \"documentdate:>=\" +\r\n documentDate +\r\n \" \" +\r\n `city:\\\"${city}\\\"` +\r\n //`city:\\\"${city}\\\"${distance ? \"+\"+distance : \"\"}` +\r\n \" \" +\r\n `jf_source_country:${selectedCountryCodeNotification?.toUpperCase()}`;\r\n Original = extractMatchQuery + \" \" + \"documentdate:>=\" + documentDate;\r\n } else {\r\n editedExtractQuery =\r\n extractMatchQuery +\r\n \" \" +\r\n \"documentdate:>=today-42\" +\r\n \" \" +\r\n `city:\\\"${city}\\\"` +\r\n //`city:\\\"${city}\\\"${distance ? \"+\"+distance : \"\"}` +\r\n \" \" +\r\n `jf_source_country:${selectedCountryCodeNotification?.toUpperCase()}`;\r\n Original = extractMatchQuery + \" \" + \"documentdate:>=today-42\";\r\n }\r\n let matchedJobPayload = {\r\n //Querystring: city ? editedExtractQuery : Original,\r\n Querystring: editedExtractQuery,\r\n country: JSON.parse(window.sessionStorage.getItem(\"setProgramDetails\"))[\r\n \"programCountryCode\"\r\n ],\r\n searchafterscore: \"\",\r\n searchafter: \"\",\r\n searchafterdocid: \"\",\r\n searchafter2: \"\",\r\n language: \"en\",\r\n OwnerId: candidateID,\r\n isFlagsRequired: true,\r\n field: sortByValue,\r\n order: 'DESCENDING'\r\n };\r\n getAllMatchedjobs(matchedJobPayload, false);\r\n }\r\n }, [extractMatchQuery]);\r\n\r\n const [selectedTab, setSelectedTab] = useState(0);\r\n const loadJobMatchByIndex = (index) => {\r\n setSelectedTab(index);\r\n setParsedString(allResumeData[index].parseResponseFile);\r\n let parseJSON = JSON.parse(atob(allResumeData[index].parseResponseFile));\r\n setParsedJSON(parseJSON);\r\n parseJSON?.map((parse) => {\r\n setCity(parse.contact_details.city);\r\n //setDistance(parse.contact_details.distance);\r\n setNotificationUpdated(!notificationUpdated);\r\n setSelectedCountryNotification(parse.contact_details.country_description);\r\n setSelectedCountryCodeNotification(\r\n parse.contact_details.country_code?.toUpperCase()\r\n );\r\n setSelectedLocationNotification(parse.contact_details.city);\r\n });\r\n context.setDocumentId(allResumeData[index].id);\r\n context.setDocumentIdentifier(allResumeData[index].documentIdentifier);\r\n setExtractMatchQuery(allResumeData[index].extractMatchQuery);\r\n };\r\n\r\n const getAllMatchedjobs = async (payload, loadMoreFlag) => {\r\n let candidateID =\r\n context?.idTokenClaims?.signupId != undefined\r\n ? context?.idTokenClaims?.signupId\r\n : JSON.parse(window.sessionStorage.getItem(\"setIdTokenClaims\"))[\r\n \"signupId\"\r\n ];\r\n let refPaginationState = JSON.parse(JSON.stringify(paginationState));\r\n if (!loadMoreFlag) {\r\n setJobLoader(true);\r\n }\r\n let allJobsList = [];\r\n let allSaveJobList = [...savedjobs];\r\n let allAppliedJobList = [...appliedjobs];\r\n let paginationPayload = {};\r\n await JobActions.GetMatchedjobs(payload).then(\r\n (res) => {\r\n //console.log(res);\r\n if (res.status === 200) {\r\n //console.log(res);\r\n if (res?.data[0].search_info.result_count > 0) {\r\n res?.data?.map((job) => {\r\n const matchPercent = job?.score?.score * 100;\r\n let compName = job?.organisation?.organisation_name;\r\n let jobObj = {\r\n companyName: job?.organisation?.organisation_name,\r\n contractType: job?.contract_type?.contract_type,\r\n description: job?.job_overview?.job_description,\r\n id: job?.job_overview?.jobid,\r\n isComparable: true,\r\n isFeaturedText: \"Featured listing\",\r\n isMatchText: fetchJobCardCMSData(\r\n \"JobSearch.JobCard.StrongMatch\"\r\n ),\r\n isSaveable: true,\r\n isSaved: false,\r\n jobRole: job?.job_overview?.jobtitle,\r\n location: job?.job_location?.city,\r\n onClick: {},\r\n onComparingButtonClick: {},\r\n onSaveButtonClick: {},\r\n posted: convertPostedDate(job?.job_overview?.job_posted_date),\r\n postedTimeStamp: job?.job_overview?.job_posted_date,\r\n jobUrl: job?.job_overview?.job_url,\r\n salary: getSalary(\r\n job?.salary?.maximum_value,\r\n job?.salary?.frequency\r\n ),\r\n lastUpdatedDate:\r\n job && job.job_overview && job.job_overview.job_last_updated\r\n ? job.job_overview.job_last_updated\r\n : null,\r\n applicationDeadline:\r\n job &&\r\n job.job_overview &&\r\n job.job_overview.application_deadline\r\n ? globalDateFormat(job.job_overview.application_deadline)\r\n : null,\r\n startDate:\r\n job && job.job_overview && job.job_overview.job_start_date\r\n ? globalDateFormat(job.job_overview.job_start_date)\r\n : fetchCMSData(\r\n \"JobSearch.RefineSearch\", \r\n \"Job.JobSearch.RefineSearch.FlexibleStart\"\r\n ),\r\n matchPercentage: job?.score?.score,\r\n staticCopy: {\r\n CollapseJobInfo: \"Hide job info\",\r\n CompanyName: \"Company\",\r\n Compare: fetchCMSData(\r\n \"JobSearch.CompareJobs\",\r\n \"Job.JobSearch.CompareJobs.Compare\"\r\n ),\r\n ExpandJobInfo: \"View job info\",\r\n IsCompared: \"Compare this job\",\r\n IsFeatured: \"This role is featured\",\r\n IsNotCompared: \"Remove this job from comparison\",\r\n IsSaved: \"Unsave this job\",\r\n IsUnsaved: \"Save this job\",\r\n JobDescription: \"Job Description\",\r\n JobInfo: fetchJobCardCMSData(\r\n \"JobSearch.JobCard.JobCardMoreInfo\"\r\n ),\r\n JobRole: \"Role\",\r\n JobType: \"Type:\",\r\n Location: \"Location\",\r\n Salary: \"Salary:\",\r\n Save: fetchJobCardCMSData(\"JobSearch.JobCard.Save\"),\r\n StartDate: \"StartDate\",\r\n },\r\n };\r\n if (matchPercent >= 70) {\r\n jobObj = {\r\n ...jobObj,\r\n matchPercentage: matchPercent,\r\n };\r\n }\r\n if (compName && compName.includes(\"Manpower\")) {\r\n jobObj = {\r\n ...jobObj,\r\n companyLogo: {\r\n src: getManpowerLogo(\"Manpower Logo\"),\r\n altText: \"\",\r\n },\r\n };\r\n }\r\n allJobsList.push(jobObj);\r\n });\r\n\r\n let searchAfter2 = '';\r\n if(sortByValue == '_score') \r\n searchAfter2 = res?.data[0].search_info.search_after_score\r\n else if(sortByValue == 'documentdate') \r\n searchAfter2 = res?.data[0].search_info.search_after\r\n //console.log ('getAllMatchedjobs, searchAfter2 and sortByValue : '+searchAfter2 + ' , ' + sortByValue);\r\n\r\n paginationPayload = {\r\n Querystring: payload.Querystring,\r\n country: payload.country,\r\n searchafterscore: res?.data[0].search_info.search_after_score,\r\n searchafter: res?.data[0].search_info.search_after,\r\n searchafterdocid: res?.data[0].search_info.search_after_docid,\r\n searchafter2: searchAfter2,\r\n language: payload.language,\r\n OwnerId: payload.OwnerId,\r\n isFlagsRequired: true,\r\n field: sortByValue,\r\n order: 'DESCENDING'\r\n };\r\n refPaginationState.searchCountAndLabel = fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.NumberOfMatches\"\r\n );\r\n refPaginationState.searchCountAndLabel =\r\n refPaginationState.searchCountAndLabel?.replace(\r\n \"#NUMBER\",\r\n res?.data[0].search_info.result_count\r\n );\r\n refPaginationState.totalCounts =\r\n res?.data[0].search_info.result_count;\r\n } else {\r\n allJobsList = [];\r\n setFetchedJobs([]);\r\n refPaginationState.searchCountAndLabel = fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.NumberOfMatches\"\r\n );\r\n refPaginationState.searchCountAndLabel =\r\n refPaginationState.searchCountAndLabel.replace(\r\n \"#NUMBER\",\r\n res?.data[0].search_info.result_count\r\n );\r\n refPaginationState.totalCounts =\r\n res?.data[0].search_info.result_count;\r\n }\r\n } else {\r\n setJobLoader(false);\r\n refPaginationState.searchCountAndLabel = fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.NumberOfMatches\"\r\n );\r\n refPaginationState.searchCountAndLabel =\r\n refPaginationState.searchCountAndLabel.replace(\"#NUMBER\", \"0\");\r\n refPaginationState.totalCounts = \"0\";\r\n }\r\n },\r\n (err) => {\r\n console.log(err);\r\n setJobLoader(false);\r\n }\r\n );\r\n if (allJobsList.length > 0 && !loadMoreFlag) {\r\n await JobActions.GetSavedJobs(candidateID).then(\r\n (resp) => {\r\n if (resp.status === 200) {\r\n resp?.data.map((ele1) => {\r\n ele1[\"id\"] = ele1.jobId;\r\n });\r\n allSaveJobList = resp?.data;\r\n setSavedjobs(resp?.data);\r\n } else {\r\n setJobLoader(false);\r\n }\r\n },\r\n (err) => {\r\n console.log(err);\r\n setJobLoader(false);\r\n }\r\n );\r\n await JobActions.GetAppliedJobs().then(\r\n (resp) => {\r\n if (resp.status === 200) {\r\n resp?.data.map((ele1) => {\r\n ele1[\"id\"] = ele1.jobId;\r\n });\r\n allAppliedJobList = resp?.data;\r\n setAppliedjobs(resp?.data);\r\n } else {\r\n setJobLoader(false);\r\n }\r\n },\r\n (err) => {\r\n console.log(err);\r\n setJobLoader(false);\r\n }\r\n );\r\n }\r\n\r\n let jobsWithSaveStatus = [];\r\n let allSavedJobsID = [];\r\n allSaveJobList?.map((allSaved) => {\r\n allSavedJobsID.push(allSaved.id);\r\n });\r\n jobsWithSaveStatus = allJobsList.map((ele1) => {\r\n if (allSavedJobsID.includes(ele1.id)) {\r\n ele1.isSaved = true;\r\n ele1.staticCopy.Save = fetchJobCardCMSData(\r\n \"JobSearch.JobCard.SavedButton\"\r\n );\r\n }\r\n return ele1;\r\n });\r\n\r\n let allAppliedJobsID = [];\r\n allAppliedJobList?.map((allApplied) => {\r\n allAppliedJobsID.push(allApplied.id);\r\n });\r\n jobsWithSaveStatus = allJobsList.map((ele1) => {\r\n if (allAppliedJobsID.includes(ele1.id)) {\r\n ele1[\"isApplied\"] = true;\r\n } else {\r\n ele1[\"isApplied\"] = false;\r\n }\r\n return ele1;\r\n });\r\n\r\n if (loadMoreFlag) {\r\n refPaginationState.fetchedCounts =\r\n refPaginationState.fetchedCounts + jobsWithSaveStatus.length;\r\n refPaginationState.shownCounts =\r\n jobsWithSaveStatus.length > 0 ? refPaginationState.shownCounts + 10 : 0;\r\n refPaginationState.payload =\r\n jobsWithSaveStatus.length > 0 ? paginationPayload : {};\r\n setPaginationState(refPaginationState);\r\n setFetchedJobs(\r\n jobsWithSaveStatus.length > 0\r\n ? [...fetchedJobs, ...jobsWithSaveStatus]\r\n : []\r\n );\r\n let sc =\r\n jobsWithSaveStatus.length > 0 ? jobsWithSaveStatus.slice(0, 10) : [];\r\n setShownJobs(jobsWithSaveStatus.length > 0 ? [...shownJobs, ...sc] : []);\r\n } else {\r\n refPaginationState.fetchedCounts = jobsWithSaveStatus.length;\r\n refPaginationState.shownCounts = jobsWithSaveStatus.length > 0 ? 10 : 0;\r\n refPaginationState.payload =\r\n jobsWithSaveStatus.length > 0 ? paginationPayload : {};\r\n setPaginationState(refPaginationState);\r\n setFetchedJobs(jobsWithSaveStatus.length > 0 ? jobsWithSaveStatus : []);\r\n let sc =\r\n jobsWithSaveStatus.length > 0 ? jobsWithSaveStatus.slice(0, 10) : [];\r\n setShownJobs(jobsWithSaveStatus.length > 0 ? sc : []);\r\n }\r\n setJobLoader(false);\r\n };\r\n\r\n const saveJobHandler = async (job) => {\r\n let candidateID =\r\n context?.idTokenClaims?.signupId != undefined\r\n ? context?.idTokenClaims?.signupId\r\n : JSON.parse(window.sessionStorage.getItem(\"setIdTokenClaims\"))[\r\n \"signupId\"\r\n ];\r\n let refShownJobs = JSON.parse(JSON.stringify(shownJobs));\r\n const savedJobsId = savedjobs && savedjobs.map((job) => job.id);\r\n const inputJobId = job && job.id && job.id;\r\n let saveJobPayload = {\r\n OwnerId: candidateID,\r\n OwnerType: \"Candidate\",\r\n JobId: job?.id,\r\n JobTitle: job?.jobRole != undefined ? job?.jobRole : \"\",\r\n CompanyName: job?.companyName != undefined ? job?.companyName : \"\",\r\n JobUrl: job?.jobUrl != undefined ? job?.jobUrl : \"\",\r\n IsFeaturedJob: 1,\r\n IsSaved: savedJobsId.includes(inputJobId) ? 0 : 1,\r\n IsBookmarked: savedJobsId.includes(inputJobId) ? 0 : 1,\r\n IsDeleted: 0,\r\n CreatedBy: \"Admin\",\r\n MatchPercentage: job?.matchPercent != undefined ? job?.matchPercent : \"\",\r\n JobLocation: job?.location != undefined ? job?.location : \"\",\r\n Salary: job?.salary != undefined ? job?.salary : \"\",\r\n EmploymentType: job?.contractType != undefined ? job?.contractType : \"\",\r\n UpdatedBy: candidateID,\r\n JobDescription: job?.description != undefined ? job?.description : \"\",\r\n\r\n JobPostedTimeStamp:\r\n job?.postedTimeStamp != undefined\r\n ? Moment(job?.postedTimeStamp).format(\"MM-DD-YYYY\")\r\n : \"\",\r\n LastSavedTimeStamp: Moment(new Date()).format(\"MM-DD-YYYY\"),\r\n // \"JobStartTimeStamp\": job?.startDate === \"Flexible Start\" ? null : job?.startDate,\r\n CreatedTimeStamp: Moment(new Date()).format(\"MM-DD-YYYY\"),\r\n LastUnsavedTimeStamp: savedJobsId.includes(inputJobId)\r\n ? Moment(new Date()).format(\"MM-DD-YYYY\")\r\n : null,\r\n UpdatedTimeStamp:\r\n job?.lastUpdatedDate != undefined\r\n ? Moment(job?.lastUpdatedDate).format(\"MM-DD-YYYY\")\r\n : \"\",\r\n };\r\n await JobActions.PostSaveJob(candidateID, saveJobPayload).then(\r\n (resp) => {\r\n if (resp.status === 200) {\r\n refShownJobs.map((x) => {\r\n if (x.id === inputJobId) {\r\n if (savedJobsId.includes(x.id)) {\r\n x.isSaved = false;\r\n x.staticCopy.Save = fetchJobCardCMSData(\r\n \"JobSearch.JobCard.Save\"\r\n );\r\n var filtered = savedjobs.filter(function (job) {\r\n return job.id != x.id;\r\n });\r\n setSavedjobs(filtered);\r\n } else {\r\n x.isSaved = true;\r\n x.staticCopy.Save = fetchJobCardCMSData(\r\n \"JobSearch.JobCard.SavedButton\"\r\n );\r\n savedjobs.push(x);\r\n setSavedjobs(savedjobs);\r\n }\r\n }\r\n return x;\r\n });\r\n setShownJobs(refShownJobs);\r\n } else {\r\n setJobLoader(false);\r\n }\r\n },\r\n (err) => {\r\n console.log(err);\r\n setJobLoader(false);\r\n }\r\n );\r\n };\r\n\r\n const loadMoreJobHandler = () => {\r\n const documentDate = candidateLastLoginData\r\n ?.toLocaleString(\"yyyy-MM-dd\")\r\n .slice(0, 10);\r\n let refPaginationState = JSON.parse(JSON.stringify(paginationState));\r\n if (refPaginationState.shownCounts >= refPaginationState.fetchedCounts) \r\n {\r\n let searchAfter2 = '';\r\n if(sortByValue == '_score') \r\n searchAfter2 = refPaginationState.payload.searchafterscore\r\n else if(sortByValue == 'documentdate') \r\n searchAfter2 = refPaginationState.payload.searchafter\r\n console.log ('loadMoreJobHandler, searchAfter2 and sortByValue : '+searchAfter2 + ' , ' + sortByValue);\r\n\r\n let payload = {\r\n Querystring:\r\n refPaginationState.payload.Querystring,\r\n // +\r\n // \" \" +\r\n // \"documentdate:>=\" +\r\n // (candidateLastLoginData ? documentDate : \"today-42\") +\r\n // \" \" +\r\n // `city:\\\"${city}\\\"` +\r\n // \" \" +\r\n // `jf_source_country:${selectedCountryCodeNotification?.toUpperCase()}`\r\n country: refPaginationState.payload.country,\r\n searchafterscore: refPaginationState.payload.searchafterscore,\r\n searchafter: refPaginationState.payload.searchafter,\r\n searchafterdocid: refPaginationState.payload.searchafterdocid,\r\n searchafter2: searchAfter2,\r\n language: refPaginationState.payload.language,\r\n OwnerId: refPaginationState.payload.OwnerId,\r\n isFlagsRequired: true,\r\n field: sortByValue,\r\n order: 'DESCENDING'\r\n };\r\n refPaginationState.desabledLoadMore = true;\r\n setPaginationState(refPaginationState);\r\n console.log('calling getAllMatchedjobs from loadMoreJobHandler');\r\n console.log(payload);\r\n getAllMatchedjobs(payload, true);\r\n } else {\r\n let refFetchedJobs = JSON.parse(JSON.stringify(fetchedJobs));\r\n let sc = refFetchedJobs.slice(\r\n refPaginationState.shownCounts,\r\n refPaginationState.shownCounts + 10\r\n );\r\n setShownJobs([...shownJobs, ...sc]);\r\n refPaginationState.shownCounts = refPaginationState.shownCounts + 10;\r\n setPaginationState(refPaginationState);\r\n }\r\n };\r\n\r\n const convertPostedDate = (date) => {\r\n let postDate = date && date;\r\n let todayDate = new Date();\r\n postDate = Moment(postDate).format(\"MM-DD-YYYY\");\r\n todayDate = Moment(todayDate).format(\"MM-DD-YYYY\");\r\n function parseDate(str) {\r\n var date = str && str.split(\"-\");\r\n return new Date(date && date[2], date && date[0] - 1, date && date[1]);\r\n }\r\n function dateDiff(first, second) {\r\n return Math.round((second - first) / (1000 * 60 * 60 * 24));\r\n }\r\n let posted_Date = dateDiff(parseDate(postDate), parseDate(todayDate));\r\n let postedDate;\r\n if (posted_Date < 1) {\r\n // postedDate = fetchJobCardCMSData(\"JobSearch.JobCard.Hoursago\").replace(\r\n // \"#TIME#\",\r\n // posted_Date\r\n // );\r\n postedDate = fetchJobCardCMSData(\"JobSearch.JobCard.Today\");\r\n } else if (posted_Date >= 1 && posted_Date <= 30) {\r\n postedDate = fetchJobCardCMSData(\"JobSearch.JobCard.Day\").replace(\r\n \"#TIME#\",\r\n posted_Date\r\n );\r\n } else if (posted_Date > 30 && posted_Date <= 60) {\r\n postedDate = fetchJobCardCMSData(\"JobSearch.JobCard.1Month\").replace(\r\n \"#TIME#\",\r\n posted_Date - 30\r\n );\r\n } else if (posted_Date > 60 && posted_Date <= 90) {\r\n postedDate = fetchJobCardCMSData(\"JobSearch.JobCard.2Month\").replace(\r\n \"#TIME#\",\r\n posted_Date - 60\r\n );\r\n } else if (posted_Date > 90 && posted_Date <= 180) {\r\n postedDate = fetchJobCardCMSData(\"JobSearch.JobCard.3Month\");\r\n } else if (posted_Date > 180) {\r\n postedDate = fetchJobCardCMSData(\"JobSearch.JobCard.6Month\");\r\n }\r\n postDate =\r\n fetchJobCardCMSData(\"JobSearch.JobCard.Posted\") + \" \" + postedDate;\r\n return postDate;\r\n };\r\n\r\n /* Job Match Notification related functions Begins */\r\n const countryRef = useRef(null);\r\n function useOutsideCountryListClick(ref) {\r\n useEffect(() => {\r\n /**\r\n * Alert if clicked on outside of element\r\n */\r\n function handleClickOutsideCountryList(event) {\r\n if (ref.current && !ref.current.contains(event.target)) {\r\n // alert(\"You clicked outside of me!\");\r\n setIsCountryNotification(false);\r\n }\r\n }\r\n // Bind the event listener\r\n document.addEventListener(\"mousedown\", handleClickOutsideCountryList);\r\n return () => {\r\n // Unbind the event listener on clean up\r\n document.removeEventListener(\r\n \"mousedown\",\r\n handleClickOutsideCountryList\r\n );\r\n };\r\n }, [ref]);\r\n }\r\n useOutsideCountryListClick(countryRef);\r\n\r\n const locationRef = useRef(null);\r\n function useOutsideLocationListClick(ref) {\r\n useEffect(() => {\r\n /**\r\n * Alert if clicked on outside of element\r\n */\r\n function handleClickOutsideLocationList(event) {\r\n if (ref.current && !ref.current.contains(event.target)) {\r\n setIsLocationNotification(false);\r\n }\r\n }\r\n // Bind the event listener\r\n document.addEventListener(\"mousedown\", handleClickOutsideLocationList);\r\n return () => {\r\n // Unbind the event listener on clean up\r\n document.removeEventListener(\r\n \"mousedown\",\r\n handleClickOutsideLocationList\r\n );\r\n };\r\n }, [ref]);\r\n }\r\n useOutsideLocationListClick(locationRef);\r\n const notificationHandler = () => {\r\n setNotificationModal(true);\r\n };\r\n const notificationModalExit = () => {\r\n setNotificationModal(false);\r\n };\r\n const editTitleModalExit = () => {\r\n setEditTitleModal(false);\r\n setJobTitleState(\"\");\r\n };\r\n const deleteProfileModalExit = () => {\r\n setDeleteProfileModal(false);\r\n };\r\n const notify = (e) => {\r\n if (e.target.checked) {\r\n setHasOpted(true);\r\n } else {\r\n setHasOpted(false);\r\n }\r\n };\r\n const checkedDaily = (e) => {\r\n if (e.target.checked) {\r\n setIsDaily(true);\r\n }\r\n };\r\n const checkedWeekly = (e) => {\r\n if (e.target.checked) {\r\n setIsDaily(false);\r\n }\r\n };\r\n\r\n const editJobMatchHandler = () => {\r\n context.setIsParsed(false);\r\n context.setIsResumeUploaded(false);\r\n context.setIsGetStartedClicked(true);\r\n context.setHideResumeUpload(true);\r\n setParsedString(allResumeData[selectedTab].parseResponseFile);\r\n context.setDocumentId(allResumeData[selectedTab].id);\r\n context.setDocumentIdentifier(\r\n allResumeData[selectedTab].documentIdentifier\r\n );\r\n context.setIsEditExistingClicked(true);\r\n\r\n //console.log(allResumeData[selectedTab].hasOpted);\r\n //Edit Existing values for Job Match Notifications\r\n //console.log('from resume API editJobMatchHandler, HasOptedPrev and IsDailyPrev : '+allResumeData[selectedTab].hasOpted \r\n // + ' , '+ allResumeData[selectedTab].isDaily);\r\n setHasOptedPrev (allResumeData[selectedTab].hasOpted);\r\n setIsDailyPrev (allResumeData[selectedTab].isDaily)\r\n };\r\n\r\n const newResumeAlertHandler = () => {\r\n context.setIsEditExistingClicked(false);\r\n setNewResumeAlert(true);\r\n };\r\n\r\n const uploadNewHandler = (flag) => {\r\n console.log(flag);\r\n context.setIsEditExistingClicked(false);\r\n context.setIsResumeBuilder(flag);\r\n context.setIsParsed(false);\r\n setNewResumeAlert(false);\r\n context.setIsResumeUploaded(false);\r\n context.setIsGetStartedClicked(true);\r\n context.setHideResumeUpload(true);\r\n context.setNewUploadModal(true);\r\n };\r\n\r\n const [editIndex, setEditIndex] = useState(0);\r\n const jobTitleRef = useRef(null);\r\n const editTitleHandler = (index) => {\r\n setEditIndex(index);\r\n setJobTitle(getFirstLetterOfEveryWord(allResumeData[index]?.jobTitle));\r\n setJobProfileName(allResumeData[index].jobTitle);\r\n setEditTitleModal(true);\r\n };\r\n\r\n const [deleteIndex, setDeleteIndex] = useState(0);\r\n const deleteProfileHandler = (index) => {\r\n context.setIsEditExistingClicked(false);\r\n context.setIsResumeBuilder(false);\r\n setDeleteIndex(index);\r\n setDeleteProfileModal(true);\r\n };\r\n\r\n const [jobProfileName, setJobProfileName] = useState(\"\");\r\n const onChangeJobTitle = (input) => {\r\n setJobProfileName(input);\r\n setJobTitleState(\"\");\r\n };\r\n\r\n const updateJobTitle_ButtonClick = () => {\r\n const jobProfile_AllowedCharactors = /^[a-zA-Z0-9-@ ]+$/;\r\n\r\n if (!jobProfileName) {\r\n setJobProfileNameErrorMsg(\r\n fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.ValidationMsgEmptyProfileName\"\r\n )\r\n );\r\n setJobTitleState(\"error\");\r\n } else if (\r\n jobProfileName.length > 25 ||\r\n !jobProfile_AllowedCharactors.test(jobProfileName)\r\n ) {\r\n setJobProfileNameErrorMsg(\r\n fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.ValidationMsgLengthMatchProfileName\"\r\n )\r\n );\r\n setJobTitleState(\"error\");\r\n } else {\r\n updateJobTitle();\r\n }\r\n };\r\n\r\n const updateJobTitle = async () => {\r\n setScreenLoader(true);\r\n const payload = {\r\n JobTitle: jobProfileName,\r\n DocumentIdentifier: allResumeData[editIndex].documentIdentifier,\r\n };\r\n\r\n await JobActions.UpdateJobTile(payload).then(\r\n (resp) => {\r\n if (resp.status === 200) {\r\n setJobTitle(jobProfileName);\r\n setAllResumeData((prevItems) =>\r\n prevItems.map((item, index) =>\r\n index === editIndex ? { ...item, jobTitle: jobProfileName } : item\r\n )\r\n );\r\n setEditTitleModal(false);\r\n setScreenLoader(false);\r\n } else {\r\n setScreenLoader(false);\r\n }\r\n },\r\n (err) => {\r\n console.log(err);\r\n setScreenLoader(false);\r\n }\r\n );\r\n };\r\n\r\n const deleteProfile = async () => {\r\n setScreenLoader(true);\r\n await JobActions.DeleteResume(allResumeData[deleteIndex].id).then(\r\n (resp) => {\r\n if (resp.status === 200) {\r\n setScreenLoader(false);\r\n setDeleteProfileModal(false);\r\n context.setIsParsed(false);\r\n checkResumeUploadStatus();\r\n } else {\r\n setScreenLoader(false);\r\n }\r\n },\r\n (err) => {\r\n console.log(err);\r\n setScreenLoader(false);\r\n }\r\n );\r\n };\r\n\r\n const selectCountryNotificationHandler = (e, country) => {\r\n e.preventDefault();\r\n setSelectedCountryNotification(country);\r\n countryMasterListNotification.map((countryMaster) => {\r\n if (countryMaster.name === country) {\r\n setSelectedCountryCodeNotification(countryMaster.value);\r\n setCountryCode(countryMaster.value);\r\n }\r\n });\r\n setSelectedLocationNotification(\"\");\r\n setIsCountryNotification(false);\r\n };\r\n\r\n const onChangeCountryNotification = (input) => {\r\n setSelectedCountryNotification(input);\r\n setIsCountryNotification(true);\r\n if (input == \"\") {\r\n setSelectedCountryCodeNotification(\"\");\r\n }\r\n let updatedList = countryListsNotification;\r\n updatedList = updatedList.filter((filterList) => {\r\n return (\r\n !input || filterList.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n );\r\n });\r\n if (updatedList.length) {\r\n setFilteredCountryList(updatedList);\r\n } else {\r\n updatedList = [\"No matching results found\"];\r\n setFilteredCountryList(updatedList);\r\n }\r\n };\r\n\r\n const selectLocationNotificationHandler = (item) => {\r\n setSelectedLocationNotification(item);\r\n setIsLocationNotification(false);\r\n };\r\n\r\n const onChangeLocationNotification = (input) => {\r\n const payload = {\r\n field_to_query: \"city\",\r\n input_text: selectedCountryCodeNotification + \" \" + input,\r\n //input_text: input,\r\n country: JSON.parse(window.sessionStorage.getItem(\"setProgramDetails\"))[\r\n \"programCountryCode\"\r\n ],\r\n language: JSON.parse(window.sessionStorage.getItem(\"setProgramDetails\"))[\r\n \"programLanguageCode\"\r\n ],\r\n };\r\n setSelectedLocationNotification(input);\r\n if (input == \"\") {\r\n setIsLocationNotification(false);\r\n }\r\n JobActions.LocationAutoComplete(payload).then((res) => {\r\n res?.data?.auto_suggest?.map((city, id) => {\r\n const list = res?.data?.auto_suggest?.map((city) =>\r\n city?.item.slice(3)\r\n );\r\n setLocationListsNotification(list);\r\n });\r\n setIsLocationNotification(true);\r\n });\r\n };\r\n\r\n const saveNotification = () => {\r\n setScreenLoader(true);\r\n /*Country */\r\n let updatedCountry = parsedJSON[0].contact_details;\r\n Object.keys(updatedCountry).forEach((key) => {\r\n updatedCountry[\"country_description\"] = selectedCountryNotification;\r\n updatedCountry[\"country_code\"] = selectedCountryCodeNotification;\r\n if (key === \"country_description\") {\r\n updatedCountry[key] = selectedCountryNotification;\r\n return updatedCountry;\r\n }\r\n });\r\n\r\n /* Location */\r\n let updatedLocation = parsedJSON[0].contact_details;\r\n Object.keys(updatedLocation).forEach((key) => {\r\n if (key === \"city\") {\r\n updatedLocation[key] = selectedLocationNotification;\r\n return updatedLocation;\r\n }\r\n if (key === \"country_code\") {\r\n // updatedLocation[key] = countryCode;\r\n updatedLocation[key] = selectedCountryCodeNotification;\r\n }\r\n });\r\n\r\n let objStr = JSON.stringify(parsedJSON);\r\n let jsonBase64 = btoa(objStr);\r\n let payload = {\r\n cvIndexModel: {\r\n country: JSON.parse(window.sessionStorage.getItem(\"setProgramDetails\"))[\r\n \"programCountryCode\"\r\n ],\r\n parseFileJSONBase64: jsonBase64,\r\n documentIdentifier: context.documentIdentifier,\r\n //JobTitle: JobTitle,\r\n language: JSON.parse(\r\n window.sessionStorage.getItem(\"setProgramDetails\")\r\n )[\"programLanguageCode\"],\r\n },\r\n notificationAlertModel: {\r\n hasOpted: hasOpted,\r\n isDaily: isDaily,\r\n },\r\n };\r\n JobActions.SaveParsedResume(payload).then(\r\n (res) => {\r\n if (res.status == \"200\") {\r\n checkResumeUploadStatus();\r\n setScreenLoader(false);\r\n setNotificationModal(false);\r\n } else {\r\n setScreenLoader(false);\r\n }\r\n },\r\n (err) => {\r\n console.log(err);\r\n setScreenLoader(false);\r\n }\r\n );\r\n };\r\n /* Job Match Notification related functions Ends */\r\n\r\n /* this function checks whether cv index is done or not */\r\n const isResumeSubmitted = (status) => {\r\n context.setIsResumeUploaded(status);\r\n checkResumeUploadStatus();\r\n };\r\n\r\n // Start for showing the JD\r\n const [isJobDetailsHide, setIsJobDetailsHide] = useState(false);\r\n const [selectJobForDetails, setSelectJobForDetails] = useState([]);\r\n const JDclickedId = (id) => {\r\n if (id === \"\") {\r\n return;\r\n }\r\n let refShownJobs = JSON.parse(JSON.stringify(shownJobs));\r\n let selectForJD = refShownJobs.filter((item) => {\r\n return item.id === id;\r\n });\r\n setSelectJobForDetails(selectForJD);\r\n window.scrollTo(0, 0);\r\n setIsJobDetailsHide(true);\r\n JDshowHide(true);\r\n };\r\n const jobSaveFromJDpageFlag = (id) => {\r\n if (id === \"\") {\r\n return;\r\n }\r\n let refShownJobs = JSON.parse(JSON.stringify(shownJobs));\r\n const savedJobsId = savedjobs && savedjobs.map((job) => job.id);\r\n refShownJobs.map((x) => {\r\n if (x.id === id) {\r\n if (savedJobsId.includes(id)) {\r\n x.isSaved = false;\r\n x.staticCopy.Save = fetchJobCardCMSData(\"JobSearch.JobCard.Save\");\r\n var filtered = savedjobs.filter(function (job) {\r\n return job.id != x.id;\r\n });\r\n setSavedjobs(filtered);\r\n } else {\r\n x.isSaved = true;\r\n x.staticCopy.Save = fetchJobCardCMSData(\r\n \"JobSearch.JobCard.SavedButton\"\r\n );\r\n savedjobs.push(x);\r\n setSavedjobs(savedjobs);\r\n }\r\n }\r\n return x;\r\n });\r\n setShownJobs(refShownJobs);\r\n };\r\n const appliedJobFromJDpageFlag = (id) => {\r\n if (id === \"\") {\r\n return;\r\n }\r\n let refShownJobs = JSON.parse(JSON.stringify(shownJobs));\r\n refShownJobs?.map((ele1) => {\r\n if (ele1.id === id) {\r\n ele1.isApplied = true;\r\n }\r\n return ele1;\r\n });\r\n setShownJobs(refShownJobs);\r\n };\r\n const jobDetailsBackFlag = () => {\r\n setIsJobDetailsHide(false);\r\n JDshowHide(false);\r\n };\r\n // End for showing the JD\r\n\r\n // function to get first letter of every word as uppercase and rest as lowercase\r\n const getFirstLetterOfEveryWord = (str) => {\r\n return str?.replace(/\\w\\S*/g, function (txt) {\r\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\r\n });\r\n };\r\n\r\n const firstName = JSON.parse(\r\n sessionStorage.getItem(\"setIdTokenClaims\")\r\n )?.firstName;\r\n let greetingText = fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.NameWithMatches\"\r\n );\r\n if (greetingText) {\r\n greetingText = greetingText.replace(\r\n \"#NAME\",\r\n preferredName ? preferredName : firstName\r\n );\r\n }\r\n let greetingTextZero = fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.NameWithNoMatches\"\r\n );\r\n if (greetingTextZero) {\r\n greetingTextZero = greetingTextZero.replace(\r\n \"#NAME\",\r\n preferredName ? preferredName : firstName\r\n );\r\n\r\n // greetingTextZero = greetingTextZero.replace(\r\n // \"#MatchProfileName#\", \r\n // getFirstLetterOfEveryWord(allResumeData[selectedTab]?.jobTitle)\r\n // );\r\n \r\n //greetingTextZero = \"jobTitle: \" + allResumeData[selectedTab]?.jobTitle;\r\n }\r\n let matchText = fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.NumberOfMatches\"\r\n );\r\n let matchCount;\r\n matchCount = paginationState.totalCounts;\r\n if (matchText) {\r\n matchText = matchText.replace(\"#NUMBER\", matchCount);\r\n }\r\n\r\n const formatText = (text) => {\r\n const parts = text.split(\"#\");\r\n return parts.map((part, index) =>\r\n index % 2 === 1 ?
{part} : part\r\n );\r\n };\r\n\r\n let profileName = fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.ReplaceMatchProfile\"\r\n );\r\n if (profileName && allResumeData[selectedTab]) {\r\n profileName = profileName.replace(\r\n \"MATCH PROFILE NAME\",\r\n getFirstLetterOfEveryWord(allResumeData[selectedTab]?.jobTitle)\r\n );\r\n profileName = formatText(profileName);\r\n }\r\n\r\n const fetchCMSData = (key1, key2) => {\r\n let data =\r\n searchCMSData &&\r\n searchCMSData.pageContent &&\r\n searchCMSData.pageContent[key1];\r\n\r\n let label = \"\";\r\n if (data?.Labels) {\r\n data?.Labels.map((x) => {\r\n if (x.Key === key2) {\r\n label = x.Phrase;\r\n }\r\n });\r\n }\r\n return label;\r\n };\r\n\r\n useEffect(() => {\r\n if (Object.keys(searchCMSData.pageContent).length !== 0) {\r\n let cType = [];\r\n let eType = [];\r\n let sRange = [];\r\n let sType = [];\r\n // let lDistance = [];\r\n // searchCMSData?.pageContent?.[\r\n // \"JobSearch.SearchJobBox\"\r\n // ]?.LOVList?.filter((x) => {\r\n // if (x.Key === \"LocationDistance\") {\r\n // x.Values.map((ct) => {\r\n // let obj = {\r\n // name: ct.Value,\r\n // value: ct.ID,\r\n // };\r\n // lDistance.push(obj);\r\n // });\r\n // lDistance.unshift({\r\n // name: fetchCMSData(\r\n // \"JobSearch.SearchJobBox\",\r\n // \"Job.JobSearch.SearchJobBox.Select\"\r\n // ),\r\n // value: \"\",\r\n // });\r\n // setMasterDistance(lDistance);\r\n // }\r\n // });\r\n searchCMSData?.pageContent?.[\"JobSearch.RefineSearch\"]?.LOVList?.filter(\r\n (x) => {\r\n if (x.Key === \"JobSearch.RefineSearch.ContractType\") {\r\n x.Values.map((ct) => {\r\n let obj = {\r\n label: ct.Value,\r\n value: ct.ID,\r\n };\r\n cType.push(obj);\r\n });\r\n setMasterContractType(cType);\r\n }\r\n if (x.Key === \"JobSearch.RefineSearch.EmploymentType\") {\r\n x.Values.map((ct) => {\r\n let obj = {\r\n label: ct.Value,\r\n value: ct.ID,\r\n };\r\n eType.push(obj);\r\n });\r\n setMasterEmploymentType(eType);\r\n }\r\n if (x.Key === \"JobSearch.RefineSearch.SalaryRange\") {\r\n x.Values.map((ct) => {\r\n if (ct.Value.includes(\"-\")) {\r\n let splt = ct.Value.replace(/ /g, \"\").split(\"-\");\r\n let spltStart =\r\n searchCMSData?.pageContent?.SupportedCurrencies[0]?.Value +\r\n splt[0];\r\n let spltEnd =\r\n searchCMSData?.pageContent?.SupportedCurrencies[0]?.Value +\r\n splt[1];\r\n let obj = {\r\n label: spltStart + \" - \" + spltEnd,\r\n value: ct.ID,\r\n };\r\n sRange.push(obj);\r\n } else {\r\n let above = \"\";\r\n if (ct.Value.includes(\"Above\")) {\r\n let splt = ct.Value.split(\" \");\r\n above =\r\n splt[0] +\r\n \" \" +\r\n searchCMSData?.pageContent?.SupportedCurrencies[0]?.Value +\r\n splt[1];\r\n } \r\n else \r\n {\r\n let splt = ct.Value.split(\" \");\r\n if(JSON.parse(\r\n window.sessionStorage.getItem(\"Language\")\r\n )[\"selectedLanguageISOCode\"]?.split('-')[0] == 'fr') //for French Language\r\n { \r\n //Moins de 1000 >>>> Moins de €1000\r\n above = splt[0] + \" \" + splt[1] + \" \" + searchCMSData?.pageContent?.SupportedCurrencies[0]?.Value +\r\n splt[2];\r\n }\r\n else {\r\n above =\r\n splt[0] +\r\n \" \" +\r\n searchCMSData?.pageContent?.SupportedCurrencies[0]?.Value +\r\n splt[1];\r\n }\r\n }\r\n let obj = {\r\n label: above,\r\n value: ct.ID,\r\n };\r\n sRange.push(obj);\r\n }\r\n });\r\n setMasterSalaryRange(sRange);\r\n }\r\n if (x.Key === \"JobSearch.RefineSearch.SortBy\") {\r\n //console.log(x.Values);\r\n x.Values.map((ct) => {\r\n //console.log(ct);\r\n let obj = {\r\n name: ct.Value,\r\n value: ct.Key,\r\n };\r\n sType.push(obj);\r\n });\r\n setSortByValues(sType);\r\n //console.log(sType);\r\n setSelectedOption(sType[0]);\r\n }\r\n }\r\n );\r\n }\r\n }, [searchCMSData]);\r\n\r\n // Start Filter result\r\n const filterFormHandler = (event, flag) => {\r\n let salArray = [];\r\n let refFilterResultForm = JSON.parse(JSON.stringify(filterResultForm));\r\n if (flag === refFilterResultForm.company.name) {\r\n if (event.target.value !== \"\") {\r\n refFilterResultForm.company.value = event.target.value;\r\n refFilterResultForm.company.concatValue =\r\n \" \" + \"org_normalized_name:\" + event.target.value;\r\n setFilterResultForm(refFilterResultForm);\r\n } else {\r\n refFilterResultForm.company.value = \"\";\r\n refFilterResultForm.company.concatValue = \"\";\r\n setFilterResultForm(refFilterResultForm);\r\n }\r\n }\r\n if (flag === refFilterResultForm.salary.name) {\r\n if (event.length > 0) {\r\n refFilterResultForm.salary.value = event;\r\n let stringValue = \"\";\r\n event.map((x) => {\r\n if (x.value.includes(\"-\")) {\r\n let splt = x.value.replace(/ /g, \"\").split(\"-\");\r\n salArray = [...salArray, ...splt];\r\n let sortedInc = salArray.sort(function (a, b) {\r\n return a - b;\r\n });\r\n let intialValMin = event?.length == 1 ? 0 : sortedInc[0];\r\n let secondValMin = event?.length == 1 ? sortedInc[0] : sortedInc[1];\r\n stringValue =\r\n \" \" +\r\n \"salary_minimum:\" +\r\n intialValMin +\r\n \"..\" +\r\n secondValMin +\r\n \" \" +\r\n \"salary_maximum:\" +\r\n secondValMin +\r\n \"..\" +\r\n sortedInc[sortedInc?.length - 1];\r\n } else {\r\n if (x.value.includes(\"Above\")) {\r\n let rep = x.value.replace(\"Above\", \"\");\r\n stringValue = \" \" + \"salary_minimum:>=\" + rep;\r\n } else {\r\n let rep = x.value.replace(\"Below\", \"\");\r\n stringValue = \" \" + \"salary_maximum:\" + \"0...\" + rep;\r\n }\r\n }\r\n });\r\n refFilterResultForm.salary.concatValue = stringValue;\r\n setFilterResultForm(refFilterResultForm);\r\n } else {\r\n refFilterResultForm.salary.value = [];\r\n refFilterResultForm.salary.concatValue = \"\";\r\n setFilterResultForm(refFilterResultForm);\r\n }\r\n }\r\n if (flag === refFilterResultForm.contractType.name) {\r\n if (event.length > 0) {\r\n refFilterResultForm.contractType.value = event;\r\n let stringValue = \"\";\r\n event.map((x) => {\r\n stringValue = stringValue + \" \" + `\\\"${x.value}\\\"`;\r\n });\r\n refFilterResultForm.contractType.concatValue =\r\n \" contract_type_code:\" + \"(\" + stringValue + \")\";\r\n setFilterResultForm(refFilterResultForm);\r\n } else {\r\n refFilterResultForm.contractType.value = [];\r\n refFilterResultForm.contractType.concatValue = \"\";\r\n setFilterResultForm(refFilterResultForm);\r\n }\r\n }\r\n if (flag === refFilterResultForm.employmentType.name) {\r\n if (event.length > 0) {\r\n refFilterResultForm.employmentType.value = event;\r\n let stringValue = \"\";\r\n event.map((x) => {\r\n stringValue = stringValue + \" \" + x.value;\r\n });\r\n refFilterResultForm.employmentType.concatValue =\r\n \" employment_type_code:\" + \"(\" + stringValue + \")\";\r\n setFilterResultForm(refFilterResultForm);\r\n } else {\r\n refFilterResultForm.employmentType.value = [];\r\n refFilterResultForm.employmentType.concatValue = \"\";\r\n setFilterResultForm(refFilterResultForm);\r\n }\r\n }\r\n\r\n if (\r\n refFilterResultForm.company.concatValue !== \"\" ||\r\n refFilterResultForm.salary.concatValue !== \"\" ||\r\n refFilterResultForm.contractType.concatValue !== \"\" ||\r\n refFilterResultForm.employmentType.concatValue !== \"\"\r\n ) {\r\n refFilterResultForm.applyButtonStatus = false;\r\n setFilterResultForm(refFilterResultForm);\r\n } else {\r\n refFilterResultForm.applyButtonStatus = true;\r\n setFilterResultForm(refFilterResultForm);\r\n clearAllFilterHandler();\r\n }\r\n };\r\n const applyFilterHandler = () => {\r\n let candidateID =\r\n context?.idTokenClaims?.signupId != undefined\r\n ? context?.idTokenClaims?.signupId\r\n : JSON.parse(window.sessionStorage.getItem(\"setIdTokenClaims\"))[\r\n \"signupId\"\r\n ];\r\n let refFilterResultForm = JSON.parse(JSON.stringify(filterResultForm));\r\n refFilterResultForm.isFilterApplied = true;\r\n setFilterResultForm(refFilterResultForm);\r\n if (isMobile) {\r\n setIsFilterOpen(!isFilterOpen);\r\n }\r\n\r\n const documentDate = candidateLastLoginData\r\n ?.toLocaleString(\"yyyy-MM-dd\")\r\n .slice(0, 10);\r\n\r\n let companyName = refFilterResultForm.company.concatValue;\r\n let contractType = refFilterResultForm.contractType.concatValue;\r\n let employmentType = refFilterResultForm.employmentType.concatValue;\r\n let salaryRange = refFilterResultForm.salary.concatValue;\r\n let payload2 = {\r\n Querystring:\r\n extractMatchQuery +\r\n companyName +\r\n salaryRange +\r\n contractType +\r\n employmentType +\r\n \" documentdate:>=\" +\r\n (candidateLastLoginData ? documentDate : \"today-42\") +\r\n \" \" +\r\n `city:\\\"${city}\\\"` +\r\n //`city:\\\"${city}\\\"${distance ? \"+\"+distance : \"\"}` +\r\n \" \" +\r\n `jf_source_country:${selectedCountryCodeNotification?.toUpperCase()}`,\r\n country: JSON.parse(window.sessionStorage.getItem(\"setProgramDetails\"))[\r\n \"programCountryCode\"\r\n ],\r\n searchafterscore: \"\",\r\n searchafter: \"\",\r\n searchafterdocid: \"\",\r\n searchafter2: \"\",\r\n language: \"en\",\r\n OwnerId: candidateID,\r\n isFlagsRequired: true,\r\n field: sortByValue,\r\n order: 'DESCENDING'\r\n };\r\n getAllMatchedjobs(payload2, false);\r\n };\r\n\r\n const clearAllFilterHandler = () => {\r\n let candidateID =\r\n context?.idTokenClaims?.signupId != undefined\r\n ? context?.idTokenClaims?.signupId\r\n : JSON.parse(window.sessionStorage.getItem(\"setIdTokenClaims\"))[\r\n \"signupId\"\r\n ];\r\n let refFilterResultForm = JSON.parse(JSON.stringify(filterResultForm));\r\n\r\n refFilterResultForm.company.value = \"\";\r\n refFilterResultForm.company.concatValue = \"\";\r\n refFilterResultForm.salary.value = [];\r\n refFilterResultForm.salary.concatValue = \"\";\r\n refFilterResultForm.contractType.value = [];\r\n refFilterResultForm.contractType.concatValue = \"\";\r\n refFilterResultForm.employmentType.value = [];\r\n refFilterResultForm.employmentType.concatValue = \"\";\r\n refFilterResultForm.applyButtonStatus = true;\r\n setFilterResultForm(refFilterResultForm);\r\n\r\n if (refFilterResultForm.isFilterApplied) {\r\n refFilterResultForm.applyButtonStatus = true;\r\n refFilterResultForm.isFilterApplied = false;\r\n setFilterResultForm(refFilterResultForm);\r\n\r\n const documentDate = candidateLastLoginData\r\n ?.toLocaleString(\"yyyy-MM-dd\")\r\n .slice(0, 10);\r\n\r\n let payload;\r\n if (candidateLastLoginData) {\r\n payload = {\r\n Querystring:\r\n extractMatchQuery +\r\n \" \" +\r\n \"documentdate:>=\" +\r\n documentDate +\r\n \" \" +\r\n `city:\\\"${city}\\\"` +\r\n //`city:\\\"${city}\\\"${distance ? \"+\"+distance : \"\"}` +\r\n \" \" +\r\n `jf_source_country:${selectedCountryCodeNotification?.toUpperCase()}`,\r\n country: JSON.parse(\r\n window.sessionStorage.getItem(\"setProgramDetails\")\r\n )[\"programCountryCode\"],\r\n searchafterscore: \"\",\r\n searchafter: \"\",\r\n searchafterdocid: \"\",\r\n searchafter2: \"\",\r\n language: \"en\",\r\n OwnerId: candidateID,\r\n isFlagsRequired: true,\r\n field: sortByValue,\r\n order: 'DESCENDING'\r\n };\r\n } else {\r\n payload = {\r\n Querystring:\r\n extractMatchQuery +\r\n \" \" +\r\n \"documentdate:>=today-42\" +\r\n \" \" +\r\n `city:\\\"${city}\\\"` +\r\n //`city:\\\"${city}\\\"${distance ? \"+\"+distance : \"\"}` +\r\n \" \" +\r\n `jf_source_country:${selectedCountryCodeNotification?.toUpperCase()}`,\r\n country: JSON.parse(\r\n window.sessionStorage.getItem(\"setProgramDetails\")\r\n )[\"programCountryCode\"],\r\n searchafterscore: \"\",\r\n searchafter: \"\",\r\n searchafterdocid: \"\",\r\n searchafter2: \"\",\r\n language: \"en\",\r\n OwnerId: candidateID,\r\n isFlagsRequired: true,\r\n field: sortByValue,\r\n order: 'DESCENDING'\r\n };\r\n }\r\n\r\n getAllMatchedjobs(payload, false);\r\n }\r\n };\r\n // End Filter result\r\n\r\n /*Start Compare jobs */\r\n const [isJobCompareModalVisible, setIsJobCompareModalVisible] =\r\n useState(false);\r\n const [selectedCompareJobs, setSelectedCompareJobs] = useState([]);\r\n const [isCompareJobCardChecked, setIsCompareJobCardChecked] = useState(false);\r\n const [jobCardID, setJobCardID] = useState();\r\n let arrSelectedCompareJobs = selectedCompareJobs;\r\n\r\n const closeCompareModal = () => {\r\n setIsJobCompareModalVisible(false);\r\n };\r\n const compareJobHandler = (job) => {\r\n console.log(\"job:::::\", job);\r\n setJobCardID(job.id);\r\n setIsCompareJobCardChecked(true);\r\n let compareDescription = [\r\n {\r\n sectionBody: \"\",\r\n sectionHeading: \"\",\r\n },\r\n ];\r\n if (arrSelectedCompareJobs.length) {\r\n if (arrSelectedCompareJobs.find((x) => x.id === job.id)) {\r\n arrSelectedCompareJobs = arrSelectedCompareJobs.filter(\r\n (filt) => filt.id !== job.id\r\n );\r\n } else {\r\n if (arrSelectedCompareJobs.length <= 4) {\r\n arrSelectedCompareJobs.push(job);\r\n\r\n let updateCompare = arrSelectedCompareJobs.map((selectedJobs) => {\r\n compareDescription[0].sectionBody = selectedJobs?.description\r\n ? selectedJobs?.description\r\n : \"\";\r\n compareDescription[0].sectionHeading =\r\n selectedJobs.staticCopy.JobDescription;\r\n\r\n return {\r\n ...selectedJobs,\r\n description: selectedJobs?.description,\r\n location: selectedJobs.location,\r\n salary: selectedJobs.salary,\r\n datePosted: selectedJobs.postedTimeStamp,\r\n languageSkills: selectedJobs.languageSkills,\r\n experience: selectedJobs.experience,\r\n education: selectedJobs.education,\r\n startDate: selectedJobs.startDate,\r\n deadline: selectedJobs.applicationDeadline,\r\n };\r\n });\r\n arrSelectedCompareJobs = updateCompare;\r\n }\r\n }\r\n } else {\r\n arrSelectedCompareJobs.push(job);\r\n }\r\n setSelectedCompareJobs(arrSelectedCompareJobs);\r\n };\r\n\r\n const handleClearCompare = () => {\r\n setIsCompareJobCardChecked(false);\r\n setSelectedCompareJobs([]);\r\n };\r\n\r\n const maxCompareCard = fetchCMSData(\r\n \"JobSearch.CompareJobs\",\r\n \"Job.JobSearch.CompareJobs.MaximumJobsToCompare\"\r\n ).replace(\"$JobCount$\", 5);\r\n const selectedCompareCards = fetchCMSData(\r\n \"JobSearch.CompareJobs\",\r\n \"Job.JobSearch.CompareJobs.CountOfJobsSelected\"\r\n )\r\n .replace(\"$JobCount$\", 5)\r\n .replace(\"$SelectedJobs$\", arrSelectedCompareJobs.length);\r\n\r\n const searchFilterFormProps = {\r\n salarySelectProps: {\r\n id: filterResultForm.salary.name,\r\n name: filterResultForm.salary.name,\r\n placeholder: !isMobile ? fetchCMSData(\r\n \"JobSearch.RefineSearch\",\r\n \"Job.JobSearch.RefineSearch.SalaryRange\"\r\n ) : fetchCMSData(\r\n \"JobSearch.SearchJobBox\",\r\n \"Job.JobSearch.SearchJobBox.Select\"\r\n ),\r\n label: isMobile ? fetchCMSData(\r\n \"JobSearch.RefineSearch\",\r\n \"Job.JobSearch.RefineSearch.SalaryRange\"\r\n ) : \"\",\r\n options: masterSalaryRange,\r\n onChangeHandler: (event) =>\r\n filterFormHandler(event, filterResultForm.salary.name),\r\n selectedValue: filterResultForm.salary.value,\r\n disableSearch: true,\r\n hasSelectAll: false,\r\n },\r\n companySearchSelectProps: {\r\n name: filterResultForm.company.name,\r\n id: filterResultForm.company.name,\r\n placeholder: !isMobile ? fetchCMSData(\r\n \"JobSearch.RefineSearch\",\r\n \"Job.JobSearch.RefineSearch.Company\"\r\n ) : \"\",\r\n label: isMobile ? fetchCMSData(\r\n \"JobSearch.RefineSearch\",\r\n \"Job.JobSearch.RefineSearch.Company\"\r\n ) : \"\",\r\n value: filterResultForm.company.value,\r\n onChange: (event) =>\r\n filterFormHandler(event, filterResultForm.company.name),\r\n },\r\n contractSelectProps: {\r\n id: filterResultForm.contractType.name,\r\n name: filterResultForm.contractType.name,\r\n placeholder: !isMobile ? fetchCMSData(\r\n \"JobSearch.RefineSearch\",\r\n \"Job.JobSearch.RefineSearch.ContractType\"\r\n ) : fetchCMSData(\r\n \"JobSearch.SearchJobBox\",\r\n \"Job.JobSearch.SearchJobBox.Select\"\r\n ),\r\n label: isMobile ? fetchCMSData(\r\n \"JobSearch.RefineSearch\",\r\n \"Job.JobSearch.RefineSearch.ContractType\"\r\n ) : \"\",\r\n options: masterContractType,\r\n onChangeHandler: (event) =>\r\n filterFormHandler(event, filterResultForm.contractType.name),\r\n selectedValue: filterResultForm.contractType.value,\r\n disableSearch: true,\r\n hasSelectAll: false,\r\n },\r\n timeSelectProps: {\r\n id: filterResultForm.employmentType.name,\r\n name: filterResultForm.employmentType.name,\r\n placeholder: !isMobile ? fetchCMSData(\r\n \"JobSearch.RefineSearch\",\r\n \"Job.JobSearch.RefineSearch.EmploymentType\"\r\n ) : fetchCMSData(\r\n \"JobSearch.SearchJobBox\",\r\n \"Job.JobSearch.SearchJobBox.Select\"\r\n ),\r\n label: isMobile ? fetchCMSData(\r\n \"JobSearch.RefineSearch\",\r\n \"Job.JobSearch.RefineSearch.EmploymentType\"\r\n ) : \"\",\r\n options: masterEmploymentType,\r\n onChangeHandler: (event) =>\r\n filterFormHandler(event, filterResultForm.employmentType.name),\r\n selectedValue: filterResultForm.employmentType.value,\r\n disableSearch: true,\r\n hasSelectAll: false,\r\n },\r\n applyFiltersButtonProps: {\r\n children: fetchCMSData(\r\n \"JobSearch.RefineSearch\",\r\n \"Job.JobSearch.RefineSearch.ApplyButton\"\r\n ),\r\n size: \"Large\",\r\n type: \"button\",\r\n onClick: applyFilterHandler,\r\n disabled: filterResultForm.applyButtonStatus,\r\n },\r\n resetFiltersLinkButtonProps: {\r\n children: fetchCMSData(\r\n \"JobSearch.RefineSearch\",\r\n \"Job.JobSearch.RefineSearch.ClearAllFilters\"\r\n ),\r\n type: \"reset\",\r\n onClick: clearAllFilterHandler,\r\n },\r\n onSubmit: (event) => {\r\n alert(\"form submitted\");\r\n },\r\n };\r\n\r\n // tushar onchange method\r\n const sortByFilter = (option) => {\r\n if (option.value === 'Relevance')\r\n setSortByValue('_score');\r\n else if(option.value === 'Newest')\r\n setSortByValue('documentdate');\r\n }\r\n\r\n return (\r\n
\r\n {context.isResumeUploaded === true ? (\r\n
\r\n \r\n {allResumeData && allResumeData.length > 0 && (\r\n \r\n {allResumeData?.map((resume, index) => {\r\n return (\r\n
loadJobMatchByIndex(index)}\r\n >\r\n \r\n {getFirstLetterOfEveryWord(\r\n resume?.jobTitle ? resume?.jobTitle : \"Untitled\"\r\n )}\r\n \r\n {\r\n e.stopPropagation();\r\n editTitleHandler(index);\r\n }}\r\n />\r\n {\r\n e.stopPropagation();\r\n deleteProfileHandler(index);\r\n }}\r\n />\r\n uploadNewHandler(false)}>\r\n \r\n {fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.AddAnotherMatch\"\r\n )}\r\n
\r\n )}\r\n \r\n )}\r\n
\r\n \r\n 0 ? greetingText : greetingTextZero}\r\n shortHeading=\"Your Matches\"\r\n />\r\n \r\n \r\n \r\n \r\n {fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.EditExistingMatchCriteria\"\r\n )}\r\n \r\n \r\n {fetchJobGreetingsLabel(\r\n \"Job.JobMatches.JobGreetings.UploadNewResume\"\r\n )}\r\n \r\n