https://www.elevolt.co.ke/_next/static/chunks/pages/hr/[tenant]/hiring/[id]/scorecards-8d78f6a88ebf8cd0.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="38ba48bf-2271-4b94-ac30-503af38e7b8e",e._sentryDebugIdIdentifier="sentry-dbid-38ba48bf-2271-4b94-ac30-503af38e7b8e")}()}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7737],{46910:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/hr/[tenant]/hiring/[id]/scorecards",function(){return t(66450)}])},66450:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return V}});var n=t(52322),i=t(1973),r=t(22406),a=t(65232),l=t(47477),c=t(77590),o=t(18808),d=t(71186),m=t(38327),u=t(78690),x=t(44707),p=t(79453),h=t(3316),g=t(23825),f=t(75588),j=t(19317),b=t(75457),v=t(76467),y=t(84475),N=t(59417),w=t(99603),R=t(36160),Z=t.n(R),_=t(13980),I=t.n(_),C=t(2784);let T=e=>{let{application:s,interview:t,statusInfo:i,className:r=""}=e;if(!s)return null;let a=(null==t?void 0:t.applicant)||(null==s?void 0:s.applicant);return(0,n.jsx)("div",{className:"space-y-3 w-full ".concat(r),children:(0,n.jsxs)("div",{className:"grid grid-cols-4 gap-2",children:[(0,n.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,n.jsx)("div",{className:"flex items-center justify-center w-8 h-8 rounded-full bg-".concat(i.color,"-100"),children:(0,n.jsx)(w.G,{icon:N.U6l,size:"sm"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-sm font-medium text-gray-500",children:"Name"}),(0,n.jsx)("p",{className:"text-sm text-gray-900 capitalize truncate",children:(null==a?void 0:a.name)||"N/A"})]})]}),(0,n.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,n.jsx)("div",{className:"flex items-center justify-center w-8 h-8 rounded-full bg-".concat(i.color,"-100"),children:(0,n.jsx)(w.G,{icon:N.mSY,size:"sm"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-sm font-medium text-gray-500",children:"Email"}),(0,n.jsx)("p",{className:"text-sm text-gray-900 truncate",children:(null==a?void 0:a.email)||"N/A"})]})]}),!!(null==a?void 0:a.phone)&&(0,n.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,n.jsx)("div",{className:"flex items-center justify-center w-8 h-8 rounded-full bg-".concat(i.color,"-100"),children:(0,n.jsx)(w.G,{icon:N.j1w,size:"sm"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-sm font-medium text-gray-500",children:"Phone"}),(0,n.jsx)("p",{className:"text-sm text-gray-900",children:a.phone})]})]}),!!s.created_at&&(0,n.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,n.jsx)("div",{className:"flex items-center justify-center w-8 h-8 rounded-full bg-".concat(i.color,"-100"),children:(0,n.jsx)(w.G,{icon:N.IV4,size:"sm"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-sm font-medium text-gray-500",children:"Applied"}),(0,n.jsx)("p",{className:"text-sm text-gray-900",children:(0,l.p6)(s.created_at,"MMM dd, yyyy")})]})]}),!!s.status&&(0,n.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,n.jsx)("div",{className:"flex items-center justify-center w-8 h-8 rounded-full bg-".concat(i.color,"-100"),children:(0,n.jsx)(w.G,{icon:N.LEp,size:"sm"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-sm font-medium text-gray-500",children:"Status"}),(0,n.jsx)("p",{className:"text-sm text-gray-900 capitalize",children:(0,c.parseUnderScore)(s.status)})]})]})]})})};T.propTypes={application:I().shape({applicant:I().shape({name:I().string,email:I().string,phone:I().string}),created_at:I().string,status:I().string}),interview:I().shape({applicant:I().shape({name:I().string,email:I().string,phone:I().string})}),statusInfo:I().shape({color:I().string.isRequired}).isRequired,className:I().string};var E=t(79337);let k="appearance-none flex justify-start items-center text-sm font-medium hover:text-blue-dark rounded-sm py-3 px-4 bg-gray-100 hover:bg-gray-200",M=e=>{let{post:s,tenantName:t}=e;return Z()(s)?null:(0,n.jsxs)("a",{className:k,href:"/hr/".concat(t,"/hiring/").concat(s.jid),children:[(0,n.jsx)(w.G,{className:"mr-2 text-sm",icon:N.x58,size:"1x"}),"Manage Jobpost",(0,n.jsx)(w.G,{className:"ml-auto text-sm text-inherit",icon:N._tD,size:"1x"})]})};M.propTypes={post:I().object,tenantName:I().string};let S=e=>{let{post:s}=e;return Z()(s)?null:(0,n.jsxs)("a",{className:k,href:"/job/".concat(s.slug),rel:"noreferrer",target:"_blank",children:[(0,n.jsx)(w.G,{className:"mr-2 text-sm",icon:N.nNP,size:"1x"}),"Preview Jobpost",(0,n.jsx)(w.G,{className:"ml-auto text-sm text-inherit",icon:N._tD,size:"1x"})]})};S.propTypes={post:I().object};let G=e=>{let{post:s,tenantName:t}=e;return Z()(s)||!s.applications||0===s.applications.length?null:(0,n.jsxs)("a",{className:k,href:"/hr/".concat(t,"/hiring/").concat(s.jid,"/applications/"),children:[(0,n.jsx)(w.G,{className:"mr-2 text-sm",icon:N.FVb,size:"1x"}),"View Applications",(0,n.jsx)(v.Z,{as:"span",className:"bg-blue py-1 px-3 ml-2 text-white text-xs rounded-full leading-none",children:s.applications.length}),(0,n.jsx)(w.G,{className:"ml-auto text-sm text-inherit",icon:N._tD,size:"1x"})]})};G.propTypes={post:I().object,tenantName:I().string};let q=e=>{let{post:s,tenantName:t}=e;return Z()(s)||!s.interviews||0===s.interviews.length?null:(0,n.jsxs)("a",{className:k,href:"/hr/".concat(t,"/hiring/").concat(s.jid,"/interviews/"),children:[(0,n.jsx)(w.G,{className:"mr-2 text-sm",icon:N.IV4,size:"1x"}),"View Interviews",(0,n.jsx)(v.Z,{as:"span",className:"bg-blue py-1 px-3 ml-2 text-white text-xs rounded-full leading-none",children:s.interviews.length}),(0,n.jsx)(w.G,{className:"ml-auto text-sm text-inherit",icon:N._tD,size:"1x"})]})};q.propTypes={post:I().object,tenantName:I().string};var z=t(90551);let A=e=>"hire"===e?{color:"blue",label:"Hire"}:"no_hire"===e?{color:"red",label:"No Hire"}:"maybe"===e?{color:"yellow",label:"Maybe"}:{color:"blue",label:"Pending"},L=e=>{var s;let{scorecard:t}=e,{interview:i,application:r}=t,a=(0,C.useMemo)(()=>A(t.recommendation),[t.recommendation]);return(0,n.jsxs)("div",{className:"w-full mb-4 border border-gray-200 rounded-lg p-4",children:[!!r&&(0,n.jsx)(T,{application:r,className:"mb-4",interview:i,statusInfo:a}),!!i&&(0,n.jsxs)("div",{className:"mb-4 flex items-center space-x-6 text-sm text-gray-600",children:[(0,n.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,n.jsx)(w.G,{icon:N.IV4}),(0,n.jsx)(v.Z,{as:"span",variant:"labelValue",children:"Interview Date:"}),(0,n.jsx)(v.Z,{as:"span",variant:"bodySmall",children:(0,l.p6)("".concat(i.date,"T").concat(i.start_at),"MMM dd, yyyy p")})]}),!!i.interviewer&&(0,n.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,n.jsx)(w.G,{icon:N.FVb}),(0,n.jsxs)(v.Z,{as:"span",variant:"bodySmall",children:["Interviewer: ",null===(s=i.interviewer)||void 0===s?void 0:s.name]})]})]}),(0,n.jsx)(z.N,{scorecards:[t]})]})};L.propTypes={scorecard:I().shape({id:I().any,jobpost_id:I().any,overall_rating:

