@cuemath/leap 2.8.51-beta-0.1 → 2.8.51-beta-0.2

package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js

@@ -0,0 +1,178 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import N from "../../../../../assets/line-icons/icons/check2.js";
+import j from "../../../../../assets/line-icons/icons/eye2.js";
+import M from "../../../../../assets/line-icons/icons/home2.js";
+import C from "../../../../../assets/line-icons/icons/more-vertical.js";
+import P from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import I from "../../../../ui/context-menu/context-menu.js";
+import R from "../../../../ui/layout/flex-view.js";
+import X from "../../../../ui/text/text.js";
+import { getNodeTypeBasedBgImage as K } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as F } from "../../../utils/node-card-utils.js";
+import Z from "../border-path-animation.js";
+import { NodeCardContainer as z, NodeCardInfoWrapper as q, IconWrapper as J, StyledImportantIcon as Q, NodeOptionsMenuWrapper as w, NodeCardContentWrapper as U, NodeCardTitle as Y } from "../node-card-styled.js";
+import V from "../node-card-tags.js";
+import _ from "../node-menu-options/node-menu-options.js";
+const $e = ({
+  nodeData: n,
+  imageHue: b,
+  blockType: x,
+  isSkipped: m,
+  onNodeAttemptLocationChange: a,
+  onNodeMarkAsDone: c,
+  onNodeView: d
+}) => {
+  const {
+    accuracy: O,
+    attempt_location: T,
+    node_type: s,
+    card_header: y,
+    title: E,
+    state: t,
+    is_optional: p,
+    on_hover_text: h,
+    permissions: k
+  } = n, {
+    can_change_attempt_location: B,
+    can_mark_familiar: W
+  } = k, H = t === "IN_PROGRESS", r = t === "LOCKED", S = t === "NOT_STARTED", v = t === "COMPLETED", A = T === "INCLASS", G = K(s), $ = F(s), i = x === "GOAL", L = !h || !i || r, f = !p && (H || S), l = (u) => {
+    switch (u) {
+      case "node-card-view":
+        d == null || d(n);
+        return;
+      case "node-card-assign-as-hw":
+        a == null || a(n);
+        return;
+      case "node-card-mark-as-done":
+        c == null || c(n);
+        return;
+      default:
+        throw new Error(`No callback function for ${u}`);
+    }
+  }, g = [
+    {
+      id: "node-card-view",
+      label: v ? "Review" : "View",
+      icon: j,
+      disabled: !1,
+      onClick: l
+    },
+    {
+      id: "node-card-assign-as-hw",
+      label: "Assign as HW",
+      icon: M,
+      disabled: !B,
+      onClick: l
+    },
+    {
+      id: "node-card-mark-as-done",
+      label: "Mark as done",
+      icon: N,
+      disabled: !W,
+      onClick: l
+    }
+  ];
+  return /* @__PURE__ */ e(
+    z,
+    {
+      $showOutline: !i || !f,
+      $background: `${b}_2`,
+      $disabled: !!m,
+      children: /* @__PURE__ */ o(
+        P,
+        {
+          renderAs: "primary",
+          tooltipItem: h,
+          position: "bottom",
+          zIndex: 5,
+          hidden: L,
+          parentWidth: "100%",
+          widthX: 11.25,
+          children: [
+            /* @__PURE__ */ o(
+              q,
+              {
+                $flexDirection: "row",
+                $alignItems: "center",
+                $width: "100%",
+                $heightX: 3.5,
+                $bgImage: G,
+                $gutterX: 0.78125,
+                $flexGap: 8.5,
+                children: [
+                  /* @__PURE__ */ o(
+                    J,
+                    {
+                      $width: 31,
+                      $height: 31,
+                      $background: "WHITE_1",
+                      $position: "relative",
+                      $alignItems: "center",
+                      $justifyContent: "center",
+                      $opacity: r ? 0.5 : 1,
+                      children: [
+                        $ && /* @__PURE__ */ e($, { width: 20, height: 20 }),
+                        !p && /* @__PURE__ */ e(Q, {})
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ o(X, { $renderAs: "ac4-black", $color: "BLACK", $opacity: r ? 0.5 : 1, children: [
+                    y,
+                    " ",
+                    A && ". CW"
+                  ] }),
+                  /* @__PURE__ */ e(R, { className: "context-menu", children: i && /* @__PURE__ */ e(
+                    I,
+                    {
+                      targetElement: /* @__PURE__ */ e(
+                        w,
+                        {
+                          $width: 16,
+                          $height: 16,
+                          $opacity: r ? 0.5 : 1,
+                          children: /* @__PURE__ */ e(C, { width: 16, height: 16 })
+                        }
+                      ),
+                      menuElement: /* @__PURE__ */ e(_, { options: g }),
+                      menuOffset: 5,
+                      menuZIndex: 6
+                    }
+                  ) }),
+                  f && !m && /* @__PURE__ */ e(Z, {})
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(V, { nodeType: s, state: t, accuracy: O }),
+            !i && /* @__PURE__ */ o(
+              U,
+              {
+                $flexDirection: "row",
+                $alignItems: "center",
+                $background: "WHITE_1",
+                $flexGap: 8,
+                $heightX: 4,
+                $justifyContent: "space-between",
+                children: [
+                  /* @__PURE__ */ e(Y, { $renderAs: "ab3", $color: "BLACK_1", $opacity: r ? 0.5 : 1, children: E }),
+                  /* @__PURE__ */ e(
+                    I,
+                    {
+                      targetElement: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(C, { width: 16, height: 16 }) }),
+                      menuElement: /* @__PURE__ */ e(_, { options: g }),
+                      menuOffset: 5,
+                      menuZIndex: 6
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  $e as default
+};
+//# sourceMappingURL=teacher-actions.js.map

package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\nimport type { FC } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Home2Icon from '../../../../../assets/line-icons/icons/home2';\nimport MoreVerticalIcon from '../../../../../assets/line-icons/icons/more-vertical';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getNodeTypeBasedBgImage } from '../../../utils';\nimport { getNodeCardBasedIcon } from '../../../utils/node-card-utils';\nimport BorderPathAnimation from '../border-path-animation';\nimport * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst NodeCardTeacherActions: FC<Omit<INodeCardProps, 'userType'>> = ({\n  nodeData,\n  imageHue,\n  blockType,\n  isSkipped,\n  onNodeAttemptLocationChange,\n  onNodeMarkAsDone,\n  onNodeView,\n}) => {\n  const {\n    accuracy,\n    attempt_location: attemptLocation,\n    node_type: nodeType,\n    card_header: cardHeader,\n    title,\n    state,\n    is_optional: isOptional,\n    on_hover_text: onHoverText,\n    permissions,\n  } = nodeData;\n\n  const {\n    can_change_attempt_location: canChangeAttemptLocation,\n    can_mark_familiar: canMarkFamiliar,\n  } = permissions;\n\n  const sheetInProgress = state === 'IN_PROGRESS';\n  const sheetLocked = state === 'LOCKED';\n  const sheetNotStarted = state === 'NOT_STARTED';\n  const sheetCompleted = state === 'COMPLETED';\n  const inClassSheet = attemptLocation === 'INCLASS';\n  const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n  const isGoalBlock = blockType === 'GOAL';\n  const tooltipHidden = !onHoverText || !isGoalBlock || sheetLocked;\n\n  const showCardAnimation = !isOptional && (sheetInProgress || sheetNotStarted);\n\n  const handleOnMenuOptionClick = (optionId: string) => {\n    switch (optionId) {\n      case 'node-card-view':\n        onNodeView?.(nodeData);\n\n        return;\n\n      case 'node-card-assign-as-hw':\n        onNodeAttemptLocationChange?.(nodeData);\n\n        return;\n\n      case 'node-card-mark-as-done':\n        onNodeMarkAsDone?.(nodeData);\n\n        return;\n      default:\n        throw new Error(`No callback function for ${optionId}`);\n    }\n  };\n\n  const menuOptions: INodeMenuOption[] = [\n    {\n      id: 'node-card-view',\n      label: sheetCompleted ? 'Review' : 'View',\n      icon: Eye2Icon,\n      disabled: false,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'node-card-assign-as-hw',\n      label: 'Assign as HW',\n      icon: Home2Icon,\n      disabled: !canChangeAttemptLocation,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'node-card-mark-as-done',\n      label: 'Mark as done',\n      icon: Check2Icon,\n      disabled: !canMarkFamiliar,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  return (\n    <Styled.NodeCardContainer\n      $showOutline={!isGoalBlock || !showCardAnimation}\n      $background={`${imageHue}_2`}\n      $disabled={Boolean(isSkipped)}\n    >\n      <ArrowTooltip\n        renderAs=\"primary\"\n        tooltipItem={onHoverText}\n        position=\"bottom\"\n        zIndex={5}\n        hidden={tooltipHidden}\n        parentWidth=\"100%\"\n        widthX={11.25}\n      >\n        <Styled.NodeCardInfoWrapper\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $width=\"100%\"\n          $heightX={3.5}\n          $bgImage={nodeBgImage}\n          $gutterX={0.78125}\n          $flexGap={8.5}\n        >\n          <Styled.IconWrapper\n            $width={31}\n            $height={31}\n            $background=\"WHITE_1\"\n            $position=\"relative\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $opacity={sheetLocked ? 0.5 : 1}\n          >\n            {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\n            {!isOptional && <Styled.StyledImportantIcon />}\n          </Styled.IconWrapper>\n\n          <Text $renderAs=\"ac4-black\" $color=\"BLACK\" $opacity={sheetLocked ? 0.5 : 1}>\n            {cardHeader} {inClassSheet && `. CW`}\n          </Text>\n\n          <FlexView className=\"context-menu\">\n            {isGoalBlock && (\n              <ContextMenu\n                targetElement={\n                  <Styled.NodeOptionsMenuWrapper\n                    $width={16}\n                    $height={16}\n                    $opacity={sheetLocked ? 0.5 : 1}\n                  >\n                    <MoreVerticalIcon width={16} height={16} />\n                  </Styled.NodeOptionsMenuWrapper>\n                }\n                menuElement={<NodeMenuOptions options={menuOptions} />}\n                menuOffset={5}\n                menuZIndex={6}\n              />\n            )}\n          </FlexView>\n\n          {showCardAnimation && !isSkipped && <BorderPathAnimation />}\n        </Styled.NodeCardInfoWrapper>\n\n        <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} />\n\n        {!isGoalBlock && (\n          <Styled.NodeCardContentWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $background=\"WHITE_1\"\n            $flexGap={8}\n            $heightX={4}\n            $justifyContent=\"space-between\"\n          >\n            <Styled.NodeCardTitle $renderAs=\"ab3\" $color=\"BLACK_1\" $opacity={sheetLocked ? 0.5 : 1}>\n              {title}\n            </Styled.NodeCardTitle>\n\n            <ContextMenu\n              targetElement={\n                <Styled.NodeOptionsMenuWrapper>\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.NodeOptionsMenuWrapper>\n              }\n              menuElement={<NodeMenuOptions options={menuOptions} />}\n              menuOffset={5}\n              menuZIndex={6}\n            />\n          </Styled.NodeCardContentWrapper>\n        )}\n      </ArrowTooltip>\n    </Styled.NodeCardContainer>\n  );\n};\n\nexport default NodeCardTeacherActions;\n"],"names":["NodeCardTeacherActions","nodeData","imageHue","blockType","isSkipped","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeView","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","onHoverText","permissions","canChangeAttemptLocation","canMarkFamiliar","sheetInProgress","sheetLocked","sheetNotStarted","sheetCompleted","inClassSheet","nodeBgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","isGoalBlock","tooltipHidden","showCardAnimation","handleOnMenuOptionClick","optionId","menuOptions","Eye2Icon","Home2Icon","Check2Icon","jsx","Styled.NodeCardContainer","jsxs","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","Styled.StyledImportantIcon","Text","FlexView","ContextMenu","Styled.NodeOptionsMenuWrapper","MoreVerticalIcon","NodeMenuOptions","BorderPathAnimation","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle"],"mappings":"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"}

package/dist/features/chapters-v2/comps/tag/tag-styled.js

@@ -0,0 +1,13 @@
+import e from "styled-components";
+import i from "../../../ui/layout/flex-view.js";
+const p = e(i)(({ $onlyIcon: t, theme: o }) => `
+    ${!t && "padding-left: 2px;"}
+
+    max-height: 20px;
+    height: fit-content;
+    outline: 1px solid ${o.colors.BLACK_1};
+  `);
+export {
+  p as TagContainer
+};
+//# sourceMappingURL=tag-styled.js.map

package/dist/features/chapters-v2/comps/tag/tag-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-styled.js","sources":["../../../../../src/features/chapters-v2/comps/tag/tag-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\ninterface ITagContainer {\n  $onlyIcon?: boolean;\n}\n\nconst TagContainer = styled(FlexView)<ITagContainer>(({ $onlyIcon, theme }) => {\n  return `\n    ${!$onlyIcon && 'padding-left: 2px;'}\n\n    max-height: 20px;\n    height: fit-content;\n    outline: 1px solid ${theme.colors.BLACK_1};\n  `;\n});\n\nexport { TagContainer };\n"],"names":["TagContainer","styled","FlexView","$onlyIcon","theme"],"mappings":";;AAQM,MAAAA,IAAeC,EAAOC,CAAQ,EAAiB,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAC1D;AAAA,MACH,CAACD,KAAa,oBAAoB;AAAA;AAAA;AAAA;AAAA,yBAIfC,EAAM,OAAO,OAAO;AAAA,GAE5C;"}

package/dist/features/chapters-v2/comps/tag/tag.js

@@ -0,0 +1,28 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { memo as i } from "react";
+import s from "../../../ui/text/text.js";
+import { TagContainer as c } from "./tag-styled.js";
+const f = i(({ label: r, Icon: e }) => {
+  const t = !r;
+  return /* @__PURE__ */ n(
+    c,
+    {
+      $flexDirection: "row",
+      $alignItems: "center",
+      $justifyContent: "center",
+      $borderRadius: 50,
+      $gap: t ? 0 : 6,
+      $gutter: t ? 0 : 6,
+      $background: "WHITE_1",
+      $onlyIcon: t,
+      children: [
+        e ? /* @__PURE__ */ o(e, { width: 20, height: 20 }) : void 0,
+        r && /* @__PURE__ */ o(s, { $renderAs: "ac4-black", children: r })
+      ]
+    }
+  );
+});
+export {
+  f as default
+};
+//# sourceMappingURL=tag.js.map

package/dist/features/chapters-v2/comps/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sources":["../../../../../src/features/chapters-v2/comps/tag/tag.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport React, { memo } from 'react';\n\nimport Text from '../../../ui/text/text';\nimport * as Styled from './tag-styled';\n\ninterface ITagProps {\n  label?: string;\n  Icon?: FC<React.SVGProps<SVGSVGElement>>;\n}\n\nconst Tag: FC<ITagProps> = memo(({ label, Icon }) => {\n  const isOnlyIconPresent = !label;\n\n  return (\n    <Styled.TagContainer\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $borderRadius={50}\n      $gap={isOnlyIconPresent ? 0 : 6}\n      $gutter={isOnlyIconPresent ? 0 : 6}\n      $background=\"WHITE_1\"\n      $onlyIcon={isOnlyIconPresent}\n    >\n      {Icon ? <Icon width={20} height={20} /> : undefined}\n\n      {label && <Text $renderAs=\"ac4-black\">{label}</Text>}\n    </Styled.TagContainer>\n  );\n});\n\nexport default Tag;\n"],"names":["Tag","memo","label","Icon","isOnlyIconPresent","jsxs","Styled.TagContainer","jsx","Text"],"mappings":";;;;AAYA,MAAMA,IAAqBC,EAAK,CAAC,EAAE,OAAAC,GAAO,MAAAC,QAAW;AACnD,QAAMC,IAAoB,CAACF;AAGzB,SAAA,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAMF,IAAoB,IAAI;AAAA,MAC9B,SAASA,IAAoB,IAAI;AAAA,MACjC,aAAY;AAAA,MACZ,WAAWA;AAAA,MAEV,UAAA;AAAA,QAAAD,sBAAQA,GAAK,EAAA,OAAO,IAAI,QAAQ,IAAI,IAAK;AAAA,QAEzCD,KAAS,gBAAAK,EAACC,GAAK,EAAA,WAAU,aAAa,UAAMN,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnD,CAAC;"}

package/dist/features/chapters-v2/constants/block-constants.js

@@ -0,0 +1,18 @@
+const S = {
+  DEFAULT: "Default",
+  PREREQ: "Prerequisite",
+  RECAP: "Recap",
+  GOAL: "Lesson",
+  TESTS: "Tests",
+  PLAYLIST: "Playlist",
+  SOLUTIONS: "Solutions",
+  NOTES: "Notes",
+  FLASHCARDS: "Flashcards",
+  SUBJECTIVES: "Subjective Questions",
+  PUZZLE_CARDS: "Puzzles",
+  SAT_MOCK_TEST: "SAT Mock Test"
+};
+export {
+  S as BLOCK_NAME
+};
+//# sourceMappingURL=block-constants.js.map

package/dist/features/chapters-v2/constants/block-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-constants.js","sources":["../../../../src/features/chapters-v2/constants/block-constants.ts"],"sourcesContent":["export enum BLOCK_TYPE {\n  DEFAULT = 'DEFAULT',\n  PREREQ = 'PREREQ',\n  RECAP = 'RECAP',\n  GOAL = 'GOAL',\n  TESTS = 'TESTS',\n  PLAYLIST = 'PLAYLIST',\n  SOLUTIONS = 'SOLUTIONS',\n  NOTES = 'NOTES',\n  FLASHCARDS = 'FLASHCARDS',\n  SUBJECTIVES = 'SUBJECTIVES',\n  PUZZLE_CARDS = 'PUZZLE_CARDS',\n  SAT_MOCK_TEST = 'SAT_MOCK_TEST',\n}\n\nexport enum SECTION_CODE {\n  READINESS = 'READINESS',\n  GOALS = 'GOALS',\n  TESTS = 'TESTS',\n  ENRICHMENT = 'ENRICHMENT',\n  SUBJECTIVE = 'SUBJECTIVE',\n  VIDEOS = 'VIDEOS',\n  NOTES = 'NOTES',\n  FLASHCARDS = 'FLASHCARDS',\n  PUZZLE_CARDS = 'PUZZLE_CARDS',\n}\n\nexport const BLOCK_NAME: Record<BLOCK_TYPE, string> = {\n  [BLOCK_TYPE.DEFAULT]: 'Default',\n  [BLOCK_TYPE.PREREQ]: 'Prerequisite',\n  [BLOCK_TYPE.RECAP]: 'Recap',\n  [BLOCK_TYPE.GOAL]: 'Lesson',\n  [BLOCK_TYPE.TESTS]: 'Tests',\n  [BLOCK_TYPE.PLAYLIST]: 'Playlist',\n  [BLOCK_TYPE.SOLUTIONS]: 'Solutions',\n  [BLOCK_TYPE.NOTES]: 'Notes',\n  [BLOCK_TYPE.FLASHCARDS]: 'Flashcards',\n  [BLOCK_TYPE.SUBJECTIVES]: 'Subjective Questions',\n  [BLOCK_TYPE.PUZZLE_CARDS]: 'Puzzles',\n  [BLOCK_TYPE.SAT_MOCK_TEST]: 'SAT Mock Test',\n};\n"],"names":["BLOCK_NAME"],"mappings":"AA2BO,MAAMA,IAAyC;AAAA,EACnD,SAAqB;AAAA,EACrB,QAAoB;AAAA,EACpB,OAAmB;AAAA,EACnB,MAAkB;AAAA,EAClB,OAAmB;AAAA,EACnB,UAAsB;AAAA,EACtB,WAAuB;AAAA,EACvB,OAAmB;AAAA,EACnB,YAAwB;AAAA,EACxB,aAAyB;AAAA,EACzB,cAA0B;AAAA,EAC1B,eAA2B;AAC9B;"}

package/dist/features/chapters-v2/utils/index.js

@@ -0,0 +1,11 @@
+import { ILLUSTRATIONS as r } from "../../../assets/illustrations/illustrations.js";
+const C = (t) => {
+  if (!t) return 0;
+  const { mandatory: E } = t, { completed: _, total: e } = E;
+  return Math.floor(_ / e * 100);
+}, A = (t) => t === "LEARNING" ? r.NODE_LEARN_BG : t === "RECAP" ? r.NODE_RECAP_BG : t === "DYNAMIC" ? r.NODE_CUSTOM_TEST_BG : t === "PRACTICE" ? r.NODE_PRACTICE_BG : t === "PUZZLE_EASY" || t === "PUZZLE_MEDIUM" || t === "PUZZLE_HARD" ? r.NODE_PUZZLE_BG : r.NODE_CUSTOM_TEST_BG;
+export {
+  C as getChapterCompletionPercentage,
+  A as getNodeTypeBasedBgImage
+};
+//# sourceMappingURL=index.js.map

package/dist/features/chapters-v2/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/features/chapters-v2/utils/index.ts"],"sourcesContent":["import type { IChapterProgressStats } from '../chapter-details/chapter-details-types';\nimport type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\n// This function calculates the completion percentage of a chapter based on progress stats.\n// If no progress stats are provided, it returns 0.\n// It uses the `mandatory` field from the progress stats to determine the completed and total items.\n// It returns an integer representing the percentage of completion, rounded down to the nearest whole number.\nconst getChapterCompletionPercentage = (progressStats: IChapterProgressStats | null) => {\n  if (!progressStats) return 0;\n\n  const { mandatory } = progressStats;\n  const { completed, total } = mandatory;\n\n  const percentage = Math.floor((completed / total) * 100);\n\n  return percentage;\n};\n\nconst getNodeTypeBasedBgImage = (nodeType: INodeDataProps['node_type']) => {\n  if (nodeType === 'LEARNING') return ILLUSTRATIONS.NODE_LEARN_BG;\n\n  if (nodeType === 'RECAP') return ILLUSTRATIONS.NODE_RECAP_BG;\n\n  if (nodeType === 'DYNAMIC') return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n\n  if (nodeType === 'PRACTICE') return ILLUSTRATIONS.NODE_PRACTICE_BG;\n\n  if (nodeType === 'PUZZLE_EASY' || nodeType === 'PUZZLE_MEDIUM' || nodeType === 'PUZZLE_HARD')\n    return ILLUSTRATIONS.NODE_PUZZLE_BG;\n\n  return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n};\n\nexport { getChapterCompletionPercentage, getNodeTypeBasedBgImage };\n"],"names":["getChapterCompletionPercentage","progressStats","mandatory","completed","total","getNodeTypeBasedBgImage","nodeType","ILLUSTRATIONS"],"mappings":";AASM,MAAAA,IAAiC,CAACC,MAAgD;AAClF,MAAA,CAACA,EAAsB,QAAA;AAErB,QAAA,EAAE,WAAAC,EAAc,IAAAD,GAChB,EAAE,WAAAE,GAAW,OAAAC,EAAU,IAAAF;AAItB,SAFY,KAAK,MAAOC,IAAYC,IAAS,GAAG;AAGzD,GAEMC,IAA0B,CAACC,MAC3BA,MAAa,aAAmBC,EAAc,gBAE9CD,MAAa,UAAgBC,EAAc,gBAE3CD,MAAa,YAAkBC,EAAc,sBAE7CD,MAAa,aAAmBC,EAAc,mBAE9CD,MAAa,iBAAiBA,MAAa,mBAAmBA,MAAa,gBACtEC,EAAc,iBAEhBA,EAAc;"}

package/dist/features/chapters-v2/utils/node-card-utils.js

@@ -0,0 +1,72 @@
+import { jsx as r } from "react/jsx-runtime";
+import c from "../../../assets/line-icons/icons/alarm.js";
+import n from "../../../assets/line-icons/icons/bulb2.js";
+import i from "../../../assets/line-icons/icons/check2.js";
+import m from "../../../assets/line-icons/icons/dart.js";
+import a from "../../../assets/line-icons/icons/exclamation.js";
+import I from "../../../assets/line-icons/icons/lock2.js";
+import s from "../../../assets/line-icons/icons/puzzle.js";
+import p from "../../../assets/line-icons/icons/recap.js";
+import E from "../../../assets/line-icons/icons/status.js";
+import { InProgressIconWrapper as f } from "../comps/node-card/node-card-styled.js";
+import e from "../comps/tag/tag.js";
+const D = (o, t) => {
+  switch (o) {
+    case "LOCKED":
+      return {
+        icon: /* @__PURE__ */ r(I, { width: 32, height: 32 }),
+        top: -12,
+        right: -12
+      };
+    case "IN_PROGRESS":
+      return {
+        icon: /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(E, {}) })
+      };
+    case "COMPLETED":
+      return {
+        icon: /* @__PURE__ */ r(
+          e,
+          {
+            Icon: i,
+            label: typeof t == "number" ? `${t}%` : void 0
+          }
+        ),
+        top: -10,
+        right: -10
+      };
+    case "WAIT_FOR_REVIEW":
+      return {
+        icon: /* @__PURE__ */ r(e, { Icon: a }),
+        //<AlertIcon width={32} height={32} fill="white" />,
+        top: -10,
+        right: -10
+      };
+    default:
+      return {
+        icon: void 0
+      };
+  }
+}, N = (o) => {
+  switch (o) {
+    case "LEARNING":
+      return n;
+    case "RECAP":
+      return p;
+    case "DYNAMIC":
+      return c;
+    case "PRACTICE":
+    case "EXTRA_PRACTICE":
+      return m;
+    case "PUZZLE_EASY":
+    case "PUZZLE_MEDIUM":
+    case "PUZZLE_HARD":
+      return s;
+    default:
+      return "";
+  }
+};
+export {
+  N as getNodeCardBasedIcon,
+  D as getNodeStateBasedTagInfo
+};
+//# sourceMappingURL=node-card-utils.js.map

package/dist/features/chapters-v2/utils/node-card-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport AlarmIcon from '../../../assets/line-icons/icons/alarm';\nimport Bulb2Icon from '../../../assets/line-icons/icons/bulb2';\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport DartIcon from '../../../assets/line-icons/icons/dart';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport PuzzleIcon from '../../../assets/line-icons/icons/puzzle';\nimport RecapIcon from '../../../assets/line-icons/icons/recap';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport Tag from '../comps/tag/tag';\n\nconst getNodeStateBasedTagInfo = (nodeState: INodeDataProps['state'], accuracy?: number | null) => {\n  switch (nodeState) {\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -12,\n        right: -12,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: (\n          <InProgressIconWrapper>\n            <StatusIcon />\n          </InProgressIconWrapper>\n        ),\n      };\n    case 'COMPLETED':\n      return {\n        icon: (\n          <Tag\n            Icon={Check2Icon}\n            label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n          />\n        ),\n        top: -10,\n        right: -10,\n      };\n    case 'WAIT_FOR_REVIEW':\n      return {\n        icon: <Tag Icon={ExclamationIcon} />, //<AlertIcon width={32} height={32} fill=\"white\" />,\n        top: -10,\n        right: -10,\n      };\n\n    default:\n      return {\n        icon: undefined,\n      };\n  }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return Bulb2Icon;\n    case 'RECAP':\n      return RecapIcon;\n    case 'DYNAMIC':\n      return AlarmIcon;\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n      return DartIcon;\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return PuzzleIcon;\n\n    default:\n      return '';\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["getNodeStateBasedTagInfo","nodeState","accuracy","jsx","Lock2Icon","InProgressIconWrapper","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","Bulb2Icon","RecapIcon","AlarmIcon","DartIcon","PuzzleIcon"],"mappings":";;;;;;;;;;;;AAcM,MAAAA,IAA2B,CAACC,GAAoCC,MAA6B;AACjG,UAAQD,GAAW;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QACL,MAAO,gBAAAE,EAAAC,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAD,EAACE,GACC,EAAA,UAAA,gBAAAF,EAACG,IAAW,CAAA,GACd;AAAA,MAAA;AAAA,IAGN,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,OAAO,OAAON,KAAa,WAAW,GAAGA,CAAQ,MAAM;AAAA,UAAA;AAAA,QACzD;AAAA,QAEF,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MAAM,gBAAAC,EAACI,GAAI,EAAA,MAAME,EAAiB,CAAA;AAAA;AAAA,QAClC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAGX;AACS,aAAA;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,EAEZ;AACF,GAEMC,IAAuB,CAACC,MAA0C;AACtE,UAAQA,GAAU;AAAA,IAChB,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IAET;AACS,aAAA;AAAA,EACX;AACF;"}

package/dist/index.d.ts

@@ -109,6 +109,21 @@ declare const BLOCK_TYPE: {
     readonly SAT_MOCK_TEST: "SAT_MOCK_TEST";
 };
 
+declare enum BLOCK_TYPE_2 {
+    DEFAULT = "DEFAULT",
+    PREREQ = "PREREQ",
+    RECAP = "RECAP",
+    GOAL = "GOAL",
+    TESTS = "TESTS",
+    PLAYLIST = "PLAYLIST",
+    SOLUTIONS = "SOLUTIONS",
+    NOTES = "NOTES",
+    FLASHCARDS = "FLASHCARDS",
+    SUBJECTIVES = "SUBJECTIVES",
+    PUZZLE_CARDS = "PUZZLE_CARDS",
+    SAT_MOCK_TEST = "SAT_MOCK_TEST"
+}
+
 export declare const Book2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const BookClosedIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -148,6 +163,8 @@ declare const CHAPTER_PERMISSION_CODES: {
 
 export declare const ChapterClearanceConfirmationModal: FC<IChapterClearanceConfirmationModal>;
 
+export declare const ChapterDetails: FC<IChapterDetails>;
+
 export declare const ChaptersList: FC<IChaptersListProps>;
 
 export declare const ChatIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -632,6 +649,10 @@ declare interface IBaseWorksheetProps {
     canShowActionBar?: boolean;
 }
 
+declare interface IBlockSectionsCallbacks extends INodeCardCallbacks {
+    onBlockSkipUnskip?: (blockId: string, skipBlock?: boolean) => void;
+}
+
 declare interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, IClickableAnalyticsProps {
     label: string;
     renderAs: TButtonVariants;
@@ -706,6 +727,25 @@ declare interface IChapter extends IChapterState, Pick<IChapterModel, 'code' | '
     learning_sheet_data: ILearningSheetData[];
 }
 
+declare interface IChapterBlockData {
+    block_type: keyof typeof BLOCK_TYPE_2;
+    chapter_code: string;
+    code: string;
+    block_id: string;
+    is_skipped: boolean;
+    name: string;
+    permissions: IChapterBlockPermission;
+    program_id: string;
+    section_code: keyof typeof SECTION_CODE;
+    sheets: INodeDataProps[];
+    user_block_id: string | null;
+}
+
+declare interface IChapterBlockPermission {
+    can_skip: boolean;
+    can_unskip: boolean;
+}
+
 export declare interface IChapterBlockV3 {
     completed_on: number | null;
     sheets: IWorksheetModelV3[];
@@ -742,6 +782,13 @@ export declare interface IChapterDataProps {
     };
 }
 
+declare interface IChapterDetails extends IBlockSectionsCallbacks {
+    userType: TUserTypes;
+    userChapterId: string;
+    studentId: string;
+    onExit: () => void;
+}
+
 declare interface IChapterModel {
     code: string;
     description: string;
@@ -766,6 +813,17 @@ declare interface IChapterModel {
     is_puzzle_chapter?: boolean;
 }
 
+declare interface IChapterProgressInfo {
+    completed: number;
+    total: number;
+}
+
+declare interface IChapterProgressStats {
+    mandatory: IChapterProgressInfo;
+    class_work: IChapterProgressInfo;
+    optional: IChapterProgressInfo;
+}
+
 declare interface IChapterProps extends IChapterDataProps, IChapterCallbackProps {
     user_type: TUserTypes;
     is_defocused?: boolean;
@@ -2054,6 +2112,53 @@ export declare const Info2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const InfoIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+declare interface INodeCardCallbacks {
+    onNodeAttempt?: (nodeData: INodeDataProps) => void;
+    onNodeView?: (nodeData: INodeDataProps) => void;
+    onNodeReview?: (nodeData: INodeDataProps) => void;
+    onNodeReattempt?: (nodeData: INodeDataProps) => void;
+    onNodeAttemptLocationChange?: (nodeData: INodeDataProps) => void;
+    onNodeMarkAsDone?: (nodeData: INodeDataProps) => void;
+}
+
+declare interface INodeDataProps {
+    accuracy: number | null;
+    attempt_location: TSheetAttemptLocation_2;
+    block_id: string;
+    card_header: string;
+    chapter_id: string;
+    complete_status: boolean;
+    desmos_calculator_enabled: boolean;
+    due_date_ts: number | null;
+    is_lesson_v3_enabled: boolean;
+    is_optional: boolean;
+    is_timed: boolean;
+    is_worksheet_v3: boolean | null;
+    learnosity_activity_ref: string;
+    marked_as_completed: boolean;
+    node_id: string;
+    node_type: TNodeTypes;
+    on_hover_text: string;
+    permissions: INodePermissions;
+    sheet_time: number | null;
+    state: TSheetStates;
+    title: string;
+    user_chapter_id: string | null;
+    user_node_id: string | null;
+}
+
+declare interface INodePermissions {
+    can_change_attempt_location: boolean;
+    can_mark_familiar: boolean;
+    can_reattempt: boolean;
+    can_reset: boolean;
+    can_resume: boolean;
+    can_review: boolean;
+    can_start: boolean;
+    can_teacher_review: boolean;
+    can_unassign: boolean;
+}
+
 export declare interface INudgeProps {
     nudge: 'click';
     content: ReactNode;
@@ -2062,6 +2167,8 @@ export declare interface INudgeProps {
     zIndex?: number;
 }
 
+export declare const invalidateGetChapterDetails: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
+
 export declare const invalidateMilestoneResources: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
 
 export declare const invalidateMilestonesData: (query?: TQuery | undefined) => void;
@@ -3094,6 +3201,20 @@ declare interface IusePointerSyncProps {
     targetUserId?: string;
 }
 
+export declare interface IUserChapterData {
+    chapter_code: string;
+    chapter_id: string;
+    chapter_tags: string[];
+    id: string;
+    image_hue: THueNames;
+    image_url: string;
+    item_bank_enabled: boolean;
+    name: string;
+    program_id: string;
+    progress_stats: IChapterProgressStats | null;
+    blocks: IChapterBlockData[];
+}
+
 declare interface IUserChapterProgressProps {
     familiar_sheets: number;
     mastered_sheets: number;
@@ -3856,6 +3977,18 @@ export declare const SearchableSelectInput: <IDType extends string | number>(pro
 
 export declare const SearchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+declare enum SECTION_CODE {
+    READINESS = "READINESS",
+    GOALS = "GOALS",
+    TESTS = "TESTS",
+    ENRICHMENT = "ENRICHMENT",
+    SUBJECTIVE = "SUBJECTIVE",
+    VIDEOS = "VIDEOS",
+    NOTES = "NOTES",
+    FLASHCARDS = "FLASHCARDS",
+    PUZZLE_CARDS = "PUZZLE_CARDS"
+}
+
 export declare const SectionList: <Section extends string | number | TDefaultSection>(props: ISectionList<Section>) => JSX.Element;
 
 export declare const SelectInput: <IDType extends string | number>(props: ISelectInputProps<IDType>) => JSX.Element;
@@ -4806,6 +4939,8 @@ declare type TSectionSummary = {
 
 declare type TSheetAttemptLocation = keyof typeof SHEET_ATTEMPT_LOCATION;
 
+declare type TSheetAttemptLocation_2 = keyof typeof SHEET_ATTEMPT_LOCATION;
+
 declare type TSheetAttemptStateProps = keyof typeof SHEET_ATTEMPT_STATE;
 
 declare type TSheetBlockData = {
@@ -4867,6 +5002,8 @@ export declare type TSheetsSection = 'core_lessons' | 'supplementary_sheets' | '
 
 declare type TSheetStateProps = 'LOCKED' | 'NOT_STARTED' | 'IN_PROGRESS' | 'FAMILIAR' | 'PROFICIENT' | 'MASTERED' | 'COMPLETED' | 'RE_ATTEMPT';
 
+declare type TSheetStates = 'LOCKED' | 'NOT_STARTED' | 'IN_PROGRESS' | 'COMPLETED' | 'WAIT_FOR_REVIEW';
+
 export declare type TSkillStatus = 'pending' | 'completed';
 
 declare type TStickerData = {