mario-core 2.0.32-release → 2.0.33-release

package/dist/UserDetail-DFjYZZOc.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),Q=require("react-router-dom"),t=require("reactstrap"),s=require("./index-Ihdym4EQ.js"),W=require("formik"),Z=require("react-datepicker"),K=require("date-fns"),w=require("./constants-D5ZWXomx.js"),J=require("react-redux"),ee=require("react-i18next"),se=require("yup"),te=require("./TeacherSelector-DomtJIQi.js");function ae(i){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const o in i)if(o!=="default"){const g=Object.getOwnPropertyDescriptor(i,o);Object.defineProperty(l,o,g.get?g:{enumerable:!0,get:()=>i[o]})}}return l.default=i,Object.freeze(l)}const S=ae(se),re={id:"",firstName:"",lastName:"",email:"",dateOfBirth:"",roles:[],isActive:!0,profileImageFileName:"",teacherUserId:[]},Y="/admin/users/user-list",oe="User detail",ne=i=>{const l=J.useDispatch(),o=Q.useNavigate(),[g,D]=u.useState(re),[C,y]=u.useState(!1),[T,k]=u.useState([]),[N,x]=u.useState(null),[q,v]=u.useState(!1),[R,U]=u.useState({isHasAssistantData:!1,isHasCounselorData:!1,isHasEduTeacherData:!1,isHasSecondaryTeacherData:!1,isHasTeacherData:!1}),B=async()=>{localStorage.setItem(window.location.href,"true"),v(!0)},[A,p]=u.useState([]),m=()=>{y(!C)};u.useEffect(()=>{document.title=oe,v(!1),localStorage.getItem(window.location.href)&&localStorage.removeItem(window.location.href)},[]),u.useEffect(()=>{i&&(f(),I()),!i&&O()},[i]);const f=u.useCallback(async()=>{l(s.setLoading(!0));try{const a=await w.userRoleHasData(i);U(a.data)}catch(a){l(s.setAlert({type:"danger",message:a.response?.data?.title||a.message}))}l(s.setLoading(!1))},[i]),I=u.useCallback(async()=>{l(s.setLoading(!0));try{const a=await w.getById(i);D({...a.data,dateOfBirth:K.format(new Date(a.data.dateOfBirth),s.DATE_FORMAT),roles:a.data.roles.map(c=>c!="EduTeacher"?c:s.ROLES.EDUTEACHER)}),p(a?.data?.roles??[]),document.title=a.data?.fullName}catch(a){l(s.setAlert({type:"danger",message:a.response?.data?.title||a.message}))}l(s.setLoading(!1))},[i]),O=async()=>{try{const a=await w.getTeachers({sortBy:"Email"});a.data&&k(a.data.map?.(c=>({label:c.email,value:c.id}))||[])}catch(a){l(s.setAlert({type:"danger",message:a.response?.data?.title||a.message}))}},L=u.useCallback(a=>{o(a&&typeof a=="string"?Y+`?query=${a}`:Y)},[]),_=u.useCallback(async a=>{l(s.setLoading(!0));try{if(N){const j=new FormData,{name:E}=N;j.append("file",N,E);const G=(await s.systemProfileUpload(j))?.data?.key;a.profileImageFileName=G}const c=i?w.update:w.create;!i&&delete a.id,a.dateOfBirth===""&&delete a.dateOfBirth;const d=await c(a);d&&w.getById(d.data.id).then(j=>{L(j.data.fullName)}),i||alert("Password of "+d.data.email+` is "${d.data.password}"`),d.data.id&&await w.changeGradeOfStudents(d.data.id,a.gradeLevel),l(s.setAlert({type:"success",message:`${i?"Update":"Create"} user successfully`}))}catch(c){l(s.setAlert({type:"danger",message:c.response?.data?.title||c.message}))}l(s.setLoading(!1))},[i,N]),b=a=>["Student","Parent","EduTeacher"].includes(a),M=async a=>{l(s.setLoading(!0));try{await w.changePassword(a),l(s.setAlert({type:"success",message:"Change password successfully"}))}catch(c){l(s.setAlert({type:"danger",message:c.response?.data?.title||c.message}))}l(s.setLoading(!1))},h=u.useCallback(async a=>{l(s.setLoading(!0));try{await w.forgotChangePassword(a),l(s.setAlert({type:"success",message:"Send forgot password link successfully"}))}catch(c){l(s.setAlert({type:"danger",message:c.response?.data?.title||c.message||"Error occured"}))}l(s.setLoading(!1))},[]),n=u.useCallback(async a=>{l(s.setLoading(!0));try{const c={userId:a},d=await w.resetPasswordForAdmin(c);if(d.data){const j=`${g.firstName} ${g.lastName}`;alert(`Password of ${j} is ${d.data}`),l(s.setAlert({type:"success",message:"Update user password successfully"}))}}catch(c){l(s.setAlert({type:"danger",message:c.response?.data?.title||c.message}))}l(s.setLoading(!1))},[g]);return{userDetail:g,backToList:L,confirmData:_,file:N,setFile:x,edited:q,setEdited:v,setEditedTrue:B,confirmChangePassword:M,forgotPasswordRequest:h,currentRoles:A,handleDisableRoles:b,handleResetPassword:n,teacherOptions:T,openModel:C,handleToggleModel:m,userHasData:R}},le=S.object({firstName:S.string().required("First name is required"),lastName:S.string().required("Last name is required"),email:S.string().email("Email is invalid").required("Email is required"),roles:S.array().of(S.string()).min(1,"Role is required")}),ie=S.object({oldPassword:S.string().required("Current password is required"),newPassword:S.string().required("New password is required"),confirmedNewPassword:S.string().required("Confirm password is required")}),ce={currentPage:1,pageSize:100},de=(i,l)=>{const[o,g]=u.useState([]),[D,C]=u.useState(!1),[y,T]=u.useState(ce),[k,N]=u.useState(),x=J.useDispatch(),q=u.useCallback(async()=>{C(!0);try{const m=(await w.getRosterUsersApi(y)).data?.items||[];g(R(m))}catch{x(s.setAlert({type:"error",message:"Cannot get roster users"}))}C(!1)},[JSON.stringify(y)]),v=u.useCallback(async()=>{if(!l)return;const p=o.find(m=>m.value===l);if(p){N(p);return}C(!0);try{const f=(await w.getRosterUserBySourcedIdApi(l)).data;N({label:U(f),value:f.sourcedId})}catch(m){console.log("err:",m)}C(!1)},[l]),R=p=>p.map(m=>({label:U(m),value:m.sourcedId})),U=p=>{const m=[],{givenName:f,middleName:I,familyName:O,email:L,role:_}=p,b=[];return f&&b.push(f),I&&b.push(I),O&&b.push(O),b.length&&m.push(b.join(" ")),L&&m.push(L),`${m.join(" - ")}${_?` (${_})`:""}`},B=p=>{T(m=>({...m,searchString:p}))},A=u.useCallback(p=>{T({...y,...p})},[JSON.stringify(y)]);return u.useEffect(()=>{y.roles?.length&&q()},[JSON.stringify(y)]),u.useEffect(()=>{A({roles:i})},[JSON.stringify(i)]),u.useEffect(()=>{v()},[l]),{users:o,isLoading:D,user:k,handleInputChange:B}},ue=({value:i,roles:l,onChange:o})=>{const{users:g,isLoading:D,user:C,handleInputChange:y}=de(l,i);return e.jsx(s.CustomSelector,{options:g,value:C,placeholder:"Select user",onChange:o,isLoading:D,onInputChange:y})},me="create_user",he="edit_user",pe="change_password",fe=()=>{const{id:i}=Q.useParams(),l=J.useSelector(h=>h.common.user),{t:o}=ee.useTranslation(),{userDetail:g,backToList:D,confirmData:C,file:y,setFile:T,edited:k,setEdited:N,setEditedTrue:x,confirmChangePassword:q,forgotPasswordRequest:v,currentRoles:R,handleDisableRoles:U,handleResetPassword:B,teacherOptions:A,openModel:p,handleToggleModel:m,userHasData:f}=ne(i),I={oldPassword:"",newPassword:"",confirmedNewPassword:""},O=o(i?`${he}`:`${me}`),L=o(i?"update":"create"),_=async()=>{try{const h=await s.api.get("/api/ExportDataUser/"+i,{responseType:"blob"}),n=h.headers["content-disposition"];let a=`${g.firstName||"User"}_${g.lastName||"Data"}.xlsx`;if(n){const j=n.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/);j&&j[1]&&(a=j[1].replace(/['"]/g,""))}const c=window.URL.createObjectURL(new Blob([h.data])),d=document.createElement("a");d.href=c,d.setAttribute("download",a),document.body.appendChild(d),d.click(),d.remove(),window.URL.revokeObjectURL(c)}catch(h){console.error("Failed to download user data",h)}},b=async h=>{var n={email:h};v(n)},M=()=>{if(!i)return;confirm("You want to reset this user's password")==!0&&B(i)};return e.jsx(W.Formik,{initialValues:g,enableReinitialize:!0,validationSchema:le,onSubmit:h=>{C({...h,roles:h.roles.map(n=>n!=s.ROLES.EDUTEACHER?n:"EduTeacher")}),N(!1),localStorage.getItem(window.location.href)&&localStorage.removeItem(window.location.href)},children:h=>{const{values:n,touched:a,errors:c,setFieldValue:d,handleChange:j,handleBlur:E,handleSubmit:$}=h,G=u.useCallback(r=>{if(n.roles.includes(r)){d("roles",n.roles.filter(P=>P!==r));return}if([s.ROLES.STUDENT,s.ROLES.PARENT].includes(r)){d("roles",[r]);return}if(n.roles.includes(s.ROLES.STUDENT)&&s.ROLES.STUDENT!=r){d("roles",[r]);return}d("roles",[...n.roles,r])},[n.roles]);return e.jsxs("div",{className:`animated fadeIn detail-buttons-padding ${s.screenWidth<=767?s.styles["p-0-12"]:""}`,children:[e.jsx(s.QuitPrompt,{when:k}),e.jsx("h5",{className:"mb-2",children:O}),e.jsxs(t.Row,{className:"pt-2",children:[e.jsxs(t.Col,{md:8,children:[e.jsxs(t.Row,{children:[e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{text:o("first_name"),className:"text-capitalize"}),e.jsx(t.Input,{name:"firstName",value:n.firstName,onChange:r=>{j(r),x()},onBlur:E("subject"),placeholder:o("first_name"),className:s.styles["input-name"]}),a.firstName&&c.firstName&&e.jsx(s.ErrorHandler,{text:c.firstName})]})}),e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(t.Label,{children:o("date_of_birth")}),e.jsx("div",{children:e.jsx(Z,{value:n.dateOfBirth,todayButton:"Today",peekNextMonth:!0,showMonthDropdown:!0,showYearDropdown:!0,dropdownMode:"select",selected:n.dateOfBirth?w.toDate(new Date(n.dateOfBirth)):null,onChange:r=>{h.setFieldValue("dateOfBirth",K.format(r,s.DATE_FORMAT)),x()},placeholderText:o("date_of_birth"),customInput:e.jsx(t.Input,{type:"text",style:{width:"maxContent"},placeholder:o("date_of_birth")})})})]})})]}),e.jsxs(t.Row,{children:[e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{text:o("last_name"),className:"text-capitalize"}),e.jsx(t.Input,{name:"lastName",value:n.lastName,onChange:r=>{j(r),x()},onBlur:E("lastName"),placeholder:o("last_name"),className:s.styles["input-name"]}),a.lastName&&c.lastName&&e.jsx(s.ErrorHandler,{text:c.lastName})]})}),e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{text:o("roles")}),e.jsx(t.Row,{children:e.jsx(t.Col,{md:12,className:"d-flex flex-wrap align-items-center",children:s.USER_ROLES.map(r=>e.jsx("div",{className:"mr-3",children:e.jsx(t.Input,{type:"checkbox",id:`role-checkbox-${r}`,label:r==="SecondaryTeacher"?"SupportTeacher":`${r}`,checked:n.roles.includes(r),onChange:()=>{i&&(f.isHasTeacherData&&r==="Teacher"||f.isHasAssistantData&&r==="Assistant"||f.isHasCounselorData&&r==="Counselor"||f.isHasSecondaryTeacherData&&r==="SecondaryTeacher"||r=="Student"&&(f.isHasAssistantData||f.isHasCounselorData||f.isHasSecondaryTeacherData||f.isHasTeacherData))?alert("Please switch data before removing the role"):(G(r),x())},disabled:R.includes("Parent")||R.includes("Student")&&i?R.concat(["Student","Parent"]).includes(r)||R.every(U):["Parent"].includes(r)})},r))})}),a.roles&&c.roles&&e.jsx(s.ErrorHandler,{text:c.roles})]})})]}),e.jsxs(t.Row,{children:[e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{text:o("email")}),e.jsx(t.Input,{name:"email",value:n.email,onChange:r=>{j(r),x()},onBlur:E("email"),placeholder:o("email")}),a.email&&c.email&&e.jsx(s.ErrorHandler,{text:c.email})]})}),e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{text:o("status")}),e.jsxs(t.Row,{children:[e.jsx(t.Col,{md:3,children:e.jsx(t.Input,{id:"role-checkbox-active",type:"radio",name:"active",label:o("active"),checked:!!n&&!!n.isActive,onChange:()=>{d("isActive",!0),x()}})}),e.jsx(t.Col,{md:3,children:e.jsx(t.Input,{id:"role-checkbox-inActive",type:"radio",name:"active",label:o("inactive"),checked:!!n&&!n.isActive,onChange:()=>d("isActive",!1)})})]})]})})]}),n.roles.includes(s.ROLES.STUDENT)&&e.jsx(t.Row,{children:e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(t.Label,{children:"Grade Level"}),e.jsx(s.CustomSelector,{options:w.gradeOptions,value:w.gradeOptions.find(r=>r.value==n.gradeLevel),placeholder:"Grade Level",onChange:r=>{d("gradeLevel",r.value)}})]})})}),!!i&&e.jsxs(t.Row,{children:[e.jsx(t.Col,{md:6,children:(!n.roles.includes("Admin")||n.roles.length>1)&&!!n.roles.length&&e.jsxs(t.FormGroup,{children:[e.jsx(t.Label,{children:"Map from Roster"}),e.jsx(ue,{roles:n.roles,value:n.sourcedId,onChange:r=>d("sourcedId",r.value)})]})}),e.jsxs(t.Col,{md:6,children:[e.jsx(t.Button,{color:"primary",className:"w-100",onClick:()=>{b(n.email||"")},children:o("send_forgot_password_link")}),e.jsx(t.Button,{color:"primary",className:"w-100 mt-3",onClick:()=>M(),children:o("reset_password")}),e.jsx(t.Button,{color:"success",className:"w-100 mt-3",onClick:()=>{_()},children:o("download_user_data")})]})]})]}),e.jsx(t.Col,{md:4,children:e.jsx(t.Row,{children:e.jsxs(t.Col,{md:8,children:[e.jsx(s.UploadFileButton,{setFile:T,fileName:n.profileImageFileName,onAddImage:x,canDelete:!0,onDelete:()=>{T(null),d("profileImageFileName",""),x()}}),!y&&!n.profileImageFileName&&e.jsx("img",{src:s.DEFAULT_IMAGE_URL,style:{maxWidth:"100%"}})]})})})]}),l.id===i?e.jsxs("div",{children:[e.jsx("h5",{className:"mt-3",children:o(`${pe}`)}),e.jsx(W.Formik,{initialValues:I,enableReinitialize:!0,validationSchema:ie,onSubmit:r=>{q(r)},children:r=>{const{values:P,touched:z,errors:F,handleChange:V,handleSubmit:X}=r;return e.jsxs(t.Row,{className:"pt-2 pb-5",children:[e.jsx(t.Col,{md:7,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{text:o("current_password"),className:"text-capitalize"}),e.jsx(t.Input,{name:"oldPassword",type:"password",value:P.oldPassword,onChange:H=>{V(H),x()},onBlur:E("subject"),placeholder:o("current_password"),className:s.styles["input-name"]}),z.oldPassword&&F.oldPassword&&e.jsx(s.ErrorHandler,{text:F.oldPassword})]})}),e.jsx(t.Col,{md:7,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{text:o("new_password"),className:"text-capitalize"}),e.jsx(t.Input,{name:"newPassword",type:"password",value:P.newPassword,onChange:H=>{V(H),x()},onBlur:E("subject"),placeholder:o("new_password"),className:s.styles["input-name"]}),z.newPassword&&F.newPassword&&e.jsx(s.ErrorHandler,{text:F.newPassword})]})}),e.jsx(t.Col,{md:7,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{text:o("confirm_password"),className:"text-capitalize"}),e.jsx(t.Input,{name:"confirmedNewPassword",type:"password",value:P.confirmedNewPassword,onChange:H=>{V(H),x()},onBlur:E("subject"),placeholder:o("confirm_password"),className:s.styles["input-name"]}),z.confirmedNewPassword&&F.confirmedNewPassword&&e.jsx(s.ErrorHandler,{text:F.confirmedNewPassword})]})}),e.jsx(t.Col,{md:12,children:e.jsx(t.Button,{color:"primary",size:"sm",className:"px-4 pl-1 mr-2 ml-3",onClick:()=>X(),children:o("save")})})]})}})]}):null,e.jsx(s.DetailActionButtons,{confirmText:L,onConfirm:n.roles.includes(s.ROLES.STUDENT)&&!i?m:$,onCancel:D}),e.jsxs(t.Modal,{centered:!0,isOpen:p,toggle:()=>m(),children:[e.jsx(t.ModalHeader,{children:"Assign Teacher"}),e.jsx(t.ModalBody,{children:e.jsx(te.TeacherSelector,{isMulti:!0,value:A.filter(r=>n.teacherUserId?.includes(r.value))||null,options:A,onChange:r=>d("teacherUserId",r.map(P=>P.value)),placeholder:o("select_teacher"),className:"flex-grow-1 mb-3"})}),e.jsxs(t.ModalFooter,{className:"text-right",children:[e.jsx(t.Button,{onClick:()=>m(),children:"Cancel"}),e.jsx(t.Button,{disabled:!n.teacherUserId,color:"primary",onClick:()=>{$()},children:"Assign"})]})]})]})}})};exports.default=fe;