@nualang/nualang-ui-components 0.1.1172 → 0.1.1173

package/dist/Dialogs/FeedbackDialog/FeedbackDialog.js

@@ -24,7 +24,6 @@ const StyledDiv = (0, _material.styled)("div")(() => ({
 }));
 function CreateFeedbackDialog({
   handleSubmit = () => {},
-  attendees = [],
   attendeesData = [],
   data = {},
   handleGradeConversation = () => {},
@@ -95,7 +94,6 @@ function CreateFeedbackDialog({
     handleGradeConversation: handleGradeConversation,
     aiGrade: aiGrade,
     attendeesData: attendeesData,
-    attendees: attendees,
     handleClosefeedbackForm: handleClosefeedbackForm,
     handleSubmit: handleSubmit,
     initialValues: values,
@@ -119,7 +117,6 @@ CreateFeedbackDialog.propTypes = {
   saveTranscript: _propTypes.default.func,
   attendeesData: _propTypes.default.array,
   t: _propTypes.default.func,
-  attendees: _propTypes.default.object,
   data: _propTypes.default.object,
   handleGradeConversation: _propTypes.default.func,
   aiGrade: _propTypes.default.string,

package/dist/Dialogs/RecordingDialog/RecordingDialog.js

@@ -78,7 +78,6 @@ function RecordingDialog({
   open,
   handleClose,
   meetingID,
-  attendees,
   meetingPrompt,
   isTeacher,
   goToTimestamp,
@@ -95,7 +94,7 @@ function RecordingDialog({
   handleCreateFeedback,
   attendeesData
 }) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ResponsiveDialog.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, attendeesData.length > 0 && /*#__PURE__*/_react.default.createElement(_ResponsiveDialog.default, {
     open: open,
     handleClose: handleClose,
     maxWidth: 1,
@@ -145,16 +144,15 @@ function RecordingDialog({
   }, /*#__PURE__*/_react.default.createElement(_RecordingInfo.default, {
     t: t,
     meetingID: meetingID,
-    attendees: attendees,
     attendeesData: attendeesData,
     meetingPrompt: meetingPrompt,
-    meetingTopic: meetingTopic
+    meetingTopic: meetingTopic,
+    isTeacher: isTeacher
   }), isTeacher ? /*#__PURE__*/_react.default.createElement(_FeedbackDialog.default, {
     t: t,
     loading: loading,
     saveTranscript: saveTranscript,
     attendeesData: attendeesData,
-    attendees: attendees,
     data: selectedRecording,
     selectedRecording: selectedRecording,
     handleGradeConversation: handleGradeConversation,
@@ -172,8 +170,7 @@ RecordingDialog.propTypes = {
   open: _propTypes.default.bool,
   handleClose: _propTypes.default.func,
   meetingID: _propTypes.default.string,
-  attendees: _propTypes.default.object,
-  attendeesData: _propTypes.default.object,
+  attendeesData: _propTypes.default.array,
   meetingTopic: _propTypes.default.string,
   meetingPrompt: _propTypes.default.string,
   isTeacher: _propTypes.default.bool,

package/dist/Forms/FeedbackForm/FeedbackForm.js

@@ -744,9 +744,9 @@ FeedbackForm.propTypes = {
   handleChange: _propTypes.default.func,
   handleBlur: _propTypes.default.func,
   handleSubmit: _propTypes.default.func,
-  attendees: _propTypes.default.object,
   aiGrade: _propTypes.default.object,
-  t: _propTypes.default.func
+  t: _propTypes.default.func,
+  attendeesData: _propTypes.default.array
 };
 function CreateFeedbackForm({
   initialValues = {
@@ -780,7 +780,6 @@ function CreateFeedbackForm({
   },
   handleSubmit: handleSubmitFeedback,
   enableReinitialize,
-  attendees,
   attendeesData,
   handleGradeConversation,
   aiGrade = {},
@@ -839,7 +838,6 @@ function CreateFeedbackForm({
         handleClosefeedbackForm: handleClosefeedbackForm,
         handleChange: handleChange,
         values: values,
-        attendees: attendees,
         attendeesData: attendeesData,
         handleGradeConversation: handleGradeConversation,
         conversation: conversation,
@@ -869,7 +867,7 @@ CreateFeedbackForm.propTypes = {
   onSubmit: _propTypes.default.func,
   handleSubmit: _propTypes.default.func,
   handleGradeConversation: _propTypes.default.func,
-  attendees: _propTypes.default.object,
   aiGrade: _propTypes.default.object,
-  conversation: _propTypes.default.object
+  conversation: _propTypes.default.object,
+  attendeesData: _propTypes.default.array
 };

package/dist/Forms/RecordingInfo/RecordingInfo.js

@@ -4,19 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = RecordingInfo;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _FeedbackInfoDialog = _interopRequireDefault(require("../../Dialogs/FeedbackInfoDialog/FeedbackInfoDialog"));
 var _material = require("@mui/material");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 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; }
 // eslint-disable-next-line no-unused-vars
 
 function RecordingInfo({
   meetingPrompt = "",
   meetingTopic = "",
   t = text => text,
-  attendeesData
+  attendeesData,
+  isTeacher
 }) {
-  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+  const [viewFeedbackOpen, setViewFeedbackOpen] = (0, _react.useState)(false);
+  const [recordingFeedback, setRecordingFeedback] = (0, _react.useState)({});
+  const theme = (0, _material.useTheme)();
+  const isLgUp = (0, _material.useMediaQuery)(theme.breakpoints.up("lg"));
+  const handleCloseViewFeedback = () => {
+    setViewFeedbackOpen(false);
+  };
+  const handleViewFeedbackOpen = attendee => {
+    setRecordingFeedback(attendee.feedback);
+    setViewFeedbackOpen(true);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
     p: 3
   }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Typography, {
     fontWeight: "bold",
@@ -30,31 +45,71 @@ function RecordingInfo({
     variant: "h6"
   }, t("discussion_prompt")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
     variant: "body1"
-  }, meetingPrompt)), /*#__PURE__*/_react.default.createElement(_material.Box, {
-    mt: 3
+  }, meetingPrompt)), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true,
+    spacing: 1,
+    sx: {
+      mt: 2
+    },
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    xs: 12
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
     fontWeight: "bold",
     variant: "h6"
-  }, t("attendees")), /*#__PURE__*/_react.default.createElement(_material.List, null, [attendeesData].flat()?.map((attendee, index) => /*#__PURE__*/_react.default.createElement(_material.Box, {
-    key: attendee?.memberId,
+  }, t("attendees"))), [attendeesData].flat()?.map((attendee, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    key: attendee.memberId
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    xs: 12,
+    lg: isTeacher ? 4 : 12
+  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
     display: "flex",
     alignItems: "center",
-    sx: {
-      marginBottom: 2
-    }
+    sx: isLgUp || !isTeacher ? {
+      mb: 2
+    } : {}
   }, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
-    alt: attendee?.username,
-    src: attendee?.userImage
+    alt: attendee.username,
+    src: attendee.userImage
   }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
     sx: {
       marginLeft: 2
     }
-  }, attendee?.username))))));
+  }, attendee.username))), isTeacher && /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    xs: 12,
+    lg: 8,
+    sx: isLgUp ? {
+      display: "flex",
+      justifyContent: "flex-end",
+      alignItems: "center"
+    } : {}
+  }, /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+    title: Object.keys(attendee.feedback).length === 0 ? t("no_feedback") : "",
+    placement: "top",
+    arrow: true
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_material.Button, {
+    "aria-label": t("view_feedback"),
+    variant: "outlined",
+    onClick: () => handleViewFeedbackOpen(attendee),
+    disabled: Object.keys(attendee.feedback).length === 0,
+    sx: isLgUp ? {
+      mb: 2
+    } : {
+      mb: 1
+    }
+  }, t("view_feedback"))))))))), /*#__PURE__*/_react.default.createElement(_FeedbackInfoDialog.default, {
+    feedbackOpen: viewFeedbackOpen,
+    feedbackHandleClose: handleCloseViewFeedback,
+    recordingFeedback: recordingFeedback,
+    t: t
+  }));
 }
 RecordingInfo.propTypes = {
   meetingPrompt: _propTypes.default.string,
   meetingTopic: _propTypes.default.string,
-  meetingID: _propTypes.default.string,
-  attendees: _propTypes.default.array,
-  t: _propTypes.default.func
+  t: _propTypes.default.func,
+  attendeesData: _propTypes.default.array
 };

