https://xyrus.ai/_next/static/chunks/8999.3dcffcc0eef863c2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8999],{5917:(e,t,l)=>{l.d(t,{A:()=>n});let n=(0,l(71847).A)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]])},24033:(e,t,l)=>{l.d(t,{A:()=>n});let n=(0,l(71847).A)("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]])},27937:(e,t,l)=>{l.d(t,{A:()=>n});let n=(0,l(71847).A)("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]])},45828:(e,t,l)=>{l.d(t,{H:()=>s});var n=l(12115);let s=(e,t)=>{let[l,s]=(0,n.useState)(null!=e?e:new Set),[r,c]=(0,n.useState)(null!=t?t:new Set);return{expandedDescriptions:l,expandedNotes:r,handleViewMore:(0,n.useCallback)(e=>{s(t=>{let l=new Set(t);return l.has(e)?l.delete(e):l.add(e),l})},[]),toggleNoteExpansion:(0,n.useCallback)(e=>{c(t=>{let l=new Set(t);return l.has(e)?l.delete(e):l.add(e),l})},[])}}},88999:(e,t,l)=>{l.r(t),l.d(t,{default:()=>d});var n=l(95155),s=l(12115),r=l(24033),c=l(27937),a=l(5917),o=l(45828),i=l(82180);function d(e){let{competencies:t,expandedClusters:l,expandedCompetencies:r,onClusterToggle:c,onCompetencyToggle:a,hasClusters:o=!1,levels:i,searchMatches:d,highlightText:p,enableInteractions:m=!1,selectedLevelByCompetency:x={},onCompetencyLevelToggle:u,apiPreselectedCompetencies:g=new Set,selectedCompetencies:b,onCompetencySelectionChange:f,noInput:v=!1}=e,j=(0,s.useCallback)(e=>{let t=[];return e.forEach(e=>{t.push(e.id),e.competencies&&t.push(...j(e.competencies))}),t},[]),y=(0,s.useCallback)((e,t)=>{for(let l of e){if(l.id===t)return l;if(l.competencies){let e=y(l.competencies,t);if(e)return e}}return null},[]),w=(0,s.useCallback)(function(e,t){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;for(let n of e){if(n.id===t)return l;if(n.competencies&&n.competencies.length>0){let e=w(n.competencies,t,n.id);if(e)return e}}return null},[]),C=(0,s.useMemo)(()=>b||new Set,[b]),[k,N]=(0,s.useState)(new Set),S=(0,s.useCallback)(e=>{var t;let l=[];return(null==(t=e.competencies)?void 0:t.length)?e.competencies.forEach(e=>l.push(...S(e))):l.push(e.id),l},[]),T=(0,s.useCallback)((e,l)=>{let n=new Set(C),s=y(t,e);if(s){if(l)s.competencies&&s.competencies.length>0?(n.add(s.id),S(s).forEach(e=>n.add(e))):n.add(s.id),N(t=>{var l;let n=new Set(t);return n.delete(e),(null==(l=s.competencies)?void 0:l.length)&&S(s).forEach(e=>n.delete(e)),n});else if(n.delete(s.id),s.competencies&&s.competencies.length>0){let e=S(s);e.forEach(e=>n.delete(e)),N(t=>{let l=new Set(t);return e.forEach(e=>l.add(e)),l})}else N(e=>new Set(e).add(s.id));null==f||f(n)}},[C,f,t,y,S]);(0,s.useEffect)(()=>{0!==k.size&&u&&(k.forEach(e=>{let l=y(t,e);

