@instructure/platform-assignment-review 0.1.0 → 0.3.0

package/dist/index.js

@@ -1,66 +1,586 @@
-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 { jsx as i, jsxs as _ } from "react/jsx-runtime";
+import { createContext as In, useContext as Cn, useMemo as je, useState as ge, useRef as Dn, useEffect as ct, useCallback as Rn } from "react";
+import { Flex as h } from "@instructure/ui-flex";
+import { Heading as dt } from "@instructure/ui-heading";
+import { Spinner as He } from "@instructure/ui-spinner";
 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 { View as Y } from "@instructure/ui-view";
+import { useQuery as $e, useQueryClient as Xt, useMutation as Kt } from "@tanstack/react-query";
+import ne 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
+import { Pill as ft } from "@instructure/ui-pill";
+import { IconDownloadLine as Ln, IconCheckMarkSolid as wn, IconArrowStartLine as vn, IconArrowEndLine as Nn, IconTrashLine as On, IconArrowOpenStartLine as Zt, IconArrowOpenEndLine as Qt, IconXLine as Mn, IconLockLine as Jt, IconDocumentLine as jt, IconLinkLine as xn, IconDiscussionLine as kn, IconQuizLine as Pn, IconAssignmentLine as Un } from "@instructure/ui-icons";
+import { ScreenReaderContent as pt } from "@instructure/ui-a11y-content";
+import { Link as Fn } from "@instructure/ui-link";
+import { TruncateText as en } from "@instructure/ui-truncate-text";
+import { Button as z, IconButton as zn } from "@instructure/ui-buttons";
+import { TextArea as tn } from "@instructure/ui-text-area";
+import { Badge as nn } from "@instructure/ui-badge";
+import { Tooltip as jn } from "@instructure/ui-tooltip";
+const rn = In(void 0);
+function ar({
+  translations: t,
+  children: r
 }) {
-  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());
+  return /* @__PURE__ */ i(rn.Provider, { value: t, children: r });
+}
+function B() {
+  const t = Cn(rn);
+  if (!t)
+    throw new Error("useTranslations must be used within TranslationsProvider");
+  return t;
+}
+/*! @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: on,
+  setPrototypeOf: Ht,
+  isFrozen: Hn,
+  getPrototypeOf: $n,
+  getOwnPropertyDescriptor: Gn
+} = Object;
+let {
+  freeze: j,
+  seal: W,
+  create: Fe
+} = Object, {
+  apply: mt,
+  construct: ut
+} = typeof Reflect < "u" && Reflect;
+j || (j = function(r) {
+  return r;
+});
+W || (W = function(r) {
+  return r;
+});
+mt || (mt = function(r, o) {
+  for (var s = arguments.length, l = new Array(s > 2 ? s - 2 : 0), c = 2; c < s; c++)
+    l[c - 2] = arguments[c];
+  return r.apply(o, l);
+});
+ut || (ut = function(r) {
+  for (var o = arguments.length, s = new Array(o > 1 ? o - 1 : 0), l = 1; l < o; l++)
+    s[l - 1] = arguments[l];
+  return new r(...s);
+});
+const Pe = H(Array.prototype.forEach), Bn = H(Array.prototype.lastIndexOf), $t = H(Array.prototype.pop), Se = H(Array.prototype.push), Wn = H(Array.prototype.splice), ze = H(String.prototype.toLowerCase), it = H(String.prototype.toString), rt = H(String.prototype.match), ye = H(String.prototype.replace), qn = H(String.prototype.indexOf), Yn = H(String.prototype.trim), G = H(Object.prototype.hasOwnProperty), F = H(RegExp.prototype.test), Ee = Vn(TypeError);
+function H(t) {
+  return function(r) {
+    r instanceof RegExp && (r.lastIndex = 0);
+    for (var o = arguments.length, s = new Array(o > 1 ? o - 1 : 0), l = 1; l < o; l++)
+      s[l - 1] = arguments[l];
+    return mt(t, r, s);
+  };
+}
+function Vn(t) {
+  return function() {
+    for (var r = arguments.length, o = new Array(r), s = 0; s < r; s++)
+      o[s] = arguments[s];
+    return ut(t, o);
+  };
+}
+function A(t, r) {
+  let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ze;
+  Ht && Ht(t, null);
+  let s = r.length;
+  for (; s--; ) {
+    let l = r[s];
+    if (typeof l == "string") {
+      const c = o(l);
+      c !== l && (Hn(r) || (r[s] = c), l = c);
+    }
+    t[l] = !0;
+  }
+  return t;
+}
+function Xn(t) {
+  for (let r = 0; r < t.length; r++)
+    G(t, r) || (t[r] = null);
+  return t;
+}
+function Z(t) {
+  const r = Fe(null);
+  for (const [o, s] of on(t))
+    G(t, o) && (Array.isArray(s) ? r[o] = Xn(s) : s && typeof s == "object" && s.constructor === Object ? r[o] = Z(s) : r[o] = s);
+  return r;
+}
+function Ie(t, r) {
+  for (; t !== null; ) {
+    const s = Gn(t, r);
+    if (s) {
+      if (s.get)
+        return H(s.get);
+      if (typeof s.value == "function")
+        return H(s.value);
+    }
+    t = $n(t);
+  }
+  function o() {
+    return null;
+  }
+  return o;
+}
+const Gt = j(["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"]), ot = j(["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"]), st = j(["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"]), Kn = j(["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"]), at = j(["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"]), Zn = j(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]), Bt = j(["#text"]), Wt = j(["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"]), lt = j(["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"]), qt = j(["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"]), Ue = j(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]), Qn = W(/\{\{[\w\W]*|[\w\W]*\}\}/gm), Jn = W(/<%[\w\W]*|[\w\W]*%>/gm), ei = W(/\$\{[\w\W]*/gm), ti = W(/^data-[\-\w.\u00B7-\uFFFF]+$/), ni = W(/^aria-[\-\w]+$/), sn = W(
+  /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
+  // eslint-disable-line no-useless-escape
+), ii = W(/^(?:\w+script|data):/i), ri = W(
+  /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g
+  // eslint-disable-line no-control-regex
+), an = W(/^html$/i), oi = W(/^[a-z][.\w]*(-[.\w]+)+$/i);
+var Yt = /* @__PURE__ */ Object.freeze({
+  __proto__: null,
+  ARIA_ATTR: ni,
+  ATTR_WHITESPACE: ri,
+  CUSTOM_ELEMENT: oi,
+  DATA_ATTR: ti,
+  DOCTYPE_NAME: an,
+  ERB_EXPR: Jn,
+  IS_ALLOWED_URI: sn,
+  IS_SCRIPT_OR_DATA: ii,
+  MUSTACHE_EXPR: Qn,
+  TMPLIT_EXPR: ei
+});
+const Ce = {
+  element: 1,
+  text: 3,
+  // Deprecated
+  progressingInstruction: 7,
+  comment: 8,
+  document: 9
+}, si = function() {
+  return typeof window > "u" ? null : window;
+}, ai = function(r, o) {
+  if (typeof r != "object" || typeof r.createPolicy != "function")
+    return null;
+  let s = null;
+  const l = "data-tt-policy-suffix";
+  o && o.hasAttribute(l) && (s = o.getAttribute(l));
+  const c = "dompurify" + (s ? "#" + s : "");
+  try {
+    return r.createPolicy(c, {
+      createHTML(f) {
+        return f;
       },
-      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 })
-      ] })
+      createScriptURL(f) {
+        return f;
+      }
+    });
+  } catch {
+    return console.warn("TrustedTypes policy " + c + " could not be created."), null;
+  }
+}, Vt = function() {
+  return {
+    afterSanitizeAttributes: [],
+    afterSanitizeElements: [],
+    afterSanitizeShadowDOM: [],
+    beforeSanitizeAttributes: [],
+    beforeSanitizeElements: [],
+    beforeSanitizeShadowDOM: [],
+    uponSanitizeAttribute: [],
+    uponSanitizeElement: [],
+    uponSanitizeShadowNode: []
+  };
+};
+function ln() {
+  let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : si();
+  const r = (d) => ln(d);
+  if (r.version = "3.3.3", r.removed = [], !t || !t.document || t.document.nodeType !== Ce.document || !t.Element)
+    return r.isSupported = !1, r;
+  let {
+    document: o
+  } = t;
+  const s = o, l = s.currentScript, {
+    DocumentFragment: c,
+    HTMLTemplateElement: f,
+    Node: b,
+    Element: m,
+    NodeFilter: p,
+    NamedNodeMap: g = t.NamedNodeMap || t.MozNamedAttrMap,
+    HTMLFormElement: D,
+    DOMParser: I,
+    trustedTypes: E
+  } = t, T = m.prototype, ie = Ie(T, "cloneNode"), ae = Ie(T, "remove"), re = Ie(T, "nextSibling"), v = Ie(T, "childNodes"), q = Ie(T, "parentNode");
+  if (typeof f == "function") {
+    const d = o.createElement("template");
+    d.content && d.content.ownerDocument && (o = d.content.ownerDocument);
+  }
+  let S, V = "";
+  const {
+    implementation: k,
+    createNodeIterator: P,
+    createDocumentFragment: le,
+    getElementsByTagName: Ge
+  } = o, {
+    importNode: Be
+  } = s;
+  let O = Vt();
+  r.isSupported = typeof on == "function" && typeof q == "function" && k && k.createHTMLDocument !== void 0;
+  const {
+    MUSTACHE_EXPR: he,
+    ERB_EXPR: be,
+    TMPLIT_EXPR: We,
+    DATA_ATTR: dn,
+    ARIA_ATTR: fn,
+    IS_SCRIPT_OR_DATA: pn,
+    ATTR_WHITESPACE: ht,
+    CUSTOM_ELEMENT: gn
+  } = Yt;
+  let {
+    IS_ALLOWED_URI: bt
+  } = Yt, N = null;
+  const Tt = A({}, [...Gt, ...ot, ...st, ...at, ...Bt]);
+  let M = null;
+  const At = A({}, [...Wt, ...lt, ...qt, ...Ue]);
+  let R = Object.seal(Fe(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
     }
-  );
+  })), Te = null, Le = null;
+  const te = Object.seal(Fe(null, {
+    tagCheck: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: null
+    },
+    attributeCheck: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: null
+    }
+  }));
+  let _t = !0, qe = !0, St = !1, yt = !0, ce = !1, we = !0, oe = !1, Ye = !1, Ve = !1, me = !1, ve = !1, Ne = !1, Et = !0, It = !1;
+  const hn = "user-content-";
+  let Xe = !0, Ae = !1, ue = {}, X = null;
+  const Ke = A({}, ["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 Ct = null;
+  const Dt = A({}, ["audio", "video", "img", "source", "image", "track"]);
+  let Ze = null;
+  const Rt = A({}, ["alt", "class", "for", "id", "label", "name", "pattern", "placeholder", "role", "summary", "title", "value", "style", "xmlns"]), Oe = "http://www.w3.org/1998/Math/MathML", Me = "http://www.w3.org/2000/svg", Q = "http://www.w3.org/1999/xhtml";
+  let de = Q, Qe = !1, Je = null;
+  const bn = A({}, [Oe, Me, Q], it);
+  let xe = A({}, ["mi", "mo", "mn", "ms", "mtext"]), ke = A({}, ["annotation-xml"]);
+  const Tn = A({}, ["title", "style", "font", "a", "script"]);
+  let _e = null;
+  const An = ["application/xhtml+xml", "text/html"], _n = "text/html";
+  let w = null, fe = null;
+  const Sn = o.createElement("form"), Lt = function(e) {
+    return e instanceof RegExp || e instanceof Function;
+  }, et = function() {
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    if (!(fe && fe === e)) {
+      if ((!e || typeof e != "object") && (e = {}), e = Z(e), _e = // eslint-disable-next-line unicorn/prefer-includes
+      An.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? _n : e.PARSER_MEDIA_TYPE, w = _e === "application/xhtml+xml" ? it : ze, N = G(e, "ALLOWED_TAGS") ? A({}, e.ALLOWED_TAGS, w) : Tt, M = G(e, "ALLOWED_ATTR") ? A({}, e.ALLOWED_ATTR, w) : At, Je = G(e, "ALLOWED_NAMESPACES") ? A({}, e.ALLOWED_NAMESPACES, it) : bn, Ze = G(e, "ADD_URI_SAFE_ATTR") ? A(Z(Rt), e.ADD_URI_SAFE_ATTR, w) : Rt, Ct = G(e, "ADD_DATA_URI_TAGS") ? A(Z(Dt), e.ADD_DATA_URI_TAGS, w) : Dt, X = G(e, "FORBID_CONTENTS") ? A({}, e.FORBID_CONTENTS, w) : Ke, Te = G(e, "FORBID_TAGS") ? A({}, e.FORBID_TAGS, w) : Z({}), Le = G(e, "FORBID_ATTR") ? A({}, e.FORBID_ATTR, w) : Z({}), ue = G(e, "USE_PROFILES") ? e.USE_PROFILES : !1, _t = e.ALLOW_ARIA_ATTR !== !1, qe = e.ALLOW_DATA_ATTR !== !1, St = e.ALLOW_UNKNOWN_PROTOCOLS || !1, yt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, ce = e.SAFE_FOR_TEMPLATES || !1, we = e.SAFE_FOR_XML !== !1, oe = e.WHOLE_DOCUMENT || !1, me = e.RETURN_DOM || !1, ve = e.RETURN_DOM_FRAGMENT || !1, Ne = e.RETURN_TRUSTED_TYPE || !1, Ve = e.FORCE_BODY || !1, Et = e.SANITIZE_DOM !== !1, It = e.SANITIZE_NAMED_PROPS || !1, Xe = e.KEEP_CONTENT !== !1, Ae = e.IN_PLACE || !1, bt = e.ALLOWED_URI_REGEXP || sn, de = e.NAMESPACE || Q, xe = e.MATHML_TEXT_INTEGRATION_POINTS || xe, ke = e.HTML_INTEGRATION_POINTS || ke, R = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && Lt(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (R.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && Lt(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (R.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (R.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), ce && (qe = !1), ve && (me = !0), ue && (N = A({}, Bt), M = Fe(null), ue.html === !0 && (A(N, Gt), A(M, Wt)), ue.svg === !0 && (A(N, ot), A(M, lt), A(M, Ue)), ue.svgFilters === !0 && (A(N, st), A(M, lt), A(M, Ue)), ue.mathMl === !0 && (A(N, at), A(M, qt), A(M, Ue))), G(e, "ADD_TAGS") || (te.tagCheck = null), G(e, "ADD_ATTR") || (te.attributeCheck = null), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? te.tagCheck = e.ADD_TAGS : (N === Tt && (N = Z(N)), A(N, e.ADD_TAGS, w))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? te.attributeCheck = e.ADD_ATTR : (M === At && (M = Z(M)), A(M, e.ADD_ATTR, w))), e.ADD_URI_SAFE_ATTR && A(Ze, e.ADD_URI_SAFE_ATTR, w), e.FORBID_CONTENTS && (X === Ke && (X = Z(X)), A(X, e.FORBID_CONTENTS, w)), e.ADD_FORBID_CONTENTS && (X === Ke && (X = Z(X)), A(X, e.ADD_FORBID_CONTENTS, w)), Xe && (N["#text"] = !0), oe && A(N, ["html", "head", "body"]), N.table && (A(N, ["tbody"]), delete Te.tbody), e.TRUSTED_TYPES_POLICY) {
+        if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function")
+          throw Ee('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+        if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function")
+          throw Ee('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+        S = e.TRUSTED_TYPES_POLICY, V = S.createHTML("");
+      } else
+        S === void 0 && (S = ai(E, l)), S !== null && typeof V == "string" && (V = S.createHTML(""));
+      j && j(e), fe = e;
+    }
+  }, wt = A({}, [...ot, ...st, ...Kn]), vt = A({}, [...at, ...Zn]), yn = function(e) {
+    let a = q(e);
+    (!a || !a.tagName) && (a = {
+      namespaceURI: de,
+      tagName: "template"
+    });
+    const u = ze(e.tagName), C = ze(a.tagName);
+    return Je[e.namespaceURI] ? e.namespaceURI === Me ? a.namespaceURI === Q ? u === "svg" : a.namespaceURI === Oe ? u === "svg" && (C === "annotation-xml" || xe[C]) : !!wt[u] : e.namespaceURI === Oe ? a.namespaceURI === Q ? u === "math" : a.namespaceURI === Me ? u === "math" && ke[C] : !!vt[u] : e.namespaceURI === Q ? a.namespaceURI === Me && !ke[C] || a.namespaceURI === Oe && !xe[C] ? !1 : !vt[u] && (Tn[u] || !wt[u]) : !!(_e === "application/xhtml+xml" && Je[e.namespaceURI]) : !1;
+  }, K = function(e) {
+    Se(r.removed, {
+      element: e
+    });
+    try {
+      q(e).removeChild(e);
+    } catch {
+      ae(e);
+    }
+  }, se = function(e, a) {
+    try {
+      Se(r.removed, {
+        attribute: a.getAttributeNode(e),
+        from: a
+      });
+    } catch {
+      Se(r.removed, {
+        attribute: null,
+        from: a
+      });
+    }
+    if (a.removeAttribute(e), e === "is")
+      if (me || ve)
+        try {
+          K(a);
+        } catch {
+        }
+      else
+        try {
+          a.setAttribute(e, "");
+        } catch {
+        }
+  }, Nt = function(e) {
+    let a = null, u = null;
+    if (Ve)
+      e = "<remove></remove>" + e;
+    else {
+      const L = rt(e, /^[\r\n\t ]+/);
+      u = L && L[0];
+    }
+    _e === "application/xhtml+xml" && de === Q && (e = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + e + "</body></html>");
+    const C = S ? S.createHTML(e) : e;
+    if (de === Q)
+      try {
+        a = new I().parseFromString(C, _e);
+      } catch {
+      }
+    if (!a || !a.documentElement) {
+      a = k.createDocument(de, "template", null);
+      try {
+        a.documentElement.innerHTML = Qe ? V : C;
+      } catch {
+      }
+    }
+    const U = a.body || a.documentElement;
+    return e && u && U.insertBefore(o.createTextNode(u), U.childNodes[0] || null), de === Q ? Ge.call(a, oe ? "html" : "body")[0] : oe ? a.documentElement : U;
+  }, Ot = function(e) {
+    return P.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
+    );
+  }, tt = function(e) {
+    return e instanceof D && (typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || !(e.attributes instanceof g) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function");
+  }, Mt = function(e) {
+    return typeof b == "function" && e instanceof b;
+  };
+  function J(d, e, a) {
+    Pe(d, (u) => {
+      u.call(r, e, a, fe);
+    });
+  }
+  const xt = function(e) {
+    let a = null;
+    if (J(O.beforeSanitizeElements, e, null), tt(e))
+      return K(e), !0;
+    const u = w(e.nodeName);
+    if (J(O.uponSanitizeElement, e, {
+      tagName: u,
+      allowedTags: N
+    }), we && e.hasChildNodes() && !Mt(e.firstElementChild) && F(/<[/\w!]/g, e.innerHTML) && F(/<[/\w!]/g, e.textContent) || e.nodeType === Ce.progressingInstruction || we && e.nodeType === Ce.comment && F(/<[/\w]/g, e.data))
+      return K(e), !0;
+    if (!(te.tagCheck instanceof Function && te.tagCheck(u)) && (!N[u] || Te[u])) {
+      if (!Te[u] && Pt(u) && (R.tagNameCheck instanceof RegExp && F(R.tagNameCheck, u) || R.tagNameCheck instanceof Function && R.tagNameCheck(u)))
+        return !1;
+      if (Xe && !X[u]) {
+        const C = q(e) || e.parentNode, U = v(e) || e.childNodes;
+        if (U && C) {
+          const L = U.length;
+          for (let $ = L - 1; $ >= 0; --$) {
+            const ee = ie(U[$], !0);
+            ee.__removalCount = (e.__removalCount || 0) + 1, C.insertBefore(ee, re(e));
+          }
+        }
+      }
+      return K(e), !0;
+    }
+    return e instanceof m && !yn(e) || (u === "noscript" || u === "noembed" || u === "noframes") && F(/<\/no(script|embed|frames)/i, e.innerHTML) ? (K(e), !0) : (ce && e.nodeType === Ce.text && (a = e.textContent, Pe([he, be, We], (C) => {
+      a = ye(a, C, " ");
+    }), e.textContent !== a && (Se(r.removed, {
+      element: e.cloneNode()
+    }), e.textContent = a)), J(O.afterSanitizeElements, e, null), !1);
+  }, kt = function(e, a, u) {
+    if (Le[a] || Et && (a === "id" || a === "name") && (u in o || u in Sn))
+      return !1;
+    if (!(qe && !Le[a] && F(dn, a))) {
+      if (!(_t && F(fn, a))) {
+        if (!(te.attributeCheck instanceof Function && te.attributeCheck(a, e))) {
+          if (!M[a] || Le[a]) {
+            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
+              !(Pt(e) && (R.tagNameCheck instanceof RegExp && F(R.tagNameCheck, e) || R.tagNameCheck instanceof Function && R.tagNameCheck(e)) && (R.attributeNameCheck instanceof RegExp && F(R.attributeNameCheck, a) || R.attributeNameCheck instanceof Function && R.attributeNameCheck(a, 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
+              a === "is" && R.allowCustomizedBuiltInElements && (R.tagNameCheck instanceof RegExp && F(R.tagNameCheck, u) || R.tagNameCheck instanceof Function && R.tagNameCheck(u)))
+            ) return !1;
+          } else if (!Ze[a]) {
+            if (!F(bt, ye(u, ht, ""))) {
+              if (!((a === "src" || a === "xlink:href" || a === "href") && e !== "script" && qn(u, "data:") === 0 && Ct[e])) {
+                if (!(St && !F(pn, ye(u, ht, "")))) {
+                  if (u)
+                    return !1;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    return !0;
+  }, Pt = function(e) {
+    return e !== "annotation-xml" && rt(e, gn);
+  }, Ut = function(e) {
+    J(O.beforeSanitizeAttributes, e, null);
+    const {
+      attributes: a
+    } = e;
+    if (!a || tt(e))
+      return;
+    const u = {
+      attrName: "",
+      attrValue: "",
+      keepAttr: !0,
+      allowedAttributes: M,
+      forceKeepAttr: void 0
+    };
+    let C = a.length;
+    for (; C--; ) {
+      const U = a[C], {
+        name: L,
+        namespaceURI: $,
+        value: ee
+      } = U, pe = w(L), nt = ee;
+      let x = L === "value" ? nt : Yn(nt);
+      if (u.attrName = pe, u.attrValue = x, u.keepAttr = !0, u.forceKeepAttr = void 0, J(O.uponSanitizeAttribute, e, u), x = u.attrValue, It && (pe === "id" || pe === "name") && (se(L, e), x = hn + x), we && F(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, x)) {
+        se(L, e);
+        continue;
+      }
+      if (pe === "attributename" && rt(x, "href")) {
+        se(L, e);
+        continue;
+      }
+      if (u.forceKeepAttr)
+        continue;
+      if (!u.keepAttr) {
+        se(L, e);
+        continue;
+      }
+      if (!yt && F(/\/>/i, x)) {
+        se(L, e);
+        continue;
+      }
+      ce && Pe([he, be, We], (zt) => {
+        x = ye(x, zt, " ");
+      });
+      const Ft = w(e.nodeName);
+      if (!kt(Ft, pe, x)) {
+        se(L, e);
+        continue;
+      }
+      if (S && typeof E == "object" && typeof E.getAttributeType == "function" && !$)
+        switch (E.getAttributeType(Ft, pe)) {
+          case "TrustedHTML": {
+            x = S.createHTML(x);
+            break;
+          }
+          case "TrustedScriptURL": {
+            x = S.createScriptURL(x);
+            break;
+          }
+        }
+      if (x !== nt)
+        try {
+          $ ? e.setAttributeNS($, L, x) : e.setAttribute(L, x), tt(e) ? K(e) : $t(r.removed);
+        } catch {
+          se(L, e);
+        }
+    }
+    J(O.afterSanitizeAttributes, e, null);
+  }, En = function d(e) {
+    let a = null;
+    const u = Ot(e);
+    for (J(O.beforeSanitizeShadowDOM, e, null); a = u.nextNode(); )
+      J(O.uponSanitizeShadowNode, a, null), xt(a), Ut(a), a.content instanceof c && d(a.content);
+    J(O.afterSanitizeShadowDOM, e, null);
+  };
+  return r.sanitize = function(d) {
+    let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, a = null, u = null, C = null, U = null;
+    if (Qe = !d, Qe && (d = "<!-->"), typeof d != "string" && !Mt(d))
+      if (typeof d.toString == "function") {
+        if (d = d.toString(), typeof d != "string")
+          throw Ee("dirty is not a string, aborting");
+      } else
+        throw Ee("toString is not a function");
+    if (!r.isSupported)
+      return d;
+    if (Ye || et(e), r.removed = [], typeof d == "string" && (Ae = !1), Ae) {
+      if (d.nodeName) {
+        const ee = w(d.nodeName);
+        if (!N[ee] || Te[ee])
+          throw Ee("root node is forbidden and cannot be sanitized in-place");
+      }
+    } else if (d instanceof b)
+      a = Nt("<!---->"), u = a.ownerDocument.importNode(d, !0), u.nodeType === Ce.element && u.nodeName === "BODY" || u.nodeName === "HTML" ? a = u : a.appendChild(u);
+    else {
+      if (!me && !ce && !oe && // eslint-disable-next-line unicorn/prefer-includes
+      d.indexOf("<") === -1)
+        return S && Ne ? S.createHTML(d) : d;
+      if (a = Nt(d), !a)
+        return me ? null : Ne ? V : "";
+    }
+    a && Ve && K(a.firstChild);
+    const L = Ot(Ae ? d : a);
+    for (; C = L.nextNode(); )
+      xt(C), Ut(C), C.content instanceof c && En(C.content);
+    if (Ae)
+      return d;
+    if (me) {
+      if (ve)
+        for (U = le.call(a.ownerDocument); a.firstChild; )
+          U.appendChild(a.firstChild);
+      else
+        U = a;
+      return (M.shadowroot || M.shadowrootmode) && (U = Be.call(s, U, !0)), U;
+    }
+    let $ = oe ? a.outerHTML : a.innerHTML;
+    return oe && N["!doctype"] && a.ownerDocument && a.ownerDocument.doctype && a.ownerDocument.doctype.name && F(an, a.ownerDocument.doctype.name) && ($ = "<!DOCTYPE " + a.ownerDocument.doctype.name + `>
+` + $), ce && Pe([he, be, We], (ee) => {
+      $ = ye($, ee, " ");
+    }), S && Ne ? S.createHTML($) : $;
+  }, r.setConfig = function() {
+    let d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    et(d), Ye = !0;
+  }, r.clearConfig = function() {
+    fe = null, Ye = !1;
+  }, r.isValidAttribute = function(d, e, a) {
+    fe || et({});
+    const u = w(d), C = w(e);
+    return kt(u, C, a);
+  }, r.addHook = function(d, e) {
+    typeof e == "function" && Se(O[d], e);
+  }, r.removeHook = function(d, e) {
+    if (e !== void 0) {
+      const a = Bn(O[d], e);
+      return a === -1 ? void 0 : Wn(O[d], a, 1)[0];
+    }
+    return $t(O[d]);
+  }, r.removeHooks = function(d) {
+    O[d] = [];
+  }, r.removeAllHooks = function() {
+    O = Vt();
+  }, r;
 }
-const zn = J`
+var gt = ln();
+const li = ne`
   query GetAssignment($courseId: ID!, $assignmentId: ID!, $userId: ID!) {
     legacyNode(_id: $assignmentId, type: Assignment) {
       ... on Assignment {
@@ -119,7 +639,7 @@ const zn = J`
     contentType
     submissionPreviewUrl
   }
-`, jn = J`
+`, ci = ne`
   query GetSubmissionComments(
     $submissionId: ID!
     $courseId: String
@@ -168,7 +688,7 @@ const zn = J`
       }
     }
   }
-`, $n = J`
+`, mi = ne`
   query getSubmissions($submissionId: ID!) {
     node(id: $submissionId) {
       ... on Submission {
@@ -202,7 +722,7 @@ const zn = J`
     contentType
     submissionPreviewUrl
   }
-`, _e = n.object({
+`, De = n.object({
   _id: n.string(),
   displayName: n.string(),
   id: n.string(),
@@ -210,12 +730,12 @@ const zn = J`
   url: n.string(),
   contentType: n.string(),
   submissionPreviewUrl: n.string().nullable()
-}), Hn = n.object({
+}), ui = n.object({
   _id: n.string(),
   activeSubmissionType: n.string(),
   body: n.string().nullable(),
-  attachments: n.array(_e).nullable()
-}), Gn = n.object({
+  attachments: n.array(De).nullable()
+}), di = n.object({
   id: n.string(),
   submittedAt: n.string(),
   body: n.string().nullable(),
@@ -224,10 +744,10 @@ const zn = J`
   submissionType: n.string(),
   attempt: n.number(),
   unreadCommentCount: n.number(),
-  attachment: _e.nullable(),
-  attachments: n.array(_e).nullable(),
-  submissionDraft: Hn.nullable()
-}), Bn = n.object({
+  attachment: De.nullable(),
+  attachments: n.array(De).nullable(),
+  submissionDraft: ui.nullable()
+}), fi = n.object({
   _id: n.string(),
   name: n.string(),
   description: n.string().nullable(),
@@ -239,19 +759,19 @@ const zn = J`
   gradingType: n.string(),
   published: n.boolean().nullable().optional(),
   submissionsConnection: n.object({
-    nodes: n.array(Gn)
+    nodes: n.array(di)
   })
-}), Wn = n.object({
-  legacyNode: Bn,
+}), pi = n.object({
+  legacyNode: fi,
   course: n.object({
     name: n.string()
   })
-}), Jt = n.object({
+}), cn = n.object({
   startCursor: n.string(),
   endCursor: n.string(),
   hasPreviousPage: n.boolean(),
   hasNextPage: n.boolean()
-}), en = n.object({
+}), mn = n.object({
   _id: n.string(),
   attempt: n.number(),
   author: n.object({
@@ -272,17 +792,17 @@ const zn = J`
       id: n.string()
     })
   ).nullable()
-}), qn = n.object({
+}), gi = n.object({
   submissionComments: n.object({
     commentsConnection: n.object({
-      pageInfo: Jt,
-      nodes: n.array(en)
+      pageInfo: cn,
+      nodes: n.array(mn)
     })
   })
-}), Qi = n.object({
-  comments: n.array(en),
-  pageInfo: Jt
-}), Yn = n.object({
+}), lr = n.object({
+  comments: n.array(mn),
+  pageInfo: cn
+}), hi = n.object({
   submittedAt: n.string(),
   body: n.string().nullable(),
   grade: n.string().nullable(),
@@ -290,18 +810,18 @@ const zn = J`
   submissionType: n.string(),
   state: n.string(),
   attempt: n.number(),
-  attachment: _e.nullable(),
-  attachments: n.array(_e).nullable()
-}), Xn = n.object({
+  attachment: De.nullable(),
+  attachments: n.array(De).nullable()
+}), bi = n.object({
   node: n.object({
     submissionHistoriesConnection: n.object({
-      nodes: n.array(Yn)
+      nodes: n.array(hi)
     })
   })
-}), Se = n.object({
+}), Re = n.object({
   attribute: n.string(),
   message: n.string()
-}), Kn = n.object({
+}), Ti = n.object({
   createSubmissionComment: n.object({
     submissionComment: n.object({
       _id: n.string(),
@@ -344,13 +864,13 @@ const zn = J`
       read: n.boolean(),
       updatedAt: n.string()
     }).nullable(),
-    errors: n.array(Se).nullable()
+    errors: n.array(Re).nullable()
   })
-}), Vn = n.object({
+}), Ai = n.object({
   markSubmissionCommentsRead: n.object({
-    errors: n.array(Se).nullable()
+    errors: n.array(Re).nullable()
   })
-}), Ji = n.object({
+}), cr = n.object({
   createSubmission: n.object({
     submission: n.object({
       _id: n.string(),
@@ -359,983 +879,225 @@ const zn = J`
       submittedAt: n.string().nullable(),
       score: n.number().nullable()
     }).nullable(),
-    errors: n.array(Se).nullable()
+    errors: n.array(Re).nullable()
   })
-}), er = n.object(
+}), mr = n.object(
   {
     createSubmissionDraft: n.object({
       submissionDraft: n.object({
         _id: n.string()
       }).nullable(),
-      errors: n.array(Se).nullable()
+      errors: n.array(Re).nullable()
     })
   }
-), tr = n.object(
+), ur = n.object(
   {
     deleteSubmissionDraft: n.object({
       submissionDraftIds: n.array(n.string()).nullable(),
-      errors: n.array(Se).nullable()
+      errors: n.array(Re).nullable()
     })
   }
 );
-function Zn({
-  submissionId: t,
-  executeQuery: i,
-  enabled: o = !0
-}) {
-  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()
-      );
-    },
-    enabled: o
-  });
-}
-function nr({
-  submissionId: t,
-  selectedAttempt: i,
-  onAttemptSelect: o,
-  pointsPossible: a,
-  executeQuery: l
+function _i({
+  courseId: t,
+  assignmentId: r,
+  userId: o,
+  executeQuery: s,
+  enabled: l = !0
 }) {
-  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
+  return $e({
+    queryKey: ["assignment-review", "assignment", t, r, o],
+    queryFn: async () => {
+      const c = await s(li, {
+        courseId: t,
+        assignmentId: r,
+        userId: o
+      }), f = pi.parse(c);
+      return {
+        ...f.legacyNode,
+        courseName: f.course.name
+      };
     },
-    attributeNameCheck: {
-      writable: !0,
-      configurable: !1,
-      enumerable: !0,
-      value: null
+    enabled: l
+  });
+}
+function Si({
+  submissionId: t,
+  executeQuery: r,
+  enabled: o = !0
+}) {
+  return $e({
+    queryKey: ["assignment-review", "submissions", t],
+    queryFn: async () => {
+      const s = await r(mi, { submissionId: t });
+      return bi.parse(s).node.submissionHistoriesConnection.nodes.slice().sort(
+        (c, f) => new Date(f.submittedAt).getTime() - new Date(c.submittedAt).getTime()
+      );
     },
-    allowCustomizedBuiltInElements: {
-      writable: !0,
-      configurable: !1,
-      enumerable: !0,
-      value: !1
+    enabled: o
+  });
+}
+function yi(t) {
+  if (!t) return "";
+  const r = new Date(t);
+  return Number.isNaN(r.getTime()) ? "" : r.toLocaleDateString();
+}
+function Ei({
+  submission: t,
+  isSelected: r,
+  isDraft: o = !1,
+  pointsPossible: s,
+  onClick: l
+}) {
+  const c = B(), f = o ? c.submissionCurrentAttempt() : c.commentsAttempt({ number: t.attempt }), b = t.score != null && s != null ? `${t.score}/${s}` : null;
+  return /* @__PURE__ */ i(
+    Y,
+    {
+      as: "div",
+      padding: "small medium",
+      borderWidth: "small",
+      borderColor: r ? "brand" : "primary",
+      borderRadius: "medium",
+      background: r ? "secondary" : "primary",
+      cursor: "pointer",
+      onClick: l,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (m) => {
+        (m.key === "Enter" || m.key === " ") && (m.preventDefault(), l());
+      },
+      children: /* @__PURE__ */ _(h, { justifyItems: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ _(h, { direction: "column", gap: "xx-small", children: [
+          /* @__PURE__ */ _(h, { gap: "small", alignItems: "center", children: [
+            /* @__PURE__ */ i(y, { weight: "bold", children: f }),
+            o && /* @__PURE__ */ i(ft, { color: "info", children: c.submissionDraft() })
+          ] }),
+          !o && t.submittedAt && /* @__PURE__ */ i(y, { size: "small", color: "secondary", children: yi(t.submittedAt) })
+        ] }),
+        b && /* @__PURE__ */ i(y, { weight: "bold", children: b })
+      ] })
     }
-  })), ue = null, Ce = null;
-  const Q = Object.seal(ke(null, {
-    tagCheck: {
-      writable: !0,
-      configurable: !1,
-      enumerable: !0,
-      value: null
+  );
+}
+function Ii({
+  submissionId: t,
+  selectedAttempt: r,
+  onAttemptSelect: o,
+  pointsPossible: s,
+  executeQuery: l
+}) {
+  const c = B(), { data: f, isLoading: b, isError: m } = Si({
+    submissionId: t,
+    executeQuery: l
+  });
+  if (b)
+    return /* @__PURE__ */ i(h, { justifyItems: "center", padding: "medium", children: /* @__PURE__ */ i(He, { renderTitle: c.navigationAttempts(), size: "small" }) });
+  if (m)
+    return /* @__PURE__ */ i(h, { justifyItems: "center", padding: "medium", children: /* @__PURE__ */ i(y, { color: "danger", children: c.submissionLoadAttemptsError() }) });
+  const p = (f == null ? void 0 : f.filter((g) => g.attempt > 0)) ?? [];
+  return p.length === 0 ? /* @__PURE__ */ i(h, { padding: "medium", children: /* @__PURE__ */ i(y, { color: "secondary", children: c.submissionNoAttempts() }) }) : /* @__PURE__ */ i(h, { direction: "column", gap: "x-small", padding: "none none medium none", children: p.map((g) => /* @__PURE__ */ i(
+    Ei,
+    {
+      submission: g,
+      isSelected: r === g.attempt,
+      pointsPossible: s,
+      onClick: () => o(g)
     },
-    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;
+    g.attempt
+  )) });
 }
-var sn = on();
-function an({
+function un({
   attachments: t,
-  size: i = "medium"
+  size: r = "medium"
 }) {
-  return t.length === 0 ? null : /* @__PURE__ */ r(g, { direction: "column", gap: "x-small", children: t.map((o) => /* @__PURE__ */ r(
-    Z,
+  return t.length === 0 ? null : /* @__PURE__ */ i(h, { direction: "column", gap: "x-small", children: t.map((o) => /* @__PURE__ */ i(
+    Y,
     {
       as: "div",
-      padding: i === "small" ? "x-small" : "small medium",
+      padding: r === "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}` }) })
+      children: /* @__PURE__ */ _(h, { as: "div", gap: "small", width: "100%", justifyItems: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ i(h.Item, { shouldShrink: !0, children: /* @__PURE__ */ i(en, { children: o.displayName }) }),
+        /* @__PURE__ */ i(Fn, { href: o.url, isWithinText: !1, renderIcon: /* @__PURE__ */ i(Ln, {}), children: /* @__PURE__ */ i(pt, { children: `Download ${o.displayName}` }) })
       ] })
     },
     o.id
   )) });
 }
-function _i(t) {
-  return /* @__PURE__ */ r("span", { dangerouslySetInnerHTML: { __html: sn.sanitize(t) } });
+function Ci(t) {
+  return /* @__PURE__ */ i("span", { dangerouslySetInnerHTML: { __html: gt.sanitize(t) } });
 }
-function ir({
+function Di({
   submission: t,
-  isLastAttempt: i = !0,
+  isLastAttempt: r = !0,
   showAttemptLabel: o = !0,
-  renderHTML: a
+  renderHTML: s
 }) {
-  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(() => {
+  const l = B(), c = s ?? Ci, f = (t == null ? void 0 : t.submissionType) === "online_text_entry", b = (t == null ? void 0 : t.submissionType) === "online_upload", m = f ? l.submissionTextHeading() : l.submissionUploadHeading(), p = je(() => {
     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);
+        D.some((E) => E.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 })
+  }, [t]), g = je(() => c((t == null ? void 0 : t.body) ?? ""), [t == null ? void 0 : t.body, c]);
+  return t ? /* @__PURE__ */ i(Y, { as: "div", children: /* @__PURE__ */ _(h, { direction: "column", gap: "small", children: [
+    o && !r && t.attempt != null && /* @__PURE__ */ i(y, { size: "small", weight: "bold", color: "secondary", children: l.submissionViewingAttempt({ number: t.attempt }) }),
+    /* @__PURE__ */ _(h, { gap: "x-small", alignItems: "center", children: [
+      /* @__PURE__ */ i(wn, { color: "success" }),
+      /* @__PURE__ */ i(dt, { level: "h3", children: m })
     ] }),
-    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") })
-    ] })
-  ] });
+    f && t.body && /* @__PURE__ */ _(h, { alignItems: "stretch", gap: "small", children: [
+      /* @__PURE__ */ i(Y, { as: "div", width: "4px", background: "primary", borderRadius: "small" }),
+      /* @__PURE__ */ i(Y, { as: "div", children: /* @__PURE__ */ i(y, { children: g }) })
+    ] }),
+    b && p.length > 0 && /* @__PURE__ */ i(un, { attachments: p })
+  ] }) }) : null;
 }
-function Ei(t) {
-  const i = new Date(t);
-  return Number.isNaN(i.getTime()) ? "" : i.toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+function Ri(t) {
+  const r = new Date(t);
+  return Number.isNaN(r.getTime()) ? "" : r.toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
 }
-function Ii() {
-  return /* @__PURE__ */ r(y, { color: "secondary", size: "small", children: "|" });
+function Li() {
+  return /* @__PURE__ */ i(y, { color: "secondary", size: "small", children: "|" });
 }
-function or({
+function wi({
   score: t,
-  pointsPossible: i,
+  pointsPossible: r,
   gradingType: o,
-  dueAt: a,
+  dueAt: s,
   allowedAttempts: l,
   currentAttempt: c,
   isOverdue: f,
   estimatedDuration: b,
-  labels: u
+  labels: m
 }) {
-  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, {}),
+  const p = B(), g = [];
+  return b && g.push(
+    /* @__PURE__ */ i(y, { size: "small", children: (m == null ? void 0 : m.duration) ?? p.headerDuration({ minutes: b }) }, "duration")
+  ), t != null && r != null ? g.push(
+    /* @__PURE__ */ i(y, { size: "small", children: (m == null ? void 0 : m.score) ?? p.headerScore({ score: t, total: r }) }, "score")
+  ) : r != null && o !== "not_graded" && g.push(
+    /* @__PURE__ */ i(y, { size: "small", children: (m == null ? void 0 : m.pointsPossible) ?? p.headerPointsPossible({ points: r }) }, "points")
+  ), l != null && (l === -1 ? g.push(
+    /* @__PURE__ */ i(y, { size: "small", children: (m == null ? void 0 : m.attempts) ?? p.headerAttemptsUnlimited() }, "attempts")
+  ) : c != null ? g.push(
+    /* @__PURE__ */ i(y, { size: "small", children: (m == null ? void 0 : m.attempts) ?? p.headerAttemptOf({ current: c, total: l }) }, "attempts")
+  ) : g.push(
+    /* @__PURE__ */ i(y, { size: "small", children: (m == null ? void 0 : m.attempts) ?? p.headerAttemptsAllowed({ count: l }) }, "attempts")
+  )), s && g.push(
+    /* @__PURE__ */ i(y, { size: "small", children: (m == null ? void 0 : m.dueDate) ?? p.headerDueDate({ date: Ri(s) }) }, "due")
+  ), /* @__PURE__ */ _(h, { as: "div", direction: "row", alignItems: "center", gap: "small", children: [
+    g.map((D, I) => /* @__PURE__ */ _(h, { gap: "small", alignItems: "center", children: [
+      I > 0 && /* @__PURE__ */ i(Li, {}),
       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")
-        }
-      )
-    ] })
+    f && /* @__PURE__ */ i(ft, { color: "danger", children: (m == null ? void 0 : m.overdue) ?? p.headerOverdue() })
   ] });
 }
-const Ri = J`
+const vi = ne`
   mutation CreateSubmissionComment(
     $id: ID!
     $submissionAttempt: Int!
@@ -1425,7 +1187,7 @@ const Ri = J`
     mimeClass
     url
   }
-`, wi = J`
+`, Ni = ne`
   mutation MarkSubmissionCommentsRead(
     $submissionId: ID!
     $submissionCommentIds: [ID!]!
@@ -1442,7 +1204,7 @@ const Ri = J`
       }
     }
   }
-`, lr = J`
+`, dr = ne`
   mutation CreateSubmission(
     $assignmentLid: ID!
     $submissionType: OnlineSubmissionType!
@@ -1470,7 +1232,7 @@ const Ri = J`
       }
     }
   }
-`, cr = J`
+`, fr = ne`
   mutation CreateSubmissionDraft(
     $submissionId: ID!
     $submissionType: DraftableSubmissionType!
@@ -1496,7 +1258,7 @@ const Ri = J`
       }
     }
   }
-`, mr = J`
+`, pr = ne`
   mutation DeleteSubmissionDraft($submissionId: ID!) {
     deleteSubmissionDraft(input: { submissionId: $submissionId }) {
       submissionDraftIds
@@ -1507,57 +1269,57 @@ const Ri = J`
     }
   }
 `;
-function vi({
+function Oi({
   executeQuery: t
 }) {
-  const i = Bt();
-  return Wt({
-    mutationFn: async ({ submissionId: o, attempt: a, comment: l, fileIds: c }) => {
-      const f = await t(Ri, {
+  const r = Xt();
+  return Kt({
+    mutationFn: async ({ submissionId: o, attempt: s, comment: l, fileIds: c }) => {
+      const f = await t(vi, {
         id: o,
-        submissionAttempt: a,
+        submissionAttempt: s,
         comment: l,
         fileIds: c
       });
-      return Kn.parse(f), f;
+      return Ti.parse(f), f;
     },
-    onSuccess: (o, a) => {
-      i.invalidateQueries({
-        queryKey: ["assignment-review", "submission-comments", a.submissionId]
+    onSuccess: (o, s) => {
+      r.invalidateQueries({
+        queryKey: ["assignment-review", "submission-comments", s.submissionId]
       });
     }
   });
 }
-function Li({
+function Mi({
   submissionId: t,
-  courseId: i,
+  courseId: r,
   pageParams: o,
-  direction: a,
+  direction: s,
   executeQuery: l,
   enabled: c
 }) {
-  return Ue({
+  return $e({
     queryKey: [
       "assignment-review",
       "submission-comments",
       t,
-      i,
+      r,
       o == null ? void 0 : o.startCursor,
       o == null ? void 0 : o.endCursor,
-      a
+      s
     ],
     queryFn: async () => {
-      const f = await l(jn, {
+      const f = await l(ci, {
         submissionId: t,
-        courseId: i,
-        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);
+        courseId: r,
+        beforeCursor: s === "prev" ? (o == null ? void 0 : o.startCursor) ?? null : null,
+        afterCursor: s === "next" ? (o == null ? void 0 : o.endCursor) ?? null : null,
+        first: s === "next" ? 5 : null,
+        last: s === "prev" || !s ? 5 : null
+      }), b = gi.parse(f);
       return {
         comments: [...b.submissionComments.commentsConnection.nodes].sort(
-          (p, _) => new Date(p.createdAt).getTime() - new Date(_.createdAt).getTime()
+          (p, g) => new Date(p.createdAt).getTime() - new Date(g.createdAt).getTime()
         ),
         pageInfo: b.submissionComments.commentsConnection.pageInfo
       };
@@ -1565,245 +1327,575 @@ function Li({
     enabled: c ?? !!t
   });
 }
-function Ni({
+function xi({
   executeQuery: t
 }) {
-  const i = Bt();
-  return Wt({
-    mutationFn: async ({ submissionId: o, submissionCommentIds: a }) => {
+  const r = Xt();
+  return Kt({
+    mutationFn: async ({ submissionId: o, submissionCommentIds: s }) => {
       const l = await t(
-        wi,
-        { submissionId: o, submissionCommentIds: a }
+        Ni,
+        { submissionId: o, submissionCommentIds: s }
       );
-      return Vn.parse(l), l;
+      return Ai.parse(l), l;
     },
-    onSuccess: (o, a) => {
-      i.invalidateQueries({
+    onSuccess: (o, s) => {
+      r.invalidateQueries({
         queryKey: ["assignment-review", "assignment"],
-        predicate: (l) => l.queryKey.includes(a.assignmentId)
+        predicate: (l) => l.queryKey.includes(s.assignmentId)
       });
     }
   });
 }
-function ur({
+function ki(t) {
+  return /* @__PURE__ */ i("span", { dangerouslySetInnerHTML: { __html: gt.sanitize(t) } });
+}
+function Pi(t) {
+  const r = new Date(t);
+  return Number.isNaN(r.getTime()) ? "" : r.toLocaleString();
+}
+function Ui({
+  comment: t,
+  isFullWidth: r,
+  renderHTML: o
+}) {
+  var m;
+  const s = B(), l = o ?? ki, c = ((m = t.author.courseRoles) == null ? void 0 : m.includes("StudentEnrollment")) ?? !1, f = je(() => l(t.htmlComment), [t.htmlComment, l]);
+  return /* @__PURE__ */ i(
+    Y,
+    {
+      as: "div",
+      padding: "small medium",
+      borderWidth: "small",
+      borderColor: "primary",
+      borderRadius: "medium",
+      margin: r ? "none" : c ? "none none none medium" : "none medium none none",
+      children: /* @__PURE__ */ _(h, { as: "div", direction: "column", gap: "small", children: [
+        /* @__PURE__ */ _(h, { as: "div", direction: "column", gap: "xx-small", children: [
+          /* @__PURE__ */ _(h, { as: "div", justifyItems: "space-between", alignItems: "center", children: [
+            /* @__PURE__ */ i(h.Item, { shouldShrink: !0, children: /* @__PURE__ */ i(y, { weight: "bold", size: "medium", children: /* @__PURE__ */ i(en, { children: t.author.shortName }) }) }),
+            !t.read && /* @__PURE__ */ i(nn, { type: "notification", standalone: !0, children: /* @__PURE__ */ i(pt, { children: s.commentsUnreadSingle() }) })
+          ] }),
+          /* @__PURE__ */ i(y, { size: "small", color: "secondary", children: Pi(t.createdAt) }),
+          t.attempt > 0 && /* @__PURE__ */ i(y, { size: "small", color: "secondary", children: s.commentsAttempt({ number: t.attempt }) })
+        ] }),
+        /* @__PURE__ */ i(y, { size: "medium", children: f }),
+        t.attachments && t.attachments.length > 0 && /* @__PURE__ */ i(
+          un,
+          {
+            attachments: t.attachments.map((p) => ({
+              ...p,
+              _id: p._id ?? p.id,
+              submissionPreviewUrl: null
+            })),
+            size: "small"
+          }
+        )
+      ] })
+    }
+  );
+}
+function Fi({
   submissionId: t,
-  courseId: i,
+  courseId: r,
   assignmentId: o,
-  attempt: a,
+  attempt: s,
   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({
+  const m = B(), [p, g] = ge(""), [D, I] = ge({}), E = Dn(/* @__PURE__ */ new Set()), { data: T, isLoading: ie, isError: ae } = Mi({
     submissionId: t,
-    courseId: i,
+    courseId: r,
     pageParams: D.pageParams,
     direction: D.direction,
     executeQuery: b
-  }), Ae = vi({ executeQuery: b }), Ee = Ni({ executeQuery: b });
-  Mn(() => {
+  }), re = Oi({ executeQuery: b }), v = xi({ executeQuery: b });
+  ct(() => {
     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 });
+    const k = T.comments.filter((P) => !P.read && !E.current.has(P._id)).filter((P) => {
+      var le;
+      return !((le = P.author.courseRoles) != null && le.includes("StudentEnrollment"));
+    }).map((P) => P._id);
+    if (k.length > 0) {
+      for (const P of k)
+        E.current.add(P);
+      v.mutate({ submissionId: t, assignmentId: o, submissionCommentIds: k });
     }
-  }, [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"));
+  }, [T == null ? void 0 : T.comments, t, o, v]);
+  const q = T == null ? void 0 : T.comments.some(
+    (k) => {
+      var P;
+      return !((P = k.author.courseRoles) != null && P.includes("StudentEnrollment"));
     }
-  ), L = () => {
-    p.trim() && Ae.mutate(
-      { submissionId: t, attempt: a, comment: p },
+  ), S = () => {
+    p.trim() && re.mutate(
+      { submissionId: t, attempt: s, comment: p },
       {
         onSuccess: () => {
-          _(""), c == null || c();
+          g(""), 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,
+  }, V = (T == null ? void 0 : T.pageInfo.hasNextPage) || (T == null ? void 0 : T.pageInfo.hasPreviousPage);
+  return ie || !T && !ae ? /* @__PURE__ */ i(h, { justifyItems: "center", padding: "medium", children: /* @__PURE__ */ i(He, { renderTitle: m.commentsPanelTitle(), size: "small" }) }) : ae ? /* @__PURE__ */ i(h, { justifyItems: "center", padding: "medium", children: /* @__PURE__ */ i(y, { color: "danger", children: m.commentsLoadError() }) }) : /* @__PURE__ */ _(h, { as: "div", direction: "column", justifyItems: "space-between", height: "100%", children: [
+    /* @__PURE__ */ _(h, { as: "div", direction: "column", children: [
+      T.comments.length === 0 ? /* @__PURE__ */ i(h, { justifyItems: "center", padding: "medium", children: /* @__PURE__ */ i(y, { color: "secondary", children: m.commentsEmpty() }) }) : /* @__PURE__ */ i(h, { direction: "column", gap: "x-small", children: T.comments.map((k) => /* @__PURE__ */ i(
+        Ui,
         {
-          comment: z,
-          isFullWidth: !ie,
+          comment: k,
+          isFullWidth: !q,
           renderHTML: f
         },
-        z._id
+        k._id
       )) }),
-      ee && /* @__PURE__ */ S(g, { justifyItems: "space-between", padding: "small none", children: [
-        /* @__PURE__ */ r(
-          P,
+      V && /* @__PURE__ */ _(h, { justifyItems: "space-between", padding: "small none", children: [
+        /* @__PURE__ */ i(
+          z,
           {
-            renderIcon: () => /* @__PURE__ */ r(Ln, {}),
+            renderIcon: () => /* @__PURE__ */ i(vn, {}),
             size: "small",
             interaction: T.pageInfo.hasPreviousPage ? "enabled" : "disabled",
             onClick: () => I({ pageParams: T.pageInfo, direction: "prev" }),
-            children: u("comments.previousComments")
+            children: m.commentsPreviousComments()
           }
         ),
-        /* @__PURE__ */ r(
-          P,
+        /* @__PURE__ */ i(
+          z,
           {
-            renderIcon: () => /* @__PURE__ */ r(Nn, {}),
+            renderIcon: () => /* @__PURE__ */ i(Nn, {}),
             size: "small",
             interaction: T.pageInfo.hasNextPage ? "enabled" : "disabled",
             onClick: () => I({ pageParams: T.pageInfo, direction: "next" }),
-            children: u("comments.nextComments")
+            children: m.commentsNextComments()
           }
         )
       ] })
     ] }),
-    l && /* @__PURE__ */ S(g, { as: "div", direction: "column", gap: "small", padding: "small none medium", children: [
-      /* @__PURE__ */ r(
-        Qt,
+    l && /* @__PURE__ */ _(h, { as: "div", direction: "column", gap: "small", padding: "small none medium", children: [
+      /* @__PURE__ */ i(
+        tn,
         {
           resize: "vertical",
-          label: /* @__PURE__ */ r(y, { weight: "bold", size: "medium", children: u("comments.placeholder") }),
+          label: /* @__PURE__ */ i(y, { weight: "bold", size: "medium", children: m.commentsPlaceholder() }),
           value: p,
-          onChange: (z) => _(z.target.value)
+          onChange: (k) => g(k.target.value)
         }
       ),
-      /* @__PURE__ */ r(
-        P,
+      /* @__PURE__ */ i(
+        z,
+        {
+          color: "primary",
+          onClick: S,
+          interaction: p.trim().length > 0 && !re.isPending ? "enabled" : "disabled",
+          children: m.commentsPost()
+        }
+      )
+    ] })
+  ] });
+}
+function zi(t) {
+  return /* @__PURE__ */ i("span", { dangerouslySetInnerHTML: { __html: gt.sanitize(t) } });
+}
+function gr({
+  courseId: t,
+  assignmentId: r,
+  userId: o,
+  feedbackMode: s = !1,
+  onError: l,
+  renderHTML: c,
+  renderPanels: f,
+  executeQuery: b
+}) {
+  const m = B(), p = c ?? zi, {
+    data: g,
+    isLoading: D,
+    isError: I,
+    error: E
+  } = _i({ courseId: t, assignmentId: r, userId: o, executeQuery: b }), [T, ie] = ge(null), [ae, re] = ge(
+    s ? "comments" : null
+  ), v = je(
+    () => (g == null ? void 0 : g.submissionsConnection.nodes[0]) ?? null,
+    [g]
+  ), q = v != null && v.attempt > 0, S = T ?? v, V = T == null || T.attempt === (v == null ? void 0 : v.attempt), k = q && V, P = ((g == null ? void 0 : g.allowedAttempts) ?? 0) !== 1, le = Rn((be) => {
+    ie(be);
+  }, []);
+  if (ct(() => {
+    I && E && l && l(E);
+  }, [I, E, l]), ct(() => {
+    s && q && re("comments");
+  }, [s, q]), D)
+    return /* @__PURE__ */ i(h, { justifyItems: "center", padding: "large", children: /* @__PURE__ */ i(He, { renderTitle: m.progressLoading() }) });
+  if (I || !g)
+    return /* @__PURE__ */ i(h, { justifyItems: "center", padding: "large", children: /* @__PURE__ */ i(y, { color: "danger", children: m.assignmentLoadError() }) });
+  const Ge = !!g.dueAt && new Date(g.dueAt) < /* @__PURE__ */ new Date() && !q, Be = v ? /* @__PURE__ */ i(
+    Fi,
+    {
+      submissionId: v.id,
+      courseId: t,
+      assignmentId: r,
+      attempt: (S == null ? void 0 : S.attempt) ?? 0,
+      canPostComment: k,
+      renderHTML: p,
+      executeQuery: b
+    }
+  ) : null, O = P && v ? /* @__PURE__ */ i(
+    Ii,
+    {
+      submissionId: v.id,
+      selectedAttempt: S == null ? void 0 : S.attempt,
+      onAttemptSelect: le,
+      pointsPossible: g.pointsPossible,
+      executeQuery: b
+    }
+  ) : null, he = {
+    commentsPanel: Be,
+    attemptsPanel: O,
+    activePanel: ae,
+    setActivePanel: re,
+    unreadCommentCount: (v == null ? void 0 : v.unreadCommentCount) ?? 0,
+    hasMultipleAttempts: P
+  };
+  return /* @__PURE__ */ _(h, { direction: "column", gap: "medium", children: [
+    /* @__PURE__ */ i(
+      wi,
+      {
+        score: S == null ? void 0 : S.score,
+        pointsPossible: g.pointsPossible,
+        gradingType: g.gradingType,
+        dueAt: g.dueAt,
+        allowedAttempts: g.allowedAttempts,
+        currentAttempt: S == null ? void 0 : S.attempt,
+        isOverdue: Ge
+      }
+    ),
+    g.description && /* @__PURE__ */ _(Y, { as: "div", children: [
+      /* @__PURE__ */ i(dt, { level: "h3", children: m.assignmentInstructions() }),
+      /* @__PURE__ */ i(Y, { as: "div", margin: "small none large none", children: p(g.description) })
+    ] }),
+    /* @__PURE__ */ i(
+      Di,
+      {
+        submission: S,
+        isLastAttempt: V,
+        renderHTML: p
+      }
+    ),
+    f ? f(he) : null
+  ] });
+}
+function hr({
+  existingFiles: t,
+  onSubmit: r,
+  onSaveDraft: o,
+  onDiscardDraft: s,
+  onSelectFiles: l,
+  isSubmitting: c = !1
+}) {
+  const f = B(), [b, m] = ge(t ?? []), p = async () => {
+    const E = await l();
+    m((T) => [...T, ...E]);
+  }, g = (E) => {
+    m((T) => T.filter((ie) => ie.id !== E));
+  }, D = b.map((E) => E.id), I = b.length > 0 && !c;
+  return /* @__PURE__ */ _(h, { direction: "column", gap: "medium", children: [
+    b.length > 0 && /* @__PURE__ */ i(h, { direction: "column", gap: "x-small", children: b.map((E) => /* @__PURE__ */ i(
+      Y,
+      {
+        as: "div",
+        padding: "small",
+        borderWidth: "small",
+        borderColor: "primary",
+        borderRadius: "medium",
+        children: /* @__PURE__ */ _(h, { justifyItems: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ i(y, { children: E.name }),
+          /* @__PURE__ */ i(
+            z,
+            {
+              size: "small",
+              renderIcon: () => /* @__PURE__ */ i(On, {}),
+              onClick: () => g(E.id),
+              children: /* @__PURE__ */ _("span", { className: "screenreader-only", children: [
+                "Remove ",
+                E.name
+              ] })
+            }
+          )
+        ] })
+      },
+      E.id
+    )) }),
+    /* @__PURE__ */ i(z, { onClick: p, children: f.submissionFormAddFiles() }),
+    /* @__PURE__ */ _(h, { gap: "small", children: [
+      /* @__PURE__ */ i(
+        z,
         {
           color: "primary",
-          onClick: L,
-          interaction: p.trim().length > 0 && !Ae.isPending ? "enabled" : "disabled",
-          children: u("comments.post")
+          onClick: () => r(D),
+          interaction: I ? "enabled" : "disabled",
+          children: f.submissionFormSubmit()
+        }
+      ),
+      o && /* @__PURE__ */ i(
+        z,
+        {
+          onClick: () => o(D),
+          interaction: b.length > 0 ? "enabled" : "disabled",
+          children: f.submissionFormSaveDraft()
+        }
+      ),
+      s && t && t.length > 0 && /* @__PURE__ */ i(z, { color: "primary-inverse", onClick: s, children: f.submissionFormDiscardDraft() })
+    ] })
+  ] });
+}
+function br({
+  prevItem: t,
+  nextItem: r,
+  onNavigatePrev: o,
+  onNavigateNext: s,
+  labels: l
+}) {
+  const c = B();
+  if (!t && !r)
+    return null;
+  const f = (l == null ? void 0 : l.previous) ?? c.navigationPrevious(), b = (l == null ? void 0 : l.next) ?? c.navigationNext();
+  return /* @__PURE__ */ _(h, { justifyItems: "space-between", padding: "small none", children: [
+    t ? /* @__PURE__ */ i(
+      z,
+      {
+        renderIcon: () => /* @__PURE__ */ i(Zt, {}),
+        onClick: o,
+        "aria-label": `${f}: ${t.title}`,
+        children: f
+      }
+    ) : /* @__PURE__ */ i("div", {}),
+    r ? /* @__PURE__ */ i(
+      z,
+      {
+        renderIcon: () => /* @__PURE__ */ i(Qt, {}),
+        onClick: s,
+        "aria-label": `${b}: ${r.title}`,
+        children: b
+      }
+    ) : /* @__PURE__ */ i("div", {})
+  ] });
+}
+function ji(t) {
+  switch (t) {
+    case "Assignment":
+      return /* @__PURE__ */ i(Un, {});
+    case "Quiz":
+      return /* @__PURE__ */ i(Pn, {});
+    case "Discussion":
+      return /* @__PURE__ */ i(kn, {});
+    case "Page":
+      return /* @__PURE__ */ i(jt, {});
+    case "ExternalUrl":
+    case "ExternalTool":
+      return /* @__PURE__ */ i(xn, {});
+    default:
+      return /* @__PURE__ */ i(jt, {});
+  }
+}
+function Hi({
+  item: t,
+  isSelected: r,
+  isLoadingItem: o,
+  onClick: s
+}) {
+  var m, p, g, D, I;
+  const l = B(), c = ((m = t.content_details) == null ? void 0 : m.locked_for_user) ?? !1, f = (p = t.content_details) == null ? void 0 : p.lock_explanation, b = /* @__PURE__ */ i(
+    Y,
+    {
+      as: "div",
+      padding: "small",
+      background: r ? "secondary" : "primary",
+      borderRadius: "small",
+      cursor: c ? "not-allowed" : "pointer",
+      onClick: c ? void 0 : s,
+      role: c ? void 0 : "button",
+      tabIndex: c ? void 0 : 0,
+      onKeyDown: c ? void 0 : (E) => {
+        (E.key === "Enter" || E.key === " ") && (E.preventDefault(), s());
+      },
+      children: /* @__PURE__ */ _(h, { gap: "small", alignItems: "center", children: [
+        /* @__PURE__ */ i(h.Item, { children: c ? /* @__PURE__ */ i(Jt, {}) : ji(t.type) }),
+        /* @__PURE__ */ i(h.Item, { shouldGrow: !0, shouldShrink: !0, children: /* @__PURE__ */ _(h, { direction: "column", gap: "xx-small", children: [
+          /* @__PURE__ */ i(y, { weight: r ? "bold" : "normal", size: "small", children: t.title }),
+          ((g = t.content_details) == null ? void 0 : g.due_at) && /* @__PURE__ */ i(y, { size: "x-small", color: "secondary", children: l.progressDueDate({
+            date: new Date(t.content_details.due_at).toLocaleDateString()
+          }) }),
+          ((D = t.content_details) == null ? void 0 : D.points_possible) != null && /* @__PURE__ */ i(y, { size: "x-small", color: "secondary", children: l.progressPoints({ points: t.content_details.points_possible }) })
+        ] }) }),
+        o && /* @__PURE__ */ i(He, { size: "x-small", renderTitle: l.progressLoading() }),
+        ((I = t.completion_requirement) == null ? void 0 : I.completed) && /* @__PURE__ */ i(y, { color: "success", size: "small", children: "✓" })
+      ] })
+    }
+  );
+  return c && f ? /* @__PURE__ */ i(jn, { renderTip: f, placement: "end", children: b }) : b;
+}
+function Tr({
+  module: t,
+  currentItemId: r,
+  onItemClick: o,
+  onClose: s,
+  onNavigateModule: l,
+  hasPrevModule: c = !1,
+  hasNextModule: f = !1,
+  isLoading: b = !1,
+  title: m
+}) {
+  var D;
+  const p = B(), g = m ?? p.navigationMyProgress();
+  return /* @__PURE__ */ _(h, { direction: "column", height: "100%", children: [
+    /* @__PURE__ */ _(h, { justifyItems: "space-between", alignItems: "center", padding: "small", children: [
+      /* @__PURE__ */ i(dt, { level: "h3", children: g }),
+      /* @__PURE__ */ i(zn, { screenReaderLabel: p.navigationClosePanel(), onClick: s, size: "small", children: /* @__PURE__ */ i(Mn, {}) })
+    ] }),
+    /* @__PURE__ */ _(Y, { as: "div", padding: "none small", overflowY: "auto", children: [
+      t.state === "locked" && /* @__PURE__ */ i(h, { padding: "none none small", children: /* @__PURE__ */ _(ft, { color: "warning", children: [
+        /* @__PURE__ */ i(Jt, {}),
+        " ",
+        p.progressLocked()
+      ] }) }),
+      /* @__PURE__ */ i(y, { weight: "bold", size: "medium", children: t.name }),
+      /* @__PURE__ */ i(h, { direction: "column", gap: "xx-small", padding: "small none", children: (D = t.items) == null ? void 0 : D.map((I) => /* @__PURE__ */ i(
+        Hi,
+        {
+          item: I,
+          isSelected: I.id === r,
+          isLoadingItem: b && I.id === r,
+          onClick: () => o(I)
+        },
+        I.id
+      )) })
+    ] }),
+    l && /* @__PURE__ */ _(h, { justifyItems: "space-between", padding: "small", children: [
+      /* @__PURE__ */ i(
+        z,
+        {
+          renderIcon: () => /* @__PURE__ */ i(Zt, {}),
+          size: "small",
+          interaction: c ? "enabled" : "disabled",
+          onClick: () => l("prev"),
+          "aria-label": p.navigationPreviousModule(),
+          children: p.navigationPrevious()
+        }
+      ),
+      /* @__PURE__ */ i(
+        z,
+        {
+          renderIcon: () => /* @__PURE__ */ i(Qt, {}),
+          size: "small",
+          interaction: f ? "enabled" : "disabled",
+          onClick: () => l("next"),
+          "aria-label": p.navigationNextModule(),
+          children: p.navigationNext()
         }
       )
     ] })
   ] });
 }
-function dr({
+function Ar({
   existingDraft: t,
-  onSubmit: i,
+  onSubmit: r,
   onSaveDraft: o,
-  onDiscardDraft: a,
+  onDiscardDraft: s,
   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,
+  const c = B(), [f, b] = ge(t ?? ""), m = f.trim().length > 0 && !l;
+  return /* @__PURE__ */ _(h, { direction: "column", gap: "medium", children: [
+    /* @__PURE__ */ i(
+      tn,
       {
-        label: c("submission.textHeading"),
+        label: c.submissionTextHeading(),
         value: f,
         onChange: (p) => b(p.target.value),
         resize: "vertical",
         height: "200px"
       }
     ),
-    /* @__PURE__ */ S(g, { gap: "small", children: [
-      /* @__PURE__ */ r(
-        P,
+    /* @__PURE__ */ _(h, { gap: "small", children: [
+      /* @__PURE__ */ i(
+        z,
         {
           color: "primary",
-          onClick: () => i(f),
-          interaction: u ? "enabled" : "disabled",
-          children: c("submissionForm.submit")
+          onClick: () => r(f),
+          interaction: m ? "enabled" : "disabled",
+          children: c.submissionFormSubmit()
         }
       ),
-      o && /* @__PURE__ */ r(
-        P,
+      o && /* @__PURE__ */ i(
+        z,
         {
           onClick: () => o(f),
           interaction: f.trim().length > 0 ? "enabled" : "disabled",
-          children: c("submissionForm.saveDraft")
+          children: c.submissionFormSaveDraft()
         }
       ),
-      a && t && /* @__PURE__ */ r(P, { color: "primary-inverse", onClick: a, children: c("submissionForm.discardDraft") })
+      s && t && /* @__PURE__ */ i(z, { color: "primary-inverse", onClick: s, children: c.submissionFormDiscardDraft() })
     ] })
   ] });
 }
-function fr({
+function _r({
   unreadCount: t
 }) {
-  const { t: i } = B("assignment-review");
+  const r = B();
   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 }) });
+  const o = t === 1 ? r.commentsUnreadSingle() : r.commentsUnread({ count: t });
+  return /* @__PURE__ */ i(nn, { count: t, standalone: !0, children: /* @__PURE__ */ i(pt, { 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({
+function Sr({
   courseId: t,
-  moduleItemId: i,
+  moduleItemId: r,
   fetchSequence: o,
-  enabled: a = !0
+  enabled: s = !0
 }) {
-  return Ue({
-    queryKey: ["assignment-review", "module-item-sequence", t, i],
-    queryFn: () => o(t, i),
-    enabled: a && !!i
+  return $e({
+    queryKey: ["assignment-review", "module-item-sequence", t, r],
+    queryFn: () => o(t, r),
+    enabled: s && !!r
   });
 }
 export {
-  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
+  pi as AssignmentResponseSchema,
+  gr as AssignmentReview,
+  Ei as AttemptCard,
+  Di as AttemptView,
+  Ii as AttemptsHistory,
+  dr as CREATE_SUBMISSION,
+  vi as CREATE_SUBMISSION_COMMENT,
+  fr as CREATE_SUBMISSION_DRAFT,
+  Ui as CommentCard,
+  Ti as CreateSubmissionCommentResponseSchema,
+  mr as CreateSubmissionDraftResponseSchema,
+  cr as CreateSubmissionResponseSchema,
+  pr as DELETE_SUBMISSION_DRAFT,
+  ur as DeleteSubmissionDraftResponseSchema,
+  un as DownloadButtons,
+  hr as FileUploadSubmissionForm,
+  li as GET_ASSIGNMENT,
+  mi as GET_SUBMISSIONS,
+  ci as GET_SUBMISSION_COMMENTS,
+  wi as LearningContentHeader,
+  Ni as MARK_SUBMISSION_COMMENTS_READ,
+  Ai as MarkSubmissionCommentsReadResponseSchema,
+  br as ModuleNavigation,
+  Tr as MyProgressPanel,
+  Fi as SubmissionComments,
+  lr as SubmissionCommentsDataSchema,
+  gi as SubmissionCommentsQueryResponseSchema,
+  bi as SubmissionsQueryResponseSchema,
+  Ar as TextEntrySubmissionForm,
+  ar as TranslationsProvider,
+  _r as UnreadCommentsBadge,
+  Oi as useCreateSubmissionComment,
+  _i as useGetAssignment,
+  Mi as useGetSubmissionComments,
+  Si as useGetSubmissions,
+  xi as useMarkSubmissionCommentsRead,
+  Sr as useModuleItemSequence,
+  B as useTranslations
 };