mario-education 2.0.96-staging → 2.0.97-staging

package/dist/SurveyDashboardContainer-CekE6V6j.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("mario-core"),b=require("reactstrap"),o=require("./dashboard.module-CMRJ-dMz.cjs"),Y=require("./constants-COyuhuqA.cjs"),$=require("react"),_=require("./constants-DfnEgLPg.cjs"),fe=require("react-redux"),ue=require("./dashboardService-DkmIUleW.cjs"),P=require("./constants-c3ATJqas.cjs"),L=require("./index-BlfH1Ket.cjs"),x=require("./dashboard.module-AuhSEsc0.cjs"),Ee=require("./CheckboxCustom-ZjvBGVzS.cjs"),we=require("react-apexcharts"),Ce=require("./utils-RfZGvFpa.cjs"),be=require("./LineChart-eY-NEnHM.cjs"),Ne=require("react-datepicker"),Le=require("./TeacherItemSelector-CHZs2Czl.cjs"),Te=require("./index-DQtnvwPg.cjs"),ae=require("moment"),t=require("./styles.module-CHKJJ8Zm.cjs"),Re=require("./StudentItemSelector-Dc4ZIEIo.cjs"),y=require("@mui/material"),Ae=require("./CustomHeaderComponent-cv1SEmBK.cjs"),pe=require("./ModelLinkSurvey-D8KsdFzh.cjs"),ie=require("./createSvgIcon-CRp0VXvr.cjs"),Me=require("./CustomFilterComponent-BctWxXNB.cjs"),ce=require("./styles.module-DxtZj2kW.cjs"),Oe=require("./CardSurveyMobile-DZHD5oZl.cjs"),Ue=require("./Send-CcZzWQnU.cjs"),Fe=require("./TableCells-D-3RzIrO.cjs"),_e=require("./useFontStyles-B5YQSPG6.cjs"),Ye=require("./SimpleDialog-DnPFn_s_.cjs"),Pe=require("./DoneCheckInIcon-7Q31KvHI.cjs"),Ge=require("./PlusIcon-_uz1Gy5e.cjs"),qe=require("react-router-dom"),He=({icon:l,title:d,value:n})=>e.jsxs("div",{className:`${o.styles["title-card-box"]} ${o.styles["box-item"]} p-4 mb-2 shadow-md mr-0 mr-sm-3`,children:[e.jsxs("div",{className:"d-flex align-items-center justify-content-center",children:[e.jsx("img",{src:l}),e.jsxs("p",{className:`${o.styles["title-card"]} m-0 mx-2`,children:[d,":"]})]}),e.jsx("div",{className:"d-flex align-items-center justify-content-center mt-3",children:e.jsx("p",{className:`${o.styles["value-card"]}`,children:n})})]}),$e=l=>l.length>0?l.reduce((d,n)=>[...d,...n.surveyTemplate.map(u=>u.templateName.trim()).filter(u=>!!u&&!d.includes(u))],[]):[],De=(l,d)=>$e(l).map(n=>({name:n,data:l.map(u=>{const a=u.surveyTemplate.find(h=>d?h.templateName==n:h.templateName.includes(n));return a?a.avgTemplateSurvey:0})})),Ie=(l,d,n)=>l.map(a=>Number(d.map(h=>{const p=h.surveyTemplate.find(m=>m.templateName.includes(a));return p?p.avgTemplateSurvey:0}).reduce((h,p)=>h+p,0)/n?.length)),ze="Dashboard",We=()=>{const l=fe.useDispatch(),d=fe.useSelector(i=>i?.common?.user.roles),[n,u]=$.useState({showBy:"",studentIds:[],studentId:void 0,teacherId:void 0,teacherUserId:"",studentUserId:"",bandScore:"",grade:[],startDate:Y.DEFAULT_START_DATE,endDate:Y.DEFAULT_END_DATE,roles:d||[]}),[a,h]=$.useState(Y.INITIAl_STUDENT_DASHBOARD),[p,m]=$.useState([!0]),[G,I]=$.useState([]),[q,E]=$.useState([]),[r,N]=$.useState([]),[S,C]=$.useState([]),[j,c]=$.useState([]),[X,Z]=$.useState([]),[te,B]=$.useState([]),[w,R]=$.useState([]),A=fe.useSelector(i=>i.common.user),[le,Q]=$.useState(void 0),[T,k]=$.useState(""),[ee,H]=$.useState(!1),[F,W]=$.useState([]),[M,se]=$.useState([]),z=i=>{u({...n,[i.target.name]:i.target.value})},ne=$.useCallback(async(i,D,V,O)=>{try{const U=O?await i({...n,type:O}):await i(n);U?.data&&D(U.data)}catch(U){l(v.setAlert({type:"danger",message:U.response?.data?.title||U.message})),D(V)}},[n]),oe=i=>{i!=null?u({...n,teacherId:i?i?.value:void 0,teacherUserId:i?.teacherUserId}):u({...n,teacherId:void 0,teacherUserId:""})},s=i=>{if(i!=null){k(i?.gender),Q(i),u({...n,studentId:i?i?.studentId:void 0,studentUserId:i?.id});return}else{k(""),Q(void 0),u({...n,grade:[],studentId:void 0,studentUserId:""});return}},f=i=>{const D=i.filter(V=>V!==null);D&&D.length>0&&u({...n,grade:i})},he=i=>{u({...n,...i})},me=async(i,D,V,O)=>{l(v.setLoading(!0));try{const U=await i(V);U&&D(U.data)}catch(U){l(v.setAlert({type:"danger",message:U.response?.data?.title||U.message})),D(O)}l(v.setLoading(!1))},K=$.useCallback(async()=>{document.title=ze,l(v.setLoading(!0)),await Promise.any([ne(ue.getAllTotalSurvey,h,[]),ne(ue.getStudentByGrade,R,[])]),l(v.setLoading(!1))},[n]),de=i=>{const D=[...p];if(D.filter(V=>V).length>=6&&D[i]===!1){l(v.setAlert({type:"danger",message:"Maximum 6 options can be select at the same time"}));return}D[i]=!D[i],m(D)},ve=$.useCallback(async()=>{l(v.setLoading(!0));try{const i=await ue.getDashboardTemplateSurvey(n);if(i){const D=De(i.data),V=$e(i.data),O=i.data.map(re=>re.month||""),U=Ie(V,i.data,O);se(O),I(U),N(D),C(O)}}catch(i){l(v.setAlert({type:"danger",message:i.response?.data?.title||i.message}))}l(v.setLoading(!1))},[n,p]),ge=$.useCallback(async()=>{l(v.setLoading(!0));try{const i=await ue.getDashboardTotalSurvey(n);if(i){const D=De(i.data,!0),V=$e(i.data),O=i.data.map(re=>re.month||""),U=Ie(V,i.data,O);W(O),E(U),c(D),Z(O)}}catch(i){l(v.setAlert({type:"danger",message:i.response?.data?.title||i.message}))}l(v.setLoading(!1))},[JSON.stringify(n)]),je=$.useCallback(async()=>{l(v.setLoading(!0));try{const D=(await ue.getDashboardFlagSurvey(n)).data;D&&B([{name:"Red",data:[D.numberSurveyRed||0]},{name:"Yellow",data:[D.numberSurveyYellow||0]},{name:"Green",data:[D.numberSurveyBlue||0]}])}catch(i){l(v.setAlert({type:"danger",message:i.response?.data?.title||i.message}))}l(v.setLoading(!1))},[JSON.stringify(n)]);return $.useEffect(()=>{K(),ve(),ge(),je()},[JSON.stringify(n)]),$.useEffect(()=>{n.studentUserId&&me(ue.getGrades,f,n.studentUserId,[])},[n.studentUserId]),{setFilter:u,filter:n,listSurveyTotal:a,studentByGrade:w,handleChangeFilters:z,user:A,studentDefault:le,setStudentDefault:Q,genderOfStudent:T,setGenderOfStudent:k,handleFilterStudent:s,handleFilterTeacher:oe,onChangeFilters:he,surveyFlagData:te,avgResult:G,seriesResult:r,activeColumnResult:p,avgTotal:q,seriesTotal:j,handleActiveColumnOneToOne:de,isShowFilterMobile:ee,setIsShowFilterMobile:H,dayOfWeekTotal:F,dayOfWeekResult:M,monthsSeriesResult:S,monthsSeriesTotal:X}},Ve=()=>{const{handleChangeFilters:l,user:d,studentDefault:n,handleFilterStudent:u,filter:a,listSurveyTotal:h,onChangeFilters:p,surveyFlagData:m,avgResult:G,activeColumnResult:I,handleActiveColumnOneToOne:q,isShowFilterMobile:E,setIsShowFilterMobile:r,dayOfWeekTotal:N,avgTotal:S,dayOfWeekResult:C,genderOfStudent:j,seriesTotal:c,seriesResult:X,monthsSeriesResult:Z,monthsSeriesTotal:te}=We(),[B,w]=$.useState([]),[R,A]=$.useState({calendar:{value:P.FILTER_YEAR.THIS_YEAR,label:"This Year"},gender:{value:0,label:"All"},grade:[""],bandScore:-1,favoriteSurvey:-1,academicYearId:-1,showBy:{value:P.FILTER_SHOW_BY.WEEK,label:"weeks"}}),le=(H,F,W)=>{const M=[...B],se=M?.find(z=>z.identification==F.id);if(H){if(F.id&&!se&&M.push({chartIndex:F.chartIndex,id:F.id,identification:F.id,label:F.label,children:F.children,chartType:W}),F&&se&&se.id==null){const z=M.indexOf(se);M[z].id=F.id,M[z].children=F.children}}else{const z=M.indexOf(se);M[z].id=null,M[z].children=null}w(M)},Q=H=>{for(const F of B)if(F.id===H)return!0;return!1},T=[{name:_.FILTER_NAME.ShowBy,icon:"/images/calendar.svg",handleChangeFilters:l,option:Y.SHOW_BY_OPTIONS,labelBox:R,setLabelBox:A},{name:_.FILTER_NAME.StartDate,icon:"/images/calendar.svg",labelBox:R,setLabelBox:A,handleChangeFilters:l},{name:_.FILTER_NAME.EndDate,icon:"/images/calendar.svg",labelBox:R,setLabelBox:A,handleChangeFilters:l},{name:_.FILTER_NAME.Grade,icon:"/images/star-icon.svg",labelBox:R,setLabelBox:A,handleChangeFilters:l,option:Y.GRADE_SURVEY}],k=[{name:_.FILTER_NAME.StudentName,icon:"/images/student-icon.svg",handleChangeFilters:u,studentId:a.studentId,labelBox:R,setLabelBox:A,studentDefault:n},{name:_.FILTER_NAME.FavoriteSurvey,icon:"/images/teacher-icon.svg",handleChangeFilters:l,labelBox:R,setLabelBox:A,option:[{value:-1,label:"all"},{value:1,label:"favorite_survey"}]}],ee=[{icon:"/images/icon_chart.png",title:"total_surveys",value:h?.totalSurvey,isUp:!0,deviant:"2",filter:"this week"},{icon:"/images/icon_watch.png",title:"response_rate",value:`${h?.responseRate}%`,isUp:!0,deviant:"17 min",filter:"this week"}];return{user:d,filter:a,LIST_FILTERS_LEFT:T,LIST_FILTERS_RIGHT:k,totalCardData:ee,onChangeFilters:p,handleSelectToPrint:le,checkSelectedItem:Q,selectedToPrint:B,setSelectedToPrint:w,surveyFlagData:m,avgResult:G,activeColumnResult:I,handleActiveColumnOneToOne:q,isShowFilterMobile:E,setIsShowFilterMobile:r,dayOfWeekTotal:N,avgTotal:S,dayOfWeekResult:C,genderOfStudent:j,seriesTotal:c,seriesResult:X,monthsSeriesResult:Z,monthsSeriesTotal:te}},Be=({series:l,months:d,activeColumn:n,colors:u,dayOfWeek:a,isCountSeries:h,min:p,handleHoverTooltip:m,chartName:G})=>{const I=l.reduce((r,N)=>Math.max(r,...N.data),-1/0)||0,{t:q}=v.useTranslation(),E=Ce.optionColumnChartAndPercents(p??0,d,n,!0,u,I,a,h,m,G);return E.tooltip={custom:({dataPointIndex:r,w:N})=>{const S=N.config.colors,C=N.config.series;return`<div class=${x.styles["custom-tooltip"]}> 
+               <p class=${x.styles["custom-tooltip-month"]}> ${a[r]} </p>
+               ${C.map((j,c)=>`<div key={${c}} class=${x.styles["tooltip-data-box"]}>
+                      <div class=${x.styles["tooltip-data-cursor"]} style="background: ${S[c]}"></div>
+                      <div class=${x.styles["tooltip-data"]}>
+                        <p  class=${x.styles.name}>${q(j.name?.toLowerCase())}:</p>
+                        <p class=${x.styles.data}>${h?j.data[r]:(p==-100?((j.data[r]??0)-50)*2:j.data[r])?.toFixed(2)+"%"}</p>
+                      </div>
+                    </div>`)}
+            </div>`}},e.jsxs("div",{className:`${x.styles["block-chart-area"]}`,children:[e.jsx("div",{hidden:p!=-100,className:`${x.styles["block-label-y"]}`,children:P.labelYChart.map(r=>e.jsxs("p",{className:`${x.styles.label}`,children:[r,"%"]}))}),e.jsx("div",{className:`${x.styles.chart}`,style:{flex:1},children:e.jsx(we,{options:E,type:"area",series:l,width:"100%",height:P.heightChartDefault})})]})},Qe=({series:l,colors:d,label:n,width:u="100%",height:a=250,isCountSeries:h,textColors:p,handleHoverTooltip:m,chartName:G})=>{const{t:I}=v.useTranslation();return e.jsx(we,{options:Ce.overallDonutCHartOptions(n.map(q=>I(q.toLocaleLowerCase())),d,h,p,m,G),series:l,type:"donut",width:u,height:a})},Se=({typeChart:l,onActiveColumn:d,activeColumn:n,series:u,months:a,name:h,dayOfWeek:p=[],colors:m,avgQuestionLastMonth:G,isShowExpandIcon:I,onExpand:q,timeOfDay:E,isPrint:r,width:N,height:S,avgContent:C,textColors:j,min:c,studentCount:X,studentPercentage:Z,responseStudent:te,classFontSize:B,handleHoverTooltip:w})=>{const R=[];for(let T=0;T<u.length;T++){const k=u[T],H=k.data.reduce((W,M)=>W+M,0)/k.data.length,F=G.find(W=>W.questionText.toLocaleLowerCase().includes(k.name.toLocaleLowerCase()));if(F){const W=F.avgQuestionResponse-F.avgQuestionResponseLastMonth;R.push(W)}else R.push(H)}const A=u.filter((T,k)=>n[k]).map(T=>({data:T.data,name:T.questionTranslation??T.name,questionTranslation:T.questionTranslation})),le=u.map(T=>T.data[0]||0)||[],Q=u.map(T=>T.name.charAt(0).toUpperCase()+T.name.slice(1))||[];return e.jsxs("div",{className:`w-100 h-100 ${x.styles["column-chart-percent"]} ${x.styles[B]}`,children:[!r&&e.jsxs("div",{className:`${x.styles["header-chart-generate"]}`,children:[e.jsx("p",{className:`${x.styles["title-chart-generate"]}`,children:h}),!!I&&e.jsx("img",{className:`${x.styles["expand-icon"]}`,onClick:()=>q?.(),src:v.getStaticFileUrl("/images/expand.svg"),alt:"expand"})]}),e.jsxs("div",{className:`${x.styles["skill-box"]}`,children:[e.jsx("div",{className:`${x.styles.listItem} ${!d&&x.styles["ml-10"]}`,children:u.map((T,k)=>{const ee=T.name.toLocaleLowerCase().includes("stress"),H=ee?"arrow-down":"arrow-up",F=ee?"arrow-up":"arrow-down";return r&&!n[k]?null:e.jsxs("div",{hidden:!T.name,className:`${x.styles["item-checkbox"]}`,children:[!!d&&e.jsx("div",{className:`${x.styles["box-checkbox"]}`,children:e.jsx(Ee.CheckboxCustom,{isActive:!!n[k],onClick:()=>d?.(k,h)})}),e.jsxs("div",{className:`${x.styles["item-detail"]}`,children:[e.jsxs("div",{className:`${x.styles.question}`,children:[e.jsx("div",{className:`${x.styles["point-custom"]}`,style:{backgroundColor:m[k]}}),e.jsx("label",{className:`${x.styles["label-chart"]}`,children:T.questionTranslation??T.name})]}),e.jsx("p",{className:`${x.styles["avr-question"]}`,children:`${Ce.handleGenerateAvgQuestion(T.data,c==-100,C)??0}`}),e.jsxs("div",{hidden:R.length==0||!E,className:`${x.styles.volatility}`,children:[R[k]<0?e.jsxs("div",{className:`${x.styles.arr}`,children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512",className:`${x.styles[F]} ${x.styles.arrow}`,children:e.jsx("path",{d:"M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"})}),e.jsx("p",{className:`${x.styles["percent-text"]} ${x.styles[F]}`,children:`${Math.abs(R[k]||0)?.toFixed(2)}%`})]}):e.jsxs("div",{className:`${x.styles.arr}`,children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512",className:` ${x.styles["rotate-180"]} ${x.styles[H]} ${x.styles.arrow}`,children:e.jsx("path",{d:"M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"})}),e.jsx("p",{className:`${x.styles["percent-text"]} ${x.styles[H]}`,children:`${Math.abs(R[k]||0)?.toFixed(2)}%`})]}),e.jsx("p",{className:`${x.styles["month-text"]}`,children:`vs last ${E}`})]})]})]},k)})}),e.jsx("div",{className:`${x.styles["box-model-student-skill"]} mr-3`,hidden:!X&&X!=0||u.length==0,children:e.jsx(be.ModelSkillStudent,{studentCount:X,studentPercentage:Z,name:h,responseStudent:te})})]}),e.jsxs("div",{className:`w-100 ${r&&l===P.TYPECHART.DONUT?"d-flex justify-content-center":""}`,children:[l===P.TYPECHART.AREA&&e.jsx(Be,{isCountSeries:!!C,months:a,activeColumn:n,series:A,dayOfWeek:p,colors:m,min:c,handleHoverTooltip:w,chartName:h}),l===P.TYPECHART.BAR&&e.jsx(be.BarChart,{months:a,activeColumn:n,series:A,dayOfWeek:p,colors:m}),l===P.TYPECHART.LINE&&e.jsx(be.LineChart,{months:a,activeColumn:n,series:A,dayOfWeek:p,colors:m}),l===P.TYPECHART.DONUT&&e.jsx(Qe,{isCountSeries:!!C,series:le,colors:m,label:Q,width:N,height:S,textColors:j,handleHoverTooltip:w,chartName:h})]})]},h)},xe=({studentUserId:l,studentId:d,studentDefault:n,handleChangeFilters:u,name:a,icon:h,option:p,onChangeFilters:m,btnStyle:G,filter:I,teacherUserId:q,changeCurrentTeacherUserId:E,labelBox:r,setLabelBox:N})=>{const{t:S}=v.useTranslation(),C=$.useRef(null),[j,c]=$.useState(!1),[X,Z]=$.useState(""),[te,B]=$.useState(""),w=()=>{c(!j)},R=s=>{m&&m({startDate:ae(s).startOf("day").valueOf(),optionDate:"",academicYearId:void 0}),c(!1),N({...r,calendarTime:void 0,academicYearId:-1})},A=s=>{m&&m({endDate:ae(s).endOf("day").valueOf(),optionDate:"",academicYearId:void 0}),c(!1),N({...r,calendarTime:void 0,academicYearId:-1})},le=s=>{m&&m({gender:s.value===-1?[P.LegalGenderType.None,P.LegalGenderType.Male,P.LegalGenderType.Female]:[s.value]}),N({...r,gender:{value:s.value,label:s.label}})},Q=s=>{let f;if(s.value==="")f=[],m?.({grade:[]}),N({...r,grade:[""]});else{r.grade.includes(s.value)?f=r.grade.filter(K=>K!==s.value):f=[...r.grade,s.value];const me=Y.GRADE_SURVEY.filter(K=>f.includes(K.value)&&K.value!=="").map(K=>K.label);m?.({grade:me}),N({...r,grade:f.filter(K=>K!=="")})}},T=s=>{N({...r,academicYearId:s.value,calendarTime:void 0}),m&&m({...I,startDate:ae(s?.startTime).startOf("day").valueOf(),endDate:ae(s?.endTime).endOf("day").valueOf(),academicYearId:s?.value,optionDate:""})},k=s=>{N({...r,favoriteSurvey:s.value}),s.value==-1?m&&m({favoriteSurvey:[]}):m&&m({favoriteSurvey:[s.value]})},ee=s=>{N({...r,calendarTime:s}),s?m&&m({startDate:s.startDate,endDate:s.endDate,optionDate:s.value}):m&&m({startDate:P.DEFAULT_START_DATE,endDate:P.DEFAULT_END_DATE,optionDate:""})},H=s=>{N({...r,showBy:s}),s?m&&m({showBy:s.showBy,optionDate:s.value}):m&&m({showBy:"",optionDate:""})},F=()=>{N({...r,calendarTime:void 0}),m&&m({startDate:P.DEFAULT_START_DATE,endDate:P.DEFAULT_END_DATE,optionDate:""})},W=()=>{N({...r,showBy:void 0}),m&&m({showBy:"",optionDate:""})},M=s=>{N({...r,bandScore:s.value}),s.value===-1?m&&m({bandScore:""}):m&&m({bandScore:s.label})},se=s=>{C.current&&!C?.current?.contains?.(s.target)&&c(!1)},z=$.useMemo(()=>{if(a!=_.FILTER_NAME.AcademicYear)return null;let s=null;return r?.academicYearId!==-1&&p?.length&&(s=p?.find(f=>f.value===r.academicYearId)),s?.label||S("academic_year")},[r.academicYearId,a,p,S]),ne=s=>{const f=s.target.value;C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{u(f)},800)};$.useEffect(()=>{document.addEventListener("click",se,!0)},[]);const oe=()=>{if(a===_.FILTER_NAME.StartDate)return e.jsxs("div",{className:`${t.styles["block-filter-component"]}`,ref:C,children:[e.jsxs("button",{onClick:w,className:`${t.styles["btn-filter"]} d-flex align-items-center cursor-pointer`,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:r.calendar.label}),e.jsxs("p",{className:`${t.styles["color-filter"]} my-0 mx-2`,children:[S(a),!!I?.startDate&&`: ${ae(I?.startDate).format("DD/MM/YYYY")}`]})]}),j&&e.jsx("div",{className:`${t.styles["date-picker"]} date-picker-admin`,children:e.jsx(Ne,{selected:ae(I?.startDate).toDate(),onChange:s=>R(s),inline:!0})})]},`${a}`);if(a===_.FILTER_NAME.EndDate)return e.jsxs("div",{className:`${t.styles["block-filter-component"]}`,ref:C,children:[e.jsxs("button",{onClick:w,className:`${t.styles["btn-filter"]} d-flex align-items-center cursor-pointer`,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:r.calendar.label}),e.jsxs("p",{className:`${t.styles["color-filter"]} my-0 mx-2`,children:[S(a),!!I?.endDate&&`: ${ae(I?.endDate).format("DD/MM/YYYY")}`]})]}),j&&e.jsx("div",{className:`${t.styles["date-picker"]} date-picker-admin`,children:e.jsx(Ne,{selected:ae(I?.endDate).toDate(),onChange:s=>A(s),inline:!0})})]},`${a}`);if(a===_.FILTER_NAME.Gender)return e.jsxs("div",{className:`${t.styles["block-filter-component"]} `,ref:C,children:[e.jsxs("button",{onClick:w,className:`${t.styles["btn-filter"]} d-flex align-items-center cursor-pointer`,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:r.gender.label}),e.jsx("p",{className:`${t.styles["color-filter"]} my-0 mx-2`,children:r.gender.value===-1?`${S(a)}`:S(r.gender.label)}),j?e.jsx(L.FiChevronUp,{}):e.jsx(L.FiChevronDown,{})]}),e.jsx("div",{className:`${t.styles["select-filter-component"]} ${!j&&`${t.styles.hidden}`}`,children:e.jsx(b.Form,{className:`${t.styles["box-select"]}`,children:p?.map(s=>e.jsxs(b.FormGroup,{check:!0,className:"my-2 px-3",children:[e.jsx(b.Input,{id:s.label+"gender",name:"gender",value:s.value,type:"radio",className:`${t.styles["radio-btn"]}`,checked:r.gender.value===s.value,onChange:()=>le(s)}),e.jsx(b.Label,{check:!0,for:s.label+"gender",className:`${t.styles["box-select-label"]}`,children:e.jsx("p",{children:S(s.label)})})]},s.label))})})]},`${a}`);if(a==_.FILTER_NAME.Grade)return e.jsxs("div",{className:`${t.styles["block-filter-component"]} `,ref:C,children:[e.jsxs("button",{onClick:w,className:`${t.styles["btn-filter"]} d-flex align-items-center cursor-pointer`,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:a}),e.jsx("p",{className:`${t.styles["color-filter"]} my-0 mx-2`,children:r.grade.includes("")?`${S(a)}`:p?.filter(s=>r.grade.includes(s.value)).map(s=>s.label).join(", ")}),j?e.jsx(L.FiChevronUp,{}):e.jsx(L.FiChevronDown,{})]}),e.jsx("div",{className:`${t.styles["select-filter-component"]} ${!j&&`${t.styles.hidden}`}`,children:e.jsx(b.Form,{className:`${t.styles["box-select"]} ${t.styles["box-select-format"]}`,children:p?.map(s=>e.jsxs(b.FormGroup,{check:!0,className:"my-2 px-3",children:[e.jsx(b.Input,{id:s.label+"grade",name:"grade",value:[s.label],type:"checkbox",className:`${t.styles["radio-btn"]}`,checked:r.grade.includes(s.value),onChange:()=>Q(s)}),e.jsx(b.Label,{check:!0,for:s.label+"grade",className:`${t.styles["box-select-label"]}`,children:e.jsx("p",{children:s.label})})]},`${s.label}`))})})]},`${a}`);if(a==_.FILTER_NAME.AcademicYear)return e.jsxs("div",{className:`${t.styles["block-filter-component"]} `,ref:C,children:[e.jsxs("button",{onClick:w,className:`${t.styles["btn-filter"]} d-flex align-items-center cursor-pointer`,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:a}),e.jsx("p",{className:`${t.styles["color-filter"]} my-0 mx-2`,children:S(z)}),j?e.jsx(L.FiChevronUp,{}):e.jsx(L.FiChevronDown,{})]}),e.jsx("div",{className:`${t.styles["select-filter-component"]} ${!j&&`${t.styles.hidden}`}`,children:e.jsx(b.Form,{className:`${t.styles["box-select"]} ${t.styles["box-select-format"]}`,children:p?.map(s=>e.jsxs(b.FormGroup,{check:!0,className:"my-2 px-3",children:[e.jsx(b.Input,{id:s.label+"grade",name:"grade",value:[s.label],type:"radio",className:`${t.styles["radio-btn"]}`,checked:r.academicYearId===s.value,onChange:()=>T(s)}),e.jsx(b.Label,{check:!0,for:s.label+"grade",className:`${t.styles["box-select-label"]}`,children:e.jsx("p",{children:s.label})})]},`${s.label}`))})})]},`${a}`);if(a===_.FILTER_NAME.BandScore)return e.jsxs("div",{className:`${t.styles["block-filter-component"]} `,ref:C,children:[e.jsxs("button",{onClick:w,className:`${t.styles["btn-filter"]} d-flex align-items-center cursor-pointer`,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:a}),e.jsx("p",{className:`${t.styles["color-filter"]} my-0 mx-2`,children:r.bandScore===-1?`${S(a)}`:p?.find(s=>s.value===r.bandScore)?.label}),j?e.jsx(L.FiChevronUp,{}):e.jsx(L.FiChevronDown,{})]}),e.jsx("div",{className:`${t.styles["select-filter-component"]} ${!j&&`${t.styles.hidden}`}`,children:e.jsx(b.Form,{className:`${t.styles["box-select"]} ${t.styles["box-select-format"]}`,children:p?.map(s=>e.jsxs(b.FormGroup,{check:!0,className:"my-2 px-3",children:[e.jsx(b.Input,{id:`score${s.label}`,name:"bandScore",value:s.label+"radio",type:"radio",className:`${t.styles["radio-btn"]}`,checked:r.bandScore===s.value,onChange:()=>M(s)}),e.jsx(b.Label,{check:!0,for:`score${s.label}`,className:`${t.styles["box-select-label"]}`,children:e.jsx("p",{children:s.label})})]},`${s.value}`))})})]},`${a}`);if(a===_.FILTER_NAME.TeacherName)return e.jsxs("div",{className:`${t.styles["block-filter-component"]} `,ref:C,children:[e.jsxs("button",{onClick:w,className:`${t.styles["btn-filter"]} d-flex align-items-center cursor-pointer`,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:a}),e.jsx("p",{className:`${t.styles["color-filter"]} my-0 mx-2`,children:X||S(a)}),j?e.jsx(L.FiChevronUp,{}):e.jsx(L.FiChevronDown,{})]}),e.jsx("div",{className:`${t.styles["select-filter-component"]} ${!j&&`${t.styles.hidden}`}`,children:e.jsx(Le.TeacherItemSelector,{onChange:s=>{u(s),E&&E(s?.teacherUserId||""),s?.label?Z(s.label):Z("")},defaultValue:I?.teacherId,studentUserId:l||""})})]},`${a}`);if(a===_.FILTER_NAME.StudentName)return e.jsxs("div",{className:`${t.styles["block-filter-component"]} `,ref:C,children:[e.jsxs("button",{onClick:w,className:`${t.styles["btn-filter"]} d-flex align-items-center cursor-pointer`,style:G,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:a}),e.jsx("p",{className:`${t.styles["color-filter"]} my-0 mx-2`,children:te||n?.label||S(a)}),j?e.jsx(L.FiChevronUp,{}):e.jsx(L.FiChevronDown,{})]}),e.jsx("div",{className:`${t.styles["select-filter-component"]} ${!j&&`${t.styles.hidden}`}`,children:e.jsx(Re.StudentItemSelector,{onChange:s=>{u(s),s?.label?B(s.label):B("")},value:d,studentDefault:n,teacherUserId:q,placeholder:S("select_student")})})]},`${a}`);if(a==_.FILTER_NAME.Calendar){const s=p?.find(f=>f.label===r.calendarTime?.label);return e.jsxs("div",{className:`${t.styles["block-filter-component"]} `,ref:C,children:[e.jsxs("button",{onClick:w,className:`${t.styles["btn-filter"]} d-flex align-items-center cursor-pointer`,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:a}),e.jsx("p",{className:`${t.styles["color-filter"]} my-0 mx-2`,children:r.calendarTime?s?.label:`${S("filter_calendar")}`}),!!s&&!!r.calendarTime&&e.jsx(Te.IoMdClose,{className:"mx-2",onClick:F}),j?e.jsx(L.FiChevronUp,{}):e.jsx(L.FiChevronDown,{})]}),e.jsx("div",{className:`${t.styles["select-filter-component"]} ${!j&&`${t.styles.hidden}`}`,children:e.jsx(b.Form,{className:`${t.styles["box-select"]} ${t.styles["box-select-format"]}`,children:p?.map(f=>e.jsxs(b.FormGroup,{check:!0,className:"my-2 px-3",children:[e.jsx(b.Input,{id:f.label,name:"calendar",value:[f.label],type:"radio",className:`${t.styles["radio-btn"]}`,checked:r.calendarTime?.label===f.label,onChange:()=>ee(f)}),e.jsx(b.Label,{check:!0,for:f.label,className:`${t.styles["box-select-label"]}`,children:e.jsx("p",{children:f.label})})]},`${f.label}`))})})]},`${a}`)}if(a==_.FILTER_NAME.ShowBy){const s=p?.find(f=>f.label===r.showBy?.label);return e.jsxs("div",{className:`${t.styles["block-filter-component"]} `,ref:C,children:[e.jsxs("button",{onClick:w,className:`${t.styles["btn-filter"]} d-flex align-items-center cursor-pointer`,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:a}),e.jsx("p",{className:`${t.styles["color-filter"]} my-0 mx-2`,children:r.showBy?S(s?.label):`${S("Show by")}`}),!!s&&!!r.showBy&&e.jsx(Te.IoMdClose,{className:"mx-2",onClick:W}),j?e.jsx(L.FiChevronUp,{}):e.jsx(L.FiChevronDown,{})]}),e.jsx("div",{className:`${t.styles["select-filter-component"]} ${!j&&`${t.styles.hidden}`}`,children:e.jsx(b.Form,{className:`${t.styles["box-select"]} ${t.styles["box-select-format"]}`,children:p?.map(f=>e.jsxs(b.FormGroup,{check:!0,className:"my-2 px-3",children:[e.jsx(b.Input,{id:f.label,name:"calendar",value:[f.label],type:"radio",className:`${t.styles["radio-btn"]}`,checked:r.showBy?.label===f.label,onChange:()=>H(f)}),e.jsx(b.Label,{check:!0,for:f.label,className:`${t.styles["box-select-label"]}`,children:e.jsx("p",{children:S(f.label)})})]},`${f.label}`))})})]},`${a}`)}return a==_.FILTER_NAME.FavoriteSurvey?e.jsxs("div",{className:`${t.styles["block-filter-component"]} `,ref:C,children:[e.jsxs("button",{onClick:w,className:`${t.styles["btn-filter"]} d-flex align-items-center cursor-pointer`,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:a}),e.jsx("p",{className:`${t.styles["color-filter"]} my-0 mx-2`,children:r.favoriteSurvey===-1?`${S(a)}`:S(p?.find(s=>s.value===r.favoriteSurvey)?.label)}),j?e.jsx(L.FiChevronUp,{}):e.jsx(L.FiChevronDown,{})]}),e.jsx("div",{className:`${t.styles["select-filter-component"]} ${!j&&`${t.styles.hidden}`}`,children:e.jsx(b.Form,{className:`${t.styles["box-select"]} ${t.styles["box-select-format"]}`,children:p?.map(s=>e.jsxs(b.FormGroup,{check:!0,className:"my-2 px-3",children:[e.jsx(b.Input,{id:s.label+"favorite",name:"favorite",value:[s.label],type:"radio",className:`${t.styles["radio-btn"]}`,checked:r.favoriteSurvey===s.value,onChange:()=>k(s)}),e.jsx(b.Label,{check:!0,for:s.label+"favorite",className:`${t.styles["box-select-label"]}`,children:e.jsx("p",{children:S(s.label)})})]},`${s.label}`))})})]},`${a}`):a==_.FILTER_NAME.Search?e.jsx("div",{className:`${t.styles["block-filter-component"]} d-flex align-items-center`,ref:C,children:e.jsxs("div",{className:`${t.styles["input-filter"]} d-flex align-items-center`,children:[e.jsx("img",{src:`${v.getStaticFileUrl(h)}`,alt:a}),e.jsx(b.Input,{id:"search-for-keyword",name:"searchString",type:"text",placeholder:"Search for keywords",onChange:s=>ne(s)})]})},`${a}`):e.jsx("div",{})};return e.jsx(e.Fragment,{children:oe()})},Ke=()=>{const{t:l}=v.useTranslation(),{filter:d,LIST_FILTERS_LEFT:n,LIST_FILTERS_RIGHT:u,totalCardData:a,onChangeFilters:h,surveyFlagData:p,activeColumnResult:m,handleActiveColumnOneToOne:G,isShowFilterMobile:I,setIsShowFilterMobile:q,dayOfWeekTotal:E,dayOfWeekResult:r,seriesTotal:N,seriesResult:S,monthsSeriesResult:C,monthsSeriesTotal:j}=Ve();return e.jsxs("div",{className:`${o.styles["block-dashboard"]} mb-5 mt-4`,children:[e.jsx("style",{dangerouslySetInnerHTML:{__html:[".survey-donut-chart .apexcharts-tooltip{","color: #FFFFFF!important;","}"].join("")}}),e.jsxs("div",{className:`${o.styles["filter-mobile-block"]} p-3 my-4`,children:[e.jsxs("div",{onClick:()=>q(!I),className:"d-flex justify-content-between cursor-pointer",children:[e.jsx("span",{className:"font-weight-bold",children:l("filter")}),I?e.jsx(L.FiChevronUp,{size:"1.5rem"}):e.jsx(L.FiChevronDown,{size:"1.5rem"})]}),I?e.jsxs("div",{className:`d-flex flex-column ${o.styles["filter-wrapper-mobile"]}`,children:[e.jsx("div",{className:`d-flex flex-column mt-3 ${o.styles["filter-wrapper-mobile"]}`,children:n.map(c=>e.jsx(xe,{name:c.name,icon:c.icon,handleChangeFilters:c.handleChangeFilters,filter:d,option:c.option,onChangeFilters:h,labelBox:c.labelBox,setLabelBox:c.setLabelBox}))}),e.jsx("div",{className:`d-flex flex-column ${o.styles["filter-wrapper-mobile"]}`,children:u.map(c=>e.jsx(xe,{name:c.name,icon:c.icon,handleChangeFilters:c.handleChangeFilters,filter:d,option:c.option,studentId:c.studentId||0,studentDefault:c.studentDefault,onChangeFilters:h,labelBox:c.labelBox,setLabelBox:c.setLabelBox,btnStyle:c.name===_.FILTER_NAME.StudentName?{minWidth:220,justifyContent:"center"}:{}}))})]}):null]}),e.jsxs("div",{className:"d-none d-sm-flex justify-content-between flex-wrap my-2",children:[e.jsx("div",{className:"d-flex",children:n.map(c=>e.jsx(xe,{name:c.name,icon:c.icon,handleChangeFilters:c.handleChangeFilters,filter:d,option:c.option,onChangeFilters:h,labelBox:c.labelBox,setLabelBox:c.setLabelBox}))}),e.jsx("div",{className:"d-flex",children:u.map(c=>e.jsx(xe,{name:c.name,icon:c.icon,handleChangeFilters:c.handleChangeFilters,filter:d,option:c.option,studentId:c.studentId||0,studentDefault:c.studentDefault,onChangeFilters:h,labelBox:c.labelBox,setLabelBox:c.setLabelBox,btnStyle:c.name===_.FILTER_NAME.StudentName?{minWidth:220,justifyContent:"center"}:{}}))})]}),e.jsx("div",{className:`d-flex align-items-center justify-content-center justify-content-sm-start ${o.styles["gap-8px"]} flex-wrap mb-3`,children:a.map(c=>e.jsx(He,{icon:c.icon,title:l(`${c.title}`),value:c.value,isUp:c.isUp,deviant:c.deviant,filter:c.filter}))}),e.jsx("div",{className:`shadow-lg mb-3 py-3 ${o.styles["chart-header-wrapper"]} ${o.styles["survey-dashboard-chart"]} survey-dashboard-chart`,children:e.jsxs(b.Row,{children:[e.jsx(b.Col,{xs:12,sm:12,md:7,children:e.jsx(Se,{avgContent:l("surveys"),colors:["#C44140","#0F9655"],name:l("total_survey"),typeChart:Y.TYPECHART.AREA,activeColumn:[!0,!0],series:N,months:j,dayOfWeek:E,avgQuestionLastMonth:[]})}),e.jsx(b.Col,{xs:12,sm:12,md:5,className:`survey-donut-chart ${o.styles["survey-donut-chart"]}`,children:e.jsx(Se,{avgContent:l("flags").toUpperCase(),colors:["#C44140","#FFB04F","#0F9655"],textColors:["#FFFFFF","#FFFFFF","#FFFFFF"],name:l("flags"),typeChart:Y.TYPECHART.DONUT,months:[],activeColumn:[!0,!0,!0],avgQuestionLastMonth:[],series:p,width:250,height:250,dayOfWeek:[]})}),e.jsx(b.Col,{md:12,children:e.jsx(Se,{colors:["#73C8E5","#FFB04F","#D7B0DE","#E56362","#169490","#D3D3D3","#316CD9"],name:l("survey_results"),typeChart:Y.TYPECHART.AREA,activeColumn:m,series:S,months:C,dayOfWeek:r,onActiveColumn:G,avgQuestionLastMonth:[]})})]})})]})},ke=({title:l,value:d,classFontSize:n,onClick:u,index:a})=>{const h=()=>{u?.()},p=["/images/active-surveys.png","/images/total-surveys.png","/images/scheduled-session.png","/images/Ellipse-red.png","/images/Ellipse-yellow.png","/images/Ellipse-green.png"];return e.jsxs(y.Grid,{className:`${t.styles["total-card-box"]} ${t.styles[`total-card-box-${a}`]} ${u?t.styles["total-card-box--hover"]:""} ${t.styles[n]}`,onClick:h,children:[e.jsxs("div",{className:`${t.styles["total-card-box__content"]}`,children:[e.jsx(y.Typography,{className:`${t.styles["total-card-value"]}`,children:d}),e.jsx(y.Typography,{className:`${t.styles["total-card-title"]}`,children:l})]}),e.jsx("div",{className:`${t.styles["total-card-box__img"]}`,children:e.jsx("img",{src:p[a],alt:"total-card"})})]})},Je=ie.createSvgIcon(e.jsx("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z"}),"StarBorder"),Xe=ie.createSvgIcon(e.jsx("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star"),Ze="#308252",es="#FFFFFF",ss=ie.styled$1(y.Button)(({btnBackgroundColor:l,btnColor:d,btnFontSize:n})=>({backgroundColor:l,borderRadius:"12px",padding:"18px",width:"100%","&:hover":{backgroundColor:l},"& span":{color:d,fontSize:n,paddingRight:"15px",textTransform:"uppercase"}})),ts=({color:l,label:d,backgroundColor:n,handleClickOpen:u,fontSize:a="inherit",icon:h})=>e.jsxs(ss,{variant:"contained",color:"primary",disableElevation:!0,btnBackgroundColor:n??Ze,btnColor:l??es,btnFontSize:a,onClick:()=>{u?.()},children:[e.jsx("span",{children:d}),h]}),ls=ie.createSvgIcon([e.jsx("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"},"0"),e.jsx("path",{d:"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"},"1")],"AccessTime"),as=ie.createSvgIcon(e.jsx("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"}),"MoreHoriz"),ns=ie.createSvgIcon(e.jsx("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete"),rs=({open:l,handleCloseModalConfirmDelete:d,handleDelete:n,selectedId:u,content:a})=>{const{t:h}=v.useTranslation();return e.jsxs(y.Dialog,{open:l,onClose:d,disableEnforceFocus:!0,disableRestoreFocus:!0,children:[e.jsx(y.DialogTitle,{children:e.jsx("p",{style:{fontSize:"18px",fontWeight:700},children:a})}),e.jsxs(y.DialogActions,{style:{padding:"20px"},children:[e.jsx(y.Button,{style:{color:"#C94645",textTransform:"uppercase"},onClick:d,children:h("cancel")}),e.jsxs(y.Button,{variant:"contained",style:{color:"#fff",backgroundColor:"#C94645",textTransform:"uppercase"},onClick:()=>n(u),children:[h("yes_delete")," ",e.jsx(ns,{})]})]})]})},cs=({isOpen:l,onClose:d,handleDelete:n,selectedIds:u})=>{const{t:a}=v.useTranslation();return e.jsx(Ye.SimpleDialog,{open:l,onClose:d,scroll:"body",maxWidth:"sm",children:e.jsxs("div",{className:ce.styled["delete-survey-modal"],children:[e.jsx("h2",{className:ce.styled["delete-survey-modal__title"],children:a("delete_survey")}),e.jsx("div",{className:ce.styled["delete-survey-modal__description"],children:a("are_you_sure_to_delete_selected_survey",{number:u?.length||0})}),e.jsxs("div",{className:ce.styled["delete-survey-modal__group-btn"],children:[e.jsx("button",{type:"button",className:ce.styled["delete-survey-modal__cancel"],onClick:()=>{d&&d()},children:a("cancel")}),e.jsxs("button",{type:"button",className:ce.styled["delete-survey-modal__action"],onClick:()=>n(),children:[e.jsx(Pe.DoneCheckInIcon,{color:"#fff"}),a("yes_im_sure")]})]})]})})},is=$.memo(cs),os=y.styled(y.Popover)(()=>({"& .MuiPopover-paper":{boxShadow:"0px 0px 32px 0px rgba(64, 95, 152, 0.32)"}})),ds=y.createTheme({components:{MuiTablePagination:{styleOverrides:{spacer:{flex:"none"}}}}}),us=()=>{const{itemSelected:l,filters:d,listSurvey:n,listTotal:u,handleUpdateFavorite:a,handleChangeStartDate:h,handleChangeEndDate:p,handleChangeStatus:m,handleChangeRowsPerPage:G,handleChangePage:I,handleChangePageCreate:q,open:E,handleChangeInputSearch:r,handleSelectFavorite:N,handleSort:S,isShowFilter:C,handleShowFilter:j,isShowFilterCalendar:c,handleShowFilterCalendar:X,handleChangeFilter:Z,handleChangeFlag:te,anchorEl:B,popoverId:w,openPopover:R,handleClickAction:A,handleCloseAction:le,handleDownloadCsv:Q,handleDownloadCsvSurvey:T,showModalDeleteSurvey:k,handleCloseModalConfirmDelete:ee,handleDeleteSurvey:H,anonymousKey:F,handleCloseModelLink:W,handleCopyToClipboard:M,linkAnonymousSurvey:se,handleChangeGrade:z,onChangeOptionDate:ne,dataStudents:oe,handleChangeStudent:s,dataTeachers:f,handleChangeTeacher:he,onEditSurvey:me,handlePublishSurvey:K,selectedIds:de,handleToggleSelect:ve,handleSelectAll:ge,handleDeleteSelected:je,openSelectedModal:i,handleCloseModalDelete:D,handleOpenModalDelete:V}=pe.useListSurvey(),{classFontSize:O,useStyles:U}=_e.useFontStyles(),re=U(),{t:J}=v.useTranslation();return e.jsxs(y.Grid,{className:`${o.styles["block-list-survey"]} ${o.styles[O]}`,children:[e.jsxs(y.Grid,{className:`${o.styles["box-filter"]}`,children:[e.jsxs(y.Grid,{className:`${o.styles["block-total"]}`,children:[u.slice(0,3).map((g,ye)=>e.jsx(ke,{title:J(g.title),value:g.value,onClick:g.onClick,classFontSize:O,index:ye})),e.jsx("div",{className:`${o.styles["list-card-right"]}`,children:u.slice(3).map((g,ye)=>e.jsx(ke,{title:J(g.title),value:g.value,onClick:g.onClick,classFontSize:O,index:ye+3}))})]}),e.jsx(y.Grid,{className:`${o.styles["filter-desktop"]}`,children:e.jsx(Me.CustomFilterComponent,{handleChangeInputSearch:r,filters:d,handleChangeStartDate:h,handleChangeEndDate:p,handleChangeStatus:m,handleSelectFavorite:N,handleToggleCustom:Z,toggleKeyCustom:"isSchedule",toggleContentCustom:"session_scheduled",optionCustomSelect:Y.flagSurveyOptions,handleChangeCustomSelect:te,handleDownloadCsv:Q,onChangeGrade:z,onChangeOptionDate:ne,isSelectMulti:!0,studentList:oe,onSelectStudent:s,handleOpenModalDelete:V,selectedIds:de,teacherList:f,onSelectTeacher:he,isMultiSelectTeacher:!0})}),e.jsx(y.Grid,{className:`${o.styles["filter-mobile"]}`,children:e.jsx(ce.CustomFilterMobile,{handleChangeInputSearch:r,filters:d,onShowFilter:j,isShowFilter:C,handleChangeStartDate:h,handleChangeEndDate:p,handleChangeStatus:m,handleSelectFavorite:N,isShowCalendar:c,onShowFilterCalendar:X,handleToggleCustom:Z,toggleKeyCustom:"isSchedule",toggleContentCustom:"session_scheduled",optionCustomSelect:Y.flagSurveyOptions,handleChangeCustomSelect:te,handleDownloadCsv:Q,onChangeGrade:z,onChangeOptionDate:ne,isSelectMulti:!0,studentList:oe,onSelectStudent:s,teacherList:f,onSelectTeacher:he,isMultiSelectTeacher:!0})})]}),e.jsx(y.Grid,{className:`${o.styles["table-desktop"]} ${o.styles["filter-desktop"]} pb-5`,children:e.jsxs(y.Grid,{className:`${o.styles["table-wrapper"]}`,children:[e.jsx(y.TableContainer,{className:`${o.styles["table-container"]}`,children:e.jsxs(y.Table,{"aria-label":"simple table",className:`${o.styles["table-border"]}`,children:[e.jsx(y.TableHead,{children:e.jsx(Fe.TableCells,{listTableCell:Fe.tableListSurvey,filters:d,handleSort:S,hasCheckbox:!0,dataSelect:n?.items||[],selectedIds:de,handleSelectAll:ge})}),e.jsx(y.TableBody,{children:n?.items?.map(g=>e.jsxs(y.TableRow,{children:[e.jsx(y.TableCell,{padding:"checkbox",children:e.jsx(y.Checkbox,{checked:de.includes(g.id),onChange:()=>ve(g.id)})}),e.jsx(y.TableCell,{align:"center",component:"th",scope:"row",height:80,className:`${o.styles["table-class-type"]} ${o.styles["table-title"]}`,children:g.title}),e.jsx(y.TableCell,{align:"center",component:"th",scope:"row",height:80,className:`${o.styles["table-class-type"]}`,children:g.createdDate&&e.jsx(pe.ConvertTime,{time:g.createdDate,line:!0})}),e.jsx(y.TableCell,{align:"center",component:"th",scope:"row",height:80,className:`${o.styles["table-class-type"]}`,children:g.numberOfRecipients}),e.jsx(y.TableCell,{align:"center",component:"th",scope:"row",height:80,className:`${o.styles["table-class-type"]}`,children:g.numberOfResponses}),e.jsx(y.TableCell,{align:"center",component:"th",scope:"row",height:80,className:`${o.styles["table-class-type"]}`,children:g.deadline&&g.deadline!==Y.DATE_MIN_VALUE&&e.jsx(pe.ConvertTime,{time:g.deadline,line:!0})}),e.jsx(y.TableCell,{align:"center",component:"th",scope:"row",height:80,className:`${o.styles["table-class-type"]}`,children:g.createdBy}),e.jsx(y.TableCell,{align:"center",component:"th",scope:"row",height:80,className:`${o.styles["table-class-type"]}`,children:e.jsx(y.Typography,{className:`${o.styles["table-status"]} ${o.styles[g.status]}`,children:g.status=="Close"?"Closed":g.status})}),e.jsx(y.TableCell,{align:"center",children:g.isFavorite?e.jsx(Xe,{onClick:()=>a(g.id,!g.isFavorite),className:`${o.styles["checked-favorite"]}`}):e.jsx(Je,{onClick:()=>a(g.id,!g.isFavorite),className:`${o.styles["checked-favorite"]}`})}),e.jsx(y.TableCell,{component:"th",scope:"row",height:80,align:"center",className:`${o.styles["table-class-type"]}`,children:e.jsx(y.Button,{"aria-describedby":w,variant:"text",onClick:ye=>A(ye,g,g.studentIds?.[0]),children:e.jsx(as,{})})})]},g.id))})]})}),n?.items.length===0?e.jsx(y.Box,{p:2,children:e.jsx(y.Typography,{variant:"h5",className:o.styles["no-data"],children:J("no_data")})}):e.jsx(y.Grid,{className:`${o.styles.pagination}`,children:e.jsx(y.ThemeProvider,{theme:ds,children:e.jsx(y.TablePagination,{rowsPerPageOptions:[5,10,25],component:"div",count:n?.totalItems||0,rowsPerPage:d.pageSize,page:d.currentPage-1,onPageChange:I,onRowsPerPageChange:G,sx:{"& .MuiTablePagination-displayedRows":re.fontCustom,"& .MuiTablePagination-selectLabel":re.fontCustom,"& .MuiTablePagination-select":re.select}})})})]})}),e.jsxs(y.Grid,{className:`${o.styles["table-mobile"]}`,children:[n?.items?.map(g=>e.jsx(Oe.CardSurveyMobile,{id:g.id,surveyName:g.title,open:E,students:g.numberOfRecipients,status:g.status,isDraft:g.isDraft,customItemName:Y.convertTime(g.sendDate),customItemIcon:e.jsx(ls,{color:"disabled"}),handleClickAction:A})),e.jsx(y.Grid,{className:`${o.styles["button-mobile"]}`,children:e.jsx(ts,{label:J("create_survey"),icon:e.jsx(Ue.SendIcon,{}),handleClickOpen:q})})]}),e.jsx(os,{id:w,open:R,anchorEl:B,onClose:le,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},className:o.styles[O],children:e.jsxs("ul",{className:`${o.styles["action-wrapper"]}`,children:[e.jsx("li",{hidden:l?.isDraft,onClick:()=>E(Y.TYPE_SURVEY_OPTION.VIEW_RESPONSE,l?.id||0),className:`${o.styles["action-item"]} text-nowrap`,children:J("view_responses")}),e.jsx("li",{hidden:l?.isDraft,onClick:()=>E(Y.TYPE_SURVEY_OPTION.VIEW_PREVIEW,l?.id||0),className:`${o.styles["action-item"]} text-nowrap`,children:J("preview_survey")}),e.jsx("li",{hidden:l?.isDraft,onClick:()=>E(Y.TYPE_SURVEY_OPTION.ANONYMOUS,l?.id||0),className:`${o.styles["action-item"]} text-nowrap`,children:J("anonymous_link")}),e.jsx("li",{hidden:l?.isDraft,className:`${o.styles["action-item"]} text-nowrap`,onClick:()=>T(l?.id||0),children:J("download.csv")}),e.jsx("li",{hidden:!l?.isDraft,className:`${o.styles["action-item"]} text-nowrap`,onClick:()=>K(l?.id||0),children:J("publish_survey")}),e.jsx("li",{hidden:!l?.isDraft,className:`${o.styles["action-item"]} text-nowrap`,onClick:()=>me(l?.id||0),children:J("edit")}),e.jsx("li",{onClick:()=>E(Y.TYPE_SURVEY_OPTION.DELETE,l?.id||0),className:`${o.styles["action-item"]} text-nowrap`,children:J("delete")})]})}),e.jsx(rs,{open:k,handleCloseModalConfirmDelete:ee,handleDelete:H,selectedId:l?.id||0,content:J("this_survey_was_sent_all_survey_links_that_were_sent_will_be_invalid_are_you_sure_to_delete_it")}),e.jsx(is,{handleDelete:je,isOpen:i,onClose:D,selectedIds:de}),e.jsx(pe.ModelLinkSurvey,{open:!!F,onClose:W,anonymousKey:se,onCopy:M})]})},hs=ie.createSvgIcon(e.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m4 11h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V8c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1"}),"AddCircleRounded"),ms=()=>{const{t:l}=v.useTranslation(),d=qe.useNavigate(),{classFontSize:n}=_e.useFontStyles(),u=()=>{d("/admin/create-survey")};return e.jsxs(y.Box,{children:[e.jsx("div",{className:"pt-3",children:e.jsx(Ae.CustomHeaderComponent,{borderNone:!0,isLarge:!0,title:l("surveys"),classFontSize:n,iconButton:e.jsx(hs,{className:`${o.styles["icon-add-header"]}`}),button:e.jsx(y.Button,{variant:"contained",startIcon:e.jsx(Ge.PlusIcon,{color:"#FFF"}),color:"primary",className:`text-nowrap ${o.styles[n]} ${o.styles["create-btn"]}`,onClick:u,children:l("create_new_survey")})})}),e.jsx(us,{})]})},ys=[{path:"/admin/survey-dashboard/list-survey",title:"survey_summary",component:ms},{path:"/admin/survey-dashboard/overview",title:"overview",component:Ke}],ps="",xs=()=>{const{t:l}=v.useTranslation();return e.jsx(v.CustomTab,{title:l(ps),tabs:ys.map(d=>({...d,title:l(d.title)}))})};exports.default=xs;