@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Tables/ScheduleListCards/ScheduleListCards.js

@@ -1,92 +0,0 @@
-/* eslint-disable no-unused-vars */
-import { useState, Fragment } from "react";
-import PropTypes from "prop-types";
-import { withStyles } from "tss-react/mui";
-import { Typography, Button, Box } from "@mui/material";
-import Styles from "../../utils/Styles";
-import ScheduleCard from "../../Cards/ScheduleCard/ScheduleCard";
-import LoadingCard from "../../Cards/LoadingCard/LoadingCard";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const ScheduleListCards = withStyles(({
-  loading,
-  userData = [],
-  scheduleListData = [],
-  joinMeeting,
-  t = text => text
-}) => {
-  const [selectedMeeting, setSelectedMeeting] = useState({});
-  const [cardsToShow, setCardsToShow] = useState(3);
-  const handleJoin = meeting => {
-    setSelectedMeeting(meeting);
-    joinMeeting(meeting);
-  };
-  const currentDate = new Date();
-
-  // Filter the items with dates that have not passed
-  const futureMeetings = scheduleListData.filter(row => {
-    const meetingDate = new Date(`${row.meetingDate} ${row.meetingTime}`);
-    return meetingDate >= currentDate && row.meetingRecorded === "false";
-  });
-  function compare(a, b) {
-    const dateTimeA = new Date(`${a.meetingDate} ${a.meetingTime}`);
-    const dateTimeB = new Date(`${b.meetingDate} ${b.meetingTime}`);
-    return dateTimeA - dateTimeB;
-  }
-  return /*#__PURE__*/_jsxs(Fragment, {
-    children: [loading ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(LoadingCard, {}), /*#__PURE__*/_jsx(LoadingCard, {})]
-    }) : futureMeetings && futureMeetings.length > 0 ? futureMeetings.sort(compare).slice(0, cardsToShow) // Modify mapping to display only the desired number of cards
-    .map((row, i) => /*#__PURE__*/_jsx(ScheduleCard, {
-      t: t,
-      userData: userData,
-      scheduleListData: row,
-      handleJoin: () => handleJoin(row),
-      futureMeeting: true,
-      // Don't forget to add a key prop
-      teacherView: false
-    }, i)) : /*#__PURE__*/_jsx(Box, {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "10vh",
-        // You can adjust the height as needed
-        textAlign: "center" // Center-align text
-      },
-      children: /*#__PURE__*/_jsx(Typography, {
-        component: "h5",
-        variant: "h5",
-        children: t("no_scheduled_discussions_found")
-      })
-    }), futureMeetings?.length > cardsToShow && /*#__PURE__*/_jsx(Button, {
-      variant: "outlined",
-      "aria-label": t("view_more"),
-      onClick: () => setCardsToShow(cardsToShow + 2) // Load 2 more cards on button click
-      ,
-      children: t("view_more")
-    })]
-  });
-}, Styles);
-ScheduleListCards.propTypes = {
-  memberId: PropTypes.string,
-  loading: PropTypes.bool,
-  handleListUserAuthEvents: PropTypes.func,
-  userData: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string,
-    EventType: PropTypes.string,
-    CreationDate: PropTypes.string,
-    EventResponse: PropTypes.string,
-    EventRisk: PropTypes.shape({
-      RiskDecision: PropTypes.string
-    }),
-    EventContextData: PropTypes.shape({
-      City: PropTypes.string,
-      Country: PropTypes.string
-    })
-  })),
-  classes: PropTypes.object.isRequired,
-  propsPageChange: PropTypes.func,
-  propsRowChange: PropTypes.func,
-  t: PropTypes.func
-};
-export default ScheduleListCards;

package/dist/Tables/SubmissionsTableCards/SubmissionsTableCards.js

