https://studycafe.se/_next/static/chunks/7049.1288ba78c2e0c5c2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7049],{64986:function(e,t){t.Z={src:"/_next/static/media/focusRoomIconSmall.2da53ef9.svg",height:23,width:23,blurWidth:0,blurHeight:0}},11453:function(e,t){t.Z={src:"/_next/static/media/privateRoomIconSmall.14a12f5b.svg",height:21,width:19,blurWidth:0,blurHeight:0}},12785:function(e,t){t.Z={src:"/_next/static/media/publicRoomIconSmall.d7134855.svg",height:19,width:23,blurWidth:0,blurHeight:0}},67049:function(e,t,s){s.r(t);var i=s(85893),o=s(2734),r=s(99226),n=s(86886),l=s(15861),a=s(26447),d=s(67294),c=s(7631),h=s(55008),u=s(96486),x=s(25675),p=s.n(x),m=s(64986),g=s(11453),f=s(12785),Z=s(22120),b=s(94987);let j={title:{fontSize:"20px",fontWeight:"500",lineHeight:"32px"},itemTitle:{fontSize:"16px",fontWeight:"600",lineHeight:"24px"},description:{color:"#4B494FCC",fontSize:"14px",lineHeight:"21px"},legendContainer:{marginTop:"38px"},legendItem:{marginTop:"20px"},imageContainer:{display:"flex",width:"40px",height:"40px",borderRadius:"5px",alignItems:"center",justifyContent:"center"}},C=()=>{let e=(0,o.Z)(),t=(0,c.m)(),{t:s}=(0,Z.$G)(),[x,C]=d.useState(),[y,F]=d.useState([]),H=w("Private",x),k=w("Course",x),S=w("Focus",x);return(d.useEffect(()=>{let s=async()=>{var s,i,o;let r=await t.reports.participantSessionDurationMonthly();if(r.error||!r.data)throw Error("Failed to fetch data");let n=r.data,l=u.groupBy(n,"roomType"),a=u.uniq(n.map(e=>e.month));F(a);let d=null===(s=l[h.nW.Private])||void 0===s?void 0:s.map(e=>v(e.totalDurationInSeconds)),c=null===(i=l[h.nW.Course])||void 0===i?void 0:i.map(e=>v(e.totalDurationInSeconds)),x=null===(o=l[h.nW.Focus])||void 0===o?void 0:o.map(e=>v(e.totalDurationInSeconds));C([{name:"Private",color:"#F8937E",data:d},{name:"Course",color:"#C4DFF2",data:c},{name:"Focus",color:e.palette.green[500],data:x}])};s()},[t.reports,e.palette.green]),x)?(0,i.jsx)(r.Z,{children:(0,i.jsxs)(n.ZP,{container:!0,children:[(0,i.jsxs)(n.ZP,{item:!0,md:8,xs:12,children:[(0,i.jsx)(l.Z,{sx:j.title,children:s("studyHoursComponent.title")}),(0,i.jsx)(b.Z,{series:x,categories:y,height:280,chartId:"study-hours-graph",showLegend:!1})]}),(0,i.jsxs)(n.ZP,{item:!0,md:4,xs:12,children:[(0,i.jsxs)(l.Z,{sx:j.title,children:[(H+k+S).toFixed(1)," ",s("studyHoursComponent.hours")]}),(0,i.jsx)(l.Z,{sx:j.description,children:s("studyHoursComponent.legendDescription")}),(0,i.jsxs)(r.Z,{sx:j.legendContainer,children:[(0,i.jsx)(r.Z,{sx:j.legendItem,children:(0,i.jsxs)(a.Z,{direction:"row",spacing:4,children:[(0,i.jsx)(r.Z,{sx:{...j.imageContainer,backgroundColor:"#F3FFE2"},children:(0,i.jsx)(p(),{alt:"",src:m.Z,height:20,width:20})}),(0,i.jsxs)("div",{children:[(0,i.jsxs)(l.Z,{sx:j.itemTitle,children:[S," ",s("studyHoursComponent.hours")]}),(0,i.jsx)(l.Z,{sx:j.description,children:s("studyHoursComponent.focusRooms")})]})]})}),(0,i.jsx)(r.Z,{sx:j.legendItem,children:(0,i.jsxs)(a.Z,{direction:"row",spacing:4,children:[(0,i.jsx)(r.Z,{sx:{...j.imageContainer,backgroundColor:"#FFF0E580"},children:(0,i.jsx)(p(),{alt:"",src:g.Z,height:20,width:20})}),(0,i.jsxs)("div",{children:[(0,i.jsxs)(l.Z,{sx:j.itemTitle,children:[H," ",s("studyHoursComponent.hours")]}),(0,i.jsx)(l.Z,{sx:j.description,children:s("studyHoursComponent.privateRooms")})]})]})}),(0,i.jsx)(r.Z,{sx:j.legendItem,children:(0,i.jsxs)(a.Z,{direction:"row",spacing:4,children:[(0,i.jsx)(r.Z,{sx:{...j.imageContainer,backgroundColor:"#87CEFF27"},children:(0,i.jsx)(p(),{alt:"",src:f.Z,height:20,width:20})}),(0,i.jsxs)("div",{children:[(0,i.jsxs)(l.Z,{sx:j.itemTitle,children:[k," ",s("studyHoursComponent.hours")]}),(0,i.jsx)(l.Z,{sx:j.description,children:s("studyHoursComponent.courseRooms")})]})]})})]})]})]})}):null};function v(e){return e?Math.round(10*(e/3600))/10:0}function w(e,t){let s=null==t?void 0:t.find(t=>t.name===e);return s?Math.round(10*u.sum(s.data))/10:0}t.default=C},94987:function(e,t,s){s.d(t,{Z:function(){return h}});var i=s(85893),o=s(67294),r=s(2734),n=s(5152),l=s.n(n);let a=l()(()=>Promise.all([s.e(4814),s.e(7229)]).then(s.bind(s,47229)),{loadableGenerated:{webpack:()=>[47229]},ssr:!1}),d={bg:"#f8d3ff",series1:"#826af9",series2:"#d2b0ff"},c=e=>{let t=(0,r.Z)(),[s,n]=(0,o.useState)(null),[l,c]=(0,o.useState)(null),h={chart:{offsetX:-10,stacked:!0,parentHeightOffset:0,toolbar:{show:!1},id:e.chartId},fill:{opacity:1},dataLabels:{enabled:!1},colors:[d.series1,d.series2],legend:{show:e.showLegend,position:"top",horizontalAlign:"left",labels:{colors:t.palette.text.secondary},markers:{offsetY:1,offsetX:-3},itemMargin:{vertical:3,horizontal:10}},stroke:{show:!0,colors:["transparent"]},plotOptions:{bar:{columnWidth:"25%"}},grid:{borderColor:t.palette.divider,xaxis:{lines:{show:!0}}},yaxis:{labels:{style:{colors:t.palette.text.disabled}}},xaxis:{axisBorder:{show:!1},axisTicks:{color:t.palette.divider},categories:e.categories,crosshairs:{stroke:{color:t.palette.divider}},labels:{style:{colors:t.palette.text.disabled}}},responsive:[{breakpoint:600,options:{plotOptions:{bar:{columnWidth:"35%"}}}}]};return(0,i.jsx)(a,{type:"bar",height:e.height||400,options:h,series:e.series})};var h=c}}]);