package/dist/Forms/RecordingInfo/RecordingInfo.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.props = exports.default = exports.Default = void 0;
+exports.props = exports.default = exports.Teacher = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _RecordingInfo = _interopRequireDefault(require("./RecordingInfo"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -11,8 +11,58 @@ const Template = args => /*#__PURE__*/_react.default.createElement(_RecordingInf
 const props = exports.props = {
   meetingTopic: "The Beach",
   meetingPrompt: "Going to the beach with friends",
-  emails: ["aaron.cullen@fathomtech.io", "connor.cawley@fathomtech.io", "stephen.kelly@fathomtech.io"],
-  meetingID: "abcdef123456"
+  attendeesData: [{
+    classroomId: "test-classroom",
+    createdAt: 1719919556228,
+    createdBy: "user1",
+    memberId: "user1",
+    role: "student",
+    updatedAt: 1719919556228,
+    username: "Diego Maradona",
+    feedback: {
+      feedback1: [{
+        feedbackLevel: 0,
+        feedbackLevelName: "Novice Low",
+        methodCheck: "Teacher"
+      }],
+      feedback2: [{
+        feedbackLevel: 1,
+        feedbackLevelName: "Novice Mid",
+        methodCheck: "Teacher"
+      }],
+      feedback3: [{
+        feedbackLevel: 2,
+        feedbackLevelName: "Novice High",
+        methodCheck: "Teacher"
+      }],
+      feedback4: [{
+        feedbackLevel: 3,
+        feedbackLevelName: "Intermediate Low",
+        methodCheck: "Teacher"
+      }],
+      feedback5: [{
+        feedbackLevel: 3,
+        feedbackLevelName: "Intermediate Low",
+        methodCheck: "Teacher"
+      }],
+      feedback6: [{
+        feedbackLevel: 0,
+        feedbackLevelName: "Not Applicable",
+        fromTeacher: true
+      }],
+      feedbackText: "You did great!",
+      gradingOption: "Individual Grade"
+    }
+  }, {
+    classroomId: "test-classroom",
+    createdAt: 1719919556229,
+    createdBy: "user2",
+    memberId: "user2",
+    role: "student",
+    updatedAt: 1719919556229,
+    username: "Cristiano Ronaldofsdfsfsfsfdsfsdfds",
+    feedback: {}
+  }]
 };
 var _default = exports.default = {
   title: "Forms/RecordingInfo",
@@ -24,4 +74,10 @@ Default.args = {
   ...props,
   loading: false
 };
-Default.storyName = "default";
+Default.storyName = "default";
+const Teacher = exports.Teacher = Template.bind({});
+Teacher.args = {
+  ...props,
+  isTeacher: true
+};
+Teacher.storyName = "teacher";

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

@@ -374,7 +374,8 @@ function Classroom({
     handleEditDiscussion,
     editBackgroundImages,
     editMeetingImages,
-    setSelectedDiscussion
+    setSelectedDiscussion,
+    meetingRecsData
   } = vchatProps;
   const isSmallScreen = (0, _useMediaQuery.default)("(max-width:410px)");
   const {
@@ -837,7 +838,8 @@ function Classroom({
       getMeeting: getMeeting,
       getRecordings: getRecordings,
       selectedRecording: selectedRecording,
-      setSelectedRecording: setSelectedRecording
+      setSelectedRecording: setSelectedRecording,
+      meetingRecsData: meetingRecsData
     }))), discussions?.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
       id: "discussScheduled"
     }, /*#__PURE__*/_react.default.createElement(_ScheduleListCards.default, {

package/dist/Screens/Dashboard/Dashboard.js

@@ -14,8 +14,6 @@ var _Forum = _interopRequireDefault(require("@mui/icons-material/Forum"));
 var _BubbleChart = _interopRequireDefault(require("@mui/icons-material/BubbleChart"));
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
 var _Courses = _interopRequireDefault(require("../../Lists/Courses"));
-var _Roleplays = _interopRequireDefault(require("../../Lists/Roleplays"));
-var _Bots = _interopRequireDefault(require("../../Lists/Bots"));
 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; }
@@ -50,24 +48,12 @@ function Dashboard({
   t = text => text,
   completions = [],
   avatars = [],
-  newRoleplays = [],
-  handleSelectRoleplay,
-  newBots = [],
-  handleSelectBot,
-  handleShareBot,
-  handlePlayBot,
-  handleShareRoleplay,
-  handlePlayRoleplay,
   newCourses = [],
   recommendedCourses = [],
   popularCourses = [],
   isNewCoursesLoading,
   isRecommendedCoursesLoading,
-  isNewRoleplaysLoading,
-  isNewBotsLoading,
   isPopularCoursesLoading,
-  handleDuplicateBot,
-  handleDuplicateRoleplay,
   singleLineGrid = true,
   singleLineGridCols = 4,
   handleStartCourse,
@@ -91,7 +77,6 @@ function Dashboard({
   getCourseMember,
   getCourseMembers,
   username,
-  subscription,
   memberId,
   handleDuplicateCourse
 }) {
@@ -317,98 +302,5 @@ function Dashboard({
     handleDuplicateCourse: handleDuplicateCourse
   })), /*#__PURE__*/_react.default.createElement(_material.Box, {
     pb: 2
-  }, /*#__PURE__*/_react.default.createElement(_material.Divider, null))) : null, isNewRoleplaysLoading || newRoleplays.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    pb: 2
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.header
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.headerText
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    variant: "h5",
-    component: "h2"
-  }, newRoleplays.length > 0 ? t("new_roleplays") : /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
-    variant: "rectangular",
-    height: 32,
-    width: 250
-  }))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-    title: t("find_roleplay")
-  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
-    onClick: handleSearchRoleplays,
-    "aria-label": t("find_roleplay"),
-    color: "inherit",
-    "data-cy": "search-roleplay-fab",
-    size: "large",
-    role: "link"
-  }, /*#__PURE__*/_react.default.createElement(_Search.default, null))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-    title: t("create_roleplay")
-  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
-    onClick: handleCreateRoleplay,
-    "aria-label": t("create_roleplay"),
-    color: "inherit",
-    "data-cy": "add-roleplay-fab",
-    size: "large",
-    role: "link"
-  }, /*#__PURE__*/_react.default.createElement(_Add.default, null)))), /*#__PURE__*/_react.default.createElement(_Roleplays.default, {
-    t: t,
-    roleplays: Array.isArray(newRoleplays) && newRoleplays.length ? newRoleplays : null,
-    handleSelectRoleplay: handleSelectRoleplay,
-    handlePlayRoleplay: handlePlayRoleplay,
-    handleShareRoleplay: handleShareRoleplay,
-    selectText: "play",
-    avatars: avatars,
-    handleDuplicateRoleplay: handleDuplicateRoleplay,
-    singleLineGrid: singleLineGrid,
-    singleLineGridCols: singleLineGridCols,
-    handleViewUserProfile: handleViewUserProfile,
-    subscription: subscription
-  })), /*#__PURE__*/_react.default.createElement(_material.Box, {
-    pb: 2
-  }, /*#__PURE__*/_react.default.createElement(_material.Divider, null))) : null, isNewBotsLoading || newBots.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    pb: 2
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.header
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.headerText
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    variant: "h5",
-    component: "h2"
-  }, newBots.length > 0 ? t("new_bots") : /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
-    variant: "rectangular",
-    height: 32,
-    width: 250
-  }))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-    title: t("find_bot")
-  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
-    onClick: handleSearchBots,
-    "aria-label": t("find_bot"),
-    color: "inherit",
-    "data-cy": "search-bot-fab",
-    size: "large",
-    role: "link"
-  }, /*#__PURE__*/_react.default.createElement(_Search.default, null))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-    title: t("create_bot")
-  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
-    onClick: handleCreateBot,
-    "aria-label": t("create_bot"),
-    color: "inherit",
-    "data-cy": "add-bot-fab",
-    size: "large",
-    role: "link"
-  }, /*#__PURE__*/_react.default.createElement(_Add.default, null)))), /*#__PURE__*/_react.default.createElement(_Bots.default, {
-    t: t,
-    bots: Array.isArray(newBots) && newBots.length ? newBots : null,
-    handleSelectBot: handleSelectBot,
-    handlePlayBot: handlePlayBot,
-    handleShareBot: handleShareBot,
-    selectText: "play",
-    avatars: avatars,
-    handleDuplicateBot: handleDuplicateBot,
-    singleLineGrid: singleLineGrid,
-    singleLineGridCols: singleLineGridCols,
-    handleViewUserProfile: handleViewUserProfile,
-    subscription: subscription,
-    disablePreview: true
-  })), /*#__PURE__*/_react.default.createElement(_material.Box, {
-    pb: 2
   }, /*#__PURE__*/_react.default.createElement(_material.Divider, null))) : null);
 }

