@nualang/nualang-ui-components 0.1.1140 → 0.1.1141

package/dist/Dialogs/UploadVideo/UploadVideo.js

@@ -33,14 +33,17 @@ function UploadVideo({
   } = useStyles();
   const [video, setVideo] = (0, _react.useState)();
   const [errors, setErrors] = (0, _react.useState)([]);
+  const [isVideoSubmitting, setIsVideoSubmitting] = (0, _react.useState)(false);
   const handleSubmit = async () => {
     try {
+      setIsVideoSubmitting(true);
       await onSubmit({
         video
       });
     } catch (error) {
       console.error(error);
     }
+    setIsVideoSubmitting(false);
     handleClose();
   };
   return /*#__PURE__*/_react.default.createElement(_ResponsiveDialog.default, {
@@ -52,7 +55,7 @@ function UploadVideo({
     handleSubmit: handleSubmit,
     submitText: t("add_video"),
     dialogTitle: t("upload_video"),
-    isSubmitDisabled: !video || video.length === 0 || errors.length > 0
+    isSubmitDisabled: !video || video.length === 0 || errors.length > 0 || isVideoSubmitting
   }, /*#__PURE__*/_react.default.createElement(_Box.default, null, /*#__PURE__*/_react.default.createElement(_VideoUploader.default, {
     t: t,
     file: video,

package/dist/Exercises/Translator/Translator.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactJoyride = _interopRequireWildcard(require("react-joyride"));
 var _material = require("@mui/material");
+var _colors = require("@mui/material/colors");
 var _mui = require("tss-react/mui");
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
@@ -115,7 +116,6 @@ const useStyles = (0, _mui.makeStyles)()(theme => ({
     margin: theme.spacing(1, 2, 1, 2),
     borderRadius: theme.spacing(),
     borderWidth: "2px",
-    borderColor: theme.palette.primary.main,
     borderStyle: "solid",
     textAlign: "center",
     color: theme.palette.primary.main,
@@ -397,10 +397,21 @@ function Translator({
       handleTranslationTourFinished();
     }
   };
+  const [incomplete, setIncomplete] = (0, _react.useState)(false);
+  const checkCompletionAndNotify = () => {
+    let correctCount = translationWords.filter((word, index) => (0, _index.removeAllSymbols)(word.text) === (0, _index.removeAllSymbols)(translationWordList[index])).length;
+    if (correctCount === translationWords.length && translationWords.length < translationWordList.length) {
+      setIncomplete(true);
+    }
+  };
   (0, _react.useEffect)(() => {
     setCheckAnswer(false);
     setIsWordBankAttemptChanged(true);
+    setIncomplete(false);
   }, [translationWords]);
+  (0, _react.useEffect)(() => {
+    checkAnswer && checkCompletionAndNotify();
+  }, [checkAnswer]);
   (0, _react.useEffect)(() => {
     if (open && !run && !localStorage.getItem(`translation-exercise-tour-completed`)) {
       setJoyrideState(prevState => ({
@@ -658,7 +669,7 @@ function Translator({
   }, /*#__PURE__*/_react.default.createElement(_reactBeautifulDnd.Droppable, {
     droppableId: "translationWords",
     direction: "horizontal"
-  }, provided => /*#__PURE__*/_react.default.createElement(_material.Grid, _extends({
+  }, provided => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Grid, _extends({
     container: true,
     spacing: 1,
     className: classes.wordsContainer,
@@ -666,7 +677,8 @@ function Translator({
   }, provided.droppableProps, {
     sx: {
       display: "flex",
-      flexDirection: "row"
+      flexDirection: "row",
+      borderColor: incomplete ? _colors.red[800] : theme.palette.primary.main
     }
   }), translationWords.map((word, index) => /*#__PURE__*/_react.default.createElement(_reactBeautifulDnd.Draggable, {
     key: word.id.toString(),
@@ -693,7 +705,21 @@ function Translator({
     ref: setAnswerBoxRef(index),
     checkAnswer: checkAnswer,
     isDragging: snapshot.isDragging
-  })))), provided.placeholder))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_material.Box, {
+  })))), provided.placeholder), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      minHeight: '24px',
+      // Adjust this based on the Typography height
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      textAlign: 'center'
+    }
+  }, incomplete && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    sx: {
+      color: _colors.red[800],
+      fontWeight: 'bold'
+    }
+  }, t("incomplete_translation")))))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_material.Box, {
     component: "fieldset",
     sx: {
       borderWidth: 0

package/dist/Lists/Courses/Courses.js

@@ -8,6 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
 var _mui = require("tss-react/mui");
+var _ProgressiveCardMedia = _interopRequireDefault(require("../../Misc/ProgressiveCardMedia"));
+var _index = _interopRequireDefault(require("../../utils/placeholder-images/index"));
 var _Course = _interopRequireDefault(require("../../Cards/Course"));
 var _useListScroll = _interopRequireDefault(require("../../hooks/useListScroll"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/Screens/Classrooms/ViewClassroom/ViewClassroom.js

@@ -149,7 +149,9 @@ function OverflowMenu({
   trackRecommendedEvent,
   mainSiteUrl,
   members,
-  handleOpenInviteDialog
+  handleOpenInviteDialog,
+  refreshClassroomCourses,
+  selectedCourses
 }) {
   const isMediumScreen = (0, _useMediaQuery.default)("(max-width:600px)");
   const [isShareDrawerOpen, setIsShareDrawerOpen] = (0, _react.useState)(false);
@@ -185,7 +187,9 @@ function OverflowMenu({
     onClick: joinClassroom
   }, t("join_classroom")), !isCreator && isMember && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: leaveClassroom
-  }, t("leave_classroom")), isCreator && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+  }, t("leave_classroom")), isCreator && selectedCourses.length > 0 && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+    onClick: refreshClassroomCourses
+  }, t("refresh_courses")), isCreator && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: handleOpenCoursesModal
   }, t("manage_courses")), isCreator && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     "data-cy": "delete-classroom",
@@ -285,6 +289,8 @@ function Classroom({
   createdGame,
   isNualangLiveEnabled,
   handleCreateCourse,
+  refreshClassroomCourses,
+  selectedCourses,
   ...otherProps
 }) {
   const {
@@ -1048,7 +1054,9 @@ function Classroom({
     mainSiteUrl: mainSiteUrl,
     members: members,
     handleOpenInviteDialog: handleOpenInviteDialog,
-    handleOpenUpgradeSubscriptionModal: true
+    handleOpenUpgradeSubscriptionModal: true,
+    refreshClassroomCourses: refreshClassroomCourses,
+    selectedCourses: selectedCourses
   }), /*#__PURE__*/_react.default.createElement(_UpgradeSubscription.default, {
     key: "UpgradeSubscription",
     t: t,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1140",
+  "version": "0.1.1141",
   "main": "dist/index.js",
   "files": [
     "dist",