@nualang/nualang-ui-components 0.1.1400 → 0.2.0

package/dist/Cards/Course/Course.js

@@ -1,704 +0,0 @@
-import { useState, memo } from "react";
-import PropTypes from "prop-types";
-import { useInView } from "react-intersection-observer";
-// Mui
-import { Button, Box, Typography, IconButton, Menu, MenuItem, Checkbox, Tooltip, CardActions, CardActionArea, Divider } from "@mui/material";
-import Skeleton from "@mui/material/Skeleton";
-import Group from "@mui/icons-material/Group";
-import ExitToApp from "@mui/icons-material/ExitToApp";
-import Close from "@mui/icons-material/Close";
-import SettingsIcon from "@mui/icons-material/Settings";
-import Person from "@mui/icons-material/Person";
-import MoreVert from "@mui/icons-material/MoreVert";
-import CopyIcon from "@mui/icons-material/FileCopy";
-import OndemandVideoIcon from "@mui/icons-material/OndemandVideo";
-import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf";
-import DifficultyIcon from "@mui/icons-material/School";
-import VisibilityIcon from "@mui/icons-material/Visibility";
-import VisibilityOff from "@mui/icons-material/VisibilityOff";
-import DeleteIcon from "@mui/icons-material/Delete";
-
-// components
-import MembersDialog from "../../Dialogs/Members/Members";
-import CourseOutlineDialog from "../../Dialogs/CourseOutline/CourseOutline";
-import PlaceholderImages from "../../utils/placeholder-images/index";
-import { capitalize, formatNumberTotal } from "../../utils/index";
-import PlayArrowIcon from "@mui/icons-material/PlayArrow";
-import useCourseState from "../../hooks/useCourseState";
-import ProgressiveCardMedia from "../../Misc/ProgressiveCardMedia/ProgressiveCardMedia";
-import { classes, CardContainer, CardAvatar, CardHeader, CardTitle, CardSubheader, CardInfoSection, CardDescription, CardTop, CardContent, CardMenuIcon, CardInfoSectionItem, CardVisibility } from "../CardElements";
-import { courses as courseQuerys } from "@nualang/nualang-api-and-queries/Queries";
-import useConfirm from "../../hooks/useConfirm";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-function OverflowMenu({
-  t,
-  courseId,
-  anchorEl,
-  handleClose,
-  handleClickOpenMembers,
-  isCreator,
-  isClassroomCreator,
-  isTeacher,
-  isMember,
-  startCourse,
-  leaveCourse,
-  handleRemoveCourse,
-  handleHideCourse,
-  handleUnhideCourse,
-  isAdmin,
-  handleDuplicateCourse,
-  course,
-  classroomId,
-  isClassroomArchived = false,
-  canDuplicateCourse,
-  hiddenCourses = [],
-  deleteCourse
-}) {
-  return /*#__PURE__*/_jsxs(Menu, {
-    id: `card-menu-${courseId}`,
-    anchorEl: anchorEl,
-    keepMounted: true,
-    open: Boolean(anchorEl),
-    onClose: handleClose,
-    children: [isCreator && /*#__PURE__*/_jsxs(MenuItem, {
-      onClick: handleClickOpenMembers,
-      children: [/*#__PURE__*/_jsx(CardMenuIcon, {
-        children: /*#__PURE__*/_jsx(Group, {
-          fontSize: "small"
-        })
-      }), /*#__PURE__*/_jsx(Typography, {
-        children: t("members")
-      })]
-    }), !isCreator && !isMember && !isAdmin && /*#__PURE__*/_jsxs(MenuItem, {
-      onClick: startCourse,
-      children: [/*#__PURE__*/_jsx(CardMenuIcon, {
-        children: /*#__PURE__*/_jsx(ExitToApp, {
-          fontSize: "small"
-        })
-      }), /*#__PURE__*/_jsx(Typography, {
-        children: t("start_course")
-      })]
-    }), !isCreator && isMember && !isAdmin && !isClassroomArchived && /*#__PURE__*/_jsxs(MenuItem, {
-      onClick: leaveCourse,
-      children: [/*#__PURE__*/_jsx(CardMenuIcon, {
-        children: /*#__PURE__*/_jsx(ExitToApp, {
-          fontSize: "small"
-        })
-      }), /*#__PURE__*/_jsx(Typography, {
-        children: t("leave_course")
-      })]
-    }), isClassroomCreator && classroomId && !isClassroomArchived && /*#__PURE__*/_jsxs(MenuItem, {
-      onClick: () => {
-        localStorage.setItem("focusCourseSettings", true);
-        window.location.hash = "Settings";
-      },
-      children: [/*#__PURE__*/_jsx(CardMenuIcon, {
-        children: /*#__PURE__*/_jsx(SettingsIcon, {
-          fontSize: "small"
-        })
-      }), /*#__PURE__*/_jsx(Typography, {
-        children: t("change_settings")
-      })]
-    }), !isClassroomArchived && isTeacher && (isCreator || isMember) && /*#__PURE__*/_jsx(_Fragment, {
-      children: /*#__PURE__*/_jsx(Tooltip, {
-        title: !canDuplicateCourse ? t("duplicate_disabled_tooltip") : "",
-        disableHoverListener: canDuplicateCourse,
-        arrow: true,
-        children: /*#__PURE__*/_jsx("span", {
-          children: /*#__PURE__*/_jsxs(MenuItem, {
-            onClick: async () => {
-              await handleDuplicateCourse(course, classroomId);
-            },
-            disabled: !canDuplicateCourse || course.duplicated && course.duplicatedBy !== "creator",
-            children: [/*#__PURE__*/_jsx(CardMenuIcon, {
-              children: /*#__PURE__*/_jsx(CopyIcon, {
-                fontSize: "small"
-              })
-            }), /*#__PURE__*/_jsx(Typography, {
-              children: t("duplicate_course")
-            })]
-          })
-        })
-      })
-    }), isCreator && !classroomId && /*#__PURE__*/_jsxs(MenuItem, {
-      onClick: deleteCourse,
-      children: [/*#__PURE__*/_jsx(CardMenuIcon, {
-        children: /*#__PURE__*/_jsx(DeleteIcon, {
-          fontSize: "small"
-        })
-      }), /*#__PURE__*/_jsx(Typography, {
-        children: t("delete_course")
-      })]
-    }), isClassroomCreator && handleHideCourse && !hiddenCourses.includes(courseId) && !isClassroomArchived && /*#__PURE__*/_jsxs(MenuItem, {
-      onClick: () => handleHideCourse(courseId),
-      children: [/*#__PURE__*/_jsx(CardMenuIcon, {
-        children: /*#__PURE__*/_jsx(VisibilityOff, {
-          fontSize: "small"
-        })
-      }), /*#__PURE__*/_jsx(Typography, {
-        children: t("hide_from_students")
-      })]
-    }), isClassroomCreator && handleUnhideCourse && hiddenCourses.includes(courseId) && !isClassroomArchived && /*#__PURE__*/_jsxs(MenuItem, {
-      onClick: () => handleUnhideCourse(courseId),
-      children: [/*#__PURE__*/_jsx(CardMenuIcon, {
-        children: /*#__PURE__*/_jsx(VisibilityIcon, {
-          fontSize: "small"
-        })
-      }), /*#__PURE__*/_jsx(Typography, {
-        children: t("show_to_students")
-      })]
-    }), isClassroomCreator && handleRemoveCourse && !isClassroomArchived && /*#__PURE__*/_jsxs(MenuItem, {
-      onClick: () => handleRemoveCourse(courseId),
-      children: [/*#__PURE__*/_jsx(CardMenuIcon, {
-        children: /*#__PURE__*/_jsx(Close, {
-          fontSize: "small"
-        })
-      }), /*#__PURE__*/_jsx(Typography, {
-        children: t("remove_course")
-      })]
-    })]
-  });
-}
-function CourseLoading({
-  compact = false
-}) {
-  return /*#__PURE__*/_jsxs(CardContainer, {
-    compact: compact,
-    children: [/*#__PURE__*/_jsx(CardTop, {
-      children: /*#__PURE__*/_jsx(Skeleton, {
-        variant: "rectangular",
-        sx: {
-          ...classes.media,
-          ...(compact ? {
-            paddingTop: "40%"
-          } : {})
-        }
-      })
-    }), /*#__PURE__*/_jsx(CardHeader, {
-      action: /*#__PURE__*/_jsx(IconButton, {
-        disabled: true,
-        size: "large",
-        "aria-label": "More Options",
-        children: /*#__PURE__*/_jsx(MoreVert, {})
-      }),
-      title: /*#__PURE__*/_jsx(Skeleton, {
-        height: 12,
-        width: "80%"
-      }),
-      subheader: /*#__PURE__*/_jsx(Skeleton, {
-        height: 10,
-        width: "40%"
-      })
-    }), /*#__PURE__*/_jsxs(CardContent, {
-      children: [/*#__PURE__*/_jsxs(CardInfoSection, {
-        children: [/*#__PURE__*/_jsx(Skeleton, {
-          height: 12,
-          width: "20%"
-        }), /*#__PURE__*/_jsx(Box, {
-          sx: {
-            flexGrow: 1
-          }
-        })]
-      }), /*#__PURE__*/_jsx(Typography, {
-        variant: "body1",
-        color: "textSecondary",
-        component: "div",
-        children: /*#__PURE__*/_jsx(Skeleton, {
-          variant: "text",
-          height: 72
-        })
-      })]
-    })]
-  });
-}
-function CourseCard({
-  t = text => text,
-  course = {
-    courseId: "",
-    courseName: "",
-    description: "",
-    picture: "",
-    learnLang: "",
-    forLang: "",
-    createdAt: 0,
-    createdBy: "",
-    t: t => t
-  },
-  completions = [],
-  avatars = [],
-  disableActions = false,
-  handleViewCourse,
-  handleViewUserProfile,
-  handleStartCourse,
-  handleViewCourseTopic,
-  handleLeaveCourse,
-  handleClickCourse,
-  handleRemoveCourse,
-  handleHideCourse,
-  handleUnhideCourse,
-  membersProps,
-  selectable,
-  selected,
-  getMemberDetails,
-  memberPlaceholderImageUrl,
-  getCourseSections,
-  getCourseMember,
-  getCourseMembers,
-  username,
-  disableRaised,
-  isAdmin,
-  disablePlays,
-  memberId,
-  handleDuplicateCourse,
-  ariaText = "",
-  classroomId,
-  cardTitleComponent = "h2",
-  isClassroomArchived = false,
-  email,
-  isTeacher,
-  hiddenCourses = [],
-  isClassroomCreator = null,
-  handleDeleteCourse,
-  compact = false
-}) {
-  const [confirm] = useConfirm(t);
-  const [placeholderRef, visible] = useInView({
-    rootMargin: "320px",
-    triggerOnce: true
-  });
-  const [isOutlineOpen, setIsOutlineOpen] = useState(false);
-  const isCourseHidden = hiddenCourses.includes(course.courseId);
-  const sectionsQuery = courseQuerys.useCourseSections(async (courseId, filters) => {
-    const response = await getCourseSections(courseId, filters);
-    return response;
-  }, {
-    courseId: course.courseId,
-    username: username,
-    filters: {
-      limit: 1000
-    }
-  }, {
-    enabled: !!course?.courseId && isOutlineOpen
-  });
-  const {
-    membersQuery,
-    memberQuery,
-    isMember
-  } = useCourseState({
-    courseId: course && course.courseId ? course.courseId : null,
-    username,
-    getCourseSections,
-    getCourseMember,
-    getCourseMembers,
-    memberId,
-    visible
-  });
-  const [isMembersOpen, setIsMembersOpen] = useState(false);
-  const handleClickOpenMembers = () => {
-    setIsMembersOpen(true);
-  };
-  const handleCloseMembers = () => {
-    setIsMembersOpen(false);
-  };
-  const handleClickOpenOutline = () => {
-    setIsOutlineOpen(true);
-  };
-  const handleCloseOutline = () => {
-    setIsOutlineOpen(false);
-  };
-  const [anchorEl, setAnchorEl] = useState(null);
-  const handleClickOpenMenu = event => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleCloseMenu = () => {
-    setAnchorEl(null);
-  };
-  const [checked, setChecked] = useState(selected);
-  const handleCheckboxClick = (event, value) => {
-    setChecked(!checked);
-    handleClickCourse(course.courseId, value);
-  };
-  const {
-    courseId,
-    courseName,
-    description,
-    picture,
-    cardPicture,
-    pictureXs,
-    createdBy,
-    learnLang,
-    forLang,
-    isCreator,
-    userImage,
-    verificationStatus,
-    gameAward,
-    createdByName,
-    exerciseStartTotal,
-    visibility
-  } = course;
-  const viewCourse = () => {
-    if (selectable) {
-      setChecked(!checked);
-      handleClickCourse(course.courseId, !checked);
-    } else {
-      handleViewCourse(courseId, classroomId);
-    }
-  };
-  const startCourse = () => {
-    if (selectable) {
-      setChecked(!checked);
-      handleClickCourse(course.courseId, !checked);
-    } else {
-      handleStartCourse(course);
-    }
-  };
-  const leaveCourse = () => {
-    handleLeaveCourse(courseId);
-  };
-  const courseSections = sectionsQuery.isSuccess ? sectionsQuery.data.Items : [];
-  const deleteCourse = async () => {
-    const confirmed = await confirm(t("delete_course"), t("delete_course_confirmation"), "", true, t("course_deletion_note", {
-      sectionCount: courseSections ? courseSections.length : 0
-    }), t("confirmDeletionText"));
-    if (confirmed) {
-      handleDeleteCourse(courseId);
-    }
-  };
-  const handleClickImage = () => {
-    if (isCreator || isMember || isAdmin) {
-      viewCourse();
-    } else {
-      startCourse();
-    }
-  };
-
-  // const memberCount = membersQuery.isSuccess ? membersQuery.data.Items.length : 0;
-
-  const isPlaysVisible = !disablePlays && exerciseStartTotal > -1;
-  const isCollaborator = Array.isArray(course.collaborators) && course.collaborators.some(collab => (typeof collab === "string" ? collab : collab?.S) === email);
-  const canDuplicateCourse = isCreator || course.isShareable === "everyone" || course.isShareable === "collaborators" && isCollaborator;
-  return /*#__PURE__*/_jsxs(CardContainer, {
-    compact: compact,
-    sx: disableRaised ? {} : classes.hover,
-    raised: disableRaised ? false : anchorEl || isOutlineOpen,
-    "data-cy": "course-card",
-    children: [/*#__PURE__*/_jsxs(CardTop, {
-      children: [isClassroomArchived ? /*#__PURE__*/_jsx(ProgressiveCardMedia, {
-        sx: {
-          ...classes.media,
-          ...(compact ? {
-            paddingTop: "40%"
-          } : {})
-        },
-        highQualitySrc: visible || !pictureXs ? cardPicture || picture || PlaceholderImages.course : null,
-        lowQualitySrc: pictureXs,
-        placeholderRef: placeholderRef
-      }) : /*#__PURE__*/_jsxs(CardActionArea, {
-        onClick: handleClickImage,
-        role: "link",
-        "aria-label": `${ariaText} ${courseName}`,
-        children: [/*#__PURE__*/_jsx(ProgressiveCardMedia, {
-          sx: {
-            ...classes.media,
-            ...(compact ? {
-              paddingTop: "40%"
-            } : {})
-          },
-          highQualitySrc: visible || !pictureXs ? cardPicture || picture || PlaceholderImages.course : null,
-          lowQualitySrc: pictureXs,
-          placeholderRef: placeholderRef
-        }), (isClassroomCreator ?? isCreator) && /*#__PURE__*/_jsx(CardVisibility, {
-          t: t,
-          visibility: visibility,
-          isCourseHidden: isCourseHidden
-        })]
-      }), userImage ? /*#__PURE__*/_jsx(CardAvatar, {
-        sx: theme => ({
-          backgroundColor: theme.palette.mode === "dark" ? "#ffffff" : "#bdbdbd",
-          color: theme.palette.mode === "dark" ? "#ffffff" : "#bdbdbd",
-          ...(compact ? {
-            width: 44,
-            height: 44
-          } : {})
-        }),
-        "aria-label": `${t("go_to")} ${createdByName || `${courseName} ${t("creator")}`} ${t("profile")}`,
-        title: createdByName || `${courseName} creator`,
-        src: userImage,
-        onClick: () => handleViewUserProfile(createdBy),
-        onKeyDown: event => {
-          if (event.key === "Enter") {
-            handleViewUserProfile(createdBy);
-          }
-        },
-        alt: "",
-        role: "link",
-        tabIndex: 0,
-        verificationStatus: verificationStatus,
-        gameAward: gameAward,
-        badgeSize: "small"
-      }) : /*#__PURE__*/_jsx(CardAvatar, {
-        sx: theme => ({
-          backgroundColor: theme.palette.mode === "dark" ? "#ffffff" : "#bdbdbd",
-          color: theme.palette.mode === "dark" ? theme.palette.background.default : "white",
-          ...(compact ? {
-            width: 44,
-            height: 44
-          } : {})
-        }),
-        "aria-label": `${t("go_to")} ${createdByName || `${courseName} ${t("creator")}`} ${t("profile")}`,
-        title: createdByName || `${courseName} creator`,
-        onClick: () => handleViewUserProfile(createdBy),
-        onKeyDown: event => {
-          if (event.key === "Enter") {
-            handleViewUserProfile(createdBy);
-          }
-        },
-        alt: "",
-        role: "link",
-        tabIndex: 0,
-        verificationStatus: verificationStatus,
-        gameAward: gameAward,
-        badgeSize: "small",
-        children: /*#__PURE__*/_jsx(Person, {
-          fontSize: "large"
-        })
-      })]
-    }), /*#__PURE__*/_jsx(CardHeader, {
-      action: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [selectable && /*#__PURE__*/_jsx(Checkbox, {
-          checked: checked,
-          onChange: handleCheckboxClick
-        }), !disableActions && !isClassroomArchived && /*#__PURE__*/_jsx(Tooltip, {
-          title: `${courseName} ${t("more_options")}`,
-          children: /*#__PURE__*/_jsx(IconButton, {
-            onClick: handleClickOpenMenu,
-            size: "large",
-            "aria-label": `${courseName} - ${t("more_options")}`,
-            "aria-expanded": Boolean(anchorEl),
-            children: /*#__PURE__*/_jsx(MoreVert, {})
-          })
-        })]
-      }),
-      title: /*#__PURE__*/_jsx(CardTitle, {
-        title: courseName,
-        component: cardTitleComponent,
-        compact: compact
-      }),
-      subheader: /*#__PURE__*/_jsx(CardSubheader, {
-        subheader: t("learn_for_speakers_of", {
-          learnLang: capitalize(t(learnLang)),
-          forLang: capitalize(t(forLang))
-        }),
-        compact: compact
-      })
-    }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(CardContent, {
-      children: [/*#__PURE__*/_jsxs(CardInfoSection, {
-        sx: {
-          columnGap: 1.5,
-          rowGap: 0.5
-        },
-        children: [course?.difficulty && /*#__PURE__*/_jsxs(CardInfoSectionItem, {
-          variant: "caption",
-          component: "span",
-          children: [/*#__PURE__*/_jsx(DifficultyIcon, {
-            sx: {
-              ...classes.infoIcon,
-              fontSize: compact ? 18 : undefined
-            },
-            fontSize: "small"
-          }), t(`card_${course.difficulty}`)]
-        }), (course?.pdf || course.topicsWithPdf && Object.keys(course?.topicsWithPdf)?.length > 0) && /*#__PURE__*/_jsxs(CardInfoSectionItem, {
-          variant: "caption",
-          component: "span",
-          children: [/*#__PURE__*/_jsx(PictureAsPdfIcon, {
-            sx: {
-              ...classes.infoIcon,
-              fontSize: compact ? 18 : undefined
-            },
-            fontSize: "small"
-          }), t("story_included")]
-        }), (course?.videoUrl || course.topicsWithVideo && Object.keys(course?.topicsWithVideo)?.length > 0) && /*#__PURE__*/_jsxs(CardInfoSectionItem, {
-          variant: "caption",
-          component: "span",
-          children: [/*#__PURE__*/_jsx(OndemandVideoIcon, {
-            sx: {
-              ...classes.infoIcon,
-              fontSize: compact ? 18 : undefined
-            },
-            fontSize: "small"
-          }), t("video_included")]
-        }), isPlaysVisible && /*#__PURE__*/_jsxs(CardInfoSectionItem, {
-          variant: "caption",
-          component: "span",
-          children: [/*#__PURE__*/_jsx(PlayArrowIcon, {
-            sx: {
-              ...classes.infoIcon,
-              fontSize: compact ? 18 : undefined
-            },
-            fontSize: "small"
-          }), t("plays", {
-            number: formatNumberTotal(exerciseStartTotal)
-          })]
-        })]
-      }), /*#__PURE__*/_jsx(CardDescription, {
-        variant: compact ? "caption" : "body2",
-        color: "textSecondary",
-        component: "p",
-        sx: compact ? {
-          height: "auto",
-          lineHeight: 1.4,
-          display: "-webkit-box",
-          WebkitLineClamp: 2,
-          WebkitBoxOrient: "vertical",
-          overflow: "hidden",
-          marginBottom: 1
-        } : {},
-        children: description
-      })]
-    }), !compact && /*#__PURE__*/_jsxs(CardActions, {
-      children: [selectable && /*#__PURE__*/_jsx(Button, {
-        onClick: viewCourse,
-        color: "primary",
-        variant: "outlined",
-        disabled: checked,
-        "aria-label": "Select Course",
-        children: checked ? t("selected") : t("select")
-      }), (isCreator || isCollaborator && !isMember) && !selectable && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [!isClassroomArchived && /*#__PURE__*/_jsx(Button, {
-          onClick: viewCourse,
-          color: "primary",
-          variant: "outlined",
-          disabled: disableActions,
-          "aria-label": `Manage Course: ${courseName}`,
-          children: t("manage_course")
-        }), /*#__PURE__*/_jsx(Button, {
-          onClick: handleClickOpenOutline,
-          color: "primary",
-          disabled: disableActions,
-          "aria-label": `View Outline: ${courseName}`,
-          children: t("view_outline")
-        })]
-      }), !isCreator && isMember && !selectable && !isClassroomArchived && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Button, {
-          onClick: viewCourse,
-          color: "primary",
-          variant: "outlined",
-          disabled: disableActions,
-          "aria-label": `Continue Learning, Course: ${courseName}`,
-          children: t("continue_learning")
-        }), /*#__PURE__*/_jsx(Button, {
-          onClick: handleClickOpenOutline,
-          color: "primary",
-          disabled: disableActions,
-          "aria-label": `View Progress: ${courseName}`,
-          children: t("view_progress")
-        })]
-      }), !isCreator && !isMember && !isAdmin && !selectable && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Button, {
-          onClick: startCourse,
-          color: "primary",
-          variant: "outlined",
-          disabled: disableActions || memberQuery.isLoading,
-          "aria-label": `Start Course: ${courseName}`,
-          children: t("start_course")
-        }), /*#__PURE__*/_jsx(Button, {
-          onClick: handleClickOpenOutline,
-          color: "primary",
-          disabled: disableActions,
-          "aria-label": `View Course Outline: ${courseName}`,
-          children: t("view_outline")
-        })]
-      })]
-    }), /*#__PURE__*/_jsx(OverflowMenu, {
-      t: t,
-      courseId: courseId,
-      classroomId: classroomId,
-      anchorEl: anchorEl,
-      handleClose: handleCloseMenu,
-      handleClickOpenMembers: handleClickOpenMembers,
-      isCreator: isCreator,
-      isClassroomCreator: isClassroomCreator,
-      isMember: isMember,
-      isAdmin: isAdmin,
-      startCourse: startCourse,
-      leaveCourse: leaveCourse,
-      handleRemoveCourse: handleRemoveCourse,
-      handleHideCourse: handleHideCourse,
-      handleUnhideCourse: handleUnhideCourse,
-      handleDuplicateCourse: handleDuplicateCourse,
-      course: course,
-      isClassroomArchived: isClassroomArchived,
-      canDuplicateCourse: canDuplicateCourse,
-      hiddenCourses: hiddenCourses,
-      isTeacher: isTeacher,
-      deleteCourse: deleteCourse
-    }), /*#__PURE__*/_jsx(MembersDialog, {
-      getMemberDetails: getMemberDetails,
-      t: t,
-      placeholderImageUrl: memberPlaceholderImageUrl,
-      dialogTitle: courseName,
-      open: isMembersOpen,
-      handleClose: handleCloseMembers,
-      isCreator: isClassroomCreator ?? isCreator,
-      members: membersQuery.isSuccess ? membersQuery.data.Items : [],
-      ...membersProps
-    }), /*#__PURE__*/_jsx(CourseOutlineDialog, {
-      t: t,
-      courseId: courseId,
-      handleViewCourseTopic: handleViewCourseTopic,
-      dialogTitle: courseName,
-      open: isOutlineOpen,
-      handleClose: handleCloseOutline,
-      sections: sectionsQuery.isSuccess ? sectionsQuery.data.Items : [],
-      isLoading: sectionsQuery.isLoading,
-      isMember: isMember,
-      completions: completions,
-      isClassroomArchived: isClassroomArchived,
-      classroomId: classroomId
-    })]
-  });
-}
-function Course(props) {
-  if (!props.course) {
-    return /*#__PURE__*/_jsx(CourseLoading, {
-      compact: props.compact
-    });
-  }
-  return /*#__PURE__*/_jsx(CourseCard, {
-    ...props
-  });
-}
-const MemoizedCourse = /*#__PURE__*/memo(Course);
-MemoizedCourse.propTypes = {
-  courseId: PropTypes.string.isRequired,
-  courseName: PropTypes.string.isRequired,
-  description: PropTypes.string.isRequired,
-  difficulty: PropTypes.string,
-  picture: PropTypes.string.isRequired,
-  learnLang: PropTypes.string.isRequired,
-  forLang: PropTypes.string.isRequired,
-  isMember: PropTypes.bool,
-  isCreator: PropTypes.bool,
-  createdAt: PropTypes.number.isRequired,
-  createdBy: PropTypes.string.isRequired,
-  userImage: PropTypes.string,
-  sections: PropTypes.arrayOf({
-    sectionId: PropTypes.string.isRequired,
-    sectionName: PropTypes.string.isRequired,
-    topic: PropTypes.arrayOf({
-      topicId: PropTypes.string.isRequired,
-      topicName: PropTypes.string.isRequired,
-      roleplays: PropTypes.arrayOf({
-        roleplayId: PropTypes.string.isRequired,
-        roleplayName: PropTypes.string.isRequired,
-        isComplete: PropTypes.bool.isRequired
-      }),
-      bots: PropTypes.arrayOf({
-        botId: PropTypes.string.isRequired,
-        botName: PropTypes.string.isRequired,
-        isComplete: PropTypes.bool.isRequired
-      })
-    })
-  })
-};
-export default MemoizedCourse;