@nualang/nualang-ui-components 0.1.1219 → 0.1.1221

package/dist/Assignments/AssignmentExerciseSelection/AssignmentExerciseSelection.js

@@ -0,0 +1,599 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+var _ImageSearch = _interopRequireDefault(require("@mui/icons-material/ImageSearch"));
+var _PlayCircleOutline = _interopRequireDefault(require("@mui/icons-material/PlayCircleOutline"));
+var _Hearing = _interopRequireDefault(require("@mui/icons-material/Hearing"));
+var _SwapHoriz = _interopRequireDefault(require("@mui/icons-material/SwapHoriz"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
+var _RecordVoiceOver = _interopRequireDefault(require("@mui/icons-material/RecordVoiceOver"));
+var _Forum = _interopRequireDefault(require("@mui/icons-material/Forum"));
+var _OndemandVideo = _interopRequireDefault(require("@mui/icons-material/OndemandVideo"));
+var _AssignmentRoleplaySelection = _interopRequireDefault(require("../AssignmentRoleplaySelection/AssignmentRoleplaySelection"));
+var _CardElements = require("../../Cards/CardElements");
+var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Exercise({
+  name,
+  description,
+  courseSectionTopicId,
+  handleCreateGame,
+  section,
+  t,
+  isExerciseSelected,
+  setIsExerciseSelected,
+  roleplays,
+  phrases,
+  handleSelectExercise = null,
+  selectedExercises,
+  useCase,
+  assignment,
+  handleStartExercise,
+  isAssignment,
+  isCreator
+}) {
+  const [listeningHidden, setListeningHidden] = (0, _react.useState)(false);
+  const [translationHidden, setTranslationHidden] = (0, _react.useState)(false);
+  const [pronunciationHidden, setPronunciationHidden] = (0, _react.useState)(false);
+  const isAssignmentExerciseSelected = selectedExercises.some(e => e.name === name && e.courseSectionTopicId === courseSectionTopicId);
+  const noRoleplays = name.toLowerCase() === "roleplays" && roleplays.length === 0;
+  const [roleplaysOpen, setRoleplaysOpen] = (0, _react.useState)(noRoleplays ? false : true);
+  const handleToggleRoleplays = () => {
+    setRoleplaysOpen(!roleplaysOpen);
+  };
+  const handleExerciseSelected = () => {
+    setIsExerciseSelected(true);
+    handleCreateGame({
+      courseSectionTopicId: courseSectionTopicId,
+      exercise: name,
+      timer: 30,
+      answerOption: 0
+    });
+  };
+  (0, _react.useEffect)(() => {
+    section.topics.forEach(topic => {
+      if (topic.hiddenExercises && topic.hiddenExercises.includes("listening")) {
+        setListeningHidden(true);
+      }
+      if (topic.hiddenExercises && topic.hiddenExercises.includes("translation")) {
+        setTranslationHidden(true);
+      }
+      if (topic.hiddenExercises && topic.hiddenExercises.includes("pronunciation")) {
+        setPronunciationHidden(true);
+      }
+    });
+  }, [section]);
+  const isValidExercise = phrases.length >= 2 || name.toLowerCase() === "roleplays";
+  if (name.toLowerCase() === "listening" && listeningHidden || name.toLowerCase() === "translation" && translationHidden || name.toLowerCase() === "pronunciation" && pronunciationHidden) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Tooltip, {
+    title: name === "roleplays" && noRoleplays ? t("topic_no_roleplays") : !isValidExercise ? t("minimum_two_phrases") : "",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItemButton, {
+      onClick: () => {
+        name.toLowerCase() === "roleplays" ? handleToggleRoleplays() : useCase === "assignment" ? handleSelectExercise([{
+          name,
+          courseSectionTopicId
+        }]) : handleExerciseSelected();
+      },
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      disabled: isExerciseSelected || !isValidExercise || noRoleplays,
+      sx: theme => ({
+        [theme.breakpoints.up("sm")]: {
+          ml: 3.5
+        }
+      }),
+      children: [name.toLowerCase() === "listening" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Hearing.default, {})
+      }), name.toLowerCase() === "translation" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SwapHoriz.default, {})
+      }), name.toLowerCase() === "pronunciation" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RecordVoiceOver.default, {})
+      }), name.toLowerCase() === "roleplays" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Forum.default, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        width: "100%",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+          primary: t(name),
+          secondary: t(description)
+        })
+      }), name.toLowerCase() === "roleplays" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+        children: roleplaysOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {})
+      }), (name.toLowerCase() === "listening" || name.toLowerCase() === "translation" || name.toLowerCase() === "pronunciation") && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+        children: isAssignment ? useCase === "assignment" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+          checked: isAssignmentExerciseSelected,
+          onClick: event => {
+            event.stopPropagation();
+          } //so clicking on the checkbox doesnt also trigger the onclick of the listItemButton
+          ,
+          onChange: () => {
+            handleSelectExercise([{
+              name,
+              courseSectionTopicId
+            }]);
+          }
+        }) :
+        /*#__PURE__*/
+        //add check to see if the exercise is completed
+        (0, _jsxRuntime.jsx)(_CheckCircle.default, {
+          color: "success"
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayCircleOutline.default, {
+          color: "primary"
+        })
+      })]
+    }), name.toLowerCase() === "roleplays" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Collapse, {
+      in: roleplaysOpen,
+      timeout: "auto",
+      unmountOnExit: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        ml: 7,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentRoleplaySelection.default, {
+          roleplays: roleplays,
+          handleCreateGame: handleCreateGame,
+          courseSectionTopicId: courseSectionTopicId,
+          t: t,
+          isExerciseSelected: isExerciseSelected,
+          handleSelectExercise: handleSelectExercise,
+          selectedExercises: selectedExercises,
+          useCase: useCase
+        })
+      })
+    })]
+  });
+}
+function ExerciseList({
+  t,
+  exercises = [],
+  isMember,
+  courseId,
+  sectionId,
+  topicId,
+  handleCreateGame,
+  section,
+  isExerciseSelected,
+  setIsExerciseSelected,
+  roleplays,
+  phrases,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
+  assignment,
+  handleStartExercise,
+  isAssignment,
+  isCreator,
+  ...otherProps
+}) {
+  const courseSectionTopicId = `${courseId}|${sectionId}|${topicId}`;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
+    component: "div",
+    disablePadding: true,
+    children: exercises.map((exercise, i) => {
+      const keyId = `exerc_${courseSectionTopicId}_${exercise}_${i}`;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Exercise, {
+        t: t,
+        ...exercise,
+        isMember: isMember,
+        courseSectionTopicId: courseSectionTopicId,
+        handleCreateGame: handleCreateGame,
+        section: section,
+        isExerciseSelected: isExerciseSelected,
+        setIsExerciseSelected: setIsExerciseSelected,
+        roleplays: roleplays,
+        courseId: courseId,
+        sectionId: sectionId,
+        topicId: topicId,
+        phrases: phrases,
+        handleSelectExercise: handleSelectExercise,
+        selectedExercises: selectedExercises,
+        useCase: useCase,
+        assignment: assignment,
+        handleStartExercise: handleStartExercise,
+        isAssignment: isAssignment,
+        isCreator: isCreator,
+        ...otherProps
+      }, keyId);
+    })
+  });
+}
+function Topic({
+  t,
+  courseId,
+  sectionId,
+  topicId,
+  topicName,
+  videoUrl,
+  description,
+  picture,
+  roleplays = [],
+  bots = [],
+  completions = [],
+  isMember,
+  nextTopic,
+  prevTopic,
+  handleViewCourseTopic,
+  isTopicHidden,
+  completion = {},
+  sectionIndex,
+  index,
+  moveTopic,
+  onDropSection,
+  handleCreateGame,
+  phrases,
+  section,
+  isExerciseSelected,
+  setIsExerciseSelected,
+  getRoleplays,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
+  assignment,
+  handleStartExercise,
+  isAssignment,
+  isCreator,
+  ...otherProps
+}) {
+  const theme = (0, _styles.useTheme)();
+  const isLargeScreen = (0, _useMediaQuery.default)(theme.breakpoints.up("sm"));
+  const [isExerciseListOpen, setExerciseListOpen] = (0, _react.useState)(false);
+  const [isWholeTopicSelected, setIsWholeTopicSelected] = (0, _react.useState)(false);
+  const exercises = useCase === "assignment" ? [{
+    name: "translation",
+    description: `translation_exercise_desc`
+  }, {
+    name: "listening",
+    description: `listening_exercise_desc`
+  }, {
+    name: "pronunciation",
+    description: `pronunciation_exercise_desc`
+  }, {
+    name: "roleplays",
+    description: `roleplay_exercise_desc`
+  }] : [{
+    name: "translation",
+    description: `translation_exercise_desc`
+  }, {
+    name: "listening",
+    description: `listening_exercise_desc`
+  }, {
+    name: "roleplays",
+    description: `roleplay_exercise_desc`
+  }];
+  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"];
+  (0, _react.useEffect)(() => {
+    const exerciseCount = selectedExercises.filter(exercise => exercise.courseSectionTopicId === `${courseId}|${sectionId}|${topicId}`).length;
+    const roleplayCount = selectedExercises.filter(exercise => exercise.roleplayId && roleplays.some(roleplay => roleplay.roleplayId === exercise.roleplayId)).length;
+    const total = roleplays.length * 6 + 3;
+    if (exerciseCount + roleplayCount === total) {
+      setIsWholeTopicSelected(true);
+    } else {
+      setIsWholeTopicSelected(false);
+    }
+  }, [selectedExercises]);
+  const handleSelectAll = () => {
+    if (isWholeTopicSelected) {
+      const removeExercises = selectedExercises.filter(exercise => exercise.courseSectionTopicId === `${courseId}|${sectionId}|${topicId}` || exercise.roleplayId && roleplays.some(roleplay => roleplay.roleplayId === exercise.roleplayId));
+      handleSelectExercise(removeExercises);
+    } else {
+      let exercisesToAdd = [];
+      exercises.filter(e => e.name !== "roleplays").forEach(exercise => {
+        if (!selectedExercises.some(e => e.courseSectionTopicId === `${courseId}|${sectionId}|${topicId}` && e.name === exercise.name)) {
+          exercisesToAdd = [...exercisesToAdd, {
+            courseSectionTopicId: `${courseId}|${sectionId}|${topicId}`,
+            name: exercise.name
+          }];
+        }
+      });
+      roleplays.forEach(roleplay => {
+        games.forEach(game => {
+          if (!selectedExercises.some(e => e.roleplayId === roleplay.roleplayId && e.game === game)) {
+            exercisesToAdd = [...exercisesToAdd, {
+              roleplayId: roleplay.roleplayId,
+              game
+            }];
+          }
+        });
+      });
+      handleSelectExercise(exercisesToAdd);
+    }
+  };
+  const toggleExerciseList = () => {
+    setExerciseListOpen(!isExerciseListOpen);
+  };
+  const hasNonEmptyRoleplay = roleplays.some(roleplay => roleplay?.script?.length !== 0 && roleplay?.script?.some(line => line.text !== undefined));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Tooltip, {
+      title: phrases.length === 0 ? t("topic_no_phrases") : "",
+      placement: "top",
+      children: [!isTopicHidden && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItemButton, {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        onClick: toggleExerciseList,
+        "data-cy": "topic-list-item",
+        disabled: phrases.length === 0 && !hasNonEmptyRoleplay || isExerciseSelected,
+        children: [isLargeScreen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemAvatar, {
+          children: picture ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
+            src: picture,
+            alt: topicName
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
+            alt: topicName,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageSearch.default, {})
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          fontWeight: "fontWeightBold",
+          width: "100%",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+            primary: isLargeScreen ? topicName || "" : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+                mb: 1,
+                children: picture ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
+                  src: picture,
+                  alt: topicName
+                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
+                  alt: topicName,
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageSearch.default, {})
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                variant: "body1",
+                children: topicName || ""
+              })]
+            }),
+            secondary: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                variant: "body2",
+                component: "p",
+                color: "textSecondary",
+                children: description
+              })
+            })
+          }), videoUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+            display: "flex",
+            alignItems: "center",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CardElements.CardInfoSectionItem, {
+              component: "span",
+              color: "textSecondary",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OndemandVideo.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                variant: "body2",
+                ml: 0.5,
+                color: "textSecondary",
+                children: t("video_included")
+              })]
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+          children: isExerciseListOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {})
+        }), useCase === "assignment" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+            checked: isWholeTopicSelected,
+            onClick: event => {
+              event.stopPropagation();
+            },
+            onChange: handleSelectAll
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Collapse, {
+        in: isExerciseListOpen,
+        timeout: "auto",
+        unmountOnExit: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ExerciseList, {
+          t: t,
+          topicInfo: {
+            topicName,
+            description
+          },
+          exercises: exercises,
+          isMember: isMember,
+          courseId: courseId,
+          sectionId: sectionId,
+          topicId: topicId,
+          handleCreateGame: handleCreateGame,
+          section: section,
+          isExerciseSelected: isExerciseSelected,
+          setIsExerciseSelected: setIsExerciseSelected,
+          roleplays: roleplays,
+          phrases: phrases,
+          handleSelectExercise: handleSelectExercise,
+          selectedExercises: selectedExercises,
+          useCase: useCase,
+          assignment: assignment,
+          handleStartExercise: handleStartExercise,
+          isAssignment: isAssignment,
+          isCreator: isCreator,
+          ...otherProps
+        })
+      })]
+    })
+  });
+}
+function Section({
+  t,
+  courseId,
+  sectionId,
+  sectionName,
+  isHidden,
+  topics = [],
+  handleCreateGame,
+  section,
+  isExerciseSelected,
+  setIsExerciseSelected,
+  getRoleplays,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
+  assignment,
+  handleStartExercise,
+  isAssignment,
+  isCreator,
+  ...otherProps
+}) {
+  const root = {
+    width: "100%"
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: !isHidden && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
+      subheader: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListSubheader, {
+        disableGutters: true,
+        disableSticky: true,
+        component: "div",
+        id: `${sectionName}-section-list-subheader`,
+        sx: {
+          fontWeight: !isExerciseSelected ? "bold" : "normal"
+        },
+        children: sectionName
+      }),
+      sx: root,
+      children: topics.map((topic, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Topic, {
+        index: i,
+        topics: topics,
+        topicLength: topics.length,
+        sectionId: sectionId,
+        handleCreateGame: handleCreateGame,
+        courseId: courseId,
+        phrases: topic.phrases,
+        section: section,
+        t: t,
+        ...topic,
+        ...otherProps,
+        picture: topic.picture,
+        isExerciseSelected: isExerciseSelected,
+        setIsExerciseSelected: setIsExerciseSelected,
+        getRoleplays: getRoleplays,
+        handleSelectExercise: handleSelectExercise,
+        selectedExercises: selectedExercises,
+        useCase: useCase,
+        assignment: assignment,
+        handleStartExercise: handleStartExercise,
+        isAssignment: isAssignment,
+        isCreator: isCreator
+      }, `${sectionId}-${topic.topicId}`))
+    })
+  });
+}
+function SectionList({
+  sections = [],
+  handleFetchTopic,
+  teachClassrooms,
+  handleCreateGame,
+  courseId,
+  t,
+  isExerciseSelected,
+  setIsExerciseSelected,
+  getRoleplays,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
+  assignment,
+  handleStartExercise,
+  isAssignment,
+  isCreator,
+  ...otherProps
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: sections.length > 0 ? sections.map((section, index) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Section, {
+        index: index,
+        handleFetchTopic: handleFetchTopic,
+        teachClassrooms: teachClassrooms,
+        handleCreateGame: handleCreateGame,
+        courseId: courseId,
+        t: t,
+        ...section,
+        isExerciseSelected: isExerciseSelected,
+        setIsExerciseSelected: setIsExerciseSelected,
+        section: section,
+        getRoleplays: getRoleplays,
+        handleSelectExercise: handleSelectExercise,
+        selectedExercises: selectedExercises,
+        useCase: useCase,
+        assignment: assignment,
+        handleStartExercise: handleStartExercise,
+        isAssignment: isAssignment,
+        isCreator: isCreator,
+        ...otherProps
+      }, section.sectionId);
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      children: t("sections_not_found")
+    })
+  });
+}
+function AssignmentExerciseSelection({
+  t = text => text,
+  sections = [],
+  isMember,
+  isCreator,
+  courseId,
+  handleFetchTopic,
+  isPublic,
+  handleSwitchChange,
+  isLoading,
+  teachClassrooms,
+  handleCreateGame,
+  isExerciseSelected,
+  setIsExerciseSelected,
+  getRoleplays,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
+  assignment,
+  handleStartExercise,
+  isAssignment,
+  ...otherProps
+}) {
+  if (isLoading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionList, {
+        t: t,
+        sections: sections,
+        isMember: isMember,
+        courseId: courseId,
+        handleFetchTopic: handleFetchTopic,
+        isCreator: isCreator,
+        isPublic: isPublic,
+        handleSwitchChange: handleSwitchChange,
+        teachClassrooms: teachClassrooms,
+        handleCreateGame: handleCreateGame,
+        isExerciseSelected: isExerciseSelected,
+        setIsExerciseSelected: setIsExerciseSelected,
+        getRoleplays: getRoleplays,
+        assignment: assignment,
+        handleStartExercise: handleStartExercise,
+        isAssignment: isAssignment,
+        ...otherProps
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionList, {
+      t: t,
+      sections: sections,
+      isMember: isMember,
+      courseId: courseId,
+      handleFetchTopic: handleFetchTopic,
+      isCreator: isCreator,
+      isPublic: isPublic,
+      handleSwitchChange: handleSwitchChange,
+      teachClassrooms: teachClassrooms,
+      handleCreateGame: handleCreateGame,
+      isExerciseSelected: isExerciseSelected,
+      setIsExerciseSelected: setIsExerciseSelected,
+      handleSelectExercise: handleSelectExercise,
+      selectedExercises: selectedExercises,
+      useCase: useCase,
+      isAssignment: isAssignment,
+      assignment: assignment,
+      ...otherProps
+    })
+  });
+}
+var _default = exports.default = AssignmentExerciseSelection;

package/dist/Assignments/AssignmentExerciseSelection/package.json

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

package/dist/Assignments/AssignmentExerciseSelector/AssignmentExerciseSelector.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _system = require("@mui/system");
+var _AssignmentCourseSelection = _interopRequireDefault(require("../AssignmentCourseSelection/AssignmentCourseSelection"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function AssignmentExerciseSelector({
+  t = text => text,
+  assignment,
+  handleStartExercise,
+  username,
+  getCourseSections,
+  getRoleplays,
+  isAssignment,
+  isCreator
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentCourseSelection.default, {
+      t: t,
+      assignment: assignment,
+      handleStartExercise: handleStartExercise,
+      username: username,
+      courses: assignment.courses,
+      getCourseSections: getCourseSections,
+      getRoleplays: getRoleplays,
+      isAssignment: isAssignment,
+      isCreator: isCreator
+    })
+  });
+}
+var _default = exports.default = AssignmentExerciseSelector;

package/dist/Assignments/AssignmentExerciseSelector/package.json

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