@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Dialogs/GroupedFeedbackDialog/GroupedFeedbackDialog.js

@@ -1,711 +0,0 @@
-import { useMemo, useEffect, useState, useRef, useCallback } from "react";
-import { Dialog, DialogContent, IconButton, Box, Typography, AppBar, Toolbar, CircularProgress, Button, Checkbox, Paper, Divider, Tooltip, Skeleton, Grid, TextField, LinearProgress, Alert } from "@mui/material";
-import { Link } from "react-router";
-import MuiLink from "@mui/material/Link";
-import CloseIcon from "@mui/icons-material/Close";
-import { red, orange, green, grey } from "@mui/material/colors";
-import FeedbackCard from "../../Cards/FeedbackCard/FeedbackCard";
-import AutoFixHighIcon from "@mui/icons-material/AutoFixHigh";
-import NualaHeadphonesBackground from "../../img/NualaHeadphonesBackground.svg";
-import CheckCircleIcon from "@mui/icons-material/CheckCircle";
-import { AutoFixHigh } from "@mui/icons-material";
-import useConfirm from "../../hooks/useConfirm";
-import NualaCreating from "../../Misc/NualaCreating/NualaCreating";
-import ResponsiveDialog from "../ResponsiveDialog/ResponsiveDialog";
-import PDFViewer from "../PDFViewer/PDFViewer";
-import level1Rubric from "../PDFViewer/rubrics/level1Rubric.pdf";
-import level2Rubric from "../PDFViewer/rubrics/level2Rubric.pdf";
-import level3Rubric from "../PDFViewer/rubrics/level3Rubric.pdf";
-import level4Rubric from "../PDFViewer/rubrics/level4Rubric.pdf";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export default function GroupFeedbackDialog({
-  open = false,
-  onClose = () => {},
-  groupedId = "",
-  scheduleListData = [],
-  userData = [],
-  submissionsTableData = [],
-  t = x => x,
-  handleBatchGradeConversations = () => {},
-  aiGrade = {},
-  selectedGroup = {},
-  setSelectedRecording = () => {},
-  selectedRecording = {},
-  s3Url = "",
-  playerRef = {
-    current: null
-  },
-  conversation = {},
-  handleCreateFeedback = () => {},
-  onFeedbackSubmitted = () => {},
-  editBackgroundImages,
-  editMeetingImages,
-  goToTimestamp = () => {},
-  startTimes = {},
-  learnLang = ""
-}) {
-  const [generateAllUsed, setGenerateAllUsed] = useState(false);
-  const [checkedSubmissions, setCheckedSubmissions] = useState({});
-  const [checkedAll, setCheckedAll] = useState(false);
-  const [submitTrigger, setSubmitTrigger] = useState(null);
-  const [pendingSubmissions, setPendingSubmissions] = useState(0);
-  const [canSubmit, setCanSubmit] = useState({});
-  const [hasReachedBottom, setHasReachedBottom] = useState(false);
-  const [isGeneratingAll, setIsGeneratingAll] = useState(false);
-  const [isGeneratingIndividual, setIsGeneratingIndividual] = useState(false);
-  const [customFeedbackOpen, setCustomFeedbackOpen] = useState(false);
-  const [customFeedbackText, setCustomFeedbackText] = useState("");
-  const [openPDF, setOpenPDF] = useState(false);
-  const [pageNumber, setPageNumber] = useState(1);
-  const [scale, setScale] = useState(1);
-  const isAnyGenerating = isGeneratingAll || isGeneratingIndividual;
-  const pendingGenerateRef = useRef(null);
-  const rubricMap = {
-    1: level1Rubric,
-    2: level2Rubric,
-    3: level3Rubric,
-    4: level4Rubric
-  };
-  const pdfUrl = rubricMap[selectedRecording?.level] || level1Rubric;
-  const [confirm] = useConfirm(t);
-  const bottomRefCallback = useCallback(node => {
-    if (node) {
-      const observer = new IntersectionObserver(([entry]) => {
-        if (entry.isIntersecting) {
-          setHasReachedBottom(true);
-        }
-      }, {
-        threshold: 0.1
-      });
-      observer.observe(node);
-      node._observer = observer;
-    }
-  }, []);
-  const handleOpenPDF = () => {
-    setOpenPDF(true);
-  };
-  const handleClosePDF = () => {
-    setOpenPDF(false);
-  };
-  useEffect(() => {
-    // dialog is shared between discussions, so reset when teacher selects another discussion
-    setGenerateAllUsed(false);
-    setCheckedSubmissions({});
-    setCheckedAll(false);
-    setSubmitTrigger(null);
-    setPendingSubmissions(0);
-    setCanSubmit({});
-    setHasReachedBottom(false);
-    setIsGeneratingAll(false);
-    pendingGenerateRef.current = null;
-  }, [groupedId]);
-  const openCustomPromptForAll = () => {
-    pendingGenerateRef.current = {
-      type: "all"
-    };
-    setCustomFeedbackText("");
-    setCustomFeedbackOpen(true);
-  };
-  const openCustomPromptForSingle = discussionData => {
-    pendingGenerateRef.current = {
-      type: "single",
-      payload: discussionData
-    };
-    setCustomFeedbackText("");
-    setCustomFeedbackOpen(true);
-  };
-  const handleCustomPromptCancel = () => {
-    setCustomFeedbackOpen(false);
-    pendingGenerateRef.current = null;
-    setCustomFeedbackText("");
-  };
-  const handleCustomPromptContinue = async () => {
-    try {
-      const pending = pendingGenerateRef.current;
-      pendingGenerateRef.current = null;
-      if (!pending) return;
-      if (pending.type === "all") {
-        await handleGenerateFeedbackForAll();
-      } else if (pending.type === "single") {
-        await handleGenerateFeedback(pending.payload);
-      }
-    } finally {
-      setCustomFeedbackOpen(false);
-    }
-  };
-  useEffect(() => {
-    if (pendingSubmissions === 0 && submitTrigger !== null) {
-      setCheckedSubmissions({});
-      setCheckedAll(false);
-      setSubmitTrigger(null);
-    }
-  }, [pendingSubmissions, submitTrigger]);
-  const discussionsInGroup = useMemo(() => scheduleListData.filter(item => item.groupedId === groupedId), [scheduleListData, groupedId]);
-  const submissionsForGroup = useMemo(() => submissionsTableData.filter(item => item.groupedId === groupedId), [submissionsTableData, groupedId]);
-  const submissionsByMeetingId = useMemo(() => {
-    const map = {};
-    submissionsForGroup.forEach(sub => {
-      const subMeetingId = sub.extMeetingId;
-      if (subMeetingId) {
-        map[subMeetingId] = sub;
-      }
-    });
-    return map;
-  }, [submissionsForGroup]);
-  const handleCheckAll = event => {
-    const checked = event.target.checked;
-    setCheckedAll(checked);
-    if (checked) {
-      const newChecked = {};
-      discussionsInGroup.forEach(discussion => {
-        const discKey = discussion.meetingID || discussion.meetingId || discussion.extMeetingId;
-        const submissionForThisDiscussion = submissionsByMeetingId[discKey];
-        if (submissionForThisDiscussion) {
-          const key = submissionForThisDiscussion.meetingId || submissionForThisDiscussion.meetingID || submissionForThisDiscussion.extMeetingId;
-          if (key) {
-            newChecked[key] = true;
-          }
-        }
-      });
-      setCheckedSubmissions(newChecked);
-    } else {
-      setCheckedSubmissions({});
-    }
-  };
-  const totalDiscussions = discussionsInGroup.length;
-  const selectedCount = Object.values(checkedSubmissions).filter(Boolean).length;
-  const submittedCount = discussionsInGroup.filter(discussion => {
-    const meetingId = discussion.meetingID || discussion.meetingId;
-    return Boolean(submissionsByMeetingId[meetingId]);
-  }).length;
-  useEffect(() => {
-    const selected = Object.values(checkedSubmissions).filter(Boolean).length;
-    setCheckedAll(selected > 0 && selected === submittedCount);
-  }, [checkedSubmissions, submittedCount]);
-  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];
-  const getJoinedMembersNames = (joinedMemberIds, userData) => {
-    if (!joinedMemberIds || !Array.isArray(joinedMemberIds)) {
-      return [];
-    }
-    return joinedMemberIds.map(memberId => {
-      const user = userData.find(u => u.memberId === memberId);
-      return {
-        memberId: memberId,
-        name: user?.username || user?.createdByName || "Unknown",
-        username: user?.username,
-        createdByName: user?.createdByName
-      };
-    }).filter(member => member.name !== "Unknown");
-  };
-  const handleGenerateFeedback = async discussionData => {
-    if (!handleBatchGradeConversations) return;
-    setIsGeneratingIndividual(true);
-    try {
-      const joinedMembersWithNames = getJoinedMembersNames(discussionData.joinedMembers || [], userData);
-      await handleBatchGradeConversations([{
-        meetingId: discussionData.meetingId || discussionData.meetingID,
-        extMeetingId: discussionData.extMeetingId,
-        creator: discussionData.creator,
-        meetingCreator: discussionData.meetingCreator,
-        conversation: discussionData.conversation,
-        meetingPrompt: discussionData.meetingPrompt,
-        learnLang: learnLang,
-        joinedMembers: discussionData.joinedMembers || [],
-        joinedMembersNames: joinedMembersWithNames,
-        customFeedback: customFeedbackText
-      }]);
-    } finally {
-      setIsGeneratingIndividual(false);
-    }
-  };
-  const handleGenerateFeedbackForAll = async () => {
-    const conversationsToGrade = discussionsInGroup.filter(discussion => {
-      const discMeetingId = discussion.meetingID || discussion.meetingId;
-      const submissionForThisDiscussion = submissionsByMeetingId[discMeetingId];
-      const hasSubmission = Boolean(submissionForThisDiscussion);
-      return hasSubmission && checkedSubmissions[submissionForThisDiscussion?.meetingId];
-    }).map(discussion => {
-      const discMeetingId = discussion.meetingID || discussion.meetingId;
-      const submissionForThisDiscussion = submissionsByMeetingId[discMeetingId];
-      const joinedMembersWithNames = getJoinedMembersNames(submissionForThisDiscussion.joinedMembers || [], userData);
-      return {
-        meetingId: submissionForThisDiscussion.meetingId || submissionForThisDiscussion.meetingID,
-        extMeetingId: submissionForThisDiscussion.extMeetingId,
-        creator: submissionForThisDiscussion.creator,
-        meetingCreator: submissionForThisDiscussion.meetingCreator,
-        conversation: submissionForThisDiscussion.conversation || [],
-        meetingPrompt: discussion.meetingPrompt || submissionForThisDiscussion.meetingPrompt,
-        learnLang: learnLang,
-        joinedMembers: submissionForThisDiscussion.joinedMembers || [],
-        joinedMembersNames: joinedMembersWithNames,
-        customFeedback: customFeedbackText
-      };
-    });
-    if (conversationsToGrade.length > 0 && handleBatchGradeConversations) {
-      setIsGeneratingAll(true);
-      setGenerateAllUsed(true);
-      try {
-        await handleBatchGradeConversations(conversationsToGrade);
-      } finally {
-        setIsGeneratingAll(false);
-      }
-    }
-  };
-  const handleSubmitFeedback = async ({
-    feedbackData,
-    selectedAttendee,
-    discussionData
-  }) => {
-    try {
-      const recordingData = {
-        meetingId: discussionData.meetingId,
-        extMeetingId: discussionData.extMeetingId,
-        creator: discussionData.creator
-      };
-      if (!recordingData.meetingId || !recordingData.extMeetingId || !recordingData.creator) {
-        console.error("Missing required fields:", {
-          meetingId: recordingData.meetingId,
-          extMeetingId: recordingData.extMeetingId,
-          creator: recordingData.creator,
-          fullDiscussionData: discussionData
-        });
-        throw new Error("Missing required meeting information. Check console for details.");
-      }
-      for (const studentId of [selectedAttendee].flat()) {
-        const student = userData.find(u => u.memberId === studentId);
-        const values = {
-          selectedAttendee: studentId,
-          selectedAttendeeName: student?.username || student?.createdByName,
-          feedbackText: feedbackData[studentId]?.feedbackText || "",
-          levelPerformance: feedbackData[studentId]?.levelPerformance || "",
-          gradingOption: "Individual Grade"
-        };
-        await handleCreateFeedback(values, recordingData);
-      }
-      await onFeedbackSubmitted();
-    } catch (error) {
-      console.error("Error submitting feedback:", error);
-      throw error;
-    }
-  };
-  const hasBadLanguageByMeetingId = useMemo(() => {
-    const badLanguageMap = {};
-    submissionsForGroup.forEach(submission => {
-      const extMeetingId = submission.extMeetingId;
-      if (!extMeetingId) return;
-      if (badLanguageMap[extMeetingId] === undefined) {
-        badLanguageMap[extMeetingId] = false;
-      }
-      if (submission.hasBadLanguage === true) {
-        badLanguageMap[extMeetingId] = true;
-      }
-    });
-    return badLanguageMap;
-  }, [submissionsForGroup]);
-  const feedbackByMeetingId = useMemo(() => {
-    const feedbackMap = {};
-    submissionsForGroup.forEach(submission => {
-      const meetingId = submission.meetingId || submission.meetingID;
-      const userId = submission.userId || submission.selectedAttendee;
-      const feedbackText = submission.feedbackText || "";
-      const levelPerformance = submission.levelPerformance || null;
-      if (meetingId && userId) {
-        if (!feedbackMap[meetingId]) {
-          feedbackMap[meetingId] = {};
-        }
-        feedbackMap[meetingId][userId] = {
-          feedbackText: feedbackText,
-          levelPerformance: levelPerformance
-        };
-      }
-    });
-    return feedbackMap;
-  }, [submissionsForGroup]);
-  const handleSubmitMultipleFeedback = async () => {
-    const confirmed = await confirm(t("submit_feedback"), t("submit_feedback_confirmation"));
-    if (confirmed) {
-      const checkedCount = Object.values(checkedSubmissions).filter(Boolean).length;
-      setPendingSubmissions(checkedCount);
-      setSubmitTrigger(Date.now());
-    }
-  };
-  const handleSubmissionComplete = () => {
-    setPendingSubmissions(prev => Math.max(prev - 1, 0));
-  };
-  const isSubmitAllEnabled = hasReachedBottom && Object.values(canSubmit).some(v => v === true);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(Dialog, {
-      fullScreen: true,
-      open: open,
-      onClose: onClose,
-      "aria-label": "group-feedback-dialog",
-      children: [/*#__PURE__*/_jsx(AppBar, {
-        sx: {
-          position: "relative"
-        },
-        children: /*#__PURE__*/_jsx(Toolbar, {
-          children: /*#__PURE__*/_jsx(IconButton, {
-            edge: "start",
-            color: "inherit",
-            onClick: onClose,
-            "aria-label": "close",
-            children: /*#__PURE__*/_jsx(CloseIcon, {})
-          })
-        })
-      }), /*#__PURE__*/_jsx(DialogContent, {
-        sx: {
-          p: 3,
-          backgroundColor: "background.default"
-        },
-        children: discussionsInGroup.length === 0 ? /*#__PURE__*/_jsx(Box, {
-          sx: {
-            textAlign: "center",
-            py: 8
-          },
-          children: /*#__PURE__*/_jsx(Typography, {
-            variant: "h6",
-            sx: {
-              color: "text.secondary"
-            },
-            children: t("no_discussions_found")
-          })
-        }) : /*#__PURE__*/_jsxs(Box, {
-          sx: {
-            maxWidth: 1400,
-            mx: "auto"
-          },
-          children: [/*#__PURE__*/_jsxs(Box, {
-            sx: {
-              display: "flex",
-              alignItems: "flex-start",
-              justifyContent: "space-between",
-              mb: 3,
-              gap: 4
-            },
-            children: [/*#__PURE__*/_jsx(Box, {
-              sx: {
-                position: "relative",
-                width: "100%",
-                maxWidth: "300px"
-              },
-              children: /*#__PURE__*/_jsxs(Box, {
-                sx: {
-                  position: "relative",
-                  width: "100%",
-                  paddingTop: "56.25%",
-                  borderRadius: "8px",
-                  overflow: "hidden"
-                },
-                children: [/*#__PURE__*/_jsx(Skeleton, {
-                  variant: "rectangular",
-                  sx: {
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    width: "100%",
-                    height: "100%",
-                    borderRadius: "8px",
-                    zIndex: 0
-                  }
-                }), /*#__PURE__*/_jsx("img", {
-                  src: editMeetingImages || editBackgroundImages || NualaHeadphonesBackground,
-                  alt: "Meeting Image",
-                  onLoad: e => {
-                    setTimeout(() => {
-                      e.target.style.opacity = 1;
-                    }, 500);
-                  },
-                  style: {
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    width: "100%",
-                    height: "100%",
-                    objectFit: "cover",
-                    borderRadius: "8px",
-                    opacity: 0,
-                    transition: "opacity 0.5s ease",
-                    zIndex: 1
-                  }
-                })]
-              })
-            }), /*#__PURE__*/_jsxs(Box, {
-              sx: {
-                flexBasis: "70%",
-                maxWidth: "70%"
-              },
-              children: [/*#__PURE__*/_jsx(Typography, {
-                variant: "h5",
-                component: "h2",
-                sx: {
-                  fontWeight: 600,
-                  mb: 2,
-                  color: "text.primary"
-                },
-                children: selectedGroup?.meetingTopic || t("discussion")
-              }), selectedGroup?.meetingPrompt && /*#__PURE__*/_jsx(Typography, {
-                variant: "body2",
-                sx: {
-                  color: "text.secondary",
-                  lineHeight: 1.6,
-                  whiteSpace: "pre-line"
-                },
-                children: selectedGroup.meetingPrompt
-              })]
-            }), /*#__PURE__*/_jsxs(Box, {
-              sx: {
-                display: "flex",
-                flexDirection: "column",
-                alignItems: "center",
-                justifyContent: "flex-start",
-                minWidth: 100
-              },
-              children: [/*#__PURE__*/_jsxs(Box, {
-                sx: {
-                  position: "relative",
-                  display: "inline-flex",
-                  width: 100,
-                  height: 100
-                },
-                children: [/*#__PURE__*/_jsx(CircularProgress, {
-                  variant: "determinate",
-                  value: progress,
-                  size: 100,
-                  thickness: 4.5,
-                  sx: {
-                    color: ringColor
-                  }
-                }), /*#__PURE__*/_jsx(Box, {
-                  sx: {
-                    top: 0,
-                    left: 0,
-                    bottom: 0,
-                    right: 0,
-                    position: "absolute",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center"
-                  },
-                  children: /*#__PURE__*/_jsxs(Typography, {
-                    variant: "h6",
-                    sx: {
-                      fontWeight: 700,
-                      color: ringColor
-                    },
-                    children: [submittedCount, " / ", totalDiscussions]
-                  })
-                })]
-              }), /*#__PURE__*/_jsx(Typography, {
-                variant: "caption",
-                sx: {
-                  mt: 1,
-                  fontWeight: "bold",
-                  color: ringColor,
-                  textAlign: "center",
-                  textTransform: "uppercase",
-                  letterSpacing: 0.2
-                },
-                children: t("submissions")
-              })]
-            })]
-          }), /*#__PURE__*/_jsxs(Paper, {
-            elevation: 3,
-            sx: {
-              position: "sticky",
-              top: 8,
-              zIndex: 10,
-              p: 2,
-              mb: 3,
-              display: "flex",
-              alignItems: "center",
-              gap: 2,
-              borderRadius: 2,
-              border: "none",
-              borderColor: "divider",
-              transition: "all 0.3s ease"
-            },
-            children: [/*#__PURE__*/_jsx(Checkbox, {
-              checked: checkedAll,
-              onChange: handleCheckAll,
-              disabled: submittedCount === 0
-            }), /*#__PURE__*/_jsx(Typography, {
-              variant: "body2",
-              sx: {
-                fontWeight: 600
-              },
-              children: selectedCount > 0 ? `${selectedCount} ${t("selected")}` : `${t("select_all")} (0 / ${submittedCount})`
-            }), /*#__PURE__*/_jsx(Divider, {
-              orientation: "vertical",
-              flexItem: true,
-              sx: {
-                bgcolor: "rgba(255, 255, 255, 0.3)"
-              }
-            }), /*#__PURE__*/_jsx(Box, {
-              sx: {
-                flex: 1
-              }
-            }), /*#__PURE__*/_jsx(Button, {
-              variant: "contained",
-              color: "secondary",
-              endIcon: /*#__PURE__*/_jsx(AutoFixHighIcon, {}),
-              disabled: selectedCount === 0 || isGeneratingAll,
-              onClick: openCustomPromptForAll,
-              sx: {
-                fontWeight: 600
-              },
-              children: isGeneratingAll ? t("generating") : t("generate_feedback")
-            }), hasReachedBottom ? /*#__PURE__*/_jsx(Button, {
-              variant: "contained",
-              disabled: !isSubmitAllEnabled || selectedCount === 0,
-              endIcon: /*#__PURE__*/_jsx(CheckCircleIcon, {}),
-              onClick: handleSubmitMultipleFeedback,
-              children: t("submit_feedback")
-            }) : /*#__PURE__*/_jsx(Tooltip, {
-              title: t("submit_feedback_scroll"),
-              children: /*#__PURE__*/_jsx("span", {
-                children: /*#__PURE__*/_jsx(Button, {
-                  variant: "contained",
-                  disabled: !isSubmitAllEnabled || selectedCount === 0,
-                  endIcon: /*#__PURE__*/_jsx(CheckCircleIcon, {}),
-                  onClick: handleSubmitMultipleFeedback,
-                  children: t("submit_feedback")
-                })
-              })
-            })]
-          }), discussionsInGroup.sort((a, b) => {
-            const aHasSubmission = Boolean(submissionsByMeetingId[a.meetingID || a.meetingId]);
-            const bHasSubmission = Boolean(submissionsByMeetingId[b.meetingID || b.meetingId]);
-            return bHasSubmission - aHasSubmission;
-          }).map((discussion, index) => {
-            const discMeetingId = discussion.meetingID || discussion.meetingId;
-            const submissionForThisDiscussion = submissionsByMeetingId[discMeetingId];
-            const hasSubmission = Boolean(submissionForThisDiscussion);
-            const discussionData = {
-              ...discussion,
-              ...(submissionForThisDiscussion || {}),
-              conversation: submissionForThisDiscussion?.conversation || [],
-              s3Url: submissionForThisDiscussion?.s3Url || "",
-              joinedMembers: submissionForThisDiscussion?.joinedMembers || [],
-              hasBadLanguage: submissionForThisDiscussion?.hasBadLanguage || false,
-              meetingId: submissionForThisDiscussion?.meetingId || submissionForThisDiscussion?.meetingID,
-              extMeetingId: submissionForThisDiscussion?.extMeetingId,
-              creator: submissionForThisDiscussion?.creator
-            };
-            const feedbackMeetingId = submissionForThisDiscussion?.meetingId || submissionForThisDiscussion?.meetingID;
-            return /*#__PURE__*/_jsx(FeedbackCard, {
-              t: t,
-              discussionData: discussionData,
-              userData: userData,
-              hasSubmission: hasSubmission,
-              aiGrade: aiGrade[discussionData.meetingId || discussionData.meetingID] || {},
-              existingFeedback: feedbackByMeetingId[feedbackMeetingId] || {},
-              onGenerateFeedback: () => openCustomPromptForSingle(discussionData),
-              onSubmitFeedback: handleSubmitFeedback,
-              setSelectedRecording: setSelectedRecording,
-              selectedRecording: selectedRecording,
-              s3Url: s3Url,
-              playerRef: playerRef,
-              conversation: conversation,
-              generateAllUsed: generateAllUsed,
-              setGenerateAllUsed: setGenerateAllUsed,
-              checkedSubmissions: checkedSubmissions,
-              setCheckedSubmissions: setCheckedSubmissions,
-              submitTrigger: checkedSubmissions[discussionData.meetingId || discussionData.meetingID] ? submitTrigger : null,
-              onSubmissionComplete: handleSubmissionComplete,
-              goToTimestamp: goToTimestamp,
-              startTimes: startTimes,
-              canSubmitAll: canSubmit,
-              setCanSubmit: setCanSubmit,
-              setIsGeneratingIndividual: setIsGeneratingIndividual,
-              hasBadLanguage: hasBadLanguageByMeetingId[discMeetingId]
-            }, discussion.meetingId || discussion.meetingID || index);
-          }), /*#__PURE__*/_jsx("div", {
-            ref: bottomRefCallback,
-            style: {
-              height: 1
-            }
-          })]
-        })
-      })]
-    }), /*#__PURE__*/_jsx(ResponsiveDialog, {
-      open: customFeedbackOpen,
-      handleClose: handleCustomPromptCancel,
-      handleSubmit: handleCustomPromptContinue,
-      submitText: t("generate_feedback"),
-      maxWidth: "sm",
-      dialogTitle: isAnyGenerating ? t("generating_feedback") : t("generate_feedback"),
-      isSubmitDisabled: isAnyGenerating,
-      isExperimentalFeature: true,
-      startIcon: /*#__PURE__*/_jsx(AutoFixHigh, {}),
-      children: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Grid, {
-          size: 12,
-          sx: {
-            textAlign: "center",
-            mx: 2,
-            ...(!isAnyGenerating && {
-              display: "none"
-            })
-          },
-          children: /*#__PURE__*/_jsx(NualaCreating, {})
-        }), /*#__PURE__*/_jsx(Grid, {
-          size: 12,
-          sx: {
-            mt: 2,
-            ...(!isAnyGenerating && {
-              display: "none"
-            })
-          },
-          children: /*#__PURE__*/_jsx(LinearProgress, {})
-        }), !isAnyGenerating && /*#__PURE__*/_jsxs(Grid, {
-          container: true,
-          spacing: 2,
-          children: [/*#__PURE__*/_jsx(Grid, {
-            size: 12,
-            children: /*#__PURE__*/_jsxs(Alert, {
-              severity: "info",
-              children: [t("experimental_feature_desc"), " - ", " ", /*#__PURE__*/_jsxs(Link, {
-                to: "/contact",
-                children: [t("contact_form"), "."]
-              })]
-            })
-          }), /*#__PURE__*/_jsx(Grid, {
-            size: {
-              xs: 12
-            },
-            children: /*#__PURE__*/_jsxs(Typography, {
-              variant: "body2",
-              children: [t("generate_feedback_view_the"), " ", /*#__PURE__*/_jsx(MuiLink, {
-                component: "button",
-                variant: "body2",
-                onClick: handleOpenPDF,
-                children: t("generate_feedback_rubric_name")
-              }), ", ", t("generate_feedback_rubric_desc")]
-            })
-          }), /*#__PURE__*/_jsx(Grid, {
-            size: 12,
-            children: /*#__PURE__*/_jsx(TextField, {
-              value: customFeedbackText,
-              onChange: e => setCustomFeedbackText(e.target.value),
-              placeholder: t("custom_feedback_placeholder"),
-              multiline: true,
-              minRows: 4,
-              fullWidth: true
-            })
-          })]
-        })]
-      })
-    }), /*#__PURE__*/_jsx(PDFViewer, {
-      open: openPDF,
-      handleClose: handleClosePDF,
-      pdfUrl: pdfUrl,
-      pageNumber: pageNumber,
-      setPageNumber: setPageNumber,
-      scale: scale,
-      setScale: setScale,
-      t: t
-    })]
-  });
-}