@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Cards/FeedbackCard/FeedbackCard.js

@@ -1,624 +0,0 @@
-import { useState, useEffect, useRef } from "react";
-import { Card, CardContent, CardActions, Typography, Avatar, Box, Button, TextField, Chip, Grid, IconButton, Tooltip, Checkbox } from "@mui/material";
-import { grey, green, red } from "@mui/material/colors";
-import ErrorIcon from "@mui/icons-material/Error";
-import AutoFixHighIcon from "@mui/icons-material/AutoFixHigh";
-import ErrorOutlinedIcon from "@mui/icons-material/ErrorOutlined";
-import CheckCircleIcon from "@mui/icons-material/CheckCircle";
-import TrendingUpIcon from "@mui/icons-material/TrendingUp";
-import TrendingDownIcon from "@mui/icons-material/TrendingDown";
-import { Formik } from "formik";
-import * as Yup from "yup";
-import RecordingDialog from "../../Dialogs/RecordingDialog/RecordingDialog";
-import PDFViewer from "../../Dialogs/PDFViewer/PDFViewer";
-import level1Rubric from "../../Dialogs/PDFViewer/rubrics/level1Rubric.pdf";
-import level2Rubric from "../../Dialogs/PDFViewer/rubrics/level2Rubric.pdf";
-import level3Rubric from "../../Dialogs/PDFViewer/rubrics/level3Rubric.pdf";
-import level4Rubric from "../../Dialogs/PDFViewer/rubrics/level4Rubric.pdf";
-import HelpOutlinedIcon from "@mui/icons-material/HelpOutlined";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const getPerformanceLevel = (student, aiGrade) => {
-  if (!aiGrade || Object.keys(aiGrade).length === 0) return null;
-  const keyVariants = [student.username, `${student.username}Student`, student.username?.replace(/\s+/g, "")];
-  const aiData = keyVariants.map(k => aiGrade?.[k]).find(v => v && typeof v === "object") || null;
-  return aiData?.LevelPerformance || null;
-};
-const getPerformanceChipProps = (level, t) => {
-  switch (level?.toLowerCase()) {
-    case "above":
-      return {
-        label: t("above_level"),
-        color: "success",
-        icon: /*#__PURE__*/_jsx(TrendingUpIcon, {
-          sx: {
-            fontSize: 16
-          }
-        })
-      };
-    case "below":
-      return {
-        label: t("below_level"),
-        color: "warning",
-        icon: /*#__PURE__*/_jsx(TrendingDownIcon, {
-          sx: {
-            fontSize: 16
-          }
-        })
-      };
-    default:
-      return null;
-  }
-};
-export default function FeedbackCard({
-  t = x => x,
-  discussionData = {},
-  userData = [],
-  hasSubmission = false,
-  aiGrade = {},
-  onGenerateFeedback = () => {},
-  onSubmitFeedback = () => {},
-  setSelectedRecording = () => {},
-  s3Url = "",
-  conversation = {},
-  existingFeedback = {},
-  generateAllUsed = false,
-  setGenerateAllUsed = () => {},
-  checkedSubmissions = {},
-  setCheckedSubmissions = () => {},
-  submitTrigger = null,
-  onSubmissionComplete = () => {},
-  playerRef = {
-    current: null
-  },
-  goToTimestamp = () => {},
-  startTimes = {},
-  canSubmitAll = {},
-  setCanSubmit = () => {},
-  setIsGeneratingIndividual = () => {},
-  hasBadLanguage
-}) {
-  const [isRecordingDialogOpen, setIsRecordingDialogOpen] = useState(false);
-  const [hasBeenEdited, setHasBeenEdited] = useState(false);
-  const [isSubmitted, setIsSubmitted] = useState(false);
-  const [aiJustGenerated, setAiJustGenerated] = useState(false);
-  const formikRef = useRef(null);
-  const initialValuesRef = useRef(null);
-  const [openPDF, setOpenPDF] = useState(false);
-  const [pageNumber, setPageNumber] = useState(1);
-  const [scale, setScale] = useState(1);
-  const [isGeneratingFeedback, setIsGeneratingFeedback] = useState(false);
-  const handleChangeCheckbox = event => {
-    setCheckedSubmissions({
-      ...checkedSubmissions,
-      [discussionData.meetingId || discussionData.meetingID || discussionData.extMeetingId]: event.target.checked
-    });
-  };
-  const rubricMap = {
-    1: level1Rubric,
-    2: level2Rubric,
-    3: level3Rubric,
-    4: level4Rubric
-  };
-  const pdfUrl = rubricMap[discussionData?.level] || level1Rubric;
-  const selectedMembers = userData.filter(u => [discussionData?.meetingMembers || discussionData?.userIds].flat().includes(u?.memberId));
-  const joinedMembers = discussionData?.joinedMembers || [];
-  let attendedMembers = [];
-  let notAttendedMembers = [];
-  if (hasSubmission) {
-    attendedMembers = selectedMembers.filter(m => joinedMembers.includes(m?.memberId));
-    notAttendedMembers = selectedMembers.filter(m => !joinedMembers.includes(m?.memberId));
-  }
-  const hasFeedbackSubmitted = hasSubmission && attendedMembers.every(member => {
-    const feedback = existingFeedback[member.memberId];
-    return feedback && feedback.feedbackText && feedback.feedbackText.trim() !== "";
-  });
-  const getInitialValues = () => {
-    const feedbackData = {};
-    if (hasSubmission) {
-      attendedMembers.forEach(student => {
-        const existingStudentFeedback = existingFeedback[student.memberId];
-        feedbackData[student.memberId] = {
-          feedbackText: existingStudentFeedback?.feedbackText || "",
-          levelPerformance: existingStudentFeedback?.levelPerformance || null
-        };
-      });
-      notAttendedMembers.forEach(student => {
-        feedbackData[student.memberId] = {
-          feedbackText: existingFeedback[student.memberId]?.feedbackText || t("not_present"),
-          levelPerformance: existingFeedback[student.memberId]?.levelPerformance || null
-        };
-      });
-    } else {
-      selectedMembers.forEach(student => {
-        feedbackData[student.memberId] = {
-          feedbackText: existingFeedback[student.memberId]?.feedbackText || "",
-          levelPerformance: existingFeedback[student.memberId]?.levelPerformance || null
-        };
-      });
-    }
-    return {
-      feedbackData
-    };
-  };
-  const attendeesInThisDiscussion = userData.filter(user => [discussionData?.meetingMembers || discussionData?.userIds].flat().includes(user?.memberId));
-  const handleOpenRecordingDialog = () => {
-    if (hasSubmission) {
-      setSelectedRecording({
-        meetingId: discussionData?.meetingId,
-        extMeetingId: discussionData?.extMeetingId,
-        creator: discussionData?.creator || discussionData?.userId,
-        meetingCreator: discussionData?.meetingCreator
-      });
-      setIsRecordingDialogOpen(true);
-    }
-  };
-  useEffect(() => {
-    const initialVals = getInitialValues();
-    const previous = initialValuesRef.current;
-    const hasChanged = JSON.stringify(previous) !== JSON.stringify(initialVals);
-    if (hasChanged) {
-      initialValuesRef.current = initialVals;
-      setIsSubmitted(false);
-    }
-  }, [existingFeedback, hasSubmission, selectedMembers, t]);
-  useEffect(() => {
-    const formik = formikRef.current;
-    if (!formik) return;
-    if (!hasSubmission || !aiGrade || Object.keys(aiGrade).length === 0) return;
-    if (!aiJustGenerated && !generateAllUsed) return;
-    userData.forEach(student => {
-      const keyVariants = [student.username, `${student.username}Student`, student.username?.replace(/\s+/g, "")];
-      const aiData = keyVariants.map(k => aiGrade?.[k]).find(v => v && typeof v === "object") || null;
-      if (aiData?.Feedback) {
-        formik.setFieldValue(`feedbackData.${student.memberId}.feedbackText`, aiData.Feedback);
-      }
-      if (aiData?.LevelPerformance) {
-        formik.setFieldValue(`feedbackData.${student.memberId}.levelPerformance`, aiData.LevelPerformance);
-      }
-    });
-    setHasBeenEdited(true);
-    setIsSubmitted(false);
-    setAiJustGenerated(false);
-    setGenerateAllUsed(false);
-  }, [aiGrade, hasSubmission, userData, aiJustGenerated, generateAllUsed]);
-  useEffect(() => {
-    if (submitTrigger && checkedSubmissions[discussionData.meetingId]) {
-      const formik = formikRef.current;
-      if (formik) {
-        const submitAndNotify = async () => {
-          try {
-            await formik.submitForm();
-          } catch (error) {
-            console.error("Error during form submission:", error);
-          } finally {
-            onSubmissionComplete();
-          }
-        };
-        submitAndNotify();
-      } else {
-        onSubmissionComplete();
-      }
-    }
-  }, [submitTrigger]);
-  const handleGenerateAI = async () => {
-    setAiJustGenerated(true);
-    setIsGeneratingFeedback(true);
-    setIsGeneratingIndividual(true);
-    try {
-      await onGenerateFeedback(discussionData);
-    } finally {
-      setIsGeneratingFeedback(false);
-      setIsGeneratingIndividual(false);
-    }
-  };
-  const handleOpenPDF = () => {
-    setOpenPDF(true);
-  };
-  const handleClosePDF = () => {
-    setOpenPDF(false);
-  };
-  const initialValues = getInitialValues();
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Formik, {
-      innerRef: formikRef,
-      initialValues: initialValues,
-      validationSchema: getFeedbackValidationSchema(attendedMembers.map(m => m.memberId)),
-      onSubmit: async (values, {
-        setSubmitting
-      }) => {
-        setSubmitting(true);
-        try {
-          const allStudents = selectedMembers.map(m => m.memberId);
-          const feedbackDataWithAbsent = {
-            ...values.feedbackData
-          };
-          selectedMembers.forEach(student => {
-            const existingLevel = feedbackDataWithAbsent[student.memberId]?.levelPerformance;
-            const aiLevel = getPerformanceLevel(student, aiGrade);
-            feedbackDataWithAbsent[student.memberId] = {
-              ...feedbackDataWithAbsent[student.memberId],
-              levelPerformance: existingLevel ?? aiLevel ?? null
-            };
-          });
-          notAttendedMembers.forEach(student => {
-            feedbackDataWithAbsent[student.memberId] = {
-              feedbackText: t("not_present"),
-              levelPerformance: feedbackDataWithAbsent[student.memberId]?.levelPerformance ?? null
-            };
-          });
-          await onSubmitFeedback({
-            feedbackData: feedbackDataWithAbsent,
-            selectedAttendee: allStudents,
-            discussionData
-          });
-          initialValuesRef.current = JSON.parse(JSON.stringify(values));
-          setHasBeenEdited(false);
-          setIsSubmitted(true);
-        } catch (error) {
-          console.error("Error submitting feedback:", error);
-        } finally {
-          setSubmitting(false);
-        }
-      },
-      enableReinitialize: false,
-      children: ({
-        values,
-        handleSubmit,
-        setFieldValue,
-        isSubmitting
-      }) => {
-        const isFormValid = () => {
-          if (!hasSubmission) return false;
-          return attendedMembers.every(member => {
-            const feedback = values.feedbackData[member.memberId];
-            return feedback?.feedbackText && feedback.feedbackText.trim() !== "";
-          });
-        };
-        const hasChanges = () => {
-          if (!initialValuesRef.current) return false;
-          return attendedMembers.some(member => {
-            const current = values.feedbackData[member.memberId]?.feedbackText || "";
-            const initial = initialValuesRef.current.feedbackData[member.memberId]?.feedbackText || "";
-            return current !== initial;
-          });
-        };
-        const canSubmit = hasSubmission && !isSubmitting && isFormValid() && (hasChanges() || hasBeenEdited) && !isSubmitted;
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        useEffect(() => {
-          setCanSubmit({
-            ...canSubmitAll,
-            [discussionData.meetingId || discussionData.meetingID]: canSubmit
-          });
-        }, [canSubmit]);
-        return /*#__PURE__*/_jsx("form", {
-          onSubmit: handleSubmit,
-          children: /*#__PURE__*/_jsxs(Card, {
-            sx: {
-              mb: 3,
-              borderRadius: 3,
-              boxShadow: 3,
-              overflow: "hidden",
-              backgroundColor: "background.paper"
-            },
-            children: [/*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsxs(Box, {
-                sx: {
-                  px: 3,
-                  pt: 2,
-                  pb: 1,
-                  fontWeight: 600,
-                  color: "text.secondary"
-                },
-                children: [/*#__PURE__*/_jsxs(Box, {
-                  sx: {
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "space-between",
-                    mb: 1
-                  },
-                  children: [/*#__PURE__*/_jsx(Checkbox, {
-                    checked: checkedSubmissions[discussionData.meetingId || discussionData.meetingID || discussionData.extMeetingId] || false,
-                    disabled: !hasSubmission,
-                    onChange: handleChangeCheckbox
-                  }), hasBadLanguage && /*#__PURE__*/_jsxs(Box, {
-                    sx: {
-                      display: "flex",
-                      alignItems: "center",
-                      px: 2,
-                      py: 0.5,
-                      backgroundColor: red[800],
-                      borderRadius: "50px",
-                      color: "white"
-                    },
-                    children: [/*#__PURE__*/_jsx(ErrorIcon, {
-                      sx: {
-                        mr: 1
-                      }
-                    }), /*#__PURE__*/_jsx(Typography, {
-                      variant: "subtitle2",
-                      sx: {
-                        fontWeight: "bold"
-                      },
-                      children: t("inappropriate_language_detected")
-                    })]
-                  })]
-                }), /*#__PURE__*/_jsxs(Grid, {
-                  container: true,
-                  spacing: 3,
-                  sx: {
-                    alignItems: "center"
-                  },
-                  children: [/*#__PURE__*/_jsx(Grid, {
-                    size: {
-                      xs: 12,
-                      md: 2.5
-                    },
-                    children: /*#__PURE__*/_jsx(Typography, {
-                      variant: "subtitle2",
-                      children: t("student")
-                    })
-                  }), /*#__PURE__*/_jsx(Grid, {
-                    size: {
-                      xs: 12,
-                      md: 9.5
-                    },
-                    children: /*#__PURE__*/_jsx(Box, {
-                      sx: {
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "space-between",
-                        width: "100%"
-                      },
-                      children: /*#__PURE__*/_jsxs(Box, {
-                        sx: {
-                          display: "flex",
-                          alignItems: "center"
-                        },
-                        children: [/*#__PURE__*/_jsx(Typography, {
-                          variant: "subtitle2",
-                          children: t("feedback")
-                        }), /*#__PURE__*/_jsx(Tooltip, {
-                          title: t("rubric_info_desc"),
-                          children: /*#__PURE__*/_jsx(IconButton, {
-                            onClick: handleOpenPDF,
-                            color: "primary",
-                            "aria-label": t("rubric_info"),
-                            size: "small",
-                            children: /*#__PURE__*/_jsx(HelpOutlinedIcon, {})
-                          })
-                        })]
-                      })
-                    })
-                  })]
-                })]
-              }), /*#__PURE__*/_jsx(CardContent, {
-                sx: {
-                  px: 3,
-                  pt: 1
-                },
-                children: [...selectedMembers].sort((a, b) => {
-                  const aJoined = joinedMembers.includes(a.memberId);
-                  const bJoined = joinedMembers.includes(b.memberId);
-                  return aJoined === bJoined ? 0 : aJoined ? -1 : 1;
-                }).map(student => {
-                  const isAbsent = hasSubmission && !joinedMembers.includes(student.memberId);
-                  const disabled = !hasSubmission || isAbsent;
-                  const studentFeedback = values.feedbackData[student.memberId] || {};
-                  const perfLevel = studentFeedback.levelPerformance || getPerformanceLevel(student, aiGrade);
-                  const chipProps = getPerformanceChipProps(perfLevel, t);
-                  return /*#__PURE__*/_jsx(Box, {
-                    sx: {
-                      py: 2
-                    },
-                    children: /*#__PURE__*/_jsxs(Grid, {
-                      container: true,
-                      spacing: 3,
-                      sx: {
-                        alignItems: "flex-start"
-                      },
-                      children: [/*#__PURE__*/_jsx(Grid, {
-                        size: {
-                          xs: 12,
-                          md: 2.5
-                        },
-                        children: /*#__PURE__*/_jsxs(Box, {
-                          sx: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: 1.5
-                          },
-                          children: [/*#__PURE__*/_jsx(Avatar, {
-                            alt: student.username,
-                            src: student.userImage,
-                            sx: {
-                              width: 48,
-                              height: 48,
-                              filter: isAbsent ? "grayscale(100%)" : "none"
-                            }
-                          }), /*#__PURE__*/_jsxs(Box, {
-                            sx: {
-                              display: "flex",
-                              flexDirection: "column",
-                              gap: 0.5
-                            },
-                            children: [/*#__PURE__*/_jsx(Typography, {
-                              sx: {
-                                fontWeight: 600,
-                                color: isAbsent ? grey[500] : "text.primary"
-                              },
-                              children: student.username
-                            }), chipProps && hasSubmission && !isAbsent && /*#__PURE__*/_jsx(Tooltip, {
-                              title: /*#__PURE__*/_jsxs(Box, {
-                                sx: {
-                                  p: 0.5
-                                },
-                                children: [/*#__PURE__*/_jsx(Typography, {
-                                  variant: "body2",
-                                  sx: {
-                                    fontWeight: "bold",
-                                    mb: 0.5
-                                  },
-                                  children: t("ai_performance_assessment")
-                                }), /*#__PURE__*/_jsx(Typography, {
-                                  variant: "caption",
-                                  sx: {
-                                    display: "block",
-                                    mb: 0.5
-                                  },
-                                  children: t("performance_chip_tooltip")
-                                }), /*#__PURE__*/_jsx(Typography, {
-                                  variant: "caption",
-                                  sx: {
-                                    fontStyle: "italic",
-                                    opacity: 0.9
-                                  },
-                                  children: t("performance_chip_note")
-                                })]
-                              }),
-                              placement: "top",
-                              children: /*#__PURE__*/_jsx(Chip, {
-                                label: chipProps.label,
-                                color: chipProps.color,
-                                size: "small",
-                                icon: chipProps.icon,
-                                sx: {
-                                  width: "fit-content",
-                                  fontWeight: 600,
-                                  fontSize: "0.7rem",
-                                  height: "22px",
-                                  "& .MuiChip-label": {
-                                    paddingLeft: "8px",
-                                    paddingRight: "8px"
-                                  },
-                                  "&:hover": {
-                                    opacity: 0.9
-                                  }
-                                }
-                              })
-                            })]
-                          })]
-                        })
-                      }), /*#__PURE__*/_jsx(Grid, {
-                        size: {
-                          xs: 12,
-                          md: 9.5
-                        },
-                        children: /*#__PURE__*/_jsx(TextField, {
-                          variant: "outlined",
-                          fullWidth: true,
-                          multiline: true,
-                          disabled: disabled,
-                          value: studentFeedback.feedbackText || "",
-                          onChange: e => {
-                            setFieldValue(`feedbackData.${student.memberId}.feedbackText`, e.target.value);
-                            setHasBeenEdited(true);
-                            setIsSubmitted(false);
-                          },
-                          placeholder: t("Write your feedback here")
-                        })
-                      })]
-                    })
-                  }, student.memberId);
-                })
-              })]
-            }), /*#__PURE__*/_jsxs(CardActions, {
-              sx: {
-                px: 3,
-                py: 2,
-                justifyContent: "space-between",
-                alignItems: "center",
-                flexWrap: "wrap",
-                gap: 1.5
-              },
-              children: [/*#__PURE__*/_jsxs(Box, {
-                sx: {
-                  display: "flex",
-                  gap: 1.5
-                },
-                children: [!hasSubmission && /*#__PURE__*/_jsx(Chip, {
-                  label: t("group_not_submitted"),
-                  color: "warning",
-                  variant: "filled",
-                  icon: /*#__PURE__*/_jsx(ErrorOutlinedIcon, {}),
-                  sx: {
-                    fontWeight: 500,
-                    borderRadius: "20px"
-                  }
-                }), hasFeedbackSubmitted && /*#__PURE__*/_jsx(Chip, {
-                  label: t("feedback_submitted"),
-                  color: "success",
-                  variant: "filled",
-                  icon: /*#__PURE__*/_jsx(CheckCircleIcon, {}),
-                  sx: {
-                    fontWeight: 500,
-                    borderRadius: "20px",
-                    bgcolor: green[600]
-                  }
-                })]
-              }), /*#__PURE__*/_jsxs(Box, {
-                sx: {
-                  display: "flex",
-                  gap: 1.5,
-                  ml: "auto"
-                },
-                children: [/*#__PURE__*/_jsx(Button, {
-                  variant: "outlined",
-                  disabled: !hasSubmission || isGeneratingFeedback,
-                  onClick: handleOpenRecordingDialog,
-                  children: t("view_recording")
-                }), /*#__PURE__*/_jsx(Button, {
-                  variant: "contained",
-                  color: "secondary",
-                  disabled: !hasSubmission || isGeneratingFeedback,
-                  onClick: handleGenerateAI,
-                  endIcon: /*#__PURE__*/_jsx(AutoFixHighIcon, {}),
-                  children: isGeneratingFeedback ? t("generating") : t("generate_feedback")
-                }), /*#__PURE__*/_jsx(Button, {
-                  type: "submit",
-                  variant: "contained",
-                  disabled: !canSubmit,
-                  children: isSubmitting ? t("submitting") : t("submit_feedback")
-                })]
-              })]
-            })]
-          })
-        });
-      }
-    }), /*#__PURE__*/_jsx(RecordingDialog, {
-      t: t,
-      open: isRecordingDialogOpen,
-      handleClose: () => setIsRecordingDialogOpen(false),
-      meetingID: discussionData?.meetingID || discussionData?.meetingId,
-      meetingPrompt: discussionData?.meetingPrompt,
-      meetingTopic: discussionData?.meetingTopic,
-      isTeacher: true,
-      attendeesData: attendeesInThisDiscussion,
-      conversation: conversation,
-      s3Url: s3Url,
-      playerRef: playerRef,
-      aiGrade: aiGrade,
-      goToTimestamp: goToTimestamp,
-      videoStartTime: startTimes[0]
-    }), /*#__PURE__*/_jsx(PDFViewer, {
-      open: openPDF,
-      handleClose: handleClosePDF,
-      pdfUrl: pdfUrl,
-      pageNumber: pageNumber,
-      setPageNumber: setPageNumber,
-      scale: scale,
-      setScale: setScale,
-      t: t
-    })]
-  });
-}
-const getFeedbackValidationSchema = attendedMemberIds => {
-  return Yup.object().shape({
-    feedbackData: Yup.object().test("all-attended-filled", "All attended students must have feedback", function (value) {
-      if (!attendedMemberIds || attendedMemberIds.length === 0) return true;
-      return attendedMemberIds.every(memberId => {
-        const feedback = value?.[memberId];
-        return feedback?.feedbackText && feedback.feedbackText.trim() !== "";
-      });
-    })
-  });
-};

