@cuemath/leap 2.9.3 → 2.9.4-as3

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

@@ -0,0 +1,192 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { memo as Y, useState as q, useRef as J, useCallback as u } from "react";
+import Q from "../../../../../assets/line-icons/icons/check2.js";
+import V from "../../../../../assets/line-icons/icons/eye2.js";
+import Z from "../../../../../assets/line-icons/icons/home2.js";
+import O from "../../../../../assets/line-icons/icons/more-vertical.js";
+import D from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import ee from "../../../../ui/hooks/use-context-menu-click-handler.js";
+import te from "../../../../ui/layout/flex-view.js";
+import re from "../../../../ui/lottie-animation/lottie-animation.js";
+import oe from "../../../../ui/text/text.js";
+import { BLOCK_TYPE as ie } from "../../../constants/block-constants.js";
+import { NODE_CARD_STATES as $, TEACHER_MENU_LABELS as ne } from "../../../constants/node-constants.js";
+import { getNodeTypeBasedBgImage as ce } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as ae } from "../../../utils/node-card-utils.js";
+import se from "../border-path-animation.js";
+import { NodeCardContainer as le, NodeCardInfoWrapper as de, IconWrapper as me, StyledImportantIcon as pe, NodeKebabMenuWrapper as T, NodeCardContentWrapper as he, NodeCardTitle as fe, NodeMenuOptionsWrapper as ue } from "../node-card-styled.js";
+import $e from "../node-card-tags.js";
+import Ce from "../node-menu-options/node-menu-options.js";
+const { ASSIGN_AS_HW: _e, REVIEW: Ie, VIEW: ge, MARK_AS_DONE: be } = ne, Xe = Y(
+  ({
+    nodeData: t,
+    imageHue: A,
+    blockType: L,
+    isSkipped: C,
+    onNodeAttemptLocationChange: o,
+    onNodeMarkAsDone: i,
+    onNodeView: n,
+    onNodeReview: c
+  }) => {
+    const [w, _] = q(!1), l = J(null), { menuVisible: x, onMenuClick: I } = ee(l), {
+      accuracy: y,
+      attempt_location: W,
+      node_type: d,
+      card_header: B,
+      title: M,
+      state: a,
+      is_optional: g,
+      sheet_statement: b,
+      permissions: H,
+      user_attempt_id: m
+    } = t, {
+      can_change_attempt_location: G,
+      can_mark_familiar: K,
+      can_review: p
+    } = H, h = L === ie.GOAL, s = a === $.LOCKED, R = a === $.NOT_STARTED, j = a === $.IN_PROGRESS, E = W === "INCLASS", P = !b || !h, S = !g && (j || R), X = ce(d), { icon: v, lottie: F } = ae(d), f = u(
+      (k) => {
+        switch (k) {
+          case "node-card-view":
+            p && m ? c == null || c(t) : n == null || n(t);
+            return;
+          case "node-card-assign-as-hw":
+            o == null || o(t);
+            return;
+          case "node-card-mark-as-done":
+            i == null || i(t);
+            return;
+          default:
+            throw new Error(`No callback function for ${k}`);
+        }
+      },
+      [
+        p,
+        t,
+        o,
+        i,
+        c,
+        n,
+        m
+      ]
+    ), z = u(() => {
+      _(!0);
+    }, []), N = u(() => {
+      _(!1);
+    }, []), U = [
+      {
+        id: "node-card-view",
+        label: p && m ? Ie : ge,
+        icon: V,
+        disabled: !1,
+        onClick: f
+      },
+      {
+        id: "node-card-assign-as-hw",
+        label: _e,
+        icon: Z,
+        disabled: !G || !E,
+        onClick: f
+      },
+      {
+        id: "node-card-mark-as-done",
+        label: be,
+        icon: Q,
+        disabled: !K,
+        onClick: f
+      }
+    ];
+    return /* @__PURE__ */ r(
+      le,
+      {
+        $showOutline: !S,
+        $isSheetLocked: s,
+        $background: `${A}_2`,
+        $disabled: !!C,
+        onMouseEnter: z,
+        onMouseLeave: N,
+        children: [
+          /* @__PURE__ */ r(
+            D,
+            {
+              renderAs: "primary",
+              tooltipItem: b,
+              position: "bottom",
+              zIndex: 5,
+              hidden: P,
+              parentWidth: "100%",
+              widthX: 11.25,
+              children: [
+                /* @__PURE__ */ r(
+                  de,
+                  {
+                    $flexDirection: "row",
+                    $alignItems: "center",
+                    $width: "100%",
+                    $heightX: 3.5,
+                    $bgImage: X,
+                    $gutterX: 0.78125,
+                    $flexGap: 8.5,
+                    children: [
+                      /* @__PURE__ */ r(
+                        me,
+                        {
+                          $width: 31,
+                          $height: 31,
+                          $background: "WHITE_1",
+                          $position: "relative",
+                          $alignItems: "center",
+                          $justifyContent: "center",
+                          $opacity: s ? 0.5 : 1,
+                          children: [
+                            w ? /* @__PURE__ */ e(re, { src: F }) : /* @__PURE__ */ e(v, { width: 20, height: 20 }),
+                            !g && /* @__PURE__ */ e(pe, {})
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ r(oe, { $renderAs: "ac4-black", $color: "BLACK", $opacity: s ? 0.5 : 1, children: [
+                        B,
+                        " ",
+                        E && ". CW"
+                      ] }),
+                      /* @__PURE__ */ e(te, { className: "context-menu", children: h && /* @__PURE__ */ e(T, { ref: l, onClick: I, children: /* @__PURE__ */ e(O, { width: 16, height: 16 }) }) }),
+                      S && !C && /* @__PURE__ */ e(se, {})
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e($e, { nodeType: d, state: a, accuracy: y }),
+                !h && /* @__PURE__ */ r(
+                  he,
+                  {
+                    $flexDirection: "row",
+                    $alignItems: "center",
+                    $background: "WHITE_1",
+                    $flexGap: 8,
+                    $heightX: 4,
+                    $justifyContent: "space-between",
+                    children: [
+                      /* @__PURE__ */ e(
+                        fe,
+                        {
+                          $renderAs: "ab3",
+                          $color: "BLACK_1",
+                          $opacity: s ? 0.5 : 1,
+                          children: M
+                        }
+                      ),
+                      /* @__PURE__ */ e(T, { ref: l, onClick: I, children: /* @__PURE__ */ e(O, { width: 16, height: 16 }) })
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(ue, { $visible: x, children: /* @__PURE__ */ e(Ce, { options: U }) })
+        ]
+      }
+    );
+  }
+);
+export {
+  Xe 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 { memo, useCallback, useRef, useState } 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 useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../../ui/text/text';\nimport { BLOCK_TYPE } from '../../../constants/block-constants';\nimport { NODE_CARD_STATES, TEACHER_MENU_LABELS } from '../../../constants/node-constants';\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 { ASSIGN_AS_HW, REVIEW, VIEW, MARK_AS_DONE } = TEACHER_MENU_LABELS;\n\nconst TeacherActions: FC<Omit<INodeCardProps, 'userType'>> = memo(\n  ({\n    nodeData,\n    imageHue,\n    blockType,\n    isSkipped,\n    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeView,\n    onNodeReview,\n  }) => {\n    const [renderLottie, setRenderLottie] = useState(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\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      sheet_statement: sheetStatement,\n      permissions,\n      user_attempt_id: userAttemptId,\n    } = nodeData;\n\n    const {\n      can_change_attempt_location: canChangeAttemptLocation,\n      can_mark_familiar: canMarkFamiliar,\n      can_review: canReview,\n    } = permissions;\n\n    const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n    const sheetLocked = state === NODE_CARD_STATES.LOCKED;\n    const sheetNotStarted = state === NODE_CARD_STATES.NOT_STARTED;\n    const sheetInProgress = state === NODE_CARD_STATES.IN_PROGRESS;\n    const inClassSheet = attemptLocation === 'INCLASS';\n    const tooltipHidden = !sheetStatement || !isGoalBlock;\n\n    const showCardAnimation = !isOptional && (sheetInProgress || sheetNotStarted);\n\n    const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n    const { icon: NodeCardIcon, lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n\n    const handleOnMenuOptionClick = useCallback(\n      (optionId: string) => {\n        switch (optionId) {\n          case 'node-card-view':\n            if (canReview && userAttemptId) {\n              onNodeReview?.(nodeData);\n            } else {\n              onNodeView?.(nodeData);\n            }\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        canReview,\n        nodeData,\n        onNodeAttemptLocationChange,\n        onNodeMarkAsDone,\n        onNodeReview,\n        onNodeView,\n        userAttemptId,\n      ],\n    );\n\n    const handleOnMouseEnter = useCallback(() => {\n      setRenderLottie(true);\n    }, []);\n\n    const handleOnMouseLeave = useCallback(() => {\n      setRenderLottie(false);\n    }, []);\n\n    const menuOptions: INodeMenuOption[] = [\n      {\n        id: 'node-card-view',\n        label: canReview && userAttemptId ? 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 || !inClassSheet,\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={!showCardAnimation}\n        $isSheetLocked={sheetLocked}\n        $background={`${imageHue}_2`}\n        $disabled={Boolean(isSkipped)}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleOnMouseLeave}\n      >\n        <ArrowTooltip\n          renderAs=\"primary\"\n          tooltipItem={sheetStatement}\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              {renderLottie ? (\n                <LottieAnimation src={nodeCardLottie} />\n              ) : (\n                <NodeCardIcon width={20} height={20} />\n              )}\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                <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={onMenuClick}>\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.NodeKebabMenuWrapper>\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\n                $renderAs=\"ab3\"\n                $color=\"BLACK_1\"\n                $opacity={sheetLocked ? 0.5 : 1}\n              >\n                {title}\n              </Styled.NodeCardTitle>\n\n              <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={onMenuClick}>\n                <MoreVerticalIcon width={16} height={16} />\n              </Styled.NodeKebabMenuWrapper>\n            </Styled.NodeCardContentWrapper>\n          )}\n        </ArrowTooltip>\n\n        <Styled.NodeMenuOptionsWrapper $visible={menuVisible}>\n          <NodeMenuOptions options={menuOptions} />\n        </Styled.NodeMenuOptionsWrapper>\n      </Styled.NodeCardContainer>\n    );\n  },\n);\n\nexport default TeacherActions;\n"],"names":["ASSIGN_AS_HW","REVIEW","VIEW","MARK_AS_DONE","TEACHER_MENU_LABELS","TeacherActions","memo","nodeData","imageHue","blockType","isSkipped","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeView","onNodeReview","renderLottie","setRenderLottie","useState","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","userAttemptId","canChangeAttemptLocation","canMarkFamiliar","canReview","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","sheetInProgress","inClassSheet","tooltipHidden","showCardAnimation","nodeBgImage","getNodeTypeBasedBgImage","NodeCardIcon","nodeCardLottie","getNodeCardBasedIcon","handleOnMenuOptionClick","useCallback","optionId","handleOnMouseEnter","handleOnMouseLeave","menuOptions","Eye2Icon","Home2Icon","Check2Icon","jsxs","Styled.NodeCardContainer","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","jsx","LottieAnimation","Styled.StyledImportantIcon","Text","FlexView","Styled.NodeKebabMenuWrapper","MoreVerticalIcon","BorderPathAnimation","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","Styled.NodeMenuOptionsWrapper","NodeMenuOptions"],"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,20 @@
+var A = /* @__PURE__ */ ((S) => (S.DEFAULT = "DEFAULT", S.PREREQ = "PREREQ", S.RECAP = "RECAP", S.GOAL = "GOAL", S.TESTS = "TESTS", S.PLAYLIST = "PLAYLIST", S.SOLUTIONS = "SOLUTIONS", S.NOTES = "NOTES", S.FLASHCARDS = "FLASHCARDS", S.SUBJECTIVES = "SUBJECTIVES", S.PUZZLE_CARDS = "PUZZLE_CARDS", S.SAT_MOCK_TEST = "SAT_MOCK_TEST", S))(A || {});
+const T = {
+  DEFAULT: "Default",
+  PREREQ: "Prerequisite",
+  RECAP: "Recap",
+  GOAL: "Lesson",
+  TESTS: "Tests",
+  PLAYLIST: "Videos",
+  SOLUTIONS: "Solutions",
+  NOTES: "Notes",
+  FLASHCARDS: "Flashcards",
+  SUBJECTIVES: "Subjective Questions",
+  PUZZLE_CARDS: "Puzzles",
+  SAT_MOCK_TEST: "SAT Mock Test"
+};
+export {
+  T as BLOCK_NAME,
+  A as BLOCK_TYPE
+};
+//# 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]: 'Videos',\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_TYPE","BLOCK_NAME"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,cAAc,eACdA,EAAA,eAAe,gBACfA,EAAA,gBAAgB,iBAZNA,IAAAA,KAAA,CAAA,CAAA;AA2BL,MAAMC,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/constants/node-constants.js

@@ -0,0 +1,14 @@
+const I = {
+  ASSIGN_AS_HW: "Assign as HW",
+  MARK_AS_DONE: "Mark as Done",
+  SKIP: "Skip",
+  REVERT_SKIP: "Revert Skip",
+  REVIEW: "Review",
+  VIEW: "View"
+};
+var R = /* @__PURE__ */ ((E) => (E.LOCKED = "LOCKED", E.NOT_STARTED = "NOT_STARTED", E.WAIT_FOR_REVIEW = "WAIT_FOR_REVIEW", E.IN_PROGRESS = "IN_PROGRESS", E.COMPLETED = "COMPLETED", E))(R || {});
+export {
+  R as NODE_CARD_STATES,
+  I as TEACHER_MENU_LABELS
+};
+//# sourceMappingURL=node-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node-constants.js","sources":["../../../../src/features/chapters-v2/constants/node-constants.ts"],"sourcesContent":["export const TEACHER_MENU_LABELS = {\n  ASSIGN_AS_HW: 'Assign as HW',\n  MARK_AS_DONE: 'Mark as Done',\n  SKIP: 'Skip',\n  REVERT_SKIP: 'Revert Skip',\n  REVIEW: 'Review',\n  VIEW: 'View',\n};\n\nexport enum NODE_CARD_STATES {\n  LOCKED = 'LOCKED',\n  NOT_STARTED = 'NOT_STARTED',\n  WAIT_FOR_REVIEW = 'WAIT_FOR_REVIEW',\n  IN_PROGRESS = 'IN_PROGRESS',\n  COMPLETED = 'COMPLETED',\n}\n\nexport enum NODE_CARD_COURSE_TYPES {\n  PROGRAM = 'PROGRAM',\n  REMEDIAL = 'REMEDIAL',\n  TEST_SERIES = 'TEST_SERIES',\n  EXAM = 'EXAM',\n}\n"],"names":["TEACHER_MENU_LABELS","NODE_CARD_STATES"],"mappings":"AAAO,MAAMA,IAAsB;AAAA,EACjC,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM;AACR;AAEY,IAAAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,kBAAkB,mBAClBA,EAAA,cAAc,eACdA,EAAA,YAAY,aALFA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -0,0 +1,41 @@
+import { ILLUSTRATIONS as e } from "../../../assets/illustrations/illustrations.js";
+const _ = (t) => {
+  if (!t) return 0;
+  const { mandatory: E } = t, { completed: n, total: r } = E;
+  return r === 0 ? 0 : Math.floor(n / r * 100);
+}, o = (t) => {
+  switch (t) {
+    case "LEARNING":
+      return e.NODE_LEARN_BG;
+    case "RECAP":
+      return e.NODE_RECAP_BG;
+    case "ASSESSMENT":
+    case "DYNAMIC":
+      return e.NODE_CUSTOM_TEST_BG;
+    case "PRACTICE":
+    case "EXTRA_PRACTICE":
+    case "TARGET_PRACTICE":
+    case "MASTERY":
+      return e.NODE_PRACTICE_BG;
+    case "PUZZLE_EASY":
+    case "PUZZLE_MEDIUM":
+    case "PUZZLE_HARD":
+      return e.NODE_PUZZLE_BG;
+    case "VIDEO":
+      return e.NODE_VIDEO_BG;
+    default:
+      return e.NODE_CUSTOM_TEST_BG;
+  }
+}, T = (t, E, n, r) => {
+  if (!t) {
+    if (!n) return `(${E})`;
+    if (r !== void 0 && r > 0)
+      return `${r}`;
+  }
+};
+export {
+  _ as getChapterCompletionPercentage,
+  o as getNodeTypeBasedBgImage,
+  T as getSheetNLessonCount
+};
+//# 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  if (total === 0) {\n    return 0;\n  }\n\n  const percentage = Math.floor((completed / total) * 100);\n\n  return percentage;\n};\n\nconst getNodeTypeBasedBgImage = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return ILLUSTRATIONS.NODE_LEARN_BG;\n    case 'RECAP':\n      return ILLUSTRATIONS.NODE_RECAP_BG;\n\n    case 'ASSESSMENT':\n    case 'DYNAMIC':\n      return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n      return ILLUSTRATIONS.NODE_PRACTICE_BG;\n\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return ILLUSTRATIONS.NODE_PUZZLE_BG;\n\n    case 'VIDEO':\n      return ILLUSTRATIONS.NODE_VIDEO_BG;\n\n    default:\n      return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n  }\n};\n\nconst getSheetNLessonCount = (\n  isSkipped: boolean,\n  sheetsLength: number,\n  isGoalBlock?: boolean,\n  lessonIdx?: number,\n) => {\n  if (isSkipped) return undefined;\n\n  if (!isGoalBlock) return `(${sheetsLength})`;\n\n  if (lessonIdx !== undefined && lessonIdx > 0) {\n    return `${lessonIdx}`;\n  }\n};\n\nexport { getChapterCompletionPercentage, getNodeTypeBasedBgImage, getSheetNLessonCount };\n"],"names":["getChapterCompletionPercentage","progressStats","mandatory","completed","total","getNodeTypeBasedBgImage","nodeType","ILLUSTRATIONS","getSheetNLessonCount","isSkipped","sheetsLength","isGoalBlock","lessonIdx"],"mappings":";AASM,MAAAA,IAAiC,CAACC,MAAgD;AAClF,MAAA,CAACA,EAAsB,QAAA;AAErB,QAAA,EAAE,WAAAC,EAAc,IAAAD,GAChB,EAAE,WAAAE,GAAW,OAAAC,EAAU,IAAAF;AAE7B,SAAIE,MAAU,IACL,IAGU,KAAK,MAAOD,IAAYC,IAAS,GAAG;AAGzD,GAEMC,IAA0B,CAACC,MAA0C;AACzE,UAAQA,GAAU;AAAA,IAChB,KAAK;AACH,aAAOC,EAAc;AAAA,IACvB,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB;AACE,aAAOA,EAAc;AAAA,EACzB;AACF,GAEMC,IAAuB,CAC3BC,GACAC,GACAC,GACAC,MACG;AACH,MAAI,CAAAH,GAEJ;AAAA,QAAI,CAACE,EAAoB,QAAA,IAAID,CAAY;AAErC,QAAAE,MAAc,UAAaA,IAAY;AACzC,aAAO,GAAGA,CAAS;AAAA;AAEvB;"}

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

@@ -0,0 +1,144 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import u from "../../../assets/line-icons/icons/alarm.js";
+import I from "../../../assets/line-icons/icons/bulb2.js";
+import T from "../../../assets/line-icons/icons/check2.js";
+import d from "../../../assets/line-icons/icons/dart.js";
+import f from "../../../assets/line-icons/icons/exclamation.js";
+import R from "../../../assets/line-icons/icons/lock2.js";
+import p from "../../../assets/line-icons/icons/play2.js";
+import A from "../../../assets/line-icons/icons/puzzle.js";
+import S from "../../../assets/line-icons/icons/recap.js";
+import $ from "../../../assets/line-icons/icons/status.js";
+import D from "../../../assets/line-icons/icons/testtube.js";
+import { LOTTIE as t } from "../../../assets/lottie/lottie.js";
+import h from "../../ui/layout/flex-view.js";
+import s from "../../ui/text/text.js";
+import { InProgressIconWrapper as a } from "../comps/node-card/node-card-styled.js";
+import E from "../comps/tag/tag.js";
+const C = 60 * 60 * 24, P = ["NOT_STARTED", "IN_PROGRESS"], g = (r) => {
+  if (!r)
+    return { isOverdue: !1, daysText: "" };
+  const c = Math.floor(Date.now() / 1e3), i = r - c, n = Math.ceil(i / C), o = n < 0, m = n > 0 ? `${Math.abs(n)}D` : "";
+  return { isOverdue: o, daysText: m };
+}, j = (r, c, i) => {
+  const { isOverdue: n, daysText: o } = g(i);
+  if (n && P.includes(r))
+    return {
+      icon: /* @__PURE__ */ e(h, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) }),
+      top: -10,
+      right: -10
+    };
+  switch (r) {
+    case "NOT_STARTED":
+      return {
+        icon: /* @__PURE__ */ e(
+          a,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $justifyContent: "center",
+            $gutterX: 0.5,
+            $borderRadius: 16,
+            children: o && /* @__PURE__ */ e(s, { $renderAs: "ub3-bold", $color: "WHITE", children: o })
+          }
+        ),
+        top: 0,
+        right: 0
+      };
+    case "LOCKED":
+      return {
+        icon: /* @__PURE__ */ e(R, { width: 32, height: 32 }),
+        top: -12,
+        right: -12
+      };
+    case "IN_PROGRESS":
+      return {
+        icon: /* @__PURE__ */ l(
+          a,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $justifyContent: "center",
+            $gutterX: o ? 0.25 : 0,
+            $borderRadius: 16,
+            children: [
+              o && /* @__PURE__ */ e(s, { $renderAs: "ub3-bold", $color: "WHITE", children: o }),
+              /* @__PURE__ */ e($, {})
+            ]
+          }
+        )
+      };
+    case "COMPLETED":
+      return {
+        icon: /* @__PURE__ */ e(
+          E,
+          {
+            Icon: T,
+            label: typeof c == "number" ? `${c}%` : void 0
+          }
+        ),
+        top: -10,
+        right: -10
+      };
+    case "WAIT_FOR_REVIEW":
+      return {
+        icon: /* @__PURE__ */ e(E, { Icon: f }),
+        top: -10,
+        right: -10
+      };
+    default:
+      return {
+        icon: void 0
+      };
+  }
+}, k = (r) => {
+  switch (r) {
+    case "LEARNING":
+      return {
+        lottie: t.LEARN,
+        icon: I
+      };
+    case "RECAP":
+      return {
+        lottie: t.RECAP,
+        icon: S
+      };
+    case "DYNAMIC":
+    case "ASSESSMENT":
+    case "CHAPTER_ASSESSMENT":
+      return {
+        lottie: t.TEST,
+        icon: u
+      };
+    case "PRACTICE":
+    case "EXTRA_PRACTICE":
+    case "TARGET_PRACTICE":
+    case "MASTERY":
+      return {
+        lottie: t.PRACTICE,
+        icon: d
+      };
+    case "PUZZLE_EASY":
+    case "PUZZLE_MEDIUM":
+    case "PUZZLE_HARD":
+      return {
+        lottie: t.PUZZLE,
+        icon: A
+      };
+    case "VIDEO":
+      return {
+        lottie: t.VIDEO,
+        icon: p
+      };
+    default:
+      return {
+        lottie: t.PROJECT,
+        icon: D
+      };
+  }
+};
+export {
+  k as getNodeCardBasedIcon,
+  j 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 Play2Icon from '../../../assets/line-icons/icons/play2';\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 TestTubeIcon from '../../../assets/line-icons/icons/testtube';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport FlexView from '../..//ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport Tag from '../comps/tag/tag';\n\ninterface DueDateInfo {\n  isOverdue: boolean;\n  daysText: string;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED', 'IN_PROGRESS'];\n\nconst calculateDueDateInfo = (dueDateTs?: number | null): DueDateInfo => {\n  if (!dueDateTs) {\n    return { isOverdue: false, daysText: '' };\n  }\n\n  const currentTimestamp = Math.floor(Date.now() / 1000);\n  const differenceInSeconds = dueDateTs - currentTimestamp;\n  const differenceInDays = Math.ceil(differenceInSeconds / SECONDS_PER_DAY);\n\n  const isOverdue = differenceInDays < 0;\n\n  const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n\n  return { isOverdue, daysText };\n};\n\nconst getNodeStateBasedTagInfo = (\n  nodeState: INodeDataProps['state'],\n  accuracy?: number | null,\n  dueDateTs?: number | null,\n) => {\n  const { isOverdue, daysText } = calculateDueDateInfo(dueDateTs);\n\n  if (isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n    return {\n      icon: (\n        <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n            OVERDUE\n          </Text>\n        </FlexView>\n      ),\n      top: -10,\n      right: -10,\n    };\n  }\n\n  switch (nodeState) {\n    case 'NOT_STARTED':\n      return {\n        icon: (\n          <InProgressIconWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $gutterX={0.5}\n            $borderRadius={16}\n          >\n            {daysText && (\n              <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                {daysText}\n              </Text>\n            )}\n          </InProgressIconWrapper>\n        ),\n        top: 0,\n        right: 0,\n      };\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            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $gutterX={daysText ? 0.25 : 0}\n            $borderRadius={16}\n          >\n            {daysText && (\n              <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                {daysText}\n              </Text>\n            )}\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} />,\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 {\n        lottie: LOTTIE.LEARN,\n        icon: Bulb2Icon,\n      };\n    case 'RECAP':\n      return {\n        lottie: LOTTIE.RECAP,\n        icon: RecapIcon,\n      };\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n    case 'CHAPTER_ASSESSMENT':\n      return {\n        lottie: LOTTIE.TEST,\n        icon: AlarmIcon,\n      };\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n      return {\n        lottie: LOTTIE.PRACTICE,\n        icon: DartIcon,\n      };\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return {\n        lottie: LOTTIE.PUZZLE,\n        icon: PuzzleIcon,\n      };\n    case 'VIDEO':\n      return {\n        lottie: LOTTIE.VIDEO,\n        icon: Play2Icon,\n      };\n    default:\n      return {\n        lottie: LOTTIE.PROJECT,\n        icon: TestTubeIcon,\n      };\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","currentTimestamp","differenceInSeconds","differenceInDays","isOverdue","daysText","getNodeStateBasedTagInfo","nodeState","accuracy","jsx","FlexView","Text","InProgressIconWrapper","Lock2Icon","jsxs","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","LOTTIE","Bulb2Icon","RecapIcon","AlarmIcon","DartIcon","PuzzleIcon","Play2Icon","TestTubeIcon"],"mappings":"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"}

package/dist/features/communication/pub-sub/constants.js

@@ -24,11 +24,14 @@ const E = {
   PAST_MILESTONE_OUTCOME_ADDED: "PAST_MILESTONE_OUTCOME_ADDED",
   MILESTONE_TEST_ASSIGNED: "MILESTONE_TEST_ASSIGNED"
 }, T = {
+  HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN"
+}, A = {
   ...E,
   ..._,
-  ...S
+  ...S,
+  ...T
 };
 export {
-  T as EVENTS
+  A as EVENTS
 };
 //# sourceMappingURL=constants.js.map

package/dist/features/communication/pub-sub/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n  MILESTONE_TEST_ASSIGNED: 'MILESTONE_TEST_ASSIGNED',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AACpB,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAAA,EAC9B,yBAAyB;AAC3B,GAEMC,IAAS;AAAA,EACb,GAAGH;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AACL;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n  MILESTONE_TEST_ASSIGNED: 'MILESTONE_TEST_ASSIGNED',\n} as const;\n\nconst HOMEWORK_EVENTS = {\n  HOMEWORK_UNASSIGN: 'HOMEWORK_UNASSIGN',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n  ...HOMEWORK_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","HOMEWORK_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AACpB,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAAA,EAC9B,yBAAyB;AAC3B,GAEMC,IAAkB;AAAA,EACtB,mBAAmB;AACrB,GAEMC,IAAS;AAAA,EACb,GAAGJ;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AAAA,EACH,GAAGE;AACL;"}

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

@@ -0,0 +1,38 @@
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { memo as m } from "react";
+import u from "../ui/buttons/clickable/clickable.js";
+import { CardMenuOptionsWrapper as h, CardOptionWrapper as s, OptionText as d } from "./styles.js";
+const b = m(
+  ({ options: t, shouldOpenOnRight: i, visible: n, $width: l }) => n ? /* @__PURE__ */ o(
+    h,
+    {
+      $visible: n,
+      $background: "BLACK_2",
+      $borderColor: "WHITE_T_38",
+      $gapX: 0.5,
+      $width: l,
+      $shouldopenonright: i,
+      children: t.map(({ icon: p, label: a, id: r, onClick: $, disabled: e }) => /* @__PURE__ */ o(u, { onClick: () => e ? null : $(r), label: r, children: /* @__PURE__ */ c(
+        s,
+        {
+          $flexDirection: "row",
+          $alignItems: "center",
+          $flexGap: 8,
+          $gapX: 0.5,
+          $gutterX: 1,
+          $opacity: e ? 0.5 : 1,
+          $disabled: e,
+          children: [
+            /* @__PURE__ */ o(p, { width: 20, height: 20 }),
+            /* @__PURE__ */ o(d, { $renderAs: "ub3", $color: "WHITE", children: a })
+          ]
+        },
+        r
+      ) }, r))
+    }
+  ) : null
+);
+export {
+  b as default
+};
+//# sourceMappingURL=card-menu-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-menu-options.js","sources":["../../../src/features/homework/card-menu-options.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nimport { memo } from 'react';\n\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport * as Styled from './styles';\n\ninterface ICardMenuOption {\n  id: string;\n  label: string;\n  icon: FC<SVGProps<SVGSVGElement>>;\n  onClick: (id: string) => void;\n  disabled: boolean;\n}\n\ninterface ICardMenuOptionsProps {\n  $width?: string | number;\n  options: ICardMenuOption[];\n  triggerRef: React.RefObject<HTMLElement>;\n  visible: boolean;\n  shouldOpenOnRight: boolean;\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(\n  ({ options, shouldOpenOnRight, visible, $width }) => {\n    if (!visible) return null;\n\n    return (\n      <Styled.CardMenuOptionsWrapper\n        $visible={visible}\n        $background=\"BLACK_2\"\n        $borderColor=\"WHITE_T_38\"\n        $gapX={0.5}\n        $width={$width}\n        $shouldopenonright={shouldOpenOnRight}\n      >\n        {options.map(({ icon: OptionIcon, label, id, onClick, disabled }) => (\n          <Clickable onClick={() => (!disabled ? onClick(id) : null)} label={id} key={id}>\n            <Styled.CardOptionWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $flexGap={8}\n              $gapX={0.5}\n              $gutterX={1}\n              $opacity={disabled ? 0.5 : 1}\n              $disabled={disabled}\n              key={id}\n            >\n              <OptionIcon width={20} height={20} />\n              <Styled.OptionText $renderAs=\"ub3\" $color=\"WHITE\">\n                {label}\n              </Styled.OptionText>\n            </Styled.CardOptionWrapper>\n          </Clickable>\n        ))}\n      </Styled.CardMenuOptionsWrapper>\n    );\n  },\n);\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","shouldOpenOnRight","visible","$width","jsx","Styled.CardMenuOptionsWrapper","OptionIcon","label","id","onClick","disabled","Clickable","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;;AAuBA,MAAMA,IAA6CC;AAAA,EACjD,CAAC,EAAE,SAAAC,GAAS,mBAAAC,GAAmB,SAAAC,GAAS,QAAAC,QACjCD,IAGH,gBAAAE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAUH;AAAA,MACV,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,OAAO;AAAA,MACP,QAAAC;AAAA,MACA,oBAAoBF;AAAA,MAEnB,UAAAD,EAAQ,IAAI,CAAC,EAAE,MAAMM,GAAY,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,UAAAC,0BACnDC,GAAU,EAAA,SAAS,MAAQD,IAAyB,OAAdD,EAAQD,CAAE,GAAW,OAAOA,GACjE,UAAA,gBAAAI;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAUH,IAAW,MAAM;AAAA,UAC3B,WAAWA;AAAA,UAGX,UAAA;AAAA,YAAA,gBAAAN,EAACE,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,YACnC,gBAAAF,EAACU,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHP,GAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QALKC;AAAA,MAAA,EAMP,GAf0EA,CAgB5E,CACD;AAAA,IAAA;AAAA,EAAA,IA7BgB;AAiCzB;"}

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

@@ -0,0 +1,15 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import c from "../ui/layout/flex-view.js";
+import i from "../ui/text/text.js";
+const l = ({ label: e, title: r }) => /* @__PURE__ */ a(c, { children: [
+  /* @__PURE__ */ t(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ t(i, { $color: "WHITE", $renderAs: "ac4-black", children: e }) }),
+  /* @__PURE__ */ t(i, { $renderAs: "ac4-black", children: r })
+] }), f = ({
+  cardHeader: e,
+  nodeType: r,
+  courseType: n
+}) => r === "MASTERY" ? /* @__PURE__ */ t(l, { label: "Smart", title: "Practice" }) : n === "REMEDIAL" ? /* @__PURE__ */ t(l, { label: "EXTRA", title: e }) : n === "EXAM" ? /* @__PURE__ */ t(l, { label: "CUSTOM", title: e }) : /* @__PURE__ */ t(i, { $renderAs: "ac4-black", children: e });
+export {
+  f as default
+};
+//# sourceMappingURL=card-title.js.map