https://avua.com/assets/ConversationalInterviewReport-BWxUkUU-.js

1import{j as e,a as Ye,u as We,b as ze,c as a,kh as Ke,a7 as Ue,Q as Ve,lO as Qe,i as x,bq as Ze,fu as Ge,e_ as Je,ki as Xe,lP as et,lQ as tt,lR as st,lS as nt}from"./index-B9q78oLf.js";import"./index.esm-ystpycCO.js";import"./ChatPopUpModal-5wtTOOJV.js";import{M as at,R as rt,a as lt,P as it,b as ot,c as ct,d as g}from"./Meter-rbLk9I2S.js";import"./DashboardHeader-XSpBSNYV.js";import"./PdfViewer-BNsmM10_.js";import"./MultiSelectInput-BHKNB0mU.js";import"./functions-Dlg8f1jR.js";import"./employerDashboard-D_amyCIH.js";import"./index-Cq9UrQZH.js";import"./___vite-browser-external_commonjs-proxy-CeLqxiRG.js";import"./currency-symbol-map-CjPMGLKU.js";import"./TextInputField-DNJqyglp.js";import"./SalaryDropDown-BJEynQeb.js";import"./CurrencySalaryDropdown-YciAkfHL.js";import"./DatePickerField-Dy7KZEHe.js";import"./moment-BJba-qMG.js";/* empty css                     */import"./dashboard-BaS_FCEE.js";import"./FilterInputs2-CKIeWAlu.js";import"./vetting-Cz-QxhAr.js";import"./index.module-BIYTDd62.js";import"./CustomPagination-BpJjHr3M.js";import"./JobModals-D-QEgdth.js";import"./NoPlanModal-H1eBS_yb.js";import"./PurchaseCreditsBox-CTP_o367.js";import"./Slider-1NO0ydnR.js";import"./unsupportedIterableToArray-yxopmGhp.js";import"./index-4bdnOsvc.js";import"./PurchaseCreditsBox-oYEtN5SN.js";import"./creditBuy-DmtWg_ua.js";import"./useFetchCvSimilarCredits -xlD1I5pD.js";import"./RequestCall-BpSlWghG.js";import"./PhoneNumberInput-CP1XkZ61.js";import"./react-country-flag.esm-CBTvU6qH.js";import"./countryPhoneCodes-CKP6OwhM.js";import"./Compensation-CdEkXaXK.js";import"./currencyList-DWEaTfGZ.js";import"./skeleton-DaTH9dkf.js";function pt({isOpen:d,onClose:u}){return d?e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm",onClick:u,children:e.jsxs("div",{className:"bg-white rounded-[16px] shadow-[0px_8px_32px_0px_rgba(0,0,0,0.16)] w-[90%] max-w-[400px] max-h-[90vh] overflow-y-auto p-[24px] relative",onClick:m=>m.stopPropagation(),children:[e.jsx("button",{onClick:u,className:"absolute top-[13px] right-[13px] w-[30px] h-[30px] flex items-center justify-center rounded-full hover:bg-gray-100 transition-colors","aria-label":"Close modal",children:e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:"#1B1B1B",strokeWidth:"1.5"}),e.jsx("path",{d:"M13 7L7 13M7 7L13 13",stroke:"#1B1B1B",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsxs("div",{className:"mb-[20px] pr-[30px]",children:[e.jsx("h2",{className:"font-poppins font-[600] text-[20px] text-[#1B1B1B] leading-[120%] mb-[8px]",children:"Rating Levels"}),e.jsx("p",{className:"font-poppins font-[400] text-[14px] text-[#7b7b7b] leading-[150%]",children:"Detailed Analysis of each metric"})]}),e.jsxs("div",{className:"flex flex-col gap-[10px]",children:[e.jsxs("div",{className:"flex gap-[10px] items-start",children:[e.jsx("div",{className:"bg-[#fdd6d5] rounded-full shrink-0 w-[28px] h-[28px] flex items-center justify-center overflow-hidden",children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M9 2L11.09 6.26L16 7.27L12.5 10.97L13.18 16L9 13.77L4.82 16L5.5 10.97L2 7.27L6.91 6.26L9 2Z",fill:"#ff4543"})})}),e.jsxs("div",{className:"flex-1 flex flex-col",children:[e.jsx("p",{className:"font-poppins font-[500] text-[14px] text-[#ff4543] leading-[150%]",children:"Inexperienced"}),e.jsx("p",{className:"font-poppins font-[400] text-[12px] text-[#7b7b7b] leading-[150%]",children:"Shows minimal understanding and struggles to provide relevant answers."})]})]}),e.jsx("div",{className:"h-[1px] bg-[#e0e0e0] w-full"}),e.jsxs("div",{className:"flex gap-[10px] items-start",children:[e.jsx("div",{className:"bg-[#fce2d4] rounded-full shrink-0 w-[28px] h-[28px] flex items-center justify-center overflow-hidden",children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M9 2L11.09 6.26L16 7.27L12.5 10.97L13.18 16L9 13.77L4.82 16L5.5 10.97L2 7.27L6.91 6.26L9 2Z",fill:"#fd

17528"})})}),e.jsxs("div",{className:"flex-1 flex flex-col",children:[e.jsx("p",{className:"font-poppins font-[500] text-[14px] text-[#fd7528] leading-[150%]",children:"Junior"}),e.jsx("p",{className:"font-poppins font-[400] text-[12px] text-[#7b7b7b] leading-[150%]",children:"Demonstrates basic understanding and provides answers with limited depth."})]})]}),e.jsx("div",{className:"h-[1px] bg-[#e0e0e0] w-full"}),e.jsxs("div",{className:"flex gap-[10px] items-start",children:[e.jsx("div",{className:"bg-[#fef2d0] rounded-full shrink-0 w-[28px] h-[28px] flex items-center justify-center overflow-hidden",children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M9 2L11.09 6.26L16 7.27L12.5 10.97L13.18 16L9 13.77L4.82 16L5.5 10.97L2 7.27L6.91 6.26L9 2Z",fill:"#d1ad41"})})}),e.jsxs("div",{className:"flex-1 flex flex-col",children:[e.jsx("p",{className:"font-poppins font-[500] text-[14px] text-[#d1ad41] leading-[150%]",children:"Mid level"}),e.jsx("p",{className:"font-poppins font-[400] text-[12px] text-[#7b7b7b] leading-[150%]",children:"Offers detailed and contextually appropriate responses, reflecting solid experience."})]})]}),e.jsx("div",{className:"h-[1px] bg-[#e0e0e0] w-full"}),e.jsxs("div",{className:"flex gap-[10px] items-start",children:[e.jsx("div",{className:"bg-[#cef1dd] rounded-full shrink-0 w-[28px] h-[28px] flex items-center justify-center overflow-hidden",children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M9 2L11.09 6.26L16 7.27L12.5 10.97L13.18 16L9 13.77L4.82 16L5.5 10.97L2 7.27L6.91 6.26L9 2Z",fill:"#28b162"})})}),e.jsxs("div",{className:"flex-1 flex flex-col",children:[e.jsx("p",{className:"font-poppins font-[500] text-[14px] text-[#28b162] leading-[150%]",children:"Senior Level"}),e.jsx("p",{className:"font-poppins font-[400] text-[12px] text-[#7b7b7b] leading-[150%]",children:"Provides exceptional, well-structured answers with strategic insights and advanced knowledge."})]})]})]})]})}):null}function xt({isOpen:d,onClose:u,metrics:m}){if(!d)return null;const A=m||[{name:"Accuracy",label:"accuracy",score:80,description:"Evaluates the correctness and precision of responses provided during the interview. Focuses on factual accuracy and attention to detail."},{name:"Technical Proficiency",label:"technical_proficiency",score:75,description:"Assesses the depth and breadth of technical knowledge demonstrated. Includes understanding of tools, technologies, and best practices."},{name:"Problem-solving Ability",label:"problem_solving",score:70,description:"Tests the candidate's approach to identifying and solving problems. Evaluates analytical thinking and systematic problem-solving methods."},{name:"Strategic Thinking",label:"strategic_thinking",score:65,description:"Evaluates the ability to think strategically and plan ahead. Assesses long-term vision and strategic decision-making capabilities."},{name:"User-Centric Approach",label:"user_centric",score:72,description:"Assesses the focus on user needs and user experience. Evaluates understanding of user research and user-centered design principles."},{name:"Communication Skill",label:"communication",score:60,description:"Evaluates the clarity and effectiveness of communication. Assesses ability to articulate ideas, explain concepts, and engage in dialogue."},{name:"Attention to Detail",label:"attention_to_detail",score:55,description:"Tests the level of precision and thoroughness in responses. Evaluates careful consideration of all aspects and attention to specifics."},{name:"Analytical Skills",label:"analytical_skills",score:68,description:"Assesses the ability to analyze information and draw insights. Evaluates data interpretation and analytical reasoning capabilities."},{name:"Domain Knowledge",label:"domain_knowledge",score:65,description:"Evaluates subject matter expertise and industry knowledge. Assesses understanding of domain-specific concepts and practices."}];return e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm",onClick:u,children:e.jsxs("div",{className:"bg-white rounded-[12px] shadow-[0px_4px_4px_0px_rgba(0,0,0,0.25)] w-[90%] max-w-[1225px] max-h-[90vh] overflow-y-auto p-[40px] relative",onClick:h=>h.stopPropagation(),children:[e.jsx("button",{onClick:u,className:"absolute top-[25px] right-[36px] w-[44px] h-[44px] flex items-center justify-center rounded-full hover:bg-gray-100 transition-colors","aria-label":"Close modal",children:e.jsxs("svg",{width:"44",height:"44",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:"22",cy:"22",r:"21",stroke:"#1B1B1B",strokeWidth:"2"}),e.jsx("path",{d:"M28 16L16 28M16 16L28 28",stroke:"#1B1B1B",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsx("div",{className:"mb-[20px]",children:e.jsx("h2",{className:"font-poppins font-[600] text-[20px] text-[#2b1845] leading-[120%]",children:"Detailed analysis of each metric"})}),e.jsx("div",{className:"grid grid-cols-3 gap-[20px]",children:A.map((h,F)=>e.jsxs("div",{className:"border border-[#d9d9d9] rounded-[5px] p-[10px] flex flex-col gap-[20px]",children:[e.jsxs("div",{className:"bg-[#f4eeff] rounded-[5px] p-[10px] flex items-start justify-between gap-[10px]",children:[e.jsxs("div",{className:"flex flex-col items-start flex-1",children:[e.jsx("span",{className:"font-poppins text-[12px] text-[#7b7b7b] leading-[150%]",children:"Metric"}),e.jsx("span",{className:"font-poppins font-[600] text-[14px] text-[#424242] leading-[120%]",children:h.name})]}),e.jsxs("div",{className:"flex flex-col items-end gap-[4px] min-w-[70px]",children:[e.jsxs("span",{className:"font-poppins font-[600] text-[12px] text-[#424242]",children:[h.score,"%"]}),e.jsx("div",{className:"relative w-[70px] h-[8px] bg-[rgba(40,177,98,0.2)

1] rounded-[5px] overflow-hidden",children:e.jsx("div",{className:"absolute top-0 left-0 h-full bg-[#28b162] rounded-[5px] transition-all duration-300",style:{width:`${h.score}%`}})})]})]}),e.jsx("div",{className:"h-[1px] bg-[#e0e0e0] w-full"}),e.jsx("p",{className:"font-poppins text-[14px] text-[#7b7b7b] leading-[150%]",children:h.description})]},F))})]})})}const dt=d=>d<=2.5?{label:"Inexperienced",color:"#EF4444",bgColor:"#FEE2E2",starColor:"#EF4444"}:d<=5?{label:"Junior",color:"#F97316",bgColor:"#FFEDD5",starColor:"#F97316"}:d<=7.5?{label:"Mid Level",color:"#CA8A04",bgColor:"#FEF9C3",starColor:"#CA8A04"}:{label:"Senior Level",color:"#16A34A",bgColor:"#DCFCE7",starColor:"#16A34A"};function Xt(){const{interview_room_id:d}=Ye(),u=We(),m=ze(t=>t.auth.token),[r,A]=a.useState(null),[h,F]=a.useState(!0),[$,H]=a.useState(null),[i,f]=a.useState(null),[oe,_]=a.useState(!1),[ce,P]=a.useState(!1),[y,q]=a.useState(!1),[L,O]=a.useState({isVisible:!1,message:"",type:"success"}),T=(t,s="success")=>O({isVisible:!0,message:t,type:s}),pe=()=>O(t=>({...t,isVisible:!1})),[v,Y]=a.useState(!1),[W,S]=a.useState(0),[b,xe]=a.useState(0),p=a.useRef(null),j=a.useRef(null),z=a.useRef(null),k=a.useRef(!1),K=a.useRef(0),U=a.useRef(0),[de,ue]=a.useState(0),[V,he]=a.useState(0),[fe,Q]=a.useState(!1),D=a.useCallback(()=>{const t=j.current;if(!t)return;const{scrollTop:s,scrollHeight:n,clientHeight:l}=t;if(n<=l){Q(!1);return}Q(!0);const c=l,o=70,E=c-o,ie=s/(n-l)*E;he(o),ue(ie)},[]),me=a.useCallback(t=>{t.preventDefault(),t.stopPropagation(),k.current=!0,K.current=t.clientY,U.current=j.current?.scrollTop||0,document.body.style.userSelect="none"},[]),ge=a.useCallback(t=>{const s=j.current,n=z.current;if(!s||!n||k.current)return;const l=n.getBoundingClientRect(),o=(t.clientY-l.top)/l.height;s.scrollTop=o*(s.scrollHeight-s.clientHeight)},[]);a.useEffect(()=>{const t=n=>{if(!k.current)return;const l=j.current;if(!l)return;const c=n.clientY-K.current,{scrollHeight:o,clientHeight:E}=l,qe=E-70,Oe=o-E;l.scrollTop=U.current+c/qe*Oe},s=()=>{k.current=!1,document.body.style.userSelect=""};return document.addEventListener("mousemove",t),document.addEventListener("mouseup",s),()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",s)}},[]),a.useEffect(()=>{if(r){const t=setTimeout(D,100);return()=>clearTimeout(t)}},[r,i,D]);const w=a.useRef(null),Z=a.useRef(null),B=a.useRef(!1),G=a.useRef(0),J=a.useRef(0),[ve,be]=a.useState(0),[je,we]=a.useState(0),[Ne,X]=a.useState(!1),R=a.useCallback(()=>{const t=w.current;if(!t)return;const{scrollTop:s,scrollHeight:n,clientHeight:l}=t;if(n<=l){X(!1);return}X(!0);const c=70,o=l-c;we(c),be(s/(n-l)*o)},[]),Fe=a.useCallback(t=>{t.preventDefault(),t.stopPropagation(),B.current=!0,G.current=t.clientY,J.current=w.current?.scrollTop||0,document.body.style.userSelect="none"},[]),ye=a.useCallback(t=>{const s=w.current,n=Z.current;if(!s||!n||B.current)return;const l=(t.clientY-n.getBoundingClientRect().top)/n.getBoundingClientRect().height;s.scrollTop=l*(s.scrollHeight-s.clientHeight)},[]);a.useEffect(()=>{const t=n=>{if(!B.current)return;const l=w.current;if(!l)return;const{scrollHeight:c,clientHeight:o}=l;l.scrollTop=J.current+(n.clientY-G.current)/(o-70)*(c-o)},s=()=>{B.current=!1,document.body.style.userSelect=""};return document.addEventListener("mousemove",t),document.addEventListener("mouseup",s),()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",s)}},[]),a.useEffect(()=>{if(r){const t=setTimeout(R,100);return()=>clearTimeout(t)}},[r,R]);const N=a.useRef(null),ee=a.useRef(null),C=a.useRef(!1),te=a.useRef(0),se=a.useRef(0),[ke,Be]=a.useState(0),[Ce,Ee]=a.useState(0),[Ae,ne]=a.useState(!1),M=a.useCallback(()=>{const t=N.current;if(!t)return;const{scrollTop:s,scrollHeight:n,clientHeight:l}=t;if(n<=l){ne(!1);return}ne(!0);const c=70,o=l-c;Ee(c),Be(s/(n-l)*o)},[]),_e=a.useCallback(t=>{t.preventDefault(),t.stopPropagation(),C.current=!0,te.current=t.clientY,se.current=N.current?.scrollTop||0,document.body.style.userSelect="none"},[]),Le=a.useCallback(t=>{const s=N.current,n=ee.current;if(!s||!n||C.current)return;const l=(t.clientY-n.getBoundingClientRect().top)/n.getBoundingClientRect().height;s.scrollTop=l*(s.scrollHeight-s.clientHeight)},[]);a.useEffect(()=>{const t=n=>{if(!C.current)return;const l=N.current;if(!l)return;const{scrollHeight:c,clientHeight:o}=l;l.scrollTop=se.current+(n.clientY-te.current)/(o-70)*(c-o)},s=()=>{C.current=!1,document.body.style.userSelect=""};return document.addEventListener("mousemove",t),document.addEventListener("mouseup",s),()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",s)}},[]),a.useEffect(()=>

1{if(r){const t=setTimeout(M,100);return()=>clearTimeout(t)}},[r,M]),a.useEffect(()=>{Te()},[d]);const Te=async()=>{try{F(!0);const t=await Ke(m,d);if(t?.msg==="success"){A(t?.data);const s=t?.data?.qa_metadata;s?.introduction?.length?f("introduction"):s?.technical?.length?f("technical"):s?.situational?.length?f("structural"):s?.behavioral_cultural_fit?.length&&f("cultural")}else H("Failed to fetch report details")}catch(t){console.error("Error fetching report:",t),H("An error occurred while fetching the report")}finally{F(!1)}},Se=()=>{p.current&&(v?p.current.pause():p.current.play(),Y(!v))},De=()=>{p.current&&S(p.current.currentTime)},Re=()=>{p.current&&xe(p.current.duration)},Me=()=>{Y(!1),S(0),p.current&&(p.current.currentTime=0)},Ie=t=>{if(!p.current||!b)return;const s=t.currentTarget.getBoundingClientRect(),l=(t.clientX-s.left)/s.width*b;p.current.currentTime=l,S(l)},ae=t=>{if(!t||isNaN(t))return"0:00";const s=Math.floor(t/60),n=Math.floor(t%60);return`${s}:${n<10?"0":""}${n}`},$e=async()=>{if(!y)try{q(!0),T("Generating PDF report...","info");const t=r?.full_name?r.full_name.toLowerCase().replace(/\s+/g,"_"):"candidate";await nt({interview_room_id:d,token:m,candidate_name:t,margin:.4}),T("Report downloaded successfully!","success")}catch(t){console.error("Error downloading report:",t),T("Failed to download report. Please try again.","error")}finally{q(!1)}},re=()=>r?.report?.report?r.report.report.map(t=>({subject:t.metric.toUpperCase().replace(/ /g,`
2`),value:t.score/10*100,fullMark:100})):null,le=()=>{if(!r?.qa_metadata)return null;const t=[];return["introduction","technical","situational","behavioral_cultural_fit"].forEach(n=>{r.qa_metadata[n]&&Array.isArray(r.qa_metadata[n])&&r.qa_metadata[n].forEach(l=>{t.push({speaker:"AI",message:l.question,timestamp:""}),t.push({speaker:"Applicant",message:l.answer,timestamp:""})})}),t.length>0?t:null},He=t=>{if(!t)return null;const n=new Date(t).toLocaleDateString("en-GB",{day:"2-digit",month:"short",year:"numeric"}).toLowerCase().split(" ");return`${n[0]} ${n[1]}, ${n[2]}`},Pe=()=>r?.report?.report?r.report.report.map(t=>({name:t.metric,label:t.metric.toLowerCase().replace(/\s+/g,"_"),score:t.score/10*100,description:t.reason})):null,I=t=>t<=40?{level:"Junior",gradientFrom:"#ff9152",gradientTo:"#ff5c00"}:t<=70?{level:"Mid-level",gradientFrom:"#ffc107",gradientTo:"#ff9800"}:{level:"Senior",gradientFrom:"#00b67a",gradientTo:"#005136"};return h?e.jsx("div",{className:"min-h-screen bg-[#F8F9FE] flex items-center justify-center",children:e.jsx(Ue,{height:"50",width:"50",strokeColor:"#864EFF",ariaLabel:"tail-spin-loading",radius:"1",visible:!0})}):$?e.jsxs("div",{className:"min-h-screen bg-[#F8F9FE] flex flex-col items-center justify-center p-4",children:[e.jsx("div",{className:"text-red-500 text-xl mb-4",children:$}),e.jsx("button",{onClick:()=>u(-1),className:"px-6 py-2 bg-gradient-to-r from-[#6B3BAB] to-[#2B1845] text-white rounded-full",children:"Go Back"})]}):e.jsxs("div",{className:"min-h-screen bg-[#F8F9FE]",children:[e.jsx(Ve,{message:L.message,type:L.type,isVisible:L.isVisible,onClose:pe}),e.jsxs("nav",{className:"bg-white border-b border-[#D9D9D9] px-[30px] py-[15px] flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("button",{onClick:()=>u(-1),className:"flex items-center justify-center bg-[#f1f2fc] rounded-[21.559px] w-[25.439px] h-[25.439px] hover:bg-[#e6e3f8] transition-colors",children:e.jsx(Qe,{className:"text-[18px]",color:"#2B1845"})}),e.jsx("img",{src:x.CommonHeader.avua_header_logo,alt:"avua_logo",className:"w-[83px] h-[20.65px]"})]}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("button",{onClick:$e,disabled:y,className:`flex items-center justify-center gap-2 px-[16px] py-[12px] rounded-[50px] border border-[#D9D9D9] bg-white hover:bg-[#F8F9FE] transition-all ${y?"opacity-70 cursor-not-allowed":""}`,children:y?e.jsxs(e.Fragment,{children:[e.jsx(Ze,{height:"16",width:"30",color:"#864EFF",ariaLabel:"loading",visible:!0}),e.jsx("span",{className:"font-poppins text-[14px] text-[#1B1B1B]",children:"Downloading..."})]}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"font-poppins text-[14px] text-[#1B1B1B]",children:"Download"}),e.jsx(Ge,{className:"text-[18px]",color:"#7B7B7B"})]})}),e.jsx("div",{className:"h-[24px] w-px bg-[rgba(0,0,0,0.12)]"}),e.jsx("button",{onClick:()=>u("/employer/settings"),className:"flex items-center justify-center p-[8px] bg-white border border-[rgba(0,0,0,0.06)] rounded-[8px] shadow-[0px_1px_5.1px_0px_rgba(0,0,0,0.04)] hover:bg-[#F8F9FE] transition-colors",children:e.jsx(Je,{className:"text-[17px]",color:"#1B1B1B"})})]})]}),e.jsx("div",{className:"bg-gradient-to-b from-[#FFFCF3] to-[#F4F5FA] px-[73px] pt-[34px] pb-[34px]",children:e.jsxs("div",{className:"h-[550

2px] rounded-[12px] grid grid-cols-[21fr_16fr] gap-[20px]",children:[e.jsxs("div",{className:"p-[20px] flex flex-col gap-[20px] h-full",children:[e.jsxs("div",{className:"grid grid-cols-[1fr_auto] gap-[16px] flex-shrink-0",children:[e.jsx("div",{className:"bg-white border border-[rgba(0,0,0,0.08)] rounded-[12px] shadow-[0px_4px_12px_0px_rgba(134,78,255,0.06)] px-[24px] py-[20px] overflow-hidden",children:e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"font-poppins font-[600] text-[24px] text-[#451983] leading-[150%] tracking-[0%]",children:r?.full_name||"Jonathan Dorway"}),e.jsx("p",{className:"font-poppins font-[400] text-[18px] text-[#7C7C7C] leading-[150%] tracking-[0%]",children:r?.job_title?.title||"Product Designer"})]}),e.jsxs("div",{className:"flex items-center gap-[8px] mt-[10px]",children:[e.jsx(Xe,{className:"text-[#68656C]"}),e.jsx("span",{className:"font-poppins font-[400] text-[17px] text-[#2B0067] leading-[150%] tracking-[0%]",children:r?.email||"[email protected]"})]}),r?.phone_number&&e.jsxs("div",{className:"flex items-center gap-[8px]",children:[e.jsx("span",{className:"text-[#68656C]",children:"📞"}),e.jsx("span",{className:"font-poppins text-[14px] text-[#1B1B1B]",children:r.phone_number})]}),e.jsx("div",{className:"border-t border-[#D9D9D9] mt-auto -mx-[24px]"}),e.jsx("div",{className:"w-full text-right",children:e.jsx("span",{className:"font-poppins font-[400] text-[12px] text-[#8B8B8B] leading-[150%] tracking-[0%]",children:He(r?.report?.report_generated_at)||"N/A"})})]})}),r?.report?.overall_percentage!==void 0&&e.jsxs("div",{className:"bg-white border border-[#EFEFEF] rounded-[12px] shadow-[0px_4px_16.1px_0px_rgba(134,78,255,0.08)] p-[16px] flex flex-col gap-[8px] items-center justify-center w-[203px]",children:[e.jsx("div",{className:"flex items-center justify-center",children:e.jsx("p",{className:"font-poppins font-[600] text-[20px] text-[#502F99] leading-[130%]",children:"Overall Score"})}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx("div",{style:{transform:"scale(1.5) translateY(16px)",transformOrigin:"center center"},children:e.jsx(at,{score:r.report.overall_percentage,size:140})})}),e.jsxs("div",{className:"flex flex-col gap-[4px] items-center w-full",children:[e.jsxs("div",{className:"flex gap-[6px] items-start justify-center text-[13px] text-center w-full whitespace-nowrap",children:[e.jsxs("p",{className:"font-poppins font-[500] text-[#68656C] leading-[130%]",children:["AI Evaluation:"," "]}),e.jsx("p",{className:"font-poppins font-[600] leading-[130%] bg-gradient-to-r bg-clip-text",style:{backgroundImage:`linear-gradient(to right, ${I(r.report.overall_percentage).gradientFrom}, ${I(r.report.overall_percentage).gradientTo})`,WebkitTextFillColor:"transparent"},children:I(r.report.overall_percentage).level})]}),e.jsxs("div",{onClick:()=>_(!0),className:"flex gap-[4px] items-center justify-center cursor-pointer",children:[e.jsx("p",{className:"font-poppins font-[500] text-[10px] text-[#68656C] underline decoration-solid leading-[150%]",children:"Learn About Rating Levels"}),e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5",stroke:"#68656C",strokeWidth:"1",fill:"none"}),e.jsx("text",{x:"6",y:"8.5",fontSize:"8",fontWeight:"600",textAnchor:"middle",fill:"#68656C",children:"i"})]})]})]})]})]}),e.jsxs("div",{className:"w-full relative shadow-[0px_4px_16.1px_rgba(0,_0,_0,_0.06)] rounded-xl [background:linear-gradient(130.7deg,_#f5edff,_#fff7de_92.79%)] border-[#efefef] border-solid border-[1px] box-border flex flex-col items-start p-[20px] gap-4 flex-1 overflow-auto",children:[e.jsxs("div",{className:"flex items-center gap-[8px]",children:[e.jsx("img",{src:x.conversationalAI.PurpleStar,alt:"sparkle",className:"w-[30px] h-[30px]"}),e.jsx("h3",{className:"font-poppins font-[600] text-[20px] text-[#1B1B1B] leading-[120%] tracking-[0%]",children:"AI Summary"})]}),e.jsx("div",{className:"flex flex-col gap-[16px] w-full pl-[10px]",children:r?.report?.report_summary?e.jsxs("div",{className:"flex gap-[12px]",children:[e.jsx("img",{src:x.conversationalAI.AIStar,alt:"bullet",className:"w-[16px] h-[16px] mt-[2px] flex-shrink-0"}),e.jsx("p",{className:"font-poppins font-[500] text-[16px] text-[#424242] leading-[150%] tracking-[0%] flex-1",children:r.report.report_summary})]}):e.jsx("p",{className:"font-poppins text-[14px] text-[#68656C] leading-[140%] text-center",children:"AI Summary not available"})})]})]}),e.jsxs("div",{className:"p-[20px] flex flex-col gap-[20px] h-full",children:[e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsx("h3",{className:"font-poppins font-[600] text-[20px] text-[#1B1B1B] leading-[120%]",children:"Snapshot of Assessment"}),e.jsx("button",{onClick:()=>P(!0),className:"bg-[#F1EBFF] font-poppins text-[14px] text-[#502F99] px-[12px] py-[8px] rounded-[12px] hover:bg-[#

2E5D4FF]",children:"View Detailed Analysis"})]}),e.jsx("div",{className:"flex-1 flex items-center justify-center rounded-[12px] p-[20px]",children:re()?e.jsx(rt,{width:"100%",height:"100%",children:e.jsxs(lt,{data:re(),children:[e.jsx(it,{stroke:"#E5D4FF",strokeWidth:1.5}),e.jsx(ot,{dataKey:"subject",tick:{fill:"#502F99",fontSize:7,fontWeight:600,fontFamily:"Poppins"},tickLine:!1}),e.jsx(ct,{angle:90,domain:[0,100],tick:!1,axisLine:!1}),e.jsx(g,{name:"Layer 1",dataKey:()=>100,stroke:"none",fill:"#F4EEFF",fillOpacity:1}),e.jsx(g,{name:"Layer 2",dataKey:()=>80,stroke:"none",fill:"#E5D4FF",fillOpacity:1}),e.jsx(g,{name:"Layer 3",dataKey:()=>60,stroke:"none",fill:"#D9C5FF",fillOpacity:1}),e.jsx(g,{name:"Layer 4",dataKey:()=>40,stroke:"none",fill:"#C9B3FF",fillOpacity:1}),e.jsx(g,{name:"Layer 5",dataKey:()=>20,stroke:"none",fill:"#B89FFF",fillOpacity:1}),e.jsx(g,{name:"Assessment",dataKey:"value",stroke:"#502F99",fill:"transparent",fillOpacity:0,strokeWidth:2.5})]})}):e.jsx("p",{className:"font-poppins text-[16px] text-[#68656C]",children:"Assessment data not available"})})]})]})}),r?.conv_interview_audio&&e.jsxs("div",{className:"px-[73px] pt-[20px]",children:[e.jsxs("div",{className:"bg-white/60 border border-[#EFEFEF] rounded-[12px] shadow-[0px_4px_16.1px_0px_rgba(0,0,0,0.06)] px-[24px] py-[18px] flex flex-col gap-[12px]",children:[e.jsxs("div",{className:"flex items-center gap-[8px]",children:[e.jsx(et,{className:"text-[#7B2FF2] text-[20px]"}),e.jsx("span",{className:"font-poppins font-[600] text-[16px] text-[#1B1B1B]",children:"Interview Recording"})]}),e.jsxs("div",{className:"flex items-center gap-[16px]",children:[e.jsx("button",{onClick:Se,className:"w-[44px] h-[44px] rounded-full bg-[#7B2FF2] hover:bg-[#6B21D1] flex items-center justify-center transition-colors shrink-0 cursor-pointer",children:v?e.jsx(tt,{className:"text-white text-[14px]"}):e.jsx(st,{className:"text-white text-[14px] ml-[2px]"})}),e.jsx("div",{className:"flex items-center gap-[3px] shrink-0",children:[.6,1,.4,.8,.5,.9,.3,.7,.5,.8,.6,1,.4].map((t,s)=>e.jsx("div",{className:"w-[3px] rounded-full",style:{height:`${t*24}px`,backgroundColor:v?"#7B2FF2":"#C4B5D9",animation:v?`audioWave 0.${4+s%5}s ease-in-out infinite alternate`:"none",animationDelay:`${s*.05}s`,transition:"background-color 0.3s"}},s))}),e.jsx("div",{className:"flex-1 h-[6px] bg-[#E8E0F0] rounded-full cursor-pointer relative group",onClick:Ie,children:e.jsx("div",{className:"h-full bg-[#7B2FF2] rounded-full transition-all relative",style:{width:b?`${W/b*100}%`:"0%"},children:e.jsx("div",{className:"absolute right-0 top-1/2 -translate-y-1/2 w-[14px] h-[14px] bg-[#7B2FF2] rounded-full shadow-md opacity-0 group-hover:opacity-100 transition-opacity"})})}),e.jsxs("span",{className:"font-poppins text-[13px] text-[#68656C] shrink-0 min-w-[90px] text-right",children:[ae(W)," / ",ae(b)]})]}),e.jsx("audio",{ref:p,src:`https://dblwo5lro9gr9.cloudfront.net${r.conv_interview_audio}`,crossOrigin:"anonymous",onTimeUpdate:De,onLoadedMetadata:Re,onEnded:Me})]}),e.jsx("style",{children:`
3            @keyframes audioWave {
4              0% { transform: scaleY(0.4); }
5              100% { transform: scaleY(1); }
6            }
7          `})]}),e.jsx("div",{className:"px-[73px] pb-[34px]",children:e.jsxs("div",{className:"flex flex-col gap-[20px]",children:[e.jsxs("div",{className:"h-[770px] rounded-[12px] grid grid-cols-[6fr_13fr] gap-[30px] p-[20px]",children:[e.jsxs("div",{className:"bg-[rgba(255,255,255,0.4)] border border-[#EFEFEF] rounded-[12px] shadow-[0px_4px_16.1px_0px_rgba(0,0,0,0.06)] p-[20px] flex flex-col gap-[10px] h-full overflow-hidden",children:[e.jsx("h3",{className:"font-poppins font-[600] text-[20px] text-[#1B1B1B] mb-[10px]",children:"Transcription"}),e.jsxs("div",{className:"flex-1 relative overflow-hidden",children:[e.jsx("div",{ref:j,onScroll:D,className:"absolute inset-0 overflow-y-auto pr-[16px] flex flex-col gap-[20px] [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",children:le()?le().map((t,s)=>{const n=t.speaker==="AI";return e.jsxs("div",{className:`flex items-end gap-[10px] ${n?"justify-start":"justify-end"}`,children:[n&&e.jsxs("div",{className:"relative w-[36px] h-[36px] flex items-center justify-center flex-shrink-0 self-end mb-[2px]",children:[e.jsx("img",{src:x.conversationalAI.backgroundGlow,alt:"background glow",className:"absolute w-full h-full top-0 left-0 object-contain"}),e.jsx("div",{className:"relative w-[18px] h-[18px] rounded-full bg-[#FFFFFF] flex items-center justify-center shadow-[0_2px_8px_rgba(107,59,171,0.2)] z-10",children:e.jsx("img",{src:x.conversationalAI.avuaIcon,alt:"Avua AI",style:{width:"22px",height:"22px",objectFit:"contain"}})})]}),e.jsxs("div",{className:`flex flex-col gap-[4px] max-w-[75%] ${n?"items-start":"items-end"}`,children:[e.jsx("span",{className:"font-poppins font-[600] text-[11px] text-[#9B9B9B] px-[4px]",children:n?"Avua AI":"Applicant"}),e.jsx("div",{className:`px-[14px] py-[10px] ${n?"bg-[#F3EEFF] rounded-[16px] rounded-tl-[4px]":"bg-[#6B3FAB] rounded-[16px] rounded-tr-[4px]"}`,children:e.jsx("p",{className:`font-poppins text-[13px] leading-[155%] ${n?"text-[#3D1A6E]":"text-[#FFFFFF]"}`,children:t.message})}),t.timestamp&&e.jsx("span",{className:"font-poppins text-[11px] text-[#BBBBBB] px-[4px]",children:t.timestamp})]}),!n&&e.jsx("div",{className:"w-[28px] h-[28px] rounded-full flex items-center justify-center flex-shrink-0 self-end mb-[2px] overflow-hidden",style:{background:"linear-gradient(135deg, #A855F7 0%, #6B3FAB 100%)"},children:e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z",fill:"white"}),e.jsx("path",{d:"M12 14C7.03 14 3 17.13 3 21C3 21.55 3.45 22 4 22H20C20.55 22 21 21.55 21 21C21 17.13 16.97 14 12 14Z",fill:"white"})]})})]},s)}):e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx("p",{className:"font-poppins text-[16px] text-[#68656C]",children:"Transcript not available"})})}),fe&&e.jsx("div",{ref:z,onClick:ge,className:"absolute top-0 right-0 w-[12px] h-full cursor-pointer z-10",style:{background:"transparent"},children:e.jsx("div",{onMouseDown:me,className:"absolute w-full rounded-full cursor-grab active:cursor-grabbing",style:{to

7p:`${de}px`,height:`${V}px`,background:"linear-gradient(180deg, rgba(134,78,255,0.6), rgba(80,47,153,0.7))"},children:V>40&&e.jsx("div",{className:"absolute bottom-[4px] left-0 right-0 flex justify-center",children:e.jsx("svg",{width:"8",height:"14",viewBox:"0 0 8 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4 0.5V12M4 12L1.5 9M4 12L6.5 9",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})})})})]})]}),e.jsxs("div",{className:"bg-white border border-[#EFEFEF] rounded-[12px] shadow-[0px_4px_16.1px_0px_rgba(0,0,0,0.06)] p-[24px] flex flex-col gap-[24px] h-full overflow-hidden",children:[e.jsxs("div",{className:"flex flex-col gap-[12px]",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h3",{className:"font-poppins font-[600] text-[20px] text-[#1B1B1B] leading-[120%]",children:"Section wise Breakdown"}),e.jsxs("div",{className:"flex items-center gap-[6px]",children:[e.jsx("span",{onClick:()=>_(!0),className:"font-poppins font-[500] text-[14px] text-[#502F99] underline cursor-pointer hover:text-[#6B3BAB] transition-colors",children:"Learn About Rating Levels"}),e.jsx("span",{className:"text-[#502F99] text-[16px]",children:"ⓘ"})]})]}),e.jsx("p",{className:"font-poppins text-[16px] text-[rgba(66,66,66,0.8)] leading-[150%]",children:"Each technical and behavioral question is tagged as Inexperienced, Junior, Mid-level, or Senior, and your score is calculated based on these levels."})]}),e.jsx("div",{className:"border-t border-[#E5E5E5]"}),e.jsxs("div",{className:"flex gap-[10px] flex-wrap",children:[r?.qa_metadata?.introduction?.length>0&&e.jsxs("button",{onClick:()=>f("introduction"),className:`flex items-center gap-[10px] px-[10px] py-[16px] rounded-[8px] transition-colors ${i==="introduction"?"bg-gradient-to-r from-[#864EFF] to-[#502F99]":"bg-[#F6F8FE]"}`,children:[e.jsx("img",{src:x.conversationalAI.Introduction,alt:"introduction",className:"w-[20px] h-[20px]",style:i==="introduction"?{filter:"brightness(0) invert(1)"}:{filter:"brightness(0)"}}),e.jsx("span",{className:`font-poppins font-[500] text-[14px] ${i==="introduction"?"text-white":"text-[#5E5E5E]"}`,children:"Introduction"})]}),r?.qa_metadata?.technical?.length>0&&e.jsxs("button",{onClick:()=>f("technical"),className:`flex items-center gap-[10px] px-[10px] py-[16px] rounded-[8px] transition-colors ${i==="technical"?"bg-gradient-to-r from-[#864EFF] to-[#502F99]":"bg-[#F6F8FE]"}`,children:[e.jsx("img",{src:x.conversationalAI.Technical,alt:"technical",className:"w-[20px] h-[20px]",style:i==="technical"?{filter:"brightness(0) invert(1)"}:{filter:"brightness(0)"}}),e.jsx("span",{className:`font-poppins font-[500] text-[14px] ${i==="technical"?"text-white":"text-[#5E5E5E]"}`,children:"Technical Assessment"})]}),r?.qa_metadata?.situational?.length>0&&e.jsxs("button",{onClick:()=>f("structural"),className:`flex items-center gap-[10px] px-[10px] py-[16px] rounded-[8px] transition-colors ${i==="structural"?"bg-gradient-to-r from-[#864EFF] to-[#502F99]":"bg-[#F6F8FE]"}`,children:[e.jsx("img",{src:x.conversationalAI.Structural,alt:"structural",className:"w-[20px] h-[20px]",style:i==="structural"?{filter:"brightness(0) invert(1)"}:{filter:"brightness(0)"}}),e.jsx("span",{className:`font-poppins font-[500] text-[14px] ${i==="structural"?"text-white":"text-[#5E5E5E]"}`,children:"Structural & Behavioural"})]}),r?.qa_metadata?.behavioral_cultural_fit?.length>0&&e.jsxs("button",{onClick:()=>f("cultural"),className:`flex items-center gap-[10px] px-[10px] py-[16px] rounded-[8px] transition-colors ${i==="cultural"?"bg-gradient-to-r from-[#864EFF] to-[#502F99]":"bg-[#F6F8FE]"}`,children:[e.jsx("img",{src:x.conversationalAI.Cultural,alt:"cultural",className:"w-[20px] h-[20px]",style:i==="cultural"?{filter:"brightness(0) invert(1)"}:{filter:"brightness(0)"}}),e.jsx("span",{className:`font-poppins font-[500] text-[14px] ${i==="cultural"?"text-white":"text-[#5E5E5E]"}`,children:"Cultural Fit"})]})]}),e.jsxs("div",{className:"flex-1 overflow-auto scrollbar-hide",children:[i==="introduction"&&e.jsx("div",{className:"flex flex-col gap-[14px]",children:r?.qa_metadata?.introduction?.map((t,s)=>e.jsxs("div",{className:"relative pl-[20px]",children:[e.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-[3px] rounded-full bg-gradient-to-b from-[#502F99] to-[#7C5CBF]"}),e.jsxs("div",{className:"flex flex-col gap-[10px]",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"font-poppins font-[600] text-[11px] text-[#502F99] uppercase tracking-[0.8px]",children:["Question ",s+1]}),e.jsx("p",{className:"font-poppins font-[500] text-[14px] text-[#1B1B1B] leading-[155%] mt-[4px]",children:t.question})]}),e.jsxs("div",{className:"bg-[#F9FAFB] rounded-[8px] px-[14px] py-[12px]",children:[e.jsx("span",{className:"font-poppins font-[600] text-[11px] text-[#16A34A] uppercase tracking-[0.8px]",children:"Candidate's Answer"}),e.jsx("p",{className:"font-poppins text-[13px] text-[#4B5563] leading-[165%] mt-[4px]",children:t.answer})]})]})]},s))||e.jsx("div",{className:"text-center p-[40px] text-[#68656C]",children:"No introduction data available"})}),i==="technical"&&e.jsx("div",{className:"flex flex-col gap-[14px]",children:r?.qa_metadata?.technical?.map((t,s)=>{const n=t.score!==void 0?dt(t.score):null;return e.jsxs("div",{className:"relative pl-[20px]",children:[e.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-[3px] rounded-full",style:{background:n?`linear-gradient(to bottom, ${n.color}, ${n.color}88)`:"linear-gradient(to bottom, #502F99, #7C5CBF)"}}),e.jsxs("div",{className:"flex flex-col gap-[10px]",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between gap-[12px]",children:[e.jsxs("span",{className:"font-poppins font-[600] text-[11px] text-[#502F99] uppercase tracking-[0.8px]",children:["Question ",s+1]}),n&&e.jsxs("div",{className:"flex items-center gap-[6px] rounded-full px-[10px] py-[3px]",style:{backgroundColor:n.bgColor},children:[e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:n.starColor,children:e.jsx("path",{d:"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"})}),e.jsx("span",{className:"font-poppins font-[600] text-[12px]",style:{color:n.color},children:n.label})]})]}),e.jsx("p",{className:"font-poppins font-[500] text-[14px] text-[#1B1B1B] leading-[155%] mt-[4px]",children:t.question})]}),e.jsxs("div",{className:"bg-[#F9FAFB] rounded-[8px] px-[14px] py-[12px]",children:[e.jsx("span",{className:"font-poppins font-[600] text-[11px] text-[#16A34A] uppercase tracking-[0.8px]",children:"Candidate's Answer"}),e.jsx("p",{className:"font-poppins text-[13px] text-[#4B5563] leading-[165%] mt-[4px]",children:t.answer})]}),t.reason&&e.jsxs("div",{className:"bg-[#FFFBF2] border border-[#FDE68A] rounded-[8px] px-[14px] py-[12px] flex items-start gap-[10px]",children:[e.jsx("div",{className:"w-[20px] h-[20px] rounded-full bg-gradient-to-br from-[#FBBF24] to-[#F59E0B] flex items-center justify-center flex-shrink-0 mt-[2px]",children:e.jsx("span",{className:"text-white text-[10px] leading-none",children:"✦"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("span",{className:"font-poppins font-[600] text-[11px] text-[#B45309] uppercase tracking-[0.8px]",children:"AI Reasoning"}),e.jsx("p",{className:"font-poppins text-[13px] text-[#78716C] leading-[165%] mt-[4px]",children:t.reason})]})]})]})]},s)})||e.jsx("div",{className:"text-center p-[40px] text-[#68656C]",children:"No technical assessment data available"})}),i==="structural"&&e.jsx("div",{className:"flex flex-col gap-[14px]",children:r?.qa_metadata?.situational?.map((t,s)=>e.jsxs("div",{className:"relative pl-[20px]",children:[e.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-[3px] rounded-full bg-gradient-to-b from-[#502F99] to-[#7C5CBF]"}),e.jsxs("div",{className:"flex flex-col gap-[10px]",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"font-poppins font-[600] text-[11px] text-[#502F99] uppercase tracking-[0.8px]",children:["Question ",s+1]}),e.jsx("p",{className:"font-poppins font-[500] text-[14px] text-[#1B1B1B] leading-[155%] mt-[4px]",children:t.question})]}),e.jsxs("div",{className:"bg-[#F9FAFB] rounded-[8px] px-[14px] py-[12px]",children:[e.jsx("span",{className:"font-poppins font-[600] text-[11px] text-[#16A34A] uppercase tracking-[0.8px]",children:"Candidate's Answer"}),e.jsx("p",{className:"font-poppins text-[13px] text-[#4B5563] leading-[165%] mt-[4px]",children:t.answer})]})]})]},s))||e.jsx("div",{className:"text-center p-[40px] text-[#68656C]",children:"No situational data available"})}),i==="cultural"&&e.jsx("div",{className:"flex flex-col gap-[14px]",children:r?.qa_metadata?.behavioral_cultural_fit?.map((t,s)=>e.jsxs("div",{className:"relative pl-[20px]",children:[e.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-[3px] rounded-full bg-gradient-to-b from-[#502F99] to-[#7C5CBF]"}),e.jsxs("div",{className:"flex flex-col gap-[10px]",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"font-poppins font-[600] text-[11px] text-[#502F99] uppercase tracking-[0.8px]",children:["Question ",s+1]}),e.jsx("p",{className:"font-poppins font-[500] text-[14px] text-[#1B1B1B] leading-[155%] mt-[4px]",children:t.question})]}),e.jsxs("div",{className:"bg-[#F9FAFB] rounded-[8px] px-[14px] py-[12px]",children:[e.jsx("span",{className:"font-poppins font-[600] text-[11px] text-[#16A34A] uppercase tracking-[0.8px]",children:"Candidate's Answer"}),e.jsx("p",{className:"font-poppins text-[13px] text-[#4B5563] leading-[165%] mt-[4px]",children:t.answer})]})]})]},s))||e.jsx("div",{className:"text-center p-[40px] text-[#68656C]",children:"No cultural fit data available"})})]})]})]}),e.jsxs("div",{className:"h-[363px] p-[20px] grid grid-cols-[326fr_465fr_465fr] gap-[20px]",children:[e.jsxs("div",{className:"flex flex-col h-full rounded-[12px] overflow-hidden bg-white border border-[rgba(0,0,0,0.12)]",children:[e.jsx("div",{className:"h-[3px] w-full flex-shrink-0",style:{background:"linear-gradient(90deg, #9333EA, #6B3FAB, #A855F7)"}}),e.jsxs("div",{className:"flex-1 flex flex-col justify-between p-[20px] relative overflow-hidden",children:[e.jsx("div",{className:"absolute -top-[30px] -right-[30px] w-[100px] h-[100px] rounded-full opacity-[0.06] pointer-events-none",style:{background:"radial-gradient(circle, #9333EA 0%, transparent 70%)"}}),e.jsxs("div",{className:"flex flex-col gap-[6px]",children:[e.jsxs("div",{className:"flex items-center gap-[6px]",children:[e.jsx("img",{src:x.conversationalAI.PurpleStar,alt:"",className:"w-[14px] h-[14px]"}),e.jsx("span",{className:"font-poppins font-[600] text-[10px] tracking-[1.6px] uppercase text-[#9333EA]",children:"Performance Insights"})]}),e.jsx("h3",{className:"font-poppins font-[700] text-[17px] text-[#1B1B1B] leading-[130%]",children:"Strengths & Areas to Improve"}),e.jsx("p",{className:"font-poppins text-[12px] text-[#7A7A7A] leading-[150%]",children:"Key findings from the AI interview anal

7ysis."})]}),e.jsx("div",{className:"h-[1px] w-full",style:{background:"linear-gradient(90deg, transparent, rgba(0,0,0,0.08), transparent)"}}),e.jsxs("div",{className:"flex flex-col gap-[10px]",children:[e.jsxs("div",{className:"flex items-center gap-[12px] rounded-[10px] px-[12px] py-[10px] bg-[#F0FDF4] border border-[#E8F5E9]",children:[e.jsx("div",{className:"w-[3px] h-[32px] rounded-full bg-[#4CAF50] flex-shrink-0"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-baseline gap-[4px]",children:[e.jsx("span",{className:"font-poppins font-[700] text-[22px] text-[#2E7D32] leading-[100%]",children:r?.report?.strengths?.length??0}),e.jsx("span",{className:"font-poppins text-[11px] text-[#4CAF50]/60",children:"found"})]}),e.jsx("p",{className:"font-poppins text-[11px] text-[#4CAF50] font-[500] mt-[3px]",children:"Strengths identified"})]}),e.jsx("div",{className:"w-[30px] h-[30px] rounded-[8px] flex items-center justify-center flex-shrink-0 bg-[#E8F5E9]",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M5 13l4 4L19 7",stroke:"#4CAF50",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),e.jsxs("div",{className:"flex items-center gap-[12px] rounded-[10px] px-[12px] py-[10px] bg-[#FFFBF5] border border-[#FFF3E0]",children:[e.jsx("div",{className:"w-[3px] h-[32px] rounded-full bg-[#E65100] flex-shrink-0"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-baseline gap-[4px]",children:[e.jsx("span",{className:"font-poppins font-[700] text-[22px] text-[#BF360C] leading-[100%]",children:r?.report?.weaknesses?.length??0}),e.jsx("span",{className:"font-poppins text-[11px] text-[#E65100]/60",children:"found"})]}),e.jsx("p",{className:"font-poppins text-[11px] text-[#E65100] font-[500] mt-[3px]",children:"Areas for improvement"})]}),e.jsx("div",{className:"w-[30px] h-[30px] rounded-[8px] flex items-center justify-center flex-shrink-0 bg-[#FFF3E0]",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M12 8v4m0 4h.01",stroke:"#E65100",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})]})]}),e.jsxs("div",{className:"bg-white border border-[rgba(0,0,0,0.12)] rounded-[12px] h-full relative overflow-hidden flex flex-col",children:[e.jsx("div",{className:"flex-shrink-0 px-[16px] pt-[16px] pb-[0px]",children:e.jsxs("div",{className:"flex items-center justify-between bg-[#E8F5E9] rounded-[6px] px-[10px] py-[9px]",children:[e.jsx("h4",{className:"font-poppins font-[600] text-[18px] text-[#4CAF50] leading-[140%] tracking-[0%]",children:"Strengths"}),e.jsx("img",{src:x.conversationalAI.checkCircle,alt:"check",className:"w-[20px] h-[20px]"})]})}),e.jsxs("div",{className:"flex-1 relative overflow-hidden",children:[e.jsx("div",{ref:w,onScroll:R,className:"absolute inset-0 overflow-y-auto pl-[16px] pr-[24px] pt-[12px] pb-[16px] [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",children:r?.report?.strengths&&r.report.strengths.length>0?e.jsx("ul",{className:"list-disc pl-[20px] flex flex-col gap-[8px]",children:r.report.strengths.map((t,s)=>e.jsx("li",{className:"font-poppins font-[400] text-[16px] text-[#505050] leading-[160%] tracking-[0%]",children:t},s))}):e.jsx("p",{className:"font-poppins text-[14px] text-[#68656C] text-center",children:"No strengths available"})}),Ne&&e.jsx("div",{ref:Z,onClick:ye,className:"absolute top-[6px] bottom-[6px] right-[4px] w-[6px] cursor-pointer z-10",style:{background:"transparent"},children:e.jsx("div",{onMouseDown:Fe,className:"absolute w-full rounded-full cursor-grab active:cursor-grabbing",style:{top:`${ve}px`,height:`${je}px`,background:"linear-gradient(180deg, rgba(76,175,80,0.5), rgba(27,94,32,0.65))"}})})]})]}),e.jsxs("div",{className:"bg-white border border-[rgba(0,0,0,0.12)] rounded-[12px] h-full relative overflow-hidden flex flex-col",children:[e.jsx("div",{className:"flex-shrink-0 px-[16px] pt-[16px] pb-[0px]",children:e.jsxs("div",{className:"flex items-center justify-between bg-[#FFF3E0] rounded-[6px] px-[12px] py-[8px]",children:[e.jsx("h4",{className:"font-poppins font-[600] text-[16px] text-[#E65100]",children:"Key Areas for Improvement"}),e.jsx("img",{src:x.conversationalAI.improvements,alt:"improvements",className:"w-[20px] h-[20px]"})]})}),e.jsxs("div",{className:"flex-1 relative overflow-hidden",children:[e.jsx("div",{ref:N,onScroll:M,className:"absolute inset-0 overflow-y-auto pl-[16px] pr-[24px] pt-[12px] pb-[16px] [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",children:r?.report?.weaknesses&&r.report.weaknesses.length>0?e.jsx("ul",{className:"list-disc pl-[20px] flex flex-col gap-[8px]",children:r.report.weaknesses.map((t,s)=>e.jsx("li",{className:"font-poppins font-[400] text-[16px] text-[#505050] leading-[160%] tracking-[0%]",children:t},s))}):e.jsx("p",{className:"font-poppins text-[14px] text-[#68656C] text-center",children:"No weaknesses available"})}),Ae&&e.jsx("div",{ref:ee,onClick:Le,className:"absolute top-[6px] bottom-[6px] right-[4px] w-[6px] cursor-pointer z-10",style:{background:"transparent"},children:e.jsx("div",{onMouseDown:_e,className:"absolute w-full rounded-full cursor-grab active:cursor-grabbing",style:{to

7p:`${ke}px`,height:`${Ce}px`,background:"linear-gradient(180deg, rgba(230,81,0,0.5), rgba(183,28,28,0.65))"}})})]})]})]})]})}),e.jsx(pt,{isOpen:oe,onClose:()=>_(!1)}),e.jsx(xt,{isOpen:ce,onClose:()=>P(!1),metrics:Pe()})]})}export{Xt as default};
8//# sourceMappingURL=ConversationalInterviewReport-BWxUkUU-.js.map