@nualang/nualang-ui-components 0.1.1220 → 0.1.1221

package/dist/Assignments/SelectAssignmentTypeDialog/SelectAssignmentTypeDialog.js

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SelectAssignmentTypeDialog;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _Assignment = _interopRequireDefault(require("@mui/icons-material/Assignment"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _VideoCall = _interopRequireDefault(require("@mui/icons-material/VideoCall"));
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
+var _mui = require("tss-react/mui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useStyles = (0, _mui.makeStyles)()(theme => ({
+  div: {
+    textAlign: "center",
+    borderRadius: theme.shape.borderRadius,
+    border: `2px solid ${theme.palette.divider}`,
+    padding: theme.spacing(2),
+    "&:hover": {
+      cursor: "pointer",
+      opacity: 0.8
+    }
+  },
+  paper: {
+    paddingTop: `env(safe-area-inset-top)`,
+    paddingBottom: `env(safe-area-inset-bottom)`,
+    paddingLeft: `env(safe-area-inset-left)`,
+    paddingRight: `env(safe-area-inset-right)`
+  },
+  button: {
+    marginBottom: theme.spacing(),
+    marginRight: theme.spacing(),
+    maxWidth: 300,
+    height: 36.5
+  }
+}));
+function SelectAssignmentTypeDialog({
+  t = text => text,
+  open,
+  handleClose,
+  dialogTitle,
+  classrooms,
+  handleInputChange,
+  selectedClassroom,
+  isClassroomView,
+  handleSelectExercises,
+  handleSelectDiscuss
+}) {
+  const {
+    classes
+  } = useStyles();
+  const theme = (0, _useTheme.default)();
+  const fullScreen = (0, _useMediaQuery.default)(theme.breakpoints.down("md"));
+  const classroomsList = classrooms.map(classroom => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+      value: classroom.classroomId,
+      children: classroom.classroomName
+    }, classroom.classroomId);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {
+    open: open,
+    onClose: handleClose,
+    dialogTitle: dialogTitle,
+    maxWidth: "lg",
+    fullScreen: fullScreen,
+    fullWidth: true,
+    "aria-label": dialogTitle,
+    classes: {
+      paper: classes.paper
+    },
+    children: [dialogTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogTitle, {
+      sx: {
+        fontWeight: 'bold'
+      },
+      children: dialogTitle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogContent, {
+      children: [!isClassroomView && classrooms.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+        select: true,
+        id: "classrooms",
+        name: "classrooms",
+        "data-cy": "classrooms",
+        label: t("select_a_classroom"),
+        value: selectedClassroom,
+        onChange: handleInputChange,
+        margin: "normal",
+        variant: "outlined",
+        fullWidth: true,
+        required: true,
+        children: classroomsList
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+        container: true,
+        spacing: 2,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+          item: true,
+          xs: 12,
+          md: 6,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: classes.div,
+            onClick: handleSelectExercises,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              style: {
+                marginBottom: theme.spacing(2)
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                variant: "h4",
+                sx: {
+                  fontWeight: 'bold'
+                },
+                children: t('assign_exercises')
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Assignment.default, {
+                sx: theme => ({
+                  width: "100%",
+                  height: "auto",
+                  maxWidth: 130,
+                  color: theme.palette.primary.main
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                variant: "subtitle1",
+                children: t('assign_exercises_desc')
+              })]
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+          item: true,
+          xs: 12,
+          md: 6,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: classes.div,
+            onClick: handleSelectDiscuss,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              style: {
+                marginBottom: theme.spacing(2)
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                variant: "h4",
+                sx: {
+                  fontWeight: 'bold'
+                },
+                children: t('assign_discuss')
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_VideoCall.default, {
+                sx: theme => ({
+                  width: "100%",
+                  height: "auto",
+                  maxWidth: 130,
+                  color: theme.palette.primary.main
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                variant: "subtitle1",
+                children: t('assign_discuss_desc')
+              })]
+            })
+          })
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogActions, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+        className: classes.button,
+        onClick: handleClose,
+        color: "primary",
+        endIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {}),
+        variant: "outlined",
+        children: t("cancel")
+      })
+    })]
+  });
+}

package/dist/Assignments/SelectAssignmentTypeDialog/package.json

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

package/dist/hooks/useRecognition.js

@@ -63,9 +63,9 @@ function useRecognition(props = {}) {
   const serverErrorRef = (0, _react.useRef)();
   async function loadModule() {
     try {
-      await audioContextRef.current.audioWorklet.addModule(`/worklets/recording-processor.js`);
+      await audioContextRef.current.audioWorklet.addModule(`/worklets/recording-processor-v2.js`);
     } catch (e) {
-      console.error(`Failed to load module /worklets/recording-processor.js`);
+      console.error(`Failed to load module /worklets/recording-processor-v2.js`);
       throw e;
     }
   }
@@ -176,7 +176,7 @@ function useRecognition(props = {}) {
         streamRef.current = stream;
         audioInputRef.current = audioContextRef.current.createMediaStreamSource(stream);
         serverErrorRef.current = null;
-        processorRef.current = new AudioWorkletNode(audioContextRef.current, "recording-processor");
+        processorRef.current = new AudioWorkletNode(audioContextRef.current, "recording-processor-v2");
         processorRef.current.connect(audioContextRef.current.destination);
         audioContextRef.current.resume();
         audioInputRef.current.connect(processorRef.current);

package/package.json

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