1I().number,recommendation:I().string,application:I().object,applicant:I().object,interview:I().object}).isRequired};let F=e=>{let{tenantName:s,id:t}=e,[l,v]=(0,C.useState)(""),[y,R]=(0,C.useState)(""),_=(0,u.Z)(l,300),{data:I,isLoading:T,error:k}=(0,x.vl)({id:t,realm:"hr",enabled:!!t}),z=(0,C.useMemo)(()=>{var e;return null!==(e=null==I?void 0:I.data)&&void 0!==e?e:{}},[null==I?void 0:I.data]),{data:A,isLoading:F,isFetching:V,error:H}=(0,h.aZ)({jobpostId:t,enabled:!!t}),P=(0,C.useMemo)(()=>{var e;return null!==(e=null==A?void 0:A.data)&&void 0!==e?e:[]},[null==A?void 0:A.data]),D=(0,C.useMemo)(()=>{let e=P;return _&&(e=e.filter(e=>{var s,t,n;return((null===(t=e.application)||void 0===t?void 0:null===(s=t.applicant)||void 0===s?void 0:s.name)||(null===(n=e.applicant)||void 0===n?void 0:n.name)||"").toLowerCase().includes(_.toLowerCase())})),y&&(e=e.filter(e=>e.recommendation===y)),e},[P,_,y]),U=(0,C.useMemo)(()=>{let e=P.length;return{total:e,hireCount:P.filter(e=>"hire"===e.recommendation).length,noHireCount:P.filter(e=>"no_hire"===e.recommendation).length,maybeCount:P.filter(e=>"maybe"===e.recommendation).length}},[P]),W=(0,C.useMemo)(()=>[{href:"/hr/".concat(s,"/hiring/"),name:"Hiring",nodeType:"Link"},{href:"/hr/".concat(s,"/hiring/").concat(z.jid),name:(0,c.excerpt)(z.title,40),nodeType:"Link"},{href:"#",name:"Scorecards",nodeType:"a"}],[s,z.jid,z.title]),O=(0,C.useMemo)(()=>[()=>(0,n.jsx)(M,{post:z,tenantName:s}),()=>(0,n.jsx)(S,{post:z}),()=>(0,n.jsx)(G,{post:z,tenantName:s}),()=>(0,n.jsx)(q,{post:z,tenantName:s})],[z,s]),B=(0,C.useCallback)(e=>{v(e.target.value)},[]),J=(0,C.useCallback)(()=>{v("")},[]),Q=(0,C.useCallback)(e=>{R(e)},[]),X=(0,C.useMemo)(()=>[{text:"All Recommendations",action:()=>Q("")},{text:"Hire",action:()=>Q("hire")},{text:"No Hire",action:()=>Q("no_hire")},{text:"Maybe",action:()=>Q("maybe")}],[Q]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(E.Z,{title:"".concat((0,c.kC)((0,c.parseUnderScore)(s))," - Scorecards")}),(0,n.jsxs)("main",{className:"container flex flex-col gap-4 mx-auto px-4 md:px-8 lg:px-12 pb-6",children:[(0,n.jsx)(f.Z,{breadcrumbs:W,description:"Compare your interviewers' completed evaluations and their hire recommendations",tenantName:s,title:"Scorecards"}),(0,n.jsxs)(p.Z,{canAccess:e=>(0,o.dg)(e)&&(0,d.UQ)(e,"view_scorecards"),deniedDescription:"You don't have access to scorecards for this job post. Ask a hiring manager to add you to the team.",deniedMessage:"Scorecards unavailable",isError:!!k,isLoading:T,post:z,tenantName:s,children:[(0,n.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[(0,n.jsx)(m.Z,{icon:N.OGB,label:"Total",value:U.total}),(0,n.jsx)(m.Z,{icon:N.hkK,label:"Hire",value:U.hireCount}),(0,n.jsx)(m.Z,{icon:N.iC0,label:"No Hire",value:U.noHireCount}),(0,n.jsx)(m.Z,{icon:N.Stf,label:"Maybe",value:U.maybeCount})]}),(0,n.jsxs)("div",{className:"w-full flex flex-col md:flex-row",children:[(0,n.jsx)("div",{className:"w-full md:w-9/12 md:pr-4 flex flex-col",children:(0,n.jsx)(a.ZP,{heading:"Scorecards for ".concat(z.title),children:(0,n.jsxs)(a.eW,{children:[(0,n.jsx)("div",{className:"w-full mb-6",children:(0,n.jsxs)("div",{className:"w-full grid grid-cols-1 sm:grid-cols-2 lg:flex lg:items-center gap-4",children:[(0,n.jsx)("div",{className:"sm:col-span-2 lg:flex-1 lg:min-w-[280px]",children:(0,n.jsx)(b.Z,{className:"w-full md:w-full",name:"scorecard-search",onChange:B,onClear:J,placeholder:"Search by candidate name...",value:l})}),(0,n.jsx)("div",{className:"lg:min-w-[200px] lg:flex-shrink-0",children:(0,n.jsx)(j.Z,{buttonClassName:"flex items-center justify-between w-full px-4 py-3 text-xs font-medium text-gray-700 bg-blue-50 border border-gray-200 bg-white rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500 hover:bg-gray-100",menuIcon:(0,n.jsxs)("span",{className:"flex items-center text-inherit text-sm capitalize",children:[(0,n.jsx)(w.G,{className:"text-gray-400 mr-2",icon:N.G_j}),"".concat(y?(0,c.parseUnderScore)(y):"All"," Recommendations")]}),menuItems:X})})]})}),!!(F||H||Z()(D))&&(0,n.jsx)(i.Z,{description:H?"Please try refreshing the page.":l||y?"Try adjusting your search or filter criteria.":"Scorecards will appear here once interviews are completed.",design:"wrapped",isError:!!H,isLoading:F,message:H?"Failed to load scorecards":l||y?"No scorecards match your filters":"No scorecards foun

1d"}),!!(!F&&!H&&!Z()(D))&&(0,n.jsx)(g.Z,{isFetching:V,children:(0,n.jsx)("div",{className:"space-y-4",children:D.map(e=>(0,n.jsx)(L,{scorecard:e},e.id))})})]})})}),(0,n.jsx)("div",{className:"hidden md:flex md:w-3/12 flex-col pl-4",children:(0,n.jsx)(r.Z,{addons:O,user:e.user})})]})]})]})]})};F.getInitialProps=async e=>{let s=e.query.tenant,{id:t}=e.query;return!s&&e.res?{notFound:!0}:{tenantName:s,id:t}},F.propTypes={tenantName:I().string,user:I().object,id:I().string};var V=(0,y.withAuthSync)(F)},71186:function(e,s,t){"use strict";t.d(s,{L2:function(){return c},P5:function(){return i},Ry:function(){return a},UQ:function(){return l},p2:function(){return r}});let n={HIRING_MANAGER:"hiring_manager",RECRUITER:"recruiter",INTERVIEWER:"interviewer",VIEWER:"viewer"},i={[n.HIRING_MANAGER]:{label:"Hiring Manager",color:"blue",description:"Full control of this job post, its pipeline, and team assignments.",rank:4},[n.RECRUITER]:{label:"Recruiter",color:"orange",description:"Manages applications and schedules interviews. Cannot edit or delete the post.",rank:3},[n.INTERVIEWER]:{label:"Interviewer",color:"green",description:"Reviews assigned candidates, runs their interviews, and submits scorecards.",rank:2},[n.VIEWER]:{label:"Viewer",color:"gray",description:"Read-only access to this post and its pipeline.",rank:1}},r=Object.values(n).sort((e,s)=>i[s].rank-i[e].rank).map(e=>({value:e,label:i[e].label,description:i[e].description})),a=e=>{var s;return null!==(s=i[e])&&void 0!==s?s:null},l=(e,s)=>{var t;return!!(null==e?void 0:null===(t=e.my_permissions)||void 0===t?void 0:t[s])},c=e=>l(e,"manage_assignments")},38327:function(e,s,t){"use strict";var n=t(52322),i=t(92942),r=t(12524),a=t.n(r),l=t(13980),c=t.n(l);t(2784);var o=t(76467);let d=e=>{let{value:s,label:t,icon:r,onClick:l,isActive:c=!1,disabled:d=!1,className:m,title:u,ariaLabel:x}=e,p=!!l,h=p?{type:"button",onClick:d?void 0:l,disabled:d}:{};return(0,n.jsxs)(p?"button":"div",{"aria-label":x,className:a()("px-5 py-4 flex flex-col gap-2 rounded-xl transition-all text-left w-full","bg-white border",{"opacity-60 cursor-not-allowed":d,"border-blue shadow-sm":c&&!d,"border-gray-200":!c,"hover:border-blue-200 hover:shadow-md cursor-pointer":p&&!d&&!c},m),title:u,...h,children:[(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)(i.FontAwesomeIcon,{className:a()("text-sm",{"text-blue":c,"text-gray-400":!c}),icon:r}),(0,n.jsx)(o.Z,{variant:"label",children:t})]}),(0,n.jsx)(o.Z,{variant:"stat",children:s})]})};d.propTypes={value:c().oneOfType([c().number,c().string]).isRequired,label:c().string.isRequired,icon:c().object.isRequired,onClick:c().func,isActive:c().bool,disabled:c().bool,className:c().string,title:c().string,ariaLabel:c().string},s.Z=d},78690:function(e,s,t){"use strict";var n=t(2784);s.Z=function(e,s){let[t,i]=(0,n.useState)(e);return(0,n.useEffect)(()=>{let t=setTimeout(()=>{i(e)},s);return()=>{clearTimeout(t)}},[e,s]),t}},79453:function(e,s,t){"use strict";var n=t(52322),i=t(13980),r=t.n(i),a=t(47023),l=t(1973);let c=e=>{let{tenantName:s,post:t,isLoading:i,isError:r,canAccess:c,deniedMessage:o,deniedDescription:d,children:m}=e;return i?(0,n.jsx)("div",{className:"w-full my-8",children:(0,n.jsx)(l.Z,{design:"wrapped",isLoading:!0,message:"Loading job post"})}):r?(0,n.jsx)("div",{className:"w-full my-8",children:(0,n.jsx)(l.Z,{description:"Something went wrong on our end. Please refresh the page to try again.",design:"wrapped",isError:!0,message:"Couldn't load this job post"})}):(null==t?void 0:t.jid)?c(t)?m:(0,n.jsx)("div",{className:"w-full my-8",children:(0,n.jsx)(l.Z,{action:(0,n.jsx)(a.Z,{design:"primary",href:"/hr/".concat(s,"/hiring/").concat(t.jid),children:"Back to job post"}),description:d,design:"wrapped",message:o})}):(0,n.jsx)("div",{className:"w-full my-8",children:(0,n.jsx)(l.Z,{action:(0,n.jsx)(a.Z,{design:"secondary",href:"/hr/".concat(s,"/hiring/"),children:"Back to hiring"}),description:"We couldn't find this job post. It may have been removed, or the link may be incorrect.",design:"wrapped",message:"Job post not found"})})};

1c.propTypes={tenantName:r().string,post:r().shape({jid:r().string,status:r().string}),isLoading:r().bool.isRequired,isError:r().bool.isRequired,canAccess:r().func.isRequired,deniedMessage:r().string.isRequired,deniedDescription:r().string.isRequired,children:r().node},s.Z=c},23825:function(e,s,t){"use strict";var n=t(52322),i=t(13980),r=t.n(i),a=t(2784),l=t(42369);let c=e=>{let{isFetching:s=!1,delayMs:t=200,size:i="sm",message:r,className:c="",children:o}=e,[d,m]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{if(!s){m(!1);return}let e=setTimeout(()=>m(!0),t);return()=>clearTimeout(e)},[s,t]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{"aria-busy":!!s,className:"relative ".concat(c),children:[!!d&&(0,n.jsx)(l.J,{className:"pointer-events-none",fixed:!1,size:i,zIndexClass:"z-10"}),o]}),!!d&&(0,n.jsx)("span",{className:"sr-only",role:"status",children:r||"Updating"})]})};c.propTypes={isFetching:r().bool,delayMs:r().number,size:r().string,message:r().string,className:r().string,children:r().node.isRequired},s.Z=c},75588:function(e,s,t){"use strict";var n=t(52322),i=t(13980),r=t.n(i);t(2784);var a=t(16049),l=t(76467);let c=e=>{let{tenantName:s,breadcrumbs:t,title:i,description:r,actions:c,titleProps:o,fullWidth:d=!0}=e;return(0,n.jsxs)("div",{className:d?"w-full":"container mx-auto px-4 md:px-8 lg:px-12",children:[(0,n.jsx)("div",{children:(0,n.jsx)(a.Z,{home:"/hr/".concat(s,"/"),links:t})}),(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 py-4",children:[(0,n.jsxs)("div",{...o,children:[(0,n.jsx)(l.Z,{variant:"heading1",children:i}),!!r&&(0,n.jsx)(l.Z,{className:"mt-1",variant:"bodySmall",children:r})]}),!!c&&(0,n.jsx)("div",{className:"flex items-center gap-3",children:c})]})]})};c.propTypes={tenantName:r().string.isRequired,breadcrumbs:r().arrayOf(r().shape({href:r().string.isRequired,name:r().string.isRequired,nodeType:r().string})).isRequired,title:r().node.isRequired,description:r().string,actions:r().node,titleProps:r().object,fullWidth:r().bool},s.Z=c},75457:function(e,s,t){"use strict";var n=t(52322),i=t(2369),r=t(92942),a=t(12524),l=t.n(a),c=t(13980),o=t.n(c);t(2784);var d=t(95254);let m=e=>{let{value:s,onChange:t,onClear:a,placeholder:c="Search...",className:o,name:m="search"}=e;return(0,n.jsxs)("div",{className:l()("relative w-full md:w-72",o),children:[(0,n.jsx)("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:(0,n.jsx)(r.FontAwesomeIcon,{className:"text-gray-400 text-sm",icon:i.wn1})}

1),(0,n.jsx)(d.o,{inputClassName:"pl-10 pr-10",name:m,onChange:t,placeholder:c,type:"text",value:s}),!!(s&&a)&&(0,n.jsx)("button",{"aria-label":"Clear search",className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600",onClick:a,type:"button",children:(0,n.jsx)(r.FontAwesomeIcon,{className:"text-sm",icon:i.NBC})})]})};m.propTypes={value:o().string.isRequired,onChange:o().func.isRequired,onClear:o().func,placeholder:o().string,className:o().string,name:o().string},s.Z=m}},function(e){e.O(0,[4976,5351,9603,6383,1985,974,4707,8422,551,2888,9774,179],function(){return e(e.s=46910)}),_N_E=e.O()}]);