mario-teacher-student-client 2.2.35-release → 2.2.36-release

package/dist/AccomondationList-DXuFg10z.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),t=require("@mui/material"),Z=require("react-router-dom"),ie=require("./ArrowBack-D7qjsHXB.cjs"),z=require("./AddCircle-C5T-xN_H.cjs"),U=require("./Delete-CTTEs8As.cjs"),R=require("./Edit-ZSC8sr-w.cjs"),u=require("./styles.module-qEnh_9p1.cjs"),le=require("@emotion/styled"),ee=require("./ConfirmDelete-DaapWoEt.cjs"),a=require("mario-core"),B=require("react-redux"),q=require("./MyStudent-DT9npMfm.cjs"),re=require("./Save-ChZjLsx2.cjs"),de=require("./InputComponent-DQuyXTz1.cjs"),me=require("yup"),ue=require("formik"),pe=require("./styled-CO8R0Q-5.cjs"),V=require("./Autocomplete-BfN5IKyO.cjs"),he=require("./useCheckStudent-BjMCgrcN.cjs");function ge(o){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const p in o)if(p!=="default"){const C=Object.getOwnPropertyDescriptor(o,p);Object.defineProperty(d,p,C.get?C:{enumerable:!0,get:()=>o[p]})}}return d.default=o,Object.freeze(d)}const Y=ge(me),i={"accomondation-box":"_accomondation-box_1lkxe_51","accomondation-top":"_accomondation-top_1lkxe_57","accomondation-top-title":"_accomondation-top-title_1lkxe_62","accomondation-top-right":"_accomondation-top-right_1lkxe_67","accomondation-top-switch":"_accomondation-top-switch_1lkxe_71","accomondation-view":"_accomondation-view_1lkxe_75","accomondation-summary-box":"_accomondation-summary-box_1lkxe_90","accomondation-content":"_accomondation-content_1lkxe_130","accomondation-content-title":"_accomondation-content-title_1lkxe_134","accomondation-content-description":"_accomondation-content-description_1lkxe_139","accomondation-content-status":"_accomondation-content-status_1lkxe_143","accommodation-header":"_accommodation-header_1lkxe_152","accommodation-header-left":"_accommodation-header-left_1lkxe_160","accommodation-header-right":"_accommodation-header-right_1lkxe_170","accommodation-select":"_accommodation-select_1lkxe_184","accommodation-select-box":"_accommodation-select-box_1lkxe_195","select-option":"_select-option_1lkxe_200","accommodation-select-switch":"_accommodation-select-switch_1lkxe_203","dialog-box":"_dialog-box_1lkxe_213","dialog-box-input":"_dialog-box-input_1lkxe_222","dialog-box-title":"_dialog-box-title_1lkxe_226","dialog-box-button":"_dialog-box-button_1lkxe_229","dialog-button-add":"_dialog-button-add_1lkxe_235","dialog-button-cancel":"_dialog-button-cancel_1lkxe_248","wrapper-item":"_wrapper-item_1lkxe_253","accommodation-item-margin":"_accommodation-item-margin_1lkxe_257","err-message":"_err-message_1lkxe_261","box-nodata-accommodation":"_box-nodata-accommodation_1lkxe_265","font-large":"_font-large_1lkxe_297","font-small":"_font-small_1lkxe_322","block-switch":"_block-switch_1lkxe_347","interest-list-btn-add-mobile":"_interest-list-btn-add-mobile_1lkxe_353","accomondation-top-right-tablet":"_accomondation-top-right-tablet_1lkxe_371","box-content":"_box-content_1lkxe_395","accomondation-top-right-tablet-student":"_accomondation-top-right-tablet-student_1lkxe_399"},xe=le.div`
+    @media (min-width: 1024px) {
+        width: ${o=>o.width}%;
+    }
+`,ye=({title:o,description:d,status:p,id:C,handleEdit:w,note:S,contentWidth:n,handleDelete:h,isTeacher:m,isAllowedEdit:f,isAccommodationIEP:N,classFontSize:j,isParent:y,disabled:$})=>{const{t:k}=a.useTranslation(),[v,T]=l.useState(!1),b=()=>{T(!0)},A=()=>{T(!1)},g=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;return e.jsxs(t.Grid,{className:`${u.styles["accomondation-body"]} ${u.styles[j]}`,children:[e.jsx(ee.ConfirmDelete,{open:v,handleCloseConfirmDeleteDialog:A,handleDelete:h,selectedItemId:C}),e.jsxs(t.Grid,{className:`${u.styles["accomondation-content"]}`,children:[e.jsxs(t.Grid,{className:`${u.styles["accomondation-content-title-box"]}`,children:[e.jsx(t.Typography,{className:`${u.styles["accomondation-content-title"]}`,children:o}),(f&&!m||m)&&!y&&!$&&e.jsxs(t.Grid,{className:`${u.styles["accomondation-content-function"]}`,children:[e.jsxs(t.Grid,{onClick:()=>b(),className:`${u.styles["function-delete"]}`,children:[e.jsx(t.Typography,{children:k("delete").toUpperCase()}),e.jsx(U.DeleteIcon,{})]}),!N&&e.jsxs(t.Grid,{onClick:()=>w(C,p),className:`${u.styles["function-edit"]}`,children:[e.jsx(t.Typography,{children:k("edit").toUpperCase()}),e.jsx(R.EditIcon,{})]})]}),!f&&!m&&!$&&e.jsxs(t.Grid,{className:`${u.styles["accomondation-content-function"]}`,children:[e.jsxs(t.Button,{disabled:!0,variant:"outlined",style:{borderRadius:"12px"},children:[e.jsx(t.Typography,{children:k("delete").toUpperCase()}),e.jsx(U.DeleteIcon,{})]}),!N&&e.jsxs(t.Button,{disabled:!0,variant:"contained",style:{borderRadius:"12px",marginLeft:"10px"},children:[e.jsx(t.Typography,{children:k("edit").toUpperCase()}),e.jsx(R.EditIcon,{})]})]})]}),e.jsxs(xe,{width:n||50,children:[e.jsxs(t.Grid,{className:`${u.styles["accomondation-block-content"]}`,children:[S&&e.jsx(t.Typography,{className:`${u.styles["accomondation-block-note"]}`,children:k("note").toUpperCase()}),e.jsx(t.Typography,{className:`${u.styles["accomondation-content-description"]}`,children:d})]}),!!p&&g<768&&e.jsx(t.Typography,{className:`${u.styles["accomondation-content-status"]}`,children:p}),(f&&!m||m)&&!y&&!$&&e.jsxs(t.Grid,{className:`${u.styles["content-function-mobile"]}`,children:[e.jsx(t.Grid,{onClick:()=>b(),className:`${u.styles["function-delete"]}`,children:e.jsx(U.DeleteIcon,{})}),e.jsx(t.Grid,{onClick:()=>w(C,p),className:`${u.styles["function-edit"]}`,children:e.jsx(R.EditIcon,{})})]}),!f&&!m&&!y&&!$&&e.jsxs(t.Grid,{className:`${u.styles["content-function-mobile"]} friend-list-btn-edit`,children:[e.jsx(t.Button,{disabled:!0,className:`${u.styles["function-delete"]}`,children:e.jsx(U.DeleteIcon,{})}),e.jsx(t.Button,{disabled:!0,variant:"contained",className:`${u.styles["function-edit"]}`,children:e.jsx(R.EditIcon,{})})]}),!!p&&g>767&&e.jsx(t.Typography,{className:`${u.styles["accomondation-content-status"]}`,children:p})]})]})]})},_e=20,fe=12,be=()=>{const o=B.useDispatch(),[d,p]=l.useState(),[C,w]=l.useState(!1),[S,n]=l.useState(""),{studentId:h}=Z.useParams(),m=B.useSelector(s=>s?.common.user),f=m.roles,N=m.roles.includes("Teacher")||m.roles.includes("Assistant")||m.roles.includes("Counselor")||m.roles.includes("SecondaryTeacher"),j=m.roles.includes("Parent")||m.roles.includes("EduTeacher"),y=m.studentId,[$,k]=l.useState({id:null,title:"",description:"",studentId:parseInt(h||"0"),type:1}),v=B.useSelector(s=>s?.common?.defaultFontSize),T=l.useMemo(()=>v==_e?"font-large":v==fe?"font-small":"",[v]),[b,A]=l.useState({studentId:N||j?parseInt(h||"0"):y,type:"",roles:f}),g=l.useCallback(async()=>{o(a.setLoading(!0));try{const s=await q.getAllAccommodation({...b,studentId:N||j?parseInt(h||"0"):y,roles:f});s.data&&p(s.data)}catch(s){o(a.setAlert({type:"danger",message:s.response?.data?.title||s.message}))}o(a.setLoading(!1))},[b,h]),_=l.useCallback(async s=>{o(a.setLoading(!0));try{(await q.createAccommodation({...s,roles:f})).data&&g(),o(a.setAlert({type:"success",message:"Create successfully"}))}catch(r){o(a.setAlert({type:"danger",message:r.response?.data?.title||r.message}))}o(a.setLoading(!1))},[]),I=l.useCallback(async(s,r)=>{o(a.setLoading(!0));try{const x=JSON.parse(localStorage.getItem("accommodation")||"{}"),D=await q.getAccommodation(s,r);D.data&&(x&&x.id==s?k({...x}):(k({id:D.data.id,title:D.data.title||"",description:D.data.description||"",studentId:parseInt(h||"0"),type:D.data.type||""}),localStorage.removeItem("accommodation")))}catch(x){o(a.setAlert({type:"danger",message:x.response?.data?.title||x.message}))}o(a.setLoading(!1))},[]),E=l.useCallback(async(s,r)=>{o(a.setLoading(!0));try{(await q.updateAccommodation(s,{...r,roles:f})).data&&g(),o(a.setAlert({type:"success",message:"Update successfully"}))}catch(x){o(a.setAlert({type:"danger",message:x.response?.data?.title||x.message}))}o(a.setLoading(!1))},[]),L=l.useCallback(async s=>{o(a.setLoading(!0));try{await q.deleteAccommodation(s,f),await g(),o(a.setAlert({type:"success",message:"Deleted successfully"}))}catch(r){o(a.setAlert({type:"danger",message:r.response?.data?.title||r.message}))}o(a.setLoading(!1))},[b]),O=l.useCallback(async s=>{o(a.setLoading(!0));try{await q.allowEdit(parseInt(h||"0"),{...s,StudentId:parseInt(h||"0")})}catch(r){o(a.setAlert({type:"danger",message:r.response?.data?.title||r.message}))}o(a.setLoading(!1))},[]),G=l.useCallback(async()=>{o(a.setLoading(!0));try{const s=await q.getAllowEdit(parseInt(h||"0"));s.data&&w(s.data.isAllowedEditAccommodation),n(s.data.studentName)}catch(s){o(a.setAlert({type:"danger",message:s.response?.data?.title||s.message}))}o(a.setLoading(!1))},[]);return l.useEffect(()=>{g()},[b,h]),{create:_,update:E,getById:I,deleteById:L,updateAllow:O,setIsAllowedEdit:w,accommodationData:d,isAllowedEdit:C,studentId:h,isTeacher:N,dataItem:$,setDataItem:k,setFilters:A,filters:b,classFontSize:T,nameStudent:S,isParent:j,getAllow:G}},je=["Extra time to complete assessments","Extra time to process spoken information and directions","Extra breaks as needed","Use of a computer (without internet access) or word processor on assessments","Audio versions of assessments","Access to a reader for assessments","Speech to text software for assessments","Access to a scribe for assessments","Audio recording of answers for assessments","Break up larger timed assessments over several days","Take tests in a quiet room with few distractions","Take tests in a small group setting","Assign seating where the student is likely to learn best","The use of sensory tools during class","Special lighting","Use of a computer or word processor to take notes","Use of a calculator when normally not allowed one","Use of a spelling dictionary or spellchecker","Copies of class notes","Written copy of any instructions","Visuals and graphics to accompany any new information delivered verbally","Ability to record lessons","Increase text size to a larger format","Provide alternative formats other than reading when learning new information","Provide alternative formats other than listening when learning new information"],ke=pe.styled(V.Autocomplete,{shouldForwardProp:o=>o!=="$isNotPersonal"})(({$isNotPersonal:o})=>({...o&&{backgroundColor:"#dddddd",borderRadius:12}})),Ie=o=>{const{t:d}=a.useTranslation(),{onClose:p,setOpen:C,selectedValue:w,open:S,idItem:n,create:h,update:m,getById:f,dataItem:N,typeItem:j,setDataItem:y,studentId:$,onDelete:k}=o,[v,T]=l.useState(!1),b=()=>{p(w)};l.useEffect(()=>{n&&n!==0&&f(n,{type:j})},[n,S]);const A=Y.object({title:Y.string().required("Title is required")});return l.useEffect(()=>{const g={id:null,title:"",description:"",studentId:parseInt($||"0"),type:1},_=JSON.parse(localStorage.getItem("accommodation")||"{}");(!n||n===0)&&S&&(_&&!_.id?y({...g,..._}):(y({...g}),localStorage.removeItem("accommodation")))},[S]),e.jsx(t.Dialog,{onClose:b,"aria-labelledby":"simple-dialog-title",open:S,disableEnforceFocus:!0,disableRestoreFocus:!0,children:e.jsx(ue.Formik,{initialValues:N,validationSchema:A,enableReinitialize:!0,onSubmit:g=>{n&&n!==0?m(n,g):h(g),C(!1),localStorage.removeItem("accommodation")},children:g=>{const{values:_,setFieldValue:I,handleSubmit:E,touched:L,errors:O}=g,G=!!n&&n!==0&&_.type!=="Personalized";return e.jsxs(t.Grid,{className:`${i["dialog-box"]}`,children:[e.jsx(t.DialogTitle,{className:`${i["dialog-box-title"]}`,id:"simple-dialog-title",children:d(n&&n!==0?"edit_accommodation":"add_accommodation")}),e.jsxs(t.Grid,{className:`${i["dialog-box-input"]}`,children:[e.jsx(ke,{fullWidth:!0,$isNotPersonal:G,freeSolo:!0,open:v,onOpen:()=>!G&&T(!0),onClose:()=>T(!1),disableClearable:G,id:"free-solo-demo",options:je,value:_.title||null,getOptionLabel:s=>s,onChange:(s,r)=>{I("title",r||""),localStorage.setItem("accommodation",JSON.stringify({..._,title:r||""}))},renderInput:s=>e.jsx(t.TextField,{...s,label:d("title"),defaultValue:_.title,variant:"outlined",InputProps:{...s.InputProps,readOnly:G},className:"disable-select",onChange:r=>{I("title",r.target.value),localStorage.setItem("accommodation",JSON.stringify({..._,title:r.target.value}))}})}),L.title&&O.title&&e.jsx(t.Typography,{className:`${i["err-message"]}`,children:O.title})]}),e.jsx(t.Grid,{className:`${i["dialog-box-input"]}`,children:e.jsx(de.InputComponent,{valueText:_.description,onChange:s=>{I("description",s),localStorage.setItem("accommodation",JSON.stringify({..._,description:s}))},name:d("add_note"),placeholder:d("add_note")})}),e.jsxs(t.Grid,{className:`${i["dialog-box-button"]}`,children:[e.jsx(t.Typography,{onClick:n&&n!==0?()=>{k(),b()}:b,className:`${i["dialog-button-cancel"]}`,children:d(n&&n!==0?"delete":"cancel")}),n&&n!==0?e.jsxs(t.Grid,{onClick:()=>E(),className:`${i["dialog-button-add"]}`,children:[e.jsx(t.Typography,{children:d("submit")}),e.jsx(re.SaveIcon,{})]}):e.jsxs(t.Grid,{onClick:()=>E(),className:`${i["dialog-button-add"]}`,children:[e.jsx(t.Typography,{children:d("add")}),e.jsx(z.AddCircleIcon,{})]})]})]})}})})},Ce=()=>{const{t:o}=a.useTranslation(),d=Z.useNavigate(),p=B.useDispatch(),w=new URLSearchParams(location.search).get("roles")||"",[S,n]=l.useState(!1),[h,m]=l.useState(0),[f,N]=l.useState("IEP"),{accommodationData:j,isAllowedEdit:y,deleteById:$,create:k,update:v,getById:T,updateAllow:b,studentId:A,dataItem:g,setDataItem:_,isTeacher:I,filters:E,setFilters:L,classFontSize:O,nameStudent:G,getAllow:s,isParent:r}=be(),{isBelongToTeacher:x}=he.useCheckStudent(parseInt(A||"0")),[D,J]=l.useState(y),[te,M]=l.useState(!1),F=B.useSelector(c=>c?.common?.user),oe=()=>{M(!0)},se=()=>{M(!1)},H=()=>{p(a.initAmplitude({name:F?.email||"",event:"plp: edit module",part:"accommondations",roles:F?.roles})),m(0),n(!0)},ae=()=>{n(!1)},K=c=>{c&&$(c)},ne=(c,P)=>{c&&(m(c),N(P),n(!0),p(a.initAmplitude({name:F?.email||"",event:"plp: edit module",part:"accommondations",roles:F?.roles})))},ce=()=>{d(I||r?w?`/personal-learning-plan/${A}?roles=${w}`:`/personal-learning-plan/${A}`:"/personal-learning-plan")};l.useEffect(()=>{J(y)},[y]),l.useEffect(()=>{document.title="Accommondation",s()},[]);const Q=c=>{b({IsActive:c,TypeSection:"Accommodation"}),J(c)},X=c=>{L({...E,type:c})},W=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;return e.jsxs(t.Grid,{className:`${i["accomondation-box"]} ${i[O]}`,children:[e.jsxs(t.Grid,{className:`${i["accommodation-header"]}`,children:[e.jsxs(t.Grid,{onClick:()=>ce(),className:`${i["accommodation-header-left"]}`,children:[e.jsx(ie.ArrowBackIcon,{}),e.jsxs(t.Typography,{children:[(I||r)&&`${G}'s`," ",o("accommodation")]})]}),(y&&!I||I)&&!r&&x&&W>767&&e.jsxs(t.Grid,{onClick:H,className:`${i["accommodation-header-right"]}`,children:[e.jsx(t.Typography,{children:o("add")}),e.jsx(z.AddCircleIcon,{})]}),e.jsx(Ie,{open:S,onClose:ae,idItem:h,create:k,update:v,getById:T,setOpen:n,studentId:A||"",dataItem:g,typeItem:f,setDataItem:_,onDelete:oe})]}),e.jsx(ee.ConfirmDelete,{open:te,selectedItemId:h,handleCloseConfirmDeleteDialog:se,handleDelete:K}),e.jsxs(t.Grid,{className:`${j?.length>0?i["accommodation-select"]:i["box-nodata-accommodation"]}`,children:[j?.length==0&&e.jsx(t.Box,{p:2,className:`${i["box-data-mui"]}`,children:e.jsx(t.Typography,{variant:"h5",className:`${i["box-data"]}
+                  `,children:o("no_data")})}),W>767?e.jsxs(t.Grid,{className:`${i["accommodation-select-box"]}`,children:[e.jsx(V.Autocomplete,{className:`${i["select-option"]}`,id:"combo-box-demo",options:["Personalized","IEP"],getOptionLabel:c=>c,onChange:(c,P)=>X(P||""),renderInput:c=>e.jsx(t.TextField,{...c,label:o("all_categories"),variant:"outlined"})}),e.jsx(t.Grid,{className:`${i["accommodation-select-switch"]}`,children:I&&e.jsxs(l.Fragment,{children:[e.jsx(t.Switch,{checked:D,onClick:()=>Q(!D),name:"checked",color:"primary",disabled:!x}),e.jsx(t.Typography,{children:o("allow_student_to_edit")})]})})]}):e.jsxs("div",{children:[I&&e.jsxs("div",{className:`${i["block-switch"]}`,children:[e.jsx(t.Switch,{checked:D,onClick:()=>Q(!D),name:"checked",color:"primary",disabled:!x}),e.jsx(t.Typography,{children:o("allow_student_to_edit")})]}),e.jsx(V.Autocomplete,{className:`${i["select-option"]}`,id:"combo-box-demo",options:["Personalized","IEP"],getOptionLabel:c=>c,onChange:(c,P)=>X(P||""),renderInput:c=>e.jsx(t.TextField,{...c,label:o("all_categories"),variant:"outlined"})})]})]}),e.jsx("div",{className:`${i["wrapper-item"]}`,children:j&&j.length>0?j.map(c=>e.jsx(t.Grid,{className:`${i["accommodation-item-margin"]}`,children:e.jsx(ye,{disabled:!x,title:c.title,description:c.description,status:c.type,id:c.id,handleDelete:K,handleEdit:ne,isTeacher:I,isAllowedEdit:y,classFontSize:O,titleDelete:`${o("do_you_want_to_delete_this_accommodation")} ?`,isParent:r})})):null}),W<767&&!r&&x&&e.jsx("div",{className:`${i["interest-list-btn-add-mobile"]}`,children:e.jsxs(t.Button,{variant:"contained",onClick:H,children:[o("add"),e.jsx(z.AddCircleIcon,{})]})})]})};exports.default=Ce;