https://xyrus.ai/_next/static/chunks/6707.288ef858cb985eea.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6707],{48346:(e,s,l)=>{l.d(s,{default:()=>i});var r=l(95155),t=l(12115),a=l(25016),n=l(28990);let i=e=>{let{label:s,loading:l,items:i,selectedItems:d,onSelectionChange:c,renderItem:o,className:u,showRecommendedSection:x=!1,title:m="All Candidates",onLoadMore:h,hasMore:f,isLoadingMore:g,searchQuery:v,onSearchChange:p,isSearching:j=!1}=e,[b,y]=(0,t.useState)(""),[N,S]=(0,t.useState)(!1),w=(0,t.useRef)(null),C=(0,t.useRef)(null),k=(0,t.useRef)(null),E=void 0!==v?v:b,L=p||y,A=void 0!==v?i:i.filter(e=>""===E||e.name.toLowerCase().includes(E.toLowerCase())),I=A.filter(e=>(e.cdoRstScore||0)>30).sort((e,s)=>(s.cdoRstScore||0)-(e.cdoRstScore||0)).slice(0,5),R=e=>{d.find(s=>s.id===e.id)?c(d.filter(s=>s.id!==e.id)):c([...d,e]),void 0===v&&L("")},M=e=>{c(d.filter(s=>s.id!==e))};(0,t.useEffect)(()=>{let e=e=>{w.current&&!w.current.contains(e.target)&&S(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),(0,t.useEffect)(()=>{if(!N)return;let e=C.current,s=k.current;if(!e||!s||!h)return;let l=new IntersectionObserver(e=>{let s=e[0];s&&s.isIntersecting&&!1!==f&&!g&&h()},{root:e,rootMargin:"200px 0px 0px 0px",threshold:0});return l.observe(s),()=>l.disconnect()},[N,h,f,g]);let D=(e,s)=>(0,r.jsxs)("div",{className:(0,a.cn)("flex items-center gap-3 p-2 rounded cursor-pointer hover:bg-gray-50"),children:[(0,r.jsx)("div",{className:"flex items-center gap-2",children:(0,r.jsx)("input",{type:"checkbox",checked:s,onChange:l=>{l.stopPropagation(),s?M(e.id):R(e)},className:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2"})}),(0,r.jsx)("div",{className:"w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center shrink-0",children:(0,r.jsx)("span",{className:"text-gray-700 font-semibold text-xs",children:e.name.split(" ").map(e=>e[0]).join("").toUpperCase().slice(0,2)})}),(0,r.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,r.jsx)("div",{className:"font-medium text-gray-900 truncate",children:e.name}),e.role&&(0,r.jsx)("div",{className:"text-sm text-gray-600",children:e.role})]})]});return(0,r.jsxs)("div",{className:(0,a.cn)("space-y-3 p-0.5",u),children:[s&&(0,r.jsx)("label",{className:"text-sm font-medium text-gray-700 ",children:s}),(0,r.jsxs)("div",{className:"relative mt-2",ref:w,children:[(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("input",{type:"text",disabled:l,value:E,onChange:e=>{L(e.target.value),S(!0)},onFocus:()=>S(!0),placeholder:l?"Loading...":N?"Search":"Select",className:"w-full px-3 py-2 pr-10 border border-gray-200 rounded-lg focus:outline-none focus:ring-1  focus:border-transparent"}),(0,r.jsx)("div",{className:"absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none",children:(0,r.jsx)(n.A,{icon:"/images/icons/chevron-down.svg",width:16,height:16})})]}),d.length>0&&(0,r.jsx)("div",{className:"mt-3 flex flex-wrap gap-2",children:d.map(e=>(0,r.jsxs)("div",{className:"flex items-center gap-2 bg-gray-100 rounded-full px-3 py-1 text-sm",children:[(0,r.jsx)("span",{className:"text-gray-700",children:e.name}),(0,r.jsx)("button",{onClick:()=>M(e.id),className:"text-gray-500 hover:text-gray-700",children:"\xd7"})]},e.id))}),N&&(0,r.jsx)("div",{ref:C,className:"absolute top-full left-0 right-0 mt-1 bg-white border border-gray-200 rounded-lg shadow-lg z-10 h-[70vh] overflow-y-auto",children:(0,r.jsx)("div",{className:"p-2",children:j?(0,r.jsx)("div",{className:"flex items-center justify-center py-8",children:(0,r.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,r.jsx)("div",{className:"animate-spin rounded-full h-6 w-6 border-b-2 border-blue-600"}),(0,r.jsx)("p",{className:"text-sm text-gray-600",children:"Searching candidates..."})]})}):(0,r.jsxs)(r.Fragment,{children:[x&&I.length>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"flex items-center justify-between p-2 border-b border-gray-100 mb-2",children:(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("input",{type:"checkbox",checked:I.length>0&&I.every(e=>d.find(s=>s.id===e.id)),onChange:()=>{if(I.every(e=>d.find(s=>s.id===e.id)))c(d.filter(e=>!I.find(s=>s.id===e.id)));else{let e=[...d];I.forEach(s=>{e.find(e=>e.id===s.id)||e.push(s)}),c(e)}},className:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2"}),(0,r.jsx)("h3",{className:"text-sm font-medium text-gray-700",children:"Recommended Candidates"})]})}),(0,r.jsx)("div",{className:"mb-4",children:null==I?void 0:I.map(e=>{let s=d.find(s=>s.id===e.id);return(0,r.jsx)("div",{onClick:()=>R(e),children:o?o(e,!!s):D(e,!!s)},e.id)})})]}),(()=>{let e=x?A.filter(e=>!I.find(s=>s.id===e.id)):A;return e.length>0?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"flex items-center justify-between p-2 border-b border-gray-100 mb-2",children:(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("input",{type:"checkbox",checked:e.length>0&&e.every(e=>d.find(s=>s.id===e.id)),onChange:()=>{if(e.every(e=>d.find(s=>s.id===e.id)))c(d.filter(s=>!e.find(e=>e.id===s.id)));else{let s=[...d];