1l&&i.forEach(e=>{u(l.id,e.level,!1)})}),N(new Set))},[k,u,x,i,t,y]);let E=(0,s.useRef)(null),[M,_]=(0,s.useState)("75vh");return(0,s.useEffect)(()=>{let e=E.current;if(!e)return;let t=()=>{if(E.current){let e=E.current.getBoundingClientRect(),t=window.innerHeight,l=Math.max(400,Math.min(t-e.top-32,.75*t));_("".concat(l,"px"))}};t(),window.addEventListener("resize",t);let l=setTimeout(t,100),n=new ResizeObserver(t);return n.observe(e),()=>{window.removeEventListener("resize",t),clearTimeout(l),n.disconnect()}},[]),(0,n.jsx)("div",{ref:E,className:"bg-text-bg rounded-lg border border-t-2 border-text-stroke mb-8 w-full",style:{borderTopColor:"var(--color-accent-15)"},children:(0,n.jsx)("div",{className:"overflow-auto w-full",style:{height:M},children:(0,n.jsxs)("table",{className:"w-full border-collapse relative",children:[(0,n.jsx)("thead",{className:"bg-gray-200 sticky top-0 z-10",children:(0,n.jsxs)("tr",{className:"border-b border-text-stroke",children:[(0,n.jsx)("th",{className:"text-left px-3 font-semibold text-sm text-brand-primary border border-text-stroke",style:{width:"30%"},children:(0,n.jsx)("div",{className:"min-h-[80px] flex items-center",children:o?"Cluster":"Competency"})}),null==i?void 0:i.map(e=>(0,n.jsx)("th",{className:"text-left px-3 font-semibold text-s border border-text-stroke",style:{width:"".concat(70/i.length,"%")},children:(0,n.jsx)("div",{className:"min-h-[80px] flex items-center",children:(0,n.jsx)("span",{className:"text-sm text-brand-primary",children:e.title})})},e.title))]})}),(0,n.jsx)("tbody",{children:t.map(e=>(0,n.jsx)(h,{competency:e,expandedClusters:l,expandedCompetencies:r,onClusterToggle:c,onCompetencyToggle:a,levels:i,searchMatches:d||new Map,highlightText:p||(e=>e),enableInteractions:m,selectedLevelByCompetency:x,apiPreselectedCompetencies:g,selectedCompetencies:C,...T?{onCompetencySelectionToggle:T}:{},noInput:v,...u?{onCompetencyLevelToggle:u}:{}},e.id))})]})})})}function h(e){var t,l;let{competency:s,expandedClusters:d,expandedCompetencies:p,onClusterToggle:m,onCompetencyToggle:x,isNested:u=!1,parentEnabled:g=!0,levels:b,searchMatches:f,highlightText:v,enableInteractions:j=!1,selectedLevelByCompetency:y={},onCompetencyLevelToggle:w,apiPreselectedCompetencies:C=new Set,selectedCompetencies:k=new Set,onCompetencySelectionToggle:N,noInput:S=!1}=e,T=s.competencies&&s.competencies.length>0,E=d.has(s.id),M=p.has(s.id),{expandedDescriptions:_,handleViewMore:A}=(0,o.H)(),L=k.has(s.id),I=g&&L;if(T&&s.competencies){let e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("tr",{className:"border-b border-text-stroke",children:[(0,n.jsx)("td",{className:"py-2 px-3 border border-text-stroke",style:{width:"30%"},children:(0,n.jsxs)("div",{className:"min-h-[80px] flex items-center gap-2",children:[!S&&(0,n.jsxs)(i.Tooltip,{children:[(0,n.jsx)(i.TooltipTrigger,{asChild:!0,children:(0,n.jsx)("input",{type:"checkbox",className:"h-3 w-3 rounded-sm ring-1 ring-text-stroke focus:ring-2 ".concat(j?"cursor-pointer":"cursor-default"),checked:I,onClick:e=>e.stopPropagation(),onChange:()=>{j&&(null==N||N(s.id,!L))},"aria-label":"Select cluster ".concat(s.name)})}),(0,n.jsx)(i.TooltipContent,{children:j?I?"Deselect if not applicable":"Select if applicable":"Assessment completed. Selection cannot be made."})]}),(0,n.jsxs)("button",{onClick:()=>m(s.id),className:"flex items-center gap-2 text-left font-medium text-s text-text-primary hover:text-brand-primary transition-colors cursor-pointer",children:[E?(0,n.jsx)(r.A,{className:"w-4 h-4"}):(0,n.jsx)(c.A,{className:"w-4 h-4"}),(0,n.jsx)("span",{dangerouslySetInnerHTML:{__html:f&&f.has(s.id)&&(null==(l=f.get(s.id))?void 0:l.has("name"))?(e=s.name,v?v(e):e):s.name}}),s.competencies&&(0,n.jsxs)("span",{className:"text-text-placeholder font-normal",children:["(",s.competencies.length.toString().padStart(2,"0"),")"]})]})]})}),null==b?void 0:b.map(e=>(0,n.jsx)("td",{className:"py-2 px-3 text-center border border-text-stroke hover:bg-text-stroke transition-colors",style:{width:"".concat(70/b.length,"%")},children:(0,n.jsx)("div",{className:"min-h-[80px] flex items-center justify-center",children:(0,n.jsx)("span",{className:"text-text-primary text-xs",children:"-"})})},e.level))]}),E&&s.competencies.map(e=>(0,n.jsx)(h,{competency:e,expandedClusters:d,expandedCompetencies:p,onClusterToggle:m,onCompetencyToggle:x,isNested:!0,parentEnabled:I,levels:b,searchMatches:f||new Map,highlightText:v||(e=>e),enableInteractions:j,selectedLevelByCompetency:y,apiPreselectedCompetencies:C,selectedCompetencies:k,...N?{onCompetencySelectionToggle:N}:{},noInput:S,...w?{onCompetencyLevelToggle:w}:{}},e.id))]})}return(0,n.jsxs)("tr",{className:"border-b border-text-stroke",children:[(0,n.jsxs)("td",{className:"py-2 px-3 border border-text-stroke ".concat(g||S?"":"opacity-50"),style:{width:"30%"},children:[(0,n.jsxs)("div",{className:"min-h-[80px] flex items-center gap-2",style:{paddingLeft:u?"2rem":"0"},children:[!S&&(0,n.jsxs)(i.Tooltip,{children:[(0,n.jsx)(i.TooltipTrigger,{asChild:!0,children:(0,n.jsx)("input",{type:"checkbox",className:"h-3 w-3 rounded-sm ring-1 ring-text-stroke focus:ring-2 ".concat(g?j?"cursor-pointer":"cursor-default":"cursor-not-allowed"),checked:I,disabled:!g,onClick:e=>e.stopPropagation(),onChange:()=>{g&&j&&(null==N||N(s.id,!L))},"aria-label":"Select competency ".concat(s.name)})}),(0,n.jsx)(i.TooltipContent,{children:j?I?"Deselect if not applicable":"Select if applicable":"Assessment completed. Selection cannot be made."})]}),(0,n.jsxs)("button",{onClick:()=>x(s.id),className:"flex items-center gap-2 text-left font-medium text-s ".concat(g||S?"text-text-primary":"text-text-placeholder"," hover:text-brand-primary transition-colors cursor-pointer"),children:[M?(0,n.jsx)(r.A,{className:"w-4 h-4"}):(0,n.jsx)(c.A,{className:"w-4 h-4"}),(0,n.jsx)("span",{dangerouslySetInnerHTML:{__html:f&&v&&f.has(s.id)&&(null==(t=f.get(s.id))?void 0:t.has("name"))?v(s.name):s.name}})]})]}),M&&s.description&&(0,n.jsx)("p",{className:"text-xs text-text-placeholder mt-1 ml-6",style:{paddingLeft:u?"2rem":"0"},children:s.description})]}),b.map(e=>{var t,l,r;let c=(e=>{let t=s.levels.find(t=>t.level===e);return t?t.description:""})(e.level),o=y[s.id]===e.level,i=!I;return(0,n.jsxs)("td",{className:"py-2 px-3 border border-text-stroke transition-colors align-top relative ".concat(o?"bg-brand-2nd/20":""," ").concat(j&&!i?"hover:bg-text-stroke cursor-pointer":"cursor-default"," ").concat(i&&!S?"opacity-50 bg-gray-50":""),style:{width:"".concat(70/b.length,"%")},onClick:t=>{j&&w&&!i&&(t.target.closest("input, button, a")||w(s.id,e.level,!o))},children:[j&&o&&!i&&(0,n.jsx)("button",{className:"absolute top-1 right-1 p-0.5 text-white rounded-full transition-colors cursor-pointer",onClick:t=>{t.stopPropagation(),null==w||w(s.id,e.level,!1)},"aria-label":"Deselect ".concat(e.level," for ").concat(s.name),children:(0,n.jsx)(a.A,{className:"w-3 h-3 text-brand-2nd"})}),(0,n.jsx)("div",{className:"min-h-[80px] flex flex-col items-center justify-center text-left text-xs ".concat(i&&!S?"text-text-placeholder":"text-text-primary"),children:M?(0,n.jsxs)("span",{className:"leading-relaxed",children:[_.has(e.level)?f&&v&&f.has(s.id)&&(null==(t=f.get(s.id))?void 0:t.has("level-".concat(e.level)))?(0,n.jsx)("span",{dangerouslySetInnerHTML:{__html:v(c)}}):c:f&&v&&f.has(s.id)&&(null==(l=f.get(s.id))?void 0:l.has("level-".concat(e.level)))?(0,n.jsx)("span",{dangerouslySetInnerHTML:{__html:v(c.length>100?"".concat(c.substring(0,100),"..."):c)}}):c.length>100?"".concat(c.substring(0,100),"..."):c,c.length>100?(0,n.jsx)("button",{className:"ml-1 text-brand-primary hover:underline text-xs cursor-pointer",onClick:t=>{t.stopPropagation(),A(e.level)},children:_.has(e.level)?"view less":"view more"}):null]}):(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{dangerouslySetInnerHTML:{__html:f&&v&&f.has(s.id)&&(null==(r=f.get(s.id))?void 0:r.has("level-".concat(e.level)))?v(c.length>20?"".concat(c.substring(0,25),"..."):c):c.length>20?"".concat(c.substring(0,25),"..."):c}}),c.length>20?(0,n.jsx)("button",{className:"ml-1 text-brand-primary hover:underline text-xs cursor-pointer",onClick:t=>{t.stopPropagation(),_.has(e.level)||A(e.level),x(s.id)},children:_.has(e.level)&&M?"view less":"view more"}):null]})})]},e.level)})]})}}}]);