@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Assignments/AssignmentRoleplaySelection/AssignmentRoleplaySelection.js

@@ -1,498 +0,0 @@
-import { useState, useEffect } from "react";
-import { Box, ListItemText, ListItemButton, Avatar, ListItemIcon, Tooltip, Collapse, Checkbox, Badge, IconButton, Typography } from "@mui/material";
-import ClearIcon from "@mui/icons-material/Clear";
-import MessageIcon from "@mui/icons-material/Message";
-import RateReviewIcon from "@mui/icons-material/RateReview";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import ExpandLessIcon from "@mui/icons-material/ExpandLess";
-import AutoStoriesIcon from "@mui/icons-material/AutoStories";
-import ForumIcon from "@mui/icons-material/Forum";
-import HeadphonesIcon from "@mui/icons-material/Headphones";
-import RecordVoiceOverIcon from "@mui/icons-material/RecordVoiceOver";
-import SpaceBarIcon from "@mui/icons-material/SpaceBar";
-import { Clear, Done, Timelapse } from "@mui/icons-material";
-import { useNavigate, useParams } from "react-router";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const sxGreenColor = theme => ({
-  color: theme.palette.success ? theme.palette.success.dark : ""
-});
-const sxInfoColor = theme => ({
-  color: theme.palette.info ? theme.palette.info.main : ""
-});
-function ProgressBadge({
-  completions,
-  t,
-  gameName
-}) {
-  const completionCounter = completions?.filter(completion => completion.exercise === gameName).length || 0;
-  return completionCounter > 0 ? /*#__PURE__*/_jsx(Badge, {
-    sx: sxGreenColor,
-    badgeContent: completionCounter,
-    color: "default",
-    children: /*#__PURE__*/_jsx(Done, {
-      titleAccess: completionCounter === 1 ? t("roleplay_game_completed_icon", {
-        counter: `${completionCounter}`,
-        roleplay_name: `${gameName}`
-      }) : t("roleplay_games_completed_icon", {
-        counter: `${completionCounter}`,
-        roleplay_name: `${gameName}`
-      }),
-      "aria-label": completionCounter === 1 ? t("roleplay_game_completed_icon", {
-        counter: `${completionCounter}`,
-        roleplay_name: `${gameName}`
-      }) : t("roleplay_games_completed_icon", {
-        counter: `${completionCounter}`,
-        roleplay_name: `${gameName}`
-      })
-    })
-  }) : null;
-}
-function InProgressBadge({
-  roleplayProgress,
-  t,
-  gameName
-}) {
-  let progressCount = 0;
-  if (roleplayProgress && roleplayProgress.length > 0) {
-    for (let i = 0; i < roleplayProgress.length; i++) {
-      if (roleplayProgress[i].exercise === gameName && roleplayProgress[i].existingMessages && roleplayProgress[i].existingMessages !== null && Object.keys(roleplayProgress[i].existingMessages).length) {
-        progressCount = Object.keys(roleplayProgress[i].existingMessages).length;
-      }
-    }
-  }
-  return progressCount > 0 ? /*#__PURE__*/_jsx(Badge, {
-    sx: sxInfoColor,
-    color: "default",
-    children: /*#__PURE__*/_jsx(Timelapse, {
-      titleAccess: t("roleplay_game_in_progress_icon", {
-        roleplay_name: `${gameName}`
-      }),
-      "aria-label": t("roleplay_game_in_progress_icon", {
-        roleplay_name: `${gameName}`
-      })
-    })
-  }) : null;
-}
-function Roleplay({
-  roleplay,
-  courseSectionTopicId,
-  isRoleplaySelected,
-  t,
-  isExerciseSelected,
-  handleSelectExercise = null,
-  selectedExercises,
-  useCase,
-  assignment,
-  memberCourseCompletions,
-  topicProgress,
-  lastClickedExerciseId,
-  handleRemoveExercise,
-  isPreview
-}) {
-  const navigate = useNavigate();
-  const params = useParams();
-  const {
-    classroomId
-  } = params;
-  const [selectedGames, setSelectedGames] = useState([]);
-  const [indeterminate, setIndeterminate] = useState(false);
-  const [courseId, sectionId, topicId] = courseSectionTopicId ? courseSectionTopicId.split("|") : "";
-  const [lastClickedAssignmentId, lastClickedRoleplayId] = lastClickedExerciseId?.split("|") || [];
-  const addSearchParams = exercise => {
-    if (!classroomId || !courseId || !sectionId || !topicId || !roleplay?.roleplayId) {
-      console.error("Missing required parameters for navigation");
-      return;
-    }
-    const lastClickedExercise = {
-      courseSectionTopicId: `${courseSectionTopicId}|${assignment.assignmentId}|${roleplay.roleplayId}`
-    };
-    localStorage.setItem("lastClickedExercise", JSON.stringify(lastClickedExercise));
-    navigate(`/classrooms/${classroomId}/${courseId}/${sectionId}/${topicId}/roleplays/${roleplay?.roleplayId}?game=${encodeURIComponent(exercise)}&assignmentId=${assignment.assignmentId}`);
-  };
-  const [open, setOpen] = useState(lastClickedRoleplayId === roleplay.roleplayId && lastClickedAssignmentId === assignment.assignmentId);
-  const games = ["roleplay-story", "roleplay-fill-in-the-blanks", "roleplay-act-it-out", "roleplay-act-it-out-listening", "roleplay-act-it-out-speaking", "roleplay-act-it-out-listening-speaking"];
-  const [isSelectAllChecked, setIsSelectAllChecked] = useState(false);
-  useEffect(() => {
-    const count = selectedExercises?.filter(exercise => exercise.roleplayId === roleplay.roleplayId).length || 0;
-    setIsSelectAllChecked(count === games.length);
-    setIndeterminate(count > 0 && count < games.length);
-    const roleplayNames = selectedExercises?.filter(ex => ex.roleplayId === roleplay.roleplayId).map(ex => ex.name);
-    setSelectedGames(roleplayNames);
-  }, [selectedExercises, roleplay.roleplayId]);
-  const handleSelectAll = () => {
-    if (isSelectAllChecked) {
-      const removeExercises = games.map(name => ({
-        roleplayId: roleplay.roleplayId,
-        name: name
-      }));
-      handleSelectExercise(removeExercises);
-      setIsSelectAllChecked(false);
-      setIndeterminate(false);
-    } else {
-      let gamesToAdd = [];
-      games.forEach(name => {
-        if (!selectedExercises?.some(e => e.roleplayId === roleplay.roleplayId && e.name === name)) {
-          gamesToAdd = [...gamesToAdd, {
-            roleplayId: roleplay.roleplayId,
-            name: name,
-            courseSectionTopicId: roleplay.courseSectionTopicId,
-            roleplayName: roleplay.roleplayName
-          }];
-        }
-      });
-      handleSelectExercise(gamesToAdd);
-      setIsSelectAllChecked(true);
-      setIndeterminate(false);
-    }
-  };
-  const isRoleplayEmpty = roleplay?.script?.length === 0 || !roleplay?.script?.some(line => line.text !== undefined);
-  const numberOfRoleplayQuestions = roleplay?.script?.filter(item => Object.hasOwn(item, "question")).length;
-  const numberOfRoleplayInteractions = roleplay?.script?.length - numberOfRoleplayQuestions;
-  const roleplayHasInteractions = numberOfRoleplayInteractions > 0;
-  const roleplayHasQuestions = numberOfRoleplayQuestions > 0;
-  const isRoleplayValid = roleplayHasInteractions && roleplayHasQuestions;
-  const ActItOutListeningSpeakingIcon = () => /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(HeadphonesIcon, {
-      fontSize: "small"
-    }), /*#__PURE__*/_jsx(RecordVoiceOverIcon, {
-      fontSize: "small"
-    })]
-  });
-  const getIconAndStatusForGame = name => {
-    switch (name) {
-      case "roleplay-story":
-        return [/*#__PURE__*/_jsx(AutoStoriesIcon, {}), selectedGames?.includes(name)];
-      case "roleplay-fill-in-the-blanks":
-        return [/*#__PURE__*/_jsx(SpaceBarIcon, {}), selectedGames?.includes(name)];
-      case "roleplay-act-it-out":
-        return [/*#__PURE__*/_jsx(MessageIcon, {}), selectedGames?.includes(name)];
-      case "roleplay-act-it-out-listening":
-        return [/*#__PURE__*/_jsx(HeadphonesIcon, {}), selectedGames?.includes(name)];
-      case "roleplay-act-it-out-speaking":
-        return [/*#__PURE__*/_jsx(RecordVoiceOverIcon, {}), selectedGames?.includes(name)];
-      case "roleplay-act-it-out-listening-speaking":
-        return [/*#__PURE__*/_jsx(ActItOutListeningSpeakingIcon, {}), selectedGames?.includes(name)];
-      default:
-        return [/*#__PURE__*/_jsx(ForumIcon, {}), true];
-    }
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx(Tooltip, {
-      title: !isRoleplayValid ? t("roleplay_not_valid") : "",
-      placement: "right",
-      children: /*#__PURE__*/_jsx("div", {
-        children: /*#__PURE__*/_jsxs(ListItemButton, {
-          onClick: () => setOpen(!open),
-          disabled: isRoleplaySelected || isRoleplayEmpty || isExerciseSelected,
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            flexDirection: "row",
-            marginLeft: {
-              sm: "0px",
-              md: "60px"
-            },
-            gap: {
-              xs: 1,
-              sm: 2
-            }
-          },
-          children: [/*#__PURE__*/_jsxs(Box, {
-            sx: {
-              display: "flex",
-              alignItems: "center",
-              width: {
-                xs: "100%",
-                sm: "85%"
-              }
-            },
-            children: [/*#__PURE__*/_jsx(Avatar, {
-              src: roleplay.picture || roleplay.actor1 && roleplay.actor1.picture || roleplay.actor2 && roleplay.actor2.picture,
-              sx: {
-                display: "flex",
-                width: 32,
-                height: 32
-              }
-            }), /*#__PURE__*/_jsx(ListItemText, {
-              primary: roleplay.roleplayName,
-              secondary: roleplay.description,
-              sx: {
-                ml: {
-                  sm: 2,
-                  xs: 1
-                }
-              }
-            })]
-          }), roleplayHasInteractions && /*#__PURE__*/_jsxs(Box, {
-            sx: {
-              display: {
-                xs: "none",
-                sm: "flex"
-              },
-              alignItems: "center"
-            },
-            children: [/*#__PURE__*/_jsx(ListItemText, {
-              secondary: numberOfRoleplayInteractions,
-              sx: {
-                mr: 0.5
-              }
-            }), /*#__PURE__*/_jsx(ListItemIcon, {
-              sx: {
-                mr: {
-                  xs: 0,
-                  sm: -3
-                }
-              },
-              children: /*#__PURE__*/_jsx(Tooltip, {
-                title: t("number_of_interactions"),
-                placement: "top",
-                children: /*#__PURE__*/_jsx(MessageIcon, {
-                  sx: {
-                    width: 18
-                  }
-                })
-              })
-            })]
-          }), roleplayHasQuestions && /*#__PURE__*/_jsxs(Box, {
-            sx: {
-              display: {
-                xs: "none",
-                sm: "flex"
-              },
-              alignItems: "center"
-            },
-            children: [/*#__PURE__*/_jsx(ListItemText, {
-              secondary: numberOfRoleplayQuestions,
-              sx: {
-                mr: 0.5
-              }
-            }), /*#__PURE__*/_jsx(ListItemIcon, {
-              children: /*#__PURE__*/_jsx(Tooltip, {
-                title: t("number_of_questions"),
-                placement: "top",
-                children: /*#__PURE__*/_jsx(RateReviewIcon, {
-                  sx: {
-                    width: 18
-                  }
-                })
-              })
-            })]
-          }), /*#__PURE__*/_jsxs(Box, {
-            sx: {
-              display: "flex",
-              alignItems: "center",
-              gap: 1
-            },
-            children: [/*#__PURE__*/_jsx(IconButton, {
-              onClick: () => setOpen(!open),
-              sx: {
-                ml: 2
-              },
-              children: open ? /*#__PURE__*/_jsx(ExpandLessIcon, {
-                sx: {
-                  color: "#757575"
-                }
-              }) : /*#__PURE__*/_jsx(ExpandMoreIcon, {
-                sx: {
-                  color: "#757575"
-                }
-              })
-            }), useCase === "assignment-view" && isPreview && /*#__PURE__*/_jsx(IconButton, {
-              edge: "end",
-              "aria-label": "remove-roleplay",
-              onClick: e => {
-                e.stopPropagation();
-                const roleplayExercises = selectedExercises.filter(ex => ex.roleplayId === roleplay.roleplayId);
-                handleRemoveExercise(roleplayExercises);
-              },
-              children: /*#__PURE__*/_jsx(ClearIcon, {
-                fontSize: "small"
-              })
-            }), useCase === "assignment-select" && /*#__PURE__*/_jsx(Tooltip, {
-              title: t("select_all"),
-              placement: "top",
-              children: /*#__PURE__*/_jsx(Checkbox, {
-                checked: isSelectAllChecked,
-                indeterminate: indeterminate,
-                onChange: handleSelectAll,
-                onClick: event => {
-                  event.stopPropagation();
-                },
-                sx: {
-                  mr: 2
-                }
-              })
-            })]
-          })]
-        })
-      })
-    }), /*#__PURE__*/_jsx(Collapse, {
-      in: open,
-      timeout: "auto",
-      unmountOnExit: true,
-      children: /*#__PURE__*/_jsxs(Box, {
-        sx: {
-          ml: {
-            sm: 0,
-            md: 3.5
-          }
-        },
-        children: [useCase === "assignment-select" && games.map((name, index) => /*#__PURE__*/_jsxs(ListItemButton, {
-          onClick: () => handleSelectExercise([{
-            roleplayId: roleplay.roleplayId,
-            name: name,
-            courseSectionTopicId: roleplay.courseSectionTopicId
-          }]),
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            flexDirection: "row",
-            marginLeft: {
-              sm: "0px",
-              md: "95px"
-            }
-          },
-          children: [/*#__PURE__*/_jsx(ListItemIcon, {
-            sx: {
-              display: {
-                xs: "none",
-                sm: "flex"
-              }
-            },
-            children: getIconAndStatusForGame(name)[0]
-          }), /*#__PURE__*/_jsx(ListItemText, {
-            primary: t(name.replace(/roleplay-/, "").replace(/-/g, "_")),
-            secondary: t(name.replace(/roleplay-/, "").replace(/-/g, "_") + "_description")
-          }), /*#__PURE__*/_jsx(ListItemIcon, {
-            children: /*#__PURE__*/_jsx(Checkbox, {
-              checked: selectedExercises?.some(e => e.roleplayId === roleplay.roleplayId && e.name === name)
-            })
-          })]
-        }, `${roleplay.roleplayId}-${name}-${index}`)), useCase === "assignment-view" || useCase === "assignment-start" ? games.map(name => getIconAndStatusForGame(name)[1] &&
-        /*#__PURE__*/
-        // eslint-disable-next-line react/jsx-key
-        _jsxs(ListItemButton, {
-          onClick: () => {
-            useCase === "assignment-start" ? addSearchParams(name.replace(/roleplay-/, "")) : null;
-          },
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            flexDirection: "row",
-            marginLeft: {
-              sm: "0px",
-              md: "95px"
-            }
-          },
-          children: [/*#__PURE__*/_jsx(ListItemIcon, {
-            sx: {
-              display: {
-                xs: "none",
-                sm: "flex"
-              }
-            },
-            children: getIconAndStatusForGame(name)[0]
-          }), /*#__PURE__*/_jsx(ListItemText, {
-            primary: t(name.replace(/roleplay-/, "").replace(/-/g, "_")),
-            secondary: t(name.replace(/roleplay-/, "").replace(/-/g, "_") + "_description")
-          }), useCase === "assignment-start" && /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(InProgressBadge, {
-              roleplayProgress: topicProgress,
-              t: t,
-              gameName: name
-            }), /*#__PURE__*/_jsx(ProgressBadge, {
-              completions: memberCourseCompletions,
-              t: t,
-              gameName: name
-            })]
-          }), useCase === "assignment-view" && isPreview && /*#__PURE__*/_jsx(IconButton, {
-            edge: "end",
-            "aria-label": "remove-roleplay-game",
-            onClick: e => {
-              e.stopPropagation();
-              handleRemoveExercise({
-                roleplayId: roleplay.roleplayId,
-                name,
-                courseSectionTopicId: roleplay.courseSectionTopicId
-              });
-            },
-            children: /*#__PURE__*/_jsx(ClearIcon, {
-              fontSize: "small"
-            })
-          })]
-        })) : null]
-      })
-    })]
-  });
-}
-function AssignmentRoleplaySelection({
-  roleplays = [],
-  courseSectionTopicId,
-  t,
-  isExerciseSelected,
-  handleSelectExercise,
-  selectedExercises = [],
-  useCase,
-  assignment,
-  memberCourseCompletions,
-  topicProgress,
-  topics,
-  isCreator,
-  lastClickedExerciseId,
-  handleRemoveExercise,
-  isPreview,
-  viewOnly
-}) {
-  const [isRoleplaySelected, setIsRoleplaySelected] = useState(false);
-  const filteredCompletions = Array.isArray(memberCourseCompletions) && memberCourseCompletions.length > 0 ? memberCourseCompletions.filter(completion => completion.courseSectionTopicId === courseSectionTopicId) : [];
-  const selectedRoleplayIds = new Set(selectedExercises.map(sE => sE.roleplayId));
-  const filteredRoleplays = !viewOnly ? roleplays : roleplays.filter(e => selectedRoleplayIds.has(e.roleplayId));
-  const existingRoleplayIds = new Set(roleplays.map(r => r.roleplayId));
-  const orphanedRoleplayIds = useCase === "assignment-view" || useCase === "assignment-start" ? [...new Set(selectedExercises.filter(e => e.roleplayId && e.courseSectionTopicId === courseSectionTopicId && !existingRoleplayIds.has(e.roleplayId)).map(e => e.roleplayId))] : [];
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [filteredRoleplays.map(roleplay => /*#__PURE__*/_jsx(Roleplay, {
-      roleplay: roleplay,
-      isRoleplaySelected: isRoleplaySelected,
-      setIsRoleplaySelected: setIsRoleplaySelected,
-      courseSectionTopicId: courseSectionTopicId,
-      t: t,
-      isExerciseSelected: isExerciseSelected,
-      handleSelectExercise: handleSelectExercise,
-      selectedExercises: selectedExercises,
-      useCase: useCase,
-      assignment: assignment,
-      memberCourseCompletions: filteredCompletions,
-      topicProgress: topicProgress,
-      topics: topics,
-      isCreator: isCreator,
-      lastClickedExerciseId: lastClickedExerciseId,
-      handleRemoveExercise: handleRemoveExercise,
-      isPreview: isPreview
-    }, roleplay.roleplayId)), orphanedRoleplayIds.map(id => /*#__PURE__*/_jsx(Box, {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        pl: 2,
-        py: 1.5,
-        ml: {
-          xs: "16px",
-          sm: "72px",
-          md: "76px"
-        },
-        borderLeft: "3px solid",
-        borderColor: "warning.main"
-      },
-      children: /*#__PURE__*/_jsx(Typography, {
-        variant: "body2",
-        sx: {
-          color: "text.secondary"
-        },
-        children: t("exercise_no_longer_available")
-      })
-    }, id))]
-  });
-}
-export default AssignmentRoleplaySelection;