@@ -1,296 +0,0 @@
-import { useEffect, useState, Fragment } from "react";
-import PropTypes from "prop-types";
-import { withStyles } from "tss-react/mui";
-import { Typography, Box, List, Dialog, DialogContent, Card, CardActionArea, CardContent, Grid, Button, ButtonGroup } from "@mui/material";
-import Styles from "../../utils/Styles";
-import LoadingCard from "../../Cards/LoadingCard/LoadingCard";
-import RecordingListCards from "../RecordingListCards/RecordingListCards";
-import ConfirmDeleteDiscussion from "../../Dialogs/ConfirmDeleteDiscussion/ConfirmDeleteDiscussion";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const SubmissionsTableCards = withStyles(({
-  classes,
-  loading,
-  submissionsTableData = [],
-  handleBatchGradeConversations,
-  handleCreateFeedback,
-  aiGrade,
-  s3EventsUrl,
-  s3Url,
-  playerRef,
-  conversation,
-  goToTimestamp,
-  userData,
-  selectedRecording,
-  setSelectedRecording,
-  saveTranscript = () => {},
-  handleArchiveSubmissions = () => {},
-  getMeeting = () => {},
-  meetingRecsData,
-  resetVideoState = () => {},
-  t = text => text
-}) => {
-  const [cardsToShow, setCardsToShow] = useState(3);
-  const [attendeesData, setAttendeesData] = useState([]);
-  const [isDialogOpen, setDialogOpen] = useState(false);
-  const [groupedId, setGroupedId] = useState("");
-  const [filter, setFilter] = useState("active");
-  const [isDeleteDiscussionOpen, setIsDeleteDiscussionOpen] = useState(false);
-  useEffect(() => {
-    if (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);
-    }
-  }, [meetingRecsData, selectedRecording]);
-  const uniqueMeetingIds = [];
-  const uniqueSubmissions = submissionsTableData.filter(row => {
-    const meetingId = row.meetingId;
-    if (!uniqueMeetingIds.includes(meetingId)) {
-      uniqueMeetingIds.push(meetingId);
-      return true;
-    }
-    return false;
-  });
-  const groupedData = uniqueSubmissions.reduce((acc, item) => {
-    if (!acc[item.groupedId]) {
-      acc[item.groupedId] = [];
-    }
-    acc[item.groupedId].push(item);
-    return acc;
-  }, {});
-  const uniqueGroupedIds = [];
-  const uniqueGroups = uniqueSubmissions.filter(row => {
-    const groupedId = row.groupedId;
-    if (!uniqueGroupedIds.includes(groupedId)) {
-      uniqueGroupedIds.push(groupedId);
-      return true;
-    }
-    return false;
-  });
-  const activeUniqueGroups = uniqueGroups.filter(row => !row.archived);
-  const archivedUniqueGroups = uniqueGroups.filter(row => row.archived);
-  const sortByLatestTimestamp = groups => {
-    return groups.slice().sort((a, b) => {
-      const groupA = groupedData[a.groupedId];
-      const groupB = groupedData[b.groupedId];
-      const latestA = Math.max(...groupA.map(item => new Date(item.timestamp).getTime()));
-      const latestB = Math.max(...groupB.map(item => new Date(item.timestamp).getTime()));
-      return latestB - latestA;
-    });
-  };
-  const displayedGroups = filter === "active" ? sortByLatestTimestamp(activeUniqueGroups) : sortByLatestTimestamp(archivedUniqueGroups);
-  const calculateMeetingCounts = () => {
-    const counts = {};
-    uniqueSubmissions?.forEach(item => {
-      counts[item.groupedId] = (counts[item.groupedId] || 0) + 1;
-    });
-    return counts;
-  };
-  const meetingCounts = calculateMeetingCounts();
-  return /*#__PURE__*/_jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(Box, {
-      sx: {
-        marginBottom: 2
-      },
-      children: /*#__PURE__*/_jsx(Typography, {
-        variant: "headline",
-        sx: {
-          color: 'inherit',
-          fontSize: 24
-        },
-        children: t("submissions")
-      })
-    }), /*#__PURE__*/_jsxs(ButtonGroup, {
-      sx: {
-        marginTop: 2,
-        marginBottom: 1,
-        borderRadius: 0
-      },
-      variant: "outlined",
-      children: [/*#__PURE__*/_jsx(Button, {
-        sx: {
-          borderRadius: 1
-        },
-        color: "primary",
-        variant: filter === "active" ? "contained" : "outlined",
-        onClick: () => setFilter("active"),
-        children: t("active")
-      }), /*#__PURE__*/_jsx(Button, {
-        sx: {
-          borderRadius: 1
-        },
-        color: "primary",
-        variant: filter === "archived" ? "contained" : "outlined",
-        onClick: () => setFilter("archived"),
-        children: t("archived")
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: classes.grow
-    }), loading ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(LoadingCard, {}), /*#__PURE__*/_jsx(LoadingCard, {})]
-    }) : uniqueSubmissions && uniqueSubmissions.length > 0 ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Dialog, {
-        role: "dialog",
-        open: isDialogOpen,
-        onClose: () => setDialogOpen(false),
-        fullWidth: true,
-        "aria-label": "created-discussions-table",
-        children: /*#__PURE__*/_jsx(DialogContent, {
-          children: /*#__PURE__*/_jsx(RecordingListCards, {
-            resetVideoState: resetVideoState,
-            attendeesData: attendeesData,
-            loading: loading,
-            s3Url: s3Url,
-            isTeacher: true,
-            s3EventsUrl: s3EventsUrl,
-            goToTimestamp: goToTimestamp,
-            conversation: conversation,
-            getMeeting: getMeeting,
-            handleCreateFeedback: handleCreateFeedback,
-            setSelectedRecording: setSelectedRecording,
-            selectedRecording: selectedRecording,
-            t: t,
-            userData: userData,
-            recordingsTableData: groupedData[groupedId],
-            handleBatchGradeConversations: handleBatchGradeConversations,
-            aiGrade: aiGrade,
-            playerRef: playerRef
-          })
-        })
-      }), /*#__PURE__*/_jsx(List, {
-        children: displayedGroups.slice(0, cardsToShow).map((discussion, i) => /*#__PURE__*/_jsx(Card, {
-          "aria-label": `View Created Recording: ${discussion}`,
-          sx: {
-            display: "flex",
-            marginBottom: 2,
-            boxShadow: 3
-          },
-          children: /*#__PURE__*/_jsxs(Grid, {
-            container: true,
-            sx: {
-              alignItems: 'center',
-              width: "100%"
-            },
-            children: [/*#__PURE__*/_jsx(Grid, {
-              size: 8,
-              children: /*#__PURE__*/_jsx(CardActionArea, {
-                onClick: () => {
-                  setGroupedId(discussion?.groupedId);
-                  setDialogOpen(true);
-                },
-                children: /*#__PURE__*/_jsx(CardContent, {
-                  children: /*#__PURE__*/_jsx(Box, {
-                    sx: {
-                      paddingTop: 1
-                    },
-                    children: /*#__PURE__*/_jsx(Typography, {
-                      sx: {
-                        fontWeight: "bold"
-                      },
-                      children: discussion?.meetingTopic
-                    })
-                  })
-                })
-              })
-            }), /*#__PURE__*/_jsx(Grid, {
-              sx: {
-                display: "flex",
-                justifyContent: "center",
-                gap: 1,
-                paddingRight: 1
-              },
-              size: 2,
-              children: /*#__PURE__*/_jsx(Box, {
-                sx: {
-                  paddingTop: 1
-                },
-                children: /*#__PURE__*/_jsx(Typography, {
-                  sx: {
-                    fontWeight: "bold"
-                  },
-                  children: meetingCounts[discussion?.groupedId] || 0
-                })
-              })
-            }), /*#__PURE__*/_jsx(Grid, {
-              sx: {
-                display: "flex",
-                justifyContent: "center",
-                gap: 1,
-                paddingRight: 1
-              },
-              size: 2,
-              children: filter === "active" && /*#__PURE__*/_jsx(Button, {
-                color: "primary",
-                onClick: () => {
-                  setGroupedId(discussion?.groupedId);
-                  setIsDeleteDiscussionOpen(true);
-                },
-                children: t("archive")
-              })
-            })]
-          })
-        }, i))
-      }), displayedGroups?.length > cardsToShow && /*#__PURE__*/_jsx(Button, {
-        variant: "outlined",
-        "aria-label": t("view_more"),
-        onClick: () => setCardsToShow(cardsToShow + 2) // Load 2 more cards on button click
-        ,
-        children: t("view_more")
-      }), /*#__PURE__*/_jsx(ConfirmDeleteDiscussion, {
-        t: t,
-        handleConfirmDeleteDiscussion: async () => {
-          await handleArchiveSubmissions(submissionsTableData.filter(item => item.groupedId === groupedId));
-        },
-        handleCloseDeleteDiscussionDialog: () => setIsDeleteDiscussionOpen(false),
-        deleteDiscussionDialogOpen: isDeleteDiscussionOpen,
-        archiveTitle: "archive_title_submissions",
-        archiveDescription: "archive_description_submissions"
-      })]
-    }) : /*#__PURE__*/_jsx(Box, {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "15vh",
-        textAlign: "center"
-      },
-      children: /*#__PURE__*/_jsx(Typography, {
-        component: "h5",
-        variant: "h5",
-        children: t("no_submissions_found")
-      })
-    })]
-  });
-}, Styles);
-SubmissionsTableCards.propTypes = {
-  memberId: PropTypes.string,
-  loading: PropTypes.bool,
-  handleListUserAuthEvents: PropTypes.func,
-  userData: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string,
-    EventType: PropTypes.string,
-    CreationDate: PropTypes.string,
-    EventResponse: PropTypes.string,
-    EventRisk: PropTypes.shape({
-      RiskDecision: PropTypes.string
-    }),
-    EventContextData: PropTypes.shape({
-      City: PropTypes.string,
-      Country: PropTypes.string
-    })
-  })),
-  classes: PropTypes.object.isRequired,
-  propsPageChange: PropTypes.func,
-  propsRowChange: PropTypes.func,
-  attendeesData: PropTypes.array
-};
-export default SubmissionsTableCards;

