https://www.mastersystem.co.id/assets/Management-BXI9eU3h.js

1import{r as m,j as e}from"./index-CkGcvPrr.js";function j(){const[d,c]=m.useState([]),[i,o]=m.useState(null),u="https://www.mastersystem.co.id",h="https://msi-corporate-web-s3.s3.ap-southeast-3.amazonaws.com",l=a=>a?a.startsWith("http")?a:`${h}${a}`:"",g=["Board of Commissioners","Board of Directors","Audit Committee","Nomination and Remuneration Committee","Internal Audit"];m.useEffect(()=>{fetch(`${u}/api/aboutus-managements?populate=*&filters[Language]=English&sort[0]=createdAt:asc`).then(a=>a.json()).then(a=>{const r=a.data.reduce((s,t)=>(s[t.attributes.part_of]?s[t.attributes.part_of].push({name:t.attributes.nama,title:t.attributes.positions,image:`${l(t.attributes.image.data?t.attributes.image.data.attributes.url:"")}`,description:t.attributes.description}):s[t.attributes.part_of]=[{name:t.attributes.nama,title:t.attributes.positions,image:`${l(t.attributes.image.data?t.attributes.image.data.attributes.url:"")}`,description:t.attributes.description}],s),{}),n=g.map(s=>({title:s,commissioners:r[s]||[]}));c(n)}).catch(a=>console.error("Error fetching data: ",a))},[]);const p=a=>{o(a)},x=()=>{o(null)};return e.jsx("div",{className:"management-container",children:e.jsxs("div",{className:"management-desc",children:[e.jsx("u",{className:"management-title",children:"Management and Supervision"}),e.jsx("h3",{className:"mt-3",children:" "}),d.map((a,r)=>e.jsxs("div",{className:"management-header",children:[e.jsx("h2",{className:"title-management",children:a.title}),e.jsx("div",{className:"commissioner-grid ",children:a.commissioners.map((n,s)=>e.jsxs("div",{className:"commissioner-card relative",children:[e.jsx("div",{className:"image-commisioner ",children:e.jsx("img",{src:n.image,alt:n.name,className:"commissioner-image"})}),e.jsxs("div",{className:"commissioner-info",children:[e.jsx("h3",{children:n.name}),e.jsx("p",{children:n.title})]}),e.jsx("button",{className:"read-more-btn absolute",onClick:()=>p(n),children:"Read More"})]},s))})]},r)),i&&e.jsx("div",{className:"modalmanagement-overlay",children:e.jsxs("div",{className:"modalmanagement-content",children:[e.jsx("button",{className:"close-modalmanagement",onClick:x,children:"Close"}),e.jsxs("div",{className:"modalmanagement-body",children:[e.jsxs("div",{className:"modalmanagement-left",children:[e.jsx("img",{src:i.image,alt:i.name,className:"modalmanagement-image"}),e.jsxs("div",{className:"modalmanagement-name-title",children:[e.jsx("h3",{children:i.name}),e.jsx("p",{children:i.title})]})]}),e.jsx("div",{className:"modalmanagement-description",children:e.jsx("div",{dangerouslySetInnerHTML:{__html:i.description}})})]})]})})]})})}const N=()=>e.jsx("div",{children:e.jsx(j,{})});export{N as default};