package/dist/Assignments/AssignmentRoleplaySelection/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "AssignmentRoleplaySelection",
-  "version": "0.0.0",
-  "private": true,
-  "main": "./AssignmentRoleplaySelection.js"
-}

package/dist/Assignments/AssignmentSelectExercise/AssignmentSelectExercise.js

@@ -1,113 +0,0 @@
-import { useState } from "react";
-import AssignmentCourseSelection from "../AssignmentCourseSelection/AssignmentCourseSelection";
-import ResponsiveDialog from "../../Dialogs/ResponsiveDialog/ResponsiveDialog";
-import { Box } from "@mui/system";
-import { DialogContentText } from "@mui/material";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function AssignmentSelectExercise({
-  t = text => text,
-  open,
-  handleClose,
-  courses = [],
-  getCourseSections,
-  getRoleplays,
-  username,
-  useCase,
-  selectedExercises = [],
-  setSelectedExercises,
-  setSubmittedExercises,
-  completions,
-  preferred_username,
-  progressHelpers,
-  completionHelpers,
-  isCreator,
-  memberCourseCompletions,
-  isChallengeModeStudent,
-  isReadWriteModeStudent
-}) {
-  const [isExerciseSelected, setIsExerciseSelected] = useState(false);
-  const handleSelectExercise = (exercises = []) => {
-    console.log("handleSelectExercise", exercises);
-    setSelectedExercises(prevSelectedExercises => {
-      let updatedExercises = [...prevSelectedExercises];
-      exercises?.forEach(exercise => {
-        const isPhraseList = !!exercise.phraseListId;
-        const isRoleplay = !!exercise.roleplayId;
-        const isBot = !!exercise.botId;
-        if (isPhraseList) {
-          const exists = updatedExercises.some(e => e.phraseListId === exercise.phraseListId && e.courseSectionTopicId === exercise.courseSectionTopicId && e.name === exercise.name);
-          if (exists) {
-            updatedExercises = updatedExercises.filter(e => e.phraseListId !== exercise.phraseListId || e.courseSectionTopicId !== exercise.courseSectionTopicId || e.name !== exercise.name);
-          } else {
-            updatedExercises.push(exercise);
-          }
-        } else if (isRoleplay) {
-          const exists = updatedExercises.some(e => e.roleplayId === exercise.roleplayId && e.name === exercise.name);
-          if (exists) {
-            updatedExercises = updatedExercises.filter(e => !(e.roleplayId === exercise.roleplayId && e.name === exercise.name));
-          } else {
-            updatedExercises.push(exercise);
-          }
-        } else if (isBot) {
-          // For bots
-          const exists = updatedExercises.some(e => e.botId === exercise.botId && e.courseSectionTopicId === exercise.courseSectionTopicId);
-          if (exists) {
-            updatedExercises = updatedExercises.filter(e => e.botId !== exercise.botId || e.courseSectionTopicId !== exercise.courseSectionTopicId);
-          } else {
-            updatedExercises.push(exercise);
-          }
-        } else {
-          // Unknown type — just push without unsafe undefined matching
-          updatedExercises.push(exercise);
-        }
-      });
-      return updatedExercises;
-    });
-  };
-  const handleSubmitExercises = () => {
-    setSelectedExercises(selectedExercises);
-    setSubmittedExercises(selectedExercises);
-    handleClose();
-  };
-  return /*#__PURE__*/_jsxs(ResponsiveDialog, {
-    open: open,
-    handleClose: handleClose,
-    dialogTitle: t("assignment"),
-    maxWidth: "md",
-    handleSubmit: () => {
-      handleSubmitExercises();
-    },
-    submitText: t("add_exercises"),
-    isSubmitDisabled: selectedExercises.length === 0,
-    children: [/*#__PURE__*/_jsx(DialogContentText, {
-      children: t("assign_exercises_description")
-    }), /*#__PURE__*/_jsx(Box, {
-      sx: {
-        mt: 1
-      },
-      children: /*#__PURE__*/_jsx(AssignmentCourseSelection, {
-        courses: courses,
-        getCourseSections: getCourseSections,
-        getRoleplays: getRoleplays,
-        username: username,
-        t: t,
-        isExerciseSelected: isExerciseSelected,
-        setIsExerciseSelected: setIsExerciseSelected,
-        isDialogOpen: open,
-        useCase: useCase,
-        selectedExercises: selectedExercises,
-        handleSelectExercise: useCase === "assignment-select" ? handleSelectExercise : null,
-        viewOnly: false,
-        completions: completions,
-        preferred_username: preferred_username,
-        progressHelpers: progressHelpers,
-        completionHelpers: completionHelpers,
-        isCreator: isCreator,
-        memberCourseCompletions: memberCourseCompletions,
-        isChallengeModeStudent: isChallengeModeStudent,
-        isReadWriteModeStudent: isReadWriteModeStudent
-      })
-    })]
-  });
-}
-export default AssignmentSelectExercise;