@nualang/nualang-ui-components 0.1.1194 → 0.1.1196

package/dist/Dialogs/ReportProblem/ReportProblem.js

@@ -42,9 +42,9 @@ function ReportProblem({
     description,
     type
   } = problem;
-  const isPronunciationRelatedExercise = (exercise === "pronunciation" || exercise === "bot" || exercise?.includes("speaking")) && type === "technical_problem";
-  const isShareAudioAvailable = isPronunciationRelatedExercise && audioBlob;
-  const isScreenshotAvailable = isPronunciationRelatedExercise && screenshot;
+  const isTechnicalProblem = type === "technical_problem";
+  const isShareAudioAvailable = isTechnicalProblem && audioBlob;
+  const isScreenshotAvailable = isTechnicalProblem && screenshot;
   (0, _react.useEffect)(() => {
     if (type && description.trim().length > 0) {
       setEnableButton(true);
@@ -226,7 +226,7 @@ function ReportProblem({
     label: /*#__PURE__*/_react.default.createElement(_Typography.default, {
       fontSize: 14
     }, t("share_audio"))
-  }))), isPronunciationRelatedExercise && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+  }))), isTechnicalProblem && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
     item: true,
     xs: 12
   }, /*#__PURE__*/_react.default.createElement(_material.FormGroup, null, /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, {

package/dist/Dialogs/UploadVideo/UploadVideo.js

@@ -26,12 +26,13 @@ function UploadVideo({
   open,
   handleClose,
   onSubmit,
-  loading
+  loading,
+  video,
+  setVideo
 }) {
   const {
     classes
   } = useStyles();
-  const [video, setVideo] = (0, _react.useState)();
   const [errors, setErrors] = (0, _react.useState)([]);
   const [isVideoSubmitting, setIsVideoSubmitting] = (0, _react.useState)(false);
   const handleSubmit = async () => {

package/dist/Screens/Courses/ViewCourse/ViewCourse.js

@@ -130,7 +130,9 @@ function OverflowMenu({
   loading,
   verificationStatus,
   handleUploadVideo,
-  isTeacher
+  isTeacher,
+  video,
+  setVideo
 }) {
   const [isShareDrawerOpen, setIsShareDrawerOpen] = (0, _react.useState)(false);
   const [isUploadVideoOpen, setIsUploadVideoOpen] = (0, _react.useState)(false);
@@ -230,6 +232,8 @@ function OverflowMenu({
     open: isUploadVideoOpen,
     onSubmit: handleUploadVideo,
     loading: loading,
+    video: video,
+    setVideo: setVideo,
     handleClose: () => setIsUploadVideoOpen(false)
   }));
 }
@@ -313,6 +317,7 @@ function Course({
   const [pageNumber, setPageNumber] = (0, _react.useState)(1);
   const [scale, setScale] = (0, _react.useState)(1);
   const [animatePlayVideo, setAnimatePlayVideo] = (0, _react.useState)(true);
+  const [video, setVideo] = (0, _react.useState)();
   const handleUploadSubmit = async () => {
     setIsSubmitting(true);
     try {
@@ -596,6 +601,7 @@ function Course({
     const confirmed = await confirm(t("delete_video"), t("delete_video_confirmation"));
     if (confirmed) {
       await handleDeleteCourseVideo(videoUrl);
+      setVideo(null);
       handleCloseMenu();
     }
   };
@@ -882,7 +888,9 @@ function Course({
     gameAward: gameAward,
     loading: loading,
     handleUploadVideo: handleUploadVideo,
-    isTeacher: !isStudent
+    isTeacher: !isStudent,
+    video: video,
+    setVideo: setVideo
   }), /*#__PURE__*/_react.default.createElement(_UpgradeSubscription.default, {
     key: "UpgradeSubscription",
     t: t,

package/dist/Screens/Courses/ViewCourse/ViewTopic/ViewTopic.js

@@ -275,7 +275,9 @@ function OverflowMenu({
   deletePDF,
   verificationStatus,
   handleClickOpenUpload,
-  isTeacher
+  isTeacher,
+  video,
+  setVideo
 }) {
   const [isShareDrawerOpen, setIsShareDrawerOpen] = (0, _react.useState)(false);
   const [isUploadVideoOpen, setIsUploadVideoOpen] = (0, _react.useState)(false);
@@ -365,6 +367,8 @@ function OverflowMenu({
     open: isUploadVideoOpen,
     onSubmit: handleUploadVideo,
     loading: loading,
+    video: video,
+    setVideo: setVideo,
     handleClose: () => setIsUploadVideoOpen(false)
   }));
 }
@@ -547,6 +551,7 @@ function Topic({
   const [pageNumber, setPageNumber] = (0, _react.useState)(1);
   const [scale, setScale] = (0, _react.useState)(1);
   const [animatePlayVideo, setAnimatePlayVideo] = (0, _react.useState)(true);
+  const [video, setVideo] = (0, _react.useState)();
   const [topicCompletion, setTopicCompletion] = (0, _react.useState)({
     completed: 0,
     total: 0,
@@ -577,6 +582,7 @@ function Topic({
     const confirmed = await confirm(t("delete_video"), t("delete_video_confirmation"));
     if (confirmed) {
       await handleDeleteTopicVideo(sectionId, topicId, videoUrl);
+      setVideo(null);
       handleCloseMenu();
     }
   };
@@ -1212,7 +1218,9 @@ function Topic({
     handleUpdateTopic: handleUpdateTopic,
     handleUploadVideo: handleUploadVideo,
     deleteTopicVideo: deleteTopicVideo,
-    isTeacher: !isStudent
+    isTeacher: !isStudent,
+    video: video,
+    setVideo: setVideo
   }), /*#__PURE__*/_react.default.createElement(_ResponsiveDialog.default, {
     open: isUploadPdfOpen,
     dialogTitle: t("upload_pdf"),

package/dist/Screens/GenerateAudio/GenerateAudio.js

@@ -27,6 +27,7 @@ var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
 var _RecordVoiceOver = _interopRequireDefault(require("@mui/icons-material/RecordVoiceOver"));
 var _Speed = _interopRequireDefault(require("@mui/icons-material/Speed"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -631,7 +632,9 @@ function GenerateAudio({
   langChar,
   downloadAudio,
   audioUrl,
-  openSnackbar
+  openSnackbar,
+  generateTxt,
+  setGenerateTxt
 }) {
   const [learnLang, setLearnLang] = (0, _react.useState)("english");
   const [filteredVoices, setFilteredVoices] = (0, _react.useState)([]);
@@ -882,6 +885,7 @@ function GenerateAudio({
   };
   const handleChange = (event, newValue) => {
     setShowCSV(newValue);
+    setGenerateTxt(false);
   };
   const downloadCSV = (text, filename) => {
     const element = document.createElement("a");
@@ -958,6 +962,11 @@ function GenerateAudio({
             openSnackbar(`Unsupported audio type for phrase: "${phrase}"`, "error");
             continue;
           }
+          if (generateTxt) {
+            const fileNameWithoutExtension = row.fileName.replace(".mp3", "");
+            const txtContent = `${phrase}\n`;
+            folder.file(`${fileNameWithoutExtension}.txt`, txtContent);
+          }
           if (fileNameCount[fileNameWithExtension]) {
             fileNameCount[fileNameWithExtension] += 1;
             const baseName = fileNameWithExtension.replace(".mp3", "");
@@ -1258,7 +1267,18 @@ function GenerateAudio({
     sx: {
       marginBottom: 2
     }
-  }, t("download_audio")))), /*#__PURE__*/_react.default.createElement(AddPhraseDialog, {
+  }, t("download_audio")), /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+    checked: generateTxt,
+    onChange: () => setGenerateTxt(!generateTxt),
+    sx: {
+      marginBottom: 2
+    }
+  }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    sx: {
+      marginBottom: 2.5
+    },
+    fontWeight: "bold"
+  }, t("generate_transcript")))), /*#__PURE__*/_react.default.createElement(AddPhraseDialog, {
     t: t,
     open: dialogOpen,
     onClose: () => setDialogOpen(false),
@@ -1328,13 +1348,25 @@ function GenerateAudio({
     variant: "contained",
     onClick: () => downloadAudio({
       language: learnLang,
-      voiceName: formik.values.actor.voice
+      voiceName: formik.values.actor.voice,
+      text: formik.values.phraseToSpeak
     }),
     sx: {
       width: "150px",
       marginBottom: 2
     },
     disabled: !audioUrl || formik.values.phraseToSpeak === "" || checkAudioUrl
-  }, t("download")))))));
+  }, t("download")), /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+    checked: generateTxt,
+    onChange: () => setGenerateTxt(!generateTxt),
+    sx: {
+      marginBottom: 2
+    }
+  }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    sx: {
+      marginBottom: 2.5
+    },
+    fontWeight: "bold"
+  }, t("generate_transcript")))))));
 }
 var _default = exports.default = GenerateAudio;

package/package.json

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