@nualang/nualang-ui-components 0.1.1230 → 0.1.1231

package/dist/Assignments/AssignmentCard/AssignmentCard.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = AssignmentCard;
 var _react = _interopRequireWildcard(require("react"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
-var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
 var _material = require("@mui/material");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _AssignmentExerciseSelector = _interopRequireDefault(require("../AssignmentExerciseSelector/AssignmentExerciseSelector"));
 var _Queries = require("@nualang/nualang-api-and-queries/Queries");
 var _useConfirm = _interopRequireDefault(require("../../hooks/useConfirm"));
+var _iconsMaterial = require("@mui/icons-material");
 var _jsxRuntime = require("react/jsx-runtime");
 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); }
@@ -27,20 +26,32 @@ function AssignmentCard({
   isCreator,
   getCourses,
   deleteAssignment,
-  handleEditAssignment,
-  isExpanded,
-  setExpandedAssignmentId
+  handleEditAssignment
 }) {
   const [confirm] = (0, _useConfirm.default)(t);
   const handleDeleteAssignment = async (classroomId, assignmentId) => {
-    const confirmed = await confirm(t('delete_assignment'), t('delete_assignment_confirmation'));
+    const confirmed = await confirm(t("delete_assignment"), t("delete_assignment_confirmation"));
     if (confirmed) {
       await deleteAssignment(classroomId, assignmentId);
     }
   };
-  const calculateDaysUntilDue = dueDate => {
+  const calculateDaysUntilDue = (dueDate, scheduledDate) => {
     const now = new Date();
     const due = new Date(dueDate);
+    const scheduled = new Date(scheduledDate);
+    console.log('now', now);
+    console.log('due', due);
+    console.log('scheduled', scheduled);
+    if (scheduled > now) {
+      const daysUntilScheduled = Math.ceil((scheduled - now) / (1000 * 60 * 60 * 24));
+      if (daysUntilScheduled === 1) {
+        return t("available_tomorrow");
+      } else if (daysUntilScheduled === 0) {
+        return t("available_today");
+      } else {
+        return `${t("available_in")} ${daysUntilScheduled} ${t("days")}`;
+      }
+    }
     const diffTime = due - now;
     const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
     if (diffDays < 0) {
@@ -53,10 +64,6 @@ function AssignmentCard({
       return `${t("due_in")} ${diffDays} ${t("days")}`;
     }
   };
-  const handleIconClick = event => {
-    event.stopPropagation();
-    setExpandedAssignmentId(prevId => prevId === assignment.assignmentId ? null : assignment.assignmentId);
-  };
   const {
     uniqueCourses
   } = (0, _react.useMemo)(() => {
@@ -136,34 +143,32 @@ function AssignmentCard({
               children: `${Math.round(assignment.completed / assignment.assignedStudents.length * 100)}%`
             })]
           })]
-        }), isCreator && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
-          item: true,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
-            onClick: () => handleEditAssignment(assignment),
-            color: "primary",
-            children: t("edit")
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Button, {
-            color: "primary",
-            onClick: () => {
-              handleDeleteAssignment(assignment.classroomId, assignment.assignmentId);
-            },
-            children: [t("delete"), " "]
-          })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
           item: true,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
             variant: "button",
             color: "text.secondary",
-            children: calculateDaysUntilDue(assignment.dueDate)
+            children: calculateDaysUntilDue(assignment.dueDate, assignment.scheduleDate)
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+        }), isCreator && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
           item: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
-            onClick: handleIconClick,
-            children: isExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {})
-          })
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+            title: t("edit"),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.IconButton, {
+              onClick: () => handleEditAssignment(assignment),
+              children: [" ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.Edit, {}), " "]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+            title: t("delete"),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.IconButton, {
+              onClick: () => {
+                handleDeleteAssignment(assignment.classroomId, assignment.assignmentId);
+              },
+              children: [" ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.Delete, {}), " "]
+            })
+          })]
         })]
