https://pip-labs-staging.vercel.app/_next/static/chunks/app/team/p…?dpl=dpl_9vPipkxs58RDpcAoSUKV6aFSZAXh

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[898],{3429:(e,t,r)=>{"use strict";r.d(t,{cn:()=>n});var l=r(8122),a=r(1411);function n(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,a.QP)((0,l.$)(t))}},4393:(e,t,r)=>{Promise.resolve().then(r.bind(r,4438))},4438:(e,t,r)=>{"use strict";r.d(t,{TeamPageContent:()=>i});var l=r(1725),a=r(7078),n=r(1001),o=r(3429);let u=[11,22,0],s=e=>{let{src:t,width:r,height:a,alt:o,isHovered:s,onInitialAnimationComplete:c}=e,i=(0,n.useRef)(null),[f,d]=(0,n.useState)(!1),[h,m]=(0,n.useState)(0),g=(0,n.useRef)(null),[p,x]=(0,n.useState)([]),v=(0,n.useRef)([]),y=(0,n.useRef)(0),w=(0,n.useRef)(c);(0,n.useEffect)(()=>{w.current=c},[c]);let M=Math.floor(Math.floor(a/r*660)/60),b=60*M;return(0,n.useEffect)(()=>{let e=i.current;if(!e)return;let r=e.getContext("2d",{willReadFrequently:!0});if(!r)return;let l=new Image;return l.crossOrigin="anonymous",l.onload=()=>{e.width=660,e.height=b;let t=document.createElement("canvas");t.width=660,t.height=b;let a=t.getContext("2d");a&&(a.drawImage(l,0,0,l.width,l.height,0,0,660,b),g.current=a.getImageData(0,0,660,b)),r.clearRect(0,0,660,b),d(!0);let n=11*M;x(Array(n).fill(0));let o=Array.from({length:n},()=>500*Math.random());v.current.forEach(clearTimeout),v.current=[],y.current=0,o.forEach((e,t)=>{let r=setTimeout(()=>{if(x(e=>{let r=[...e];return r[t]=1,r}),y.current++,y.current===n){var e;null==(e=w.current)||e.call(w)}},e);v.current.push(r)})},l.onerror=()=>{console.error("Failed to load image:",t)},l.src=t,()=>{v.current.forEach(clearTimeout),v.current=[]}},[t,b]),(0,n.useEffect)(()=>{let e;if(f)return s?h<u.length-1&&(e=setTimeout(()=>{m(e=>e+1)},150)):h>0&&(e=setTimeout(()=>{m(e=>e-1)},150)),()=>{e&&clearTimeout(e)}},[s,h,f]),(0,n.useEffect)(()=>{let e=i.current,t=null==e?void 0:e.getContext("2d",{willReadFrequently:!0});if(!e||!t||!g.current)return;let r=u[h];if(t.clearRect(0,0,660,b),0===r)return void t.putImageData(g.current,0,0);let l=660/r,a=Math.floor(b/l);for(let e=0;e<a;e++)for(let a=0;a<r;a++){let r=u[0],n=0===h?e*r+a:-1;if(0===h&&void 0!==p[n]&&0===p[n])continue;let o=a*l,s=e*l,c=0,i=0,f=0,d=0;for(let e=Math.floor(s);e<Math.floor(s+l);e++)for(let t=Math.floor(o);t<Math.floor(o+l);t++){if(t>=660||e>=b)continue;let r=(660*e+t)*4;c+=g.current.data[r],i+=g.current.data[r+1],f+=g.current.data[r+2],d++}if(0===d)continue;c=Math.round(c/d),i=Math.round(i/d),f=Math.round(f/d);let m=o+l/2,x=s+l/2,v=(l-2)/2;0===h&&void 0!==p[n]?t.globalAlpha=p[n]:t.globalAlpha=1,t.fillStyle="rgb(".concat(c,", ").concat(i,", ").concat(f,")"),t.beginPath(),t.arc(m,x,v,0,2*Math.PI),t.fill(),t.globalAlpha=1}},[h,f,p,b]),(0,l.jsx)("canvas",{ref:i,className:"w-full h-full object-cover","aria-label":o})},c=e=>{var t,r,a;let{teamMember:u,className:c,isAutoHighlighted:i=!1,onInitialAnimationComplete:f}=e,[d,h]=(0,n.useState)(!1);return(0,l.jsxs)("div",{onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),className:(0,o.cn)("flex w-full col-span-1 flex-col p-4 bg-foreground

1/5 rounded-lg",c),children:[(0,l.jsx)("div",{className:"aspect-[660/960] mb-5 w-full",children:(0,l.jsx)(s,{isHovered:d||i,src:"https:".concat(null==(a=u.fields.image)||null==(r=a.fields)||null==(t=r.file)?void 0:t.url),alt:u.fields.name,width:896,height:1376,onInitialAnimationComplete:f})}),(0,l.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,l.jsx)("h2",{className:"type-nav text-foreground",children:u.fields.name}),(0,l.jsx)("p",{className:"type-nav text-foreground",children:u.fields.position})]})]})},i=e=>{let{teamPage:t}=e,{title:r,teamMembers:o}=(0,a.qM)(t).fields,u=Array.isArray(o)?o.length:0,s=(0,n.useRef)(0),[i,f]=(0,n.useState)(!1),[d,h]=(0,n.useState)(new Set),m=(0,n.useRef)([]),g=(0,n.useCallback)(()=>{s.current++,s.current>=u&&f(!0)},[u]);return(0,n.useEffect)(()=>{if(!i||0===u)return;let e=()=>{let t=setTimeout(()=>{(()=>{let e=Math.floor(Math.random()*u);h(t=>new Set(t).add(e));let t=setTimeout(()=>{h(t=>{let r=new Set(t);return r.delete(e),r})},1e3);m.current.push(t)})(),e()},500+1e3*Math.random());m.current.push(t)},t=setTimeout(()=>{e()},1e3);return m.current.push(t),()=>{m.current.forEach(clearTimeout),m.current=[]}},[i,u]),(0,l.jsx)("section",{className:"w-full block min-h-screen pt-[68px] md:pt-[76px]",children:(0,l.jsxs)("div",{className:"w-full flex flex-col",children:[(0,l.jsx)("div",{className:"flex items-center justify-center",children:(0,l.jsx)("h1",{className:"type-title-lg md:type-title-xl xl:type-title-2xl !font-fkGrotesk-regular text-foreground py-32 md:py-52",children:String(null!=r?r:"")})}),Array.isArray(o)&&o.length>0&&(0,l.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 px-9 max-w-[56rem] mx-auto gap-x-5 gap-y-10 pb-32 md:pb-52",children:o.map((e,t)=>{let r=t===o.length-1,a=o.length%3==1;return(0,l.jsx)(c,{teamMember:e,className:r&&a?"lg:col-start-2":"",isAutoHighlighted:d.has(t),onInitialAnimationComplete:g},"".concat(e.sys.id,"-").concat(t))})})]})})}}},e=>{e.O(0,[78,396,816,35,358],()=>e(e.s=4393)),_N_E=e.O()}]);