@cuemath/leap 3.5.50 → 3.5.51-as10

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

@@ -1,125 +1,135 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { memo as T, useMemo as x, useCallback as j } from "react";
-import F from "../../../assets/line-icons/icons/chevron-left.js";
-import G from "../../../assets/line-icons/icons/chevron-right.js";
-import c from "../../ui/layout/flex-view.js";
-import u from "../../ui/text/text.js";
-import W from "../homework-card.js";
-import { QueueWrapper as X, QueueText as O, ContentWrapper as V, ScrollButton as H, ScrollContainer as N } from "./hw-card-list-styled.js";
-import { getWaitForReviewSheetsCount as Y } from "./hw-card-list-utils.js";
-import { NODE_TYPE as P } from "../../sheets/constants/sheet.js";
-import { useScrollButtons as Q } from "./hooks/use-scroll-buttons.js";
-const z = ({
-  userType: m,
-  studentId: h,
-  isHwProcessing: b,
-  hwDetails: t,
-  onTestStart: $,
+import { memo as X, useMemo as b, useCallback as F } from "react";
+import O from "../../../assets/line-icons/icons/chevron-left.js";
+import V from "../../../assets/line-icons/icons/chevron-right.js";
+import { NODE_TYPE as Y } from "../../sheets/constants/sheet.js";
+import a from "../../ui/layout/flex-view.js";
+import m from "../../ui/text/text.js";
+import N from "../homework-card.js";
+import { QueueWrapper as P, QueueText as Q, ContentWrapper as z, ScrollButton as L, ScrollContainer as J } from "./hw-card-list-styled.js";
+import { getWaitForReviewSheetsCount as Z } from "./hw-card-list-utils.js";
+import { useScrollButtons as U } from "./hooks/use-scroll-buttons.js";
+const D = ({
+  userType: h,
+  studentId: $,
+  isHwProcessing: y,
+  hwDetails: r,
+  onTestStart: p,
   onNodeAttempt: C,
   onTestPreview: f,
-  onNodeView: p,
-  onTestReview: g,
-  onNodeReview: k,
-  onNodeUnassign: w,
-  puzzleHWCardRef: _
+  onNodeView: g,
+  onTestReview: k,
+  onNodeReview: w,
+  onNodeUnassign: _,
+  onMathFitClick: x,
+  puzzleHWCardRef: H
 }) => {
-  const o = x(() => {
-    const n = (t == null ? void 0 : t.assigned_homeworks) || [], i = (t == null ? void 0 : t.queued_homeworks) || [], r = n.length + i.length, s = Y(t);
+  const o = b(() => {
+    const s = (r == null ? void 0 : r.assigned_homeworks) || [], i = (r == null ? void 0 : r.queued_homeworks) || [], t = s.length + i.length, n = Z(r);
     return {
-      assignedHomeworks: n,
+      assignedHomeworks: s,
       queuedHomeworks: i,
-      totalCount: r,
-      waitForReviewCount: s
+      totalCount: t,
+      waitForReviewCount: n
     };
-  }, [t]), {
-    scrollRef: L,
-    showLeftButton: A,
-    showRightButton: v,
-    handleMouseEnter: B,
-    handleMouseLeave: I,
-    handleScrollLeft: R,
+  }, [r]), {
+    scrollRef: A,
+    showLeftButton: v,
+    showRightButton: B,
+    handleMouseEnter: I,
+    handleMouseLeave: R,
+    handleScrollLeft: T,
     handleScrollRight: q
-  } = Q({
+  } = U({
     totalCount: o.totalCount
-  }), a = j(
-    (n, i, r = !1) => {
+  }), u = F(
+    (s, i, t = !1) => {
       const {
-        node_id: s,
-        worksheet_id: E,
-        node_type: K,
-        title: M,
-        subtext: S
-      } = n, d = K === P.DYNAMIC;
+        entity_id: n,
+        sheets: K,
+        subtext: S,
+        entity_type: j,
+        state: M,
+        score: G,
+        id: W
+      } = s, c = K[0], d = (c == null ? void 0 : c.node_type) === Y.DYNAMIC;
       return /* @__PURE__ */ l(
-        c,
+        a,
         {
           $flexDirection: "row",
           $flexGapX: 1,
           children: [
-            r && i === 0 && /* @__PURE__ */ e(
-              X,
+            t && i === 0 && /* @__PURE__ */ e(
+              P,
               {
                 $background: "BLACK_4",
                 $justifyContent: "center",
                 $gutter: 4,
                 $gap: 8,
-                children: /* @__PURE__ */ e(O, { $renderAs: "ac3", $color: "WHITE", children: "In Queue" })
+                children: /* @__PURE__ */ e(Q, { $renderAs: "ac3", $color: "WHITE", children: "In Queue" })
               }
             ),
-            /* @__PURE__ */ e(
-              W,
+            c && /* @__PURE__ */ e(
+              N,
               {
-                isInQueue: r,
-                userType: m,
-                header: M,
+                isInQueue: t,
+                userType: h,
+                header: c.title,
                 subHeader: S || "",
-                nodeData: n,
+                nodeData: c,
                 renderAs: "homework",
-                studentId: h,
-                onNodeAttempt: d ? $ : C,
+                studentId: $,
+                onNodeAttempt: d ? p : C,
                 shouldOpenOnRight: !0,
-                onNodeView: d ? f : p,
-                onNodeReview: d ? g : k,
-                onNodeUnassign: w,
-                puzzleHWCardRef: r ? void 0 : _
+                onNodeView: d ? f : g,
+                onNodeReview: d ? k : w,
+                onNodeUnassign: _,
+                puzzleHWCardRef: t ? void 0 : H,
+                onMathFitClick: x,
+                entityType: j,
+                entityId: n,
+                state: M,
+                score: G,
+                homeworkId: W
               }
             )
           ]
         },
-        `${E}_${s}_${i}_${r ? "queued" : "assigned"}`
+        `${n}_${i}_${t ? "queued" : "assigned"}`
       );
     },
     [
-      m,
       h,
       $,
+      p,
       C,
       f,
-      p,
       g,
       k,
       w,
-      _
+      _,
+      x,
+      H
     ]
-  ), y = x(() => {
+  ), E = b(() => {
     if (o.totalCount === 0) return [];
-    const n = o.assignedHomeworks.map(
-      (r, s) => a(r, s, !1)
+    const s = o.assignedHomeworks.map(
+      (t, n) => u(t, n, !1)
     ), i = o.queuedHomeworks.map(
-      (r, s) => a(r, s, !0)
+      (t, n) => u(t, n, !0)
     );
-    return [...n, ...i];
+    return [...s, ...i];
   }, [
     o.assignedHomeworks,
     o.queuedHomeworks,
-    a,
+    u,
     o.totalCount
   ]);
-  return o.totalCount === 0 ? /* @__PURE__ */ l(c, { $flexRowGapX: 1, children: [
-    /* @__PURE__ */ e(u, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: "Homework (0)" }),
-    /* @__PURE__ */ e(u, { $renderAs: "ab2", $color: "BLACK_T_60", children: "No Homework assigned yet" })
-  ] }) : /* @__PURE__ */ l(V, { $flexRowGapX: 1, $disablePointerEvents: b, children: [
-    /* @__PURE__ */ l(u, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+  return o.totalCount === 0 ? /* @__PURE__ */ l(a, { $flexRowGapX: 1, children: [
+    /* @__PURE__ */ e(m, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: "Homework (0)" }),
+    /* @__PURE__ */ e(m, { $renderAs: "ab2", $color: "BLACK_T_60", children: "No Homework assigned yet" })
+  ] }) : /* @__PURE__ */ l(z, { $flexRowGapX: 1, $disablePointerEvents: y, children: [
+    /* @__PURE__ */ l(m, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
       "Homework (",
       o.waitForReviewCount,
       "/",
@@ -127,30 +137,30 @@ const z = ({
       ")"
     ] }),
     /* @__PURE__ */ l(
-      c,
+      a,
       {
         $position: "relative",
-        onMouseEnter: B,
-        onMouseLeave: I,
+        onMouseEnter: I,
+        onMouseLeave: R,
         children: [
           /* @__PURE__ */ e(
-            H,
+            L,
             {
               $position: "absolute",
               $background: "BLACK_T_60",
               $justifyContent: "center",
               $alignItems: "center",
               $height: "100%",
-              onClick: R,
-              $visible: A,
+              onClick: T,
+              $visible: v,
               left: "0px",
               right: "auto",
-              children: /* @__PURE__ */ e(F, { width: 24, height: 24 })
+              children: /* @__PURE__ */ e(O, { width: 24, height: 24 })
             }
           ),
-          /* @__PURE__ */ e(N, { ref: L, children: /* @__PURE__ */ e(c, { $flexDirection: "row", $flexGapX: 1, children: y }) }),
+          /* @__PURE__ */ e(J, { ref: A, children: /* @__PURE__ */ e(a, { $flexDirection: "row", $flexGapX: 1, children: E }) }),
           /* @__PURE__ */ e(
-            H,
+            L,
             {
               $position: "absolute",
               $width: "60px",
@@ -159,18 +169,18 @@ const z = ({
               $justifyContent: "center",
               $alignItems: "center",
               onClick: q,
-              $visible: v,
+              $visible: B,
               left: "auto",
               right: "0px",
-              children: /* @__PURE__ */ e(G, { width: 24, height: 24 })
+              children: /* @__PURE__ */ e(V, { width: 24, height: 24 })
             }
           )
         ]
       }
     )
   ] });
-}, le = T(z);
+}, de = X(D);
 export {
-  le as default
+  de as default
 };
 //# sourceMappingURL=hw-card-list-view.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hw-card-list-view.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list-view.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\n\nimport ChevronLeftIcon from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../assets/line-icons/icons/chevron-right';\nimport type { INodeDataProps } from '../../chapters-v2/comps/node-card/node-card-types';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport HomeworkCard from '../homework-card';\nimport * as Styled from './hw-card-list-styled';\nimport { getWaitForReviewSheetsCount } from './hw-card-list-utils';\nimport { NODE_TYPE } from '../../sheets/constants/sheet';\nimport type { IHwCardListView } from './hw-card-list-types';\nimport { useScrollButtons } from './hooks/use-scroll-buttons';\n\nconst HwCardListView: FC<IHwCardListView> = ({\n  userType,\n  studentId,\n  isHwProcessing,\n  hwDetails,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n  puzzleHWCardRef,\n}) => {\n  const homeworkData = useMemo(() => {\n    const assignedHomeworks = hwDetails?.assigned_homeworks || [];\n    const queuedHomeworks = hwDetails?.queued_homeworks || [];\n    const totalCount = assignedHomeworks.length + queuedHomeworks.length;\n    const waitForReviewCount = getWaitForReviewSheetsCount(hwDetails);\n\n    return {\n      assignedHomeworks,\n      queuedHomeworks,\n      totalCount,\n      waitForReviewCount,\n    };\n  }, [hwDetails]);\n\n  const {\n    scrollRef,\n    showLeftButton,\n    showRightButton,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleScrollLeft,\n    handleScrollRight,\n  } = useScrollButtons({\n    totalCount: homeworkData.totalCount,\n  });\n\n  const renderHomeworkCard = useCallback(\n    (sheet: INodeDataProps, idx: number, isQueued = false) => {\n      const {\n        node_id: nodeId,\n        worksheet_id: worksheetId,\n        node_type: nodeType,\n        title,\n        subtext,\n      } = sheet;\n      const isDynamicSheet = nodeType === NODE_TYPE.DYNAMIC;\n\n      return (\n        <FlexView\n          key={`${worksheetId}_${nodeId}_${idx}_${isQueued ? 'queued' : 'assigned'}`}\n          $flexDirection=\"row\"\n          $flexGapX={1}\n        >\n          {isQueued && idx === 0 && (\n            <Styled.QueueWrapper\n              $background=\"BLACK_4\"\n              $justifyContent=\"center\"\n              $gutter={4}\n              $gap={8}\n            >\n              <Styled.QueueText $renderAs=\"ac3\" $color=\"WHITE\">\n                In Queue\n              </Styled.QueueText>\n            </Styled.QueueWrapper>\n          )}\n          <HomeworkCard\n            isInQueue={isQueued}\n            userType={userType}\n            header={title}\n            subHeader={subtext || ''}\n            nodeData={sheet}\n            renderAs=\"homework\"\n            studentId={studentId}\n            onNodeAttempt={isDynamicSheet ? onTestStart : onNodeAttempt}\n            shouldOpenOnRight={true}\n            onNodeView={isDynamicSheet ? onTestPreview : onNodeView}\n            onNodeReview={isDynamicSheet ? onTestReview : onNodeReview}\n            onNodeUnassign={onNodeUnassign}\n            puzzleHWCardRef={isQueued ? undefined : puzzleHWCardRef}\n          />\n        </FlexView>\n      );\n    },\n    [\n      userType,\n      studentId,\n      onTestStart,\n      onNodeAttempt,\n      onTestPreview,\n      onNodeView,\n      onTestReview,\n      onNodeReview,\n      onNodeUnassign,\n      puzzleHWCardRef,\n    ],\n  );\n\n  const homeworkCards = useMemo(() => {\n    if (homeworkData.totalCount === 0) return [];\n\n    const assignedCards = homeworkData.assignedHomeworks.map((sheet, idx) =>\n      renderHomeworkCard(sheet, idx, false),\n    );\n\n    const queuedCards = homeworkData.queuedHomeworks.map((sheet, idx) =>\n      renderHomeworkCard(sheet, idx, true),\n    );\n\n    return [...assignedCards, ...queuedCards];\n  }, [\n    homeworkData.assignedHomeworks,\n    homeworkData.queuedHomeworks,\n    renderHomeworkCard,\n    homeworkData.totalCount,\n  ]);\n\n  if (homeworkData.totalCount === 0) {\n    return (\n      <FlexView $flexRowGapX={1}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Homework (0)\n        </Text>\n        <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n          No Homework assigned yet\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <Styled.ContentWrapper $flexRowGapX={1} $disablePointerEvents={isHwProcessing}>\n      <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n        Homework ({homeworkData.waitForReviewCount}/{homeworkData.totalCount})\n      </Text>\n      <FlexView\n        $position=\"relative\"\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n      >\n        <Styled.ScrollButton\n          $position=\"absolute\"\n          $background=\"BLACK_T_60\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $height=\"100%\"\n          onClick={handleScrollLeft}\n          $visible={showLeftButton}\n          left=\"0px\"\n          right=\"auto\"\n        >\n          <ChevronLeftIcon width={24} height={24} />\n        </Styled.ScrollButton>\n\n        <Styled.ScrollContainer ref={scrollRef}>\n          <FlexView $flexDirection=\"row\" $flexGapX={1}>\n            {homeworkCards}\n          </FlexView>\n        </Styled.ScrollContainer>\n\n        <Styled.ScrollButton\n          $position=\"absolute\"\n          $width=\"60px\"\n          $height=\"100%\"\n          $background=\"BLACK_T_60\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          onClick={handleScrollRight}\n          $visible={showRightButton}\n          left=\"auto\"\n          right=\"0px\"\n        >\n          <ChevronRightIcon width={24} height={24} />\n        </Styled.ScrollButton>\n      </FlexView>\n    </Styled.ContentWrapper>\n  );\n};\n\nexport default memo(HwCardListView);\n"],"names":["HwCardListView","userType","studentId","isHwProcessing","hwDetails","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","puzzleHWCardRef","homeworkData","useMemo","assignedHomeworks","queuedHomeworks","totalCount","waitForReviewCount","getWaitForReviewSheetsCount","scrollRef","showLeftButton","showRightButton","handleMouseEnter","handleMouseLeave","handleScrollLeft","handleScrollRight","useScrollButtons","renderHomeworkCard","useCallback","sheet","idx","isQueued","nodeId","worksheetId","nodeType","title","subtext","isDynamicSheet","NODE_TYPE","jsxs","FlexView","jsx","Styled.QueueWrapper","Styled.QueueText","HomeworkCard","homeworkCards","assignedCards","queuedCards","Text","Styled.ContentWrapper","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","ChevronRightIcon","HwCardListView$1","memo"],"mappings":"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"}
+{"version":3,"file":"hw-card-list-view.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list-view.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\n\nimport ChevronLeftIcon from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../assets/line-icons/icons/chevron-right';\nimport { NODE_TYPE } from '../../sheets/constants/sheet';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport HomeworkCard from '../homework-card';\nimport type { IHomeworkItem } from './api/get-homeworks';\nimport * as Styled from './hw-card-list-styled';\nimport type { IHwCardListView } from './hw-card-list-types';\nimport { getWaitForReviewSheetsCount } from './hw-card-list-utils';\nimport { useScrollButtons } from './hooks/use-scroll-buttons';\n\nconst HwCardListView: FC<IHwCardListView> = ({\n  userType,\n  studentId,\n  isHwProcessing,\n  hwDetails,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n  onMathFitClick,\n  puzzleHWCardRef,\n}) => {\n  const homeworkData = useMemo(() => {\n    const assignedHomeworks = hwDetails?.assigned_homeworks || [];\n    const queuedHomeworks = hwDetails?.queued_homeworks || [];\n    const totalCount = assignedHomeworks.length + queuedHomeworks.length;\n    const waitForReviewCount = getWaitForReviewSheetsCount(hwDetails);\n\n    return {\n      assignedHomeworks,\n      queuedHomeworks,\n      totalCount,\n      waitForReviewCount,\n    };\n  }, [hwDetails]);\n\n  const {\n    scrollRef,\n    showLeftButton,\n    showRightButton,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleScrollLeft,\n    handleScrollRight,\n  } = useScrollButtons({\n    totalCount: homeworkData.totalCount,\n  });\n\n  const renderHomeworkCard = useCallback(\n    (item: IHomeworkItem, idx: number, isQueued = false) => {\n      const {\n        entity_id: entityId,\n        sheets,\n        subtext,\n        entity_type: entitYType,\n        state,\n        score,\n        id,\n      } = item;\n      const sheet = sheets[0];\n      const isDynamicSheet = sheet?.node_type === NODE_TYPE.DYNAMIC;\n\n      return (\n        <FlexView\n          key={`${entityId}_${idx}_${isQueued ? 'queued' : 'assigned'}`}\n          $flexDirection=\"row\"\n          $flexGapX={1}\n        >\n          {isQueued && idx === 0 && (\n            <Styled.QueueWrapper\n              $background=\"BLACK_4\"\n              $justifyContent=\"center\"\n              $gutter={4}\n              $gap={8}\n            >\n              <Styled.QueueText $renderAs=\"ac3\" $color=\"WHITE\">\n                In Queue\n              </Styled.QueueText>\n            </Styled.QueueWrapper>\n          )}\n\n          {sheet && (\n            <HomeworkCard\n              isInQueue={isQueued}\n              userType={userType}\n              header={sheet.title}\n              subHeader={subtext || ''}\n              nodeData={sheet}\n              renderAs=\"homework\"\n              studentId={studentId}\n              onNodeAttempt={isDynamicSheet ? onTestStart : onNodeAttempt}\n              shouldOpenOnRight={true}\n              onNodeView={isDynamicSheet ? onTestPreview : onNodeView}\n              onNodeReview={isDynamicSheet ? onTestReview : onNodeReview}\n              onNodeUnassign={onNodeUnassign}\n              puzzleHWCardRef={isQueued ? undefined : puzzleHWCardRef}\n              // homeworkItem={item}\n              onMathFitClick={onMathFitClick}\n              entityType={entitYType}\n              entityId={entityId}\n              state={state}\n              score={score}\n              homeworkId={id}\n            />\n          )}\n        </FlexView>\n      );\n    },\n    [\n      userType,\n      studentId,\n      onTestStart,\n      onNodeAttempt,\n      onTestPreview,\n      onNodeView,\n      onTestReview,\n      onNodeReview,\n      onNodeUnassign,\n      onMathFitClick,\n      puzzleHWCardRef,\n    ],\n  );\n\n  const homeworkCards = useMemo(() => {\n    if (homeworkData.totalCount === 0) return [];\n\n    const assignedCards = homeworkData.assignedHomeworks.map((sheet, idx) =>\n      renderHomeworkCard(sheet, idx, false),\n    );\n\n    const queuedCards = homeworkData.queuedHomeworks.map((sheet, idx) =>\n      renderHomeworkCard(sheet, idx, true),\n    );\n\n    return [...assignedCards, ...queuedCards];\n  }, [\n    homeworkData.assignedHomeworks,\n    homeworkData.queuedHomeworks,\n    renderHomeworkCard,\n    homeworkData.totalCount,\n  ]);\n\n  if (homeworkData.totalCount === 0) {\n    return (\n      <FlexView $flexRowGapX={1}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Homework (0)\n        </Text>\n        <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n          No Homework assigned yet\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <Styled.ContentWrapper $flexRowGapX={1} $disablePointerEvents={isHwProcessing}>\n      <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n        Homework ({homeworkData.waitForReviewCount}/{homeworkData.totalCount})\n      </Text>\n      <FlexView\n        $position=\"relative\"\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n      >\n        <Styled.ScrollButton\n          $position=\"absolute\"\n          $background=\"BLACK_T_60\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $height=\"100%\"\n          onClick={handleScrollLeft}\n          $visible={showLeftButton}\n          left=\"0px\"\n          right=\"auto\"\n        >\n          <ChevronLeftIcon width={24} height={24} />\n        </Styled.ScrollButton>\n\n        <Styled.ScrollContainer ref={scrollRef}>\n          <FlexView $flexDirection=\"row\" $flexGapX={1}>\n            {homeworkCards}\n          </FlexView>\n        </Styled.ScrollContainer>\n\n        <Styled.ScrollButton\n          $position=\"absolute\"\n          $width=\"60px\"\n          $height=\"100%\"\n          $background=\"BLACK_T_60\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          onClick={handleScrollRight}\n          $visible={showRightButton}\n          left=\"auto\"\n          right=\"0px\"\n        >\n          <ChevronRightIcon width={24} height={24} />\n        </Styled.ScrollButton>\n      </FlexView>\n    </Styled.ContentWrapper>\n  );\n};\n\nexport default memo(HwCardListView);\n"],"names":["HwCardListView","userType","studentId","isHwProcessing","hwDetails","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","onMathFitClick","puzzleHWCardRef","homeworkData","useMemo","assignedHomeworks","queuedHomeworks","totalCount","waitForReviewCount","getWaitForReviewSheetsCount","scrollRef","showLeftButton","showRightButton","handleMouseEnter","handleMouseLeave","handleScrollLeft","handleScrollRight","useScrollButtons","renderHomeworkCard","useCallback","item","idx","isQueued","entityId","sheets","subtext","entitYType","state","score","id","sheet","isDynamicSheet","NODE_TYPE","jsxs","FlexView","jsx","Styled.QueueWrapper","Styled.QueueText","HomeworkCard","homeworkCards","assignedCards","queuedCards","Text","Styled.ContentWrapper","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","ChevronRightIcon","HwCardListView$1","memo"],"mappings":"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"}

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

@@ -1,73 +1,75 @@
 import { jsx as C } from "react/jsx-runtime";
-import { memo as A, useMemo as W, useEffect as e, useCallback as b } from "react";
-import { usePuzzleAssignedJourney as j } from "../../journey/hooks/use-puzzles-journey/use-puzzle-assigned.js";
-import { useJourney as E } from "../../journey/use-journey/use-journey.js";
-import { getPuzzleCardData as F } from "../utils.js";
-import { useGetHomeworks as G } from "./api/get-homeworks.js";
-import J from "./hw-card-list-view.js";
-const M = ({
+import { memo as W, useMemo as b, useEffect as t, useCallback as j } from "react";
+import { usePuzzleAssignedJourney as E } from "../../journey/hooks/use-puzzles-journey/use-puzzle-assigned.js";
+import { useJourney as F } from "../../journey/use-journey/use-journey.js";
+import { getPuzzleCardData as G } from "../utils.js";
+import { useGetHomeworks as J } from "./api/get-homeworks.js";
+import M from "./hw-card-list-view.js";
+const R = ({
   userType: f,
   studentId: o,
-  stream: i,
-  onTestStart: g,
-  onNodeAttempt: H,
-  onTestPreview: d,
-  onNodeView: h,
+  stream: s,
+  onTestStart: h,
+  onNodeAttempt: g,
+  onTestPreview: H,
+  onNodeView: d,
   onTestReview: k,
   onNodeReview: P,
   onNodeUnassign: v,
-  homeworkRef: D,
-  startHomePageJourney: t,
+  onMathFitClick: D,
+  homeworkRef: L,
+  startHomePageJourney: m,
   canStartJourney: n,
   canStartPuzzleAssignedJourney: p
 }) => {
   const {
     get: u,
-    data: m,
-    isProcessingFailed: L,
-    isProcessing: c,
+    data: c,
+    isProcessingFailed: x,
+    isProcessing: l,
     isProcessed: w,
     isStale: z
-  } = G(o), { isJourneyActive: r } = E(), { puzzleHWCardRef: x, startJourney: l } = j(), a = W(() => F(m), [m]);
-  e(() => {
-    w && t && !r && n && t({ studentId: o, stream: i, userType: f });
+  } = J(o), { isJourneyActive: i } = F(), { puzzleHWCardRef: A, startJourney: a } = E(), e = b(() => G(c), [c]);
+  t(() => {
+    w && m && !i && n && m({ studentId: o, stream: s, userType: f });
   }, [
     n,
-    r,
-    w,
-    t,
     i,
+    w,
+    m,
+    s,
     o,
     f
   ]);
-  const s = b(() => {
-    u(o, void 0, { stream: i });
-  }, [u, i, o]);
-  return e(() => {
-    !c && z && s();
-  }, [s, c, z]), e(() => {
-    s();
-  }, [s]), e(() => {
-    p && !r && l && a && l(a);
-  }, [p, a, r, l]), L ? null : /* @__PURE__ */ C("div", { ref: D, children: /* @__PURE__ */ C(
-    J,
+  const r = j(() => {
+    u(o, void 0, { stream: s });
+  }, [u, s, o]);
+  return t(() => {
+    !l && z && r();
+  }, [r, l, z]), t(() => {
+    r();
+  }, [r]), t(() => {
+    p && !i && a && e && e.sheets[0] && a(e.sheets[0]);
+  }, [p, e, i, a]), x ? null : /* @__PURE__ */ C("div", { ref: L, children: /* @__PURE__ */ C(
+    M,
     {
-      isHwProcessing: c,
-      hwDetails: m,
-      onTestStart: g,
-      onNodeAttempt: H,
-      onTestPreview: d,
-      onNodeView: h,
+      isHwProcessing: l,
+      hwDetails: c,
+      onTestStart: h,
+      onNodeAttempt: g,
+      onTestPreview: H,
+      onNodeView: d,
       onTestReview: k,
       onNodeReview: P,
       onNodeUnassign: v,
+      onMathFitClick: D,
       userType: f,
       studentId: o,
-      puzzleHWCardRef: x
+      puzzleHWCardRef: A
     }
   ) });
-}, Q = A(M);
+}, U = W(R);
 export {
-  Q as default
+  U as default
 };
 //# sourceMappingURL=hw-card-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport { usePuzzleAssignedJourney } from '../../journey/hooks/use-puzzles-journey/use-puzzle-assigned';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { getPuzzleCardData } from '../utils';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport HwCardListView from './hw-card-list-view';\nimport type { IHWCardListProps } from './hw-card-list-types';\n\nconst HWCardList: FC<IHWCardListProps> = ({\n  userType,\n  studentId,\n  stream,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n  homeworkRef,\n  startHomePageJourney,\n  canStartJourney,\n  canStartPuzzleAssignedJourney,\n}) => {\n  const {\n    get: getHomeworks,\n    data: hwDetails,\n    isProcessingFailed,\n    isProcessing,\n    isProcessed,\n    isStale,\n  } = useGetHomeworks(studentId);\n  const { isJourneyActive } = useJourney();\n\n  const { puzzleHWCardRef, startJourney: startPuzzleAssignedJourney } = usePuzzleAssignedJourney();\n\n  const puzzleCardData = useMemo(() => getPuzzleCardData(hwDetails), [hwDetails]);\n\n  useEffect(() => {\n    if (isProcessed && startHomePageJourney && !isJourneyActive && canStartJourney) {\n      startHomePageJourney({ studentId, stream, userType });\n    }\n  }, [\n    canStartJourney,\n    isJourneyActive,\n    isProcessed,\n    startHomePageJourney,\n    stream,\n    studentId,\n    userType,\n  ]);\n\n  const fetchHomeworks = useCallback(() => {\n    getHomeworks(studentId, undefined, { stream });\n  }, [getHomeworks, stream, studentId]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchHomeworks();\n    }\n  }, [fetchHomeworks, isProcessing, isStale]);\n\n  useEffect(() => {\n    fetchHomeworks();\n  }, [fetchHomeworks]);\n\n  useEffect(() => {\n    if (\n      canStartPuzzleAssignedJourney &&\n      !isJourneyActive &&\n      startPuzzleAssignedJourney &&\n      puzzleCardData\n    ) {\n      startPuzzleAssignedJourney(puzzleCardData);\n    }\n  }, [canStartPuzzleAssignedJourney, puzzleCardData, isJourneyActive, startPuzzleAssignedJourney]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  return (\n    <div ref={homeworkRef}>\n      <HwCardListView\n        isHwProcessing={isProcessing}\n        hwDetails={hwDetails}\n        onTestStart={onTestStart}\n        onNodeAttempt={onNodeAttempt}\n        onTestPreview={onTestPreview}\n        onNodeView={onNodeView}\n        onTestReview={onTestReview}\n        onNodeReview={onNodeReview}\n        onNodeUnassign={onNodeUnassign}\n        userType={userType}\n        studentId={studentId}\n        puzzleHWCardRef={puzzleHWCardRef}\n      />\n    </div>\n  );\n};\n\nexport default memo(HWCardList);\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","homeworkRef","startHomePageJourney","canStartJourney","canStartPuzzleAssignedJourney","getHomeworks","hwDetails","isProcessingFailed","isProcessing","isProcessed","isStale","useGetHomeworks","isJourneyActive","useJourney","puzzleHWCardRef","startPuzzleAssignedJourney","usePuzzleAssignedJourney","puzzleCardData","useMemo","getPuzzleCardData","useEffect","fetchHomeworks","useCallback","jsx","HwCardListView","hwCardList","memo"],"mappings":";;;;;;;AASA,MAAMA,IAAmC,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,+BAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,oBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAAgBnB,CAAS,GACvB,EAAE,iBAAAoB,MAAoBC,KAEtB,EAAE,iBAAAC,GAAiB,cAAcC,MAA+BC,EAAyB,GAEzFC,IAAiBC,EAAQ,MAAMC,EAAkBb,CAAS,GAAG,CAACA,CAAS,CAAC;AAE9E,EAAAc,EAAU,MAAM;AACd,IAAIX,KAAeP,KAAwB,CAACU,KAAmBT,KAC7DD,EAAqB,EAAE,WAAAV,GAAW,QAAAC,GAAQ,UAAAF,EAAU,CAAA;AAAA,EACtD,GACC;AAAA,IACDY;AAAA,IACAS;AAAA,IACAH;AAAA,IACAP;AAAA,IACAT;AAAA,IACAD;AAAA,IACAD;AAAA,EAAA,CACD;AAEK,QAAA8B,IAAiBC,EAAY,MAAM;AACvC,IAAAjB,EAAab,GAAW,QAAW,EAAE,QAAAC,EAAQ,CAAA;AAAA,EAC5C,GAAA,CAACY,GAAcZ,GAAQD,CAAS,CAAC;AAuBpC,SArBA4B,EAAU,MAAM;AACV,IAAA,CAACZ,KAAgBE,KACJW;EAEhB,GAAA,CAACA,GAAgBb,GAAcE,CAAO,CAAC,GAE1CU,EAAU,MAAM;AACC,IAAAC;EAAA,GACd,CAACA,CAAc,CAAC,GAEnBD,EAAU,MAAM;AACd,IACEhB,KACA,CAACQ,KACDG,KACAE,KAEAF,EAA2BE,CAAc;AAAA,KAE1C,CAACb,GAA+Ba,GAAgBL,GAAiBG,CAA0B,CAAC,GAE3FR,IACK,OAIP,gBAAAgB,EAAC,OAAI,EAAA,KAAKtB,GACR,UAAA,gBAAAsB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBhB;AAAA,MAChB,WAAAF;AAAA,MACA,aAAAZ;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAT;AAAA,MACA,WAAAC;AAAA,MACA,iBAAAsB;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEeW,IAAAC,EAAKpC,CAAU;"}
+{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport { usePuzzleAssignedJourney } from '../../journey/hooks/use-puzzles-journey/use-puzzle-assigned';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { getPuzzleCardData } from '../utils';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport HwCardListView from './hw-card-list-view';\nimport type { IHWCardListProps } from './hw-card-list-types';\n\nconst HWCardList: FC<IHWCardListProps> = ({\n  userType,\n  studentId,\n  stream,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n  onMathFitClick,\n  homeworkRef,\n  startHomePageJourney,\n  canStartJourney,\n  canStartPuzzleAssignedJourney,\n}) => {\n  const {\n    get: getHomeworks,\n    data: hwDetails,\n    isProcessingFailed,\n    isProcessing,\n    isProcessed,\n    isStale,\n  } = useGetHomeworks(studentId);\n  const { isJourneyActive } = useJourney();\n\n  const { puzzleHWCardRef, startJourney: startPuzzleAssignedJourney } = usePuzzleAssignedJourney();\n\n  const puzzleCardData = useMemo(() => getPuzzleCardData(hwDetails), [hwDetails]);\n\n  useEffect(() => {\n    if (isProcessed && startHomePageJourney && !isJourneyActive && canStartJourney) {\n      startHomePageJourney({ studentId, stream, userType });\n    }\n  }, [\n    canStartJourney,\n    isJourneyActive,\n    isProcessed,\n    startHomePageJourney,\n    stream,\n    studentId,\n    userType,\n  ]);\n\n  const fetchHomeworks = useCallback(() => {\n    getHomeworks(studentId, undefined, { stream });\n  }, [getHomeworks, stream, studentId]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchHomeworks();\n    }\n  }, [fetchHomeworks, isProcessing, isStale]);\n\n  useEffect(() => {\n    fetchHomeworks();\n  }, [fetchHomeworks]);\n\n  useEffect(() => {\n    if (\n      canStartPuzzleAssignedJourney &&\n      !isJourneyActive &&\n      startPuzzleAssignedJourney &&\n      puzzleCardData &&\n      puzzleCardData.sheets[0]\n    ) {\n      startPuzzleAssignedJourney(puzzleCardData.sheets[0]);\n    }\n  }, [canStartPuzzleAssignedJourney, puzzleCardData, isJourneyActive, startPuzzleAssignedJourney]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  return (\n    <div ref={homeworkRef}>\n      <HwCardListView\n        isHwProcessing={isProcessing}\n        hwDetails={hwDetails}\n        onTestStart={onTestStart}\n        onNodeAttempt={onNodeAttempt}\n        onTestPreview={onTestPreview}\n        onNodeView={onNodeView}\n        onTestReview={onTestReview}\n        onNodeReview={onNodeReview}\n        onNodeUnassign={onNodeUnassign}\n        onMathFitClick={onMathFitClick}\n        userType={userType}\n        studentId={studentId}\n        puzzleHWCardRef={puzzleHWCardRef}\n      />\n    </div>\n  );\n};\n\nexport default memo(HWCardList);\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","onMathFitClick","homeworkRef","startHomePageJourney","canStartJourney","canStartPuzzleAssignedJourney","getHomeworks","hwDetails","isProcessingFailed","isProcessing","isProcessed","isStale","useGetHomeworks","isJourneyActive","useJourney","puzzleHWCardRef","startPuzzleAssignedJourney","usePuzzleAssignedJourney","puzzleCardData","useMemo","getPuzzleCardData","useEffect","fetchHomeworks","useCallback","jsx","HwCardListView","hwCardList","memo"],"mappings":";;;;;;;AASA,MAAMA,IAAmC,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,+BAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,oBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAAgBpB,CAAS,GACvB,EAAE,iBAAAqB,MAAoBC,KAEtB,EAAE,iBAAAC,GAAiB,cAAcC,MAA+BC,EAAyB,GAEzFC,IAAiBC,EAAQ,MAAMC,EAAkBb,CAAS,GAAG,CAACA,CAAS,CAAC;AAE9E,EAAAc,EAAU,MAAM;AACd,IAAIX,KAAeP,KAAwB,CAACU,KAAmBT,KAC7DD,EAAqB,EAAE,WAAAX,GAAW,QAAAC,GAAQ,UAAAF,EAAU,CAAA;AAAA,EACtD,GACC;AAAA,IACDa;AAAA,IACAS;AAAA,IACAH;AAAA,IACAP;AAAA,IACAV;AAAA,IACAD;AAAA,IACAD;AAAA,EAAA,CACD;AAEK,QAAA+B,IAAiBC,EAAY,MAAM;AACvC,IAAAjB,EAAad,GAAW,QAAW,EAAE,QAAAC,EAAQ,CAAA;AAAA,EAC5C,GAAA,CAACa,GAAcb,GAAQD,CAAS,CAAC;AAwBpC,SAtBA6B,EAAU,MAAM;AACV,IAAA,CAACZ,KAAgBE,KACJW;EAEhB,GAAA,CAACA,GAAgBb,GAAcE,CAAO,CAAC,GAE1CU,EAAU,MAAM;AACC,IAAAC;EAAA,GACd,CAACA,CAAc,CAAC,GAEnBD,EAAU,MAAM;AAEZ,IAAAhB,KACA,CAACQ,KACDG,KACAE,KACAA,EAAe,OAAO,CAAC,KAEIF,EAAAE,EAAe,OAAO,CAAC,CAAC;AAAA,KAEpD,CAACb,GAA+Ba,GAAgBL,GAAiBG,CAA0B,CAAC,GAE3FR,IACK,OAIP,gBAAAgB,EAAC,OAAI,EAAA,KAAKtB,GACR,UAAA,gBAAAsB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBhB;AAAA,MAChB,WAAAF;AAAA,MACA,aAAAb;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAV;AAAA,MACA,WAAAC;AAAA,MACA,iBAAAuB;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEeW,IAAAC,EAAKrC,CAAU;"}

package/dist/features/homework/styles.js

@@ -74,7 +74,6 @@ const c = r(e)(({ theme: o }) => `
   text-overflow: ellipsis;
   white-space: break-spaces;
 `;
-r(e)``;
 r(e)(({
   theme: o,
   $disabled: t

package/dist/features/homework/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n  $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n  $visible: boolean;\n  $shouldopenonright: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    \n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport const SubHeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n  $shouldopenonright,\n  $visible,\n}) => {\n  return `\n    cursor: pointer;\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    right: ${$shouldopenonright ? 0 : 'auto'};\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n    z-index: 10;\n  `;\n});\n\nexport const CardContainer = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n  border-top-width: 2px;\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.BLACK};\n    border-top-width: 2px;\n  }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n  if ($bgImage) {\n    return `\n      background-image: url(${$bgImage});\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      overflow: hidden;\n    `;\n  }\n\n  return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n  position: absolute;\n  right: -18px;\n  top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    border: 1px solid ${theme.colors.BLACK_T_15};\n    width: ${gutter * 4}px;\n    height: ${gutter * 4}px;\n    border-radius: 50%;\n  `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n  path {\n    stroke: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const HeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: break-spaces;\n`;\n\ninterface ICardOptionWrapperProps {\n  $disabled?: boolean;\n}\ninterface ICardOptionsProps {\n  $top: number;\n  $left: number;\n}\n\nexport const CardOptions = styled(FlexView)<ICardOptionsProps>``;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n  theme,\n  $disabled,\n}) => {\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    \n    &:hover {\n      background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n    };\n    \n    path {\n      fill: ${theme.colors.WHITE_1};\n    }\n  `;\n});\n\nexport const OptionText = styled(Text)`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n  position: absolute;\n  z-index: 6;\n  top: calc(100% - 36px);\n  right: 12px;\n  transform-origin: top;\n  transform: scaleY(1);\n`;\n\nexport const BlurContainer = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.5;\n`;\n\nexport const BlurFlexView = styled(FlexView)`\n  position: absolute;\n  right: 42px;\n  top: 24px;\n`;\n\nexport const PuzzleCardWrapper = styled(FlexView)<{ $disabled?: boolean }>(({ $disabled }) => {\n  if ($disabled)\n    return `\n      cursor: not-allowed;\n    `;\n\n  return 'cursor: pointer';\n});\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$shouldopenonright","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","$disabled","MenuWrapper","BlurContainer","BlurFlexView","PuzzleCardWrapper"],"mappings":";;;;AAcO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,oBAAAK;AAAA,EACA,UAAAC;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKID,IAAqB,IAAI,MAAM;AAAA;AAAA,wBAEpBC,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,GAK9B,GAEYC,IAAgBR,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,wBAGpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,GAK5CO,IAAcT,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAS,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BW,IAAqBZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCY,IAAcb,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAY,EAAO,IAAIZ,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCY,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBf,EAAOgB,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAd,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCe,IAAajB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBVJ,EAAOC,CAAQ;AAETD,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAgB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBhB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC;AAEyBF,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAMxB,MAAAe,IAAcnB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7BmB,IAAgBpB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS/BoB,IAAerB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM9BqB,IAAoBtB,EAAOC,CAAQ,EAA2B,CAAC,EAAE,WAAAiB,QACxEA,IACK;AAAA;AAAA,QAIF,iBACR;"}
+{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n  $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n  $visible: boolean;\n  $shouldopenonright: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    \n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport const SubHeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n  $shouldopenonright,\n  $visible,\n}) => {\n  return `\n    cursor: pointer;\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    right: ${$shouldopenonright ? 0 : 'auto'};\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n    z-index: 10;\n  `;\n});\n\nexport const CardContainer = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n  border-top-width: 2px;\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.BLACK};\n    border-top-width: 2px;\n  }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n  if ($bgImage) {\n    return `\n      background-image: url(${$bgImage});\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      overflow: hidden;\n    `;\n  }\n\n  return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n  position: absolute;\n  right: -18px;\n  top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    border: 1px solid ${theme.colors.BLACK_T_15};\n    width: ${gutter * 4}px;\n    height: ${gutter * 4}px;\n    border-radius: 50%;\n  `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n  path {\n    stroke: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const HeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: break-spaces;\n`;\n\ninterface ICardOptionWrapperProps {\n  $disabled?: boolean;\n}\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n  theme,\n  $disabled,\n}) => {\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    \n    &:hover {\n      background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n    };\n    \n    path {\n      fill: ${theme.colors.WHITE_1};\n    }\n  `;\n});\n\nexport const OptionText = styled(Text)`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n  position: absolute;\n  z-index: 6;\n  top: calc(100% - 36px);\n  right: 12px;\n  transform-origin: top;\n  transform: scaleY(1);\n`;\n\nexport const BlurContainer = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.5;\n`;\n\nexport const BlurFlexView = styled(FlexView)`\n  position: absolute;\n  right: 42px;\n  top: 24px;\n`;\n\nexport const PuzzleCardWrapper = styled(FlexView)<{ $disabled?: boolean }>(({ $disabled }) => {\n  if ($disabled)\n    return `\n      cursor: not-allowed;\n    `;\n\n  return 'cursor: pointer';\n});\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$shouldopenonright","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","$disabled","MenuWrapper","BlurContainer","BlurFlexView","PuzzleCardWrapper"],"mappings":";;;;AAcO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,oBAAAK;AAAA,EACA,UAAAC;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKID,IAAqB,IAAI,MAAM;AAAA;AAAA,wBAEpBC,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,GAK9B,GAEYC,IAAgBR,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,wBAGpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,GAK5CO,IAAcT,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAS,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BW,IAAqBZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCY,IAAcb,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAY,EAAO,IAAIZ,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCY,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBf,EAAOgB,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAd,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCe,IAAajB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYJJ,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAgB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBhB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC;AAEyBF,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAMxB,MAAAe,IAAcnB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7BmB,IAAgBpB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS/BoB,IAAerB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM9BqB,IAAoBtB,EAAOC,CAAQ,EAA2B,CAAC,EAAE,WAAAiB,QACxEA,IACK;AAAA;AAAA,QAIF,iBACR;"}

package/dist/features/homework/utils.js

@@ -4,48 +4,51 @@ import { HOMEWORK_ANALYTICS_EVENTS as c } from "./homework-analytics-events.js";
 const y = ({
   canResume: t,
   canStart: e,
-  homeworkId: i,
-  isHomeWork: o,
-  isStudent: _,
-  milestoneId: s,
+  homeworkId: o,
+  isHomeWork: a,
+  isStudent: s,
+  milestoneId: _,
   nodeType: r,
-  studentId: a,
+  studentId: i,
   userNodeId: d
 }) => {
-  if (_) {
-    if (o)
+  if (s) {
+    if (a)
       return e || t ? {
         analyticsLabel: c.HOMEWORK_ATTEMPTED,
-        analyticsProps: { student_id: a, node_type: r, homework_id: i }
+        analyticsProps: { student_id: i, node_type: r, homework_id: o }
       } : {
         analyticsLabel: "homework-student-menu",
-        analyticsProps: { student_id: a, node_type: r, homework_id: i }
+        analyticsProps: { student_id: i, node_type: r, homework_id: o }
       };
     if (e || t)
       return {
         analyticsLabel: r === n.DYNAMIC ? l.CUSTOM_TEST_ATTEMPTED : "node-attempted",
         analyticsProps: {
-          student_id: a,
+          student_id: i,
           node_type: r,
           user_node_id: d,
-          milestone_id: s,
+          milestone_id: _,
           can_start: e,
           can_resume: t
         }
       };
   }
-  return o ? {
+  return a ? {
     analyticsLabel: "homework-card-teacher",
-    analyticsProps: { student_id: a, node_type: r }
+    analyticsProps: { student_id: i, node_type: r }
   } : {
     analyticsLabel: "goals-card-teacher",
-    analyticsProps: { student_id: a, node_type: r }
+    analyticsProps: { student_id: i, node_type: r }
   };
 }, T = (t) => {
   if (!t)
     return;
   const { assigned_homeworks: e } = t;
-  return e.find((i) => i.node_type === n.PUZZLE_CARD);
+  return e.find((o) => {
+    var a;
+    return ((a = o.sheets[0]) == null ? void 0 : a.node_type) === n.PUZZLE_CARD;
+  });
 };
 export {
   y as getCardAnalyticProps,

package/dist/features/homework/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/features/homework/utils.ts"],"sourcesContent":["import type { TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../milestone/milestone-tests/tests-creation/tests-creation-analytics-events';\nimport { NODE_TYPE } from '../sheets/constants/sheet';\nimport { HOMEWORK_ANALYTICS_EVENTS } from './homework-analytics-events';\nimport type { IHomeworkDetails } from './hw-card-list/api/get-homeworks';\n\ninterface IGetCardAnalyticProps {\n  canResume: boolean;\n  canStart: boolean;\n  homeworkId?: string;\n  isHomeWork: boolean;\n  isStudent: boolean;\n  milestoneId?: string;\n  nodeType: TNodeTypes;\n  studentId: string;\n  userNodeId: string | null;\n}\n\nconst getCardAnalyticProps = ({\n  canResume,\n  canStart,\n  homeworkId,\n  isHomeWork,\n  isStudent,\n  milestoneId,\n  nodeType,\n  studentId,\n  userNodeId,\n}: IGetCardAnalyticProps) => {\n  if (isStudent) {\n    if (isHomeWork) {\n      if (canStart || canResume) {\n        return {\n          analyticsLabel: HOMEWORK_ANALYTICS_EVENTS.HOMEWORK_ATTEMPTED,\n          analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n        };\n      }\n\n      return {\n        analyticsLabel: 'homework-student-menu',\n        analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n      };\n    }\n\n    if (canStart || canResume) {\n      return {\n        analyticsLabel:\n          nodeType === NODE_TYPE.DYNAMIC\n            ? TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ATTEMPTED\n            : 'node-attempted',\n        analyticsProps: {\n          student_id: studentId,\n          node_type: nodeType,\n          user_node_id: userNodeId,\n          milestone_id: milestoneId,\n          can_start: canStart,\n          can_resume: canResume,\n        },\n      };\n    }\n  }\n\n  if (isHomeWork) {\n    return {\n      analyticsLabel: 'homework-card-teacher',\n      analyticsProps: { student_id: studentId, node_type: nodeType },\n    };\n  }\n\n  return {\n    analyticsLabel: 'goals-card-teacher',\n    analyticsProps: { student_id: studentId, node_type: nodeType },\n  };\n};\n\nconst getPuzzleCardData = (hwDetails?: IHomeworkDetails) => {\n  if (!hwDetails) {\n    return undefined;\n  }\n\n  const { assigned_homeworks: assignedHomework } = hwDetails;\n\n  return assignedHomework.find(homework => homework.node_type === NODE_TYPE.PUZZLE_CARD);\n};\n\nexport { getCardAnalyticProps, getPuzzleCardData };\n"],"names":["getCardAnalyticProps","canResume","canStart","homeworkId","isHomeWork","isStudent","milestoneId","nodeType","studentId","userNodeId","HOMEWORK_ANALYTICS_EVENTS","NODE_TYPE","TESTS_CREATION_ANALYTICS_EVENTS","getPuzzleCardData","hwDetails","assignedHomework","homework"],"mappings":";;;AAkBA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,MAA6B;AAC3B,MAAIJ,GAAW;AACb,QAAID;AACF,aAAIF,KAAYD,IACP;AAAA,QACL,gBAAgBS,EAA0B;AAAA,QAC1C,gBAAgB,EAAE,YAAYF,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA,IAInF;AAAA,QACL,gBAAgB;AAAA,QAChB,gBAAgB,EAAE,YAAYK,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA;AAI1F,QAAID,KAAYD;AACP,aAAA;AAAA,QACL,gBACEM,MAAaI,EAAU,UACnBC,EAAgC,wBAChC;AAAA,QACN,gBAAgB;AAAA,UACd,YAAYJ;AAAA,UACZ,WAAWD;AAAA,UACX,cAAcE;AAAA,UACd,cAAcH;AAAA,UACd,WAAWJ;AAAA,UACX,YAAYD;AAAA,QACd;AAAA,MAAA;AAAA,EAGN;AAEA,SAAIG,IACK;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYI,GAAW,WAAWD,EAAS;AAAA,EAAA,IAI1D;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYC,GAAW,WAAWD,EAAS;AAAA,EAAA;AAEjE,GAEMM,IAAoB,CAACC,MAAiC;AAC1D,MAAI,CAACA;AACI;AAGH,QAAA,EAAE,oBAAoBC,EAAqB,IAAAD;AAEjD,SAAOC,EAAiB,KAAK,CAAAC,MAAYA,EAAS,cAAcL,EAAU,WAAW;AACvF;"}
+{"version":3,"file":"utils.js","sources":["../../../src/features/homework/utils.ts"],"sourcesContent":["import type { TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../milestone/milestone-tests/tests-creation/tests-creation-analytics-events';\nimport { NODE_TYPE } from '../sheets/constants/sheet';\nimport { HOMEWORK_ANALYTICS_EVENTS } from './homework-analytics-events';\nimport type { IHomeworkDetails } from './hw-card-list/api/get-homeworks';\n\ninterface IGetCardAnalyticProps {\n  canResume: boolean;\n  canStart: boolean;\n  homeworkId?: string;\n  isHomeWork: boolean;\n  isStudent: boolean;\n  milestoneId?: string;\n  nodeType: TNodeTypes;\n  studentId: string;\n  userNodeId: string | null;\n}\n\nconst getCardAnalyticProps = ({\n  canResume,\n  canStart,\n  homeworkId,\n  isHomeWork,\n  isStudent,\n  milestoneId,\n  nodeType,\n  studentId,\n  userNodeId,\n}: IGetCardAnalyticProps) => {\n  if (isStudent) {\n    if (isHomeWork) {\n      if (canStart || canResume) {\n        return {\n          analyticsLabel: HOMEWORK_ANALYTICS_EVENTS.HOMEWORK_ATTEMPTED,\n          analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n        };\n      }\n\n      return {\n        analyticsLabel: 'homework-student-menu',\n        analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n      };\n    }\n\n    if (canStart || canResume) {\n      return {\n        analyticsLabel:\n          nodeType === NODE_TYPE.DYNAMIC\n            ? TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ATTEMPTED\n            : 'node-attempted',\n        analyticsProps: {\n          student_id: studentId,\n          node_type: nodeType,\n          user_node_id: userNodeId,\n          milestone_id: milestoneId,\n          can_start: canStart,\n          can_resume: canResume,\n        },\n      };\n    }\n  }\n\n  if (isHomeWork) {\n    return {\n      analyticsLabel: 'homework-card-teacher',\n      analyticsProps: { student_id: studentId, node_type: nodeType },\n    };\n  }\n\n  return {\n    analyticsLabel: 'goals-card-teacher',\n    analyticsProps: { student_id: studentId, node_type: nodeType },\n  };\n};\n\nconst getPuzzleCardData = (hwDetails?: IHomeworkDetails) => {\n  if (!hwDetails) {\n    return undefined;\n  }\n\n  const { assigned_homeworks: assignedHomework } = hwDetails;\n\n  return assignedHomework.find(homework => homework.sheets[0]?.node_type === NODE_TYPE.PUZZLE_CARD);\n};\n\nexport { getCardAnalyticProps, getPuzzleCardData };\n"],"names":["getCardAnalyticProps","canResume","canStart","homeworkId","isHomeWork","isStudent","milestoneId","nodeType","studentId","userNodeId","HOMEWORK_ANALYTICS_EVENTS","NODE_TYPE","TESTS_CREATION_ANALYTICS_EVENTS","getPuzzleCardData","hwDetails","assignedHomework","homework","_a"],"mappings":";;;AAkBA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,MAA6B;AAC3B,MAAIJ,GAAW;AACb,QAAID;AACF,aAAIF,KAAYD,IACP;AAAA,QACL,gBAAgBS,EAA0B;AAAA,QAC1C,gBAAgB,EAAE,YAAYF,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA,IAInF;AAAA,QACL,gBAAgB;AAAA,QAChB,gBAAgB,EAAE,YAAYK,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA;AAI1F,QAAID,KAAYD;AACP,aAAA;AAAA,QACL,gBACEM,MAAaI,EAAU,UACnBC,EAAgC,wBAChC;AAAA,QACN,gBAAgB;AAAA,UACd,YAAYJ;AAAA,UACZ,WAAWD;AAAA,UACX,cAAcE;AAAA,UACd,cAAcH;AAAA,UACd,WAAWJ;AAAA,UACX,YAAYD;AAAA,QACd;AAAA,MAAA;AAAA,EAGN;AAEA,SAAIG,IACK;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYI,GAAW,WAAWD,EAAS;AAAA,EAAA,IAI1D;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYC,GAAW,WAAWD,EAAS;AAAA,EAAA;AAEjE,GAEMM,IAAoB,CAACC,MAAiC;AAC1D,MAAI,CAACA;AACI;AAGH,QAAA,EAAE,oBAAoBC,EAAqB,IAAAD;AAE1C,SAAAC,EAAiB,KAAK,CAAYC;;AAAA,aAAAC,IAAAD,EAAS,OAAO,CAAC,MAAjB,gBAAAC,EAAoB,eAAcN,EAAU;AAAA,GAAW;AAClG;"}