@instructure/platform-assignment-review 0.0.1 → 0.1.0

package/dist/index.js

@@ -1,178 +1,66 @@
-import m from "graphql-tag";
-import { z as e } from "zod";
-import { useQueryClient as c, useMutation as g, useQuery as l } from "@tanstack/react-query";
-const I = m`
-  mutation CreateSubmissionComment(
-    $id: ID!
-    $submissionAttempt: Int!
-    $comment: String!
-    $fileIds: [ID!]
-    $mediaObjectId: ID
-    $mediaObjectType: String
-    $reviewerSubmissionId: ID
-  ) {
-    createSubmissionComment(
-      input: {
-        submissionId: $id
-        attempt: $submissionAttempt
-        comment: $comment
-        fileIds: $fileIds
-        mediaObjectId: $mediaObjectId
-        mediaObjectType: $mediaObjectType
-        reviewerSubmissionId: $reviewerSubmissionId
-      }
-    ) {
-      submissionComment {
-        ...SubmissionHtmlComment
-      }
-      errors {
-        ...Error
-      }
-    }
-  }
-
-  fragment Error on ValidationError {
-    attribute
-    message
-  }
-
-  fragment SubmissionHtmlComment on SubmissionComment {
-    _id
-    attachments {
-      ...SubmissionCommentFile
-    }
-    author {
-      ...SubmissionCommentAuthor
-    }
-    htmlComment
-    mediaObject {
-      ...MediaObject
-    }
-    read
-    updatedAt
-  }
-
-  fragment MediaObject on MediaObject {
-    id
-    _id
-    mediaSources {
-      ...MediaSource
-    }
-    mediaTracks {
-      ...MediaTrack
-    }
-    mediaType
-    title
-  }
-
-  fragment MediaSource on MediaSource {
-    height
-    src: url
-    type: contentType
-    width
-  }
-
-  fragment MediaTrack on MediaTrack {
-    _id
-    locale
-    content
-    kind
-  }
-
-  fragment SubmissionCommentAuthor on User {
-    avatarUrl
-    shortName
-  }
-
-  fragment SubmissionCommentFile on File {
-    _id
-    displayName
-    id
-    mimeClass
-    url
-  }
-`, f = m`
-  mutation MarkSubmissionCommentsRead(
-    $submissionId: ID!
-    $submissionCommentIds: [ID!]!
-  ) {
-    markSubmissionCommentsRead(
-      input: {
-        submissionCommentIds: $submissionCommentIds
-        submissionId: $submissionId
-      }
-    ) {
-      errors {
-        attribute
-        message
-      }
-    }
-  }
-`, q = m`
-  mutation CreateSubmission(
-    $assignmentLid: ID!
-    $submissionType: OnlineSubmissionType!
-    $body: String
-    $fileIds: [ID!]
-  ) {
-    createSubmission(
-      input: {
-        assignmentLid: $assignmentLid
-        submissionType: $submissionType
-        body: $body
-        fileIds: $fileIds
-      }
-    ) {
-      submission {
-        _id
-        createdAt
-        attempt
-        submittedAt
-        score
-      }
-      errors {
-        attribute
-        message
-      }
-    }
-  }
-`, k = m`
-  mutation CreateSubmissionDraft(
-    $submissionId: ID!
-    $submissionType: DraftableSubmissionType!
-    $attempt: Int!
-    $body: String
-    $fileIds: [ID!]
-  ) {
-    createSubmissionDraft(
-      input: {
-        submissionId: $submissionId
-        activeSubmissionType: $submissionType
-        attempt: $attempt
-        body: $body
-        fileIds: $fileIds
-      }
-    ) {
-      submissionDraft {
-        _id
-      }
-      errors {
-        attribute
-        message
-      }
-    }
-  }
-`, G = m`
-  mutation DeleteSubmissionDraft($submissionId: ID!) {
-    deleteSubmissionDraft(input: { submissionId: $submissionId }) {
-      submissionDraftIds
-      errors {
-        attribute
-        message
-      }
+import { jsx as r, jsxs as S } from "react/jsx-runtime";
+import { Flex as g } from "@instructure/ui-flex";
+import { Pill as lt } from "@instructure/ui-pill";
+import { Text as y } from "@instructure/ui-text";
+import { View as Z } from "@instructure/ui-view";
+import { useTranslation as B } from "react-i18next";
+import { Spinner as ct } from "@instructure/ui-spinner";
+import { useQuery as Ue, useQueryClient as Bt, useMutation as Wt } from "@tanstack/react-query";
+import J from "graphql-tag";
+import { z as n } from "zod";
+import { Heading as qt } from "@instructure/ui-heading";
+import { IconDownloadLine as An, IconCheckMarkSolid as En, IconTrashLine as In, IconArrowOpenStartLine as Yt, IconArrowOpenEndLine as Xt, IconXLine as Cn, IconLockLine as Kt, IconDocumentLine as kt, IconLinkLine as Dn, IconDiscussionLine as Rn, IconQuizLine as wn, IconAssignmentLine as vn, IconArrowStartLine as Ln, IconArrowEndLine as Nn } from "@instructure/ui-icons";
+import { useMemo as ot, useState as Fe, useRef as On, useEffect as Mn } from "react";
+import { ScreenReaderContent as mt } from "@instructure/ui-a11y-content";
+import { Link as xn } from "@instructure/ui-link";
+import { TruncateText as Vt } from "@instructure/ui-truncate-text";
+import { Badge as Zt } from "@instructure/ui-badge";
+import { Button as P, IconButton as kn } from "@instructure/ui-buttons";
+import { Tooltip as Pn } from "@instructure/ui-tooltip";
+import { TextArea as Qt } from "@instructure/ui-text-area";
+function Fn(t) {
+  if (!t) return "";
+  const i = new Date(t);
+  return Number.isNaN(i.getTime()) ? "" : i.toLocaleDateString();
+}
+function Un({
+  submission: t,
+  isSelected: i,
+  isDraft: o = !1,
+  pointsPossible: a,
+  onClick: l
+}) {
+  const { t: c } = B("assignment-review"), f = o ? c("submission.currentAttempt", "Current attempt") : `${c("comments.attempt", { number: t.attempt })}`, b = t.score != null && a != null ? `${t.score}/${a}` : null;
+  return /* @__PURE__ */ r(
+    Z,
+    {
+      as: "div",
+      padding: "small medium",
+      borderWidth: "small",
+      borderColor: i ? "brand" : "primary",
+      borderRadius: "medium",
+      background: i ? "secondary" : "primary",
+      cursor: "pointer",
+      onClick: l,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (u) => {
+        (u.key === "Enter" || u.key === " ") && (u.preventDefault(), l());
+      },
+      children: /* @__PURE__ */ S(g, { justifyItems: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ S(g, { direction: "column", gap: "xx-small", children: [
+          /* @__PURE__ */ S(g, { gap: "small", alignItems: "center", children: [
+            /* @__PURE__ */ r(y, { weight: "bold", children: f }),
+            o && /* @__PURE__ */ r(lt, { color: "info", children: c("submission.draft", "Draft") })
+          ] }),
+          !o && t.submittedAt && /* @__PURE__ */ r(y, { size: "small", color: "secondary", children: Fn(t.submittedAt) })
+        ] }),
+        b && /* @__PURE__ */ r(y, { weight: "bold", children: b })
+      ] })
     }
-  }
-`, $ = m`
+  );
+}
+const zn = J`
   query GetAssignment($courseId: ID!, $assignmentId: ID!, $userId: ID!) {
     legacyNode(_id: $assignmentId, type: Assignment) {
       ... on Assignment {
@@ -231,7 +119,7 @@ const I = m`
     contentType
     submissionPreviewUrl
   }
-`, T = m`
+`, jn = J`
   query GetSubmissionComments(
     $submissionId: ID!
     $courseId: String
@@ -280,7 +168,7 @@ const I = m`
       }
     }
   }
