@cuemath/leap 2.8.61-as15 → 2.8.61-as16

package/dist/features/homework/homework-card.js

@@ -1,270 +1,157 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { memo as de, useState as L, useRef as E, useLayoutEffect as ue, useCallback as a } from "react";
-import B from "../../assets/line-icons/icons/eye2.js";
-import he from "../../assets/line-icons/icons/more-vertical.js";
-import me from "../../assets/line-icons/icons/redo.js";
-import fe from "../chapters-v2/comps/node-card/node-card-tags.js";
-import { getNodeTypeBasedBgImage as pe } from "../chapters-v2/utils/index.js";
-import { getNodeCardBasedIcon as $e } from "../chapters-v2/utils/node-card-utils.js";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { memo as q, useRef as O, useCallback as h } from "react";
+import R from "../../assets/line-icons/icons/eye2.js";
+import G from "../../assets/line-icons/icons/more-vertical.js";
+import J from "../../assets/line-icons/icons/redo.js";
 import V from "../ui/arrow-tooltip/arrow-tooltip.js";
-import we from "../ui/buttons/clickable/clickable.js";
-import j from "../ui/hooks/use-context-menu-click-handler.js";
-import i from "../ui/layout/flex-view.js";
-import be from "../ui/lottie-animation/lottie-animation.js";
-import I from "../ui/text/text.js";
-import G from "./card-menu-options.js";
-import ge from "./node-progress.js";
-import { CardContainer as Ce, CardWrapper as ke, IconWrapper as Te, BannerImageWrapper as _e, BannerImage as Ee, HeaderText as Ie, SubHeaderText as Re, MenuWrapper as ve, CardKebabMenuWrapper as ye, StyledMinus2Icon as xe } from "./styles.js";
-const Ae = ({
-  header: R,
-  nodeData: r,
-  subHeader: K,
-  userType: z,
+import L from "../ui/buttons/clickable/clickable.js";
+import S from "../ui/hooks/use-context-menu-click-handler.js";
+import P from "../ui/layout/flex-view.js";
+import T from "./card-menu-options.js";
+import Z from "./homework-card-view.js";
+import { CardContainer as Q, MenuWrapper as U, CardKebabMenuWrapper as D, BlurContainer as N, BlurFlexView as ee, StyledMinus2Icon as re } from "./styles.js";
+const te = ({
+  header: x,
+  nodeData: e,
+  subHeader: M,
+  userType: W,
   userMilestoneId: t,
-  onNodeUnassign: u,
-  onNodeReattempt: h,
-  onNodeView: $,
-  onNodeReview: o,
-  onNodeAttempt: w,
-  renderAs: F,
-  shouldOpenOnRight: P
+  onNodeUnassign: c,
+  onNodeReattempt: s,
+  onNodeView: f,
+  onNodeReview: i,
+  onNodeAttempt: m,
+  renderAs: H,
+  shouldOpenOnRight: X,
+  isInQueue: k
 }) => {
-  const s = F === "homework", {
-    node_type: l,
-    state: v,
-    accuracy: Y,
-    due_date_ts: b,
-    image_url: y,
-    image_hue: x,
-    card_header: q = "",
-    permissions: J,
-    user_node_id: m,
-    unlocked_on_ts: A,
-    user_milestone_id: g
-  } = r, [Q, O] = L(!1), Z = pe(l), { icon: U, lottie: D } = $e(l), C = E(null), k = E(null), d = E(null), { menuVisible: S, onMenuClick: N } = j(C), { menuVisible: ee, onMenuClick: H } = j(k), [re, te] = L(!1), {
-    can_start: W,
-    can_resume: M,
-    can_review: c,
-    can_unassign: ne,
-    can_reset: ie
-  } = J, T = z === "STUDENT";
-  ue(() => {
-    d.current && d.current.scrollHeight > d.current.clientHeight && te(!0);
-  }, [d]);
-  const f = a(() => {
-    if (c) {
-      if (typeof o != "function")
+  const n = H === "homework", {
+    node_type: A,
+    state: I,
+    permissions: j,
+    user_node_id: l,
+    user_milestone_id: d
+  } = e, p = O(null), w = O(null), { menuVisible: $, onMenuClick: F } = S(p), { menuVisible: B, onMenuClick: E } = S(w), {
+    can_start: _,
+    can_resume: v,
+    can_review: o,
+    can_unassign: z,
+    can_reset: K
+  } = j, b = W === "STUDENT", u = h(() => {
+    if (o) {
+      if (typeof i != "function")
         throw new Error("onReview must be a function");
-      if (!m)
+      if (!l)
         throw new Error("user node id must be present to review the sheet");
-      o(r, t);
+      i(e, t);
       return;
     }
-  }, [c, o, m, r, t]), oe = a(() => {
-    if (W || M) {
-      if (typeof w != "function")
+  }, [o, i, l, e, t]), Y = h(() => {
+    if (_ || v) {
+      if (typeof m != "function")
         throw new Error("onNodeAttempt must be a function");
-      w(r);
+      m(e);
       return;
     }
-    if (!s) {
-      H();
+    if (!n) {
+      E();
       return;
     }
-    f();
+    u();
   }, [
-    W,
-    M,
-    s,
-    f,
-    w,
-    r,
-    H
-  ]), _ = a(() => {
-    if (c) {
-      if (typeof o != "function")
+    _,
+    v,
+    n,
+    u,
+    m,
+    e,
+    E
+  ]), C = h(() => {
+    if (o) {
+      if (typeof i != "function")
         throw new Error("onNodeReview must be a function");
-      if (!m)
+      if (!l)
         throw new Error("user node id must be present to review the sheet");
-      o(r, t || g);
+      i(e, t || d);
       return;
     }
-    if (typeof $ != "function")
+    if (typeof f != "function")
       throw new Error("onNodeView must be a function");
-    $(r, t || g);
-  }, [c, t, r, o, g, $, m]), p = a(
-    (X) => {
-      switch (X) {
+    f(e, t || d);
+  }, [o, t, e, i, d, f, l]), a = h(
+    (y) => {
+      switch (y) {
         case "teacher-card-view":
-          _();
+          C();
           return;
         case "student-card-view":
-          f();
+          u();
           return;
         case "teacher-card-unassign":
-          u == null || u(r, t);
+          c == null || c(e, t);
           return;
         case "student-card-reattempt":
-          h == null || h(r, t);
+          s == null || s(e, t);
           return;
         default:
-          throw new Error(`No callback function for ${X}`);
+          throw new Error(`No callback function for ${y}`);
       }
     },
     [
-      r,
-      h,
+      e,
+      s,
+      c,
       u,
-      f,
-      _,
+      C,
       t
     ]
-  ), ce = a(() => {
-    O(!0);
-  }, []), ae = a(() => {
-    O(!1);
-  }, []), se = [
-    {
-      id: "teacher-card-view",
-      label: c ? "Review" : "View",
-      icon: B,
-      disabled: !1,
-      onClick: p
-    },
-    {
-      id: "teacher-card-unassign",
-      label: "Unassign",
-      icon: xe,
-      disabled: s ? l === "MASTERY" : !ne,
-      onClick: p
-    }
-  ], le = [
-    {
-      id: "student-card-view",
-      label: "Review",
-      icon: B,
-      disabled: !c,
-      onClick: p
-    },
-    {
-      id: "student-card-reattempt",
-      label: "Reattempt",
-      icon: me,
-      disabled: !ie,
-      onClick: p
-    }
-  ];
-  return /* @__PURE__ */ n(Ce, { $position: "relative", $width: "fit-content", children: [
-    /* @__PURE__ */ e(
-      we,
+  );
+  return /* @__PURE__ */ g(Q, { $position: "relative", $width: "fit-content", children: [
+    /* @__PURE__ */ r(
+      L,
       {
-        onClick: T ? oe : _,
+        onClick: b ? Y : C,
         label: "homework-card",
-        children: /* @__PURE__ */ n(
-          i,
+        children: /* @__PURE__ */ r(
+          Z,
           {
-            ref: k,
-            $widthX: 12.38,
-            $position: "relative",
-            $background: `${x || "ORANGE"}_2`,
-            onMouseEnter: ce,
-            onMouseLeave: ae,
-            children: [
-              /* @__PURE__ */ n(
-                ke,
-                {
-                  $flexDirection: "row",
-                  $alignItems: "center",
-                  $width: "100%",
-                  $heightX: 3.5,
-                  $bgImage: Z,
-                  $gutterX: 0.78125,
-                  $flexGap: 8.5,
-                  $position: "relative",
-                  children: [
-                    /* @__PURE__ */ e(
-                      Te,
-                      {
-                        $width: 31,
-                        $height: 31,
-                        $borderRadiusX: 2,
-                        $background: "WHITE_1",
-                        $position: "relative",
-                        $alignItems: "center",
-                        $justifyContent: "center",
-                        children: Q ? /* @__PURE__ */ e(be, { src: D }) : /* @__PURE__ */ e(U, { width: 20, height: 20 })
-                      }
-                    ),
-                    l === "MASTERY" ? /* @__PURE__ */ n(i, { children: [
-                      /* @__PURE__ */ e(i, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ e(I, { $color: "WHITE", $renderAs: "ac4-black", children: "Smart" }) }),
-                      /* @__PURE__ */ e(I, { $renderAs: "ac4-black", children: "Practice" })
-                    ] }) : /* @__PURE__ */ e(I, { $renderAs: "ac4-black", children: q }),
-                    !!y && /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(Ee, { src: y, alt: "Chapter image" }) })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e(
-                fe,
-                {
-                  nodeType: l,
-                  state: v,
-                  accuracy: Y,
-                  dueDateTs: b
-                }
-              ),
-              b && A && /* @__PURE__ */ e(
-                ge,
-                {
-                  dueDate: b * 1e3,
-                  unlockedOn: A * 1e3,
-                  progressBg: `${x || "ORANGE"}_4`
-                }
-              ),
-              /* @__PURE__ */ n(i, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
-                /* @__PURE__ */ e(
-                  V,
-                  {
-                    renderAs: "primary",
-                    position: "bottom",
-                    tooltipItem: R,
-                    width: 300,
-                    hidden: !re,
-                    parentWidth: "auto",
-                    zIndex: 6,
-                    children: /* @__PURE__ */ e(i, { $heightX: 2.5, children: /* @__PURE__ */ e(Ie, { ref: d, $renderAs: "ab3", children: R }) })
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  i,
-                  {
-                    $flexDirection: "row",
-                    $heightX: 1.25,
-                    $alignItems: "center",
-                    $justifyContent: "space-between",
-                    children: [
-                      /* @__PURE__ */ e(Re, { $renderAs: "ub3", $color: "BLACK_T_60", children: K }),
-                      /* @__PURE__ */ e(i, { $width: 32 })
-                    ]
-                  }
-                )
-              ] })
-            ]
+            header: x,
+            isInQueue: k,
+            nodeData: e,
+            studentContainerRef: w,
+            subHeader: M,
+            isHomeWork: n
           }
         )
       }
     ),
-    T && !s && /* @__PURE__ */ e(
-      G,
+    b && !n && /* @__PURE__ */ r(
+      T,
       {
         $width: 200,
-        options: le,
-        triggerRef: k,
-        visible: ee,
+        options: [
+          {
+            id: "student-card-view",
+            label: "Review",
+            icon: R,
+            disabled: !o,
+            onClick: a
+          },
+          {
+            id: "student-card-reattempt",
+            label: "Reattempt",
+            icon: J,
+            disabled: !K,
+            onClick: a
+          }
+        ],
+        triggerRef: w,
+        visible: B,
         shouldOpenOnRight: !1
       }
     ),
-    !T && /* @__PURE__ */ n(ve, { $position: "absolute", $width: "fit-content", $borderRadiusX: 2, children: [
-      /* @__PURE__ */ e(
+    !b && /* @__PURE__ */ g(U, { $position: "absolute", $width: "fit-content", $borderRadiusX: 2, children: [
+      /* @__PURE__ */ r(
         V,
         {
           renderAs: "primary",
@@ -272,32 +159,48 @@ const Ae = ({
           position: "bottom",
           zIndex: 6,
           parentWidth: "100%",
-          hidden: S || v !== "WAIT_FOR_REVIEW" && s,
-          children: /* @__PURE__ */ e(
-            ye,
+          hidden: $ || I !== "WAIT_FOR_REVIEW" && n,
+          children: /* @__PURE__ */ r(
+            D,
             {
               $alignItems: "center",
               $justifyContent: "center",
-              ref: C,
-              onClick: N,
-              children: /* @__PURE__ */ e(he, { width: 16, height: 16 })
+              ref: p,
+              onClick: F,
+              children: /* @__PURE__ */ r(G, { width: 16, height: 16 })
             }
           )
         }
       ),
-      /* @__PURE__ */ e(
-        G,
+      /* @__PURE__ */ r(
+        T,
         {
-          options: se,
-          triggerRef: C,
-          visible: S,
-          shouldOpenOnRight: P
+          options: [
+            {
+              id: "teacher-card-view",
+              label: o ? "Review" : "View",
+              icon: R,
+              disabled: !1,
+              onClick: a
+            },
+            {
+              id: "teacher-card-unassign",
+              label: "Unassign",
+              icon: re,
+              disabled: n ? A === "MASTERY" : !z,
+              onClick: a
+            }
+          ],
+          triggerRef: p,
+          visible: $,
+          shouldOpenOnRight: X
         }
       )
-    ] })
+    ] }),
+    k && /* @__PURE__ */ r(N, { $background: "WHITE_5", children: /* @__PURE__ */ r(ee, { $heightX: 1, $widthX: 6, children: /* @__PURE__ */ r(V, { renderAs: "primary", tooltipItem: "Not visible to student", position: "bottom", children: /* @__PURE__ */ r(P, { $heightX: 1, $widthX: 6 }) }) }) })
   ] });
-}, Je = de(Ae);
+}, be = q(te);
 export {
-  Je as default
+  be as default
 };
 //# sourceMappingURL=homework-card.js.map

package/dist/features/homework/homework-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"homework-card.js","sources":["../../../src/features/homework/homework-card.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../chapters-v2/comps/node-card/node-card-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { IHomeworkData } from './hw-card-list/api/get-homeworks';\n\nimport { memo, useCallback, useLayoutEffect, useRef, useState } from 'react';\n\nimport Eye2Icon from '../../assets/line-icons/icons/eye2';\nimport MoreVerticalIcon from '../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../assets/line-icons/icons/redo';\nimport NodeCardTags from '../chapters-v2/comps/node-card/node-card-tags';\nimport { getNodeTypeBasedBgImage } from '../chapters-v2/utils';\nimport { getNodeCardBasedIcon } from '../chapters-v2/utils/node-card-utils';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../ui/layout/flex-view';\nimport LottieAnimation from '../ui/lottie-animation/lottie-animation';\nimport Text from '../ui/text/text';\nimport CardMenuOptions from './card-menu-options';\nimport NodeProgress from './node-progress';\nimport * as Styled from './styles';\n\ninterface IHomeworkCardProps extends INodeCardCallbacks {\n  header: string;\n  nodeData: INodeDataProps | IHomeworkData;\n  subHeader: string;\n  userType: TUserTypes;\n  userMilestoneId?: string;\n  renderAs: 'homework' | 'milestone';\n  shouldOpenOnRight: boolean;\n}\n\nconst HomeworkCard = ({\n  header,\n  nodeData,\n  subHeader,\n  userType,\n  userMilestoneId,\n  onNodeUnassign,\n  onNodeReattempt,\n  onNodeView,\n  onNodeReview,\n  onNodeAttempt,\n  renderAs,\n  shouldOpenOnRight,\n}: IHomeworkCardProps) => {\n  const isHomeWork = renderAs === 'homework';\n  const {\n    node_type: nodeType,\n    state,\n    accuracy,\n    due_date_ts: dueDateTs,\n    image_url: imageUrl,\n    image_hue: imageHue,\n    card_header: cardHeader = '',\n    permissions,\n    user_node_id: userNodeId,\n    unlocked_on_ts: unlockedOnTs,\n    user_milestone_id: milestoneId,\n  } = nodeData;\n\n  const [renderLottie, setRenderLottie] = useState(false);\n  const bgImage = getNodeTypeBasedBgImage(nodeType);\n  const { icon: NodeCardIcon, lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n  const teacherContainerRef = useRef<HTMLDivElement>(null);\n  const studentContainerRef = useRef<HTMLDivElement>(null);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const { menuVisible: teacherMenuVisible, onMenuClick: onTeacherMenuClick } =\n    useContextMenuClickHandler(teacherContainerRef);\n  const { menuVisible: studentMenuVisible, onMenuClick: onStudentMenuClick } =\n    useContextMenuClickHandler(studentContainerRef);\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_unassign: canUnassign,\n    can_reset: canReset,\n  } = permissions;\n  const isStudent = userType === 'STUDENT';\n\n  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n\n  const onStudentViewSheet = useCallback(() => {\n    if (canReview) {\n      if (typeof onNodeReview !== 'function') {\n        throw new Error('onReview must be a function');\n      }\n\n      if (!userNodeId) {\n        throw new Error('user node id must be present to review the sheet');\n      }\n      onNodeReview(nodeData, userMilestoneId);\n\n      return;\n    }\n  }, [canReview, onNodeReview, userNodeId, nodeData, userMilestoneId]);\n\n  const onStudentCardClick = useCallback(() => {\n    if (canStart || canResume) {\n      if (typeof onNodeAttempt !== 'function') {\n        throw new Error('onNodeAttempt must be a function');\n      }\n\n      onNodeAttempt(nodeData);\n\n      return;\n    }\n\n    if (!isHomeWork) {\n      onStudentMenuClick();\n\n      return;\n    }\n    onStudentViewSheet();\n  }, [\n    canStart,\n    canResume,\n    isHomeWork,\n    onStudentViewSheet,\n    onNodeAttempt,\n    nodeData,\n    onStudentMenuClick,\n  ]);\n\n  const onTeacherCardClick = useCallback(() => {\n    if (canReview) {\n      if (typeof onNodeReview !== 'function') {\n        throw new Error('onNodeReview must be a function');\n      }\n\n      if (!userNodeId) {\n        throw new Error('user node id must be present to review the sheet');\n      }\n\n      onNodeReview(nodeData, userMilestoneId || milestoneId);\n\n      return;\n    }\n\n    if (typeof onNodeView !== 'function') {\n      throw new Error('onNodeView must be a function');\n    }\n\n    onNodeView(nodeData, userMilestoneId || milestoneId);\n  }, [canReview, userMilestoneId, nodeData, onNodeReview, milestoneId, onNodeView, userNodeId]);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'teacher-card-view':\n          onTeacherCardClick();\n\n          return;\n        case 'student-card-view':\n          onStudentViewSheet();\n\n          return;\n        case 'teacher-card-unassign':\n          onNodeUnassign?.(nodeData, userMilestoneId);\n\n          return;\n        case 'student-card-reattempt':\n          onNodeReattempt?.(nodeData, userMilestoneId);\n\n          return;\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [\n      nodeData,\n      onNodeReattempt,\n      onNodeUnassign,\n      onStudentViewSheet,\n      onTeacherCardClick,\n      userMilestoneId,\n    ],\n  );\n\n  const handleOnMouseEnter = useCallback(() => {\n    setRenderLottie(true);\n  }, []);\n\n  const handleOnMouseLeave = useCallback(() => {\n    setRenderLottie(false);\n  }, []);\n\n  const teacherOptions = [\n    {\n      id: 'teacher-card-view',\n      label: canReview ? 'Review' : 'View',\n      icon: Eye2Icon,\n      disabled: false,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'teacher-card-unassign',\n      label: 'Unassign',\n      icon: Styled.StyledMinus2Icon,\n      disabled: isHomeWork ? nodeType === 'MASTERY' : !canUnassign,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  const studentOptions = [\n    {\n      id: 'student-card-view',\n      label: 'Review',\n      icon: Eye2Icon,\n      disabled: !canReview,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'student-card-reattempt',\n      label: 'Reattempt',\n      icon: RedoIcon,\n      disabled: !canReset,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  return (\n    <Styled.CardContainer $position=\"relative\" $width=\"fit-content\">\n      <Clickable\n        onClick={isStudent ? onStudentCardClick : onTeacherCardClick}\n        label=\"homework-card\"\n      >\n        <FlexView\n          ref={studentContainerRef}\n          $widthX={12.38}\n          $position=\"relative\"\n          $background={`${imageHue || 'ORANGE'}_2`}\n          onMouseEnter={handleOnMouseEnter}\n          onMouseLeave={handleOnMouseLeave}\n        >\n          <Styled.CardWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $width=\"100%\"\n            $heightX={3.5}\n            $bgImage={bgImage}\n            $gutterX={0.78125}\n            $flexGap={8.5}\n            $position=\"relative\"\n          >\n            <Styled.IconWrapper\n              $width={31}\n              $height={31}\n              $borderRadiusX={2}\n              $background=\"WHITE_1\"\n              $position=\"relative\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n            >\n              {renderLottie ? (\n                <LottieAnimation src={nodeCardLottie} />\n              ) : (\n                <NodeCardIcon width={20} height={20} />\n              )}\n            </Styled.IconWrapper>\n            {nodeType === 'MASTERY' ? (\n              <FlexView>\n                <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n                  <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n                    Smart\n                  </Text>\n                </FlexView>\n                <Text $renderAs=\"ac4-black\">Practice</Text>\n              </FlexView>\n            ) : (\n              <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n            )}\n\n            {!!imageUrl && (\n              <Styled.BannerImageWrapper>\n                <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n              </Styled.BannerImageWrapper>\n            )}\n          </Styled.CardWrapper>\n          <NodeCardTags\n            nodeType={nodeType}\n            state={state}\n            accuracy={accuracy}\n            dueDateTs={dueDateTs}\n          />\n          {dueDateTs && unlockedOnTs && (\n            <NodeProgress\n              dueDate={dueDateTs * 1000}\n              unlockedOn={unlockedOnTs * 1000}\n              progressBg={`${imageHue || 'ORANGE'}_4`}\n            />\n          )}\n          <FlexView $gutterX={0.75} $gapX={1} $flexRowGapX={0.5} $background=\"WHITE\">\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              tooltipItem={header}\n              width={300}\n              hidden={!showTitleTooltip}\n              parentWidth=\"auto\"\n              zIndex={6}\n            >\n              <FlexView $heightX={2.5}>\n                <Styled.HeaderText ref={titleTextRef} $renderAs=\"ab3\">\n                  {header}\n                </Styled.HeaderText>\n              </FlexView>\n            </ArrowTooltip>\n            <FlexView\n              $flexDirection=\"row\"\n              $heightX={1.25}\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <Styled.SubHeaderText $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                {subHeader}\n              </Styled.SubHeaderText>\n              <FlexView $width={32} />\n            </FlexView>\n          </FlexView>\n        </FlexView>\n      </Clickable>\n      {isStudent && !isHomeWork && (\n        <CardMenuOptions\n          $width={200}\n          options={studentOptions}\n          triggerRef={studentContainerRef}\n          visible={studentMenuVisible}\n          shouldOpenOnRight={false}\n        />\n      )}\n      {!isStudent && (\n        <Styled.MenuWrapper $position=\"absolute\" $width=\"fit-content\" $borderRadiusX={2}>\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem=\"Review\"\n            position=\"bottom\"\n            zIndex={6}\n            parentWidth=\"100%\"\n            hidden={teacherMenuVisible || (state !== 'WAIT_FOR_REVIEW' && isHomeWork)}\n          >\n            <Styled.CardKebabMenuWrapper\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              ref={teacherContainerRef}\n              onClick={onTeacherMenuClick}\n            >\n              <MoreVerticalIcon width={16} height={16} />\n            </Styled.CardKebabMenuWrapper>\n          </ArrowTooltip>\n          <CardMenuOptions\n            options={teacherOptions}\n            triggerRef={teacherContainerRef}\n            visible={teacherMenuVisible}\n            shouldOpenOnRight={shouldOpenOnRight}\n          />\n        </Styled.MenuWrapper>\n      )}\n    </Styled.CardContainer>\n  );\n};\n\nexport default memo(HomeworkCard);\n"],"names":["HomeworkCard","header","nodeData","subHeader","userType","userMilestoneId","onNodeUnassign","onNodeReattempt","onNodeView","onNodeReview","onNodeAttempt","renderAs","shouldOpenOnRight","isHomeWork","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","permissions","userNodeId","unlockedOnTs","milestoneId","renderLottie","setRenderLottie","useState","bgImage","getNodeTypeBasedBgImage","NodeCardIcon","nodeCardLottie","getNodeCardBasedIcon","teacherContainerRef","useRef","studentContainerRef","titleTextRef","teacherMenuVisible","onTeacherMenuClick","useContextMenuClickHandler","studentMenuVisible","onStudentMenuClick","showTitleTooltip","setShowTitleTooltip","canStart","canResume","canReview","canUnassign","canReset","isStudent","useLayoutEffect","onStudentViewSheet","useCallback","onStudentCardClick","onTeacherCardClick","handleOnMenuOptionClick","optionId","handleOnMouseEnter","handleOnMouseLeave","teacherOptions","Eye2Icon","Styled.StyledMinus2Icon","studentOptions","RedoIcon","Styled.CardContainer","jsx","Clickable","jsxs","FlexView","Styled.CardWrapper","Styled.IconWrapper","LottieAnimation","Text","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","NodeProgress","ArrowTooltip","Styled.HeaderText","Styled.SubHeaderText","CardMenuOptions","Styled.MenuWrapper","Styled.CardKebabMenuWrapper","MoreVerticalIcon","HomeworkCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"homework-card.js","sources":["../../../src/features/homework/homework-card.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../chapters-v2/comps/node-card/node-card-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { IHomeworkData } from './hw-card-list/api/get-homeworks';\n\nimport { memo, useCallback, useRef } from 'react';\n\nimport Eye2Icon from '../../assets/line-icons/icons/eye2';\nimport MoreVerticalIcon from '../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../assets/line-icons/icons/redo';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../ui/layout/flex-view';\nimport CardMenuOptions from './card-menu-options';\nimport HomeworkView from './homework-card-view';\nimport * as Styled from './styles';\n\ninterface IHomeworkCardProps extends INodeCardCallbacks {\n  header: string;\n  nodeData: INodeDataProps | IHomeworkData;\n  subHeader: string;\n  userType: TUserTypes;\n  userMilestoneId?: string;\n  renderAs: 'homework' | 'milestone';\n  shouldOpenOnRight: boolean;\n  isInQueue?: boolean;\n}\n\nconst HomeworkCard = ({\n  header,\n  nodeData,\n  subHeader,\n  userType,\n  userMilestoneId,\n  onNodeUnassign,\n  onNodeReattempt,\n  onNodeView,\n  onNodeReview,\n  onNodeAttempt,\n  renderAs,\n  shouldOpenOnRight,\n  isInQueue,\n}: IHomeworkCardProps) => {\n  const isHomeWork = renderAs === 'homework';\n  const {\n    node_type: nodeType,\n    state,\n    permissions,\n    user_node_id: userNodeId,\n    user_milestone_id: milestoneId,\n  } = nodeData;\n\n  const teacherContainerRef = useRef<HTMLDivElement>(null);\n  const studentContainerRef = useRef<HTMLDivElement>(null);\n  const { menuVisible: teacherMenuVisible, onMenuClick: onTeacherMenuClick } =\n    useContextMenuClickHandler(teacherContainerRef);\n  const { menuVisible: studentMenuVisible, onMenuClick: onStudentMenuClick } =\n    useContextMenuClickHandler(studentContainerRef);\n\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_unassign: canUnassign,\n    can_reset: canReset,\n  } = permissions;\n  const isStudent = userType === 'STUDENT';\n\n  const onStudentViewSheet = useCallback(() => {\n    if (canReview) {\n      if (typeof onNodeReview !== 'function') {\n        throw new Error('onReview must be a function');\n      }\n\n      if (!userNodeId) {\n        throw new Error('user node id must be present to review the sheet');\n      }\n      onNodeReview(nodeData, userMilestoneId);\n\n      return;\n    }\n  }, [canReview, onNodeReview, userNodeId, nodeData, userMilestoneId]);\n\n  const onStudentCardClick = useCallback(() => {\n    if (canStart || canResume) {\n      if (typeof onNodeAttempt !== 'function') {\n        throw new Error('onNodeAttempt must be a function');\n      }\n\n      onNodeAttempt(nodeData);\n\n      return;\n    }\n\n    if (!isHomeWork) {\n      onStudentMenuClick();\n\n      return;\n    }\n    onStudentViewSheet();\n  }, [\n    canStart,\n    canResume,\n    isHomeWork,\n    onStudentViewSheet,\n    onNodeAttempt,\n    nodeData,\n    onStudentMenuClick,\n  ]);\n\n  const onTeacherCardClick = useCallback(() => {\n    if (canReview) {\n      if (typeof onNodeReview !== 'function') {\n        throw new Error('onNodeReview must be a function');\n      }\n\n      if (!userNodeId) {\n        throw new Error('user node id must be present to review the sheet');\n      }\n\n      onNodeReview(nodeData, userMilestoneId || milestoneId);\n\n      return;\n    }\n\n    if (typeof onNodeView !== 'function') {\n      throw new Error('onNodeView must be a function');\n    }\n\n    onNodeView(nodeData, userMilestoneId || milestoneId);\n  }, [canReview, userMilestoneId, nodeData, onNodeReview, milestoneId, onNodeView, userNodeId]);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'teacher-card-view':\n          onTeacherCardClick();\n\n          return;\n        case 'student-card-view':\n          onStudentViewSheet();\n\n          return;\n        case 'teacher-card-unassign':\n          onNodeUnassign?.(nodeData, userMilestoneId);\n\n          return;\n        case 'student-card-reattempt':\n          onNodeReattempt?.(nodeData, userMilestoneId);\n\n          return;\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [\n      nodeData,\n      onNodeReattempt,\n      onNodeUnassign,\n      onStudentViewSheet,\n      onTeacherCardClick,\n      userMilestoneId,\n    ],\n  );\n\n  const teacherOptions = [\n    {\n      id: 'teacher-card-view',\n      label: canReview ? 'Review' : 'View',\n      icon: Eye2Icon,\n      disabled: false,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'teacher-card-unassign',\n      label: 'Unassign',\n      icon: Styled.StyledMinus2Icon,\n      disabled: isHomeWork ? nodeType === 'MASTERY' : !canUnassign,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  const studentOptions = [\n    {\n      id: 'student-card-view',\n      label: 'Review',\n      icon: Eye2Icon,\n      disabled: !canReview,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'student-card-reattempt',\n      label: 'Reattempt',\n      icon: RedoIcon,\n      disabled: !canReset,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  return (\n    <Styled.CardContainer $position=\"relative\" $width=\"fit-content\">\n      <Clickable\n        onClick={isStudent ? onStudentCardClick : onTeacherCardClick}\n        label=\"homework-card\"\n      >\n        <HomeworkView\n          header={header}\n          isInQueue={isInQueue}\n          nodeData={nodeData}\n          studentContainerRef={studentContainerRef}\n          subHeader={subHeader}\n          isHomeWork={isHomeWork}\n        />\n      </Clickable>\n      {isStudent && !isHomeWork && (\n        <CardMenuOptions\n          $width={200}\n          options={studentOptions}\n          triggerRef={studentContainerRef}\n          visible={studentMenuVisible}\n          shouldOpenOnRight={false}\n        />\n      )}\n      {!isStudent && (\n        <Styled.MenuWrapper $position=\"absolute\" $width=\"fit-content\" $borderRadiusX={2}>\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem=\"Review\"\n            position=\"bottom\"\n            zIndex={6}\n            parentWidth=\"100%\"\n            hidden={teacherMenuVisible || (state !== 'WAIT_FOR_REVIEW' && isHomeWork)}\n          >\n            <Styled.CardKebabMenuWrapper\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              ref={teacherContainerRef}\n              onClick={onTeacherMenuClick}\n            >\n              <MoreVerticalIcon width={16} height={16} />\n            </Styled.CardKebabMenuWrapper>\n          </ArrowTooltip>\n          <CardMenuOptions\n            options={teacherOptions}\n            triggerRef={teacherContainerRef}\n            visible={teacherMenuVisible}\n            shouldOpenOnRight={shouldOpenOnRight}\n          />\n        </Styled.MenuWrapper>\n      )}\n      {isInQueue && (\n        <Styled.BlurContainer $background=\"WHITE_5\">\n          <Styled.BlurFlexView $heightX={1} $widthX={6}>\n            <ArrowTooltip renderAs=\"primary\" tooltipItem=\"Not visible to student\" position=\"bottom\">\n              <FlexView $heightX={1} $widthX={6} />\n            </ArrowTooltip>\n          </Styled.BlurFlexView>\n        </Styled.BlurContainer>\n      )}\n    </Styled.CardContainer>\n  );\n};\n\nexport default memo(HomeworkCard);\n"],"names":["HomeworkCard","header","nodeData","subHeader","userType","userMilestoneId","onNodeUnassign","onNodeReattempt","onNodeView","onNodeReview","onNodeAttempt","renderAs","shouldOpenOnRight","isInQueue","isHomeWork","nodeType","state","permissions","userNodeId","milestoneId","teacherContainerRef","useRef","studentContainerRef","teacherMenuVisible","onTeacherMenuClick","useContextMenuClickHandler","studentMenuVisible","onStudentMenuClick","canStart","canResume","canReview","canUnassign","canReset","isStudent","onStudentViewSheet","useCallback","onStudentCardClick","onTeacherCardClick","handleOnMenuOptionClick","optionId","Styled.CardContainer","jsx","Clickable","HomeworkView","CardMenuOptions","Eye2Icon","RedoIcon","jsxs","Styled.MenuWrapper","ArrowTooltip","Styled.CardKebabMenuWrapper","MoreVerticalIcon","Styled.StyledMinus2Icon","Styled.BlurContainer","Styled.BlurFlexView","FlexView","HomeworkCard$1","memo"],"mappings":"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"}

package/dist/features/homework/hw-card-list/hw-card-list-styled.js

@@ -1,28 +1,29 @@
-import t, { css as i } from "styled-components";
+import o, { css as n } from "styled-components";
 import e from "../../ui/layout/flex-view.js";
-const s = t(e)`
+import i from "../../ui/text/text.js";
+const l = o(e)`
   overflow-x: hidden;
   overflow-y: visible;
   padding: 16px 0px 92px 0px;
   margin-bottom: -92px;
   margin-top: -16px;
-`, l = t(e)`
-  right: ${({ right: o }) => o};
-  left: ${({ left: o }) => o};
+`, c = o(e)`
+  right: ${({ right: t }) => t};
+  left: ${({ left: t }) => t};
   width: 32px;
   cursor: pointer;
   transition: opacity 0.3s ease-in-out;
-  opacity: ${({ $visible: o }) => o ? 1 : 0};
-  pointer-events: ${({ $visible: o }) => o ? "auto" : "none"};
+  opacity: ${({ $visible: t }) => t ? 1 : 0};
+  pointer-events: ${({ $visible: t }) => t ? "auto" : "none"};
   z-index: 10;
   path {
-    fill: ${({ theme: o }) => o.colors.WHITE};
+    fill: ${({ theme: t }) => t.colors.WHITE};
   }
-`, a = t(e)(
-  ({ $disablePointerEvents: o, theme: n }) => `
+`, x = o(e)(
+  ({ $disablePointerEvents: t, theme: r }) => `
     position: relative;
     pointer-events: auto;
-    ${o && i`
+    ${t && n`
         pointer-events: none;
         :after {
           content: '';
@@ -31,22 +32,40 @@ const s = t(e)`
           left: 0;
           right: 0;
           bottom: 0;
-          background: ${n.colors.GREY_3};
+          background: ${r.colors.GREY_3};
         }
       `}
   `
-), c = t(e)`
+), d = o(i)`
+  writing-mode: sideways-lr;
+`, g = o(e)`
+  position: relative;
+
+  &::after {
+    content: '';
+    position: absolute;
+    height: 8px;
+    width: 8px;
+    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
+    background-color: ${({ theme: t }) => t.colors.BLACK_4};
+    top: 50%;
+    right: 0;
+    transform: translate(50%, calc(-50% + 0px)) rotate(225deg);
+  }
+`, u = o(e)`
   cursor: pointer;
   height: 100%;
-  right: ${({ right: o }) => o};
-  left: ${({ left: o }) => o};
+  right: ${({ right: t }) => t};
+  left: ${({ left: t }) => t};
   pointer-events: all;
   z-index: 5;
 `;
 export {
-  a as ContentWrapper,
-  c as HoverZone,
-  l as ScrollButton,
-  s as ScrollContainer
+  x as ContentWrapper,
+  u as HoverZone,
+  d as QueueText,
+  g as QueueWrapper,
+  c as ScrollButton,
+  l as ScrollContainer
 };
 //# sourceMappingURL=hw-card-list-styled.js.map

package/dist/features/homework/hw-card-list/hw-card-list-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"hw-card-list-styled.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list-styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nexport const ScrollContainer = styled(FlexView)`\n  overflow-x: hidden;\n  overflow-y: visible;\n  padding: 16px 0px 92px 0px;\n  margin-bottom: -92px;\n  margin-top: -16px;\n`;\n\nexport const ScrollButton = styled(FlexView)<{ $visible: boolean; right: string; left: string }>`\n  right: ${({ right }) => right};\n  left: ${({ left }) => left};\n  width: 32px;\n  cursor: pointer;\n  transition: opacity 0.3s ease-in-out;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  pointer-events: ${({ $visible }) => ($visible ? 'auto' : 'none')};\n  z-index: 10;\n  path {\n    fill: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const ContentWrapper = styled(FlexView)<{ $disablePointerEvents: boolean }>(\n  ({ $disablePointerEvents, theme }) => `\n    position: relative;\n    pointer-events: auto;\n    ${\n      $disablePointerEvents &&\n      css`\n        pointer-events: none;\n        :after {\n          content: '';\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          background: ${theme.colors.GREY_3};\n        }\n      `\n    }\n  `,\n);\n\nexport const HoverZone = styled(FlexView)<{ right: string; left: string }>`\n  cursor: pointer;\n  height: 100%;\n  right: ${({ right }) => right};\n  left: ${({ left }) => left};\n  pointer-events: all;\n  z-index: 5;\n`;\n"],"names":["ScrollContainer","styled","FlexView","ScrollButton","right","left","$visible","theme","ContentWrapper","$disablePointerEvents","css","HoverZone"],"mappings":";;AAIa,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeF,EAAOC,CAAQ;AAAA,WAChC,CAAC,EAAE,OAAAE,EAAM,MAAMA,CAAK;AAAA,UACrB,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;AAAA,aAIf,CAAC,EAAE,UAAAC,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA,oBAC7B,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA,YAGtD,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIhCC,IAAiBP,EAAOC,CAAQ;AAAA,EAC3C,CAAC,EAAE,uBAAAO,GAAuB,OAAAF,EAAA,MAAY;AAAA;AAAA;AAAA,MAIlCE,KACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASkBH,EAAM,OAAO,MAAM;AAAA;AAAA,OAGvC;AAAA;AAEJ,GAEaI,IAAYV,EAAOC,CAAQ;AAAA;AAAA;AAAA,WAG7B,CAAC,EAAE,OAAAE,EAAM,MAAMA,CAAK;AAAA,UACrB,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"hw-card-list-styled.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list-styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\n\nexport const ScrollContainer = styled(FlexView)`\n  overflow-x: hidden;\n  overflow-y: visible;\n  padding: 16px 0px 92px 0px;\n  margin-bottom: -92px;\n  margin-top: -16px;\n`;\n\nexport const ScrollButton = styled(FlexView)<{ $visible: boolean; right: string; left: string }>`\n  right: ${({ right }) => right};\n  left: ${({ left }) => left};\n  width: 32px;\n  cursor: pointer;\n  transition: opacity 0.3s ease-in-out;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  pointer-events: ${({ $visible }) => ($visible ? 'auto' : 'none')};\n  z-index: 10;\n  path {\n    fill: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const ContentWrapper = styled(FlexView)<{ $disablePointerEvents: boolean }>(\n  ({ $disablePointerEvents, theme }) => `\n    position: relative;\n    pointer-events: auto;\n    ${\n      $disablePointerEvents &&\n      css`\n        pointer-events: none;\n        :after {\n          content: '';\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          background: ${theme.colors.GREY_3};\n        }\n      `\n    }\n  `,\n);\n\nexport const QueueText = styled(Text)`\n  writing-mode: sideways-lr;\n`;\n\nexport const QueueWrapper = styled(FlexView)`\n  position: relative;\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 8px;\n    width: 8px;\n    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);\n    background-color: ${({ theme }) => theme.colors.BLACK_4};\n    top: 50%;\n    right: 0;\n    transform: translate(50%, calc(-50% + 0px)) rotate(225deg);\n  }\n`;\nexport const HoverZone = styled(FlexView)<{ right: string; left: string }>`\n  cursor: pointer;\n  height: 100%;\n  right: ${({ right }) => right};\n  left: ${({ left }) => left};\n  pointer-events: all;\n  z-index: 5;\n`;\n"],"names":["ScrollContainer","styled","FlexView","ScrollButton","right","left","$visible","theme","ContentWrapper","$disablePointerEvents","css","QueueText","Text","QueueWrapper","HoverZone"],"mappings":";;;AAKa,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeF,EAAOC,CAAQ;AAAA,WAChC,CAAC,EAAE,OAAAE,EAAM,MAAMA,CAAK;AAAA,UACrB,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;AAAA,aAIf,CAAC,EAAE,UAAAC,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA,oBAC7B,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA,YAGtD,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIhCC,IAAiBP,EAAOC,CAAQ;AAAA,EAC3C,CAAC,EAAE,uBAAAO,GAAuB,OAAAF,EAAA,MAAY;AAAA;AAAA;AAAA,MAIlCE,KACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASkBH,EAAM,OAAO,MAAM;AAAA;AAAA,OAGvC;AAAA;AAEJ,GAEaI,IAAYV,EAAOW,CAAI;AAAA;AAAA,GAIvBC,IAAeZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASnB,CAAC,EAAE,OAAAK,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAM9CO,IAAYb,EAAOC,CAAQ;AAAA;AAAA;AAAA,WAG7B,CAAC,EAAE,OAAAE,EAAM,MAAMA,CAAK;AAAA,UACrB,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;"}