@nualang/nualang-ui-components 0.1.1310 → 0.1.1312

package/dist/Dialogs/GroupedFeedbackDialog/GroupedFeedbackDialog.js

@@ -41,7 +41,10 @@ export default function GroupFeedbackDialog({
     return map;
   }, [submissionsForGroup]);
   const totalDiscussions = discussionsInGroup.length;
-  const submittedCount = submissionsForGroup.length > 0 ? 1 : 0;
+  const submittedCount = discussionsInGroup.filter(discussion => {
+    const meetingId = discussion.meetingID || discussion.meetingId;
+    return Boolean(submissionsByMeetingId[meetingId]);
+  }).length;
   const progress = totalDiscussions > 0 ? Math.round(submittedCount / totalDiscussions * 100) : 0;
   const ratio = totalDiscussions > 0 ? submittedCount / totalDiscussions : 0;
   const ringColor = ratio === 0 ? grey[500] : ratio > 0 && ratio <= 1 / 3 ? red[600] : ratio > 1 / 3 && ratio <= 2 / 3 ? orange[600] : ratio > 2 / 3 && ratio < 1 ? green[600] : green[600];

package/dist/Dialogs/RecordingDialog/RecordingDialog.js

@@ -7,6 +7,8 @@ import PropTypes from "prop-types";
 import { Box, Typography, Divider, Avatar, Skeleton } from "@mui/material";
 import ErrorIcon from "@mui/icons-material/Error";
 import { red } from "@mui/material/colors";
+import { useMediaQuery } from "@mui/material";
+import { useTheme } from "@mui/material/styles";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function TranscriptViewer({
   conversation = {},
@@ -66,7 +68,7 @@ function TranscriptViewer({
         onClick: () => goToTimestamp(sentence.start_time, sentence.end_time),
         sx: theme => ({
           display: "flex",
-          alignItems: "center",
+          flexDirection: "column",
           mb: 1,
           cursor: "pointer",
           p: 1,
@@ -75,23 +77,33 @@ function TranscriptViewer({
             backgroundColor: theme.palette.mode === "dark" ? theme.palette.primary.main : "#f9f9f9"
           }
         }),
-        children: [/*#__PURE__*/_jsx(Avatar, {
-          alt: sentence?.username,
-          src: userImage,
+        children: [/*#__PURE__*/_jsxs(Box, {
           sx: {
-            width: 24,
-            height: 24,
-            mr: 1
-          }
-        }), sentence?.user && /*#__PURE__*/_jsx(Typography, {
-          variant: "subtitle2",
-          fontWeight: "bold",
-          sx: {
-            mr: 1
+            display: "flex",
+            alignItems: "center",
+            mb: 0.5
           },
-          children: `${sentence.user}:`
+          children: [/*#__PURE__*/_jsx(Avatar, {
+            alt: sentence?.username,
+            src: userImage,
+            sx: {
+              width: 24,
+              height: 24,
+              mr: 1
+            }
+          }), sentence?.user && /*#__PURE__*/_jsx(Typography, {
+            variant: "subtitle2",
+            fontWeight: "bold",
+            sx: {
+              whiteSpace: "nowrap"
+            },
+            children: sentence.user
+          })]
         }), /*#__PURE__*/_jsx(Typography, {
           variant: "body2",
+          sx: {
+            ml: 4
+          },
           children: sentence.text
         })]
       }, `conversation-${i}`);
@@ -119,6 +131,8 @@ export default function RecordingDialog({
   attendeesData,
   hasBadLanguage
 }) {
+  const theme = useTheme();
+  const isSmallScreen = useMediaQuery(theme.breakpoints.down("sm"));
   return /*#__PURE__*/_jsx(_Fragment, {
     children: attendeesData.length > 0 && /*#__PURE__*/_jsx(ResponsiveDialog, {
       open: open,
@@ -196,7 +210,7 @@ export default function RecordingDialog({
             },
             onContextMenu: e => e.preventDefault()
           })
-        }), /*#__PURE__*/_jsx(Divider, {
+        }), !isSmallScreen && /*#__PURE__*/_jsx(Divider, {
           orientation: "vertical",
           variant: "middle",
           flexItem: true,
@@ -204,7 +218,10 @@ export default function RecordingDialog({
             paddingLeft: "20px"
           }
         }), /*#__PURE__*/_jsx(Grid, {
-          size: 4.5,
+          size: {
+            sx: 12,
+            md: 4.5
+          },
           children: /*#__PURE__*/_jsx(TranscriptViewer, {
             t: t,
             attendeesData: attendeesData,

package/dist/Tables/MeetingPrompstList/MeetingPromptsList.js

@@ -183,8 +183,9 @@ const MeetingPromptsList = withStyles(({
     }), /*#__PURE__*/_jsxs(List, {
       children: [sortedScheduleListData.slice(0, cardsToShow).map((discussion, i) => {
         const totalDiscussions = meetingCounts[discussion?.groupedId] || 0;
-        const hasSubmissions = groupedRecordings[discussion.groupedId]?.length > 0;
-        const submittedCount = hasSubmissions ? 1 : 0;
+        const recordingsForGroup = groupedRecordings[discussion.groupedId] || [];
+        const submittedMeetingIds = new Set(recordingsForGroup.map(rec => rec.meetingId || rec.meetingID).filter(Boolean));
+        const submittedCount = submittedMeetingIds.size;
         const progress = totalDiscussions > 0 ? Math.round(submittedCount / totalDiscussions * 100) : 0;
         return /*#__PURE__*/_jsx(Card, {
           sx: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1310",
+  "version": "0.1.1312",
   "type": "module",
   "main": "dist/index.js",
   "files": [