-`, h = m`
+`, $n = J`
   query getSubmissions($submissionId: ID!) {
     node(id: $submissionId) {
       ... on Submission {
@@ -314,320 +202,1608 @@ const I = m`
     contentType
     submissionPreviewUrl
   }
-`, u = e.object({
-  _id: e.string(),
-  displayName: e.string(),
-  id: e.string(),
-  mimeClass: e.string(),
-  url: e.string(),
-  contentType: e.string(),
-  submissionPreviewUrl: e.string().nullable()
-}), j = e.object({
-  _id: e.string(),
-  activeSubmissionType: e.string(),
-  body: e.string().nullable(),
-  attachments: e.array(u).nullable()
-}), D = e.object({
-  id: e.string(),
-  submittedAt: e.string(),
-  body: e.string().nullable(),
-  grade: e.string().nullable(),
-  score: e.number().nullable(),
-  submissionType: e.string(),
-  attempt: e.number(),
-  unreadCommentCount: e.number(),
-  attachment: u.nullable(),
-  attachments: e.array(u).nullable(),
-  submissionDraft: j.nullable()
-}), A = e.object({
-  _id: e.string(),
-  name: e.string(),
-  description: e.string().nullable(),
-  allowedExtensions: e.array(e.string()).nullable(),
-  allowedAttempts: e.number().nullable(),
-  dueAt: e.string().nullable(),
-  pointsPossible: e.number().nullable(),
-  submissionTypes: e.array(e.string()),
-  gradingType: e.string(),
-  published: e.boolean().nullable().optional(),
-  submissionsConnection: e.object({
-    nodes: e.array(D)
+`, _e = n.object({
+  _id: n.string(),
+  displayName: n.string(),
+  id: n.string(),
+  mimeClass: n.string(),
+  url: n.string(),
+  contentType: n.string(),
+  submissionPreviewUrl: n.string().nullable()
+}), Hn = n.object({
+  _id: n.string(),
+  activeSubmissionType: n.string(),
+  body: n.string().nullable(),
+  attachments: n.array(_e).nullable()
+}), Gn = n.object({
+  id: n.string(),
+  submittedAt: n.string(),
+  body: n.string().nullable(),
+  grade: n.string().nullable(),
+  score: n.number().nullable(),
+  submissionType: n.string(),
+  attempt: n.number(),
+  unreadCommentCount: n.number(),
+  attachment: _e.nullable(),
+  attachments: n.array(_e).nullable(),
+  submissionDraft: Hn.nullable()
+}), Bn = n.object({
+  _id: n.string(),
+  name: n.string(),
+  description: n.string().nullable(),
+  allowedExtensions: n.array(n.string()).nullable(),
+  allowedAttempts: n.number().nullable(),
+  dueAt: n.string().nullable(),
+  pointsPossible: n.number().nullable(),
+  submissionTypes: n.array(n.string()),
+  gradingType: n.string(),
+  published: n.boolean().nullable().optional(),
+  submissionsConnection: n.object({
+    nodes: n.array(Gn)
   })
-}), _ = e.object({
-  legacyNode: A,
-  course: e.object({
-    name: e.string()
+}), Wn = n.object({
+  legacyNode: Bn,
+  course: n.object({
+    name: n.string()
   })
-}), S = e.object({
-  startCursor: e.string(),
-  endCursor: e.string(),
-  hasPreviousPage: e.boolean(),
-  hasNextPage: e.boolean()
-}), y = e.object({
-  _id: e.string(),
-  attempt: e.number(),
-  author: e.object({
-    avatarUrl: e.string().nullable(),
-    shortName: e.string(),
-    courseRoles: e.string().nullable()
+}), Jt = n.object({
+  startCursor: n.string(),
+  endCursor: n.string(),
+  hasPreviousPage: n.boolean(),
+  hasNextPage: n.boolean()
+}), en = n.object({
+  _id: n.string(),
+  attempt: n.number(),
+  author: n.object({
+    avatarUrl: n.string().nullable(),
+    shortName: n.string(),
+    courseRoles: n.string().nullable()
   }),
-  htmlComment: e.string(),
-  read: e.boolean(),
-  updatedAt: e.string(),
-  createdAt: e.string(),
-  attachments: e.array(
-    e.object({
-      url: e.string(),
-      mimeClass: e.string(),
-      displayName: e.string(),
-      contentType: e.string(),
-      id: e.string()
+  htmlComment: n.string(),
+  read: n.boolean(),
+  updatedAt: n.string(),
+  createdAt: n.string(),
+  attachments: n.array(
+    n.object({
+      url: n.string(),
+      mimeClass: n.string(),
+      displayName: n.string(),
+      contentType: n.string(),
+      id: n.string()
     })
   ).nullable()
-}), v = e.object({
-  submissionComments: e.object({
-    commentsConnection: e.object({
-      pageInfo: S,
-      nodes: e.array(y)
+}), qn = n.object({
+  submissionComments: n.object({
+    commentsConnection: n.object({
+      pageInfo: Jt,
+      nodes: n.array(en)
     })
   })
-}), B = e.object({
-  comments: e.array(y),
-  pageInfo: S
-}), N = e.object({
-  submittedAt: e.string(),
-  body: e.string().nullable(),
-  grade: e.string().nullable(),
-  score: e.number().nullable(),
-  submissionType: e.string(),
-  state: e.string(),
-  attempt: e.number(),
-  attachment: u.nullable(),
-  attachments: e.array(u).nullable()
-}), M = e.object({
-  node: e.object({
-    submissionHistoriesConnection: e.object({
-      nodes: e.array(N)
+}), Qi = n.object({
+  comments: n.array(en),
+  pageInfo: Jt
+}), Yn = n.object({
+  submittedAt: n.string(),
+  body: n.string().nullable(),
+  grade: n.string().nullable(),
+  score: n.number().nullable(),
+  submissionType: n.string(),
+  state: n.string(),
+  attempt: n.number(),
+  attachment: _e.nullable(),
+  attachments: n.array(_e).nullable()
+}), Xn = n.object({
+  node: n.object({
+    submissionHistoriesConnection: n.object({
+      nodes: n.array(Yn)
     })
   })
-}), b = e.object({
-  attribute: e.string(),
-  message: e.string()
-}), w = e.object({
-  createSubmissionComment: e.object({
-    submissionComment: e.object({
-      _id: e.string(),
-      attachments: e.array(
-        e.object({
-          _id: e.string(),
-          displayName: e.string(),
-          id: e.string(),
-          mimeClass: e.string(),
-          url: e.string()
+}), Se = n.object({
+  attribute: n.string(),
+  message: n.string()
+}), Kn = n.object({
+  createSubmissionComment: n.object({
+    submissionComment: n.object({
+      _id: n.string(),
+      attachments: n.array(
+        n.object({
+          _id: n.string(),
+          displayName: n.string(),
+          id: n.string(),
+          mimeClass: n.string(),
+          url: n.string()
         })
       ).nullable(),
-      author: e.object({
-        avatarUrl: e.string().nullable(),
-        shortName: e.string()
+      author: n.object({
+        avatarUrl: n.string().nullable(),
+        shortName: n.string()
       }),
-      htmlComment: e.string(),
-      mediaObject: e.object({
-        id: e.string(),
-        _id: e.string(),
-        mediaSources: e.array(
-          e.object({
-            height: e.string(),
-            src: e.string(),
-            type: e.string(),
-            width: e.string()
+      htmlComment: n.string(),
+      mediaObject: n.object({
+        id: n.string(),
+        _id: n.string(),
+        mediaSources: n.array(
+          n.object({
+            height: n.string(),
+            src: n.string(),
+            type: n.string(),
+            width: n.string()
           })
         ),
-        mediaTracks: e.array(
-          e.object({
-            _id: e.string(),
-            locale: e.string(),
-            content: e.string(),
-            kind: e.string()
+        mediaTracks: n.array(
+          n.object({
+            _id: n.string(),
+            locale: n.string(),
+            content: n.string(),
+            kind: n.string()
           })
         ),
-        mediaType: e.string(),
-        title: e.string()
+        mediaType: n.string(),
+        title: n.string()
       }).nullable(),
-      read: e.boolean(),
-      updatedAt: e.string()
+      read: n.boolean(),
+      updatedAt: n.string()
     }).nullable(),
-    errors: e.array(b).nullable()
+    errors: n.array(Se).nullable()
   })
-}), O = e.object({
-  markSubmissionCommentsRead: e.object({
-    errors: e.array(b).nullable()
+}), Vn = n.object({
+  markSubmissionCommentsRead: n.object({
+    errors: n.array(Se).nullable()
   })
-}), Z = e.object({
-  createSubmission: e.object({
-    submission: e.object({
-      _id: e.string(),
-      createdAt: e.string(),
-      attempt: e.number(),
-      submittedAt: e.string().nullable(),
-      score: e.number().nullable()
+}), Ji = n.object({
+  createSubmission: n.object({
+    submission: n.object({
+      _id: n.string(),
+      createdAt: n.string(),
+      attempt: n.number(),
+      submittedAt: n.string().nullable(),
+      score: n.number().nullable()
     }).nullable(),
-    errors: e.array(b).nullable()
+    errors: n.array(Se).nullable()
   })
-}), x = e.object(
+}), er = n.object(
   {
-    createSubmissionDraft: e.object({
-      submissionDraft: e.object({
-        _id: e.string()
+    createSubmissionDraft: n.object({
+      submissionDraft: n.object({
+        _id: n.string()
       }).nullable(),
-      errors: e.array(b).nullable()
+      errors: n.array(Se).nullable()
     })
   }
-), K = e.object(
+), tr = n.object(
   {
-    deleteSubmissionDraft: e.object({
-      submissionDraftIds: e.array(e.string()).nullable(),
-      errors: e.array(b).nullable()
+    deleteSubmissionDraft: n.object({
+      submissionDraftIds: n.array(n.string()).nullable(),
+      errors: n.array(Se).nullable()
     })
   }
 );
-function H({
-  executeQuery: n
+function Zn({
+  submissionId: t,
+  executeQuery: i,
+  enabled: o = !0
 }) {
-  const i = c();
-  return g({
-    mutationFn: async ({ submissionId: s, attempt: t, comment: o, fileIds: a }) => {
-      const r = await n(I, {
-        id: s,
-        submissionAttempt: t,
-        comment: o,
-        fileIds: a
-      });
-      return w.parse(r), r;
+  return Ue({
+    queryKey: ["assignment-review", "submissions", t],
+    queryFn: async () => {
+      const a = await i($n, { submissionId: t });
+      return Xn.parse(a).node.submissionHistoriesConnection.nodes.slice().sort(
+        (c, f) => new Date(f.submittedAt).getTime() - new Date(c.submittedAt).getTime()
+      );
     },
-    onSuccess: (s, t) => {
-      i.invalidateQueries({
-        queryKey: ["assignment-review", "submission-comments", t.submissionId]
+    enabled: o
+  });
+}
+function nr({
+  submissionId: t,
+  selectedAttempt: i,
+  onAttemptSelect: o,
+  pointsPossible: a,
+  executeQuery: l
+}) {
+  const { t: c } = B("assignment-review"), { data: f, isLoading: b, isError: u } = Zn({
+    submissionId: t,
+    executeQuery: l
+  });
+  if (b)
+    return /* @__PURE__ */ r(g, { justifyItems: "center", padding: "medium", children: /* @__PURE__ */ r(ct, { renderTitle: c("navigation.attempts"), size: "small" }) });
+  if (u)
+    return /* @__PURE__ */ r(g, { justifyItems: "center", padding: "medium", children: /* @__PURE__ */ r(y, { color: "danger", children: c("submission.loadAttemptsError", "Failed to load attempts") }) });
+  const p = (f == null ? void 0 : f.filter((_) => _.attempt > 0)) ?? [];
+  return p.length === 0 ? /* @__PURE__ */ r(g, { padding: "medium", children: /* @__PURE__ */ r(y, { color: "secondary", children: c(
+    "submission.noAttempts",
+    "This assignment allows multiple attempts. Once you've made a submission, you can view it here."
+  ) }) }) : /* @__PURE__ */ r(g, { direction: "column", gap: "x-small", padding: "none none medium none", children: p.map((_) => /* @__PURE__ */ r(
+    Un,
+    {
+      submission: _,
+      isSelected: i === _.attempt,
+      pointsPossible: a,
+      onClick: () => o(_)
+    },
+    _.attempt
+  )) });
+}
+/*! @license DOMPurify 3.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.3/LICENSE */
+const {
+  entries: tn,
+  setPrototypeOf: Pt,
+  isFrozen: Qn,
+  getPrototypeOf: Jn,
+  getOwnPropertyDescriptor: ei
+} = Object;
+let {
+  freeze: F,
+  seal: G,
+  create: ke
+} = Object, {
+  apply: st,
+  construct: at
+} = typeof Reflect < "u" && Reflect;
+F || (F = function(i) {
+  return i;
+});
+G || (G = function(i) {
+  return i;
+});
+st || (st = function(i, o) {
+  for (var a = arguments.length, l = new Array(a > 2 ? a - 2 : 0), c = 2; c < a; c++)
+    l[c - 2] = arguments[c];
+  return i.apply(o, l);
+});
+at || (at = function(i) {
+  for (var o = arguments.length, a = new Array(o > 1 ? o - 1 : 0), l = 1; l < o; l++)
+    a[l - 1] = arguments[l];
+  return new i(...a);
+});
+const Me = U(Array.prototype.forEach), ti = U(Array.prototype.lastIndexOf), Ft = U(Array.prototype.pop), pe = U(Array.prototype.push), ni = U(Array.prototype.splice), Pe = U(String.prototype.toLowerCase), Je = U(String.prototype.toString), et = U(String.prototype.match), ge = U(String.prototype.replace), ii = U(String.prototype.indexOf), ri = U(String.prototype.trim), H = U(Object.prototype.hasOwnProperty), k = U(RegExp.prototype.test), he = oi(TypeError);
+function U(t) {
+  return function(i) {
+    i instanceof RegExp && (i.lastIndex = 0);
+    for (var o = arguments.length, a = new Array(o > 1 ? o - 1 : 0), l = 1; l < o; l++)
+      a[l - 1] = arguments[l];
+    return st(t, i, a);
+  };
+}
+function oi(t) {
+  return function() {
+    for (var i = arguments.length, o = new Array(i), a = 0; a < i; a++)
+      o[a] = arguments[a];
+    return at(t, o);
+  };
+}
+function h(t, i) {
+  let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Pe;
+  Pt && Pt(t, null);
+  let a = i.length;
+  for (; a--; ) {
+    let l = i[a];
+    if (typeof l == "string") {
+      const c = o(l);
+      c !== l && (Qn(i) || (i[a] = c), l = c);
+    }
+    t[l] = !0;
+  }
+  return t;
+}
+function si(t) {
+  for (let i = 0; i < t.length; i++)
+    H(t, i) || (t[i] = null);
+  return t;
+}
+function Y(t) {
+  const i = ke(null);
+  for (const [o, a] of tn(t))
+    H(t, o) && (Array.isArray(a) ? i[o] = si(a) : a && typeof a == "object" && a.constructor === Object ? i[o] = Y(a) : i[o] = a);
+  return i;
+}
+function be(t, i) {
+  for (; t !== null; ) {
+    const a = ei(t, i);
+    if (a) {
+      if (a.get)
+        return U(a.get);
+      if (typeof a.value == "function")
+        return U(a.value);
+    }
+    t = Jn(t);
+  }
+  function o() {
+    return null;
+  }
+  return o;
+}
+const Ut = F(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "search", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]), tt = F(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "enterkeyhint", "exportparts", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "inputmode", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "part", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]), nt = F(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]), ai = F(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]), it = F(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]), li = F(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]), zt = F(["#text"]), jt = F(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "exportparts", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inert", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "part", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "slot", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns", "slot"]), rt = F(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "mask-type", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]), $t = F(["accent", "accentunder", "align", "bevelled", "close", "columnsalign", "columnlines", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lspace", "lquote", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]), xe = F(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]), ci = G(/\{\{[\w\W]*|[\w\W]*\}\}/gm), mi = G(/<%[\w\W]*|[\w\W]*%>/gm), ui = G(/\$\{[\w\W]*/gm), di = G(/^data-[\-\w.\u00B7-\uFFFF]+$/), fi = G(/^aria-[\-\w]+$/), nn = G(
+  /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
+  // eslint-disable-line no-useless-escape
+), pi = G(/^(?:\w+script|data):/i), gi = G(
+  /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g
+  // eslint-disable-line no-control-regex
+), rn = G(/^html$/i), hi = G(/^[a-z][.\w]*(-[.\w]+)+$/i);
+var Ht = /* @__PURE__ */ Object.freeze({
+  __proto__: null,
+  ARIA_ATTR: fi,
+  ATTR_WHITESPACE: gi,
+  CUSTOM_ELEMENT: hi,
+  DATA_ATTR: di,
+  DOCTYPE_NAME: rn,
+  ERB_EXPR: mi,
+  IS_ALLOWED_URI: nn,
+  IS_SCRIPT_OR_DATA: pi,
+  MUSTACHE_EXPR: ci,
+  TMPLIT_EXPR: ui
+});
+const Te = {
+  element: 1,
+  text: 3,
+  // Deprecated
+  progressingInstruction: 7,
+  comment: 8,
+  document: 9
+}, bi = function() {
+  return typeof window > "u" ? null : window;
+}, Ti = function(i, o) {
+  if (typeof i != "object" || typeof i.createPolicy != "function")
+    return null;
+  let a = null;
+  const l = "data-tt-policy-suffix";
+  o && o.hasAttribute(l) && (a = o.getAttribute(l));
+  const c = "dompurify" + (a ? "#" + a : "");
+  try {
+    return i.createPolicy(c, {
+      createHTML(f) {
+        return f;
+      },
+      createScriptURL(f) {
+        return f;
+      }
+    });
+  } catch {
+    return console.warn("TrustedTypes policy " + c + " could not be created."), null;
+  }
+}, Gt = function() {
+  return {
+    afterSanitizeAttributes: [],
+    afterSanitizeElements: [],
+    afterSanitizeShadowDOM: [],
+    beforeSanitizeAttributes: [],
+    beforeSanitizeElements: [],
+    beforeSanitizeShadowDOM: [],
+    uponSanitizeAttribute: [],
+    uponSanitizeElement: [],
+    uponSanitizeShadowNode: []
+  };
+};
+function on() {
+  let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : bi();
+  const i = (d) => on(d);
+  if (i.version = "3.3.3", i.removed = [], !t || !t.document || t.document.nodeType !== Te.document || !t.Element)
+    return i.isSupported = !1, i;
+  let {
+    document: o
+  } = t;
+  const a = o, l = a.currentScript, {
+    DocumentFragment: c,
+    HTMLTemplateElement: f,
+    Node: b,
+    Element: u,
+    NodeFilter: p,
+    NamedNodeMap: _ = t.NamedNodeMap || t.MozNamedAttrMap,
+    HTMLFormElement: D,
+    DOMParser: I,
+    trustedTypes: A
+  } = t, T = u.prototype, me = be(T, "cloneNode"), ye = be(T, "remove"), Ae = be(T, "nextSibling"), Ee = be(T, "childNodes"), ie = be(T, "parentNode");
+  if (typeof f == "function") {
+    const d = o.createElement("template");
+    d.content && d.content.ownerDocument && (o = d.content.ownerDocument);
+  }
+  let L, ee = "";
+  const {
+    implementation: z,
+    createNodeIterator: $,
+    createDocumentFragment: Ie,
+    getElementsByTagName: ln
+  } = o, {
+    importNode: cn
+  } = a;
+  let x = Gt();
+  i.isSupported = typeof tn == "function" && typeof ie == "function" && z && z.createHTMLDocument !== void 0;
+  const {
+    MUSTACHE_EXPR: ze,
+    ERB_EXPR: je,
+    TMPLIT_EXPR: $e,
+    DATA_ATTR: mn,
+    ARIA_ATTR: un,
+    IS_SCRIPT_OR_DATA: dn,
+    ATTR_WHITESPACE: ut,
+    CUSTOM_ELEMENT: fn
+  } = Ht;
+  let {
+    IS_ALLOWED_URI: dt
+  } = Ht, v = null;
+  const ft = h({}, [...Ut, ...tt, ...nt, ...it, ...zt]);
+  let N = null;
+  const pt = h({}, [...jt, ...rt, ...$t, ...xe]);
+  let C = Object.seal(ke(null, {
+    tagNameCheck: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: null
+    },
+    attributeNameCheck: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: null
+    },
+    allowCustomizedBuiltInElements: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: !1
+    }
+  })), ue = null, Ce = null;
+  const Q = Object.seal(ke(null, {
+    tagCheck: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: null
+    },
+    attributeCheck: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: null
+    }
+  }));
+  let gt = !0, He = !0, ht = !1, bt = !0, re = !1, De = !0, te = !1, Ge = !1, Be = !1, oe = !1, Re = !1, we = !1, Tt = !0, _t = !1;
+  const pn = "user-content-";
+  let We = !0, de = !1, se = {}, W = null;
+  const qe = h({}, ["annotation-xml", "audio", "colgroup", "desc", "foreignobject", "head", "iframe", "math", "mi", "mn", "mo", "ms", "mtext", "noembed", "noframes", "noscript", "plaintext", "script", "style", "svg", "template", "thead", "title", "video", "xmp"]);
+  let St = null;
+  const yt = h({}, ["audio", "video", "img", "source", "image", "track"]);
+  let Ye = null;
+  const At = h({}, ["alt", "class", "for", "id", "label", "name", "pattern", "placeholder", "role", "summary", "title", "value", "style", "xmlns"]), ve = "http://www.w3.org/1998/Math/MathML", Le = "http://www.w3.org/2000/svg", X = "http://www.w3.org/1999/xhtml";
+  let ae = X, Xe = !1, Ke = null;
+  const gn = h({}, [ve, Le, X], Je);
+  let Ne = h({}, ["mi", "mo", "mn", "ms", "mtext"]), Oe = h({}, ["annotation-xml"]);
+  const hn = h({}, ["title", "style", "font", "a", "script"]);
+  let fe = null;
+  const bn = ["application/xhtml+xml", "text/html"], Tn = "text/html";
+  let w = null, le = null;
+  const _n = o.createElement("form"), Et = function(e) {
+    return e instanceof RegExp || e instanceof Function;
+  }, Ve = function() {
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    if (!(le && le === e)) {
+      if ((!e || typeof e != "object") && (e = {}), e = Y(e), fe = // eslint-disable-next-line unicorn/prefer-includes
+      bn.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? Tn : e.PARSER_MEDIA_TYPE, w = fe === "application/xhtml+xml" ? Je : Pe, v = H(e, "ALLOWED_TAGS") ? h({}, e.ALLOWED_TAGS, w) : ft, N = H(e, "ALLOWED_ATTR") ? h({}, e.ALLOWED_ATTR, w) : pt, Ke = H(e, "ALLOWED_NAMESPACES") ? h({}, e.ALLOWED_NAMESPACES, Je) : gn, Ye = H(e, "ADD_URI_SAFE_ATTR") ? h(Y(At), e.ADD_URI_SAFE_ATTR, w) : At, St = H(e, "ADD_DATA_URI_TAGS") ? h(Y(yt), e.ADD_DATA_URI_TAGS, w) : yt, W = H(e, "FORBID_CONTENTS") ? h({}, e.FORBID_CONTENTS, w) : qe, ue = H(e, "FORBID_TAGS") ? h({}, e.FORBID_TAGS, w) : Y({}), Ce = H(e, "FORBID_ATTR") ? h({}, e.FORBID_ATTR, w) : Y({}), se = H(e, "USE_PROFILES") ? e.USE_PROFILES : !1, gt = e.ALLOW_ARIA_ATTR !== !1, He = e.ALLOW_DATA_ATTR !== !1, ht = e.ALLOW_UNKNOWN_PROTOCOLS || !1, bt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, re = e.SAFE_FOR_TEMPLATES || !1, De = e.SAFE_FOR_XML !== !1, te = e.WHOLE_DOCUMENT || !1, oe = e.RETURN_DOM || !1, Re = e.RETURN_DOM_FRAGMENT || !1, we = e.RETURN_TRUSTED_TYPE || !1, Be = e.FORCE_BODY || !1, Tt = e.SANITIZE_DOM !== !1, _t = e.SANITIZE_NAMED_PROPS || !1, We = e.KEEP_CONTENT !== !1, de = e.IN_PLACE || !1, dt = e.ALLOWED_URI_REGEXP || nn, ae = e.NAMESPACE || X, Ne = e.MATHML_TEXT_INTEGRATION_POINTS || Ne, Oe = e.HTML_INTEGRATION_POINTS || Oe, C = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && Et(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (C.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && Et(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (C.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (C.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), re && (He = !1), Re && (oe = !0), se && (v = h({}, zt), N = ke(null), se.html === !0 && (h(v, Ut), h(N, jt)), se.svg === !0 && (h(v, tt), h(N, rt), h(N, xe)), se.svgFilters === !0 && (h(v, nt), h(N, rt), h(N, xe)), se.mathMl === !0 && (h(v, it), h(N, $t), h(N, xe))), H(e, "ADD_TAGS") || (Q.tagCheck = null), H(e, "ADD_ATTR") || (Q.attributeCheck = null), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? Q.tagCheck = e.ADD_TAGS : (v === ft && (v = Y(v)), h(v, e.ADD_TAGS, w))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? Q.attributeCheck = e.ADD_ATTR : (N === pt && (N = Y(N)), h(N, e.ADD_ATTR, w))), e.ADD_URI_SAFE_ATTR && h(Ye, e.ADD_URI_SAFE_ATTR, w), e.FORBID_CONTENTS && (W === qe && (W = Y(W)), h(W, e.FORBID_CONTENTS, w)), e.ADD_FORBID_CONTENTS && (W === qe && (W = Y(W)), h(W, e.ADD_FORBID_CONTENTS, w)), We && (v["#text"] = !0), te && h(v, ["html", "head", "body"]), v.table && (h(v, ["tbody"]), delete ue.tbody), e.TRUSTED_TYPES_POLICY) {
+        if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function")
+          throw he('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+        if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function")
+          throw he('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+        L = e.TRUSTED_TYPES_POLICY, ee = L.createHTML("");
+      } else
+        L === void 0 && (L = Ti(A, l)), L !== null && typeof ee == "string" && (ee = L.createHTML(""));
+      F && F(e), le = e;
+    }
+  }, It = h({}, [...tt, ...nt, ...ai]), Ct = h({}, [...it, ...li]), Sn = function(e) {
+    let s = ie(e);
+    (!s || !s.tagName) && (s = {
+      namespaceURI: ae,
+      tagName: "template"
+    });
+    const m = Pe(e.tagName), E = Pe(s.tagName);
+    return Ke[e.namespaceURI] ? e.namespaceURI === Le ? s.namespaceURI === X ? m === "svg" : s.namespaceURI === ve ? m === "svg" && (E === "annotation-xml" || Ne[E]) : !!It[m] : e.namespaceURI === ve ? s.namespaceURI === X ? m === "math" : s.namespaceURI === Le ? m === "math" && Oe[E] : !!Ct[m] : e.namespaceURI === X ? s.namespaceURI === Le && !Oe[E] || s.namespaceURI === ve && !Ne[E] ? !1 : !Ct[m] && (hn[m] || !It[m]) : !!(fe === "application/xhtml+xml" && Ke[e.namespaceURI]) : !1;
+  }, q = function(e) {
+    pe(i.removed, {
+      element: e
+    });
+    try {
+      ie(e).removeChild(e);
+    } catch {
+      ye(e);
+    }
+  }, ne = function(e, s) {
+    try {
+      pe(i.removed, {
+        attribute: s.getAttributeNode(e),
+        from: s
+      });
+    } catch {
+      pe(i.removed, {
+        attribute: null,
+        from: s
       });
     }
-  });
+    if (s.removeAttribute(e), e === "is")
+      if (oe || Re)
+        try {
+          q(s);
+        } catch {
+        }
+      else
+        try {
+          s.setAttribute(e, "");
+        } catch {
+        }
+  }, Dt = function(e) {
+    let s = null, m = null;
+    if (Be)
+      e = "<remove></remove>" + e;
+    else {
+      const R = et(e, /^[\r\n\t ]+/);
+      m = R && R[0];
+    }
+    fe === "application/xhtml+xml" && ae === X && (e = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + e + "</body></html>");
+    const E = L ? L.createHTML(e) : e;
+    if (ae === X)
+      try {
+        s = new I().parseFromString(E, fe);
+      } catch {
+      }
+    if (!s || !s.documentElement) {
+      s = z.createDocument(ae, "template", null);
+      try {
+        s.documentElement.innerHTML = Xe ? ee : E;
+      } catch {
+      }
+    }
+    const M = s.body || s.documentElement;
+    return e && m && M.insertBefore(o.createTextNode(m), M.childNodes[0] || null), ae === X ? ln.call(s, te ? "html" : "body")[0] : te ? s.documentElement : M;
+  }, Rt = function(e) {
+    return $.call(
+      e.ownerDocument || e,
+      e,
+      // eslint-disable-next-line no-bitwise
+      p.SHOW_ELEMENT | p.SHOW_COMMENT | p.SHOW_TEXT | p.SHOW_PROCESSING_INSTRUCTION | p.SHOW_CDATA_SECTION,
+      null
+    );
+  }, Ze = function(e) {
+    return e instanceof D && (typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || !(e.attributes instanceof _) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function");
+  }, wt = function(e) {
+    return typeof b == "function" && e instanceof b;
+  };
+  function K(d, e, s) {
+    Me(d, (m) => {
+      m.call(i, e, s, le);
+    });
+  }
+  const vt = function(e) {
+    let s = null;
+    if (K(x.beforeSanitizeElements, e, null), Ze(e))
+      return q(e), !0;
+    const m = w(e.nodeName);
+    if (K(x.uponSanitizeElement, e, {
+      tagName: m,
+      allowedTags: v
+    }), De && e.hasChildNodes() && !wt(e.firstElementChild) && k(/<[/\w!]/g, e.innerHTML) && k(/<[/\w!]/g, e.textContent) || e.nodeType === Te.progressingInstruction || De && e.nodeType === Te.comment && k(/<[/\w]/g, e.data))
+      return q(e), !0;
+    if (!(Q.tagCheck instanceof Function && Q.tagCheck(m)) && (!v[m] || ue[m])) {
+      if (!ue[m] && Nt(m) && (C.tagNameCheck instanceof RegExp && k(C.tagNameCheck, m) || C.tagNameCheck instanceof Function && C.tagNameCheck(m)))
+        return !1;
+      if (We && !W[m]) {
+        const E = ie(e) || e.parentNode, M = Ee(e) || e.childNodes;
+        if (M && E) {
+          const R = M.length;
+          for (let j = R - 1; j >= 0; --j) {
+            const V = me(M[j], !0);
+            V.__removalCount = (e.__removalCount || 0) + 1, E.insertBefore(V, Ae(e));
+          }
+        }
+      }
+      return q(e), !0;
+    }
+    return e instanceof u && !Sn(e) || (m === "noscript" || m === "noembed" || m === "noframes") && k(/<\/no(script|embed|frames)/i, e.innerHTML) ? (q(e), !0) : (re && e.nodeType === Te.text && (s = e.textContent, Me([ze, je, $e], (E) => {
+      s = ge(s, E, " ");
+    }), e.textContent !== s && (pe(i.removed, {
+      element: e.cloneNode()
+    }), e.textContent = s)), K(x.afterSanitizeElements, e, null), !1);
+  }, Lt = function(e, s, m) {
+    if (Ce[s] || Tt && (s === "id" || s === "name") && (m in o || m in _n))
+      return !1;
+    if (!(He && !Ce[s] && k(mn, s))) {
+      if (!(gt && k(un, s))) {
+        if (!(Q.attributeCheck instanceof Function && Q.attributeCheck(s, e))) {
+          if (!N[s] || Ce[s]) {
+            if (
+              // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+              // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+              // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+              !(Nt(e) && (C.tagNameCheck instanceof RegExp && k(C.tagNameCheck, e) || C.tagNameCheck instanceof Function && C.tagNameCheck(e)) && (C.attributeNameCheck instanceof RegExp && k(C.attributeNameCheck, s) || C.attributeNameCheck instanceof Function && C.attributeNameCheck(s, e)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+              // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+              s === "is" && C.allowCustomizedBuiltInElements && (C.tagNameCheck instanceof RegExp && k(C.tagNameCheck, m) || C.tagNameCheck instanceof Function && C.tagNameCheck(m)))
+            ) return !1;
+          } else if (!Ye[s]) {
+            if (!k(dt, ge(m, ut, ""))) {
+              if (!((s === "src" || s === "xlink:href" || s === "href") && e !== "script" && ii(m, "data:") === 0 && St[e])) {
+                if (!(ht && !k(dn, ge(m, ut, "")))) {
+                  if (m)
+                    return !1;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    return !0;
+  }, Nt = function(e) {
+    return e !== "annotation-xml" && et(e, fn);
+  }, Ot = function(e) {
+    K(x.beforeSanitizeAttributes, e, null);
+    const {
+      attributes: s
+    } = e;
+    if (!s || Ze(e))
+      return;
+    const m = {
+      attrName: "",
+      attrValue: "",
+      keepAttr: !0,
+      allowedAttributes: N,
+      forceKeepAttr: void 0
+    };
+    let E = s.length;
+    for (; E--; ) {
+      const M = s[E], {
+        name: R,
+        namespaceURI: j,
+        value: V
+      } = M, ce = w(R), Qe = V;
+      let O = R === "value" ? Qe : ri(Qe);
+      if (m.attrName = ce, m.attrValue = O, m.keepAttr = !0, m.forceKeepAttr = void 0, K(x.uponSanitizeAttribute, e, m), O = m.attrValue, _t && (ce === "id" || ce === "name") && (ne(R, e), O = pn + O), De && k(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, O)) {
+        ne(R, e);
+        continue;
+      }
+      if (ce === "attributename" && et(O, "href")) {
+        ne(R, e);
+        continue;
+      }
+      if (m.forceKeepAttr)
+        continue;
+      if (!m.keepAttr) {
+        ne(R, e);
+        continue;
+      }
+      if (!bt && k(/\/>/i, O)) {
+        ne(R, e);
+        continue;
+      }
+      re && Me([ze, je, $e], (xt) => {
+        O = ge(O, xt, " ");
+      });
+      const Mt = w(e.nodeName);
+      if (!Lt(Mt, ce, O)) {
+        ne(R, e);
+        continue;
+      }
+      if (L && typeof A == "object" && typeof A.getAttributeType == "function" && !j)
+        switch (A.getAttributeType(Mt, ce)) {
+          case "TrustedHTML": {
+            O = L.createHTML(O);
+            break;
+          }
+          case "TrustedScriptURL": {
+            O = L.createScriptURL(O);
+            break;
+          }
+        }
+      if (O !== Qe)
+        try {
+          j ? e.setAttributeNS(j, R, O) : e.setAttribute(R, O), Ze(e) ? q(e) : Ft(i.removed);
+        } catch {
+          ne(R, e);
+        }
+    }
+    K(x.afterSanitizeAttributes, e, null);
+  }, yn = function d(e) {
+    let s = null;
+    const m = Rt(e);
+    for (K(x.beforeSanitizeShadowDOM, e, null); s = m.nextNode(); )
+      K(x.uponSanitizeShadowNode, s, null), vt(s), Ot(s), s.content instanceof c && d(s.content);
+    K(x.afterSanitizeShadowDOM, e, null);
+  };
+  return i.sanitize = function(d) {
+    let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s = null, m = null, E = null, M = null;
+    if (Xe = !d, Xe && (d = "<!-->"), typeof d != "string" && !wt(d))
+      if (typeof d.toString == "function") {
+        if (d = d.toString(), typeof d != "string")
+          throw he("dirty is not a string, aborting");
+      } else
+        throw he("toString is not a function");
+    if (!i.isSupported)
+      return d;
+    if (Ge || Ve(e), i.removed = [], typeof d == "string" && (de = !1), de) {
+      if (d.nodeName) {
+        const V = w(d.nodeName);
+        if (!v[V] || ue[V])
+          throw he("root node is forbidden and cannot be sanitized in-place");
+      }
+    } else if (d instanceof b)
+      s = Dt("<!---->"), m = s.ownerDocument.importNode(d, !0), m.nodeType === Te.element && m.nodeName === "BODY" || m.nodeName === "HTML" ? s = m : s.appendChild(m);
+    else {
+      if (!oe && !re && !te && // eslint-disable-next-line unicorn/prefer-includes
+      d.indexOf("<") === -1)
+        return L && we ? L.createHTML(d) : d;
+      if (s = Dt(d), !s)
+        return oe ? null : we ? ee : "";
+    }
+    s && Be && q(s.firstChild);
+    const R = Rt(de ? d : s);
+    for (; E = R.nextNode(); )
+      vt(E), Ot(E), E.content instanceof c && yn(E.content);
+    if (de)
+      return d;
+    if (oe) {
+      if (Re)
+        for (M = Ie.call(s.ownerDocument); s.firstChild; )
+          M.appendChild(s.firstChild);
+      else
+        M = s;
+      return (N.shadowroot || N.shadowrootmode) && (M = cn.call(a, M, !0)), M;
+    }
+    let j = te ? s.outerHTML : s.innerHTML;
+    return te && v["!doctype"] && s.ownerDocument && s.ownerDocument.doctype && s.ownerDocument.doctype.name && k(rn, s.ownerDocument.doctype.name) && (j = "<!DOCTYPE " + s.ownerDocument.doctype.name + `>
+` + j), re && Me([ze, je, $e], (V) => {
+      j = ge(j, V, " ");
+    }), L && we ? L.createHTML(j) : j;
+  }, i.setConfig = function() {
+    let d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    Ve(d), Ge = !0;
+  }, i.clearConfig = function() {
+    le = null, Ge = !1;
+  }, i.isValidAttribute = function(d, e, s) {
+    le || Ve({});
+    const m = w(d), E = w(e);
+    return Lt(m, E, s);
+  }, i.addHook = function(d, e) {
+    typeof e == "function" && pe(x[d], e);
+  }, i.removeHook = function(d, e) {
+    if (e !== void 0) {
+      const s = ti(x[d], e);
+      return s === -1 ? void 0 : ni(x[d], s, 1)[0];
+    }
+    return Ft(x[d]);
+  }, i.removeHooks = function(d) {
+    x[d] = [];
+  }, i.removeAllHooks = function() {
+    x = Gt();
+  }, i;
 }
-function Q({
-  courseId: n,
-  assignmentId: i,
-  userId: s,
-  executeQuery: t,
-  enabled: o = !0
+var sn = on();
+function an({
+  attachments: t,
+  size: i = "medium"
 }) {
-  return l({
-    queryKey: ["assignment-review", "assignment", n, i, s],
-    queryFn: async () => {
-      const a = await t($, {
-        courseId: n,
-        assignmentId: i,
-        userId: s
-      }), r = _.parse(a);
-      return {
-        ...r.legacyNode,
-        courseName: r.course.name
-      };
+  return t.length === 0 ? null : /* @__PURE__ */ r(g, { direction: "column", gap: "x-small", children: t.map((o) => /* @__PURE__ */ r(
+    Z,
+    {
+      as: "div",
+      padding: i === "small" ? "x-small" : "small medium",
+      borderColor: "primary",
+      borderWidth: "small",
+      borderRadius: "medium",
+      children: /* @__PURE__ */ S(g, { as: "div", gap: "small", width: "100%", justifyItems: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ r(g.Item, { shouldShrink: !0, children: /* @__PURE__ */ r(Vt, { children: o.displayName }) }),
+        /* @__PURE__ */ r(xn, { href: o.url, isWithinText: !1, renderIcon: /* @__PURE__ */ r(An, {}), children: /* @__PURE__ */ r(mt, { children: `Download ${o.displayName}` }) })
+      ] })
     },
-    enabled: o
+    o.id
+  )) });
+}
+function _i(t) {
+  return /* @__PURE__ */ r("span", { dangerouslySetInnerHTML: { __html: sn.sanitize(t) } });
+}
+function ir({
+  submission: t,
+  isLastAttempt: i = !0,
+  showAttemptLabel: o = !0,
+  renderHTML: a
+}) {
+  const { t: l } = B("assignment-review"), c = a ?? _i, f = (t == null ? void 0 : t.submissionType) === "online_text_entry", b = (t == null ? void 0 : t.submissionType) === "online_upload", u = l(f ? "submission.textHeading" : "submission.uploadHeading"), p = ot(() => {
+    if (!t) return [];
+    const D = [];
+    if (t.attachment && D.push(t.attachment), t.attachments)
+      for (const I of t.attachments)
+        D.some((A) => A.id === I.id) || D.push(I);
+    return D;
+  }, [t]), _ = ot(() => c((t == null ? void 0 : t.body) ?? ""), [t == null ? void 0 : t.body, c]);
+  return t ? /* @__PURE__ */ r(Z, { as: "div", children: /* @__PURE__ */ S(g, { direction: "column", gap: "small", children: [
+    o && !i && t.attempt != null && /* @__PURE__ */ r(y, { size: "small", weight: "bold", color: "secondary", children: l("submission.viewingAttempt", { number: t.attempt }) }),
+    /* @__PURE__ */ S(g, { gap: "x-small", alignItems: "center", children: [
+      /* @__PURE__ */ r(En, { color: "success" }),
+      /* @__PURE__ */ r(qt, { level: "h3", children: u })
+    ] }),
+    f && t.body && /* @__PURE__ */ S(g, { alignItems: "stretch", gap: "small", children: [
+      /* @__PURE__ */ r(Z, { as: "div", width: "4px", background: "primary", borderRadius: "small" }),
+      /* @__PURE__ */ r(Z, { as: "div", children: /* @__PURE__ */ r(y, { children: _ }) })
+    ] }),
+    b && p.length > 0 && /* @__PURE__ */ r(an, { attachments: p })
+  ] }) }) : null;
+}
+function Si(t) {
+  return /* @__PURE__ */ r("span", { dangerouslySetInnerHTML: { __html: sn.sanitize(t) } });
+}
+function yi(t) {
+  const i = new Date(t);
+  return Number.isNaN(i.getTime()) ? "" : i.toLocaleString();
+}
+function Ai({
+  comment: t,
+  isFullWidth: i,
+  renderHTML: o
+}) {
+  var u;
+  const { t: a } = B("assignment-review"), l = o ?? Si, c = ((u = t.author.courseRoles) == null ? void 0 : u.includes("StudentEnrollment")) ?? !1, f = ot(() => l(t.htmlComment), [t.htmlComment, l]);
+  return /* @__PURE__ */ r(
+    Z,
+    {
+      as: "div",
+      padding: "small medium",
+      borderWidth: "small",
+      borderColor: "primary",
+      borderRadius: "medium",
+      margin: i ? "none" : c ? "none none none medium" : "none medium none none",
+      children: /* @__PURE__ */ S(g, { as: "div", direction: "column", gap: "small", children: [
+        /* @__PURE__ */ S(g, { as: "div", direction: "column", gap: "xx-small", children: [
+          /* @__PURE__ */ S(g, { as: "div", justifyItems: "space-between", alignItems: "center", children: [
+            /* @__PURE__ */ r(g.Item, { shouldShrink: !0, children: /* @__PURE__ */ r(y, { weight: "bold", size: "medium", children: /* @__PURE__ */ r(Vt, { children: t.author.shortName }) }) }),
+            !t.read && /* @__PURE__ */ r(Zt, { type: "notification", standalone: !0, children: /* @__PURE__ */ r(mt, { children: a("comments.unreadSingle") }) })
+          ] }),
+          /* @__PURE__ */ r(y, { size: "small", color: "secondary", children: yi(t.createdAt) }),
+          t.attempt > 0 && /* @__PURE__ */ r(y, { size: "small", color: "secondary", children: a("comments.attempt", { number: t.attempt }) })
+        ] }),
+        /* @__PURE__ */ r(y, { size: "medium", children: f }),
+        t.attachments && t.attachments.length > 0 && /* @__PURE__ */ r(
+          an,
+          {
+            attachments: t.attachments.map((p) => ({
+              ...p,
+              _id: p._id ?? p.id,
+              submissionPreviewUrl: null
+            })),
+            size: "small"
+          }
+        )
+      ] })
+    }
+  );
+}
+function rr({
+  existingFiles: t,
+  onSubmit: i,
+  onSaveDraft: o,
+  onDiscardDraft: a,
+  onSelectFiles: l,
+  isSubmitting: c = !1
+}) {
+  const { t: f } = B("assignment-review"), [b, u] = Fe(t ?? []), p = async () => {
+    const A = await l();
+    u((T) => [...T, ...A]);
+  }, _ = (A) => {
+    u((T) => T.filter((me) => me.id !== A));
+  }, D = b.map((A) => A.id), I = b.length > 0 && !c;
+  return /* @__PURE__ */ S(g, { direction: "column", gap: "medium", children: [
+    b.length > 0 && /* @__PURE__ */ r(g, { direction: "column", gap: "x-small", children: b.map((A) => /* @__PURE__ */ r(
+      Z,
+      {
+        as: "div",
+        padding: "small",
+        borderWidth: "small",
+        borderColor: "primary",
+        borderRadius: "medium",
+        children: /* @__PURE__ */ S(g, { justifyItems: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ r(y, { children: A.name }),
+          /* @__PURE__ */ r(
+            P,
+            {
+              size: "small",
+              renderIcon: () => /* @__PURE__ */ r(In, {}),
+              onClick: () => _(A.id),
+              children: /* @__PURE__ */ S("span", { className: "screenreader-only", children: [
+                "Remove ",
+                A.name
+              ] })
+            }
+          )
+        ] })
+      },
+      A.id
+    )) }),
+    /* @__PURE__ */ r(P, { onClick: p, children: f("submissionForm.addFiles", "Add Files") }),
+    /* @__PURE__ */ S(g, { gap: "small", children: [
+      /* @__PURE__ */ r(
+        P,
+        {
+          color: "primary",
+          onClick: () => i(D),
+          interaction: I ? "enabled" : "disabled",
+          children: f("submissionForm.submit")
+        }
+      ),
+      o && /* @__PURE__ */ r(
+        P,
+        {
+          onClick: () => o(D),
+          interaction: b.length > 0 ? "enabled" : "disabled",
+          children: f("submissionForm.saveDraft")
+        }
+      ),
+      a && t && t.length > 0 && /* @__PURE__ */ r(P, { color: "primary-inverse", onClick: a, children: f("submissionForm.discardDraft") })
+    ] })
+  ] });
+}
+function Ei(t) {
+  const i = new Date(t);
+  return Number.isNaN(i.getTime()) ? "" : i.toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+}
+function Ii() {
+  return /* @__PURE__ */ r(y, { color: "secondary", size: "small", children: "|" });
+}
+function or({
+  score: t,
+  pointsPossible: i,
+  gradingType: o,
+  dueAt: a,
+  allowedAttempts: l,
+  currentAttempt: c,
+  isOverdue: f,
+  estimatedDuration: b,
+  labels: u
+}) {
+  const { t: p } = B("assignment-review"), _ = [];
+  return b && _.push(
+    /* @__PURE__ */ r(y, { size: "small", children: (u == null ? void 0 : u.duration) ?? p("header.duration", { minutes: b }) }, "duration")
+  ), t != null && i != null ? _.push(
+    /* @__PURE__ */ r(y, { size: "small", children: (u == null ? void 0 : u.score) ?? p("header.score", { score: t, total: i }) }, "score")
+  ) : i != null && o !== "not_graded" && _.push(
+    /* @__PURE__ */ r(y, { size: "small", children: (u == null ? void 0 : u.pointsPossible) ?? p("header.pointsPossible", { points: i }) }, "points")
+  ), l != null && (l === -1 ? _.push(
+    /* @__PURE__ */ r(y, { size: "small", children: (u == null ? void 0 : u.attempts) ?? p("header.attemptsUnlimited") }, "attempts")
+  ) : c != null ? _.push(
+    /* @__PURE__ */ r(y, { size: "small", children: (u == null ? void 0 : u.attempts) ?? p("header.attemptOf", { current: c, total: l }) }, "attempts")
+  ) : _.push(
+    /* @__PURE__ */ r(y, { size: "small", children: (u == null ? void 0 : u.attempts) ?? p("header.attemptsAllowed", { count: l }) }, "attempts")
+  )), a && _.push(
+    /* @__PURE__ */ r(y, { size: "small", children: (u == null ? void 0 : u.dueDate) ?? p("header.dueDate", { date: Ei(a) }) }, "due")
+  ), /* @__PURE__ */ S(g, { as: "div", direction: "row", alignItems: "center", gap: "small", children: [
+    _.map((D, I) => /* @__PURE__ */ S(g, { gap: "small", alignItems: "center", children: [
+      I > 0 && /* @__PURE__ */ r(Ii, {}),
+      D
+    ] }, `item-${String(I)}`)),
+    f && /* @__PURE__ */ r(lt, { color: "danger", children: (u == null ? void 0 : u.overdue) ?? p("header.overdue") })
+  ] });
+}
+function sr({
+  prevItem: t,
+  nextItem: i,
+  onNavigatePrev: o,
+  onNavigateNext: a,
+  labels: l
+}) {
+  const { t: c } = B("assignment-review");
+  if (!t && !i)
+    return null;
+  const f = (l == null ? void 0 : l.previous) ?? c("navigation.previous"), b = (l == null ? void 0 : l.next) ?? c("navigation.next");
+  return /* @__PURE__ */ S(g, { justifyItems: "space-between", padding: "small none", children: [
+    t ? /* @__PURE__ */ r(
+      P,
+      {
+        renderIcon: () => /* @__PURE__ */ r(Yt, {}),
+        onClick: o,
+        "aria-label": `${f}: ${t.title}`,
+        children: f
+      }
+    ) : /* @__PURE__ */ r("div", {}),
+    i ? /* @__PURE__ */ r(
+      P,
+      {
+        renderIcon: () => /* @__PURE__ */ r(Xt, {}),
+        onClick: a,
+        "aria-label": `${b}: ${i.title}`,
+        children: b
+      }
+    ) : /* @__PURE__ */ r("div", {})
+  ] });
+}
+function Ci(t) {
+  switch (t) {
+    case "Assignment":
+      return /* @__PURE__ */ r(vn, {});
+    case "Quiz":
+      return /* @__PURE__ */ r(wn, {});
+    case "Discussion":
+      return /* @__PURE__ */ r(Rn, {});
+    case "Page":
+      return /* @__PURE__ */ r(kt, {});
+    case "ExternalUrl":
+    case "ExternalTool":
+      return /* @__PURE__ */ r(Dn, {});
+    default:
+      return /* @__PURE__ */ r(kt, {});
+  }
+}
+function Di({
+  item: t,
+  isSelected: i,
+  isLoadingItem: o,
+  onClick: a
+}) {
+  var u, p, _, D, I;
+  const { t: l } = B("assignment-review"), c = ((u = t.content_details) == null ? void 0 : u.locked_for_user) ?? !1, f = (p = t.content_details) == null ? void 0 : p.lock_explanation, b = /* @__PURE__ */ r(
+    Z,
+    {
+      as: "div",
+      padding: "small",
+      background: i ? "secondary" : "primary",
+      borderRadius: "small",
+      cursor: c ? "not-allowed" : "pointer",
+      onClick: c ? void 0 : a,
+      role: c ? void 0 : "button",
+      tabIndex: c ? void 0 : 0,
+      onKeyDown: c ? void 0 : (A) => {
+        (A.key === "Enter" || A.key === " ") && (A.preventDefault(), a());
+      },
+      children: /* @__PURE__ */ S(g, { gap: "small", alignItems: "center", children: [
+        /* @__PURE__ */ r(g.Item, { children: c ? /* @__PURE__ */ r(Kt, {}) : Ci(t.type) }),
+        /* @__PURE__ */ r(g.Item, { shouldGrow: !0, shouldShrink: !0, children: /* @__PURE__ */ S(g, { direction: "column", gap: "xx-small", children: [
+          /* @__PURE__ */ r(y, { weight: i ? "bold" : "normal", size: "small", children: t.title }),
+          ((_ = t.content_details) == null ? void 0 : _.due_at) && /* @__PURE__ */ r(y, { size: "x-small", color: "secondary", children: l("progress.dueDate", "Due {{date}}", {
+            date: new Date(t.content_details.due_at).toLocaleDateString()
+          }) }),
+          ((D = t.content_details) == null ? void 0 : D.points_possible) != null && /* @__PURE__ */ r(y, { size: "x-small", color: "secondary", children: l("progress.points", "{{points}} pts", {
+            points: t.content_details.points_possible
+          }) })
+        ] }) }),
+        o && /* @__PURE__ */ r(ct, { size: "x-small", renderTitle: l("progress.loading", "Loading") }),
+        ((I = t.completion_requirement) == null ? void 0 : I.completed) && /* @__PURE__ */ r(y, { color: "success", size: "small", children: "✓" })
+      ] })
+    }
+  );
+  return c && f ? /* @__PURE__ */ r(Pn, { renderTip: f, placement: "end", children: b }) : b;
+}
+function ar({
+  module: t,
+  currentItemId: i,
+  onItemClick: o,
+  onClose: a,
+  onNavigateModule: l,
+  hasPrevModule: c = !1,
+  hasNextModule: f = !1,
+  isLoading: b = !1,
+  title: u
+}) {
+  var D;
+  const { t: p } = B("assignment-review"), _ = u ?? p("navigation.myProgress");
+  return /* @__PURE__ */ S(g, { direction: "column", height: "100%", children: [
+    /* @__PURE__ */ S(g, { justifyItems: "space-between", alignItems: "center", padding: "small", children: [
+      /* @__PURE__ */ r(qt, { level: "h3", children: _ }),
+      /* @__PURE__ */ r(
+        kn,
+        {
+          screenReaderLabel: p("navigation.closePanel", "Close"),
+          onClick: a,
+          size: "small",
+          children: /* @__PURE__ */ r(Cn, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ S(Z, { as: "div", padding: "none small", overflowY: "auto", children: [
+      t.state === "locked" && /* @__PURE__ */ r(g, { padding: "none none small", children: /* @__PURE__ */ S(lt, { color: "warning", children: [
+        /* @__PURE__ */ r(Kt, {}),
+        " ",
+        p("progress.locked", "Locked")
+      ] }) }),
+      /* @__PURE__ */ r(y, { weight: "bold", size: "medium", children: t.name }),
+      /* @__PURE__ */ r(g, { direction: "column", gap: "xx-small", padding: "small none", children: (D = t.items) == null ? void 0 : D.map((I) => /* @__PURE__ */ r(
+        Di,
+        {
+          item: I,
+          isSelected: I.id === i,
+          isLoadingItem: b && I.id === i,
+          onClick: () => o(I)
+        },
+        I.id
+      )) })
+    ] }),
+    l && /* @__PURE__ */ S(g, { justifyItems: "space-between", padding: "small", children: [
+      /* @__PURE__ */ r(
+        P,
+        {
+          renderIcon: () => /* @__PURE__ */ r(Yt, {}),
+          size: "small",
+          interaction: c ? "enabled" : "disabled",
+          onClick: () => l("prev"),
+          "aria-label": p("navigation.previousModule", "Previous module"),
+          children: p("navigation.previous")
+        }
+      ),
+      /* @__PURE__ */ r(
+        P,
+        {
+          renderIcon: () => /* @__PURE__ */ r(Xt, {}),
+          size: "small",
+          interaction: f ? "enabled" : "disabled",
+          onClick: () => l("next"),
+          "aria-label": p("navigation.nextModule", "Next module"),
+          children: p("navigation.next")
+        }
+      )
+    ] })
+  ] });
+}
+const Ri = J`
+  mutation CreateSubmissionComment(
+    $id: ID!
+    $submissionAttempt: Int!
+    $comment: String!
+    $fileIds: [ID!]
+    $mediaObjectId: ID
+    $mediaObjectType: String
+    $reviewerSubmissionId: ID
+  ) {
+    createSubmissionComment(
+      input: {
+        submissionId: $id
+        attempt: $submissionAttempt
+        comment: $comment
+        fileIds: $fileIds
+        mediaObjectId: $mediaObjectId
+        mediaObjectType: $mediaObjectType
+        reviewerSubmissionId: $reviewerSubmissionId
+      }
+    ) {
+      submissionComment {
+        ...SubmissionHtmlComment
+      }
+      errors {
+        ...Error
+      }
+    }
+  }
+
+  fragment Error on ValidationError {
+    attribute
+    message
+  }
+
+  fragment SubmissionHtmlComment on SubmissionComment {
+    _id
+    attachments {
+      ...SubmissionCommentFile
+    }
+    author {
+      ...SubmissionCommentAuthor
+    }
+    htmlComment
+    mediaObject {
+      ...MediaObject
+    }
+    read
+    updatedAt
+  }
+
+  fragment MediaObject on MediaObject {
+    id
+    _id
+    mediaSources {
+      ...MediaSource
+    }
+    mediaTracks {
+      ...MediaTrack
+    }
+    mediaType
+    title
+  }
+
+  fragment MediaSource on MediaSource {
+    height
+    src: url
+    type: contentType
+    width
+  }
+
+  fragment MediaTrack on MediaTrack {
+    _id
+    locale
+    content
+    kind
+  }
+
+  fragment SubmissionCommentAuthor on User {
+    avatarUrl
+    shortName
+  }
+
+  fragment SubmissionCommentFile on File {
+    _id
+    displayName
+    id
+    mimeClass
+    url
+  }
+`, wi = J`
+  mutation MarkSubmissionCommentsRead(
+    $submissionId: ID!
+    $submissionCommentIds: [ID!]!
+  ) {
+    markSubmissionCommentsRead(
+      input: {
+        submissionCommentIds: $submissionCommentIds
+        submissionId: $submissionId
+      }
+    ) {
+      errors {
+        attribute
+        message
+      }
+    }
+  }
+`, lr = J`
+  mutation CreateSubmission(
+    $assignmentLid: ID!
+    $submissionType: OnlineSubmissionType!
+    $body: String
+    $fileIds: [ID!]
+  ) {
+    createSubmission(
+      input: {
+        assignmentLid: $assignmentLid
+        submissionType: $submissionType
+        body: $body
+        fileIds: $fileIds
+      }
+    ) {
+      submission {
+        _id
+        createdAt
+        attempt
+        submittedAt
+        score
+      }
+      errors {
+        attribute
+        message
+      }
+    }
+  }
+`, cr = J`
+  mutation CreateSubmissionDraft(
+    $submissionId: ID!
+    $submissionType: DraftableSubmissionType!
+    $attempt: Int!
+    $body: String
+    $fileIds: [ID!]
+  ) {
+    createSubmissionDraft(
+      input: {
+        submissionId: $submissionId
+        activeSubmissionType: $submissionType
+        attempt: $attempt
+        body: $body
+        fileIds: $fileIds
+      }
+    ) {
+      submissionDraft {
+        _id
+      }
+      errors {
+        attribute
+        message
+      }
+    }
+  }
+`, mr = J`
+  mutation DeleteSubmissionDraft($submissionId: ID!) {
+    deleteSubmissionDraft(input: { submissionId: $submissionId }) {
+      submissionDraftIds
+      errors {
+        attribute
+        message
+      }
+    }
+  }
+`;
+function vi({
+  executeQuery: t
+}) {
+  const i = Bt();
+  return Wt({
+    mutationFn: async ({ submissionId: o, attempt: a, comment: l, fileIds: c }) => {
+      const f = await t(Ri, {
+        id: o,
+        submissionAttempt: a,
+        comment: l,
+        fileIds: c
+      });
+      return Kn.parse(f), f;
+    },
+    onSuccess: (o, a) => {
+      i.invalidateQueries({
+        queryKey: ["assignment-review", "submission-comments", a.submissionId]
+      });
+    }
   });
 }
-function L({
-  submissionId: n,
+function Li({
+  submissionId: t,
   courseId: i,
-  pageParams: s,
-  direction: t,
-  executeQuery: o,
-  enabled: a
+  pageParams: o,
+  direction: a,
+  executeQuery: l,
+  enabled: c
 }) {
-  return l({
+  return Ue({
     queryKey: [
       "assignment-review",
       "submission-comments",
-      n,
+      t,
       i,
-      s == null ? void 0 : s.startCursor,
-      s == null ? void 0 : s.endCursor,
-      t
+      o == null ? void 0 : o.startCursor,
+      o == null ? void 0 : o.endCursor,
+      a
     ],
     queryFn: async () => {
-      const r = await o(T, {
-        submissionId: n,
+      const f = await l(jn, {
+        submissionId: t,
         courseId: i,
-        beforeCursor: t === "prev" ? (s == null ? void 0 : s.startCursor) ?? null : null,
-        afterCursor: t === "next" ? (s == null ? void 0 : s.endCursor) ?? null : null,
-        first: t === "next" ? 5 : null,
-        last: t === "prev" || !t ? 5 : null
-      }), d = v.parse(r);
+        beforeCursor: a === "prev" ? (o == null ? void 0 : o.startCursor) ?? null : null,
+        afterCursor: a === "next" ? (o == null ? void 0 : o.endCursor) ?? null : null,
+        first: a === "next" ? 5 : null,
+        last: a === "prev" || !a ? 5 : null
+      }), b = qn.parse(f);
       return {
-        comments: [...d.submissionComments.commentsConnection.nodes].sort(
-          (C, p) => new Date(C.createdAt).getTime() - new Date(p.createdAt).getTime()
+        comments: [...b.submissionComments.commentsConnection.nodes].sort(
+          (p, _) => new Date(p.createdAt).getTime() - new Date(_.createdAt).getTime()
         ),
-        pageInfo: d.submissionComments.commentsConnection.pageInfo
+        pageInfo: b.submissionComments.commentsConnection.pageInfo
       };
     },
-    enabled: a ?? !!n
+    enabled: c ?? !!t
   });
 }
-function V({
-  submissionId: n,
-  executeQuery: i,
-  enabled: s = !0
+function Ni({
+  executeQuery: t
 }) {
-  return l({
-    queryKey: ["assignment-review", "submissions", n],
-    queryFn: async () => {
-      const t = await i(h, { submissionId: n });
-      return M.parse(t).node.submissionHistoriesConnection.nodes.slice().sort(
-        (a, r) => new Date(r.submittedAt).getTime() - new Date(a.submittedAt).getTime()
+  const i = Bt();
+  return Wt({
+    mutationFn: async ({ submissionId: o, submissionCommentIds: a }) => {
+      const l = await t(
+        wi,
+        { submissionId: o, submissionCommentIds: a }
       );
+      return Vn.parse(l), l;
     },
-    enabled: s
-  });
-}
-function z({
-  executeQuery: n
-}) {
-  const i = c();
-  return g({
-    mutationFn: async ({ submissionId: s, submissionCommentIds: t }) => {
-      const o = await n(
-        f,
-        { submissionId: s, submissionCommentIds: t }
-      );
-      return O.parse(o), o;
-    },
-    onSuccess: (s, t) => {
+    onSuccess: (o, a) => {
       i.invalidateQueries({
         queryKey: ["assignment-review", "assignment"],
-        predicate: (o) => o.queryKey.includes(t.assignmentId)
+        predicate: (l) => l.queryKey.includes(a.assignmentId)
       });
     }
   });
 }
+function ur({
+  submissionId: t,
+  courseId: i,
+  assignmentId: o,
+  attempt: a,
+  canPostComment: l,
+  onCommentPosted: c,
+  renderHTML: f,
+  executeQuery: b
+}) {
+  const { t: u } = B("assignment-review"), [p, _] = Fe(""), [D, I] = Fe({}), A = On(/* @__PURE__ */ new Set()), { data: T, isLoading: me, isError: ye } = Li({
+    submissionId: t,
+    courseId: i,
+    pageParams: D.pageParams,
+    direction: D.direction,
+    executeQuery: b
+  }), Ae = vi({ executeQuery: b }), Ee = Ni({ executeQuery: b });
+  Mn(() => {
+    if (!(T != null && T.comments) || T.comments.length === 0) return;
+    const z = T.comments.filter(($) => !$.read && !A.current.has($._id)).filter(($) => {
+      var Ie;
+      return !((Ie = $.author.courseRoles) != null && Ie.includes("StudentEnrollment"));
+    }).map(($) => $._id);
+    if (z.length > 0) {
+      for (const $ of z)
+        A.current.add($);
+      Ee.mutate({ submissionId: t, assignmentId: o, submissionCommentIds: z });
+    }
+  }, [T == null ? void 0 : T.comments, t, o, Ee]);
+  const ie = T == null ? void 0 : T.comments.some(
+    (z) => {
+      var $;
+      return !(($ = z.author.courseRoles) != null && $.includes("StudentEnrollment"));
+    }
+  ), L = () => {
+    p.trim() && Ae.mutate(
+      { submissionId: t, attempt: a, comment: p },
+      {
+        onSuccess: () => {
+          _(""), c == null || c();
+        }
+      }
+    );
+  }, ee = (T == null ? void 0 : T.pageInfo.hasNextPage) || (T == null ? void 0 : T.pageInfo.hasPreviousPage);
+  return me || !T && !ye ? /* @__PURE__ */ r(g, { justifyItems: "center", padding: "medium", children: /* @__PURE__ */ r(ct, { renderTitle: u("comments.panelTitle"), size: "small" }) }) : ye ? /* @__PURE__ */ r(g, { justifyItems: "center", padding: "medium", children: /* @__PURE__ */ r(y, { color: "danger", children: u("comments.loadError", "Failed to load comments") }) }) : /* @__PURE__ */ S(g, { as: "div", direction: "column", justifyItems: "space-between", height: "100%", children: [
+    /* @__PURE__ */ S(g, { as: "div", direction: "column", children: [
+      T.comments.length === 0 ? /* @__PURE__ */ r(g, { justifyItems: "center", padding: "medium", children: /* @__PURE__ */ r(y, { color: "secondary", children: u("comments.empty") }) }) : /* @__PURE__ */ r(g, { direction: "column", gap: "x-small", children: T.comments.map((z) => /* @__PURE__ */ r(
+        Ai,
+        {
+          comment: z,
+          isFullWidth: !ie,
+          renderHTML: f
+        },
+        z._id
+      )) }),
+      ee && /* @__PURE__ */ S(g, { justifyItems: "space-between", padding: "small none", children: [
+        /* @__PURE__ */ r(
+          P,
+          {
+            renderIcon: () => /* @__PURE__ */ r(Ln, {}),
+            size: "small",
+            interaction: T.pageInfo.hasPreviousPage ? "enabled" : "disabled",
+            onClick: () => I({ pageParams: T.pageInfo, direction: "prev" }),
+            children: u("comments.previousComments")
+          }
+        ),
+        /* @__PURE__ */ r(
+          P,
+          {
+            renderIcon: () => /* @__PURE__ */ r(Nn, {}),
+            size: "small",
+            interaction: T.pageInfo.hasNextPage ? "enabled" : "disabled",
+            onClick: () => I({ pageParams: T.pageInfo, direction: "next" }),
+            children: u("comments.nextComments")
+          }
+        )
+      ] })
+    ] }),
+    l && /* @__PURE__ */ S(g, { as: "div", direction: "column", gap: "small", padding: "small none medium", children: [
+      /* @__PURE__ */ r(
+        Qt,
+        {
+          resize: "vertical",
+          label: /* @__PURE__ */ r(y, { weight: "bold", size: "medium", children: u("comments.placeholder") }),
+          value: p,
+          onChange: (z) => _(z.target.value)
+        }
+      ),
+      /* @__PURE__ */ r(
+        P,
+        {
+          color: "primary",
+          onClick: L,
+          interaction: p.trim().length > 0 && !Ae.isPending ? "enabled" : "disabled",
+          children: u("comments.post")
+        }
+      )
+    ] })
+  ] });
+}
+function dr({
+  existingDraft: t,
+  onSubmit: i,
+  onSaveDraft: o,
+  onDiscardDraft: a,
+  isSubmitting: l = !1
+}) {
+  const { t: c } = B("assignment-review"), [f, b] = Fe(t ?? ""), u = f.trim().length > 0 && !l;
+  return /* @__PURE__ */ S(g, { direction: "column", gap: "medium", children: [
+    /* @__PURE__ */ r(
+      Qt,
+      {
+        label: c("submission.textHeading"),
+        value: f,
+        onChange: (p) => b(p.target.value),
+        resize: "vertical",
+        height: "200px"
+      }
+    ),
+    /* @__PURE__ */ S(g, { gap: "small", children: [
+      /* @__PURE__ */ r(
+        P,
+        {
+          color: "primary",
+          onClick: () => i(f),
+          interaction: u ? "enabled" : "disabled",
+          children: c("submissionForm.submit")
+        }
+      ),
+      o && /* @__PURE__ */ r(
+        P,
+        {
+          onClick: () => o(f),
+          interaction: f.trim().length > 0 ? "enabled" : "disabled",
+          children: c("submissionForm.saveDraft")
+        }
+      ),
+      a && t && /* @__PURE__ */ r(P, { color: "primary-inverse", onClick: a, children: c("submissionForm.discardDraft") })
+    ] })
+  ] });
+}
+function fr({
+  unreadCount: t
+}) {
+  const { t: i } = B("assignment-review");
+  if (t === 0)
+    return null;
+  const o = t === 1 ? i("comments.unreadSingle") : i("comments.unread", { count: t });
+  return /* @__PURE__ */ r(Zt, { count: t, standalone: !0, children: /* @__PURE__ */ r(mt, { children: o }) });
+}
+function pr({
+  courseId: t,
+  assignmentId: i,
+  userId: o,
+  executeQuery: a,
+  enabled: l = !0
+}) {
+  return Ue({
+    queryKey: ["assignment-review", "assignment", t, i, o],
+    queryFn: async () => {
+      const c = await a(zn, {
+        courseId: t,
+        assignmentId: i,
+        userId: o
+      }), f = Wn.parse(c);
+      return {
+        ...f.legacyNode,
+        courseName: f.course.name
+      };
+    },
+    enabled: l
+  });
+}
+function gr({
+  courseId: t,
+  moduleItemId: i,
+  fetchSequence: o,
+  enabled: a = !0
+}) {
+  return Ue({
+    queryKey: ["assignment-review", "module-item-sequence", t, i],
+    queryFn: () => o(t, i),
+    enabled: a && !!i
+  });
+}
 export {
-  _ as AssignmentResponseSchema,
-  q as CREATE_SUBMISSION,
-  I as CREATE_SUBMISSION_COMMENT,
-  k as CREATE_SUBMISSION_DRAFT,
-  w as CreateSubmissionCommentResponseSchema,
-  x as CreateSubmissionDraftResponseSchema,
-  Z as CreateSubmissionResponseSchema,
-  G as DELETE_SUBMISSION_DRAFT,
-  K as DeleteSubmissionDraftResponseSchema,
-  $ as GET_ASSIGNMENT,
-  h as GET_SUBMISSIONS,
-  T as GET_SUBMISSION_COMMENTS,
-  f as MARK_SUBMISSION_COMMENTS_READ,
-  O as MarkSubmissionCommentsReadResponseSchema,
-  B as SubmissionCommentsDataSchema,
-  v as SubmissionCommentsQueryResponseSchema,
-  M as SubmissionsQueryResponseSchema,
-  H as useCreateSubmissionComment,
-  Q as useGetAssignment,
-  L as useGetSubmissionComments,
-  V as useGetSubmissions,
-  z as useMarkSubmissionCommentsRead
+  Wn as AssignmentResponseSchema,
+  Un as AttemptCard,
+  ir as AttemptView,
+  nr as AttemptsHistory,
+  lr as CREATE_SUBMISSION,
+  Ri as CREATE_SUBMISSION_COMMENT,
+  cr as CREATE_SUBMISSION_DRAFT,
+  Ai as CommentCard,
+  Kn as CreateSubmissionCommentResponseSchema,
+  er as CreateSubmissionDraftResponseSchema,
+  Ji as CreateSubmissionResponseSchema,
+  mr as DELETE_SUBMISSION_DRAFT,
+  tr as DeleteSubmissionDraftResponseSchema,
+  an as DownloadButtons,
+  rr as FileUploadSubmissionForm,
+  zn as GET_ASSIGNMENT,
+  $n as GET_SUBMISSIONS,
+  jn as GET_SUBMISSION_COMMENTS,
+  or as LearningContentHeader,
+  wi as MARK_SUBMISSION_COMMENTS_READ,
+  Vn as MarkSubmissionCommentsReadResponseSchema,
+  sr as ModuleNavigation,
+  ar as MyProgressPanel,
+  ur as SubmissionComments,
+  Qi as SubmissionCommentsDataSchema,
+  qn as SubmissionCommentsQueryResponseSchema,
+  Xn as SubmissionsQueryResponseSchema,
+  dr as TextEntrySubmissionForm,
+  fr as UnreadCommentsBadge,
+  vi as useCreateSubmissionComment,
+  pr as useGetAssignment,
+  Li as useGetSubmissionComments,
+  Zn as useGetSubmissions,
+  Ni as useMarkSubmissionCommentsRead,
+  gr as useModuleItemSequence
 };