package/dist/Cards/LoadingCard/LoadingCard.js

@@ -1,39 +0,0 @@
-import { Typography, CardActionArea } from "@mui/material";
-import Skeleton from "@mui/material/Skeleton";
-import Person from "@mui/icons-material/Person";
-import { CardAvatar, CardTop, CardContent, LoadingCardContainer } from "../CardElements";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function LoadingCard() {
-  return /*#__PURE__*/_jsxs(LoadingCardContainer, {
-    sx: {
-      marginBottom: 3
-    },
-    children: [/*#__PURE__*/_jsx(CardTop, {
-      sx: {
-        paddingTop: "5%"
-      },
-      children: /*#__PURE__*/_jsx(CardActionArea, {
-        children: /*#__PURE__*/_jsx(CardAvatar, {
-          sx: theme => ({
-            backgroundColor: theme.palette.mode === "dark" ? "#ffffff" : "#bdbdbd",
-            color: theme.palette.mode === "dark" ? theme.palette.background.default : "white"
-          }),
-          children: /*#__PURE__*/_jsx(Person, {
-            fontSize: "large"
-          })
-        })
-      })
-    }), /*#__PURE__*/_jsx(CardContent, {
-      children: /*#__PURE__*/_jsx(Typography, {
-        variant: "body1",
-        color: "textSecondary",
-        component: "div",
-        children: /*#__PURE__*/_jsx(Skeleton, {
-          variant: "text",
-          height: 72
-        })
-      })
-    })]
-  });
-}
-export default LoadingCard;