@cuemath/leap 3.2.17-pzd-0.1 → 3.2.18-mb

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

@@ -1,13 +1,13 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { memo as Q, useState as y, useRef as V, useMemo as S, useCallback as d, useEffect as B } from "react";
-import F from "../../../assets/line-icons/icons/chevron-left.js";
-import q from "../../../assets/line-icons/icons/chevron-right.js";
+import { memo as O, useState as y, useRef as Q, useMemo as S, useCallback as d, useEffect as B } from "react";
+import V from "../../../assets/line-icons/icons/chevron-left.js";
+import F from "../../../assets/line-icons/icons/chevron-right.js";
 import u from "../../ui/layout/flex-view.js";
 import g from "../../ui/text/text.js";
 import E from "../homework-card.js";
-import { ContentWrapper as Y, ScrollButton as W, ScrollContainer as z, QueueWrapper as J, QueueText as P } from "./hw-card-list-styled.js";
-import { getWaitForReviewSheetsCount as Z } from "./hw-card-list-utils.js";
-const U = ({
+import { ContentWrapper as q, ScrollButton as W, ScrollContainer as Y, QueueWrapper as z, QueueText as J } from "./hw-card-list-styled.js";
+import { getWaitForReviewSheetsCount as P } from "./hw-card-list-utils.js";
+const Z = ({
   userType: C,
   studentId: _,
   isHwProcessing: K,
@@ -18,24 +18,23 @@ const U = ({
   onNodeView: x,
   onTestReview: H,
   onNodeReview: L,
-  onNodeUnassign: A,
-  puzzleHWCardRef: T
+  onNodeUnassign: A
 }) => {
-  const [j, a] = y(!1), [D, I] = y(!1), t = V(null), { assigned_homeworks: h = [], queued_homeworks: f = [] } = s || {}, R = S(
+  const [T, a] = y(!1), [j, I] = y(!1), t = Q(null), { assigned_homeworks: h = [], queued_homeworks: f = [] } = s || {}, R = S(
     () => h.length + f.length,
     [h, f]
-  ), G = S(() => Z(s), [s]), o = d(() => {
+  ), D = S(() => P(s), [s]), o = d(() => {
     if (t.current) {
       const { scrollLeft: e, scrollWidth: i, clientWidth: c } = t.current;
       e > 1 && a(!0), e < i - c - 1 && I(!0);
     }
-  }, []), M = d(() => {
+  }, []), G = d(() => {
     t.current && o();
-  }, [o]), N = d(() => {
+  }, [o]), M = d(() => {
     a(!1), I(!1);
-  }, []), X = d(() => {
+  }, []), N = d(() => {
     t.current && (t.current.scrollBy({ left: -200, behavior: "smooth" }), o());
-  }, [o]), O = d(() => {
+  }, [o]), X = d(() => {
     t.current && (t.current.scrollBy({ left: 200, behavior: "smooth" }), o());
   }, [o]);
   return B(() => {
@@ -52,10 +51,10 @@ const U = ({
   }, [o]), R === 0 ? /* @__PURE__ */ l(u, { $flexRowGapX: 1, children: [
     /* @__PURE__ */ r(g, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: "Homework (0)" }),
     /* @__PURE__ */ r(g, { $renderAs: "ab2", $color: "BLACK_T_60", children: "No Homework assigned yet" })
-  ] }) : /* @__PURE__ */ l(Y, { $flexRowGapX: 1, $disablePointerEvents: K, children: [
+  ] }) : /* @__PURE__ */ l(q, { $flexRowGapX: 1, $disablePointerEvents: K, children: [
     /* @__PURE__ */ l(g, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
       "Homework (",
-      G,
+      D,
       "/",
       R,
       ")"
@@ -64,8 +63,8 @@ const U = ({
       u,
       {
         $position: "relative",
-        onMouseEnter: M,
-        onMouseLeave: N,
+        onMouseEnter: G,
+        onMouseLeave: M,
         children: [
           /* @__PURE__ */ r(
             W,
@@ -75,14 +74,14 @@ const U = ({
               $justifyContent: "center",
               $alignItems: "center",
               $height: "100%",
-              onClick: X,
-              $visible: j,
+              onClick: N,
+              $visible: T,
               left: "0px",
               right: "auto",
-              children: /* @__PURE__ */ r(F, { width: 24, height: 24 })
+              children: /* @__PURE__ */ r(V, { width: 24, height: 24 })
             }
           ),
-          /* @__PURE__ */ r(z, { ref: t, children: /* @__PURE__ */ l(u, { $flexDirection: "row", $flexGapX: 1, children: [
+          /* @__PURE__ */ r(Y, { ref: t, children: /* @__PURE__ */ l(u, { $flexDirection: "row", $flexGapX: 1, children: [
             h.map((e, i) => {
               const {
                 node_id: c,
@@ -109,8 +108,7 @@ const U = ({
                       shouldOpenOnRight: !0,
                       onNodeView: n ? b : x,
                       onNodeReview: n ? H : L,
-                      onNodeUnassign: A,
-                      puzzleHWCardRef: T
+                      onNodeUnassign: A
                     }
                   )
                 },
@@ -132,13 +130,13 @@ const U = ({
                   $flexGapX: 1,
                   children: [
                     i === 0 && /* @__PURE__ */ r(
-                      J,
+                      z,
                       {
                         $background: "BLACK_4",
                         $justifyContent: "center",
                         $gutter: 4,
                         $gap: 8,
-                        children: /* @__PURE__ */ r(P, { $renderAs: "ac3", $color: "WHITE", children: "In Queue" })
+                        children: /* @__PURE__ */ r(J, { $renderAs: "ac3", $color: "WHITE", children: "In Queue" })
                       }
                     ),
                     /* @__PURE__ */ r(
@@ -173,19 +171,19 @@ const U = ({
               $background: "BLACK_T_60",
               $justifyContent: "center",
               $alignItems: "center",
-              onClick: O,
-              $visible: D,
+              onClick: X,
+              $visible: j,
               left: "auto",
               right: "0px",
-              children: /* @__PURE__ */ r(q, { width: 24, height: 24 })
+              children: /* @__PURE__ */ r(F, { width: 24, height: 24 })
             }
           )
         ]
       }
     )
   ] });
-}, de = Q(U);
+}, ce = O(Z);
 export {
-  de as default
+  ce 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 type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { TUserTypes } from '../../ui/types';\nimport type { IHomeworkDetails } from './api/get-homeworks';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport ChevronLeftIcon from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../assets/line-icons/icons/chevron-right';\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';\n\ninterface IHwCardListView extends INodeCardCallbacks {\n  userType: TUserTypes;\n  studentId: string;\n  isHwProcessing: boolean;\n  hwDetails?: IHomeworkDetails;\n  onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  onTestStart?: (sheetData: INodeDataProps, homeworkId?: string) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  puzzleHWCardRef?: React.RefObject<HTMLDivElement>;\n}\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 [isLeftHovered, setIsLeftHovered] = useState(false);\n  const [isRightHovered, setIsRightHovered] = useState(false);\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  const { assigned_homeworks: assignedHomeworks = [], queued_homeworks: queuedHomeworks = [] } =\n    hwDetails || {};\n\n  const totalHWSheetsCount = useMemo(\n    () => assignedHomeworks.length + queuedHomeworks.length,\n    [assignedHomeworks, queuedHomeworks],\n  );\n  const waitForReviewSheets = useMemo(() => getWaitForReviewSheetsCount(hwDetails), [hwDetails]);\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  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  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  useEffect(() => {\n    if (hwDetails && scrollRef.current) {\n      const { scrollLeft } = scrollRef.current;\n\n      if (scrollLeft > 1) {\n        setIsLeftHovered(true);\n      }\n    }\n  }, [hwDetails]);\n\n  useEffect(() => {\n    const scrollElement = scrollRef.current;\n\n    if (scrollElement) {\n      scrollElement.addEventListener('scroll', updatedCanScroll);\n\n      return () => {\n        scrollElement.removeEventListener('scroll', updatedCanScroll);\n      };\n    }\n  }, [updatedCanScroll]);\n\n  if (totalHWSheetsCount === 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 ({waitForReviewSheets}/{totalHWSheetsCount})\n      </Text>\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            {assignedHomeworks.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                  key={`${worksheetId}_${nodeId}_${idx}`}\n                  $flexDirection=\"row\"\n                  $flexGapX={1}\n                >\n                  <HomeworkCard\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={puzzleHWCardRef}\n                  />\n                </FlexView>\n              );\n            })}\n\n            {queuedHomeworks.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                  key={`${worksheetId}_${nodeId}_${idx}`}\n                  $flexDirection=\"row\"\n                  $flexGapX={1}\n                >\n                  {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\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                  />\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 memo(HwCardListView);\n"],"names":["HwCardListView","userType","studentId","isHwProcessing","hwDetails","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","puzzleHWCardRef","isLeftHovered","setIsLeftHovered","useState","isRightHovered","setIsRightHovered","scrollRef","useRef","assignedHomeworks","queuedHomeworks","totalHWSheetsCount","useMemo","waitForReviewSheets","getWaitForReviewSheetsCount","updatedCanScroll","useCallback","scrollLeft","scrollWidth","clientWidth","handleHoverEnter","handleHoverLeave","handleScrollLeft","handleScrollRight","useEffect","scrollElement","jsxs","FlexView","jsx","Text","Styled.ContentWrapper","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","sheet","idx","nodeId","worksheetId","nodeType","title","subtext","isDynamicSheet","HomeworkCard","Styled.QueueWrapper","Styled.QueueText","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 type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { TUserTypes } from '../../ui/types';\nimport type { IHomeworkDetails } from './api/get-homeworks';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport ChevronLeftIcon from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../assets/line-icons/icons/chevron-right';\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';\n\ninterface IHwCardListView extends INodeCardCallbacks {\n  userType: TUserTypes;\n  studentId: string;\n  isHwProcessing: boolean;\n  hwDetails?: IHomeworkDetails;\n  onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  onTestStart?: (sheetData: INodeDataProps, homeworkId?: string) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n}\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}) => {\n  const [isLeftHovered, setIsLeftHovered] = useState(false);\n  const [isRightHovered, setIsRightHovered] = useState(false);\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  const { assigned_homeworks: assignedHomeworks = [], queued_homeworks: queuedHomeworks = [] } =\n    hwDetails || {};\n\n  const totalHWSheetsCount = useMemo(\n    () => assignedHomeworks.length + queuedHomeworks.length,\n    [assignedHomeworks, queuedHomeworks],\n  );\n  const waitForReviewSheets = useMemo(() => getWaitForReviewSheetsCount(hwDetails), [hwDetails]);\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  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  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  useEffect(() => {\n    if (hwDetails && scrollRef.current) {\n      const { scrollLeft } = scrollRef.current;\n\n      if (scrollLeft > 1) {\n        setIsLeftHovered(true);\n      }\n    }\n  }, [hwDetails]);\n\n  useEffect(() => {\n    const scrollElement = scrollRef.current;\n\n    if (scrollElement) {\n      scrollElement.addEventListener('scroll', updatedCanScroll);\n\n      return () => {\n        scrollElement.removeEventListener('scroll', updatedCanScroll);\n      };\n    }\n  }, [updatedCanScroll]);\n\n  if (totalHWSheetsCount === 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 ({waitForReviewSheets}/{totalHWSheetsCount})\n      </Text>\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            {assignedHomeworks.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                  key={`${worksheetId}_${nodeId}_${idx}`}\n                  $flexDirection=\"row\"\n                  $flexGapX={1}\n                >\n                  <HomeworkCard\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                  />\n                </FlexView>\n              );\n            })}\n\n            {queuedHomeworks.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                  key={`${worksheetId}_${nodeId}_${idx}`}\n                  $flexDirection=\"row\"\n                  $flexGapX={1}\n                >\n                  {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\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                  />\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 memo(HwCardListView);\n"],"names":["HwCardListView","userType","studentId","isHwProcessing","hwDetails","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","isLeftHovered","setIsLeftHovered","useState","isRightHovered","setIsRightHovered","scrollRef","useRef","assignedHomeworks","queuedHomeworks","totalHWSheetsCount","useMemo","waitForReviewSheets","getWaitForReviewSheetsCount","updatedCanScroll","useCallback","scrollLeft","scrollWidth","clientWidth","handleHoverEnter","handleHoverLeave","handleScrollLeft","handleScrollRight","useEffect","scrollElement","jsxs","FlexView","jsx","Text","Styled.ContentWrapper","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","sheet","idx","nodeId","worksheetId","nodeType","title","subtext","isDynamicSheet","HomeworkCard","Styled.QueueWrapper","Styled.QueueText","ChevronRightIcon","HwCardListView$1","memo"],"mappings":"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"}

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

@@ -1,73 +1,67 @@
-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 = ({
-  userType: f,
-  studentId: o,
-  stream: i,
-  onTestStart: g,
-  onNodeAttempt: H,
-  onTestPreview: d,
-  onNodeView: h,
-  onTestReview: k,
-  onNodeReview: P,
+import { jsx as h } from "react/jsx-runtime";
+import { memo as b, useEffect as e, useCallback as j } from "react";
+import { useJourney as A } from "../../journey/use-journey/use-journey.js";
+import { useGetHomeworks as D } from "./api/get-homeworks.js";
+import E from "./hw-card-list-view.js";
+const F = ({
+  userType: r,
+  studentId: i,
+  stream: o,
+  onTestStart: k,
+  onNodeAttempt: p,
+  onTestPreview: C,
+  onNodeView: H,
+  onTestReview: a,
+  onNodeReview: g,
   onNodeUnassign: v,
-  homeworkRef: D,
-  startHomePageJourney: t,
-  canStartJourney: n,
-  canStartPuzzleAssignedJourney: p
+  homeworkRef: L,
+  startHomePageJourney: c,
+  canStartJourney: m
 }) => {
   const {
-    get: u,
-    data: m,
-    isProcessingFailed: L,
-    isProcessing: c,
+    get: l,
+    data: x,
+    isProcessingFailed: P,
+    isProcessing: f,
     isProcessed: w,
-    isStale: z
-  } = G(o), { isJourneyActive: r } = E(), { puzzleHWCardRef: x, startJourney: l } = j(), a = W(() => F(m), [m]);
+    isStale: t
+  } = D(i), { isJourneyActive: n } = A();
   e(() => {
-    w && t && !r && n && t({ studentId: o, stream: i, userType: f });
+    w && c && !n && m && c({ studentId: i, stream: o, userType: r });
   }, [
+    m,
     n,
-    r,
     w,
-    t,
-    i,
+    c,
     o,
-    f
+    i,
+    r
   ]);
-  const s = b(() => {
-    u(o, void 0, { stream: i });
-  }, [u, i, o]);
+  const s = j(() => {
+    l(i, void 0, { stream: o });
+  }, [l, o, i]);
   return e(() => {
-    !c && z && s();
-  }, [s, c, z]), e(() => {
+    !f && t && s();
+  }, [s, f, t]), 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,
+  }, [s]), P ? null : /* @__PURE__ */ h("div", { ref: L, children: /* @__PURE__ */ h(
+    E,
     {
-      isHwProcessing: c,
-      hwDetails: m,
-      onTestStart: g,
-      onNodeAttempt: H,
-      onTestPreview: d,
-      onNodeView: h,
-      onTestReview: k,
-      onNodeReview: P,
+      isHwProcessing: f,
+      hwDetails: x,
+      onTestStart: k,
+      onNodeAttempt: p,
+      onTestPreview: C,
+      onNodeView: H,
+      onTestReview: a,
+      onNodeReview: g,
       onNodeUnassign: v,
-      userType: f,
-      studentId: o,
-      puzzleHWCardRef: x
+      userType: r,
+      studentId: i
     }
   ) });
-}, Q = A(M);
+}, u = b(F);
 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 type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomepageStartJourneyProps } from '../../journey/hooks/use-home-page-journey/homepage-journey-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport React, { memo, useCallback, useEffect, useMemo } 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';\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, homeworkId?: string) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  homeworkRef?: React.RefObject<HTMLDivElement>;\n  startHomePageJourney?: ({ studentId, stream, userType }: IHomepageStartJourneyProps) => void;\n  canStartJourney?: boolean;\n  canStartPuzzleAssignedJourney?: boolean;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\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":";;;;;;;AA4BA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,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 type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomepageStartJourneyProps } from '../../journey/hooks/use-home-page-journey/homepage-journey-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport React, { memo, useCallback, useEffect } from 'react';\n\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport HwCardListView from './hw-card-list-view';\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, homeworkId?: string) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  homeworkRef?: React.RefObject<HTMLDivElement>;\n  startHomePageJourney?: ({ studentId, stream, userType }: IHomepageStartJourneyProps) => void;\n  canStartJourney?: boolean;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\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}) => {\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  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  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      />\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","getHomeworks","hwDetails","isProcessingFailed","isProcessing","isProcessed","isStale","useGetHomeworks","isJourneyActive","useJourney","useEffect","fetchHomeworks","useCallback","jsx","HwCardListView","hwCardList","memo"],"mappings":";;;;;AAyBA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,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;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,EAAgBlB,CAAS,GACvB,EAAE,iBAAAmB,MAAoBC;AAE5B,EAAAC,EAAU,MAAM;AACd,IAAIL,KAAeN,KAAwB,CAACS,KAAmBR,KAC7DD,EAAqB,EAAE,WAAAV,GAAW,QAAAC,GAAQ,UAAAF,EAAU,CAAA;AAAA,EACtD,GACC;AAAA,IACDY;AAAA,IACAQ;AAAA,IACAH;AAAA,IACAN;AAAA,IACAT;AAAA,IACAD;AAAA,IACAD;AAAA,EAAA,CACD;AAEK,QAAAuB,IAAiBC,EAAY,MAAM;AACvC,IAAAX,EAAaZ,GAAW,QAAW,EAAE,QAAAC,EAAQ,CAAA;AAAA,EAC5C,GAAA,CAACW,GAAcX,GAAQD,CAAS,CAAC;AAYpC,SAVAqB,EAAU,MAAM;AACV,IAAA,CAACN,KAAgBE,KACJK;EAEhB,GAAA,CAACA,GAAgBP,GAAcE,CAAO,CAAC,GAE1CI,EAAU,MAAM;AACC,IAAAC;EAAA,GACd,CAACA,CAAc,CAAC,GAEfR,IACK,OAIP,gBAAAU,EAAC,OAAI,EAAA,KAAKf,GACR,UAAA,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBV;AAAA,MAChB,WAAAF;AAAA,MACA,aAAAX;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,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEe0B,IAAAC,EAAK7B,CAAU;"}

package/dist/features/homework/utils.js

@@ -1,54 +1,48 @@
 import { TESTS_CREATION_ANALYTICS_EVENTS as l } from "../milestone/milestone-tests/tests-creation/tests-creation-analytics-events.js";
-import { NODE_TYPE as n } from "../sheets/constants/sheet.js";
+import { NODE_TYPE as E } from "../sheets/constants/sheet.js";
 import { HOMEWORK_ANALYTICS_EVENTS as c } from "./homework-analytics-events.js";
 const y = ({
-  canResume: t,
-  canStart: e,
-  homeworkId: i,
-  isHomeWork: o,
-  isStudent: _,
-  milestoneId: s,
-  nodeType: r,
-  studentId: a,
-  userNodeId: d
+  canResume: a,
+  canStart: i,
+  homeworkId: e,
+  isHomeWork: _,
+  isStudent: o,
+  milestoneId: n,
+  nodeType: t,
+  studentId: r,
+  userNodeId: s
 }) => {
-  if (_) {
-    if (o)
-      return e || t ? {
+  if (o) {
+    if (_)
+      return i || a ? {
         analyticsLabel: c.HOMEWORK_ATTEMPTED,
-        analyticsProps: { student_id: a, node_type: r, homework_id: i }
+        analyticsProps: { student_id: r, node_type: t, homework_id: e }
       } : {
         analyticsLabel: "homework-student-menu",
-        analyticsProps: { student_id: a, node_type: r, homework_id: i }
+        analyticsProps: { student_id: r, node_type: t, homework_id: e }
       };
-    if (e || t)
+    if (i || a)
       return {
-        analyticsLabel: r === n.DYNAMIC ? l.CUSTOM_TEST_ATTEMPTED : "node-attempted",
+        analyticsLabel: t === E.DYNAMIC ? l.CUSTOM_TEST_ATTEMPTED : "node-attempted",
         analyticsProps: {
-          student_id: a,
-          node_type: r,
-          user_node_id: d,
-          milestone_id: s,
-          can_start: e,
-          can_resume: t
+          student_id: r,
+          node_type: t,
+          user_node_id: s,
+          milestone_id: n,
+          can_start: i,
+          can_resume: a
         }
       };
   }
-  return o ? {
+  return _ ? {
     analyticsLabel: "homework-card-teacher",
-    analyticsProps: { student_id: a, node_type: r }
+    analyticsProps: { student_id: r, node_type: t }
   } : {
     analyticsLabel: "goals-card-teacher",
-    analyticsProps: { student_id: a, node_type: r }
+    analyticsProps: { student_id: r, node_type: t }
   };
-}, T = (t) => {
-  if (!t)
-    return;
-  const { assigned_homeworks: e } = t;
-  return e.find((i) => i.node_type === n.PUZZLE_CARD);
 };
 export {
-  y as getCardAnalyticProps,
-  T as getPuzzleCardData
+  y as getCardAnalyticProps
 };
 //# sourceMappingURL=utils.js.map

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 type { IHomeworkDetails } from './hw-card-list/api/get-homeworks';\n\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';\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":";;;AAmBA,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';\n\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';\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\nexport { getCardAnalyticProps };\n"],"names":["getCardAnalyticProps","canResume","canStart","homeworkId","isHomeWork","isStudent","milestoneId","nodeType","studentId","userNodeId","HOMEWORK_ANALYTICS_EVENTS","NODE_TYPE","TESTS_CREATION_ANALYTICS_EVENTS"],"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;"}

package/dist/features/hooks/use-viewport/use-viewport.js

@@ -0,0 +1,22 @@
+import { useState as c, useEffect as r } from "react";
+import { getTheme as i } from "../../ui/theme/get-theme.js";
+const a = () => {
+  const [e, o] = c(() => i().device);
+  r(() => {
+    function t() {
+      const { device: n } = i();
+      o(n);
+    }
+    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, []);
+  const s = e === "mobile";
+  return {
+    isMobile: s,
+    isCompact: s || e === "tablet",
+    isDesktop: e === "small-desktop" || e === "desktop" || e === "large-device" || e === "xlarge-device"
+  };
+}, w = a;
+export {
+  w as default
+};
+//# sourceMappingURL=use-viewport.js.map

package/dist/features/hooks/use-viewport/use-viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-viewport.js","sources":["../../../../src/features/hooks/use-viewport/use-viewport.ts"],"sourcesContent":["import type { IUseViewportReturn } from './use-viewport-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { getTheme } from '../../ui/theme/get-theme';\n\nconst useViewport = (): IUseViewportReturn => {\n  const [deviceType, setDeviceType] = useState(() => getTheme().device);\n\n  useEffect(() => {\n    function handleResize() {\n      const { device: newDeviceType } = getTheme();\n\n      setDeviceType(newDeviceType);\n    }\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  const isMobile = deviceType === 'mobile';\n  const isTablet = deviceType === 'tablet';\n  const isSmallDesktop = deviceType === 'small-desktop';\n  const isDesktop = deviceType === 'desktop';\n  const isLarge = deviceType === 'large-device';\n  const isXL = deviceType === 'xlarge-device';\n\n  return {\n    isMobile: isMobile,\n    isCompact: isMobile || isTablet,\n    isDesktop: isSmallDesktop || isDesktop || isLarge || isXL,\n  };\n};\n\nexport default useViewport;\n"],"names":["useViewport","deviceType","setDeviceType","useState","getTheme","useEffect","handleResize","newDeviceType","isMobile","useViewport$1"],"mappings":";;AAMA,MAAMA,IAAc,MAA0B;AACtC,QAAA,CAACC,GAAYC,CAAa,IAAIC,EAAS,MAAMC,EAAA,EAAW,MAAM;AAEpE,EAAAC,EAAU,MAAM;AACd,aAASC,IAAe;AACtB,YAAM,EAAE,QAAQC,EAAc,IAAIH,EAAS;AAE3C,MAAAF,EAAcK,CAAa;AAAA,IAC7B;AAEO,kBAAA,iBAAiB,UAAUD,CAAY,GAEvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAE,CAAA;AAEL,QAAME,IAAWP,MAAe;AAOzB,SAAA;AAAA,IACL,UAAAO;AAAA,IACA,WAAWA,KARIP,MAAe;AAAA,IAS9B,WARqBA,MAAe,mBACpBA,MAAe,aACjBA,MAAe,kBAClBA,MAAe;AAAA,EAK2B;AAEzD,GAEAQ,IAAeT;"}

package/dist/features/journey/comps/coachmark/coachmark.js

@@ -1,19 +1,17 @@
 import { jsx as i, jsxs as g, Fragment as m } from "react/jsx-runtime";
 import L from "../../../../node_modules/lodash.throttle/index.js";
-import { useState as a, useEffect as O, useMemo as p } from "react";
-import { useTheme as $ } from "styled-components";
+import { useState as $, useEffect as O, useMemo as p } from "react";
 import c from "../../../ui/arrow-tooltip/arrow-tooltip.js";
 import R from "../../../ui/nudge/nudge.js";
-import A from "../../../ui/portal/portal.js";
-import { EDeviceType as X } from "../../../ui/theme/constants.js";
+import { getTheme as a } from "../../../ui/theme/get-theme.js";
 import { IndicatorType as u } from "../../use-journey/constants.js";
-import { CoachmarkBody as Y, ClonedElementWrapper as h } from "./coachmark-styled.js";
-import { getTooltipXCoordinates as x } from "./coachmark-utils.js";
-const S = ({
+import { CoachmarkBody as A, ClonedElementWrapper as h } from "./coachmark-styled.js";
+import { getTooltipXCoordinates as X } from "./coachmark-utils.js";
+const V = ({
   coachmark: e,
   isInsideScrollView: T
 }) => {
-  const t = e.originalElementToHighlightRef.current, { device: C, zIndex: I } = $(), [P, v] = a(() => {
+  const t = e.originalElementToHighlightRef.current, [C, b] = $(() => {
     const o = t == null ? void 0 : t.getBoundingClientRect();
     return {
       top: ((o == null ? void 0 : o.top) ?? 0) + window.scrollY,
@@ -21,32 +19,32 @@ const S = ({
       width: (o == null ? void 0 : o.width) ?? 0,
       height: (o == null ? void 0 : o.height) ?? 0
     };
-  }), r = L(() => {
+  }), n = L(() => {
     const o = t == null ? void 0 : t.getBoundingClientRect();
-    o && v({
+    o && b({
       top: o.top + window.scrollY,
       left: o.left + window.scrollX,
       width: o.width,
       height: o.height
     });
   }, 100), {
-    top: n = 0,
+    top: r = 0,
     left: l = 0,
-    height: E = 0,
-    width: b = 0
-  } = T ? P : (t == null ? void 0 : t.getBoundingClientRect()) ?? {};
-  O(() => (window.addEventListener("resize", r), window.addEventListener("scroll", r), () => {
-    window.removeEventListener("resize", r), window.removeEventListener("scroll", r);
-  }), [r, t]);
-  const f = C === X.MOBILE, d = I.JOURNEY_OVERLAY, s = p(() => t ? window.getComputedStyle(t).position === "absolute" : !1, [t]), w = p(() => {
+    height: I = 0,
+    width: P = 0
+  } = T ? C : (t == null ? void 0 : t.getBoundingClientRect()) ?? {};
+  O(() => (window.addEventListener("resize", n), window.addEventListener("scroll", n), () => {
+    window.removeEventListener("resize", n), window.removeEventListener("scroll", n);
+  }), [n, t]);
+  const { zIndex: v, device: y } = a(), w = y === "mobile", d = v.JOURNEY_OVERLAY, s = p(() => t ? window.getComputedStyle(t).position === "absolute" : !1, [t]), f = p(() => {
     const o = e.indicator;
     return {
-      width: f ? 246 : 264,
+      width: w ? 246 : 264,
       // Can be over ridden
-      tooltipXCoOrdinates: x(o),
+      tooltipXCoOrdinates: X(o),
       zIndex: d + 1,
       ...o,
-      tooltipItem: /* @__PURE__ */ i(Y, { children: o.tooltipItem }),
+      tooltipItem: /* @__PURE__ */ i(A, { children: o.tooltipItem }),
       alwaysVisible: !0,
       renderAs: "primary",
       // Deprecate this
@@ -56,31 +54,31 @@ const S = ({
       type: u.TOOLTIP,
       isAnimated: !0
     };
-  }, [d, e.indicator, f]), y = p(() => {
+  }, [d, e.indicator, w]), E = p(() => {
     const o = e.indicator;
     return {
       ...o,
       nudgePointerX: l + (o.nudgePointerX ?? 0),
-      nudgePointerY: n + (o.nudgePointerY ?? 0)
+      nudgePointerY: r + (o.nudgePointerY ?? 0)
     };
-  }, [e.indicator, l, n]);
+  }, [e.indicator, l, r]);
   return !t || !e.isActive ? null : e.type === u.TOOLTIP ? s ? /* @__PURE__ */ g(m, { children: [
     e.elementToHighlight,
-    /* @__PURE__ */ i(h, { $position: "absolute", $top: n, $left: l, children: /* @__PURE__ */ i(c, { ...w, children: /* @__PURE__ */ i("div", { style: { height: E, width: b } }) }) })
-  ] }) : /* @__PURE__ */ i(h, { $position: "absolute", $top: n, $left: l, children: /* @__PURE__ */ i(c, { ...w, children: e.elementToHighlight }) }) : e.type === u.NUDGE ? /* @__PURE__ */ g(m, { children: [
+    /* @__PURE__ */ i(h, { $position: "absolute", $top: r, $left: l, children: /* @__PURE__ */ i(c, { ...f, children: /* @__PURE__ */ i("div", { style: { height: I, width: P } }) }) })
+  ] }) : /* @__PURE__ */ i(h, { $position: "absolute", $top: r, $left: l, children: /* @__PURE__ */ i(c, { ...f, children: e.elementToHighlight }) }) : e.type === u.NUDGE ? /* @__PURE__ */ g(m, { children: [
     /* @__PURE__ */ i(
       h,
       {
-        $top: s ? 0 : n,
+        $top: s ? 0 : r,
         $left: s ? 0 : l,
         $position: s ? "relative" : "absolute",
         children: e.elementToHighlight
       }
     ),
-    /* @__PURE__ */ i(A, { portalId: "tooltip-root", children: /* @__PURE__ */ i(R, { zIndex: d + 1, ...y }) })
+    /* @__PURE__ */ i(R, { zIndex: d + 1, ...E })
   ] }) : null;
 };
 export {
-  S as Coachmark
+  V as Coachmark
 };
 //# sourceMappingURL=coachmark.js.map