1e.forEach(e=>{s.find(s=>s.id===e.id)||s.push(e)}),c(s)}},className:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2"}),(0,r.jsx)("h3",{className:"text-sm font-medium text-gray-700",children:m})]})}),(0,r.jsx)("div",{children:e.map(e=>{let s=d.find(s=>s.id===e.id);return(0,r.jsx)("div",{onClick:()=>R(e),children:o?o(e,!!s):D(e,!!s)},e.id)})})]}):null})(),0===A.length?(0,r.jsx)("div",{className:"text-center py-4 text-gray-500",children:"No items found"}):null,(0,r.jsx)("div",{ref:k,className:"h-1"}),g?(0,r.jsx)("div",{className:"text-center py-3 text-gray-500 text-sm",children:"Loading…"}):null,!1===f?(0,r.jsx)("div",{className:"text-center py-2 text-gray-400 text-xs",children:"No more results"}):null]})})})]})]})}},76707:(e,s,l)=>{l.r(s),l.d(s,{default:()=>o});var r=l(95155),t=l(12115),a=l(97003),n=l(48346),i=l(47507),d=l(90235);let c=[{id:"1",name:"Hubort Dian",role:"Sr. Developer",avatar:"HD"},{id:"2",name:"Adam Eve",role:"Sr. Developer",avatar:"AE"},{id:"3",name:"Ava Stone",role:"Product Manager",avatar:"AS"},{id:"4",name:"John Carter",role:"QA Engineer",avatar:"JC"},{id:"5",name:"Lara Brooks",role:"Designer",avatar:"LB"}];function o(e){let{data:s}=e,[l,o]=(0,t.useState)(""),[u,x]=(0,t.useState)([]),[m,h]=(0,t.useState)(!1),f=(0,t.useMemo)(()=>c,[]),g=async()=>{if(l&&0!==u.length){h(!0);try{var e,r;await (null==s||null==(e=s.onSave)?void 0:e.call(s,{inviteTo:l,candidates:u})),null==s||null==(r=s.closeModal)||r.call(s)}finally{h(!1)}}};return(0,r.jsxs)("div",{className:"h-full flex flex-col",children:[(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto space-y-6 pr-1",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)(d.Label,{className:"mb-2 block",children:"Invite To*"}),(0,r.jsxs)(i.Select,{value:l,onValueChange:o,children:[(0,r.jsx)(i.SelectTrigger,{className:"w-full",children:(0,r.jsx)(i.SelectValue,{placeholder:"Select"})}),(0,r.jsxs)(i.SelectContent,{className:"bg-white z-[9999]",children:[(0,r.jsx)(i.SelectItem,{value:"email",children:"Email"}),(0,r.jsx)(i.SelectItem,{value:"sms",children:"SMS"}),(0,r.jsx)(i.SelectItem,{value:"whatsapp",children:"WhatsApp"})]})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)(d.Label,{className:"mb-2 block",children:"Select Candidates*"}),(0,r.jsx)(n.default,{items:f,selectedItems:u,onSelectionChange:x})]})]}),(0,r.jsxs)("div",{className:"pt-4 flex gap-3",children:[(0,r.jsx)(a.Button,{onClick:g,disabled:m||!l||0===u.length,children:m?"Sharing...":"Share"}),(0,r.jsx)(a.Button,{variant:"outline",onClick:()=>{var e;return null==s||null==(e=s.closeModal)?void 0:e.call(s)},disabled:m,children:"Cancel"})]})]})}}}]);