-      }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
         mt: 2,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
           sx: {
@@ -181,7 +186,7 @@ function AssignmentCard({
               children: assignment.instructions
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
               mt: 2,
-              width: "80%",
+              width: isCreator ? "80%" : "100%",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentExerciseSelector.default, {
                 t: t,
                 assignment: assignment,
@@ -198,7 +203,7 @@ function AssignmentCard({
             item: true,
             xs: 3,
             md: 2,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+            children: [isCreator && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
               display: "flex",
               justifyContent: "space-between",
               alignItems: "center",

package/dist/Assignments/AssignmentCardsList/AssignmentCardsList.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
 var _AssignmentCard = _interopRequireDefault(require("../AssignmentCard/AssignmentCard"));
@@ -13,8 +13,6 @@ var _teacherCreate = _interopRequireDefault(require("../../img/teacher-create-2.
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
 const AssignmentCardsList = ({
   t = text => text,
   assignments = [],
@@ -27,22 +25,7 @@ const AssignmentCardsList = ({
   handleEditAssignment,
   refreshAssignments
 }) => {
-  const [expandedAssignmentId, setExpandedAssignmentId] = (0, _react.useState)(null);
-  (0, _react.useEffect)(() => {
-    const storedId = localStorage.getItem("expandedAssignmentId");
-    if (storedId) {
-      setExpandedAssignmentId(JSON.parse(storedId));
-    }
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (expandedAssignmentId) {
-      localStorage.setItem("expandedAssignmentId", JSON.stringify(expandedAssignmentId));
-    } else {
-      localStorage.removeItem("expandedAssignmentId");
-    }
-  }, [expandedAssignmentId]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-    mt: 3,
     mb: 1,
     children: assignments.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -64,14 +47,14 @@ const AssignmentCardsList = ({
           sx: {
             textAlign: "center",
             mt: 2,
-            width: '70%'
+            width: "70%"
           },
           children: t("no_assignments_description")
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
           sx: {
             textAlign: "center",
             mt: 2,
-            width: '70%'
+            width: "70%"
           },
           children: t("assignments_description")
         }), isCreator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
@@ -122,7 +105,11 @@ const AssignmentCardsList = ({
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Refresh.default, {})
           })
         })]
-      }), assignments.map(assignment => /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentCard.default, {
+      }), assignments.filter(assignment => {
+        if (isCreator) return true;
+        if (!assignment.scheduleDate) return true;
+        return new Date(assignment.scheduleDate) <= new Date();
+      }).map(assignment => /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentCard.default, {
         assignment: assignment,
         t: t,
         isCreator: isCreator,
@@ -130,9 +117,7 @@ const AssignmentCardsList = ({
         getCourseSections: getCourseSections,
         getRoleplays: getRoleplays,
         deleteAssignment: deleteAssignment,
-        handleEditAssignment: handleEditAssignment,
-        isExpanded: expandedAssignmentId === assignment.assignmentId,
-        setExpandedAssignmentId: setExpandedAssignmentId
+        handleEditAssignment: handleEditAssignment
       }, assignment.assignmentId))]
     })
   });

package/dist/Assignments/CreateAssignmentDialog/CreateAssignmentDialog.js

@@ -336,17 +336,17 @@ function CreateAssignmentDialog({
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-      sx: {
+      sx: theme => ({
         position: "fixed",
         bottom: 0,
         width: "100%",
-        backgroundColor: "white",
-        boxShadow: "0 -2px 5px rgba(0,0,0,0.1)",
+        backgroundColor: theme.palette.background.paper,
+        boxShadow: theme.shadows[4],
         p: 2,
         textAlign: "center",
         display: "flex",
         justifyContent: "flex-end"
-      },
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
         color: "primary",
         sx: {
@@ -407,7 +407,7 @@ function CreateAssignmentDialog({
             color: "primary",
             fullWidth: true,
             onClick: () => {
-              handleCreateAssignment;
+              handleCreateAssignment();
               handleMenuClose();
             },
             children: t("schedule_assignment")

package/dist/Containers/App/App.js

@@ -215,7 +215,8 @@ function App({
   verificationStatus,
   gameAward,
   isCollapsed,
-  setIsCollapsed
+  setIsCollapsed,
+  isUserInternal
 }) {
   const theme = (0, _styles.useTheme)();
   const isLgScreen = (0, _useMediaQuery.default)(theme.breakpoints.up("md"));
@@ -407,7 +408,7 @@ function App({
               "data-cy": "appbar-create-course",
               children: t("course")
             })]
-          }), process.env.REACT_APP_STAGE === "dev" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+          }), (isUserInternal || process.env.REACT_APP_STAGE === "dev") && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
             onClick: handleCreateAssignment,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Assignment.default, {})

package/dist/Dialogs/RecordingDialog/RecordingDialog.js

@@ -37,7 +37,7 @@ function TranscriptViewer({
       const attendee = attendeesData.find(item => item.username === identifier);
       const userImage = attendee ? attendee.userImage : null;
       // console.log({ sentence, attendee, userImage, conversation })
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
         "aria-label": "go to time in recording",
         display: "flex",
         alignItems: "center",
@@ -49,27 +49,49 @@ function TranscriptViewer({
             backgroundColor: "#f2f2f2"
           }
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-          display: "flex",
-          alignItems: "center",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
-            alt: sentence?.username,
-            src: userImage,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
+          container: true,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+            item: true,
+            xs: 4,
+            md: 3,
             sx: {
-              width: 24,
-              height: 24,
-              marginRight: "8px"
-            }
-          }), sentence?.user && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            style: {
-              fontWeight: "bold",
-              marginRight: "8px"
+              display: "flex",
+              flexDirection: "column"
             },
-            children: `${sentence.user}:`
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+              display: "flex",
+              alignItems: "center",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
+                alt: sentence?.username,
+                src: userImage,
+                sx: {
+                  width: 24,
+                  height: 24,
+                  marginRight: "8px"
+                }
+              }), sentence?.user && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                style: {
+                  fontWeight: "bold",
+                  marginRight: "8px"
+                },
+                children: `${sentence.user}:`
+              })]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+            item: true,
+            xs: 8,
+            md: 9,
+            sx: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "left"
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+              children: sentence.text
+            })
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-          children: sentence.text
-        })]
+        })
       }, `conversation-${i}`);
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
       variant: "body2",

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

