mario-core 2.0.4 → 2.0.5-release

package/dist/UserList-D4V-QZm0.js

@@ -0,0 +1,5 @@
+"use strict";const t=require("react/jsx-runtime"),A=require("reactstrap"),j=require("./constants-Dp8QZ8kV.js"),J=require("react-i18next"),i=require("react"),M=require("react-redux"),ce=require("react-router-dom"),s=require("./index-BlgOYHBz.js"),ue=require("./types-CTFcZUFS.js"),G=require("./index.esm-B5Zde_ik.js"),Z=require("date-fns"),ee=require("papaparse");function me(e,a){j.requiredArgs(2,arguments);var l=j.toDate(e),m=j.toDate(a);return l.getFullYear()-m.getFullYear()}const he=()=>{const[e,a]=i.useState(j.DEFAULT_FILTER);return{filters:e,setFilters:a,changeFilters:m=>{const r={...e,...m};r.searchString&&m.searchString&&m.searchString!=e.searchString&&(r.currentPage=1),a(r)}}},pe="/admin/user",ge="/admin/create-user",ye="User list",se="/home",fe="/home",Se="/admin/home",xe="/parent",ve="/admin/schools",Ce="/list-student",Ne=()=>{const e=ce.useNavigate(),l=new URLSearchParams(location.search).get("query"),m=M.useSelector(n=>n.users.userList),r=M.useSelector(n=>n.users.totalItems),{filters:c,changeFilters:S}=he(),C=l||"",[o,N]=i.useState([]),B=window.location.host.includes("-district"),d=M.useDispatch(),{t:p}=J.useTranslation(),L=n=>{const y=o.find(b=>b==n);N(y?o.filter(b=>b!=n):o.concat([n]))},I=i.useCallback(async()=>{if(o.length!=0){N([]);return}if(c.searchBy!==void 0&&c.searchByStrings!==void 0&&c.searchByStrings.length===0){d(s.setUserList({userList:[],totalItems:0}));return}d(s.setLoading(!0));try{const n=await j.getRosterAllUserId(c);N(n.data||[])}catch(n){d(s.setAlert({type:"danger",message:n.response?.data?.title||n.message}))}d(s.setLoading(!1))},[d,c,o]),_=i.useCallback(async()=>{if(c.searchBy!==void 0&&c.searchByStrings!==void 0&&c.searchByStrings.length===0){d(s.setUserList({userList:[],totalItems:0}));return}d(s.setLoading(!0));try{const n=await j.getRosterUser(c),{items:y,totalItems:b}=n.data;for(const U of y)U.roles=U.roles.map(f=>f!=s.ROLES.EDUTEACHER?f:"EduTeacher");d(s.setUserList({userList:y,totalItems:b}))}catch(n){d(s.setAlert({type:"danger",message:n.response?.data?.title||n.message}))}d(s.setLoading(!1))},[d,c]),E=async()=>{d(s.setLoading(!0));try{const n=await j.syncRosterUsersApi();n.data?(d(s.setAlert({type:"success",message:`${n.data} user${n.data>1?"s have":" has"} been synchronized`})),_()):d(s.setAlert({type:"success",message:"Users synchronized"}))}catch(n){d(s.setAlert({type:"danger",message:n.response?.data?.title||n.message}))}d(s.setLoading(!1))},u=n=>{if(!n)return"";const y=[],{sourcedId:b,rosterUser:U}=n;if(b&&U&&y.push(b),U){const{givenName:f,middleName:v,familyName:h,email:T}=U,w=[];h&&w.push(h),v&&w.push(v),f&&w.push(f),y.push(w.join(" ")||""),y.push(T||"")}return y.join(" / ")};i.useEffect(()=>{document.title=ye},[]),i.useEffect(()=>{S({...c,searchString:C})},[C]),i.useEffect(()=>{_()},[JSON.stringify(c)]);const x=i.useCallback(n=>{d(s.setModal({isOpen:!0,type:"warning",message:p("do_you_want_to_remove_this_user"),onConfirm:async()=>{d(s.setLoading(!0));try{await j.remove(n),d(s.setAlert({type:"success",message:"Remove user successfully"})),c.currentPage!==1?S({currentPage:1}):_()}catch(y){d(s.setAlert({type:"danger",message:y.response?.data?.title||y.message}))}d(s.setLoading(!1))}}))},[JSON.stringify(c)]),R=n=>{const y=sessionStorage.getItem(s.IS_USER_SESSION_BROWSER),{token:b,id:U,firstName:f,lastName:v,roles:h,email:T,profileImageFileName:w}=n.data;y?sessionStorage.setItem(s.ACCESS_TOKEN,b):localStorage.setItem(s.ACCESS_TOKEN,b),h.includes("Admin")&&localStorage.setItem("ROLES","Admin"),localStorage.removeItem(s.NOTIFICATION_ALERT_KEY),d(s.setUser({id:U,firstName:f,lastName:v,roles:h,email:T,profileImageFileName:w})),B?e(ve):h.includes("Admin")?e(Se):h.includes("Teacher")||h.includes("Assistant")?e(se):h.includes("Student")?e(fe):h.includes("Parent")?e(xe):h.includes("EduTeacher")?e(Ce):(h.includes("Counselor")||h.includes("SecondaryTeacher"))&&e(se)},g=i.useCallback(async n=>{try{const b=(await j.switchAccountUser(n)).data;d(s.setModal({isOpen:!0,type:"warning",message:p("do_you_want_to_impersonate_this_user"),onConfirm:async()=>{d(s.setLoading(!0));try{const U={email:b.email,password:"default",accessToken:b.token,loginType:ue.LoginType.Impersonate},f=await s.logIn(U);localStorage.clear(),R(f)}catch(U){s.setAlert({type:"danger",message:U.response?.data?.title||U.message})}d(s.setLoading(!1))}}))}catch(y){d(s.setAlert({type:"danger",message:y.response?.data?.title||y.message}))}},[c]);return{userList:m,totalItems:r,filters:c,queryName:l,fullName:C,getData:_,removeData:x,changeFilters:S,reDirectDetailPage:n=>{const y=n?`${pe}/${n}`:ge;e(y)},switchUser:g,handleSyncRosterUsers:E,rosterUserInfo:u,userIds:o,onSelectAllUser:I,onSelectUser:L}},be={fontWeight:500},Ae={height:38,background:"#316cd9"},je=({text:e,onClick:a,className:l=""})=>t.jsxs(A.Button,{onClick:a,color:"primary",style:Ae,className:`d-flex align-items-center ${l} gap-2`,children:[t.jsx(s.FaSyncAlt,{}),t.jsx("span",{style:be,children:e})]});function _e(e){return s.GenIcon({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M21 3H5a1 1 0 0 0-1 1v2.59c0 .523.213 1.037.583 1.407L10 13.414V21a1.001 1.001 0 0 0 1.447.895l4-2c.339-.17.553-.516.553-.895v-5.586l5.417-5.417c.37-.37.583-.884.583-1.407V4a1 1 0 0 0-1-1zm-6.707 9.293A.996.996 0 0 0 14 13v5.382l-2 1V13a.996.996 0 0 0-.293-.707L6 6.59V5h14.001l.002 1.583-5.71 5.71z"}}]})(e)}function Ee(e){return s.GenIcon({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M19.023 16.977a35.13 35.13 0 0 1-1.367-1.384c-.372-.378-.596-.653-.596-.653l-2.8-1.337A6.962 6.962 0 0 0 16 9c0-3.859-3.14-7-7-7S2 5.141 2 9s3.14 7 7 7c1.763 0 3.37-.66 4.603-1.739l1.337 2.8s.275.224.653.596c.387.363.896.854 1.384 1.367l1.358 1.392.604.646 2.121-2.121-.646-.604c-.379-.372-.885-.866-1.391-1.36zM9 14c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5z"}}]})(e)}function Ie(e){return s.GenIcon({attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z",clipRule:"evenodd"}}]})(e)}const Ue=(e,a)=>{i.useEffect(()=>{function l(m){e.current&&!e.current.contains(m.target)&&a?.()}return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[e.current])},Le=e=>{const{isOpen:a,sortBy:l,filters:m,users:r,searchBy:c,defaultOptions:S,selectedOptions:C,searchKey:o,onChangeSearchKey:N,onOptionsChange:B,onSearch:d,onClose:p,onChangeFilters:L,getOption:I}=e,[_,E]=i.useState(),[u,x]=i.useState([]),R=i.useRef(null),g=i.useRef(null);Ue(R,p);const{t:O}=J.useTranslation(),n=i.useCallback(()=>{if(!a)return;const D=o?.trim?.()??"";c!=null&&!S&&d?.(D,c),c!=null&&S&&x(S.filter($=>$.label.toLowerCase().includes(D.toLowerCase())))},[c,o,JSON.stringify(S),a]),y=()=>{g.current&&clearTimeout(g.current),g.current=setTimeout(n,500)},b=D=>{const $=D.target.value;N($)},U=i.useCallback(()=>{B?.(_,c),p?.()},[JSON.stringify(_)]),f=i.useCallback(D=>{const $=D.target.value??"";let F=_??[],q=F.indexOf($);q>-1?F.splice(q,1):F=[...F,$],E(F==null?F:[...F])},[JSON.stringify(_)]),v=i.useCallback(D=>{const $=D.target.checked;E($?void 0:[])},[]),h=i.useCallback(()=>{L?.({...m,sortBy:l,isDescending:!0}),p?.()},[JSON.stringify(m),c]),T=i.useCallback(()=>{L?.({...m,sortBy:l,isDescending:!1}),p?.()},[JSON.stringify(m),c]),w=i.useMemo(()=>I?r.map(D=>I(D,O)):[],[JSON.stringify(r),JSON.stringify(I)]),W=m?.isDescending==!1&&m.sortBy===l,P=!!m?.isDescending&&m.sortBy===l;return i.useEffect(()=>{m?.searchBy!==c?E(void 0):E(C)},[JSON.stringify(C),m?.searchBy]),i.useEffect(()=>{x(S||[])},[JSON.stringify(S)]),i.useEffect(()=>{y()},[o,a]),{ref:R,options:w,inputRef:g,sOptions:_,isAscending:W,isDescending:P,filteredOptions:u,searchKey:o,handleSearch:n,handleApplyFilter:U,handleOptionSelected:f,handleOptionSelectedAll:v,handleSortDesc:h,handleSortAsc:T,handleChangeSearchKey:b}},Oe=e=>{const{defaultOptions:a,onClose:l,getOption:m}=e,{ref:r,inputRef:c,options:S,sOptions:C,isAscending:o,isDescending:N,filteredOptions:B,searchKey:d,handleChangeSearchKey:p,handleApplyFilter:L,handleOptionSelected:I,handleOptionSelectedAll:_,handleSortDesc:E,handleSortAsc:u}=Le(e);return t.jsx(A.Popover,{...e,hideArrow:!0,className:s.styles["popover-zindex"],children:t.jsx(A.PopoverBody,{className:"pb-3",children:t.jsxs("div",{ref:r,className:s.styles.popover,children:[t.jsxs("div",{className:`d-flex flex-column ${s.styles.popover__sort}`,children:[t.jsx(A.Label,{className:"font-weight-bold",children:"Sort"}),t.jsxs("div",{className:`px-1 ${s.styles.popover__sort__item} ${o&&s.styles["popover__sort__item--active"]}`,onClick:u,children:[t.jsx(G.AiOutlineSortAscending,{className:"mr-1"}),"Ascending"]}),t.jsxs("div",{className:`px-1 mt-1 ${s.styles.popover__sort__item} ${N&&s.styles["popover__sort__item--active"]}`,onClick:E,children:[t.jsx(G.AiOutlineSortDescending,{className:"mr-1"}),"Descending"]})]}),(typeof m<"u"||!!a)&&t.jsxs(i.Fragment,{children:[t.jsx("div",{className:"border border-top-1 border-bottom-0 mx-1 my-2"}),t.jsxs("div",{className:"d-flex flex-column",children:[t.jsx(A.Label,{className:"font-weight-bold",children:"Filter"}),t.jsxs("div",{className:`position-relative px-1 ${s.styles.popover__search}`,children:[t.jsx(Ee,{className:`position-absolute ${s.styles.popover__search__icon}`}),t.jsx(A.Input,{ref:c,className:s.styles.popover__search__input,value:d,onChange:p})]}),t.jsxs("div",{className:`mx-1 mt-2 p-2 bg-light ${s.styles.popover__options}`,children:[t.jsxs(A.FormGroup,{className:"d-flex align-items-center",check:!0,style:{gap:"8px"},children:[t.jsx(A.Input,{type:"checkbox",onChange:_,checked:C==null})," ",t.jsx(A.Label,{check:!0,children:"(Select all)"})]}),!!m&&!a&&S.map(x=>t.jsxs(A.FormGroup,{className:"d-flex align-items-center",check:!0,style:{gap:"8px"},children:[t.jsx(A.Input,{type:"checkbox",value:x.value,onChange:I,checked:C?.includes(x.value)||C==null})," ",t.jsx(A.Label,{check:!0,children:x.label})]},x.value)),!!a&&B.map(x=>t.jsxs(A.FormGroup,{className:"d-flex align-items-center",check:!0,style:{gap:"8px"},children:[t.jsx(A.Input,{type:"checkbox",value:x.value,onChange:I,checked:C?.includes(x.value)||C==null})," ",t.jsx(A.Label,{check:!0,children:x.label})]},x.value))]})]}),t.jsxs("div",{className:"d-flex justify-content-end mt-3",style:{gap:"8px"},children:[t.jsx(A.Button,{color:"primary",className:"mr-2",size:"sm",onClick:L,children:"Apply Filter"}),t.jsx(A.Button,{color:"secondary",size:"sm",onClick:l,children:"Cancel"})]})]})]})})})},Be=({data:e,popoverId:a,filters:l,searchString:m,users:r,selectedOptions:c,onOptionsChange:S,onSearch:C,onChangeFilters:o,onOpenFilter:N,onClose:B,isCenter:d,isActive:p=!1})=>{const{t:L}=J.useTranslation(),[I,_]=i.useState(""),E=i.useMemo(()=>e.sortBy!=null?j.userOrders[e.sortBy]:"",[e.sortBy]),u=i.useMemo(()=>a===E,[E,a]),x=()=>{N?.(E,e.searchBy,I,e.sortBy)},R=g=>{_(g)};return t.jsx("th",{className:e.className,children:E&&e.sortBy!==void 0?t.jsxs("div",{className:`w-100 d-flex ${d?"justify-content-center":"justify-content-between"} align-items-center ${s.styles["table-filter-icon"]}`,children:[L(e.name),t.jsxs("div",{className:"ml-2 p-1",id:E,onClick:x,style:{cursor:"pointer"},children:[e.sortBy!==void 0&&e.sortBy===l?.sortBy&&t.jsx("span",{children:l.isDescending?t.jsx(G.AiOutlineSortDescending,{}):t.jsx(G.AiOutlineSortAscending,{})}),l?.searchByStrings?.length&&e.searchBy===l?.searchBy?t.jsx(Ie,{color:p?"#007bff":"#242424"}):t.jsx(_e,{color:p?"#007bff":"#242424"})]}),t.jsx(Oe,{placement:"bottom-end",target:E,users:r,isOpen:u,filters:l,sortBy:e.sortBy,searchKey:I,searchBy:e.searchBy,searchString:m,defaultOptions:e.options,selectedOptions:c,onClose:B,onSearch:C,getOption:e.getOption,onChangeFilters:o,onOptionsChange:S,onChangeSearchKey:R})]}):L(e.name)})},we=e=>{const{filters:a,onChangeFilters:l,isStudentFilter:m,teacherOptions:r,assistantOptions:c,counselorOptions:S,secondaryTeacherOptions:C}=e,[o,N]=i.useState(),[B,d]=i.useState([]),[p,L]=i.useState({...j.DEFAULT_FILTER_POPOVER,isDescending:a.isDescending,searchString:a.searchString}),I=M.useDispatch(),_=ce.useLocation(),E=i.useCallback(async O=>{try{const y=(m?await j.getStudentFilter(p):await j.getFilterRosterUser({...p,byStudent:O})).data?.items||[];d(y)}catch(n){I(s.setAlert({type:"danger",message:n.response?.data?.title||n.message}))}},[JSON.stringify(p),m]),u=i.useCallback((O,n,y,b)=>{N(O),L({...p,searchBy:n,searchStringBy:y,isDescending:a.sortBy===b?a.isDescending:void 0,searchString:a.searchString})},[JSON.stringify(p),a.isDescending,a.searchString]),x=()=>{N("")},R=i.useCallback((O,n)=>{L({...p,searchBy:n,searchStringBy:O})},[JSON.stringify(p)]),g=i.useCallback((O,n)=>{n&&l?.({...a,[j.SearchBy[n]]:O})},[JSON.stringify(a)]);return i.useEffect(()=>{if(!_.pathname.includes("users/assign-student"))return;const O=y=>y.sort((b,U)=>b.localeCompare(U)),n=p.searchStringBy?.toLowerCase()||"";if(p.searchBy===j.SearchBy.Grade)d(j.GRADE);else{let y=[];switch(p.searchBy){case j.SearchBy.Name:E(!0);break;case j.SearchBy.Teacher:y=r?.map(v=>v.label).filter(Boolean)||[];break;case j.SearchBy.Assistant:y=c?.map(v=>v.label).filter(Boolean)||[];break;case j.SearchBy.Counselor:y=S?.map(v=>v.label).filter(Boolean)||[];break;case j.SearchBy.SecondaryTeacher:y=C?.map(v=>v.label).filter(Boolean)||[];break}const b=Array.from(new Set(y)),U=n?b.filter(v=>v.toLowerCase().includes(n)):b,f=O(U);d(f)}},[JSON.stringify(p),r,c,S,C,_.pathname]),i.useEffect(()=>{!(_.pathname.includes("users/assign-student")&&p.searchBy!==void 0)&&p.searchBy!==void 0&&E()},[JSON.stringify(p),_.pathname]),{popoverFilters:p,popoverId:o,users:B,handleFilterIcon:u,handleCloseFilter:x,handleSearch:R,handleChangeFilters:g}},oe=({headers:e,filters:a,onChangeFilters:l,isStudentFilter:m,teacherOptions:r=[],assistantOptions:c=[],counselorOptions:S=[],secondaryTeacherOptions:C=[]})=>{const{popoverId:o,users:N,handleFilterIcon:B,handleCloseFilter:d,handleSearch:p,handleChangeFilters:L}=we({filters:a,onChangeFilters:l,isStudentFilter:m,teacherOptions:r,assistantOptions:c,counselorOptions:S,secondaryTeacherOptions:C}),I=Object.entries(a).filter(([u,x])=>x!==""&&!(Array.isArray(x)&&x.length===0)&&x!==null&&x!==void 0).map(([u])=>u),_=Object.entries(j.SearchBy).filter(([u,x])=>isNaN(Number(u))),E=I.map(u=>_.find(([x])=>x===u)).filter(u=>!!u);return t.jsx("tr",{children:e.map(u=>u.onSelectAll?t.jsx("th",{className:`align-middle text-center ${u.className}`,children:t.jsx("input",{type:"checkbox",onChange:()=>u.onSelectAll?.(),checked:u.isCheckAll??!1})},u.name):t.jsx(Be,{users:N,data:u,isCenter:u.isCenter,filters:a,popoverId:o,selectedOptions:a.searchByStrings,onSearch:p,onClose:d,onOpenFilter:B,onChangeFilters:l,onOptionsChange:L,isActive:typeof u.searchBy=="number"&&E.some(([x,R])=>R===u.searchBy)},u.name))})},Re=()=>{const e=M.useDispatch(),a=M.useSelector(c=>c?.common?.user?.schoolName)||"",l=async c=>{e(s.setLoading(!0));try{const C=(await j.getRosterUserExport(c)).data,o=m(C),N=document.createElement("a");N.href=o,N.download=`${a}_Users_Report.csv`,N.click()}catch(S){e(s.setAlert({type:"danger",message:S.response?.data?.title||S.message}))}e(s.setLoading(!1))},m=c=>{let S=`First Name,Last Name,Email,Phone,Age,Grade,Role,Active Status,Create Time,Roster Sourced Id,Roster Status,Roster Family Name,Roster Middle Name,Roster Given Name,Roster Email,Roster Role,Roster Grades,Teachers,Assistants,Counselors,SupportTeachers,EduTeachers
+`;const C=c.map(o=>{const N=o.dateOfBirth!==s.DATE_MIN_VALUE?Z.differenceInCalendarYears(new Date,Z.parseISO(o.dateOfBirth)):"";return`${r(o.firstName)},${r(o.lastName)},${r(o.email)},${r(o.phoneNumber)},${N},${r(o.grade)},${r(o.roles.join(", ").replace("SecondaryTeacher","SupportTeacher"))},${o.isActive?"Active":"Inactive"},${s.formatLocalTime(o?.createTime,"yyyy-MM-dd HH:mm")},${r(o.sourcedId)},${r(o.rosterUser?.status)},${r(o.rosterUser?.familyName)},${r(o.rosterUser?.middleName)},${r(o.rosterUser?.givenName)},${r(o.rosterUser?.email)},${r(o.rosterUser?.role)},${r(o.rosterUser?.grades)},${r(o.teachers)},${r(o.assistants)},${r(o.counselors)},${r(o.supportTeachers)},${r(o.eduTeachers)}`}).join(`
+`);return`${j.CSV_PREFIX}${S}${encodeURIComponent(C)}`},r=c=>c?`"${c.replace(/"/g,'""').replaceAll(/\n/g," ")}"`:"";return{exportUsers:l}},ie=`${s.BASE_URL}/api/ImportCsv/csv`,V=`${s.BASE_URL}/api/Teacher`,De=(e,a)=>s.apiUpload.post(`${ie}/${a}`,e),te=e=>s.apiUpload.post(`${ie}/importClassReflection`,e),ke=(e,a)=>s.apiUpload.post(`${V}/adminImportStudentByTeacherId/${e}`,a),Te=e=>s.apiUpload.post(`${V}/adminImport`,e),$e=()=>s.api.get(`${V}/download-template-file-user`),Fe=(e,a)=>s.apiUpload.post(`${V}/validate-csv-template-student/${a}`,e);var le=(e=>(e.Students="students",e.Subjects="subjects",e.Grades="grades",e.Attendances="attendances",e.ClassReflection="classReflection",e.Others="others",e.AllUser="allUser",e))(le||{});const Y="csvupload",ne={teacherName:"",teacherEmail:"",studentIds:[],file:""},Me=()=>{const e=M.useDispatch(),a=M.useSelector(f=>f.common.isLoading),[l,m]=i.useState(null),[r,c]=i.useState(),[S,C]=i.useState([]),[o,N]=i.useState(ne),[B,d]=i.useState(),p=window.location.hostname,L=p.includes("isb")||p.includes("stage"),[I,_]=i.useState(0),[E,u]=i.useState(""),x=async()=>{e(s.setLoading(!0));try{const h=await $e();var f=new Blob([h.data.content],{type:"text/csv"});const T=window.URL.createObjectURL(f);var v=document.createElement("a");v.href=T,v.setAttribute("download",h.data.nameFile),v.click(),e(s.setAlert({type:"success",message:"Download successfully"}))}catch(h){e(s.setAlert({type:"danger",message:h.message}))}e(s.setLoading(!1))},R=i.useCallback(async f=>{if(!l||!f)return;e(s.setLoading(!0));try{const w=new FormData;if(w.append("file",f,f.name),l=="allUser"){let P=(await f.text()).trim();const D=P.split(`
+`).map(k=>k.trim()),$=D.findIndex(k=>k.split(",").includes("FirstName"));if($===0)throw new Error("Invalid CSV: Missing header row.");P=D.slice($).join(`
+`);const F=ee.parse(P,{header:!0,skipEmptyLines:!0}),q=F.meta.fields,X=F.data;if(!q)throw new Error("Unable to determine header from CSV file");const Q=20,z=[];for(let k=0;k<X.length;k+=Q){const K=X.slice(k,k+Q),H=ee.unparse({fields:q,data:K});z.push(H)}for(let k=0;k<z.length;k++){const K=new Blob([z[k]],{type:"text/csv"}),H=new FormData;H.append("file",K,`students_chunk${k+1}.csv`),await Te(H)}}else L?l=="classReflection"&&await te(w):await De(w,l.toString());e(s.setAlert({type:"success",message:"Import CSV successfully"}))}catch(w){e(s.setAlert({type:"danger",message:w.response?.data?.title||w.message}))}e(s.setLoading(!1));const v=document.getElementById(Y),h=document.getElementById("import-student"),T=document.getElementById("import-classReflection");v&&(v.value=""),h&&(h.value=""),T&&(T.value="")},[l]),g=async f=>{if(!I){e(s.setAlert({type:"danger",message:"Select teacher before import csv"}));return}if(!l||!f)return;e(s.setLoading(!0));try{const h=new FormData;h.append("file",f,f.name),await ke(I,h),e(s.setAlert({type:"success",message:"Import CSV successfully"}))}catch(h){e(s.setAlert({type:"danger",message:h.response?.data?.title||h.message}))}e(s.setLoading(!1));const v=document.getElementById("teacherSelector");v&&(v.value="")},O=async f=>{if(!r||!r)return;e(s.setLoading(!0));try{const h=new FormData;h.append("file",r,r.name),h.append("teacherName",f.teacherName),h.append("teacherEmail",f.teacherEmail),f.studentIds.forEach(T=>{h.append("studentIds",T)}),await te(h),e(s.setAlert({type:"success",message:"Import CSV successfully"})),N(ne)}catch(h){e(s.setAlert({type:"danger",message:h.response?.data?.title||h.message}))}e(s.setLoading(!1));const v=document.getElementById(Y);v&&(v.value="")},n=f=>{_(f.value)},y=f=>{d(f),u(f?.name||"")},b=()=>{if(!B){e(s.setAlert({type:"danger",message:"Select CSV to import"}));return}g(B)};return{isLoading:a,id:Y,setType:m,upload:R,initImportReflection:o,setInitImportReflection:N,onConfirm:O,CSVType:le,dataFile:r,setDataFile:c,setArrStudent:C,arrStudent:S,isCheckDomainIBS:L,onChangeTeacher:n,uploadByTeacherId:g,setDataFileImportStudent:y,onUpLoadStudentFile:b,defaultTeacher:I,fileName:E,onStudentSubmit:()=>{e(s.setModal({isOpen:!0,type:"warning",message:"Are you sure upload this file?",onConfirm:()=>{b()}}))},downloadTemplateUser:x}},Pe=()=>{const e=M.useDispatch(),a=async r=>{e(s.setLoading(!0));try{await j.postRequestResendMail(r),e(s.setAlert({type:"success",message:"Send Successfully"}))}catch(c){e(s.setAlert({type:"danger",message:c.response?.data?.title||c.message}))}e(s.setLoading(!1))};return{handleSendMultiUsers:r=>{a({userIds:[...r]})},handleSendSingleUser:r=>{a({userIds:[r]})}}},ae={fontWeight:500},re={height:38,backgroundColor:"#2eb85c",borderColor:"#2eb85c"},qe="user",de=()=>{const{queryName:e,userList:a,totalItems:l,filters:m,fullName:r,removeData:c,changeFilters:S,reDirectDetailPage:C,switchUser:o,handleSyncRosterUsers:N,rosterUserInfo:B,onSelectUser:d,userIds:p,onSelectAllUser:L}=Ne(),{handleSendMultiUsers:I}=Pe(),{upload:_}=Me(),{exportUsers:E}=Re(),{t:u}=J.useTranslation(),x=()=>E(m),R=[{name:"",isCenter:!0,onSelectAll:()=>{L()},isCheckAll:p.length==l&&l!=0}].concat(j.UserColumns);return t.jsxs("div",{className:`fadeIn animated h-100  ${s.screenWidth<=767?s.styles["p-0-12"]:""}`,children:[t.jsx("h5",{className:"mt-4 mb-2",children:u(`${qe}`)}),t.jsxs(A.Row,{className:"my-2",children:[t.jsx(A.Col,{md:8,children:t.jsx(s.SearchBoxContainer,{text:u("create_user"),onClick:()=>C(),initValue:e||"",onSearch:g=>S({searchString:g}),placeholder:u("type_something_to_search_by_user_name")})}),t.jsxs(A.Col,{md:4,className:"d-flex justify-content-end align-items-center",children:[u("total_of_users")," : ",l]}),t.jsxs(A.Col,{md:12,className:"d-flex justify-content-end my-2",style:{gap:"8px"},children:[t.jsx("button",{className:"btn btn-success d-flex align-items-center border-0",style:re,onClick:()=>I(p),children:t.jsx("p",{className:`${s.styles["button-content"]} mb-0`,style:ae,children:u("welcome_email_resend")})}),t.jsx(A.Input,{id:"import-user",className:"d-none",type:"file",onChange:g=>_(g.target.files[0]),accept:"text/csv"}),t.jsx(je,{text:u("sync_roster_users"),onClick:N}),t.jsxs("button",{className:"btn btn-success d-flex align-items-center border-0 p-0",style:re,onClick:x,children:[t.jsx("div",{className:`${s.styles["button-icon"]}`,children:t.jsx("img",{src:"images/export-icon.svg",alt:""})}),t.jsx("p",{className:`${s.styles["button-content"]} mb-0`,style:ae,children:u("export_to_csv")})]})]})]}),t.jsxs(A.Row,{className:"mb-2",children:[t.jsx(A.Col,{md:12,children:t.jsx("div",{style:{overflow:"auto"},children:t.jsxs(A.Table,{bordered:!0,hover:!0,striped:!0,size:"sm",children:[t.jsx("thead",{children:t.jsx(oe,{headers:R,filters:m,fullName:r,onChangeFilters:S})}),t.jsxs("tbody",{children:[a&&a.length>0&&a.map(g=>t.jsxs("tr",{children:[t.jsx("td",{className:"align-middle",children:t.jsx("input",{type:"checkbox",onChange:()=>d(g.id),checked:p.includes(g.id)??!1})}),t.jsx("td",{className:"align-middle",children:t.jsx(s.LinkEditButton,{label:`${g.fullName}`,onClick:()=>C(g.id)})}),t.jsx("td",{className:"align-middle",children:g.email}),t.jsx("td",{className:"align-middle",children:g.dateOfBirth!==s.DATE_MIN_VALUE&&me(new Date,new Date(g.dateOfBirth))}),t.jsx("td",{className:"align-middle",children:!!g.roles&&g.roles.map(O=>O==="SecondaryTeacher"?"SupportTeacher":O).join(", ")}),t.jsx("td",{className:"align-middle",children:g.isActive?u("active"):u("inactive")}),t.jsx("td",{className:"align-middle",children:s.formatLocalTime(g?.createTime,"yyyy-MM-dd HH:mm")}),t.jsx("td",{children:B(g)}),t.jsx("td",{className:"align-middle",children:t.jsx(s.FaUsersCog,{style:{fontSize:"18px",margin:"0 10px",cursor:"pointer"},onClick:()=>o(g.id)})}),t.jsx("td",{className:"align-middle",style:{padding:"0 15px"},children:t.jsx(s.DeleteButtonIcon,{onClick:()=>c(g.id)})})]},g.id)),(!a||!a.length)&&t.jsx("tr",{children:t.jsx("td",{colSpan:12,className:"p-0",children:t.jsx(s.EmptyDataAlert,{className:"mb-0",label:u("user")})})})]})]})})}),t.jsx(A.Col,{md:12,children:t.jsx(s.CustomPagination,{filters:m,totalRecordCount:l,changePageSize:g=>S({pageSize:g}),changePage:g=>S({currentPage:g})})})]})]})},He=Object.freeze(Object.defineProperty({__proto__:null,default:de},Symbol.toStringTag,{value:"Module"}));exports.TableHeader=oe;exports.UserList=de;exports.UserList$1=He;exports.validateCsvApi=Fe;

package/dist/UserList-DGX1gVn-.js

@@ -0,0 +1,5 @@
+"use strict";const t=require("react/jsx-runtime"),A=require("reactstrap"),j=require("./constants-Dk81SvKq.js"),J=require("react-i18next"),i=require("react"),M=require("react-redux"),ce=require("react-router-dom"),s=require("./index-Cmo6_CCl.js"),ue=require("./types-CTFcZUFS.js"),G=require("./index.esm-DMTAvOCa.js"),Z=require("date-fns"),ee=require("papaparse");function me(e,a){j.requiredArgs(2,arguments);var l=j.toDate(e),m=j.toDate(a);return l.getFullYear()-m.getFullYear()}const he=()=>{const[e,a]=i.useState(j.DEFAULT_FILTER);return{filters:e,setFilters:a,changeFilters:m=>{const r={...e,...m};r.searchString&&m.searchString&&m.searchString!=e.searchString&&(r.currentPage=1),a(r)}}},pe="/admin/user",ge="/admin/create-user",ye="User list",se="/home",fe="/home",Se="/admin/home",xe="/parent",ve="/admin/schools",Ce="/list-student",Ne=()=>{const e=ce.useNavigate(),l=new URLSearchParams(location.search).get("query"),m=M.useSelector(n=>n.users.userList),r=M.useSelector(n=>n.users.totalItems),{filters:c,changeFilters:S}=he(),C=l||"",[o,N]=i.useState([]),B=window.location.host.includes("-district"),d=M.useDispatch(),{t:p}=J.useTranslation(),L=n=>{const y=o.find(b=>b==n);N(y?o.filter(b=>b!=n):o.concat([n]))},I=i.useCallback(async()=>{if(o.length!=0){N([]);return}if(c.searchBy!==void 0&&c.searchByStrings!==void 0&&c.searchByStrings.length===0){d(s.setUserList({userList:[],totalItems:0}));return}d(s.setLoading(!0));try{const n=await j.getRosterAllUserId(c);N(n.data||[])}catch(n){d(s.setAlert({type:"danger",message:n.response?.data?.title||n.message}))}d(s.setLoading(!1))},[d,c,o]),_=i.useCallback(async()=>{if(c.searchBy!==void 0&&c.searchByStrings!==void 0&&c.searchByStrings.length===0){d(s.setUserList({userList:[],totalItems:0}));return}d(s.setLoading(!0));try{const n=await j.getRosterUser(c),{items:y,totalItems:b}=n.data;for(const U of y)U.roles=U.roles.map(f=>f!=s.ROLES.EDUTEACHER?f:"EduTeacher");d(s.setUserList({userList:y,totalItems:b}))}catch(n){d(s.setAlert({type:"danger",message:n.response?.data?.title||n.message}))}d(s.setLoading(!1))},[d,c]),E=async()=>{d(s.setLoading(!0));try{const n=await j.syncRosterUsersApi();n.data?(d(s.setAlert({type:"success",message:`${n.data} user${n.data>1?"s have":" has"} been synchronized`})),_()):d(s.setAlert({type:"success",message:"Users synchronized"}))}catch(n){d(s.setAlert({type:"danger",message:n.response?.data?.title||n.message}))}d(s.setLoading(!1))},u=n=>{if(!n)return"";const y=[],{sourcedId:b,rosterUser:U}=n;if(b&&U&&y.push(b),U){const{givenName:f,middleName:v,familyName:h,email:T}=U,w=[];h&&w.push(h),v&&w.push(v),f&&w.push(f),y.push(w.join(" ")||""),y.push(T||"")}return y.join(" / ")};i.useEffect(()=>{document.title=ye},[]),i.useEffect(()=>{S({...c,searchString:C})},[C]),i.useEffect(()=>{_()},[JSON.stringify(c)]);const x=i.useCallback(n=>{d(s.setModal({isOpen:!0,type:"warning",message:p("do_you_want_to_remove_this_user"),onConfirm:async()=>{d(s.setLoading(!0));try{await j.remove(n),d(s.setAlert({type:"success",message:"Remove user successfully"})),c.currentPage!==1?S({currentPage:1}):_()}catch(y){d(s.setAlert({type:"danger",message:y.response?.data?.title||y.message}))}d(s.setLoading(!1))}}))},[JSON.stringify(c)]),R=n=>{const y=sessionStorage.getItem(s.IS_USER_SESSION_BROWSER),{token:b,id:U,firstName:f,lastName:v,roles:h,email:T,profileImageFileName:w}=n.data;y?sessionStorage.setItem(s.ACCESS_TOKEN,b):localStorage.setItem(s.ACCESS_TOKEN,b),h.includes("Admin")&&localStorage.setItem("ROLES","Admin"),localStorage.removeItem(s.NOTIFICATION_ALERT_KEY),d(s.setUser({id:U,firstName:f,lastName:v,roles:h,email:T,profileImageFileName:w})),B?e(ve):h.includes("Admin")?e(Se):h.includes("Teacher")||h.includes("Assistant")?e(se):h.includes("Student")?e(fe):h.includes("Parent")?e(xe):h.includes("EduTeacher")?e(Ce):(h.includes("Counselor")||h.includes("SecondaryTeacher"))&&e(se)},g=i.useCallback(async n=>{try{const b=(await j.switchAccountUser(n)).data;d(s.setModal({isOpen:!0,type:"warning",message:p("do_you_want_to_impersonate_this_user"),onConfirm:async()=>{d(s.setLoading(!0));try{const U={email:b.email,password:"default",accessToken:b.token,loginType:ue.LoginType.Impersonate},f=await s.logIn(U);localStorage.clear(),R(f)}catch(U){s.setAlert({type:"danger",message:U.response?.data?.title||U.message})}d(s.setLoading(!1))}}))}catch(y){d(s.setAlert({type:"danger",message:y.response?.data?.title||y.message}))}},[c]);return{userList:m,totalItems:r,filters:c,queryName:l,fullName:C,getData:_,removeData:x,changeFilters:S,reDirectDetailPage:n=>{const y=n?`${pe}/${n}`:ge;e(y)},switchUser:g,handleSyncRosterUsers:E,rosterUserInfo:u,userIds:o,onSelectAllUser:I,onSelectUser:L}},be={fontWeight:500},Ae={height:38,background:"#316cd9"},je=({text:e,onClick:a,className:l=""})=>t.jsxs(A.Button,{onClick:a,color:"primary",style:Ae,className:`d-flex align-items-center ${l} gap-2`,children:[t.jsx(s.FaSyncAlt,{}),t.jsx("span",{style:be,children:e})]});function _e(e){return s.GenIcon({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M21 3H5a1 1 0 0 0-1 1v2.59c0 .523.213 1.037.583 1.407L10 13.414V21a1.001 1.001 0 0 0 1.447.895l4-2c.339-.17.553-.516.553-.895v-5.586l5.417-5.417c.37-.37.583-.884.583-1.407V4a1 1 0 0 0-1-1zm-6.707 9.293A.996.996 0 0 0 14 13v5.382l-2 1V13a.996.996 0 0 0-.293-.707L6 6.59V5h14.001l.002 1.583-5.71 5.71z"}}]})(e)}function Ee(e){return s.GenIcon({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M19.023 16.977a35.13 35.13 0 0 1-1.367-1.384c-.372-.378-.596-.653-.596-.653l-2.8-1.337A6.962 6.962 0 0 0 16 9c0-3.859-3.14-7-7-7S2 5.141 2 9s3.14 7 7 7c1.763 0 3.37-.66 4.603-1.739l1.337 2.8s.275.224.653.596c.387.363.896.854 1.384 1.367l1.358 1.392.604.646 2.121-2.121-.646-.604c-.379-.372-.885-.866-1.391-1.36zM9 14c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5z"}}]})(e)}function Ie(e){return s.GenIcon({attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z",clipRule:"evenodd"}}]})(e)}const Ue=(e,a)=>{i.useEffect(()=>{function l(m){e.current&&!e.current.contains(m.target)&&a?.()}return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[e.current])},Le=e=>{const{isOpen:a,sortBy:l,filters:m,users:r,searchBy:c,defaultOptions:S,selectedOptions:C,searchKey:o,onChangeSearchKey:N,onOptionsChange:B,onSearch:d,onClose:p,onChangeFilters:L,getOption:I}=e,[_,E]=i.useState(),[u,x]=i.useState([]),R=i.useRef(null),g=i.useRef(null);Ue(R,p);const{t:O}=J.useTranslation(),n=i.useCallback(()=>{if(!a)return;const D=o?.trim?.()??"";c!=null&&!S&&d?.(D,c),c!=null&&S&&x(S.filter($=>$.label.toLowerCase().includes(D.toLowerCase())))},[c,o,JSON.stringify(S),a]),y=()=>{g.current&&clearTimeout(g.current),g.current=setTimeout(n,500)},b=D=>{const $=D.target.value;N($)},U=i.useCallback(()=>{B?.(_,c),p?.()},[JSON.stringify(_)]),f=i.useCallback(D=>{const $=D.target.value??"";let F=_??[],q=F.indexOf($);q>-1?F.splice(q,1):F=[...F,$],E(F==null?F:[...F])},[JSON.stringify(_)]),v=i.useCallback(D=>{const $=D.target.checked;E($?void 0:[])},[]),h=i.useCallback(()=>{L?.({...m,sortBy:l,isDescending:!0}),p?.()},[JSON.stringify(m),c]),T=i.useCallback(()=>{L?.({...m,sortBy:l,isDescending:!1}),p?.()},[JSON.stringify(m),c]),w=i.useMemo(()=>I?r.map(D=>I(D,O)):[],[JSON.stringify(r),JSON.stringify(I)]),W=m?.isDescending==!1&&m.sortBy===l,P=!!m?.isDescending&&m.sortBy===l;return i.useEffect(()=>{m?.searchBy!==c?E(void 0):E(C)},[JSON.stringify(C),m?.searchBy]),i.useEffect(()=>{x(S||[])},[JSON.stringify(S)]),i.useEffect(()=>{y()},[o,a]),{ref:R,options:w,inputRef:g,sOptions:_,isAscending:W,isDescending:P,filteredOptions:u,searchKey:o,handleSearch:n,handleApplyFilter:U,handleOptionSelected:f,handleOptionSelectedAll:v,handleSortDesc:h,handleSortAsc:T,handleChangeSearchKey:b}},Oe=e=>{const{defaultOptions:a,onClose:l,getOption:m}=e,{ref:r,inputRef:c,options:S,sOptions:C,isAscending:o,isDescending:N,filteredOptions:B,searchKey:d,handleChangeSearchKey:p,handleApplyFilter:L,handleOptionSelected:I,handleOptionSelectedAll:_,handleSortDesc:E,handleSortAsc:u}=Le(e);return t.jsx(A.Popover,{...e,hideArrow:!0,className:s.styles["popover-zindex"],children:t.jsx(A.PopoverBody,{className:"pb-3",children:t.jsxs("div",{ref:r,className:s.styles.popover,children:[t.jsxs("div",{className:`d-flex flex-column ${s.styles.popover__sort}`,children:[t.jsx(A.Label,{className:"font-weight-bold",children:"Sort"}),t.jsxs("div",{className:`px-1 ${s.styles.popover__sort__item} ${o&&s.styles["popover__sort__item--active"]}`,onClick:u,children:[t.jsx(G.AiOutlineSortAscending,{className:"mr-1"}),"Ascending"]}),t.jsxs("div",{className:`px-1 mt-1 ${s.styles.popover__sort__item} ${N&&s.styles["popover__sort__item--active"]}`,onClick:E,children:[t.jsx(G.AiOutlineSortDescending,{className:"mr-1"}),"Descending"]})]}),(typeof m<"u"||!!a)&&t.jsxs(i.Fragment,{children:[t.jsx("div",{className:"border border-top-1 border-bottom-0 mx-1 my-2"}),t.jsxs("div",{className:"d-flex flex-column",children:[t.jsx(A.Label,{className:"font-weight-bold",children:"Filter"}),t.jsxs("div",{className:`position-relative px-1 ${s.styles.popover__search}`,children:[t.jsx(Ee,{className:`position-absolute ${s.styles.popover__search__icon}`}),t.jsx(A.Input,{ref:c,className:s.styles.popover__search__input,value:d,onChange:p})]}),t.jsxs("div",{className:`mx-1 mt-2 p-2 bg-light ${s.styles.popover__options}`,children:[t.jsxs(A.FormGroup,{className:"d-flex align-items-center",check:!0,style:{gap:"8px"},children:[t.jsx(A.Input,{type:"checkbox",onChange:_,checked:C==null})," ",t.jsx(A.Label,{check:!0,children:"(Select all)"})]}),!!m&&!a&&S.map(x=>t.jsxs(A.FormGroup,{className:"d-flex align-items-center",check:!0,style:{gap:"8px"},children:[t.jsx(A.Input,{type:"checkbox",value:x.value,onChange:I,checked:C?.includes(x.value)||C==null})," ",t.jsx(A.Label,{check:!0,children:x.label})]},x.value)),!!a&&B.map(x=>t.jsxs(A.FormGroup,{className:"d-flex align-items-center",check:!0,style:{gap:"8px"},children:[t.jsx(A.Input,{type:"checkbox",value:x.value,onChange:I,checked:C?.includes(x.value)||C==null})," ",t.jsx(A.Label,{check:!0,children:x.label})]},x.value))]})]}),t.jsxs("div",{className:"d-flex justify-content-end mt-3",style:{gap:"8px"},children:[t.jsx(A.Button,{color:"primary",className:"mr-2",size:"sm",onClick:L,children:"Apply Filter"}),t.jsx(A.Button,{color:"secondary",size:"sm",onClick:l,children:"Cancel"})]})]})]})})})},Be=({data:e,popoverId:a,filters:l,searchString:m,users:r,selectedOptions:c,onOptionsChange:S,onSearch:C,onChangeFilters:o,onOpenFilter:N,onClose:B,isCenter:d,isActive:p=!1})=>{const{t:L}=J.useTranslation(),[I,_]=i.useState(""),E=i.useMemo(()=>e.sortBy!=null?j.userOrders[e.sortBy]:"",[e.sortBy]),u=i.useMemo(()=>a===E,[E,a]),x=()=>{N?.(E,e.searchBy,I,e.sortBy)},R=g=>{_(g)};return t.jsx("th",{className:e.className,children:E&&e.sortBy!==void 0?t.jsxs("div",{className:`w-100 d-flex ${d?"justify-content-center":"justify-content-between"} align-items-center ${s.styles["table-filter-icon"]}`,children:[L(e.name),t.jsxs("div",{className:"ml-2 p-1",id:E,onClick:x,style:{cursor:"pointer"},children:[e.sortBy!==void 0&&e.sortBy===l?.sortBy&&t.jsx("span",{children:l.isDescending?t.jsx(G.AiOutlineSortDescending,{}):t.jsx(G.AiOutlineSortAscending,{})}),l?.searchByStrings?.length&&e.searchBy===l?.searchBy?t.jsx(Ie,{color:p?"#007bff":"#242424"}):t.jsx(_e,{color:p?"#007bff":"#242424"})]}),t.jsx(Oe,{placement:"bottom-end",target:E,users:r,isOpen:u,filters:l,sortBy:e.sortBy,searchKey:I,searchBy:e.searchBy,searchString:m,defaultOptions:e.options,selectedOptions:c,onClose:B,onSearch:C,getOption:e.getOption,onChangeFilters:o,onOptionsChange:S,onChangeSearchKey:R})]}):L(e.name)})},we=e=>{const{filters:a,onChangeFilters:l,isStudentFilter:m,teacherOptions:r,assistantOptions:c,counselorOptions:S,secondaryTeacherOptions:C}=e,[o,N]=i.useState(),[B,d]=i.useState([]),[p,L]=i.useState({...j.DEFAULT_FILTER_POPOVER,isDescending:a.isDescending,searchString:a.searchString}),I=M.useDispatch(),_=ce.useLocation(),E=i.useCallback(async O=>{try{const y=(m?await j.getStudentFilter(p):await j.getFilterRosterUser({...p,byStudent:O})).data?.items||[];d(y)}catch(n){I(s.setAlert({type:"danger",message:n.response?.data?.title||n.message}))}},[JSON.stringify(p),m]),u=i.useCallback((O,n,y,b)=>{N(O),L({...p,searchBy:n,searchStringBy:y,isDescending:a.sortBy===b?a.isDescending:void 0,searchString:a.searchString})},[JSON.stringify(p),a.isDescending,a.searchString]),x=()=>{N("")},R=i.useCallback((O,n)=>{L({...p,searchBy:n,searchStringBy:O})},[JSON.stringify(p)]),g=i.useCallback((O,n)=>{n&&l?.({...a,[j.SearchBy[n]]:O})},[JSON.stringify(a)]);return i.useEffect(()=>{if(!_.pathname.includes("users/assign-student"))return;const O=y=>y.sort((b,U)=>b.localeCompare(U)),n=p.searchStringBy?.toLowerCase()||"";if(p.searchBy===j.SearchBy.Grade)d(j.GRADE);else{let y=[];switch(p.searchBy){case j.SearchBy.Name:E(!0);break;case j.SearchBy.Teacher:y=r?.map(v=>v.label).filter(Boolean)||[];break;case j.SearchBy.Assistant:y=c?.map(v=>v.label).filter(Boolean)||[];break;case j.SearchBy.Counselor:y=S?.map(v=>v.label).filter(Boolean)||[];break;case j.SearchBy.SecondaryTeacher:y=C?.map(v=>v.label).filter(Boolean)||[];break}const b=Array.from(new Set(y)),U=n?b.filter(v=>v.toLowerCase().includes(n)):b,f=O(U);d(f)}},[JSON.stringify(p),r,c,S,C,_.pathname]),i.useEffect(()=>{!(_.pathname.includes("users/assign-student")&&p.searchBy!==void 0)&&p.searchBy!==void 0&&E()},[JSON.stringify(p),_.pathname]),{popoverFilters:p,popoverId:o,users:B,handleFilterIcon:u,handleCloseFilter:x,handleSearch:R,handleChangeFilters:g}},oe=({headers:e,filters:a,onChangeFilters:l,isStudentFilter:m,teacherOptions:r=[],assistantOptions:c=[],counselorOptions:S=[],secondaryTeacherOptions:C=[]})=>{const{popoverId:o,users:N,handleFilterIcon:B,handleCloseFilter:d,handleSearch:p,handleChangeFilters:L}=we({filters:a,onChangeFilters:l,isStudentFilter:m,teacherOptions:r,assistantOptions:c,counselorOptions:S,secondaryTeacherOptions:C}),I=Object.entries(a).filter(([u,x])=>x!==""&&!(Array.isArray(x)&&x.length===0)&&x!==null&&x!==void 0).map(([u])=>u),_=Object.entries(j.SearchBy).filter(([u,x])=>isNaN(Number(u))),E=I.map(u=>_.find(([x])=>x===u)).filter(u=>!!u);return t.jsx("tr",{children:e.map(u=>u.onSelectAll?t.jsx("th",{className:`align-middle text-center ${u.className}`,children:t.jsx("input",{type:"checkbox",onChange:()=>u.onSelectAll?.(),checked:u.isCheckAll??!1})},u.name):t.jsx(Be,{users:N,data:u,isCenter:u.isCenter,filters:a,popoverId:o,selectedOptions:a.searchByStrings,onSearch:p,onClose:d,onOpenFilter:B,onChangeFilters:l,onOptionsChange:L,isActive:typeof u.searchBy=="number"&&E.some(([x,R])=>R===u.searchBy)},u.name))})},Re=()=>{const e=M.useDispatch(),a=M.useSelector(c=>c?.common?.user?.schoolName)||"",l=async c=>{e(s.setLoading(!0));try{const C=(await j.getRosterUserExport(c)).data,o=m(C),N=document.createElement("a");N.href=o,N.download=`${a}_Users_Report.csv`,N.click()}catch(S){e(s.setAlert({type:"danger",message:S.response?.data?.title||S.message}))}e(s.setLoading(!1))},m=c=>{let S=`First Name,Last Name,Email,Phone,Age,Grade,Role,Active Status,Create Time,Roster Sourced Id,Roster Status,Roster Family Name,Roster Middle Name,Roster Given Name,Roster Email,Roster Role,Roster Grades,Teachers,Assistants,Counselors,SupportTeachers,EduTeachers
+`;const C=c.map(o=>{const N=o.dateOfBirth!==s.DATE_MIN_VALUE?Z.differenceInCalendarYears(new Date,Z.parseISO(o.dateOfBirth)):"";return`${r(o.firstName)},${r(o.lastName)},${r(o.email)},${r(o.phoneNumber)},${N},${r(o.grade)},${r(o.roles.join(", ").replace("SecondaryTeacher","SupportTeacher"))},${o.isActive?"Active":"Inactive"},${s.formatLocalTime(o?.createTime,"yyyy-MM-dd HH:mm")},${r(o.sourcedId)},${r(o.rosterUser?.status)},${r(o.rosterUser?.familyName)},${r(o.rosterUser?.middleName)},${r(o.rosterUser?.givenName)},${r(o.rosterUser?.email)},${r(o.rosterUser?.role)},${r(o.rosterUser?.grades)},${r(o.teachers)},${r(o.assistants)},${r(o.counselors)},${r(o.supportTeachers)},${r(o.eduTeachers)}`}).join(`
+`);return`${j.CSV_PREFIX}${S}${encodeURIComponent(C)}`},r=c=>c?`"${c.replace(/"/g,'""').replaceAll(/\n/g," ")}"`:"";return{exportUsers:l}},ie=`${s.BASE_URL}/api/ImportCsv/csv`,V=`${s.BASE_URL}/api/Teacher`,De=(e,a)=>s.apiUpload.post(`${ie}/${a}`,e),te=e=>s.apiUpload.post(`${ie}/importClassReflection`,e),ke=(e,a)=>s.apiUpload.post(`${V}/adminImportStudentByTeacherId/${e}`,a),Te=e=>s.apiUpload.post(`${V}/adminImport`,e),$e=()=>s.api.get(`${V}/download-template-file-user`),Fe=(e,a)=>s.apiUpload.post(`${V}/validate-csv-template-student/${a}`,e);var le=(e=>(e.Students="students",e.Subjects="subjects",e.Grades="grades",e.Attendances="attendances",e.ClassReflection="classReflection",e.Others="others",e.AllUser="allUser",e))(le||{});const Y="csvupload",ne={teacherName:"",teacherEmail:"",studentIds:[],file:""},Me=()=>{const e=M.useDispatch(),a=M.useSelector(f=>f.common.isLoading),[l,m]=i.useState(null),[r,c]=i.useState(),[S,C]=i.useState([]),[o,N]=i.useState(ne),[B,d]=i.useState(),p=window.location.hostname,L=p.includes("isb")||p.includes("stage"),[I,_]=i.useState(0),[E,u]=i.useState(""),x=async()=>{e(s.setLoading(!0));try{const h=await $e();var f=new Blob([h.data.content],{type:"text/csv"});const T=window.URL.createObjectURL(f);var v=document.createElement("a");v.href=T,v.setAttribute("download",h.data.nameFile),v.click(),e(s.setAlert({type:"success",message:"Download successfully"}))}catch(h){e(s.setAlert({type:"danger",message:h.message}))}e(s.setLoading(!1))},R=i.useCallback(async f=>{if(!l||!f)return;e(s.setLoading(!0));try{const w=new FormData;if(w.append("file",f,f.name),l=="allUser"){let P=(await f.text()).trim();const D=P.split(`
+`).map(k=>k.trim()),$=D.findIndex(k=>k.split(",").includes("FirstName"));if($===0)throw new Error("Invalid CSV: Missing header row.");P=D.slice($).join(`
+`);const F=ee.parse(P,{header:!0,skipEmptyLines:!0}),q=F.meta.fields,X=F.data;if(!q)throw new Error("Unable to determine header from CSV file");const Q=20,z=[];for(let k=0;k<X.length;k+=Q){const K=X.slice(k,k+Q),H=ee.unparse({fields:q,data:K});z.push(H)}for(let k=0;k<z.length;k++){const K=new Blob([z[k]],{type:"text/csv"}),H=new FormData;H.append("file",K,`students_chunk${k+1}.csv`),await Te(H)}}else L?l=="classReflection"&&await te(w):await De(w,l.toString());e(s.setAlert({type:"success",message:"Import CSV successfully"}))}catch(w){e(s.setAlert({type:"danger",message:w.response?.data?.title||w.message}))}e(s.setLoading(!1));const v=document.getElementById(Y),h=document.getElementById("import-student"),T=document.getElementById("import-classReflection");v&&(v.value=""),h&&(h.value=""),T&&(T.value="")},[l]),g=async f=>{if(!I){e(s.setAlert({type:"danger",message:"Select teacher before import csv"}));return}if(!l||!f)return;e(s.setLoading(!0));try{const h=new FormData;h.append("file",f,f.name),await ke(I,h),e(s.setAlert({type:"success",message:"Import CSV successfully"}))}catch(h){e(s.setAlert({type:"danger",message:h.response?.data?.title||h.message}))}e(s.setLoading(!1));const v=document.getElementById("teacherSelector");v&&(v.value="")},O=async f=>{if(!r||!r)return;e(s.setLoading(!0));try{const h=new FormData;h.append("file",r,r.name),h.append("teacherName",f.teacherName),h.append("teacherEmail",f.teacherEmail),f.studentIds.forEach(T=>{h.append("studentIds",T)}),await te(h),e(s.setAlert({type:"success",message:"Import CSV successfully"})),N(ne)}catch(h){e(s.setAlert({type:"danger",message:h.response?.data?.title||h.message}))}e(s.setLoading(!1));const v=document.getElementById(Y);v&&(v.value="")},n=f=>{_(f.value)},y=f=>{d(f),u(f?.name||"")},b=()=>{if(!B){e(s.setAlert({type:"danger",message:"Select CSV to import"}));return}g(B)};return{isLoading:a,id:Y,setType:m,upload:R,initImportReflection:o,setInitImportReflection:N,onConfirm:O,CSVType:le,dataFile:r,setDataFile:c,setArrStudent:C,arrStudent:S,isCheckDomainIBS:L,onChangeTeacher:n,uploadByTeacherId:g,setDataFileImportStudent:y,onUpLoadStudentFile:b,defaultTeacher:I,fileName:E,onStudentSubmit:()=>{e(s.setModal({isOpen:!0,type:"warning",message:"Are you sure upload this file?",onConfirm:()=>{b()}}))},downloadTemplateUser:x}},Pe=()=>{const e=M.useDispatch(),a=async r=>{e(s.setLoading(!0));try{await j.postRequestResendMail(r),e(s.setAlert({type:"success",message:"Send Successfully"}))}catch(c){e(s.setAlert({type:"danger",message:c.response?.data?.title||c.message}))}e(s.setLoading(!1))};return{handleSendMultiUsers:r=>{a({userIds:[...r]})},handleSendSingleUser:r=>{a({userIds:[r]})}}},ae={fontWeight:500},re={height:38,backgroundColor:"#2eb85c",borderColor:"#2eb85c"},qe="user",de=()=>{const{queryName:e,userList:a,totalItems:l,filters:m,fullName:r,removeData:c,changeFilters:S,reDirectDetailPage:C,switchUser:o,handleSyncRosterUsers:N,rosterUserInfo:B,onSelectUser:d,userIds:p,onSelectAllUser:L}=Ne(),{handleSendMultiUsers:I}=Pe(),{upload:_}=Me(),{exportUsers:E}=Re(),{t:u}=J.useTranslation(),x=()=>E(m),R=[{name:"",isCenter:!0,onSelectAll:()=>{L()},isCheckAll:p.length==l&&l!=0}].concat(j.UserColumns);return t.jsxs("div",{className:`fadeIn animated h-100  ${s.screenWidth<=767?s.styles["p-0-12"]:""}`,children:[t.jsx("h5",{className:"mt-4 mb-2",children:u(`${qe}`)}),t.jsxs(A.Row,{className:"my-2",children:[t.jsx(A.Col,{md:8,children:t.jsx(s.SearchBoxContainer,{text:u("create_user"),onClick:()=>C(),initValue:e||"",onSearch:g=>S({searchString:g}),placeholder:u("type_something_to_search_by_user_name")})}),t.jsxs(A.Col,{md:4,className:"d-flex justify-content-end align-items-center",children:[u("total_of_users")," : ",l]}),t.jsxs(A.Col,{md:12,className:"d-flex justify-content-end my-2",style:{gap:"8px"},children:[t.jsx("button",{className:"btn btn-success d-flex align-items-center border-0",style:re,onClick:()=>I(p),children:t.jsx("p",{className:`${s.styles["button-content"]} mb-0`,style:ae,children:u("welcome_email_resend")})}),t.jsx(A.Input,{id:"import-user",className:"d-none",type:"file",onChange:g=>_(g.target.files[0]),accept:"text/csv"}),t.jsx(je,{text:u("sync_roster_users"),onClick:N}),t.jsxs("button",{className:"btn btn-success d-flex align-items-center border-0 p-0",style:re,onClick:x,children:[t.jsx("div",{className:`${s.styles["button-icon"]}`,children:t.jsx("img",{src:"images/export-icon.svg",alt:""})}),t.jsx("p",{className:`${s.styles["button-content"]} mb-0`,style:ae,children:u("export_to_csv")})]})]})]}),t.jsxs(A.Row,{className:"mb-2",children:[t.jsx(A.Col,{md:12,children:t.jsx("div",{style:{overflow:"auto"},children:t.jsxs(A.Table,{bordered:!0,hover:!0,striped:!0,size:"sm",children:[t.jsx("thead",{children:t.jsx(oe,{headers:R,filters:m,fullName:r,onChangeFilters:S})}),t.jsxs("tbody",{children:[a&&a.length>0&&a.map(g=>t.jsxs("tr",{children:[t.jsx("td",{className:"align-middle",children:t.jsx("input",{type:"checkbox",onChange:()=>d(g.id),checked:p.includes(g.id)??!1})}),t.jsx("td",{className:"align-middle",children:t.jsx(s.LinkEditButton,{label:`${g.fullName}`,onClick:()=>C(g.id)})}),t.jsx("td",{className:"align-middle",children:g.email}),t.jsx("td",{className:"align-middle",children:g.dateOfBirth!==s.DATE_MIN_VALUE&&me(new Date,new Date(g.dateOfBirth))}),t.jsx("td",{className:"align-middle",children:!!g.roles&&g.roles.map(O=>O==="SecondaryTeacher"?"SupportTeacher":O).join(", ")}),t.jsx("td",{className:"align-middle",children:g.isActive?u("active"):u("inactive")}),t.jsx("td",{className:"align-middle",children:s.formatLocalTime(g?.createTime,"yyyy-MM-dd HH:mm")}),t.jsx("td",{children:B(g)}),t.jsx("td",{className:"align-middle",children:t.jsx(s.FaUsersCog,{style:{fontSize:"18px",margin:"0 10px",cursor:"pointer"},onClick:()=>o(g.id)})}),t.jsx("td",{className:"align-middle",style:{padding:"0 15px"},children:t.jsx(s.DeleteButtonIcon,{onClick:()=>c(g.id)})})]},g.id)),(!a||!a.length)&&t.jsx("tr",{children:t.jsx("td",{colSpan:12,className:"p-0",children:t.jsx(s.EmptyDataAlert,{className:"mb-0",label:u("user")})})})]})]})})}),t.jsx(A.Col,{md:12,children:t.jsx(s.CustomPagination,{filters:m,totalRecordCount:l,changePageSize:g=>S({pageSize:g}),changePage:g=>S({currentPage:g})})})]})]})},He=Object.freeze(Object.defineProperty({__proto__:null,default:de},Symbol.toStringTag,{value:"Module"}));exports.TableHeader=oe;exports.UserList=de;exports.UserList$1=He;exports.validateCsvApi=Fe;

package/dist/assets/Images.d.ts

@@ -1,14 +1,14 @@
-declare const Images: {
-    USER_CONVERSATION_AVATAR: string;
-    GROUP_CONVERSATION_AVATAR: string;
-    LOGO: string;
-    LOGO_HEADER: string;
-    LOGO_MINIMIZED: string;
-    DOCS_IMAGE: string;
-    AUDIO_IMAGE: string;
-    PHOTO_IMAGE: string;
-    VIDEO_IMAGE: string;
-    FOLDER_IMAGE: string;
-    UNKNOW_IMAGE: string;
-};
-export default Images;
+declare const Images: {
+    USER_CONVERSATION_AVATAR: string;
+    GROUP_CONVERSATION_AVATAR: string;
+    LOGO: string;
+    LOGO_HEADER: string;
+    LOGO_MINIMIZED: string;
+    DOCS_IMAGE: string;
+    AUDIO_IMAGE: string;
+    PHOTO_IMAGE: string;
+    VIDEO_IMAGE: string;
+    FOLDER_IMAGE: string;
+    UNKNOW_IMAGE: string;
+};
+export default Images;

package/dist/components/Alerts/CommonAlert.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
-declare const CommonAlert: FC;
-export default CommonAlert;
+import { FC } from "react";
+declare const CommonAlert: FC;
+export default CommonAlert;

package/dist/components/Alerts/EmptyDataAlert.d.ts

@@ -1,8 +1,8 @@
-import { CSSProperties, FC } from "react";
-interface Props {
-    label: string;
-    className?: string;
-    style?: CSSProperties;
-}
-declare const EmptyDataAlert: FC<Props>;
-export default EmptyDataAlert;
+import { CSSProperties } from "react";
+interface Props {
+    label: string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const EmptyDataAlert: ({ label, className, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export default EmptyDataAlert;

package/dist/components/Alerts/ErrorHandler.d.ts

@@ -1,6 +1,6 @@
-import { FC } from "react";
-interface Props {
-    text: string;
-}
-declare const ErrorHandler: FC<Props>;
-export default ErrorHandler;
+import { FC } from "react";
+interface Props {
+    text: string;
+}
+declare const ErrorHandler: FC<Props>;
+export default ErrorHandler;

package/dist/components/Alerts/SandboxAlert.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const SandboxAlert: FC;
+export default SandboxAlert;

package/dist/components/Buttons/AddButton.d.ts

@@ -1,7 +1,7 @@
-import { FC } from 'react';
-interface Props {
-    text?: string;
-    onClick?(): void;
-}
-declare const AddButton: FC<Props>;
-export default AddButton;
+import { FC } from "react";
+interface Props {
+    text?: string;
+    onClick?(): void;
+}
+declare const AddButton: FC<Props>;
+export default AddButton;

package/dist/components/Buttons/AddButtonIcon.d.ts

@@ -1,6 +1,6 @@
-import { FC } from "react";
-interface Props {
-    onClick: () => any;
-}
-declare const AddButtonIcon: FC<Props>;
-export default AddButtonIcon;
+import { FC } from "react";
+interface Props {
+    onClick: () => any;
+}
+declare const AddButtonIcon: FC<Props>;
+export default AddButtonIcon;

package/dist/components/Buttons/CloseButton.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
-interface Props {
-    defaultInfo?: any;
-    userLogin?: any;
-    toggle?: any;
-}
-declare const CloseButton: FC<Props>;
-export default CloseButton;
+import { FC } from "react";
+interface Props {
+    defaultInfo?: any;
+    userLogin?: any;
+    toggle?: any;
+}
+declare const CloseButton: FC<Props>;
+export default CloseButton;

package/dist/components/Buttons/DeleteButtonIcon.d.ts

@@ -1,6 +1,7 @@
-import { FC } from "react";
-interface Props {
-    onClick?: () => any;
-}
-declare const DeleteButtonIcon: FC<Props>;
-export default DeleteButtonIcon;
+import { FC } from "react";
+interface Props {
+    onClick?: () => any;
+    className?: string;
+}
+declare const DeleteButtonIcon: FC<Props>;
+export default DeleteButtonIcon;

package/dist/components/Buttons/DetailActionButtons.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
-interface Props {
-    confirmText: string;
-    onConfirm: () => any;
-    onCancel: () => any;
-}
-declare const DetailActionButtons: FC<Props>;
-export default DetailActionButtons;
+import { FC } from "react";
+interface Props {
+    confirmText: string;
+    onConfirm: () => any;
+    onCancel: () => any;
+}
+declare const DetailActionButtons: FC<Props>;
+export default DetailActionButtons;

package/dist/components/Buttons/EditButtonIcon.d.ts

@@ -1,6 +1,7 @@
-import { FC } from "react";
-interface Props {
-    onClick: () => any;
-}
-declare const EditButtonIcon: FC<Props>;
-export default EditButtonIcon;
+import { FC } from "react";
+interface Props {
+    onClick: () => any;
+    className?: string;
+}
+declare const EditButtonIcon: FC<Props>;
+export default EditButtonIcon;

package/dist/components/Buttons/LinkEditButton.d.ts

@@ -1,7 +1,7 @@
-import { FC } from "react";
-interface Props {
-    label: string;
-    onClick: () => any;
-}
-declare const LinkEditButton: FC<Props>;
-export default LinkEditButton;
+import { FC } from "react";
+interface Props {
+    label: string;
+    onClick: () => any;
+}
+declare const LinkEditButton: FC<Props>;
+export default LinkEditButton;

package/dist/components/Buttons/LoginNavButton.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
-interface Props {
-    link?: string;
-    text?: string;
-    toggle?: any;
-}
-declare const LoginNavButton: FC<Props>;
-export default LoginNavButton;
+import { FC } from "react";
+interface Props {
+    link?: string;
+    text?: string;
+    toggle?: any;
+}
+declare const LoginNavButton: FC<Props>;
+export default LoginNavButton;

package/dist/components/Buttons/SyncButton.d.ts

@@ -0,0 +1,8 @@
+import { FC, MouseEvent } from "react";
+interface Props {
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+    text: string;
+}
+declare const SyncButtonIcon: FC<Props>;
+export default SyncButtonIcon;

package/dist/components/Buttons/ToggleButton.d.ts

@@ -1,10 +1,10 @@
-import { FC } from "react";
-interface Props {
-    textLeft: string;
-    textRight: string;
-    isLeft: boolean;
-    clickLeft: any;
-    clickRight: any;
-}
-declare const ToggleButton: FC<Props>;
-export default ToggleButton;
+import { FC } from "react";
+interface Props {
+    textLeft: string;
+    textRight: string;
+    isLeft: boolean;
+    clickLeft: any;
+    clickRight: any;
+}
+declare const ToggleButton: FC<Props>;
+export default ToggleButton;

package/dist/components/Buttons/UploadFileButton.d.ts

@@ -1,13 +1,13 @@
-import { FC } from "react";
-interface Props {
-    fileName?: string;
-    maxWidth?: string;
-    maxHeight?: string;
-    setFile: any;
-    onAddImage?: any;
-    canDelete?: boolean;
-    onDelete?: () => void;
-    isCheckFeedBack?: boolean;
-}
-declare const UploadFileButton: FC<Props>;
-export default UploadFileButton;
+import { FC } from "react";
+interface Props {
+    fileName?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    setFile: any;
+    onAddImage?: any;
+    canDelete?: boolean;
+    onDelete?: () => void;
+    isCheckFeedBack?: boolean;
+}
+declare const UploadFileButton: FC<Props>;
+export default UploadFileButton;

package/dist/components/Headers/CommonHeader.d.ts

@@ -1,7 +1,7 @@
-import { FC } from "react";
-interface Props {
-    header: string;
-    rootHeader?: string;
-}
-declare const CommonHeader: FC<Props>;
-export default CommonHeader;
+import { FC } from "react";
+interface Props {
+    header: string;
+    rootHeader?: string;
+}
+declare const CommonHeader: FC<Props>;
+export default CommonHeader;

package/dist/components/Image/UploadImage.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const UploadImage: () => JSX.Element;
-export default UploadImage;
+declare const UploadImage: () => import("react/jsx-runtime").JSX.Element;
+export default UploadImage;

package/dist/components/Inputs/FileInput.d.ts

@@ -1,8 +1,8 @@
-import React, { FC } from "react";
-interface Props {
-    icon: React.ReactNode;
-    accept?: string | undefined;
-    callback: (fileName: string, filePath: string, fileType: string) => void;
-}
-declare const InputFile: FC<Props>;
-export default InputFile;
+import { ReactNode } from "react";
+interface Props {
+    icon: ReactNode;
+    accept?: string | undefined;
+    callback: (fileName: string, filePath: string, fileType: string) => void;
+}
+declare const InputFile: ({ icon, accept, callback }: Props) => import("react/jsx-runtime").JSX.Element;
+export default InputFile;

package/dist/components/Inputs/PasswordInput.d.ts

@@ -1,8 +1,9 @@
-import { FC } from "react";
-interface Props {
-    isShowPassword: boolean;
-    togglePasswordVisible: any;
-    onChange: any;
-}
-declare const PasswordInput: FC<Props>;
-export default PasswordInput;
+import { FC } from "react";
+interface Props {
+    isShowPassword: boolean;
+    togglePasswordVisible: any;
+    onChange: any;
+    placeholder?: string;
+}
+declare const PasswordInput: FC<Props>;
+export default PasswordInput;

package/dist/components/Inputs/SearchBox.d.ts

@@ -1,10 +1,10 @@
-import React, { CSSProperties } from "react";
-interface Props {
-    initValue: string;
-    onSearch: (searchString?: string) => any;
-    placeholder?: string;
-    className?: string;
-    style?: CSSProperties;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import { CSSProperties } from "react";
+interface Props {
+    initValue: string;
+    onSearch: (searchString?: string) => any;
+    placeholder?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

package/dist/components/Inputs/SearchBoxContainer.d.ts

@@ -1,10 +1,9 @@
-import { FC } from "react";
-interface Props {
-    text: string;
-    onClick: () => void;
-    initValue: string;
-    onSearch: (searchString?: string) => void;
-    placeholder: string;
-}
-declare const SearchBoxContainer: FC<Props>;
-export default SearchBoxContainer;
+interface Props {
+    text: string;
+    onClick: () => void;
+    initValue: string;
+    onSearch: (searchString?: string) => void;
+    placeholder: string;
+}
+declare const SearchBoxContainer: ({ text, initValue, onClick, onSearch, placeholder }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SearchBoxContainer;

package/dist/components/Labels/RequiredLabel.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-interface Props {
-    text: string;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+interface Props {
+    text: string;
+    className?: string;
+}
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

package/dist/components/Loading/Loading.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
-declare const Loading: FC;
-export default Loading;
+import { FC } from "react";
+declare const Loading: FC;
+export default Loading;

package/dist/components/Modals/CommonModal.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
-declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-export default _default;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
+export default _default;

package/dist/components/Modals/NotificationLogoutModal.d.ts

@@ -0,0 +1,2 @@
+declare const NotificationLogoutModal: () => import("react/jsx-runtime").JSX.Element;
+export default NotificationLogoutModal;

package/dist/components/Modals/NotificationModal.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const NotificationModal: () => JSX.Element;
-export default NotificationModal;
+declare const NotificationModal: () => import("react/jsx-runtime").JSX.Element;
+export default NotificationModal;

package/dist/components/Others/QuitPrompt.d.ts

@@ -1,2 +1,5 @@
-/// <reference types="react" />
-export default function QuitPrompt(props: any): JSX.Element;
+interface Props {
+    when: boolean;
+}
+export default function QuitPrompt({ when }: Props): null;
+export {};

package/dist/components/Pagination/CustomPagination.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const CustomPagination: (props: any) => JSX.Element;
-export default CustomPagination;
+declare const CustomPagination: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default CustomPagination;

package/dist/components/Scroll/ScrollToTop.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const ScrollToTop: FC;
+export default ScrollToTop;

package/dist/components/Selectors/AcademicClassSelector.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const AcademicClassSelector: (props: any) => JSX.Element;
-export default AcademicClassSelector;
+declare const AcademicClassSelector: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default AcademicClassSelector;

package/dist/components/Selectors/CategorySelector.d.ts

@@ -0,0 +1,2 @@
+declare const CategorySelector: ({ value, ...rest }: any) => import("react/jsx-runtime").JSX.Element;
+export default CategorySelector;

package/dist/components/Selectors/CreatableSelector.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const CreatableSelector: (props: any) => JSX.Element;
-export default CreatableSelector;
+declare const CreatableSelector: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default CreatableSelector;

package/dist/components/Selectors/CustomSelector.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const CustomSelector: ({ defaultValue, options, isDisabled, scrollBottom, ...rest }: any) => JSX.Element;
-export default CustomSelector;
+declare const CustomSelector: ({ defaultValue, options, isDisabled, scrollBottom, ...rest }: any) => import("react/jsx-runtime").JSX.Element;
+export default CustomSelector;

package/dist/components/Selectors/MailCategorySelectors.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const MailCategorySelector: (props: any) => JSX.Element;
-export default MailCategorySelector;
+declare const MailCategorySelector: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default MailCategorySelector;

package/dist/components/Selectors/QuestionCategorySelector.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const QuestionCategorySelector: (props: any) => JSX.Element;
-export default QuestionCategorySelector;
+declare const QuestionCategorySelector: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default QuestionCategorySelector;

package/dist/components/Selectors/QuestionTypeSelector.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const QuestionTypeSelector: (props: any) => JSX.Element;
-export default QuestionTypeSelector;
+declare const QuestionTypeSelector: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default QuestionTypeSelector;