mario-core 3.0.8-admin → 3.0.8-es

package/dist/UserDetail-B-Mq_itT.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),Q=require("react-router-dom"),t=require("reactstrap"),V=require("formik"),K=require("react-datepicker"),Y=require("date-fns"),j=require("./TeacherSelector-DORi8RIb.cjs"),G=require("react-redux"),s=require("./index-DixwqZ17.cjs"),X=require("yup"),Z=require("react-i18next");function ee(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const g in a)if(g!=="default"){const y=Object.getOwnPropertyDescriptor(a,g);Object.defineProperty(o,g,y.get?y:{enumerable:!0,get:()=>a[g]})}}return o.default=a,Object.freeze(o)}const p=ee(X);function se(a,o){return j.constructFrom(a,a)}const te={id:"",firstName:"",lastName:"",email:"",dateOfBirth:"",roles:[],isActive:!0,profileImageFileName:"",teacherUserId:[]},W="/admin/users/user-list",ae="User detail",re=12,oe=20,le=a=>{const o=G.useDispatch(),g=Q.useNavigate(),y=G.useSelector(i=>{var n;return(n=i.common)==null?void 0:n.defaultFontSize}),[_,F]=h.useState(te),[N,P]=h.useState(null),[L,E]=h.useState(!1),[A,I]=h.useState([]),[f,O]=h.useState([]),[T,z]=h.useState(!1),v=async()=>{localStorage.setItem(window.location.href,"true"),E(!0)},B=()=>{z(!T)},b=h.useMemo(()=>y==oe?"font-large":y==re?"font-small":"",[y]);h.useEffect(()=>{document.title=ae,E(!1),localStorage.getItem(window.location.href)&&localStorage.removeItem(window.location.href)},[]),h.useEffect(()=>{a&&$(),!a&&c()},[a]);const $=h.useCallback(async()=>{var i,n,d,u;o(s.setLoading(!0));try{const l=await j.getById(a);F({...l.data,dateOfBirth:Y.format(new Date(l.data.dateOfBirth),s.DATE_FORMAT),roles:l.data.roles.includes("EduTeacher")?[s.ROLES.EDUTEACHER]:l.data.roles}),I(((i=l==null?void 0:l.data)==null?void 0:i.roles)??[]),document.title=(n=l.data)==null?void 0:n.fullName}catch(l){o(s.setAlert({type:"danger",message:((u=(d=l.response)==null?void 0:d.data)==null?void 0:u.title)||l.message}))}o(s.setLoading(!1))},[a]),q=h.useCallback(i=>{g(i&&typeof i=="string"?W+`?query=${i}`:W)},[]),k=i=>["Student","Parent","EduTeacher"].includes(i),U=h.useCallback(async i=>{var n,d,u;o(s.setLoading(!0));try{if(N){const C=new FormData,{name:r}=N;C.append("file",N,r);const x=await s.systemProfileUpload(C),S=(n=x==null?void 0:x.data)==null?void 0:n.key;i.profileImageFileName=S}const l=a?j.update:j.create;!a&&delete i.id;const w=await l(i);w&&j.getById(w.data.id).then(C=>{q(C.data.fullName)}),a||alert("Password of "+w.data.email+` is "${w.data.password}"`),o(s.setAlert({type:"success",message:`${a?"Update":"Create"} user successfully`}))}catch(l){o(s.setAlert({type:"danger",message:((u=(d=l.response)==null?void 0:d.data)==null?void 0:u.title)||l.message}))}o(s.setLoading(!1))},[a,N]),M=async i=>{var n,d;o(s.setLoading(!0));try{await j.changePassword(i),o(s.setAlert({type:"success",message:"Change password successfully"}))}catch(u){o(s.setAlert({type:"danger",message:((d=(n=u.response)==null?void 0:n.data)==null?void 0:d.title)||u.message}))}o(s.setLoading(!1))},m=h.useCallback(async i=>{var n,d;o(s.setLoading(!0));try{await j.forgotChangePassword(i),o(s.setAlert({type:"success",message:"Send forgot password link successfully"}))}catch(u){o(s.setAlert({type:"danger",message:((d=(n=u.response)==null?void 0:n.data)==null?void 0:d.title)||u.message||"Error occured"}))}o(s.setLoading(!1))},[]),c=async()=>{var i,n,d,u;try{const l=await j.getTeachers({sortBy:"Email"});l.data&&O(((n=(i=l.data).map)==null?void 0:n.call(i,w=>({label:w.email,value:w.id})))||[])}catch(l){o(s.setAlert({type:"danger",message:((u=(d=l.response)==null?void 0:d.data)==null?void 0:u.title)||l.message}))}};return{userDetail:_,backToList:q,confirmData:U,file:N,setFile:P,edited:L,currentRoles:A,setEdited:E,setEditedTrue:v,confirmChangePassword:M,forgotPasswordRequest:m,handleDisableRoles:k,classFontSize:b,teacherOptions:f,handleToggleModel:B,openModel:T}},ne=p.object({firstName:p.string().required("First name is required"),lastName:p.string().required("Last name is required"),dateOfBirth:p.string().required("Date of birth is required"),email:p.string().email("Email is invalid").required("Email is required"),roles:p.array().of(p.string()).min(1,"Role is required")}),ie=p.object({oldPassword:p.string().required("Current password is required"),newPassword:p.string().required("New password is required"),confirmedNewPassword:p.string().required("Confirm password is required")}),ce="create_user",de="edit_user",ue="change_password",me=()=>{const{t:a}=Z.useTranslation(),{id:o}=Q.useParams(),g=G.useSelector(m=>m.common.user),{userDetail:y,backToList:_,confirmData:F,file:N,setFile:P,edited:L,currentRoles:E,handleDisableRoles:A,setEdited:I,setEditedTrue:f,confirmChangePassword:O,forgotPasswordRequest:T,classFontSize:z,teacherOptions:v,openModel:B,handleToggleModel:b}=le(o),$={oldPassword:"",newPassword:"",confirmedNewPassword:""},q=o?de:ce,k=o?"update":"create",U=()=>{var m=window.location.origin+"/api/ExportDataUser/"+o;window.open(m)},M=async m=>{var c={email:m};T(c)};return e.jsx(V.Formik,{initialValues:y,enableReinitialize:!0,validationSchema:ne,onSubmit:m=>{F({...m,roles:m.roles.includes(s.ROLES.EDUTEACHER)?["EduTeacher"]:m.roles}),I(!1),localStorage.getItem(window.location.href)&&localStorage.removeItem(window.location.href)},children:m=>{const{values:c,touched:i,errors:n,setFieldValue:d,handleChange:u,handleBlur:l,handleSubmit:w}=m,C=h.useCallback(r=>{if(c.roles.includes(r)){d("roles",c.roles.filter(x=>x!==r));return}if([s.ROLES.STUDENT,s.ROLES.PARENT,s.ROLES.EDUTEACHER].includes(r)){d("roles",[r]);return}if(c.roles.includes(s.ROLES.EDUTEACHER)&&s.ROLES.EDUTEACHER!=r){d("roles",[r]);return}d("roles",[...c.roles,r])},[c.roles]);return e.jsxs("div",{className:`animated fadeIn detail-buttons-padding ${s.styles[z]}`,children:[e.jsx(s.QuitPrompt,{when:L}),e.jsx("h5",{className:`mb-2 ${s.styles["custom-title-font-size"]}`,children:a(q)}),e.jsxs(t.Row,{className:`pt-2 ${s.styles["custom-font-size"]}`,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,{className:` ${s.styles["custom-font-size"]}`,text:a("first_name")}),e.jsx(t.Input,{name:"firstName",value:c.firstName,onChange:r=>{u(r),f()},onBlur:l("subject"),placeholder:a("first_name"),className:` ${s.styles["custom-font-size"]}`}),i.firstName&&n.firstName&&e.jsx(s.ErrorHandler,{text:n.firstName})]})}),e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{className:` ${s.styles["custom-font-size"]}`,text:a("date_of_birth")}),e.jsx("div",{children:e.jsx(K,{value:c.dateOfBirth,todayButton:"Today",peekNextMonth:!0,showMonthDropdown:!0,showYearDropdown:!0,dropdownMode:"select",selected:c.dateOfBirth?se(new Date(c.dateOfBirth)):null,onChange:r=>{m.setFieldValue("dateOfBirth",Y.format(r,s.DATE_FORMAT)),f()},placeholderText:a("date_of_birth"),customInput:e.jsx(t.Input,{type:"text",style:{width:"maxContent"},placeholder:a("date_of_birth"),className:` ${s.styles["custom-font-size"]}`})})}),i.dateOfBirth&&n.dateOfBirth&&e.jsx(s.ErrorHandler,{text:n.dateOfBirth})]})})]}),e.jsxs(t.Row,{children:[e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{className:` ${s.styles["custom-font-size"]}`,text:a("last_name")}),e.jsx(t.Input,{name:"lastName",value:c.lastName,onChange:r=>{u(r),f()},onBlur:l("lastName"),placeholder:a("last_name"),className:` ${s.styles["custom-font-size"]}`}),i.lastName&&n.lastName&&e.jsx(s.ErrorHandler,{text:n.lastName})]})}),e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{className:` ${s.styles["custom-font-size"]}`,text:a("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,checked:c.roles.includes(r),onChange:()=>{C(r),f()},disabled:o?E.concat(["Student","Parent","General ED teacher"]).includes(r)||E.every(A):["Parent"].includes(r),className:` ${s.styles["custom-font-size"]}`})},r))})}),i.roles&&n.roles&&e.jsx(s.ErrorHandler,{text:n.roles})]})})]}),e.jsxs(t.Row,{children:[e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{className:` ${s.styles["custom-font-size"]}`,text:a("email")}),e.jsx(t.Input,{name:"email",value:c.email,onChange:r=>{u(r),f()},onBlur:l("email"),placeholder:a("email"),className:` ${s.styles["custom-font-size"]}`}),i.email&&n.email&&e.jsx(s.ErrorHandler,{text:n.email})]})}),e.jsx(t.Col,{md:6,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{text:a("status"),className:` ${s.styles["custom-font-size"]}`}),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:a("active"),checked:!!c&&!!c.isActive,onChange:()=>{d("isActive",!0),f()},className:` ${s.styles["custom-font-size"]}`})}),e.jsx(t.Col,{md:3,children:e.jsx(t.Input,{id:"role-checkbox-inActive",type:"radio",name:"active",label:a("inactive"),checked:!!c&&!c.isActive,onChange:()=>d("isActive",!1),className:` ${s.styles["custom-font-size"]}`})})]})]})})]}),!!o&&e.jsxs(t.Row,{children:[e.jsx(t.Col,{md:6}),e.jsxs(t.Col,{md:6,children:[e.jsx(t.Button,{color:"primary",className:`w-100 ${s.styles["custom-font-size"]}`,onClick:()=>{M(c.email||"")},children:a("send_forgot_password_link")}),e.jsx(t.Button,{className:`w-100 mt-3 ${s.styles["custom-font-size"]}`,color:"success",onClick:()=>{U()},children:a("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:P,fileName:c.profileImageFileName,onAddImage:f,canDelete:!0,onDelete:()=>{P(null),d("profileImageFileName",""),f()}}),!N&&!c.profileImageFileName&&e.jsx("img",{src:s.DEFAULT_IMAGE_URL,style:{maxWidth:"100%"}})]})})})]}),g.id===o?e.jsxs("div",{children:[e.jsx("h5",{className:"mt-3",children:a(ue)}),e.jsx(V.Formik,{initialValues:$,enableReinitialize:!0,validationSchema:ie,onSubmit:r=>{O(r)},children:r=>{const{values:x,touched:S,errors:R,handleChange:H,handleSubmit:J}=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,{className:` ${s.styles["custom-font-size"]}`,text:a("current_password")}),e.jsx(t.Input,{name:"oldPassword",type:"password",value:x.oldPassword,onChange:D=>{H(D),f()},onBlur:l("subject"),placeholder:a("current_password"),className:` ${s.styles["custom-font-size"]}`}),S.oldPassword&&R.oldPassword&&e.jsx(s.ErrorHandler,{text:R.oldPassword})]})}),e.jsx(t.Col,{md:7,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{text:a("new_password"),className:` ${s.styles["custom-font-size"]}`}),e.jsx(t.Input,{name:"newPassword",type:"password",value:x.newPassword,onChange:D=>{H(D),f()},onBlur:l("subject"),placeholder:a("new_password"),className:` ${s.styles["custom-font-size"]}`}),S.newPassword&&R.newPassword&&e.jsx(s.ErrorHandler,{text:R.newPassword})]})}),e.jsx(t.Col,{md:7,children:e.jsxs(t.FormGroup,{children:[e.jsx(s.RequiredLabel,{text:a("confirm_password"),className:` ${s.styles["custom-font-size"]}`}),e.jsx(t.Input,{name:"confirmedNewPassword",type:"password",value:x.confirmedNewPassword,onChange:D=>{H(D),f()},onBlur:l("subject"),placeholder:a("confirm_password"),className:` ${s.styles["custom-font-size"]}`}),S.confirmedNewPassword&&R.confirmedNewPassword&&e.jsx(s.ErrorHandler,{text:R.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 ${s.styles["custom-font-size"]}`,onClick:()=>J(),children:a("save")})})]})}})]}):null,e.jsx(s.DetailActionButtons,{confirmText:k,onConfirm:c.roles.includes(s.ROLES.STUDENT)&&!o?b:w,onCancel:_,className:` ${s.styles["custom-font-size"]}`}),e.jsxs(t.Modal,{centered:!0,isOpen:B,toggle:()=>b(),children:[e.jsx(t.ModalHeader,{children:"Assign Teacher"}),e.jsx(t.ModalBody,{children:e.jsx(j.TeacherSelector,{value:v.filter(r=>{var x;return(x=c.teacherUserId)==null?void 0:x.includes(r.value)})||null,options:v,placeholder:a("select_teacher"),className:"flex-grow-1 mb-3",onChange:r=>d("teacherUserId",[r.value])})}),e.jsxs(t.ModalFooter,{className:"text-right",children:[e.jsx(t.Button,{onClick:()=>b(),children:"Cancel"}),e.jsx(t.Button,{disabled:!c.teacherUserId,color:"primary",onClick:()=>w(),children:"Assign"})]})]})]})}})};exports.default=me;

package/dist/UserDetail-BBRiU97G.js

@@ -0,0 +1,665 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useState as R, useMemo as ce, useEffect as se, useCallback as B } from "react";
+import { useNavigate as de, useParams as me } from "react-router-dom";
+import { Row as E, Col as u, FormGroup as y, Input as N, Button as A, Modal as ue, ModalHeader as he, ModalBody as fe, ModalFooter as pe } from "reactstrap";
+import { Formik as ae } from "formik";
+import we from "react-datepicker";
+import { format as oe } from "date-fns";
+import { c as ge, k as te, l as Ne, m as Ee, n as ye, f as Ce, o as ve, T as xe } from "./TeacherSelector-B4zvSVhk.js";
+import { useDispatch as De, useSelector as ne } from "react-redux";
+import { s as v, V as P, a0 as le, c as x, a1 as Pe, h as i, Q as be, R as C, E as D, a2 as Te, a3 as Se, a4 as _e, M as Re } from "./index-C95SWLrn.js";
+import * as w from "yup";
+import { useTranslation as ze } from "react-i18next";
+function $e(s, n) {
+  return ge(s, s);
+}
+const Ue = {
+  id: "",
+  firstName: "",
+  lastName: "",
+  email: "",
+  dateOfBirth: "",
+  roles: [],
+  isActive: !0,
+  profileImageFileName: "",
+  teacherUserId: []
+}, re = "/admin/users/user-list", Fe = "User detail", Ae = 12, Be = 20, Ie = (s) => {
+  const n = De(), I = de(), z = ne((o) => {
+    var r;
+    return (r = o.common) == null ? void 0 : r.defaultFontSize;
+  }), [L, H] = R(Ue), [b, k] = R(null), [j, T] = R(!1), [V, G] = R([]), [f, Q] = R([]), [O, W] = R(!1), q = async () => {
+    localStorage.setItem(window.location.href, "true"), T(!0);
+  }, Y = () => {
+    W(!O);
+  }, $ = ce(() => z == Be ? "font-large" : z == Ae ? "font-small" : "", [z]);
+  se(() => {
+    document.title = Fe, T(!1), localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
+  }, []), se(() => {
+    s && J(), !s && l();
+  }, [s]);
+  const J = B(async () => {
+    var o, r, c, m;
+    n(v(!0));
+    try {
+      const t = await te(s);
+      H({
+        ...t.data,
+        dateOfBirth: oe(new Date(t.data.dateOfBirth), le),
+        roles: t.data.roles.includes("EduTeacher") ? [P.EDUTEACHER] : t.data.roles
+      }), G(((o = t == null ? void 0 : t.data) == null ? void 0 : o.roles) ?? []), document.title = (r = t.data) == null ? void 0 : r.fullName;
+    } catch (t) {
+      n(
+        x({
+          type: "danger",
+          message: ((m = (c = t.response) == null ? void 0 : c.data) == null ? void 0 : m.title) || t.message
+        })
+      );
+    }
+    n(v(!1));
+  }, [s]), M = B((o) => {
+    I(o && typeof o == "string" ? re + `?query=${o}` : re);
+  }, []), K = (o) => ["Student", "Parent", "EduTeacher"].includes(o), X = B(
+    async (o) => {
+      var r, c, m;
+      n(v(!0));
+      try {
+        if (b) {
+          const S = new FormData(), { name: a } = b;
+          S.append("file", b, a);
+          const p = await Pe(S), U = (r = p == null ? void 0 : p.data) == null ? void 0 : r.key;
+          o.profileImageFileName = U;
+        }
+        const t = s ? Ne : Ee;
+        !s && delete o.id;
+        const g = await t(o);
+        g && te(g.data.id).then((S) => {
+          M(S.data.fullName);
+        }), s || alert("Password of " + g.data.email + ` is "${g.data.password}"`), n(
+          x({
+            type: "success",
+            message: `${s ? "Update" : "Create"} user successfully`
+          })
+        );
+      } catch (t) {
+        n(
+          x({
+            type: "danger",
+            message: ((m = (c = t.response) == null ? void 0 : c.data) == null ? void 0 : m.title) || t.message
+          })
+        );
+      }
+      n(v(!1));
+    },
+    [s, b]
+  ), Z = async (o) => {
+    var r, c;
+    n(v(!0));
+    try {
+      await ve(o), n(
+        x({
+          type: "success",
+          message: "Change password successfully"
+        })
+      );
+    } catch (m) {
+      n(
+        x({
+          type: "danger",
+          message: ((c = (r = m.response) == null ? void 0 : r.data) == null ? void 0 : c.title) || m.message
+        })
+      );
+    }
+    n(v(!1));
+  }, h = B(async (o) => {
+    var r, c;
+    n(v(!0));
+    try {
+      await ye(o), n(
+        x({
+          type: "success",
+          message: "Send forgot password link successfully"
+        })
+      );
+    } catch (m) {
+      n(
+        x({
+          type: "danger",
+          message: ((c = (r = m.response) == null ? void 0 : r.data) == null ? void 0 : c.title) || m.message || "Error occured"
+        })
+      );
+    }
+    n(v(!1));
+  }, []), l = async () => {
+    var o, r, c, m;
+    try {
+      const t = await Ce({
+        sortBy: "Email"
+      });
+      t.data && Q(((r = (o = t.data).map) == null ? void 0 : r.call(o, (g) => ({
+        label: g.email,
+        value: g.id
+      }))) || []);
+    } catch (t) {
+      n(
+        x({
+          type: "danger",
+          message: ((m = (c = t.response) == null ? void 0 : c.data) == null ? void 0 : m.title) || t.message
+        })
+      );
+    }
+  };
+  return {
+    userDetail: L,
+    backToList: M,
+    confirmData: X,
+    file: b,
+    setFile: k,
+    edited: j,
+    currentRoles: V,
+    setEdited: T,
+    setEditedTrue: q,
+    confirmChangePassword: Z,
+    forgotPasswordRequest: h,
+    handleDisableRoles: K,
+    classFontSize: $,
+    teacherOptions: f,
+    handleToggleModel: Y,
+    openModel: O
+  };
+}, ke = w.object({
+  firstName: w.string().required("First name is required"),
+  lastName: w.string().required("Last name is required"),
+  dateOfBirth: w.string().required("Date of birth is required"),
+  email: w.string().email("Email is invalid").required("Email is required"),
+  roles: w.array().of(w.string()).min(1, "Role is required")
+}), Oe = w.object({
+  oldPassword: w.string().required("Current password is required"),
+  newPassword: w.string().required("New password is required"),
+  confirmedNewPassword: w.string().required("Confirm password is required")
+}), qe = "create_user", Me = "edit_user", Le = "change_password", es = () => {
+  const { t: s } = ze(), { id: n } = me(), I = ne((h) => h.common.user), {
+    userDetail: z,
+    backToList: L,
+    confirmData: H,
+    file: b,
+    setFile: k,
+    edited: j,
+    currentRoles: T,
+    handleDisableRoles: V,
+    setEdited: G,
+    setEditedTrue: f,
+    confirmChangePassword: Q,
+    forgotPasswordRequest: O,
+    classFontSize: W,
+    teacherOptions: q,
+    openModel: Y,
+    handleToggleModel: $
+  } = Ie(n), J = {
+    oldPassword: "",
+    newPassword: "",
+    confirmedNewPassword: ""
+  }, M = n ? Me : qe, K = n ? "update" : "create", X = () => {
+    var h = window.location.origin + "/api/ExportDataUser/" + n;
+    window.open(h);
+  }, Z = async (h) => {
+    var l = {
+      email: h
+    };
+    O(l);
+  };
+  return /* @__PURE__ */ e(
+    ae,
+    {
+      initialValues: z,
+      enableReinitialize: !0,
+      validationSchema: ke,
+      onSubmit: (h) => {
+        H({
+          ...h,
+          roles: h.roles.includes(P.EDUTEACHER) ? ["EduTeacher"] : h.roles
+        }), G(!1), localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
+      },
+      children: (h) => {
+        const {
+          values: l,
+          touched: o,
+          errors: r,
+          setFieldValue: c,
+          handleChange: m,
+          handleBlur: t,
+          handleSubmit: g
+        } = h, S = B(
+          (a) => {
+            if (l.roles.includes(a)) {
+              c(
+                "roles",
+                l.roles.filter((p) => p !== a)
+              );
+              return;
+            }
+            if ([P.STUDENT, P.PARENT, P.EDUTEACHER].includes(
+              a
+            )) {
+              c("roles", [a]);
+              return;
+            }
+            if (l.roles.includes(
+              P.EDUTEACHER
+            ) && P.EDUTEACHER != a) {
+              c("roles", [a]);
+              return;
+            }
+            c("roles", [...l.roles, a]);
+          },
+          [l.roles]
+        );
+        return /* @__PURE__ */ d("div", { className: `animated fadeIn detail-buttons-padding ${i[W]}`, children: [
+          /* @__PURE__ */ e(be, { when: j }),
+          /* @__PURE__ */ e("h5", { className: `mb-2 ${i["custom-title-font-size"]}`, children: s(M) }),
+          /* @__PURE__ */ d(E, { className: `pt-2 ${i["custom-font-size"]}`, children: [
+            /* @__PURE__ */ d(u, { md: 8, children: [
+              /* @__PURE__ */ d(E, { children: [
+                /* @__PURE__ */ e(u, { md: 6, children: /* @__PURE__ */ d(y, { children: [
+                  /* @__PURE__ */ e(C, { className: ` ${i["custom-font-size"]}`, text: s("first_name") }),
+                  /* @__PURE__ */ e(
+                    N,
+                    {
+                      name: "firstName",
+                      value: l.firstName,
+                      onChange: (a) => {
+                        m(a), f();
+                      },
+                      onBlur: t("subject"),
+                      placeholder: s("first_name"),
+                      className: ` ${i["custom-font-size"]}`
+                    }
+                  ),
+                  o.firstName && r.firstName && /* @__PURE__ */ e(
+                    D,
+                    {
+                      text: r.firstName
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ e(u, { md: 6, children: /* @__PURE__ */ d(y, { children: [
+                  /* @__PURE__ */ e(C, { className: ` ${i["custom-font-size"]}`, text: s("date_of_birth") }),
+                  /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+                    we,
+                    {
+                      value: l.dateOfBirth,
+                      todayButton: "Today",
+                      peekNextMonth: !0,
+                      showMonthDropdown: !0,
+                      showYearDropdown: !0,
+                      dropdownMode: "select",
+                      selected: l.dateOfBirth ? $e(
+                        new Date(
+                          l.dateOfBirth
+                        )
+                      ) : null,
+                      onChange: (a) => {
+                        h.setFieldValue(
+                          "dateOfBirth",
+                          oe(
+                            a,
+                            le
+                          )
+                        ), f();
+                      },
+                      placeholderText: s("date_of_birth"),
+                      customInput: /* @__PURE__ */ e(
+                        N,
+                        {
+                          type: "text",
+                          style: {
+                            width: "maxContent"
+                          },
+                          placeholder: s("date_of_birth"),
+                          className: ` ${i["custom-font-size"]}`
+                        }
+                      )
+                    }
+                  ) }),
+                  o.dateOfBirth && r.dateOfBirth && /* @__PURE__ */ e(
+                    D,
+                    {
+                      text: r.dateOfBirth
+                    }
+                  )
+                ] }) })
+              ] }),
+              /* @__PURE__ */ d(E, { children: [
+                /* @__PURE__ */ e(u, { md: 6, children: /* @__PURE__ */ d(y, { children: [
+                  /* @__PURE__ */ e(C, { className: ` ${i["custom-font-size"]}`, text: s("last_name") }),
+                  /* @__PURE__ */ e(
+                    N,
+                    {
+                      name: "lastName",
+                      value: l.lastName,
+                      onChange: (a) => {
+                        m(a), f();
+                      },
+                      onBlur: t("lastName"),
+                      placeholder: s("last_name"),
+                      className: ` ${i["custom-font-size"]}`
+                    }
+                  ),
+                  o.lastName && r.lastName && /* @__PURE__ */ e(
+                    D,
+                    {
+                      text: r.lastName
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ e(u, { md: 6, children: /* @__PURE__ */ d(y, { children: [
+                  /* @__PURE__ */ e(C, { className: ` ${i["custom-font-size"]}`, text: s("roles") }),
+                  /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+                    u,
+                    {
+                      md: 12,
+                      className: "d-flex flex-wrap align-items-center",
+                      children: Te.map(
+                        (a) => /* @__PURE__ */ e(
+                          "div",
+                          {
+                            className: "mr-3",
+                            children: /* @__PURE__ */ e(
+                              N,
+                              {
+                                type: "checkbox",
+                                id: `role-checkbox-${a}`,
+                                label: a,
+                                checked: l.roles.includes(
+                                  a
+                                ),
+                                onChange: () => {
+                                  S(
+                                    a
+                                  ), f();
+                                },
+                                disabled: n ? T.concat(["Student", "Parent", "General ED teacher"]).includes(a) || T.every(V) : [
+                                  "Parent"
+                                ].includes(
+                                  a
+                                ),
+                                className: ` ${i["custom-font-size"]}`
+                              }
+                            )
+                          },
+                          a
+                        )
+                      )
+                    }
+                  ) }),
+                  o.roles && r.roles && /* @__PURE__ */ e(
+                    D,
+                    {
+                      text: r.roles
+                    }
+                  )
+                ] }) })
+              ] }),
+              /* @__PURE__ */ d(E, { children: [
+                /* @__PURE__ */ e(u, { md: 6, children: /* @__PURE__ */ d(y, { children: [
+                  /* @__PURE__ */ e(C, { className: ` ${i["custom-font-size"]}`, text: s("email") }),
+                  /* @__PURE__ */ e(
+                    N,
+                    {
+                      name: "email",
+                      value: l.email,
+                      onChange: (a) => {
+                        m(a), f();
+                      },
+                      onBlur: t("email"),
+                      placeholder: s("email"),
+                      className: ` ${i["custom-font-size"]}`
+                    }
+                  ),
+                  o.email && r.email && /* @__PURE__ */ e(
+                    D,
+                    {
+                      text: r.email
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ e(u, { md: 6, children: /* @__PURE__ */ d(y, { children: [
+                  /* @__PURE__ */ e(C, { text: s("status"), className: ` ${i["custom-font-size"]}` }),
+                  /* @__PURE__ */ d(E, { children: [
+                    /* @__PURE__ */ e(u, { md: 3, children: /* @__PURE__ */ e(
+                      N,
+                      {
+                        id: "role-checkbox-active",
+                        type: "radio",
+                        name: "active",
+                        label: s("active"),
+                        checked: !!l && !!l.isActive,
+                        onChange: () => {
+                          c(
+                            "isActive",
+                            !0
+                          ), f();
+                        },
+                        className: ` ${i["custom-font-size"]}`
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(u, { md: 3, children: /* @__PURE__ */ e(
+                      N,
+                      {
+                        id: "role-checkbox-inActive",
+                        type: "radio",
+                        name: "active",
+                        label: s("inactive"),
+                        checked: !!l && !l.isActive,
+                        onChange: () => c(
+                          "isActive",
+                          !1
+                        ),
+                        className: ` ${i["custom-font-size"]}`
+                      }
+                    ) })
+                  ] })
+                ] }) })
+              ] }),
+              !!n && /* @__PURE__ */ d(E, { children: [
+                /* @__PURE__ */ e(u, { md: 6 }),
+                /* @__PURE__ */ d(u, { md: 6, children: [
+                  /* @__PURE__ */ e(
+                    A,
+                    {
+                      color: "primary",
+                      className: `w-100 ${i["custom-font-size"]}`,
+                      onClick: () => {
+                        Z(l.email || "");
+                      },
+                      children: s("send_forgot_password_link")
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    A,
+                    {
+                      className: `w-100 mt-3 ${i["custom-font-size"]}`,
+                      color: "success",
+                      onClick: () => {
+                        X();
+                      },
+                      children: s("download_user_data")
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(u, { md: 4, children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ d(u, { md: 8, children: [
+              /* @__PURE__ */ e(
+                Se,
+                {
+                  setFile: k,
+                  fileName: l.profileImageFileName,
+                  onAddImage: f,
+                  canDelete: !0,
+                  onDelete: () => {
+                    k(null), c(
+                      "profileImageFileName",
+                      ""
+                    ), f();
+                  }
+                }
+              ),
+              !b && !l.profileImageFileName && /* @__PURE__ */ e(
+                "img",
+                {
+                  src: _e,
+                  style: { maxWidth: "100%" }
+                }
+              )
+            ] }) }) })
+          ] }),
+          I.id === n ? /* @__PURE__ */ d("div", { children: [
+            /* @__PURE__ */ e("h5", { className: "mt-3", children: s(Le) }),
+            /* @__PURE__ */ e(
+              ae,
+              {
+                initialValues: J,
+                enableReinitialize: !0,
+                validationSchema: Oe,
+                onSubmit: (a) => {
+                  Q(a);
+                },
+                children: (a) => {
+                  const {
+                    values: p,
+                    touched: U,
+                    errors: _,
+                    handleChange: ee,
+                    handleSubmit: ie
+                  } = a;
+                  return /* @__PURE__ */ d(E, { className: "pt-2 pb-5", children: [
+                    /* @__PURE__ */ e(u, { md: 7, children: /* @__PURE__ */ d(y, { children: [
+                      /* @__PURE__ */ e(C, { className: ` ${i["custom-font-size"]}`, text: s("current_password") }),
+                      /* @__PURE__ */ e(
+                        N,
+                        {
+                          name: "oldPassword",
+                          type: "password",
+                          value: p.oldPassword,
+                          onChange: (F) => {
+                            ee(F), f();
+                          },
+                          onBlur: t(
+                            "subject"
+                          ),
+                          placeholder: s("current_password"),
+                          className: ` ${i["custom-font-size"]}`
+                        }
+                      ),
+                      U.oldPassword && _.oldPassword && /* @__PURE__ */ e(
+                        D,
+                        {
+                          text: _.oldPassword
+                        }
+                      )
+                    ] }) }),
+                    /* @__PURE__ */ e(u, { md: 7, children: /* @__PURE__ */ d(y, { children: [
+                      /* @__PURE__ */ e(C, { text: s("new_password"), className: ` ${i["custom-font-size"]}` }),
+                      /* @__PURE__ */ e(
+                        N,
+                        {
+                          name: "newPassword",
+                          type: "password",
+                          value: p.newPassword,
+                          onChange: (F) => {
+                            ee(F), f();
+                          },
+                          onBlur: t(
+                            "subject"
+                          ),
+                          placeholder: s("new_password"),
+                          className: ` ${i["custom-font-size"]}`
+                        }
+                      ),
+                      U.newPassword && _.newPassword && /* @__PURE__ */ e(
+                        D,
+                        {
+                          text: _.newPassword
+                        }
+                      )
+                    ] }) }),
+                    /* @__PURE__ */ e(u, { md: 7, children: /* @__PURE__ */ d(y, { children: [
+                      /* @__PURE__ */ e(C, { text: s("confirm_password"), className: ` ${i["custom-font-size"]}` }),
+                      /* @__PURE__ */ e(
+                        N,
+                        {
+                          name: "confirmedNewPassword",
+                          type: "password",
+                          value: p.confirmedNewPassword,
+                          onChange: (F) => {
+                            ee(F), f();
+                          },
+                          onBlur: t(
+                            "subject"
+                          ),
+                          placeholder: s("confirm_password"),
+                          className: ` ${i["custom-font-size"]}`
+                        }
+                      ),
+                      U.confirmedNewPassword && _.confirmedNewPassword && /* @__PURE__ */ e(
+                        D,
+                        {
+                          text: _.confirmedNewPassword
+                        }
+                      )
+                    ] }) }),
+                    /* @__PURE__ */ e(u, { md: 12, children: /* @__PURE__ */ e(
+                      A,
+                      {
+                        color: "primary",
+                        size: "sm",
+                        className: `px-4 pl-1 mr-2 ml-3 ${i["custom-font-size"]}`,
+                        onClick: () => ie(),
+                        children: s("save")
+                      }
+                    ) })
+                  ] });
+                }
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ e(
+            Re,
+            {
+              confirmText: K,
+              onConfirm: l.roles.includes(P.STUDENT) && !n ? $ : g,
+              onCancel: L,
+              className: ` ${i["custom-font-size"]}`
+            }
+          ),
+          /* @__PURE__ */ d(ue, { centered: !0, isOpen: Y, toggle: () => $(), children: [
+            /* @__PURE__ */ e(he, { children: "Assign Teacher" }),
+            /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ e(
+              xe,
+              {
+                value: q.filter((a) => {
+                  var p;
+                  return (p = l.teacherUserId) == null ? void 0 : p.includes(a.value);
+                }) || null,
+                options: q,
+                placeholder: s("select_teacher"),
+                className: "flex-grow-1 mb-3",
+                onChange: (a) => c(
+                  "teacherUserId",
+                  [a.value]
+                )
+              }
+            ) }),
+            /* @__PURE__ */ d(pe, { className: "text-right", children: [
+              /* @__PURE__ */ e(A, { onClick: () => $(), children: "Cancel" }),
+              /* @__PURE__ */ e(A, { disabled: !l.teacherUserId, color: "primary", onClick: () => g(), children: "Assign" })
+            ] })
+          ] })
+        ] });
+      }
+    }
+  );
+};
+export {
+  es as default
+};