package/dist/Tables/SubmissionsTableCards/SubmissionsTableCards.js

@@ -34,11 +34,13 @@ const SubmissionsTableCards = (0, _mui.withStyles)(({
   selectedRecording,
   setSelectedRecording,
   saveTranscript = () => {},
+  meetingRecsData,
   t = text => text
 }) => {
   const [open, setOpen] = (0, _react.useState)(false);
   const [feedbackOpen, setFeedbackOpen] = (0, _react.useState)(false);
   const [cardsToShow, setCardsToShow] = (0, _react.useState)(3);
+  const [attendeesData, setAttendeesData] = (0, _react.useState)([]);
 
   // const handleRefresh = async () => {
   //     await getRecordings();
@@ -48,26 +50,23 @@ const SubmissionsTableCards = (0, _mui.withStyles)(({
     setSelectedRecording(recording);
     setOpen(true);
   };
-  const handleFeedbackJoin = recording => {
-    setSelectedRecording(recording);
-    setFeedbackOpen(true);
-  };
-  const attendeeUsernames = [];
-  userData.forEach(user => {
-    [selectedRecording?.attendees].flat().forEach(attendee => {
-      if (user.memberId === attendee) {
-        attendeeUsernames.push(user?.username);
-      }
-    });
-  });
-  const attendeesData = [];
-  userData.forEach(user => {
-    [selectedRecording?.attendees].flat().forEach(attendee => {
-      if (user.memberId === attendee) {
-        attendeesData.push(user);
-      }
-    });
-  });
+  (0, _react.useEffect)(() => {
+    if (open && meetingRecsData) {
+      const attendees = [selectedRecording?.attendees].flat();
+      const newAttendeesData = userData.filter(user => attendees.includes(user.memberId)).map(user => {
+        const recordingFeedback = meetingRecsData.find(rec => rec.userId === user.memberId);
+        return {
+          ...user,
+          feedback: recordingFeedback ? {
+            ...recordingFeedback,
+            userId: undefined
+          } : {}
+        };
+      });
+      setAttendeesData(newAttendeesData);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, meetingRecsData]);
   const uniqueMeetingIds = [];
   const uniqueSubmissions = submissionsTableData.filter(row => {
     const meetingId = row.meetingId;
@@ -77,6 +76,10 @@ const SubmissionsTableCards = (0, _mui.withStyles)(({
     }
     return false;
   });
+  const handleClose = () => {
+    setOpen(false);
+    setAttendeesData([]);
+  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
       marginBottom: 2
@@ -89,19 +92,11 @@ const SubmissionsTableCards = (0, _mui.withStyles)(({
     className: classes.grow
   }), loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LoadingCard.default, null), /*#__PURE__*/_react.default.createElement(_LoadingCard.default, null)) : uniqueSubmissions && uniqueSubmissions.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, uniqueSubmissions.slice(0, cardsToShow).map(row => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SubmissionsCard.default, {
     t: t,
-    userData: userData,
     submissionsTableData: row,
     handleView: () => handleJoin(row),
-    handleViewFeedback: () => handleFeedbackJoin(row),
-    selectedRecording: selectedRecording,
-    setSelectedRecording: setSelectedRecording,
-    open: open,
-    handleClose: () => setOpen(false),
-    feedbackOpen: feedbackOpen,
-    feedbackHandleClose: () => setFeedbackOpen(false)
+    userData: userData
   }), /*#__PURE__*/_react.default.createElement(_RecordingDialog.default, {
     t: t,
-    attendees: attendeeUsernames,
     attendeesData: attendeesData,
     open: open,
     row: row,
@@ -112,7 +107,7 @@ const SubmissionsTableCards = (0, _mui.withStyles)(({
     handleGradeConversation: handleGradeConversation,
     aiGrade: aiGrade,
     s3EventsUrl: s3EventsUrl,
-    handleClose: () => setOpen(false),
+    handleClose: handleClose,
     emails: row?.attendees,
     meetingID: selectedRecording?.meetingId,
     meetingPrompt: selectedRecording?.meetingPrompt,
@@ -120,10 +115,10 @@ const SubmissionsTableCards = (0, _mui.withStyles)(({
     isTeacher: true,
     goToTimestamp: goToTimestamp,
     conversation: conversation,
-    handleCreateFeedback: handleCreateFeedback
+    handleCreateFeedback: handleCreateFeedback,
+    meetingRecsData: meetingRecsData
   }), /*#__PURE__*/_react.default.createElement(_FeedbackInfoDialog.default, {
     t: t,
-    attendees: attendeeUsernames,
     feedbackOpen: feedbackOpen,
     handleCreateFeedback: handleCreateFeedback,
     feedbackHandleClose: () => setFeedbackOpen(false),
@@ -167,6 +162,7 @@ SubmissionsTableCards.propTypes = {
   })),
   classes: _propTypes.default.object.isRequired,
   propsPageChange: _propTypes.default.func,
-  propsRowChange: _propTypes.default.func
+  propsRowChange: _propTypes.default.func,
+  attendeesData: _propTypes.default.array
 };
 var _default = exports.default = SubmissionsTableCards;

package/package.json

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