- {checkAccess(user, updateUserPermission.list, permissions, updateUserPermission.perm) && (
-
- )}
{!row.original.isVerified && checkAccess(user, updateUserPermission.list, permissions, updateUserPermission.perm) && (
verifyAccount(row.original)}>
diff --git a/src/pages/(admin)/UserCreator.tsx b/src/pages/(admin)/UserCreator.tsx
new file mode 100644
index 00000000..a0b955f5
--- /dev/null
+++ b/src/pages/(admin)/UserCreator.tsx
@@ -0,0 +1,266 @@
+import Button from "@/components/Low/Button";
+import Checkbox from "@/components/Low/Checkbox";
+import {PERMISSIONS} from "@/constants/userPermissions";
+import {CorporateUser, TeacherUser, Type, User} from "@/interfaces/user";
+import {USER_TYPE_LABELS} from "@/resources/user";
+import axios from "axios";
+import clsx from "clsx";
+import {capitalize, uniqBy} from "lodash";
+import moment from "moment";
+import {useEffect, useState} from "react";
+import ReactDatePicker from "react-datepicker";
+import {toast} from "react-toastify";
+import ShortUniqueId from "short-unique-id";
+import {checkAccess, getTypesOfUser} from "@/utils/permissions";
+import {PermissionType} from "@/interfaces/permissions";
+import usePermissions from "@/hooks/usePermissions";
+import Input from "@/components/Low/Input";
+import CountrySelect from "@/components/Low/CountrySelect";
+import useGroups from "@/hooks/useGroups";
+import useUsers from "@/hooks/useUsers";
+import {getUserName} from "@/utils/users";
+import Select from "@/components/Low/Select";
+
+const USER_TYPE_PERMISSIONS: {
+ [key in Type]: {perm: PermissionType | undefined; list: Type[]};
+} = {
+ student: {
+ perm: "createCodeStudent",
+ list: [],
+ },
+ teacher: {
+ perm: "createCodeTeacher",
+ list: [],
+ },
+ agent: {
+ perm: "createCodeCountryManager",
+ list: ["student", "teacher", "corporate", "mastercorporate"],
+ },
+ corporate: {
+ perm: "createCodeCorporate",
+ list: ["student", "teacher"],
+ },
+ mastercorporate: {
+ perm: undefined,
+ list: ["student", "teacher", "corporate"],
+ },
+ admin: {
+ perm: "createCodeAdmin",
+ list: ["student", "teacher", "agent", "corporate", "admin", "mastercorporate"],
+ },
+ developer: {
+ perm: undefined,
+ list: ["student", "teacher", "agent", "corporate", "admin", "developer", "mastercorporate"],
+ },
+};
+
+export default function UserCreator({user}: {user: User}) {
+ const [name, setName] = useState
();
+ const [email, setEmail] = useState();
+ const [phone, setPhone] = useState();
+ const [passportID, setPassportID] = useState();
+ const [studentID, setStudentID] = useState();
+ const [country, setCountry] = useState(user?.demographicInformation?.country);
+ const [group, setGroup] = useState();
+ const [availableCorporates, setAvailableCorporates] = useState([]);
+ const [selectedCorporate, setSelectedCorporate] = useState();
+ const [password, setPassword] = useState();
+ const [confirmPassword, setConfirmPassword] = useState();
+ const [expiryDate, setExpiryDate] = useState(
+ user?.subscriptionExpirationDate ? moment(user?.subscriptionExpirationDate).toDate() : null,
+ );
+ const [isExpiryDateEnabled, setIsExpiryDateEnabled] = useState(true);
+ const [isLoading, setIsLoading] = useState(false);
+ const [type, setType] = useState("student");
+
+ const {permissions} = usePermissions(user?.id || "");
+ const {groups} = useGroups({admin: ["developer", "admin"].includes(user?.type) ? undefined : user?.id, userType: user?.type});
+ const {users} = useUsers();
+
+ useEffect(() => {
+ if (!isExpiryDateEnabled) setExpiryDate(null);
+ }, [isExpiryDateEnabled]);
+
+ useEffect(() => {
+ setAvailableCorporates(
+ uniqBy(
+ users.filter((u) => u.type === "corporate" && groups.flatMap((g) => g.participants).includes(u.id)),
+ "id",
+ ),
+ );
+ }, [users, groups]);
+
+ const createUser = () => {
+ if (!name || name.trim().length === 0) return toast.error("Please enter a valid name!");
+ if (!email || email.trim().length === 0) return toast.error("Please enter a valid e-mail address!");
+ if (users.map((x) => x.email).includes(email.trim())) return toast.error("That e-mail is already in use!");
+ if (!password || password.trim().length === 0) return toast.error("Please enter a valid password!");
+ if (password !== confirmPassword) return toast.error("The passwords do not match!");
+
+ setIsLoading(true);
+
+ const body = {
+ name,
+ email,
+ password,
+ groupID: group,
+ type,
+ studentID: type === "student" ? studentID : undefined,
+ expiryDate,
+ demographicInformation: {
+ passport_id: type === "student" ? passportID : undefined,
+ phone,
+ country,
+ },
+ };
+
+ axios
+ .post("/api/make_user", body)
+ .then(() => {
+ toast.success("That user has been created!");
+
+ setName("");
+ setEmail("");
+ setPhone("");
+ setPassportID("");
+ setStudentID("");
+ setCountry(user?.demographicInformation?.country);
+ setGroup(null);
+ setSelectedCorporate(null);
+ setExpiryDate(user?.subscriptionExpirationDate ? moment(user?.subscriptionExpirationDate).toDate() : null);
+ setIsExpiryDateEnabled(true);
+ setType("student");
+ })
+ .catch(() => toast.error("Something went wrong! Please try again later!"))
+ .finally(() => setIsLoading(false));
+ };
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {type === "student" && (
+ <>
+
+
+
+ )}
+
+ {["student", "teacher"].includes(type) && !["corporate", "teacher"].includes(user?.type) && (
+
+
+
+ )}
+
+
+
+
+
+
+
+ {user && (
+
+ )}
+
+
+
+ {user && checkAccess(user, ["developer", "admin", "corporate", "mastercorporate"]) && (
+ <>
+
+
+
+ Enabled
+
+
+ {isExpiryDateEnabled && (
+
+ moment(date).isAfter(new Date()) &&
+ (user?.subscriptionExpirationDate ? moment(date).isBefore(user?.subscriptionExpirationDate) : true)
+ }
+ dateFormat="dd/MM/yyyy"
+ selected={expiryDate}
+ onChange={(date) => setExpiryDate(date)}
+ />
+ )}
+
+ )}
+
+
+
+
+
+ setModalOpen("createCode")}
+ />
+ setModalOpen("batchCreateCode")}
+ />
+ setModalOpen("createUser")}
+ />
+ setModalOpen("batchCreateUser")}
+ />
+
)}