@cuemath/leap 2.9.5-j8 → 2.9.6-as1

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

@@ -0,0 +1,206 @@
+import { jsxs as O, jsx as r } from "react/jsx-runtime";
+import { memo as q, useRef as R, useCallback as h } from "react";
+import V 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 S from "../ui/arrow-tooltip/arrow-tooltip.js";
+import L from "../ui/buttons/clickable/clickable.js";
+import T from "../ui/hooks/use-context-menu-click-handler.js";
+import P from "../ui/layout/flex-view.js";
+import x 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: M,
+  nodeData: e,
+  subHeader: W,
+  userType: k,
+  userMilestoneId: t,
+  onNodeUnassign: c,
+  onNodeReattempt: s,
+  onNodeView: f,
+  onNodeReview: i,
+  onNodeAttempt: m,
+  renderAs: H,
+  shouldOpenOnRight: X,
+  isInQueue: $
+}) => {
+  const o = H === "homework", {
+    node_type: A,
+    state: I,
+    permissions: j,
+    user_node_id: l,
+    user_milestone_id: d
+  } = e, p = R(null), w = R(null), { menuVisible: E, onMenuClick: F } = T(p), { menuVisible: B, onMenuClick: _ } = T(w), {
+    can_start: v,
+    can_resume: g,
+    can_review: n,
+    can_unassign: z,
+    can_reset: K
+  } = j, b = k === "STUDENT", u = h(() => {
+    if (n) {
+      if (typeof i != "function")
+        throw new Error("onReview must be a function");
+      if (!l)
+        throw new Error("user node id must be present to review the sheet");
+      i(e, t);
+      return;
+    }
+  }, [n, i, l, e, t]), Y = h(() => {
+    if (v || g) {
+      if (typeof m != "function")
+        throw new Error("onNodeAttempt must be a function");
+      m(e);
+      return;
+    }
+    if (!o) {
+      _();
+      return;
+    }
+    u();
+  }, [
+    v,
+    g,
+    o,
+    u,
+    m,
+    e,
+    _
+  ]), C = h(() => {
+    if (n) {
+      if (typeof i != "function")
+        throw new Error("onNodeReview must be a function");
+      if (!l)
+        throw new Error("user node id must be present to review the sheet");
+      i(e, t || d);
+      return;
+    }
+    if (typeof f != "function")
+      throw new Error("onNodeView must be a function");
+    f(e, t || d);
+  }, [n, t, e, i, d, f, l]), a = h(
+    (y) => {
+      switch (y) {
+        case "teacher-card-view":
+          C();
+          return;
+        case "student-card-view":
+          u();
+          return;
+        case "teacher-card-unassign":
+          c == null || c(e, t);
+          return;
+        case "student-card-reattempt":
+          s == null || s(e, t);
+          return;
+        default:
+          throw new Error(`No callback function for ${y}`);
+      }
+    },
+    [
+      e,
+      s,
+      c,
+      u,
+      C,
+      t
+    ]
+  );
+  return /* @__PURE__ */ O(Q, { $position: "relative", $width: "fit-content", children: [
+    /* @__PURE__ */ r(
+      L,
+      {
+        onClick: b ? Y : C,
+        label: "homework-card",
+        children: /* @__PURE__ */ r(
+          Z,
+          {
+            header: M,
+            isInQueue: $,
+            nodeData: e,
+            studentContainerRef: w,
+            subHeader: W,
+            userType: k
+          }
+        )
+      }
+    ),
+    b && !o && /* @__PURE__ */ r(
+      x,
+      {
+        $width: 200,
+        options: [
+          {
+            id: "student-card-view",
+            label: "Review",
+            icon: V,
+            disabled: !n,
+            onClick: a
+          },
+          {
+            id: "student-card-reattempt",
+            label: "Reattempt",
+            icon: J,
+            disabled: !K,
+            onClick: a
+          }
+        ],
+        triggerRef: w,
+        visible: B,
+        shouldOpenOnRight: !1
+      }
+    ),
+    !b && /* @__PURE__ */ O(U, { $position: "absolute", $width: "fit-content", $borderRadiusX: 2, children: [
+      /* @__PURE__ */ r(
+        S,
+        {
+          renderAs: "primary",
+          tooltipItem: "Review",
+          position: "bottom",
+          zIndex: 6,
+          parentWidth: "100%",
+          hidden: E || I !== "WAIT_FOR_REVIEW" && o,
+          children: /* @__PURE__ */ r(
+            D,
+            {
+              $alignItems: "center",
+              $justifyContent: "center",
+              ref: p,
+              onClick: F,
+              children: /* @__PURE__ */ r(G, { width: 16, height: 16 })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(
+        x,
+        {
+          options: [
+            {
+              id: "teacher-card-view",
+              label: n ? "Review" : "View",
+              icon: V,
+              disabled: !1,
+              onClick: a
+            },
+            {
+              id: "teacher-card-unassign",
+              label: "Unassign",
+              icon: re,
+              disabled: o ? A === "MASTERY" : !z,
+              onClick: a
+            }
+          ],
+          triggerRef: p,
+          visible: E,
+          shouldOpenOnRight: X
+        }
+      )
+    ] }),
+    $ && /* @__PURE__ */ r(N, { $background: "WHITE_5", children: /* @__PURE__ */ r(ee, { $heightX: 1, $widthX: 6, children: /* @__PURE__ */ r(S, { renderAs: "primary", tooltipItem: "Not visible to student", position: "bottom", children: /* @__PURE__ */ r(P, { $heightX: 1, $widthX: 6 }) }) }) })
+  ] });
+}, be = q(te);
+export {
+  be as default
+};
+//# sourceMappingURL=homework-card.js.map

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

@@ -0,0 +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, 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          userType={userType}\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/api/get-homeworks.js

@@ -0,0 +1,10 @@
+import { createGetAPI as r } from "@cuemath/rest-api";
+import { BASE_URL_V3 as t } from "../../../../constants/api.js";
+const { useGet: i, invalidate: u } = r({
+  getURL: (e, s, { stream: o }) => `${t}/users/${e}/course-streams/${o}/homework`
+});
+export {
+  u as invalidateHomeworks,
+  i as useGetHomeworks
+};
+//# sourceMappingURL=get-homeworks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-homeworks.js","sources":["../../../../../src/features/homework/hw-card-list/api/get-homeworks.ts"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\ninterface IHomeworkData extends INodeDataProps {\n  homework_id: string;\n  chapter_name: string;\n}\n\nconst { useGet: useGetHomeworks, invalidate: invalidateHomeworks } = createGetAPI<\n  IHomeworkData[],\n  void,\n  { stream: string }\n>({\n  getURL: (studentId: string, _, { stream }) =>\n    `${BASE_URL_V3}/users/${studentId}/course-streams/${stream}/homework`,\n});\n\nexport { useGetHomeworks, invalidateHomeworks };\nexport type { IHomeworkData };\n"],"names":["useGetHomeworks","invalidateHomeworks","createGetAPI","studentId","_","stream","BASE_URL_V3"],"mappings":";;AAWA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAInE;AAAA,EACA,QAAQ,CAACC,GAAmBC,GAAG,EAAE,QAAAC,EAAA,MAC/B,GAAGC,CAAW,UAAUH,CAAS,mBAAmBE,CAAM;AAC9D,CAAC;"}

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

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

@@ -0,0 +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';\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`;\n"],"names":["ScrollContainer","styled","FlexView","ScrollButton","right","left","$visible","theme","ContentWrapper","$disablePointerEvents","css","QueueText","Text","QueueWrapper"],"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;"}

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

@@ -0,0 +1,185 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useRef as Y, useState as H, useEffect as f, useCallback as c } from "react";
+import q from "../../../assets/line-icons/icons/chevron-left.js";
+import z from "../../../assets/line-icons/icons/chevron-right.js";
+import { useJourney as Z } from "../../journey/use-journey/use-journey.js";
+import a from "../../ui/layout/flex-view.js";
+import C from "../../ui/text/text.js";
+import J from "../homework-card.js";
+import { useGetHomeworks as D } from "./api/get-homeworks.js";
+import { ContentWrapper as ee, ScrollButton as w, ScrollContainer as re, QueueWrapper as oe, QueueText as te } from "./hw-card-list-styled.js";
+const ne = ({
+  userType: $ = "STUDENT",
+  studentId: s,
+  stream: d,
+  onTestStart: x,
+  onNodeAttempt: R,
+  onTestPreview: E,
+  onNodeView: T,
+  onTestReview: B,
+  onNodeReview: I,
+  onNodeUnassign: S,
+  homeworkRef: W,
+  individualHomeworkRef: y,
+  startHomePageJourney: m,
+  canStartJourney: k
+}) => {
+  const n = Y(null), [K, _] = H(!1), [N, L] = H(!1), {
+    get: b,
+    data: e,
+    isProcessingFailed: j,
+    isProcessing: p,
+    isStale: A
+  } = D(s), { isJourneyActive: g } = Z();
+  f(() => {
+    e != null && e.length && m && !g && k && m({ hwDetails: e, studentId: s, stream: d, userType: $ });
+  }, [
+    k,
+    e,
+    g,
+    m,
+    d,
+    s,
+    $
+  ]);
+  const r = c(() => {
+    if (n.current) {
+      const { scrollLeft: o, scrollWidth: i, clientWidth: u } = n.current;
+      o > 1 && _(!0), o < i - u - 1 && L(!0);
+    }
+  }, []), G = c(() => {
+    n.current && (n.current.scrollBy({ left: -200, behavior: "smooth" }), r());
+  }, [r]), F = c(() => {
+    n.current && (n.current.scrollBy({ left: 200, behavior: "smooth" }), r());
+  }, [r]), Q = c(() => {
+    n.current && r();
+  }, [r]), X = c(() => {
+    _(!1), L(!1);
+  }, []);
+  f(() => {
+    const o = n.current;
+    if (o)
+      return o.addEventListener("scroll", r), r(), () => {
+        o.removeEventListener("scroll", r);
+      };
+  }, [r]), f(() => {
+    r();
+  }, [e, r]);
+  const h = c(() => {
+    b(s, void 0, { stream: d });
+  }, [b, d, s]);
+  f(() => {
+    !p && A && h();
+  }, [h, p, A]), f(() => {
+    h();
+  }, [h]);
+  const M = ((e == null ? void 0 : e.filter((o) => o.state === "WAIT_FOR_REVIEW")) || []).length;
+  return e && e.length === 0 ? /* @__PURE__ */ l(a, { $flexRowGapX: 1, children: [
+    /* @__PURE__ */ l(C, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+      "Homework (",
+      e == null ? void 0 : e.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ t(C, { $renderAs: "ab2", $color: "BLACK_T_60", children: "No Homework assigned yet" })
+  ] }) : j ? null : /* @__PURE__ */ l(ee, { ref: W, $flexRowGapX: 1, $disablePointerEvents: p, children: [
+    !g && /* @__PURE__ */ l(C, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+      "Homework (",
+      M,
+      "/",
+      e == null ? void 0 : e.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ l(
+      a,
+      {
+        $position: "relative",
+        onMouseEnter: Q,
+        onMouseLeave: X,
+        children: [
+          /* @__PURE__ */ t(
+            w,
+            {
+              $position: "absolute",
+              $background: "BLACK_T_60",
+              $justifyContent: "center",
+              $alignItems: "center",
+              $height: "100%",
+              onClick: G,
+              $visible: K,
+              left: "0px",
+              right: "auto",
+              children: /* @__PURE__ */ t(q, { width: 24, height: 24 })
+            }
+          ),
+          /* @__PURE__ */ t(re, { ref: n, children: /* @__PURE__ */ t(a, { $flexDirection: "row", $flexGapX: 1, children: e == null ? void 0 : e.map((o, i) => {
+            const {
+              node_id: u,
+              worksheet_id: O,
+              node_type: V,
+              title: P,
+              subtext: U
+            } = o, v = V === "DYNAMIC";
+            return /* @__PURE__ */ l(
+              a,
+              {
+                ref: i === 0 ? y : void 0,
+                $flexDirection: "row",
+                $flexGapX: 1,
+                children: [
+                  e.length > 10 && i === 10 && /* @__PURE__ */ t(
+                    oe,
+                    {
+                      $background: "BLACK_4",
+                      $justifyContent: "center",
+                      $gutter: 4,
+                      $gap: 8,
+                      children: /* @__PURE__ */ t(te, { $renderAs: "ac3", $color: "WHITE", children: "In Queue" })
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    J,
+                    {
+                      isInQueue: e.length > 10 && i > 9,
+                      userType: $,
+                      header: P,
+                      subHeader: U || "",
+                      nodeData: o,
+                      renderAs: "homework",
+                      onNodeAttempt: v ? x : R,
+                      shouldOpenOnRight: !0,
+                      onNodeView: v ? E : T,
+                      onNodeReview: v ? B : I,
+                      onNodeUnassign: S
+                    },
+                    `${O}_${u}_${i}`
+                  )
+                ]
+              },
+              u
+            );
+          }) }) }),
+          /* @__PURE__ */ t(
+            w,
+            {
+              $position: "absolute",
+              $width: "60px",
+              $height: "100%",
+              $background: "BLACK_T_60",
+              $justifyContent: "center",
+              $alignItems: "center",
+              onClick: F,
+              $visible: N,
+              left: "auto",
+              right: "0px",
+              children: /* @__PURE__ */ t(z, { width: 24, height: 24 })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, me = ne;
+export {
+  me as default
+};
+//# sourceMappingURL=hw-card-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomepageStartJourneyProps } from '../../journey/types/homepage-journey-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport ChevronLeftIcon from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../assets/line-icons/icons/chevron-right';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport HomeworkCard from '../homework-card';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport * as Styled from './hw-card-list-styled';\n\ninterface HWCardListProps extends INodeCardCallbacks {\n  userType: TUserTypes;\n  studentId: string;\n  stream: string;\n  onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  onTestStart?: (sheetData: INodeDataProps) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  homeworkRef?: React.RefObject<HTMLDivElement>;\n  individualHomeworkRef?: React.RefObject<HTMLDivElement>;\n  startHomePageJourney?: ({\n    hwDetails,\n    studentId,\n    stream,\n    userType,\n  }: IHomepageStartJourneyProps) => void;\n  canStartJourney?: boolean;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\n  userType = 'STUDENT',\n  studentId,\n  stream,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n  homeworkRef,\n  individualHomeworkRef,\n  startHomePageJourney,\n  canStartJourney,\n}) => {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [isLeftHovered, setIsLeftHovered] = useState(false);\n  const [isRightHovered, setIsRightHovered] = useState(false);\n  const {\n    get: getHomeworks,\n    data: hwDetails,\n    isProcessingFailed,\n    isProcessing,\n    isStale,\n  } = useGetHomeworks(studentId);\n  const { isJourneyActive } = useJourney();\n\n  useEffect(() => {\n    if (hwDetails?.length && startHomePageJourney && !isJourneyActive && canStartJourney) {\n      startHomePageJourney({ hwDetails, studentId, stream, userType });\n    }\n  }, [\n    canStartJourney,\n    hwDetails,\n    isJourneyActive,\n    startHomePageJourney,\n    stream,\n    studentId,\n    userType,\n  ]);\n\n  const updatedCanScroll = useCallback(() => {\n    if (scrollRef.current) {\n      const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;\n\n      if (scrollLeft > 1) {\n        setIsLeftHovered(true);\n      }\n\n      if (scrollLeft < scrollWidth - clientWidth - 1) {\n        setIsRightHovered(true);\n      }\n    }\n  }, []);\n\n  const handleScrollLeft = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: -200, behavior: 'smooth' });\n      updatedCanScroll();\n    }\n  }, [updatedCanScroll]);\n\n  const handleScrollRight = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: 200, behavior: 'smooth' });\n      updatedCanScroll();\n    }\n  }, [updatedCanScroll]);\n\n  const handleHoverEnter = useCallback(() => {\n    if (!scrollRef.current) return;\n\n    updatedCanScroll();\n  }, [updatedCanScroll]);\n\n  const handleHoverLeave = useCallback(() => {\n    setIsLeftHovered(false);\n    setIsRightHovered(false);\n  }, []);\n\n  useEffect(() => {\n    const scrollElement = scrollRef.current;\n\n    if (scrollElement) {\n      scrollElement.addEventListener('scroll', updatedCanScroll);\n      updatedCanScroll();\n\n      return () => {\n        scrollElement.removeEventListener('scroll', updatedCanScroll);\n      };\n    }\n  }, [updatedCanScroll]);\n\n  useEffect(() => {\n    updatedCanScroll();\n  }, [hwDetails, updatedCanScroll]);\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  const waitForReviewSheets = (hwDetails?.filter(sheet => sheet.state === 'WAIT_FOR_REVIEW') || [])\n    .length;\n\n  if (hwDetails && hwDetails.length === 0) {\n    return (\n      <FlexView $flexRowGapX={1}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Homework ({hwDetails?.length})\n        </Text>\n        <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n          No Homework assigned yet\n        </Text>\n      </FlexView>\n    );\n  }\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  return (\n    <Styled.ContentWrapper ref={homeworkRef} $flexRowGapX={1} $disablePointerEvents={isProcessing}>\n      {!isJourneyActive && (\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Homework ({waitForReviewSheets}/{hwDetails?.length})\n        </Text>\n      )}\n      <FlexView\n        $position=\"relative\"\n        onMouseEnter={handleHoverEnter}\n        onMouseLeave={handleHoverLeave}\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={isLeftHovered}\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            {hwDetails?.map((sheet, idx) => {\n              const {\n                node_id: nodeId,\n                worksheet_id: worksheetId,\n                node_type: nodeType,\n                title,\n                subtext,\n              } = sheet;\n              const isDynamicSheet = nodeType === 'DYNAMIC';\n\n              return (\n                <FlexView\n                  ref={idx === 0 ? individualHomeworkRef : undefined}\n                  key={nodeId}\n                  $flexDirection=\"row\"\n                  $flexGapX={1}\n                >\n                  {hwDetails.length > 10 && idx === 10 && (\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={hwDetails.length > 10 && idx > 9}\n                    key={`${worksheetId}_${nodeId}_${idx}`}\n                    userType={userType}\n                    header={title}\n                    subHeader={subtext || ''}\n                    nodeData={sheet}\n                    renderAs=\"homework\"\n                    onNodeAttempt={isDynamicSheet ? onTestStart : onNodeAttempt}\n                    shouldOpenOnRight={true}\n                    onNodeView={isDynamicSheet ? onTestPreview : onNodeView}\n                    onNodeReview={isDynamicSheet ? onTestReview : onNodeReview}\n                    onNodeUnassign={onNodeUnassign}\n                  />\n                </FlexView>\n              );\n            })}\n          </FlexView>\n        </Styled.ScrollContainer>\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={isRightHovered}\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 HWCardList;\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","homeworkRef","individualHomeworkRef","startHomePageJourney","canStartJourney","scrollRef","useRef","isLeftHovered","setIsLeftHovered","useState","isRightHovered","setIsRightHovered","getHomeworks","hwDetails","isProcessingFailed","isProcessing","isStale","useGetHomeworks","isJourneyActive","useJourney","useEffect","updatedCanScroll","useCallback","scrollLeft","scrollWidth","clientWidth","handleScrollLeft","handleScrollRight","handleHoverEnter","handleHoverLeave","scrollElement","fetchHomeworks","waitForReviewSheets","sheet","jsxs","FlexView","Text","Styled.ContentWrapper","jsx","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","idx","nodeId","worksheetId","nodeType","title","subtext","isDynamicSheet","Styled.QueueWrapper","Styled.QueueText","HomeworkCard","ChevronRightIcon","HWCardList$1"],"mappings":"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"}

package/dist/features/homework/node-progress.js

@@ -0,0 +1,29 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as m } from "react";
+import a from "styled-components";
+import n from "../ui/layout/flex-view.js";
+import { differenceInDays as e } from "../../node_modules/date-fns/differenceInDays.js";
+const g = a(n)`
+  height: 100%;
+  border-radius: 4px;
+  transition: all 300ms;
+  width: ${(r) => r.progress}%;
+`, d = a(n)`
+  position: absolute;
+  top: -1px;
+  right: 0px;
+  width: 100%;
+  height: 2px;
+  background-color: ${(r) => r.theme.colors.BLACK};
+  z-index: 2;
+`, l = ({ unlockedOn: r, dueDate: i, progressBg: c }) => {
+  const p = (() => {
+    const o = e(i, r), s = e(/* @__PURE__ */ new Date(), r);
+    return s > o ? 100 : Math.min(Math.max(s / o * 100, 0), 100);
+  })();
+  return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(g, { progress: p, $background: c }) });
+}, y = m(l);
+export {
+  y as default
+};
+//# sourceMappingURL=node-progress.js.map

package/dist/features/homework/node-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-progress.js","sources":["../../../src/features/homework/node-progress.tsx"],"sourcesContent":["import type { TColorNames } from '../ui/types';\n\nimport { differenceInDays } from 'date-fns';\nimport React, { memo } from 'react';\nimport styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\n\ninterface NodeProgressProps {\n  unlockedOn: number | string | Date;\n  dueDate: number | string | Date;\n  progressBg: TColorNames;\n}\n\nconst ProgressBar = styled(FlexView)<{ progress: number }>`\n  height: 100%;\n  border-radius: 4px;\n  transition: all 300ms;\n  width: ${props => props.progress}%;\n`;\n\nconst ProgressContainer = styled(FlexView)`\n  position: absolute;\n  top: -1px;\n  right: 0px;\n  width: 100%;\n  height: 2px;\n  background-color: ${props => props.theme.colors.BLACK};\n  z-index: 2;\n`;\n\nconst NodeProgress: React.FC<NodeProgressProps> = ({ unlockedOn, dueDate, progressBg }) => {\n  const calculateProgress = () => {\n    const totalDays = differenceInDays(dueDate, unlockedOn);\n    const daysElapsed = differenceInDays(new Date(), unlockedOn);\n\n    if (daysElapsed > totalDays) return 100;\n\n    const progress = Math.min(Math.max((daysElapsed / totalDays) * 100, 0), 100);\n\n    return progress;\n  };\n\n  const progress = calculateProgress();\n\n  return (\n    <ProgressContainer>\n      <ProgressBar progress={progress} $background={progressBg} />\n    </ProgressContainer>\n  );\n};\n\nexport default memo(NodeProgress);\n"],"names":["ProgressBar","styled","FlexView","props","ProgressContainer","NodeProgress","unlockedOn","dueDate","progressBg","progress","totalDays","differenceInDays","daysElapsed","jsx","NodeProgress$1","memo"],"mappings":";;;;;AAcA,MAAMA,IAAcC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,WAIxB,CAAAC,MAASA,EAAM,QAAQ;AAAA,GAG5BC,IAAoBH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnB,CAASC,MAAAA,EAAM,MAAM,OAAO,KAAK;AAAA;AAAA,GAIjDE,IAA4C,CAAC,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,QAAiB;AAYzF,QAAMC,KAXoB,MAAM;AACxB,UAAAC,IAAYC,EAAiBJ,GAASD,CAAU,GAChDM,IAAcD,EAAqB,oBAAA,QAAQL,CAAU;AAEvD,WAAAM,IAAcF,IAAkB,MAEnB,KAAK,IAAI,KAAK,IAAKE,IAAcF,IAAa,KAAK,CAAC,GAAG,GAAG;AAAA,EAEpE;AAKT,2BACGN,GACC,EAAA,UAAA,gBAAAS,EAACb,KAAY,UAAAS,GAAoB,aAAaD,EAAY,CAAA,EAC5D,CAAA;AAEJ,GAEeM,IAAAC,EAAKV,CAAY;"}