package/dist/Tables/TrialUsers/TrialUsers.js

@@ -1,155 +0,0 @@
-import { useState } from "react";
-import { withStyles } from "tss-react/mui";
-import CircularProgress from "@mui/material/CircularProgress";
-import Styles from "../../utils/Styles";
-import { Link } from "react-router";
-
-// Components
-import { Table, TableBody, TableCell, TableHead, TableRow, TablePagination, Paper, Button, Toolbar, Typography, IconButton } from "@mui/material";
-import Refresh from "@mui/icons-material/Refresh";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function UsersTable({
-  classes,
-  refresh,
-  loading,
-  users,
-  propsRowChange,
-  propsPageChange
-}) {
-  const [page, setPage] = useState(0);
-  const [rowsPerPage, setRowsPerPage] = useState(5);
-  const handleChangePage = (event, page) => {
-    propsPageChange(page);
-    setPage(page);
-  };
-  const handleChangeRowsPerPage = event => {
-    setRowsPerPage(event.target.value);
-    propsRowChange(event.target.value);
-  };
-  const emptyRows = rowsPerPage - Math.min(rowsPerPage, users.length - page * rowsPerPage);
-  const handleDownloadCSV = data => {
-    const headers = ["Email", "ID", "Number of Classrooms", "Student Count", "Subscription Status", "Verification Status", "Expiration Date"];
-    const rows = data.map(row => [row.Attributes.email || "", row.Username || "", row.classrooms || 0, `${row.studentCount || 0}/200`, row.subscriptionStatus || 0, row.verificationStatus || "", row.subscriptionPeriodEnd ? new Date(row.subscriptionPeriodEnd * 1000).toLocaleDateString() : "-"]);
-    const csvContent = [headers, ...rows].map(e => e.map(val => `"${String(val).replace(/"/g, '""')}"`) // escape quotes
-    .join(",")).join("\n");
-    const blob = new Blob([csvContent], {
-      type: "text/csv;charset=utf-8;"
-    });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.href = url;
-    link.setAttribute("download", "users_table.csv");
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-  };
-  console.log({
-    wah: users,
-    location: window.location.origin
-  });
-  return /*#__PURE__*/_jsxs(Paper, {
-    className: classes.root,
-    children: [/*#__PURE__*/_jsxs(Toolbar, {
-      children: [/*#__PURE__*/_jsx(Typography, {
-        variant: "headline",
-        sx: {
-          color: 'inherit'
-        },
-        children: "Users"
-      }), /*#__PURE__*/_jsx("div", {
-        className: classes.grow
-      }), /*#__PURE__*/_jsx(Button, {
-        variant: "outlined",
-        color: "primary",
-        onClick: () => handleDownloadCSV(users),
-        children: "Download CSV"
-      }), /*#__PURE__*/_jsx(IconButton, {
-        "aria-label": "Refresh",
-        onClick: refresh,
-        size: "large",
-        children: /*#__PURE__*/_jsx(Refresh, {})
-      })]
-    }), /*#__PURE__*/_jsxs(Table, {
-      className: classes.table,
-      children: [/*#__PURE__*/_jsx(TableHead, {
-        children: /*#__PURE__*/_jsxs(TableRow, {
-          children: [/*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: "Email"
-          }), /*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: "Number of Classrooms"
-          }), /*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: "Student Count"
-          }), /*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: "Subscription Status"
-          }), /*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: "Verification Status"
-          }), /*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: "Expiration Date"
-          })]
-        })
-      }), /*#__PURE__*/_jsxs(TableBody, {
-        children: [!loading ? users.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map(row => /*#__PURE__*/_jsxs(TableRow, {
-          children: [/*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: /*#__PURE__*/_jsx("a", {
-              href: `${window.location.origin}/analytics/#/activity/member/${row.Username}`,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              style: {
-                color: "blue",
-                textDecoration: "underline"
-              },
-              children: row.Attributes.email || ""
-            })
-          }), /*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: row.classrooms || 0
-          }), /*#__PURE__*/_jsxs(TableCell, {
-            className: classes.tableCell,
-            children: [row.studentCount || 0, "/200"]
-          }), /*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: row.subscriptionStatus || 0
-          }), /*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: row.verificationStatus || 0
-          }), /*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: row.subscriptionPeriodEnd ? new Date(row.subscriptionPeriodEnd * 1000).toLocaleDateString() : "-"
-          })]
-        }, row.Username)) : /*#__PURE__*/_jsx(CircularProgress, {
-          className: classes.loadingSpinner
-        }), emptyRows > 0 && /*#__PURE__*/_jsx(TableRow, {
-          style: {
-            height: 49 * emptyRows
-          },
-          children: /*#__PURE__*/_jsx(TableCell, {
-            colSpan: 7,
-            className: classes.tableCell
-          })
-        })]
-      })]
-    }), /*#__PURE__*/_jsx(TablePagination, {
-      rowsPerPageOptions: [5, 10, 50, 100],
-      component: "div",
-      count: users !== undefined && users.length > 0 ? users.length : 0,
-      rowsPerPage: rowsPerPage,
-      page: page,
-      backIconButtonProps: {
-        "aria-label": "Previous Page"
-      },
-      nextIconButtonProps: {
-        "aria-label": "Next Page"
-      },
-      onPageChange: handleChangePage,
-      onRowsPerPageChange: handleChangeRowsPerPage
-    })]
-  });
-}
-export default withStyles(UsersTable, Styles);

package/dist/Tables/Unanswered/Unanswered.js

@@ -1,97 +0,0 @@
-import { Table, TableBody, TableCell, TableHead, TableRow, Typography, TableContainer } from "@mui/material";
-import { makeStyles } from "tss-react/mui";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => ({
-  root: {
-    width: "100%",
-    "@media print": {
-      position: "absolute"
-    }
-  },
-  checkIcon: {
-    color: "#17fc03"
-  },
-  closeIcon: {
-    color: "#fc2803"
-  },
-  warningIcon: {
-    color: "#fcd303"
-  },
-  tableContainer: {
-    maxHeight: 450
-  },
-  correctAnswer: {
-    color: theme.palette.secondary.main,
-    fontWeight: "bold"
-  }
-}));
-function UnansweredTable({
-  t = text => text,
-  exercise,
-  unansweredPhrases = [],
-  unansweredQuestions = []
-}) {
-  const {
-    classes
-  } = useStyles();
-  return /*#__PURE__*/_jsx(TableContainer, {
-    className: classes.tableContainer,
-    children: /*#__PURE__*/_jsxs(Table, {
-      className: classes.root,
-      stickyHeader: true,
-      children: [/*#__PURE__*/_jsx(TableHead, {
-        children: /*#__PURE__*/_jsxs(TableRow, {
-          children: [exercise !== "roleplay" && /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(TableCell, {
-              align: "left",
-              children: /*#__PURE__*/_jsx("b", {
-                children: t("phrases")
-              })
-            }), /*#__PURE__*/_jsx(TableCell, {
-              align: "left",
-              children: /*#__PURE__*/_jsx("b", {
-                children: t("translations")
-              })
-            })]
-          }), exercise === "roleplay" && /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(TableCell, {
-              align: "left",
-              children: /*#__PURE__*/_jsx("b", {
-                children: t("questions")
-              })
-            }), /*#__PURE__*/_jsx(TableCell, {
-              align: "left",
-              children: /*#__PURE__*/_jsx("b", {
-                children: t("answers")
-              })
-            })]
-          })]
-        })
-      }), /*#__PURE__*/_jsxs(TableBody, {
-        children: [exercise !== "roleplay" && unansweredPhrases.map((phrase, index) => /*#__PURE__*/_jsxs(TableRow, {
-          children: [/*#__PURE__*/_jsx(TableCell, {
-            align: "left",
-            children: phrase.phrase
-          }), /*#__PURE__*/_jsx(TableCell, {
-            align: "left",
-            children: phrase.translations.map((t, index) => /*#__PURE__*/_jsx(Typography, {
-              children: t
-            }, index))
-          })]
-        }, index)), exercise === "roleplay" && unansweredQuestions.map((q, index) => /*#__PURE__*/_jsxs(TableRow, {
-          children: [/*#__PURE__*/_jsx(TableCell, {
-            align: "left",
-            children: q?.question
-          }), /*#__PURE__*/_jsx(TableCell, {
-            align: "left",
-            children: q.answers.map((answer, index) => /*#__PURE__*/_jsx(Typography, {
-              className: answer.correct ? classes.correctAnswer : null,
-              children: answer.text
-            }, index))
-          })]
-        }, index))]
-      })]
-    })
-  });
-}
-export default UnansweredTable;