@@ -395,6 +395,7 @@ function Classroom({
   handleEditAssignment,
   getCourses,
   refreshAssignments,
+  isUserInternal,
   ...otherProps
 }) {
   const {
@@ -870,12 +871,11 @@ function Classroom({
         featureFlags: featureFlags
       })
     }, `tab-content-progress`)
-  }, ...(process.env.REACT_APP_STAGE === "dev" ? [{
+  }, ...(isUserInternal && process.env.REACT_APP_STAGE === "dev" ? [{
     label: t("assignments"),
     disabled: isMember && isSubscriptionExpired,
     id: "Assignments",
     TabContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-      py: 1,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentCardsList.default, {
         t: t,
         isCreator: isCreator,

package/dist/utils/constants.js

@@ -3,5 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.botErrorMessage = void 0;
-const botErrorMessage = exports.botErrorMessage = "ERR: No default topic 'random' was found!";
+exports.mockConversation = exports.botErrorMessage = void 0;
+const botErrorMessage = exports.botErrorMessage = "ERR: No default topic 'random' was found!";
+const mockConversation = exports.mockConversation = [{
+  start_time: "2025-04-10T10:15:00Z",
+  end_time: "2025-04-10T10:16:00Z",
+  text: "Hey, did you check the assignment yet?",
+  user: "seriouslylong Name 12345",
+  userId: "u123"
+}, {
+  start_time: "2025-04-10T10:16:10Z",
+  end_time: "2025-04-10T10:17:00Z",
+  text: "Yeah, looks tough. Want to work on it together?",
+  user: "Bob",
+  userId: "u456"
+}, {
+  start_time: "2025-04-10T10:17:05Z",
+  end_time: "2025-04-10T10:17:30Z",
+  text: "Sure, let's meet at the library around 4? Also I have been thinking recently about something you told me a few weeks ago, would you like to hear my thoughts?",
+  user: "seriouslylong Name 12345",
+  userId: "u123"
+}, {
+  start_time: "2025-04-10T10:18:00Z",
+  end_time: "2025-04-10T10:18:30Z",
+  text: "Sounds good. I'll bring my notes.",
+  user: "Bob",
+  userId: "u456"
+}, {
+  start_time: "2025-04-10T10:19:00Z",
+  end_time: "2025-04-10T10:19:20Z",
+  text: "Great, see you then!",
+  user: "seriouslylong Name 12345",
+  userId: "u123"
+}];

package/package.json

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