mario-teacher-student-client 2.0.64-release → 2.0.65-release

package/dist/AddNew-B1Thfo4-.js

@@ -0,0 +1,167 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Grid as i, Typography as I, Button as h, Box as w } from "@mui/material";
+import { c as B, s as t } from "./useNoteAdd-DPE1CFfX.js";
+import { A as F } from "./ArrowBack-B5xluQH1.js";
+import { S as p } from "./Save-CL1mWoi8.js";
+import { I as W } from "./InputComponent-CYCB-KG3.js";
+import { useSelector as L } from "react-redux";
+import { S as u } from "./Star-Dc8tm8n4.js";
+import { S as v } from "./StarBorder-DkcstOi2.js";
+import { useTranslation as j } from "mario-core";
+import { u as q } from "./useAutoCompleteStyle-CL_ULKu3.js";
+import { A as z } from "./Autocomplete-JU1FOwpT.js";
+import { T as N } from "./TextField-yImTzIRc.js";
+const X = () => {
+  const { t: a } = j(), {
+    handleNote: $,
+    note: f,
+    addDataNote: l,
+    title: x,
+    studentList: b,
+    handleChangeStudent: _,
+    viewListNote: C,
+    handleTitle: S,
+    errorSelect: s,
+    errorTitle: c,
+    student: T,
+    classFontSize: k,
+    handleChangeFavourite: d,
+    isFavourite: m
+  } = B(), g = q(), y = L(
+    (o) => o.common?.user?.roles[0]
+  ), r = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+  return /* @__PURE__ */ n("div", { className: `${t.noteComponent} ${t[k]}`, children: [
+    /* @__PURE__ */ e(i, { container: !0, spacing: 2, children: /* @__PURE__ */ e(i, { item: !0, xs: 12, children: /* @__PURE__ */ n("div", { className: `${t["header-page"]}`, children: [
+      /* @__PURE__ */ n(
+        I,
+        {
+          variant: "h3",
+          component: "h3",
+          className: `${t["header-text"]}`,
+          children: [
+            /* @__PURE__ */ e(
+              F,
+              {
+                onClick: C,
+                className: `${t["button-back"]}`
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: `${t["text-name-header"]}`, children: a("add_new_note") })
+          ]
+        }
+      ),
+      r > 768 && /* @__PURE__ */ e(
+        h,
+        {
+          variant: "contained",
+          className: `${t["button-add"]}`,
+          onClick: () => l(),
+          children: /* @__PURE__ */ n(
+            "span",
+            {
+              className: `${t["text-button-header"]}`,
+              children: [
+                a("save"),
+                " ",
+                /* @__PURE__ */ e(p, {})
+              ]
+            }
+          )
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ n(i, { container: !0, spacing: 2, children: [
+      /* @__PURE__ */ n(i, { item: !0, xs: r > 768 ? 4 : 12, children: [
+        /* @__PURE__ */ e("div", { className: `${t["content-add"]}`, children: ["Teacher", "Assistant", "Counselor", "SecondaryTeacher"].includes(y) && /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ n("p", { className: `${t["title-select"]}`, children: [
+            " ",
+            a("select_student")
+          ] }),
+          /* @__PURE__ */ e(
+            z,
+            {
+              slotProps: { popper: { className: g.popper } },
+              id: "free-solo-demo",
+              className: `${t["select-name"]}`,
+              options: b,
+              disableClearable: !0,
+              value: T,
+              onChange: (o, A) => _(A),
+              getOptionLabel: (o) => o.fullName,
+              renderInput: (o) => /* @__PURE__ */ e(
+                N,
+                {
+                  ...o,
+                  label: a("student_name"),
+                  variant: "outlined",
+                  error: s,
+                  helperText: s && `${a("please_select_student")}!`
+                }
+              )
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ n("div", { className: `${t["note-detail"]}`, children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: `${t["title-note-detail-container"]}`,
+              children: /* @__PURE__ */ e("p", { className: `${t["title-note-detail"]}`, children: a("note_detail") })
+            }
+          ),
+          r < 768 && /* @__PURE__ */ n(
+            "div",
+            {
+              className: `${t["favourite-checkbox-box"]}`,
+              children: [
+                /* @__PURE__ */ e("div", { onClick: d, children: m ? /* @__PURE__ */ e(u, {}) : /* @__PURE__ */ e(v, {}) }),
+                /* @__PURE__ */ e("p", { children: a("mark_as_favorite") })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+            N,
+            {
+              label: a("note_title"),
+              variant: "outlined",
+              error: c,
+              helperText: c && "Title is required",
+              className: `${t["input-title"]}`,
+              value: x,
+              onChange: (o) => S(o)
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: `${t["input-note"]}`, children: /* @__PURE__ */ e(
+            W,
+            {
+              name: a("type_a_note"),
+              placeholder: a("type_a_note"),
+              valueText: f,
+              onChange: (o) => $(o)
+            }
+          ) })
+        ] })
+      ] }),
+      r > 768 && /* @__PURE__ */ e(i, { item: !0, xs: 8, children: /* @__PURE__ */ n("div", { className: `${t["favourite-checkbox-box"]}`, children: [
+        /* @__PURE__ */ e("div", { onClick: d, children: m ? /* @__PURE__ */ e(u, {}) : /* @__PURE__ */ e(v, {}) }),
+        /* @__PURE__ */ e("p", { children: a("mark_as_favorite") })
+      ] }) })
+    ] }),
+    r < 768 && /* @__PURE__ */ e(w, { className: `${t["button-save-mobile"]}`, children: /* @__PURE__ */ e(
+      h,
+      {
+        variant: "contained",
+        className: `${t["button-add"]}`,
+        onClick: () => l(),
+        children: /* @__PURE__ */ n("span", { className: `${t["text-button-header"]}`, children: [
+          a("save"),
+          " ",
+          /* @__PURE__ */ e(p, {})
+        ] })
+      }
+    ) })
+  ] });
+};
+export {
+  X as default
+};

package/dist/AddNew-CgjZsSDT.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("./useNoteAdd-Cs769z80.cjs"),g=require("./ArrowBack-7VCmUcq8.cjs"),u=require("./Save-CtYe2Qdf.cjs"),k=require("./InputComponent-CDPQ1rak.cjs"),A=require("react-redux"),x=require("./Star-D-xVhvdA.cjs"),h=require("./StarBorder-uLKMgfof.cjs"),I=require("mario-core"),f=require("./useAutoCompleteStyle-CXreWH9v.cjs"),B=require("./Autocomplete-BHUmiAI-.cjs"),m=require("./TextField-DKwj-KwZ.cjs"),w=()=>{const{t:s}=I.useTranslation(),{handleNote:j,note:p,addDataNote:l,title:v,studentList:y,handleChangeStudent:N,viewListNote:$,handleTitle:b,errorSelect:o,errorTitle:i,student:C,classFontSize:S,handleChangeFavourite:c,isFavourite:d}=t.useNoteAdd(),_=f.useAutoCompleteStyle(),q=A.useSelector(n=>n.common?.user?.roles[0]),a=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;return e.jsxs("div",{className:`${t.styles.noteComponent} ${t.styles[S]}`,children:[e.jsx(r.Grid,{container:!0,spacing:2,children:e.jsx(r.Grid,{item:!0,xs:12,children:e.jsxs("div",{className:`${t.styles["header-page"]}`,children:[e.jsxs(r.Typography,{variant:"h3",component:"h3",className:`${t.styles["header-text"]}`,children:[e.jsx(g.ArrowBackIcon,{onClick:$,className:`${t.styles["button-back"]}`}),e.jsx("span",{className:`${t.styles["text-name-header"]}`,children:s("add_new_note")})]}),a>768&&e.jsx(r.Button,{variant:"contained",className:`${t.styles["button-add"]}`,onClick:()=>l(),children:e.jsxs("span",{className:`${t.styles["text-button-header"]}`,children:[s("save")," ",e.jsx(u.SaveIcon,{})]})})]})})}),e.jsxs(r.Grid,{container:!0,spacing:2,children:[e.jsxs(r.Grid,{item:!0,xs:a>768?4:12,children:[e.jsx("div",{className:`${t.styles["content-add"]}`,children:["Teacher","Assistant","Counselor","SecondaryTeacher"].includes(q)&&e.jsxs("div",{children:[e.jsxs("p",{className:`${t.styles["title-select"]}`,children:[" ",s("select_student")]}),e.jsx(B.Autocomplete,{slotProps:{popper:{className:_.popper}},id:"free-solo-demo",className:`${t.styles["select-name"]}`,options:y,disableClearable:!0,value:C,onChange:(n,T)=>N(T),getOptionLabel:n=>n.fullName,renderInput:n=>e.jsx(m.TextField,{...n,label:s("student_name"),variant:"outlined",error:o,helperText:o&&`${s("please_select_student")}!`})})]})}),e.jsxs("div",{className:`${t.styles["note-detail"]}`,children:[e.jsx("div",{className:`${t.styles["title-note-detail-container"]}`,children:e.jsx("p",{className:`${t.styles["title-note-detail"]}`,children:s("note_detail")})}),a<768&&e.jsxs("div",{className:`${t.styles["favourite-checkbox-box"]}`,children:[e.jsx("div",{onClick:c,children:d?e.jsx(x.StarIcon,{}):e.jsx(h.StarBorderIcon,{})}),e.jsx("p",{children:s("mark_as_favorite")})]}),e.jsx("div",{children:e.jsx(m.TextField,{label:s("note_title"),variant:"outlined",error:i,helperText:i&&"Title is required",className:`${t.styles["input-title"]}`,value:v,onChange:n=>b(n)})}),e.jsx("div",{className:`${t.styles["input-note"]}`,children:e.jsx(k.InputComponent,{name:s("type_a_note"),placeholder:s("type_a_note"),valueText:p,onChange:n=>j(n)})})]})]}),a>768&&e.jsx(r.Grid,{item:!0,xs:8,children:e.jsxs("div",{className:`${t.styles["favourite-checkbox-box"]}`,children:[e.jsx("div",{onClick:c,children:d?e.jsx(x.StarIcon,{}):e.jsx(h.StarBorderIcon,{})}),e.jsx("p",{children:s("mark_as_favorite")})]})})]}),a<768&&e.jsx(r.Box,{className:`${t.styles["button-save-mobile"]}`,children:e.jsx(r.Button,{variant:"contained",className:`${t.styles["button-add"]}`,onClick:()=>l(),children:e.jsxs("span",{className:`${t.styles["text-button-header"]}`,children:[s("save")," ",e.jsx(u.SaveIcon,{})]})})})]})};exports.default=w;

package/dist/AddNewClassReflection-DcpAkPjC.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("@mui/x-date-pickers"),E=require("moment"),s=require("@mui/material"),t=require("./dashboardReflection.module-BtltcAOZ.cjs"),j=require("mario-core"),v=require("./ArrowDropDown-D-53OauZ.cjs"),U=require("./createSvgIcon-B0q--prM.cjs"),x=require("./HeaderUserDetail-BAzKj0jP.cjs"),T=require("./contants-CLGBKhk2.cjs"),I=require("./Close-l_LSwIM6.cjs"),z=require("./index-B8qDnyYp.cjs"),Y=require("react-router-dom"),V=require("./Send-B-J3btn4.cjs"),H=require("./useAddClassReflection-laGlaYEE.cjs"),W=require("./AddBox-DoHfpYXh.cjs"),q=require("./types-DUv1CRJR.cjs"),_=require("./constants-CyY_jzim.cjs"),J=require("./RouterPrompt-Drlpto29.cjs"),K=require("./AdapterMoment-B-q0UCj0.cjs"),X=U.createSvgIcon(e.jsx("path",{d:"M3 17v2h6v-2zM3 5v2h10V5zm10 16v-2h8v-2h-8v-2h-2v6zM7 9v2H3v2h4v2h2V9zm14 4v-2H11v2zm-6-4h2V7h4V5h-4V3h-2z"}),"Tune"),Z=({model:l,onCLose:p,questionList:o,checkStudent:k,onSelectQuestion:g,onInputChange:h,onCheckSelectQuestion:u,onSelectGroupQuestion:y,questionChangeIds:d,onSaveChangeQuestion:f,currentName:m,isStudent:N})=>{const i=k(l?.studentEmail||""),{t:$}=j.useTranslation();return e.jsx(s.Dialog,{open:!!l,onClose:()=>p(null),maxWidth:"xl",className:`${t.styles["dialog-customize"]}`,disableEnforceFocus:!0,disableRestoreFocus:!0,children:e.jsxs(s.Grid,{className:`${t.styles["block-customize"]}`,children:[e.jsx(s.Grid,{className:`${t.styles["close-icon"]}`,children:e.jsx(I.CloseIcon,{className:`${t.styles.icon}`,onClick:()=>p(null)})}),e.jsx(x.HeaderUserDetail,{id:l?.id,studentName:N?m:i?.fullName||"",grade:i?.gradeLevel||"",classType:l?.classType||"",date:j.utcToLocalTime(new Date(l?.classDate||0).toString(),"Do MMM YYYY"),avatar:i?.profileImageFileName,optionTimes:T.optionTimes,timOfDay:l?.startOfDay,onInputChange:h}),e.jsxs(s.Typography,{className:`${t.styles.describe}`,children:[$("include_section_you_want_to_appear"),":"]}),e.jsxs(s.Grid,{children:[e.jsxs(s.Grid,{hidden:o?.questionBlock1?.length==0,className:`${t.styles["block-select-question"]}`,children:[e.jsx(s.Checkbox,{className:`${t.styles["checkbox-style"]}`,checked:u(o?.questionBlock1,l?.id),onChange:()=>y(o?.questionBlock1,l?.id),name:"checkedB"}),e.jsx(s.Grid,{className:`${t.styles["box-questions"]}`,children:o?.questionBlock1?.map(n=>e.jsx(s.Grid,{className:`${t.styles["question-item"]}`,children:e.jsx(x.GenerateQuestion,{isPageResult:!0,questionItemName:n.text,valueText:"",questionTypeId:n.questionType,questionId:n.id,isBeforeSession:!1,minText:n.fromLabel,maxText:n.toLabel,questionAnswer:n.answers,emotionTypeList:n.emotionalQuestionAnswers})},n.id))})]}),e.jsxs(s.Grid,{hidden:o?.questionBlock2?.length==0,className:`${t.styles["block-select-question"]}`,children:[e.jsx(s.Checkbox,{checked:u(o?.questionBlock2,l?.id),onChange:()=>y(o?.questionBlock2,l?.id),name:"checkedB",className:`${t.styles["checkbox-style"]}`}),e.jsx(s.Grid,{className:`${t.styles["box-questions"]}`,children:e.jsx(s.Grid,{className:`${t.styles["question-item"]}`,children:o?.questionBlock2?.map(n=>e.jsx("div",{className:`${t.styles["border-question"]}`,children:e.jsx(x.GenerateQuestion,{isPageResult:!0,questionItemName:n.text,valueText:"",questionTypeId:n.questionType,questionId:n.id,isBeforeSession:!1,minText:n.fromLabel,maxText:n.toLabel,questionAnswer:n.answers,emotionTypeList:n.emotionalQuestionAnswers})},n.id))})})]}),o?.questionBlock3?.map(n=>e.jsxs(s.Grid,{className:`${t.styles["block-select-question"]}`,children:[e.jsx(s.Checkbox,{checked:d.includes(n.id),onChange:()=>g(n.id,l?.id),name:"checkedB",className:`${t.styles["checkbox-style"]}`}),e.jsx(s.Grid,{className:`${t.styles["box-questions"]}`,children:e.jsx(s.Grid,{className:`${t.styles["question-item"]}`,children:e.jsx(x.GenerateQuestion,{isPageResult:!0,questionItemName:n.text,valueText:"",questionTypeId:n.questionType,questionId:n.id,isBeforeSession:!1,minText:n.fromLabel,maxText:n.toLabel,questionAnswer:n.answers,emotionTypeList:n.emotionalQuestionAnswers})})})]},n.id)),e.jsxs(s.Grid,{hidden:o?.questionBlock4?.length==0,className:`${t.styles["block-select-question"]}`,children:[e.jsx(s.Checkbox,{checked:u(o?.questionBlock4,l?.id),onChange:()=>y(o?.questionBlock4,l?.id),name:"checkedB",className:`${t.styles["checkbox-style"]}`}),e.jsx(s.Grid,{className:`${t.styles["box-questions"]}`,children:o?.questionBlock4?.map(n=>e.jsx(s.Grid,{className:`${t.styles["question-item"]}`,children:e.jsx(x.GenerateQuestion,{isPageResult:!0,questionItemName:n.text,valueText:"",questionTypeId:n.questionType,questionId:n.id,isBeforeSession:!1,minText:n.fromLabel,maxText:n.toLabel,questionAnswer:n.answers,emotionTypeList:n.emotionalQuestionAnswers})},n.id))})]}),e.jsxs(s.Grid,{hidden:o?.questionBlock5?.length==0,className:`${t.styles["block-select-question"]}`,children:[e.jsx(s.Checkbox,{checked:u(o?.questionBlock5,l?.id),onChange:()=>y(o?.questionBlock5,l?.id),name:"checkedB",className:`${t.styles["checkbox-style"]}`}),e.jsx(s.Grid,{className:`${t.styles["box-questions"]}`,children:o?.questionBlock5?.map(n=>e.jsx(s.Grid,{className:`${t.styles["question-item"]}`,children:e.jsx(x.GenerateQuestion,{isPageResult:!0,questionItemName:n.text,valueText:"",questionTypeId:n.questionType,questionId:n.id,isBeforeSession:!1,minText:n.fromLabel,maxText:n.toLabel,questionAnswer:n.answers,emotionTypeList:n.emotionalQuestionAnswers})},n.id))})]})]}),e.jsx(s.Button,{fullWidth:!0,className:`${t.styles["save-button"]}`,onClick:()=>f(l?.id),children:$("save")})]})})},ee=({model:l,onCLose:p,questionList:o,checkStudent:k,onSelectQuestion:g,onInputChange:h,onCheckSelectQuestion:u,onSelectGroupQuestion:y,questionChangeIds:d,onSaveChangeQuestion:f})=>{const m=k(l?.studentEmail||""),{t:N}=j.useTranslation();return e.jsx(s.Dialog,{open:!!l,onClose:()=>p(null),maxWidth:"xl",className:`${t.styles["dialog-customize"]}`,disableEnforceFocus:!0,disableRestoreFocus:!0,children:e.jsxs(s.Grid,{className:`${t.styles["block-customize"]}`,children:[e.jsx(s.Grid,{className:`${t.styles["close-icon"]}`,children:e.jsx(I.CloseIcon,{className:`${t.styles.icon}`,onClick:()=>p(null)})}),e.jsx(x.HeaderUserDetail,{id:l?.id,studentName:m?.fullName||"",grade:m?.gradeLevel||"",date:j.utcToLocalTime(new Date(l?.classDate||0).toString(),"Do MMM YYYY"),avatar:m?.profileImageFileName,optionTimes:T.optionTimes,timOfDay:l?.startOfDay,classType:l?.classType,onInputChange:h}),e.jsxs(s.Typography,{className:`${t.styles.describe}`,children:[N("include_section_you_want_to_appear"),":"]}),e.jsxs(s.Grid,{children:[o?.questionBlock1?.map(i=>e.jsxs(s.Grid,{className:`${t.styles["block-select-question"]}`,children:[e.jsx(s.Checkbox,{checked:d.includes(i.id),onChange:()=>g(i.id,l?.id),name:"checkedB",className:`${t.styles["checkbox-style"]}`}),e.jsx(s.Grid,{className:`${t.styles["box-questions"]}`,children:e.jsx(s.Grid,{className:`${t.styles["question-item"]}`,children:e.jsx(x.GenerateQuestion,{isPageResult:!0,questionItemName:i.text,valueText:"",questionTypeId:i.questionType,questionId:i.id,isBeforeSession:!1,minText:i.fromLabel,maxText:i.toLabel,questionAnswer:i.answers,emotionTypeList:i.emotionalQuestionAnswers})})})]},i.id)),e.jsxs(s.Grid,{hidden:o?.questionBlock2?.length==0,className:`${t.styles["block-select-question"]}`,children:[e.jsx(s.Checkbox,{checked:u(o?.questionBlock2,l?.id),onChange:()=>y(o?.questionBlock2,l?.id),name:"checkedB",className:`${t.styles["checkbox-style"]}`}),e.jsx(s.Grid,{className:`${t.styles["box-questions"]}`,children:e.jsx(s.Grid,{className:`${t.styles["question-item"]}`,children:o?.questionBlock2?.map(i=>e.jsx("div",{className:`${t.styles["border-question"]}`,children:e.jsx(x.GenerateQuestion,{isPageResult:!0,questionItemName:i.text,valueText:"",questionTypeId:i.questionType,questionId:i.id,isBeforeSession:!1,minText:i.fromLabel,maxText:i.toLabel,questionAnswer:i.answers,emotionTypeList:i.emotionalQuestionAnswers})},i.id))})})]}),e.jsxs(s.Grid,{hidden:o?.questionBlock3?.length==0,className:`${t.styles["block-select-question"]}`,children:[e.jsx(s.Checkbox,{checked:u(o?.questionBlock3,l?.id),onChange:()=>y(o?.questionBlock3,l?.id),name:"checkedB",className:`${t.styles["checkbox-style"]}`}),e.jsx(s.Grid,{className:`${t.styles["box-questions"]}`,children:e.jsx(s.Grid,{className:`${t.styles["question-item"]}`,children:o?.questionBlock3?.map(i=>e.jsx("div",{className:`${t.styles["border-question"]}`,children:e.jsx(x.GenerateQuestion,{isPageResult:!0,questionItemName:i.text,valueText:"",questionTypeId:i.questionType,questionId:i.id,isBeforeSession:!1,minText:i.fromLabel,maxText:i.toLabel,questionAnswer:i.answers,emotionTypeList:i.emotionalQuestionAnswers})},i.id))})})]}),e.jsxs(s.Grid,{hidden:o?.questionBlock4?.length==0,className:`${t.styles["block-select-question"]}`,children:[e.jsx(s.Checkbox,{checked:u(o?.questionBlock4,l?.id),onChange:()=>y(o?.questionBlock4,l?.id),name:"checkedB",className:`${t.styles["checkbox-style"]}`}),e.jsx(s.Grid,{className:`${t.styles["box-questions"]}`,children:e.jsx(s.Grid,{className:`${t.styles["question-item"]}`,children:o?.questionBlock4?.map(i=>e.jsx("div",{className:`${t.styles["border-question"]}`,children:e.jsx(x.GenerateQuestion,{isPageResult:!0,questionItemName:i.text,valueText:"",questionTypeId:i.questionType,questionId:i.id,isBeforeSession:!1,minText:i.fromLabel,maxText:i.toLabel,questionAnswer:i.answers,emotionTypeList:i.emotionalQuestionAnswers})},i.id))})})]})]}),e.jsx(s.Button,{fullWidth:!0,className:`${t.styles["save-button"]}`,onClick:()=>f(l?.id),children:N("save")})]})})},se=()=>{const{t:l}=j.useTranslation(),p=Y.useNavigate(),{onSaveClassReflection:o,questionList:k,rowClassReflection:g,openModelCustom:h,setOpenModelCustom:u,addRowClassReflection:y,handleInputChange:d,listClassType:f,checkStudent:m,listStudent:N,listBandScore:i,checkBandScore:$,handleSelectQuestion:n,handleSelectGroupQuestion:B,handleCheckSelectQuestion:A,error:b,removeRowClassReflection:D,questionTeacherList:F,isStudent:C,setQuestionChangeIds:R,questionChangeIds:G,handleSaveChangeQuestion:w,handleBackPage:M,currentName:P,removeQuestLink:Q}=H.useAddClassReflection(),L=()=>{o(()=>{M()})};return e.jsxs(s.Grid,{children:[e.jsxs(s.Grid,{className:`${t.styles["header-box"]}`,children:[e.jsxs(s.Typography,{className:`${t.styles["header-box-title"]}`,children:[e.jsx(z.BiArrowBack,{onClick:()=>p(-1)}),l("reflections")]}),e.jsxs(s.Grid,{className:`${t.styles["header-box-right"]}`,children:[e.jsxs(s.Button,{onClick:()=>y(),className:`${t.styles["btn-add"]}`,children:[e.jsx(s.Typography,{className:`${t.styles["btn-add-title"]}`,children:l("add_new")}),e.jsx(W.AddBoxIcon,{className:`${t.styles["btn-add-icon"]}`})]}),e.jsxs(s.Button,{onClick:()=>L(),className:`${t.styles["btn-send"]}`,children:[e.jsx(s.Typography,{className:`${t.styles["btn-send-title"]}`,children:l(C?"start_reflection":"send_request")}),e.jsx(V.SendIcon,{className:`${t.styles["btn-send-icon"]}`})]})]})]}),e.jsx(s.Grid,{className:`${t.styles["create-reflection-box"]}`,children:g?.map((c,O)=>e.jsxs(s.Grid,{className:`${t.styles["create-item"]}`,children:[e.jsxs(s.Grid,{className:`${t.styles["create-item-header"]}`,children:[e.jsxs(s.Typography,{className:`${t.styles["req-number-item"]}`,children:[l("request_number"),": ",O+1]}),e.jsx(I.CloseIcon,{className:`${t.styles["remove-icon"]}`,onClick:()=>D(c.id)})]}),e.jsx(s.Autocomplete,{hidden:C,id:"free-solo-2-demo",fullWidth:!0,options:N,getOptionLabel:a=>a.fullName?a.fullName:"",renderOption:(a,r)=>e.jsxs("li",{...a,children:[e.jsx(s.Avatar,{className:`${t.styles["user-avatar"]}`,src:r?.profileImageFileName?.trim()?j.getFileUrl(r?.profileImageFileName):_.DEFAULT_USER_AVATAR}),r.fullName]}),onChange:(a,r)=>d(c.id,r?.email||"",q.COLUMN_ClASS.StudentEmail),popupIcon:e.jsx(v.ArrowDropDownIcon,{}),isOptionEqualToValue:(a,r)=>a.id==r.id,value:m(c.studentEmail),renderInput:a=>e.jsx(s.TextField,{...a,label:l("student"),margin:"normal",variant:"outlined",required:!0,error:!!b&&!c.studentEmail?.trim(),InputProps:{...a.InputProps,startAdornment:e.jsx(s.InputAdornment,{position:"start",children:e.jsx(s.Avatar,{src:m(c?.studentEmail)?.profileImageFileName?.trim()?j.getFileUrl(m(c?.studentEmail)?.profileImageFileName||""):_.DEFAULT_USER_AVATAR,alt:""})})}})}),e.jsxs(s.Grid,{className:`${t.styles["box-class-date-type"]}`,children:[e.jsx(s.Grid,{className:`${t.styles["select-form"]}`,children:e.jsx(S.LocalizationProvider,{dateAdapter:K.AdapterMoment,children:e.jsx(S.DateTimePicker,{className:"w-100",format:"Do MMM YYYY HH:mm",label:l("class_date"),value:c.classDateTime?E(c.classDateTime):null,onChange:a=>d(c.id,a||"",q.COLUMN_ClASS.ClassDate),slotProps:{textField:{required:!0,error:!!b&&!c.classDateTime,variant:"outlined",margin:"normal",id:"date-picker-inline"}}})})}),e.jsx(s.Autocomplete,{id:"country-select-demo",options:f,freeSolo:!0,autoHighlight:!0,forcePopupIcon:!0,className:`${t.styles["select-form"]}`,value:m(c.classType),getOptionLabel:a=>a,renderOption:(a,r)=>e.jsx("li",{...a,children:r}),onInputChange:(a,r)=>{d(c.id,r,q.COLUMN_ClASS.ClassType)},renderInput:a=>e.jsx(s.TextField,{...a,label:l("class_type"),variant:"outlined",placeholder:l("select_or_input_class_type"),inputProps:{...a.inputProps},required:!0,error:!!b&&!c.classType?.trim(),onChange:r=>{}})})]}),c.requestForm==T.requestForm[0]&&e.jsx(s.TextField,{fullWidth:!0,required:!0,id:"outlined-basic-2",label:l("teacher_email"),variant:"outlined",value:c.teacherEmail,className:`${t.styles["mb-10"]}`,error:!!b&&!c.teacherEmail?.trim(),onChange:a=>d(c.id,a.target.value,q.COLUMN_ClASS.TeacherEmail)}),e.jsx(s.TextField,{fullWidth:!0,required:!0,id:"outlined-basic-2",label:l("teacher_name"),variant:"outlined",value:c.teacherName,error:!!b&&!c.teacherName?.trim(),onChange:a=>d(c.id,a.target.value,q.COLUMN_ClASS.TeacherName)}),e.jsxs(s.Grid,{className:`${t.styles["box-class-date-type"]}`,children:[e.jsx(s.Autocomplete,{id:"free-solo-2-demo",className:`${t.styles["select-form"]}`,options:i,getOptionLabel:a=>a.label?a.label:"",onChange:(a,r)=>d(c.id,r?.label||"",q.COLUMN_ClASS.BandScore),popupIcon:e.jsx(v.ArrowDropDownIcon,{}),isOptionEqualToValue:(a,r)=>a.id==r.id||a.label==c.bandScore,value:$(c.bandScore)||null,renderInput:a=>e.jsx(s.TextField,{...a,label:l("current_grade"),margin:"normal",variant:"outlined"})}),e.jsx(s.Autocomplete,{id:"free-solo-2-demo",hidden:!!C,className:`${t.styles["select-form"]}`,options:T.requestForm,onChange:(a,r)=>{d(c.id,r||"",q.COLUMN_ClASS.RequestForm)},popupIcon:e.jsx(v.ArrowDropDownIcon,{}),value:c.requestForm,renderInput:a=>e.jsx(s.TextField,{...a,required:!0,error:!!b&&!c.requestForm?.trim(),label:l("request_from"),margin:"normal",variant:"outlined"})})]}),e.jsxs(s.Grid,{hidden:C,className:`${t.styles["custom-reflection"]}`,onClick:()=>{u(c),R(c.questionIds)},children:[e.jsx(s.Typography,{className:`${t.styles["custom-reflection-text"]}`,children:l("customize_reflection")}),e.jsx(X,{className:`${t.styles["custom-reflection-icon"]}`})]})]},c.id))}),!!h&&h?.requestForm!=T.requestForm[0]&&e.jsx(Z,{model:h,questionList:k,onCLose:u,checkStudent:m,onSelectQuestion:n,onInputChange:d,onSelectGroupQuestion:B,onCheckSelectQuestion:A,questionChangeIds:G,onSaveChangeQuestion:w,isStudent:C,currentName:P}),!!h&&h?.requestForm!=T.requestForm[1]&&e.jsx(ee,{model:h,questionList:F,onCLose:u,checkStudent:m,onSelectQuestion:n,onInputChange:d,onSelectGroupQuestion:B,onCheckSelectQuestion:A,questionChangeIds:G,onSaveChangeQuestion:w}),e.jsx(J.RouterPrompt,{content:"",skip:"start-reflection",action:Q})]})};exports.default=se;