@cuemath/leap 3.0.18 → 3.0.19-gs1

package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js

@@ -1,106 +1,106 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import S from "../../../../assets/line-icons/icons/more-vertical.js";
-import I from "../../../../assets/line-icons/icons/skip.js";
-import O from "../../../ui/context-menu/context-menu.js";
+import L from "../../../../assets/line-icons/icons/more-vertical.js";
+import S from "../../../../assets/line-icons/icons/skip.js";
+import T from "../../../ui/context-menu/context-menu.js";
 import c from "../../../ui/layout/flex-view.js";
-import u from "../../../ui/text/text.js";
-import T from "../../comps/node-card/node-card.js";
+import $ from "../../../ui/text/text.js";
+import O from "../../comps/node-card/node-card.js";
 import j from "../../comps/node-card/node-menu-options/node-menu-options.js";
 import { BLOCK_NAME as k } from "../../constants/block-constants.js";
 import { getSheetNLessonCount as y } from "../../utils/index.js";
-import { BlockSectionWrapper as M, BlockOptionsWrapper as B, BlockSheetContainer as K } from "./block-sections-styled.js";
+import { BlockSectionWrapper as H, BlockOptionsWrapper as M, BlockSheetContainer as W } from "./block-sections-styled.js";
 const q = ({
   userType: o,
-  imageHue: m,
-  blockData: l,
-  lessonIdx: s,
-  isLastBlock: C,
+  imageHue: u,
+  blockData: m,
+  lessonIdx: l,
+  isLastBlock: g,
   isGoalBlock: r,
-  onNodeAttempt: g,
+  onNodeAttempt: C,
   onNodeAssignAsHomework: x,
   onNodeMarkAsDone: _,
-  onNodeReattempt: b,
-  onNodeReview: E,
+  onNodeReattempt: E,
+  onNodeReview: b,
   onNodeView: N,
   onBlockSkipUnskip: i
 }) => {
-  const { block_type: p, name: a, sheets: d, permissions: w } = l, { can_skip: h, can_un_skip: e } = w, f = k[p], A = y(e, d.length, r, s), L = [
+  const { block_type: s, name: p, sheets: a, permissions: w } = m, { can_skip: d, can_un_skip: e } = w, h = k[s], A = y(e, a.length, r, l), I = [
     {
       id: "node-card-skip",
       label: e ? "Revert 'Skip'" : "Skip",
-      icon: I,
+      icon: S,
       disabled: !1,
-      onClick: () => i == null ? void 0 : i(l, h)
+      onClick: () => i == null ? void 0 : i(m, d)
     }
   ];
   return o === "STUDENT" && e ? null : /* @__PURE__ */ t(
-    M,
+    H,
     {
-      $background: r ? `${m}_1` : "WHITE_1",
+      $background: r ? "WHITE_1" : "WHITE_3",
       $gutterX: 1,
-      $lastBlock: C,
+      $lastBlock: g,
       $flexGap: 12,
       children: /* @__PURE__ */ n(c, { $flexGap: 12, children: [
         /* @__PURE__ */ n(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
           /* @__PURE__ */ n(c, { $opacity: e ? 0.5 : 1, children: [
             /* @__PURE__ */ n(
-              u,
+              $,
               {
                 $renderAs: "ac4",
                 $color: "BLACK_T_60",
                 $textDecoration: e ? "line-through" : "none",
                 children: [
-                  f === "Puzzles" ? a : f,
+                  h === "Puzzles" ? p : h,
                   " ",
                   A
                 ]
               }
             ),
-            !!r && !!s && /* @__PURE__ */ t(
-              u,
+            !!r && !!l && /* @__PURE__ */ t(
+              $,
               {
                 $renderAs: "ab2-bold",
                 $color: "BLACK_1",
                 $textDecoration: e ? "line-through" : "none",
-                children: a
+                children: p
               }
             )
           ] }),
-          o === "TEACHER" && (h || e) && /* @__PURE__ */ t(
-            O,
+          o === "TEACHER" && (d || e) && /* @__PURE__ */ t(
+            T,
             {
               targetElement: /* @__PURE__ */ t(
-                B,
+                M,
                 {
                   $width: 20,
                   $height: 20,
                   $justifyContent: "center",
                   $alignItems: "center",
-                  children: /* @__PURE__ */ t(S, { width: 16, height: 16 })
+                  children: /* @__PURE__ */ t(L, { width: 16, height: 16 })
                 }
               ),
-              menuElement: /* @__PURE__ */ t(j, { options: L }),
+              menuElement: /* @__PURE__ */ t(j, { options: I }),
               menuOffset: 5,
               menuZIndex: 4
             }
           )
         ] }),
-        /* @__PURE__ */ t(K, { $opacity: e ? 0.5 : 1, children: d.map(($) => /* @__PURE__ */ t(
-          T,
+        /* @__PURE__ */ t(W, { $opacity: e ? 0.5 : 1, children: a.map((f) => /* @__PURE__ */ t(
+          O,
           {
-            imageHue: m || "BLUE",
+            imageHue: u || "BLUE",
             userType: o,
-            nodeData: $,
-            blockType: p,
+            nodeData: f,
+            blockType: s,
             isSkipped: e,
-            onNodeAttempt: g,
+            onNodeAttempt: C,
             onNodeAssignAsHomework: x,
             onNodeMarkAsDone: _,
-            onNodeReattempt: b,
-            onNodeReview: E,
+            onNodeReattempt: E,
+            onNodeReview: b,
             onNodeView: N
           },
-          $.node_id
+          f.node_id
         )) })
       ] })
     }

package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"block-section-view.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-section-view.tsx"],"sourcesContent":["import type { INodeMenuOption } from '../../comps/node-card/node-menu-options/node-menu-options-types';\nimport type { IBlockSectionProps } from './block-sections-types';\nimport type { FC } from 'react';\n\nimport MoreVerticalIcon from '../../../../assets/line-icons/icons/more-vertical';\nimport SkipIcon from '../../../../assets/line-icons/icons/skip';\nimport ContextMenu from '../../../ui/context-menu/context-menu';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport NodeCard from '../../comps/node-card/node-card';\nimport NodeMenuOptions from '../../comps/node-card/node-menu-options/node-menu-options';\nimport { BLOCK_NAME } from '../../constants/block-constants';\nimport { getSheetNLessonCount } from '../../utils';\nimport * as Styled from './block-sections-styled';\n\nconst BlockSectionView: FC<IBlockSectionProps> = ({\n  userType,\n  imageHue,\n  blockData,\n  lessonIdx,\n  isLastBlock,\n  isGoalBlock,\n  onNodeAttempt,\n  onNodeAssignAsHomework,\n  onNodeMarkAsDone,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeView,\n  onBlockSkipUnskip,\n}) => {\n  const { block_type: blockType, name, sheets, permissions } = blockData;\n\n  const { can_skip: canSkip, can_un_skip: canUnskip } = permissions;\n  const blockName = BLOCK_NAME[blockType];\n\n  const sheetNLessonCount = getSheetNLessonCount(canUnskip, sheets.length, isGoalBlock, lessonIdx);\n\n  const menuOptions: INodeMenuOption[] = [\n    {\n      id: 'node-card-skip',\n      label: canUnskip ? `Revert 'Skip'` : 'Skip',\n      icon: SkipIcon,\n      disabled: false,\n      onClick: () => onBlockSkipUnskip?.(blockData, canSkip),\n    },\n  ];\n\n  if (userType === 'STUDENT' && canUnskip) return null;\n\n  return (\n    <Styled.BlockSectionWrapper\n      $background={isGoalBlock ? `${imageHue}_1` : 'WHITE_1'}\n      $gutterX={1}\n      $lastBlock={isLastBlock}\n      $flexGap={12}\n    >\n      <FlexView $flexGap={12}>\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n          <FlexView $opacity={canUnskip ? 0.5 : 1}>\n            <Text\n              $renderAs=\"ac4\"\n              $color=\"BLACK_T_60\"\n              $textDecoration={canUnskip ? 'line-through' : 'none'}\n            >\n              {blockName === 'Puzzles' ? name : blockName} {sheetNLessonCount}\n            </Text>\n\n            {!!isGoalBlock && !!lessonIdx && (\n              <Text\n                $renderAs=\"ab2-bold\"\n                $color=\"BLACK_1\"\n                $textDecoration={canUnskip ? 'line-through' : 'none'}\n              >\n                {name}\n              </Text>\n            )}\n          </FlexView>\n\n          {userType === 'TEACHER' && (canSkip || canUnskip) && (\n            <ContextMenu\n              targetElement={\n                <Styled.BlockOptionsWrapper\n                  $width={20}\n                  $height={20}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                >\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.BlockOptionsWrapper>\n              }\n              menuElement={<NodeMenuOptions options={menuOptions} />}\n              menuOffset={5}\n              menuZIndex={4}\n            />\n          )}\n        </FlexView>\n\n        <Styled.BlockSheetContainer $opacity={canUnskip ? 0.5 : 1}>\n          {sheets.map(nodeData => (\n            <NodeCard\n              key={nodeData.node_id}\n              imageHue={imageHue || 'BLUE'}\n              userType={userType}\n              nodeData={nodeData}\n              blockType={blockType}\n              isSkipped={canUnskip}\n              onNodeAttempt={onNodeAttempt}\n              onNodeAssignAsHomework={onNodeAssignAsHomework}\n              onNodeMarkAsDone={onNodeMarkAsDone}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReview={onNodeReview}\n              onNodeView={onNodeView}\n            />\n          ))}\n        </Styled.BlockSheetContainer>\n      </FlexView>\n    </Styled.BlockSectionWrapper>\n  );\n};\n\nexport default BlockSectionView;\n"],"names":["BlockSectionView","userType","imageHue","blockData","lessonIdx","isLastBlock","isGoalBlock","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","blockType","name","sheets","permissions","canSkip","canUnskip","blockName","BLOCK_NAME","sheetNLessonCount","getSheetNLessonCount","menuOptions","SkipIcon","jsx","Styled.BlockSectionWrapper","jsxs","FlexView","Text","ContextMenu","Styled.BlockOptionsWrapper","MoreVerticalIcon","NodeMenuOptions","Styled.BlockSheetContainer","nodeData","NodeCard"],"mappings":"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"}
+{"version":3,"file":"block-section-view.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-section-view.tsx"],"sourcesContent":["import type { INodeMenuOption } from '../../comps/node-card/node-menu-options/node-menu-options-types';\nimport type { IBlockSectionProps } from './block-sections-types';\nimport type { FC } from 'react';\n\nimport MoreVerticalIcon from '../../../../assets/line-icons/icons/more-vertical';\nimport SkipIcon from '../../../../assets/line-icons/icons/skip';\nimport ContextMenu from '../../../ui/context-menu/context-menu';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport NodeCard from '../../comps/node-card/node-card';\nimport NodeMenuOptions from '../../comps/node-card/node-menu-options/node-menu-options';\nimport { BLOCK_NAME } from '../../constants/block-constants';\nimport { getSheetNLessonCount } from '../../utils';\nimport * as Styled from './block-sections-styled';\n\nconst BlockSectionView: FC<IBlockSectionProps> = ({\n  userType,\n  imageHue,\n  blockData,\n  lessonIdx,\n  isLastBlock,\n  isGoalBlock,\n  onNodeAttempt,\n  onNodeAssignAsHomework,\n  onNodeMarkAsDone,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeView,\n  onBlockSkipUnskip,\n}) => {\n  const { block_type: blockType, name, sheets, permissions } = blockData;\n\n  const { can_skip: canSkip, can_un_skip: canUnskip } = permissions;\n  const blockName = BLOCK_NAME[blockType];\n\n  const sheetNLessonCount = getSheetNLessonCount(canUnskip, sheets.length, isGoalBlock, lessonIdx);\n\n  const menuOptions: INodeMenuOption[] = [\n    {\n      id: 'node-card-skip',\n      label: canUnskip ? `Revert 'Skip'` : 'Skip',\n      icon: SkipIcon,\n      disabled: false,\n      onClick: () => onBlockSkipUnskip?.(blockData, canSkip),\n    },\n  ];\n\n  if (userType === 'STUDENT' && canUnskip) return null;\n\n  return (\n    <Styled.BlockSectionWrapper\n      $background={isGoalBlock ? `WHITE_1` : 'WHITE_3'}\n      $gutterX={1}\n      $lastBlock={isLastBlock}\n      $flexGap={12}\n    >\n      <FlexView $flexGap={12}>\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n          <FlexView $opacity={canUnskip ? 0.5 : 1}>\n            <Text\n              $renderAs=\"ac4\"\n              $color=\"BLACK_T_60\"\n              $textDecoration={canUnskip ? 'line-through' : 'none'}\n            >\n              {blockName === 'Puzzles' ? name : blockName} {sheetNLessonCount}\n            </Text>\n\n            {!!isGoalBlock && !!lessonIdx && (\n              <Text\n                $renderAs=\"ab2-bold\"\n                $color=\"BLACK_1\"\n                $textDecoration={canUnskip ? 'line-through' : 'none'}\n              >\n                {name}\n              </Text>\n            )}\n          </FlexView>\n\n          {userType === 'TEACHER' && (canSkip || canUnskip) && (\n            <ContextMenu\n              targetElement={\n                <Styled.BlockOptionsWrapper\n                  $width={20}\n                  $height={20}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                >\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.BlockOptionsWrapper>\n              }\n              menuElement={<NodeMenuOptions options={menuOptions} />}\n              menuOffset={5}\n              menuZIndex={4}\n            />\n          )}\n        </FlexView>\n\n        <Styled.BlockSheetContainer $opacity={canUnskip ? 0.5 : 1}>\n          {sheets.map(nodeData => (\n            <NodeCard\n              key={nodeData.node_id}\n              imageHue={imageHue || 'BLUE'}\n              userType={userType}\n              nodeData={nodeData}\n              blockType={blockType}\n              isSkipped={canUnskip}\n              onNodeAttempt={onNodeAttempt}\n              onNodeAssignAsHomework={onNodeAssignAsHomework}\n              onNodeMarkAsDone={onNodeMarkAsDone}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReview={onNodeReview}\n              onNodeView={onNodeView}\n            />\n          ))}\n        </Styled.BlockSheetContainer>\n      </FlexView>\n    </Styled.BlockSectionWrapper>\n  );\n};\n\nexport default BlockSectionView;\n"],"names":["BlockSectionView","userType","imageHue","blockData","lessonIdx","isLastBlock","isGoalBlock","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","blockType","name","sheets","permissions","canSkip","canUnskip","blockName","BLOCK_NAME","sheetNLessonCount","getSheetNLessonCount","menuOptions","SkipIcon","jsx","Styled.BlockSectionWrapper","jsxs","FlexView","Text","ContextMenu","Styled.BlockOptionsWrapper","MoreVerticalIcon","NodeMenuOptions","Styled.BlockSheetContainer","nodeData","NodeCard"],"mappings":"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"}

package/dist/features/chapters-v2/chapter-details/block-sections/block-sections.js

@@ -1,13 +1,13 @@
-import { jsxs as w, jsx as n } from "react/jsx-runtime";
+import { jsxs as w, jsx as s } from "react/jsx-runtime";
 import { memo as I, useMemo as x } from "react";
-import _ from "./block-section-view.js";
+import f from "./block-section-view.js";
 import { ChapterDetailsWrapper as R } from "./block-sections-styled.js";
-const L = I((g) => {
+const L = I((_) => {
   const {
-    blocks: t,
-    imageHue: s,
+    blocks: n,
+    imageHue: t,
     userType: l,
-    coreBlocksRef: h,
+    coreBlocksRef: g,
     onNodeAttempt: r,
     onNodeAssignAsHomework: i,
     onNodeMarkAsDone: c,
@@ -15,67 +15,60 @@ const L = I((g) => {
     onNodeReview: d,
     onNodeView: k,
     onBlockSkipUnskip: m
-  } = g;
+  } = _;
   let u = 0;
-  const { goalBlocks: a, nonGoalBlocks: B } = x(
-    () => t.reduce(
+  const { goalBlocks: a, nonGoalBlocks: h } = x(
+    () => n.reduce(
       (o, e) => (e.section_code === "GOALS" || e.section_code === "READINESS" ? o.goalBlocks.push(e) : o.nonGoalBlocks.push(e), o),
       { goalBlocks: [], nonGoalBlocks: [] }
     ),
-    [t]
-  );
-  return /* @__PURE__ */ w(
-    R,
-    {
-      $width: "100%",
-      $background: B.length ? "WHITE_1" : `${s}_1`,
-      children: [
-        /* @__PURE__ */ n("div", { ref: h, children: a.map((o, e) => {
-          const { block_type: A, block_id: N, permissions: G } = o;
-          let f = 0;
-          const S = e === a.length - 1;
-          return A === "GOAL" && (G.can_un_skip || (u += 1), f = u), /* @__PURE__ */ n(
-            _,
-            {
-              blockData: o,
-              userType: l,
-              isLastBlock: S,
-              lessonIdx: f,
-              imageHue: s,
-              isGoalBlock: !0,
-              onNodeAttempt: r,
-              onNodeAssignAsHomework: i,
-              onNodeMarkAsDone: c,
-              onNodeReattempt: p,
-              onNodeReview: d,
-              onNodeView: k,
-              onBlockSkipUnskip: m
-            },
-            N
-          );
-        }) }),
-        B.map((o) => {
-          const { block_id: e } = o;
-          return /* @__PURE__ */ n(
-            _,
-            {
-              blockData: o,
-              userType: l,
-              imageHue: s,
-              onNodeAttempt: r,
-              onNodeAssignAsHomework: i,
-              onNodeMarkAsDone: c,
-              onNodeReattempt: p,
-              onNodeReview: d,
-              onNodeView: k,
-              onBlockSkipUnskip: m
-            },
-            e
-          );
-        })
-      ]
-    }
+    [n]
   );
+  return /* @__PURE__ */ w(R, { $width: "100%", $background: "WHITE_3", children: [
+    /* @__PURE__ */ s("div", { ref: g, children: a.map((o, e) => {
+      const { block_type: A, block_id: N, permissions: G } = o;
+      let B = 0;
+      const S = e === a.length - 1;
+      return A === "GOAL" && (G.can_un_skip || (u += 1), B = u), /* @__PURE__ */ s(
+        f,
+        {
+          blockData: o,
+          userType: l,
+          isLastBlock: S,
+          lessonIdx: B,
+          imageHue: t,
+          isGoalBlock: !0,
+          onNodeAttempt: r,
+          onNodeAssignAsHomework: i,
+          onNodeMarkAsDone: c,
+          onNodeReattempt: p,
+          onNodeReview: d,
+          onNodeView: k,
+          onBlockSkipUnskip: m
+        },
+        N
+      );
+    }) }),
+    h.map((o) => {
+      const { block_id: e } = o;
+      return /* @__PURE__ */ s(
+        f,
+        {
+          blockData: o,
+          userType: l,
+          imageHue: t,
+          onNodeAttempt: r,
+          onNodeAssignAsHomework: i,
+          onNodeMarkAsDone: c,
+          onNodeReattempt: p,
+          onNodeReview: d,
+          onNodeView: k,
+          onBlockSkipUnskip: m
+        },
+        e
+      );
+    })
+  ] });
 });
 export {
   L as default

package/dist/features/chapters-v2/chapter-details/block-sections/block-sections.js.map

@@ -1 +1 @@
-{"version":3,"file":"block-sections.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-sections.tsx"],"sourcesContent":["import type { IBlockSectionsProps } from './block-sections-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport BlockSectionView from './block-section-view';\nimport * as Styled from './block-sections-styled';\n\nconst BlockSections: FC<IBlockSectionsProps> = memo(props => {\n  const {\n    blocks,\n    imageHue,\n    userType,\n    coreBlocksRef,\n    onNodeAttempt,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onBlockSkipUnskip,\n  } = props;\n\n  let lessonCount = 0;\n\n  const { goalBlocks, nonGoalBlocks } = useMemo(\n    () =>\n      blocks.reduce(\n        (acc, block) => {\n          if (block.section_code === 'GOALS' || block.section_code === 'READINESS') {\n            acc.goalBlocks.push(block);\n          } else {\n            acc.nonGoalBlocks.push(block);\n          }\n\n          return acc;\n        },\n        { goalBlocks: [] as typeof blocks, nonGoalBlocks: [] as typeof blocks },\n      ),\n    [blocks],\n  );\n\n  return (\n    <Styled.ChapterDetailsWrapper\n      $width=\"100%\"\n      $background={!nonGoalBlocks.length ? `${imageHue}_1` : 'WHITE_1'}\n    >\n      <div ref={coreBlocksRef}>\n        {goalBlocks.map((blockData, idx) => {\n          const { block_type: blockType, block_id: blockId, permissions } = blockData;\n          let lessonIdx = 0;\n\n          const isLastBlock = idx === goalBlocks.length - 1;\n\n          if (blockType === 'GOAL') {\n            if (!permissions.can_un_skip) {\n              lessonCount += 1;\n            }\n\n            lessonIdx = lessonCount;\n          }\n\n          return (\n            <BlockSectionView\n              blockData={blockData}\n              userType={userType}\n              isLastBlock={isLastBlock}\n              key={blockId}\n              lessonIdx={lessonIdx}\n              imageHue={imageHue}\n              isGoalBlock\n              onNodeAttempt={onNodeAttempt}\n              onNodeAssignAsHomework={onNodeAssignAsHomework}\n              onNodeMarkAsDone={onNodeMarkAsDone}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReview={onNodeReview}\n              onNodeView={onNodeView}\n              onBlockSkipUnskip={onBlockSkipUnskip}\n            />\n          );\n        })}\n      </div>\n\n      {nonGoalBlocks.map(blockData => {\n        const { block_id: blockId } = blockData;\n\n        return (\n          <BlockSectionView\n            key={blockId}\n            blockData={blockData}\n            userType={userType}\n            imageHue={imageHue}\n            onNodeAttempt={onNodeAttempt}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n          />\n        );\n      })}\n    </Styled.ChapterDetailsWrapper>\n  );\n});\n\nexport default BlockSections;\n"],"names":["BlockSections","memo","props","blocks","imageHue","userType","coreBlocksRef","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","lessonCount","goalBlocks","nonGoalBlocks","useMemo","acc","block","jsxs","Styled.ChapterDetailsWrapper","jsx","blockData","idx","blockType","blockId","permissions","lessonIdx","isLastBlock","BlockSectionView"],"mappings":";;;;AAQM,MAAAA,IAAyCC,EAAK,CAASC,MAAA;AACrD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,EACE,IAAAX;AAEJ,MAAIY,IAAc;AAEZ,QAAA,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC;AAAA,IACpC,MACEd,EAAO;AAAA,MACL,CAACe,GAAKC,OACAA,EAAM,iBAAiB,WAAWA,EAAM,iBAAiB,cACvDD,EAAA,WAAW,KAAKC,CAAK,IAErBD,EAAA,cAAc,KAAKC,CAAK,GAGvBD;AAAA,MAET,EAAE,YAAY,CAAA,GAAqB,eAAe,GAAoB;AAAA,IACxE;AAAA,IACF,CAACf,CAAM;AAAA,EAAA;AAIP,SAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,aAAcL,EAAc,SAA2B,YAAlB,GAAGZ,CAAQ;AAAA,MAEhD,UAAA;AAAA,QAAA,gBAAAkB,EAAC,SAAI,KAAKhB,GACP,YAAW,IAAI,CAACiB,GAAWC,MAAQ;AAClC,gBAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,aAAAC,EAAgB,IAAAJ;AAClE,cAAIK,IAAY;AAEV,gBAAAC,IAAcL,MAAQT,EAAW,SAAS;AAEhD,iBAAIU,MAAc,WACXE,EAAY,gBACAb,KAAA,IAGLc,IAAAd,IAIZ,gBAAAQ;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAAP;AAAA,cACA,UAAAlB;AAAA,cACA,aAAAwB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAAxB;AAAA,cACA,aAAW;AAAA,cACX,eAAAG;AAAA,cACA,wBAAAC;AAAA,cACA,kBAAAC;AAAA,cACA,iBAAAC;AAAA,cACA,cAAAC;AAAA,cACA,YAAAC;AAAA,cACA,mBAAAC;AAAA,YAAA;AAAA,YAVKa;AAAA,UAAA;AAAA,QAaV,CAAA,GACH;AAAA,QAECV,EAAc,IAAI,CAAaO,MAAA;AACxB,gBAAA,EAAE,UAAUG,EAAY,IAAAH;AAG5B,iBAAA,gBAAAD;AAAA,YAACQ;AAAA,YAAA;AAAA,cAEC,WAAAP;AAAA,cACA,UAAAlB;AAAA,cACA,UAAAD;AAAA,cACA,eAAAG;AAAA,cACA,wBAAAC;AAAA,cACA,kBAAAC;AAAA,cACA,iBAAAC;AAAA,cACA,cAAAC;AAAA,cACA,YAAAC;AAAA,cACA,mBAAAC;AAAA,YAAA;AAAA,YAVKa;AAAA,UAAA;AAAA,QAWP,CAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"block-sections.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-sections.tsx"],"sourcesContent":["import type { IBlockSectionsProps } from './block-sections-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport BlockSectionView from './block-section-view';\nimport * as Styled from './block-sections-styled';\n\nconst BlockSections: FC<IBlockSectionsProps> = memo(props => {\n  const {\n    blocks,\n    imageHue,\n    userType,\n    coreBlocksRef,\n    onNodeAttempt,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onBlockSkipUnskip,\n  } = props;\n\n  let lessonCount = 0;\n\n  const { goalBlocks, nonGoalBlocks } = useMemo(\n    () =>\n      blocks.reduce(\n        (acc, block) => {\n          if (block.section_code === 'GOALS' || block.section_code === 'READINESS') {\n            acc.goalBlocks.push(block);\n          } else {\n            acc.nonGoalBlocks.push(block);\n          }\n\n          return acc;\n        },\n        { goalBlocks: [] as typeof blocks, nonGoalBlocks: [] as typeof blocks },\n      ),\n    [blocks],\n  );\n\n  return (\n    <Styled.ChapterDetailsWrapper $width=\"100%\" $background=\"WHITE_3\">\n      <div ref={coreBlocksRef}>\n        {goalBlocks.map((blockData, idx) => {\n          const { block_type: blockType, block_id: blockId, permissions } = blockData;\n          let lessonIdx = 0;\n\n          const isLastBlock = idx === goalBlocks.length - 1;\n\n          if (blockType === 'GOAL') {\n            if (!permissions.can_un_skip) {\n              lessonCount += 1;\n            }\n\n            lessonIdx = lessonCount;\n          }\n\n          return (\n            <BlockSectionView\n              blockData={blockData}\n              userType={userType}\n              isLastBlock={isLastBlock}\n              key={blockId}\n              lessonIdx={lessonIdx}\n              imageHue={imageHue}\n              isGoalBlock\n              onNodeAttempt={onNodeAttempt}\n              onNodeAssignAsHomework={onNodeAssignAsHomework}\n              onNodeMarkAsDone={onNodeMarkAsDone}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReview={onNodeReview}\n              onNodeView={onNodeView}\n              onBlockSkipUnskip={onBlockSkipUnskip}\n            />\n          );\n        })}\n      </div>\n\n      {nonGoalBlocks.map(blockData => {\n        const { block_id: blockId } = blockData;\n\n        return (\n          <BlockSectionView\n            key={blockId}\n            blockData={blockData}\n            userType={userType}\n            imageHue={imageHue}\n            onNodeAttempt={onNodeAttempt}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n          />\n        );\n      })}\n    </Styled.ChapterDetailsWrapper>\n  );\n});\n\nexport default BlockSections;\n"],"names":["BlockSections","memo","props","blocks","imageHue","userType","coreBlocksRef","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","lessonCount","goalBlocks","nonGoalBlocks","useMemo","acc","block","Styled.ChapterDetailsWrapper","jsx","blockData","idx","blockType","blockId","permissions","lessonIdx","isLastBlock","BlockSectionView"],"mappings":";;;;AAQM,MAAAA,IAAyCC,EAAK,CAASC,MAAA;AACrD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,EACE,IAAAX;AAEJ,MAAIY,IAAc;AAEZ,QAAA,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC;AAAA,IACpC,MACEd,EAAO;AAAA,MACL,CAACe,GAAKC,OACAA,EAAM,iBAAiB,WAAWA,EAAM,iBAAiB,cACvDD,EAAA,WAAW,KAAKC,CAAK,IAErBD,EAAA,cAAc,KAAKC,CAAK,GAGvBD;AAAA,MAET,EAAE,YAAY,CAAA,GAAqB,eAAe,GAAoB;AAAA,IACxE;AAAA,IACF,CAACf,CAAM;AAAA,EAAA;AAGT,2BACGiB,GAAA,EAA6B,QAAO,QAAO,aAAY,WACtD,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,KAAKf,GACP,YAAW,IAAI,CAACgB,GAAWC,MAAQ;AAClC,YAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,aAAAC,EAAgB,IAAAJ;AAClE,UAAIK,IAAY;AAEV,YAAAC,IAAcL,MAAQR,EAAW,SAAS;AAEhD,aAAIS,MAAc,WACXE,EAAY,gBACAZ,KAAA,IAGLa,IAAAb,IAIZ,gBAAAO;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,WAAAP;AAAA,UACA,UAAAjB;AAAA,UACA,aAAAuB;AAAA,UAEA,WAAAD;AAAA,UACA,UAAAvB;AAAA,UACA,aAAW;AAAA,UACX,eAAAG;AAAA,UACA,wBAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,YAAAC;AAAA,UACA,mBAAAC;AAAA,QAAA;AAAA,QAVKY;AAAA,MAAA;AAAA,IAaV,CAAA,GACH;AAAA,IAECT,EAAc,IAAI,CAAaM,MAAA;AACxB,YAAA,EAAE,UAAUG,EAAY,IAAAH;AAG5B,aAAA,gBAAAD;AAAA,QAACQ;AAAA,QAAA;AAAA,UAEC,WAAAP;AAAA,UACA,UAAAjB;AAAA,UACA,UAAAD;AAAA,UACA,eAAAG;AAAA,UACA,wBAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,YAAAC;AAAA,UACA,mBAAAC;AAAA,QAAA;AAAA,QAVKY;AAAA,MAAA;AAAA,IAWP,CAEH;AAAA,EACH,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -4,11 +4,12 @@ import s from "../../../../assets/line-icons/icons/lock2.js";
 import e from "../../../ui/layout/flex-view.js";
 import d from "../../../ui/text/text.js";
 const b = t(e)(({ theme: o, $disabled: r }) => {
-  const { BLACK: i, BLACK_T_15: n } = o.colors;
+  const { BLACK: i, BLACK_T_15: n, WHITE_5: p } = o.colors;
   return `
     cursor: ${r ? "not-allowed" : "pointer"};
     position: relative;
     border-image: linear-gradient(to right, ${n} 0%, ${n} 100%);
+    outline: 1px solid ${p};
 
     .node-card-border {
       position: absolute;
@@ -58,7 +59,7 @@ t(s)(({}) => `
     width: 28px;
     height: 28px;
   `);
-const w = t(e)(({
+const W = t(e)(({
   theme: o,
   $paddingRight: r,
   $paddingLeft: i
@@ -77,7 +78,7 @@ const w = t(e)(({
       fill: ${p};
     }
   `;
-}), W = t(d)(() => `
+}), w = t(d)(() => `
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
@@ -110,11 +111,11 @@ const w = t(e)(({
   `);
 export {
   f as IconWrapper,
-  w as InProgressIconWrapper,
+  W as InProgressIconWrapper,
   b as NodeCardContainer,
   $ as NodeCardContentWrapper,
   m as NodeCardInfoWrapper,
-  W as NodeCardTitle,
+  w as NodeCardTitle,
   k as NodeKebabMenuWrapper,
   C as NodeMenuOptionsWrapper,
   I as SheetTagWrapper,

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

@@ -1 +1 @@
-{"version":3,"file":"node-card-styled.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport Lock2Icon from '../../../../assets/line-icons/icons/lock2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface INodeCardContainer {\n  $disabled: boolean;\n  $isSheetLocked?: boolean;\n}\n\nconst NodeCardContainer = styled(FlexView)<INodeCardContainer>(({ theme, $disabled }) => {\n  const { BLACK, BLACK_T_15 } = theme.colors;\n\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    position: relative;\n    border-image: linear-gradient(to right, ${BLACK_T_15} 0%, ${BLACK_T_15} 100%);\n\n    .node-card-border {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      background: transparent;\n    }\n\n    &:hover {\n      ${\n        !$disabled &&\n        `\n          outline: 1px solid ${BLACK};\n        `\n      }    \n    }\n  `;\n});\n\nconst StyledImportantIcon = styled(ImportantIcon)(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    width: ${layout.gutter * 0.75}px;\n    height: ${layout.gutter * 0.75}px;\n    position: absolute;\n    top: -2.5px;\n    right: -2.5px;\n  `;\n});\n\ninterface INodeCardInfoWrapper {\n  $bgImage: string;\n}\n\nconst NodeCardInfoWrapper = styled(FlexView)<INodeCardInfoWrapper>(({ $bgImage }) => {\n  return `\n    background-image: url(${$bgImage});\n\n    & .context-menu {\n      justify-self: flex-end;\n      margin-left: auto;\n    }\n  `;\n});\n\nconst IconWrapper = styled(FlexView)`\n  border-radius: 50%;\n`;\n\nconst NodeCardContentWrapper = styled(FlexView)(() => {\n  return `\n    position: relative;\n    padding: 12px 8px 12px 12px;\n  `;\n});\n\ninterface ISheetTagWrapper {\n  $top?: number;\n  $right?: number;\n}\n\nconst SheetTagWrapper = styled(FlexView)<ISheetTagWrapper>(({ $top, $right }) => {\n  return `\n  position: absolute;\n  top: ${$top ?? 0}px;\n  right: ${$right ?? 0}px;\n  z-index: 3;\n`;\n});\n\nconst StyledLockIcon = styled(Lock2Icon)(({}) => {\n  return `\n    width: 28px;\n    height: 28px;\n  `;\n});\n\nconst InProgressIconWrapper = styled(FlexView)<{ $paddingRight: number; $paddingLeft: number }>(({\n  theme,\n  $paddingRight,\n  $paddingLeft,\n}) => {\n  const { BLACK_1, WHITE_1 } = theme.colors;\n\n  return `\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    padding: 0px;\n    padding-left: ${$paddingLeft}px;\n    padding-right: ${$paddingRight}px;\n    background: ${BLACK_1};\n\n    path {\n      fill: ${WHITE_1};\n    }\n  `;\n});\n\nconst NodeCardTitle = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nconst NodeKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\ninterface INodeOptionsMenuWrapper {\n  $visible: boolean;\n}\n\nconst NodeMenuOptionsWrapper = styled(FlexView)<INodeOptionsMenuWrapper>(({ theme, $visible }) => {\n  return `\n    cursor: pointer;\n\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    left: 0;\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport {\n  NodeCardContainer,\n  StyledImportantIcon,\n  NodeCardInfoWrapper,\n  IconWrapper,\n  NodeCardContentWrapper,\n  SheetTagWrapper,\n  StyledLockIcon,\n  InProgressIconWrapper,\n  NodeCardTitle,\n  NodeKebabMenuWrapper,\n  NodeMenuOptionsWrapper,\n};\n"],"names":["NodeCardContainer","styled","FlexView","theme","$disabled","BLACK","BLACK_T_15","StyledImportantIcon","ImportantIcon","layout","NodeCardInfoWrapper","$bgImage","IconWrapper","NodeCardContentWrapper","SheetTagWrapper","$top","$right","Lock2Icon","InProgressIconWrapper","$paddingRight","$paddingLeft","BLACK_1","WHITE_1","NodeCardTitle","Text","NodeKebabMenuWrapper","NodeMenuOptionsWrapper","$visible"],"mappings":";;;;;AAYM,MAAAA,IAAoBC,EAAOC,CAAQ,EAAsB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACvF,QAAM,EAAE,OAAAC,GAAO,YAAAC,MAAeH,EAAM;AAE7B,SAAA;AAAA,cACKC,IAAY,gBAAgB,SAAS;AAAA;AAAA,8CAELE,CAAU,QAAQA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAelE,CAACF,KACD;AAAA,+BACuBC,CAAK;AAAA,SAE9B;AAAA;AAAA;AAGN,CAAC,GAEKE,IAAsBN,EAAOO,CAAa,EAAE,CAAC,EAAE,OAAAL,QAAY;AACzD,QAAA,EAAE,QAAAM,EAAW,IAAAN;AAEZ,SAAA;AAAA,aACIM,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAKlC,CAAC,GAMKC,IAAsBT,EAAOC,CAAQ,EAAwB,CAAC,EAAE,UAAAS,QAC7D;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnC,GAEKC,IAAcX,EAAOC,CAAQ;AAAA;AAAA,GAI7BW,IAAyBZ,EAAOC,CAAQ,EAAE,MACvC;AAAA;AAAA;AAAA,GAIR,GAOKY,IAAkBb,EAAOC,CAAQ,EAAoB,CAAC,EAAE,MAAAa,GAAM,QAAAC,QAC3D;AAAA;AAAA,SAEAD,KAAQ,CAAC;AAAA,WACPC,KAAU,CAAC;AAAA;AAAA,CAGrB;AAEsBf,EAAOgB,CAAS,EAAE,CAAC,OACjC;AAAA;AAAA;AAAA,GAIR;AAED,MAAMC,IAAwBjB,EAAOC,CAAQ,EAAmD,CAAC;AAAA,EAC/F,OAAAC;AAAA,EACA,eAAAgB;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYnB,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWiB,CAAY;AAAA,qBACXD,CAAa;AAAA,kBAChBE,CAAO;AAAA;AAAA;AAAA,cAGXC,CAAO;AAAA;AAAA;AAGrB,CAAC,GAEKC,IAAgBtB,EAAOuB,CAAI,EAAE,MAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR,GAEKC,IAAuBxB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACxC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAMKuB,IAAyBzB,EAAOC,CAAQ,EAA2B,CAAC,EAAE,OAAAC,GAAO,UAAAwB,QAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXxB,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC;"}
+{"version":3,"file":"node-card-styled.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport Lock2Icon from '../../../../assets/line-icons/icons/lock2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface INodeCardContainer {\n  $disabled: boolean;\n  $isSheetLocked?: boolean;\n}\n\nconst NodeCardContainer = styled(FlexView)<INodeCardContainer>(({ theme, $disabled }) => {\n  const { BLACK, BLACK_T_15, WHITE_5 } = theme.colors;\n\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    position: relative;\n    border-image: linear-gradient(to right, ${BLACK_T_15} 0%, ${BLACK_T_15} 100%);\n    outline: 1px solid ${WHITE_5};\n\n    .node-card-border {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      background: transparent;\n    }\n\n    &:hover {\n      ${\n        !$disabled &&\n        `\n          outline: 1px solid ${BLACK};\n        `\n      }    \n    }\n  `;\n});\n\nconst StyledImportantIcon = styled(ImportantIcon)(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    width: ${layout.gutter * 0.75}px;\n    height: ${layout.gutter * 0.75}px;\n    position: absolute;\n    top: -2.5px;\n    right: -2.5px;\n  `;\n});\n\ninterface INodeCardInfoWrapper {\n  $bgImage: string;\n}\n\nconst NodeCardInfoWrapper = styled(FlexView)<INodeCardInfoWrapper>(({ $bgImage }) => {\n  return `\n    background-image: url(${$bgImage});\n\n    & .context-menu {\n      justify-self: flex-end;\n      margin-left: auto;\n    }\n  `;\n});\n\nconst IconWrapper = styled(FlexView)`\n  border-radius: 50%;\n`;\n\nconst NodeCardContentWrapper = styled(FlexView)(() => {\n  return `\n    position: relative;\n    padding: 12px 8px 12px 12px;\n  `;\n});\n\ninterface ISheetTagWrapper {\n  $top?: number;\n  $right?: number;\n}\n\nconst SheetTagWrapper = styled(FlexView)<ISheetTagWrapper>(({ $top, $right }) => {\n  return `\n  position: absolute;\n  top: ${$top ?? 0}px;\n  right: ${$right ?? 0}px;\n  z-index: 3;\n`;\n});\n\nconst StyledLockIcon = styled(Lock2Icon)(({}) => {\n  return `\n    width: 28px;\n    height: 28px;\n  `;\n});\n\nconst InProgressIconWrapper = styled(FlexView)<{ $paddingRight: number; $paddingLeft: number }>(({\n  theme,\n  $paddingRight,\n  $paddingLeft,\n}) => {\n  const { BLACK_1, WHITE_1 } = theme.colors;\n\n  return `\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    padding: 0px;\n    padding-left: ${$paddingLeft}px;\n    padding-right: ${$paddingRight}px;\n    background: ${BLACK_1};\n\n    path {\n      fill: ${WHITE_1};\n    }\n  `;\n});\n\nconst NodeCardTitle = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nconst NodeKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\ninterface INodeOptionsMenuWrapper {\n  $visible: boolean;\n}\n\nconst NodeMenuOptionsWrapper = styled(FlexView)<INodeOptionsMenuWrapper>(({ theme, $visible }) => {\n  return `\n    cursor: pointer;\n\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    left: 0;\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport {\n  NodeCardContainer,\n  StyledImportantIcon,\n  NodeCardInfoWrapper,\n  IconWrapper,\n  NodeCardContentWrapper,\n  SheetTagWrapper,\n  StyledLockIcon,\n  InProgressIconWrapper,\n  NodeCardTitle,\n  NodeKebabMenuWrapper,\n  NodeMenuOptionsWrapper,\n};\n"],"names":["NodeCardContainer","styled","FlexView","theme","$disabled","BLACK","BLACK_T_15","WHITE_5","StyledImportantIcon","ImportantIcon","layout","NodeCardInfoWrapper","$bgImage","IconWrapper","NodeCardContentWrapper","SheetTagWrapper","$top","$right","Lock2Icon","InProgressIconWrapper","$paddingRight","$paddingLeft","BLACK_1","WHITE_1","NodeCardTitle","Text","NodeKebabMenuWrapper","NodeMenuOptionsWrapper","$visible"],"mappings":";;;;;AAYM,MAAAA,IAAoBC,EAAOC,CAAQ,EAAsB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACvF,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYJ,EAAM;AAEtC,SAAA;AAAA,cACKC,IAAY,gBAAgB,SAAS;AAAA;AAAA,8CAELE,CAAU,QAAQA,CAAU;AAAA,yBACjDC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAexB,CAACH,KACD;AAAA,+BACuBC,CAAK;AAAA,SAE9B;AAAA;AAAA;AAGN,CAAC,GAEKG,IAAsBP,EAAOQ,CAAa,EAAE,CAAC,EAAE,OAAAN,QAAY;AACzD,QAAA,EAAE,QAAAO,EAAW,IAAAP;AAEZ,SAAA;AAAA,aACIO,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAKlC,CAAC,GAMKC,IAAsBV,EAAOC,CAAQ,EAAwB,CAAC,EAAE,UAAAU,QAC7D;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnC,GAEKC,IAAcZ,EAAOC,CAAQ;AAAA;AAAA,GAI7BY,IAAyBb,EAAOC,CAAQ,EAAE,MACvC;AAAA;AAAA;AAAA,GAIR,GAOKa,IAAkBd,EAAOC,CAAQ,EAAoB,CAAC,EAAE,MAAAc,GAAM,QAAAC,QAC3D;AAAA;AAAA,SAEAD,KAAQ,CAAC;AAAA,WACPC,KAAU,CAAC;AAAA;AAAA,CAGrB;AAEsBhB,EAAOiB,CAAS,EAAE,CAAC,OACjC;AAAA;AAAA;AAAA,GAIR;AAED,MAAMC,IAAwBlB,EAAOC,CAAQ,EAAmD,CAAC;AAAA,EAC/F,OAAAC;AAAA,EACA,eAAAiB;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYpB,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWkB,CAAY;AAAA,qBACXD,CAAa;AAAA,kBAChBE,CAAO;AAAA;AAAA;AAAA,cAGXC,CAAO;AAAA;AAAA;AAGrB,CAAC,GAEKC,IAAgBvB,EAAOwB,CAAI,EAAE,MAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR,GAEKC,IAAuBzB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACxC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAMKwB,IAAyB1B,EAAOC,CAAQ,EAA2B,CAAC,EAAE,OAAAC,GAAO,UAAAyB,QAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXzB,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC;"}

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

@@ -1,51 +1,51 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { memo as J, useRef as E, useCallback as o } from "react";
-import Q from "../../../../../assets/line-icons/icons/check2.js";
-import Z from "../../../../../assets/line-icons/icons/eye2.js";
-import v from "../../../../../assets/line-icons/icons/home2.js";
+import { memo as Q, useRef as E, useCallback as o } from "react";
+import Z from "../../../../../assets/line-icons/icons/check2.js";
+import v from "../../../../../assets/line-icons/icons/eye2.js";
+import R from "../../../../../assets/line-icons/icons/home2.js";
 import k from "../../../../../assets/line-icons/icons/more-vertical.js";
-import R from "../../../../../assets/line-icons/icons/redo.js";
-import w from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import V from "../../../../ui/hooks/use-context-menu-click-handler.js";
-import D from "../../../../ui/layout/flex-view.js";
+import w from "../../../../../assets/line-icons/icons/redo.js";
+import V from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import D from "../../../../ui/hooks/use-context-menu-click-handler.js";
+import O from "../../../../ui/layout/flex-view.js";
 import N from "../../../../ui/lottie-animation/lottie-animation.js";
 import rr from "../../../../ui/text/text.js";
 import { BLOCK_TYPE as tr } from "../../../constants/block-constants.js";
 import { NODE_CARD_STATES as er, TEACHER_MENU_LABELS as nr } from "../../../constants/node-constants.js";
 import { getNodeTypeBasedBgImage as cr } from "../../../utils/index.js";
 import { getNodeCardBasedIcon as ir } from "../../../utils/node-card-utils.js";
-import { NodeCardContainer as ar, NodeCardInfoWrapper as lr, IconWrapper as sr, StyledImportantIcon as or, NodeKebabMenuWrapper as O, NodeCardContentWrapper as mr, NodeCardTitle as pr, NodeMenuOptionsWrapper as dr } from "../node-card-styled.js";
+import { NodeCardContainer as ar, NodeCardInfoWrapper as lr, IconWrapper as sr, StyledImportantIcon as or, NodeKebabMenuWrapper as y, NodeCardContentWrapper as mr, NodeCardTitle as pr, NodeMenuOptionsWrapper as dr } from "../node-card-styled.js";
 import hr from "../node-card-tags.js";
 import fr from "../node-menu-options/node-menu-options.js";
-const ur = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Cr, REVIEW: $r, VIEW: _r, MARK_AS_DONE: br, RESET: Ir } = nr, Pr = J(
+const ur = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Cr, REVIEW: $r, VIEW: _r, MARK_AS_DONE: br, RESET: Ir } = nr, Pr = Q(
   ({
     nodeData: t,
-    imageHue: y,
-    blockType: L,
-    isSkipped: S,
+    imageHue: L,
+    blockType: S,
+    isSkipped: T,
     onNodeAssignAsHomework: m,
     onNodeMarkAsDone: p,
     onNodeView: n,
     onNodeReview: c,
     onNodeReattempt: d
   }) => {
-    const f = E(null), { menuVisible: T, onMenuClick: $ } = V(f), {
-      accuracy: x,
-      attempt_location: W,
+    const f = E(null), { menuVisible: x, onMenuClick: $ } = D(f), {
+      accuracy: W,
+      attempt_location: B,
       node_type: u,
-      card_header: B,
-      title: M,
+      card_header: M,
+      title: K,
       state: _,
-      is_optional: K,
+      is_optional: A,
       sheet_statement: b,
-      permissions: A,
+      permissions: G,
       user_attempt_id: l
-    } = t, { lottie: G } = ir(u), C = E(null), {
-      can_mark_familiar: j,
+    } = t, { lottie: j } = ir(u), C = E(null), {
+      can_mark_familiar: X,
       can_review: s,
-      can_assign_as_homework: X,
-      can_reset: H
-    } = A, I = L === tr.GOAL, i = _ === er.LOCKED, F = W === "INCLASS", P = cr(u), h = o(
+      can_assign_as_homework: H,
+      can_reset: F
+    } = G, I = S === tr.GOAL, i = _ === er.LOCKED, P = B === "INCLASS", z = cr(u), h = o(
       (e) => {
         switch (e) {
           case "node-card-view":
@@ -74,58 +74,58 @@ const ur = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Cr, REVIEW: $r,
         n,
         l
       ]
-    ), z = o(() => {
+    ), U = o(() => {
       var e;
       i || (e = C.current) == null || e.play();
-    }, [i]), U = o(() => {
+    }, [i]), Y = o(() => {
       var e;
       (e = C.current) == null || e.stop();
-    }, []), Y = o(() => {
+    }, []), q = o(() => {
       s && l ? c == null || c(t) : n == null || n(t);
     }, [s, t, c, n, l]), g = o(
       (e) => {
         e.stopPropagation(), $();
       },
       [$]
-    ), q = [
+    ), J = [
       {
         id: "node-card-view",
         label: s && l ? $r : _r,
-        icon: Z,
+        icon: v,
         disabled: !1,
         onClick: h
       },
       {
         id: "node-card-assign-as-hw",
         label: Cr,
-        icon: v,
-        disabled: !X,
+        icon: R,
+        disabled: !H,
         onClick: h
       },
       {
         id: "node-card-reset",
         label: Ir,
-        icon: R,
-        disabled: !H,
+        icon: w,
+        disabled: !F,
         onClick: h
       },
       {
         id: "node-card-mark-as-done",
         label: br,
-        icon: Q,
-        disabled: !j,
+        icon: Z,
+        disabled: !X,
         onClick: h
       }
     ];
-    return /* @__PURE__ */ a(
-      ar,
-      {
-        $background: `${y}_2`,
-        $disabled: !!(S || i),
-        onClick: Y,
-        children: [
-          /* @__PURE__ */ a(
-            w,
+    return /* @__PURE__ */ a(O, { $position: "relative", children: [
+      /* @__PURE__ */ r(
+        ar,
+        {
+          $background: `${L}_2`,
+          $disabled: !!(T || i),
+          onClick: q,
+          children: /* @__PURE__ */ a(
+            V,
             {
               renderAs: "primary",
               tooltipItem: b,
@@ -142,11 +142,11 @@ const ur = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Cr, REVIEW: $r,
                     $alignItems: "center",
                     $width: "100%",
                     $heightX: 3.5,
-                    $bgImage: P,
+                    $bgImage: z,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
-                    onMouseEnter: z,
-                    onMouseLeave: U,
+                    onMouseEnter: U,
+                    onMouseLeave: Y,
                     children: [
                       /* @__PURE__ */ a(
                         sr,
@@ -159,21 +159,28 @@ const ur = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Cr, REVIEW: $r,
                           $justifyContent: "center",
                           $opacity: i ? 0.5 : 1,
                           children: [
-                            /* @__PURE__ */ r(N, { src: G, ref: C, settings: ur }),
-                            !K && /* @__PURE__ */ r(or, {})
+                            /* @__PURE__ */ r(
+                              N,
+                              {
+                                src: j,
+                                ref: C,
+                                settings: ur
+                              }
+                            ),
+                            !A && /* @__PURE__ */ r(or, {})
                           ]
                         }
                       ),
                       /* @__PURE__ */ a(rr, { $renderAs: "ac4-black", $color: "BLACK", $opacity: i ? 0.5 : 1, children: [
-                        B,
+                        M,
                         " ",
-                        F && "• CW"
+                        P && "• CW"
                       ] }),
-                      /* @__PURE__ */ r(D, { className: "context-menu", children: I && /* @__PURE__ */ r(O, { ref: f, onClick: g, children: /* @__PURE__ */ r(k, { width: 16, height: 16 }) }) })
+                      /* @__PURE__ */ r(O, { className: "context-menu", children: I && /* @__PURE__ */ r(y, { ref: f, onClick: g, children: /* @__PURE__ */ r(k, { width: 16, height: 16 }) }) })
                     ]
                   }
                 ),
-                /* @__PURE__ */ r(hr, { nodeType: u, state: _, accuracy: x }),
+                /* @__PURE__ */ r(hr, { nodeType: u, state: _, accuracy: W }),
                 !I && /* @__PURE__ */ a(
                   mr,
                   {
@@ -190,20 +197,20 @@ const ur = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Cr, REVIEW: $r,
                           $renderAs: "ab3",
                           $color: "BLACK_1",
                           $opacity: i ? 0.5 : 1,
-                          children: M
+                          children: K
                         }
                       ),
-                      /* @__PURE__ */ r(O, { ref: f, onClick: g, children: /* @__PURE__ */ r(k, { width: 16, height: 16 }) })
+                      /* @__PURE__ */ r(y, { ref: f, onClick: g, children: /* @__PURE__ */ r(k, { width: 16, height: 16 }) })
                     ]
                   }
                 )
               ]
             }
-          ),
-          /* @__PURE__ */ r(dr, { $visible: T, children: /* @__PURE__ */ r(fr, { options: q }) })
-        ]
-      }
-    );
+          )
+        }
+      ),
+      /* @__PURE__ */ r(dr, { $visible: x, children: /* @__PURE__ */ r(fr, { options: J }) })
+    ] });
   }
 );
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport 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 } 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 RedoIcon from '../../../../../assets/line-icons/icons/redo';\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 * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst renderSettings = { renderer: 'canvas', autoplay: false };\nconst { ASSIGN_AS_HW, REVIEW, VIEW, MARK_AS_DONE, RESET } = TEACHER_MENU_LABELS;\n\nconst TeacherActions: FC<Omit<INodeCardProps, 'userType'>> = memo(\n  ({\n    nodeData,\n    imageHue,\n    blockType,\n    isSkipped,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\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 { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n    const {\n      can_mark_familiar: canMarkFamiliar,\n      can_review: canReview,\n      can_assign_as_homework: canAssignAsHw,\n      can_reset: canReset,\n    } = permissions;\n\n    const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n    const sheetLocked = state === NODE_CARD_STATES.LOCKED;\n    const inClassSheet = attemptLocation === 'INCLASS';\n\n    const nodeBgImage = getNodeTypeBasedBgImage(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            onNodeAssignAsHomework?.(nodeData);\n\n            return;\n\n          case 'node-card-mark-as-done':\n            onNodeMarkAsDone?.(nodeData);\n\n            return;\n\n          case 'node-card-reset':\n            onNodeReattempt?.(nodeData);\n\n            return;\n\n          default:\n            throw new Error(`No callback function for ${optionId}`);\n        }\n      },\n      [\n        canReview,\n        nodeData,\n        onNodeAssignAsHomework,\n        onNodeMarkAsDone,\n        onNodeReattempt,\n        onNodeReview,\n        onNodeView,\n        userAttemptId,\n      ],\n    );\n\n    const handleOnMouseEnter = useCallback(() => {\n      if (sheetLocked) return;\n      animationRef.current?.play();\n    }, [sheetLocked]);\n\n    const handleOnMouseLeave = useCallback(() => {\n      animationRef.current?.stop();\n    }, []);\n\n    const handleOnNodeCardClick = useCallback(() => {\n      if (canReview && userAttemptId) {\n        onNodeReview?.(nodeData);\n      } else {\n        onNodeView?.(nodeData);\n      }\n    }, [canReview, nodeData, onNodeReview, onNodeView, userAttemptId]);\n\n    const handleOnKebabMenuClick = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        e.stopPropagation();\n        onMenuClick();\n      },\n      [onMenuClick],\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: !canAssignAsHw,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-reset',\n        label: RESET,\n        icon: RedoIcon,\n        disabled: !canReset,\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        $background={`${imageHue}_2`}\n        $disabled={Boolean(isSkipped || sheetLocked)}\n        onClick={handleOnNodeCardClick}\n      >\n        <ArrowTooltip\n          renderAs=\"primary\"\n          tooltipItem={sheetStatement}\n          position=\"bottom\"\n          zIndex={5}\n          hidden={!sheetStatement}\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            onMouseEnter={handleOnMouseEnter}\n            onMouseLeave={handleOnMouseLeave}\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              <LottieAnimation src={nodeCardLottie} ref={animationRef} settings={renderSettings} />\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={handleOnKebabMenuClick}>\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.NodeKebabMenuWrapper>\n              )}\n            </FlexView>\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={handleOnKebabMenuClick}>\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":["renderSettings","ASSIGN_AS_HW","REVIEW","VIEW","MARK_AS_DONE","RESET","TEACHER_MENU_LABELS","TeacherActions","memo","nodeData","imageHue","blockType","isSkipped","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeView","onNodeReview","onNodeReattempt","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","userAttemptId","nodeCardLottie","getNodeCardBasedIcon","animationRef","canMarkFamiliar","canReview","canAssignAsHw","canReset","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","inClassSheet","nodeBgImage","getNodeTypeBasedBgImage","handleOnMenuOptionClick","useCallback","optionId","handleOnMouseEnter","_a","handleOnMouseLeave","handleOnNodeCardClick","handleOnKebabMenuClick","menuOptions","Eye2Icon","Home2Icon","RedoIcon","Check2Icon","jsxs","Styled.NodeCardContainer","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","jsx","LottieAnimation","Styled.StyledImportantIcon","Text","FlexView","Styled.NodeKebabMenuWrapper","MoreVerticalIcon","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","Styled.NodeMenuOptionsWrapper","NodeMenuOptions"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,KAAiB,EAAE,UAAU,UAAU,UAAU,GAAM,GACvD,EAAE,cAAAC,IAAc,QAAAC,IAAQ,MAAAC,IAAM,cAAAC,IAAc,OAAAC,GAAU,IAAAC,IAEtDC,KAAuDC;AAAA,EAC3D,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAeC,EAAuB,IAAI,GAC1C,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAA2BJ,CAAY,GAEtE;AAAA,MACJ,UAAAK;AAAA,MACA,kBAAkBC;AAAA,MAClB,WAAWC;AAAA,MACX,aAAaC;AAAA,MACb,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,aAAaC;AAAA,MACb,iBAAiBC;AAAA,MACjB,aAAAC;AAAA,MACA,iBAAiBC;AAAA,IACf,IAAAvB,GAEE,EAAE,QAAQwB,EAAe,IAAIC,GAAqBT,CAAQ,GAC1DU,IAAehB,EAAmC,IAAI,GAEtD;AAAA,MACJ,mBAAmBiB;AAAA,MACnB,YAAYC;AAAA,MACZ,wBAAwBC;AAAA,MACxB,WAAWC;AAAA,IACT,IAAAR,GAEES,IAAc7B,MAAc8B,GAAW,MACvCC,IAAcd,MAAUe,GAAiB,QACzCC,IAAepB,MAAoB,WAEnCqB,IAAcC,GAAwBrB,CAAQ,GAE9CsB,IAA0BC;AAAA,MAC9B,CAACC,MAAqB;AACpB,gBAAQA,GAAU;AAAA,UAChB,KAAK;AACH,YAAIZ,KAAaL,IACfhB,KAAA,QAAAA,EAAeP,KAEfM,KAAA,QAAAA,EAAaN;AAGf;AAAA,UAEF,KAAK;AACH,YAAAI,KAAA,QAAAA,EAAyBJ;AAEzB;AAAA,UAEF,KAAK;AACH,YAAAK,KAAA,QAAAA,EAAmBL;AAEnB;AAAA,UAEF,KAAK;AACH,YAAAQ,KAAA,QAAAA,EAAkBR;AAElB;AAAA,UAEF;AACE,kBAAM,IAAI,MAAM,4BAA4BwC,CAAQ,EAAE;AAAA,QAC1D;AAAA,MACF;AAAA,MACA;AAAA,QACEZ;AAAA,QACA5B;AAAA,QACAI;AAAA,QACAC;AAAA,QACAG;AAAA,QACAD;AAAA,QACAD;AAAA,QACAiB;AAAA,MACF;AAAA,IAAA,GAGIkB,IAAqBF,EAAY,MAAM;;AAC3C,MAAIN,MACJS,IAAAhB,EAAa,YAAb,QAAAgB,EAAsB;AAAA,IAAK,GAC1B,CAACT,CAAW,CAAC,GAEVU,IAAqBJ,EAAY,MAAM;;AAC3C,OAAAG,IAAAhB,EAAa,YAAb,QAAAgB,EAAsB;AAAA,IACxB,GAAG,CAAE,CAAA,GAECE,IAAwBL,EAAY,MAAM;AAC9C,MAAIX,KAAaL,IACfhB,KAAA,QAAAA,EAAeP,KAEfM,KAAA,QAAAA,EAAaN;AAAA,IACf,GACC,CAAC4B,GAAW5B,GAAUO,GAAcD,GAAYiB,CAAa,CAAC,GAE3DsB,IAAyBN;AAAA,MAC7B,CAAC,MAAoD;AACnD,UAAE,gBAAgB,GACN3B;MACd;AAAA,MACA,CAACA,CAAW;AAAA,IAAA,GAGRkC,IAAiC;AAAA,MACrC;AAAA,QACE,IAAI;AAAA,QACJ,OAAOlB,KAAaL,IAAgB9B,KAASC;AAAA,QAC7C,MAAMqD;AAAA,QACN,UAAU;AAAA,QACV,SAAST;AAAA,MACX;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO9C;AAAA,QACP,MAAMwD;AAAA,QACN,UAAU,CAACnB;AAAA,QACX,SAASS;AAAA,MACX;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO1C;AAAA,QACP,MAAMqD;AAAA,QACN,UAAU,CAACnB;AAAA,QACX,SAASQ;AAAA,MACX;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO3C;AAAA,QACP,MAAMuD;AAAA,QACN,UAAU,CAACvB;AAAA,QACX,SAASW;AAAA,MACX;AAAA,IAAA;AAIA,WAAA,gBAAAa;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,aAAa,GAAGnD,CAAQ;AAAA,QACxB,WAAW,GAAQE,KAAa8B;AAAA,QAChC,SAASW;AAAA,QAET,UAAA;AAAA,UAAA,gBAAAO;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,aAAahC;AAAA,cACb,UAAS;AAAA,cACT,QAAQ;AAAA,cACR,QAAQ,CAACA;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ;AAAA,cAER,UAAA;AAAA,gBAAA,gBAAA8B;AAAA,kBAACG;AAAAA,kBAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,aAAY;AAAA,oBACZ,QAAO;AAAA,oBACP,UAAU;AAAA,oBACV,UAAUlB;AAAA,oBACV,UAAU;AAAA,oBACV,UAAU;AAAA,oBACV,cAAcK;AAAA,oBACd,cAAcE;AAAA,oBAEd,UAAA;AAAA,sBAAA,gBAAAQ;AAAA,wBAACI;AAAAA,wBAAA;AAAA,0BACC,QAAQ;AAAA,0BACR,SAAS;AAAA,0BACT,aAAY;AAAA,0BACZ,WAAU;AAAA,0BACV,aAAY;AAAA,0BACZ,iBAAgB;AAAA,0BAChB,UAAUtB,IAAc,MAAM;AAAA,0BAE9B,UAAA;AAAA,4BAAA,gBAAAuB,EAACC,KAAgB,KAAKjC,GAAgB,KAAKE,GAAc,UAAUnC,IAAgB;AAAA,4BAClF,CAAC6B,KAAe,gBAAAoC,EAAAE,IAAA,EAA2B;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAC9C;AAAA,sBAEA,gBAAAP,EAACQ,MAAK,WAAU,aAAY,QAAO,SAAQ,UAAU1B,IAAc,MAAM,GACtE,UAAA;AAAA,wBAAAhB;AAAA,wBAAW;AAAA,wBAAEkB,KAAgB;AAAA,sBAAA,GAChC;AAAA,sBAEA,gBAAAqB,EAACI,KAAS,WAAU,gBACjB,eACE,gBAAAJ,EAAAK,GAAA,EAA4B,KAAKpD,GAAc,SAASoC,GACvD,4BAACiB,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,GAC3C,EAEJ,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,gBAEC,gBAAAN,EAAAO,IAAA,EAAa,UAAA/C,GAAoB,OAAAG,GAAc,UAAAL,EAAoB,CAAA;AAAA,gBAEnE,CAACiB,KACA,gBAAAoB;AAAA,kBAACa;AAAAA,kBAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,aAAY;AAAA,oBACZ,aAAY;AAAA,oBACZ,UAAU;AAAA,oBACV,UAAU;AAAA,oBACV,iBAAgB;AAAA,oBAEhB,UAAA;AAAA,sBAAA,gBAAAR;AAAA,wBAACS;AAAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BACV,QAAO;AAAA,0BACP,UAAUhC,IAAc,MAAM;AAAA,0BAE7B,UAAAf;AAAA,wBAAA;AAAA,sBACH;AAAA,sBAEC,gBAAAsC,EAAAK,GAAA,EAA4B,KAAKpD,GAAc,SAASoC,GACvD,UAAA,gBAAAW,EAACM,GAAiB,EAAA,OAAO,IAAI,QAAQ,GAAI,CAAA,GAC3C;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UAEA,gBAAAN,EAACU,IAAA,EAA8B,UAAUvD,GACvC,UAAC,gBAAA6C,EAAAW,IAAA,EAAgB,SAASrB,EAAA,CAAa,EACzC,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport 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 } 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 RedoIcon from '../../../../../assets/line-icons/icons/redo';\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 * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst renderSettings = { renderer: 'canvas', autoplay: false };\nconst { ASSIGN_AS_HW, REVIEW, VIEW, MARK_AS_DONE, RESET } = TEACHER_MENU_LABELS;\n\nconst TeacherActions: FC<Omit<INodeCardProps, 'userType'>> = memo(\n  ({\n    nodeData,\n    imageHue,\n    blockType,\n    isSkipped,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\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 { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n    const {\n      can_mark_familiar: canMarkFamiliar,\n      can_review: canReview,\n      can_assign_as_homework: canAssignAsHw,\n      can_reset: canReset,\n    } = permissions;\n\n    const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n    const sheetLocked = state === NODE_CARD_STATES.LOCKED;\n    const inClassSheet = attemptLocation === 'INCLASS';\n\n    const nodeBgImage = getNodeTypeBasedBgImage(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            onNodeAssignAsHomework?.(nodeData);\n\n            return;\n\n          case 'node-card-mark-as-done':\n            onNodeMarkAsDone?.(nodeData);\n\n            return;\n\n          case 'node-card-reset':\n            onNodeReattempt?.(nodeData);\n\n            return;\n\n          default:\n            throw new Error(`No callback function for ${optionId}`);\n        }\n      },\n      [\n        canReview,\n        nodeData,\n        onNodeAssignAsHomework,\n        onNodeMarkAsDone,\n        onNodeReattempt,\n        onNodeReview,\n        onNodeView,\n        userAttemptId,\n      ],\n    );\n\n    const handleOnMouseEnter = useCallback(() => {\n      if (sheetLocked) return;\n      animationRef.current?.play();\n    }, [sheetLocked]);\n\n    const handleOnMouseLeave = useCallback(() => {\n      animationRef.current?.stop();\n    }, []);\n\n    const handleOnNodeCardClick = useCallback(() => {\n      if (canReview && userAttemptId) {\n        onNodeReview?.(nodeData);\n      } else {\n        onNodeView?.(nodeData);\n      }\n    }, [canReview, nodeData, onNodeReview, onNodeView, userAttemptId]);\n\n    const handleOnKebabMenuClick = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        e.stopPropagation();\n        onMenuClick();\n      },\n      [onMenuClick],\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: !canAssignAsHw,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-reset',\n        label: RESET,\n        icon: RedoIcon,\n        disabled: !canReset,\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      <FlexView $position=\"relative\">\n        <Styled.NodeCardContainer\n          $background={`${imageHue}_2`}\n          $disabled={Boolean(isSkipped || sheetLocked)}\n          onClick={handleOnNodeCardClick}\n        >\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem={sheetStatement}\n            position=\"bottom\"\n            zIndex={5}\n            hidden={!sheetStatement}\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              onMouseEnter={handleOnMouseEnter}\n              onMouseLeave={handleOnMouseLeave}\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                <LottieAnimation\n                  src={nodeCardLottie}\n                  ref={animationRef}\n                  settings={renderSettings}\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={handleOnKebabMenuClick}>\n                    <MoreVerticalIcon width={16} height={16} />\n                  </Styled.NodeKebabMenuWrapper>\n                )}\n              </FlexView>\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={handleOnKebabMenuClick}>\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.NodeKebabMenuWrapper>\n              </Styled.NodeCardContentWrapper>\n            )}\n          </ArrowTooltip>\n        </Styled.NodeCardContainer>\n        <Styled.NodeMenuOptionsWrapper $visible={menuVisible}>\n          <NodeMenuOptions options={menuOptions} />\n        </Styled.NodeMenuOptionsWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default TeacherActions;\n"],"names":["renderSettings","ASSIGN_AS_HW","REVIEW","VIEW","MARK_AS_DONE","RESET","TEACHER_MENU_LABELS","TeacherActions","memo","nodeData","imageHue","blockType","isSkipped","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeView","onNodeReview","onNodeReattempt","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","userAttemptId","nodeCardLottie","getNodeCardBasedIcon","animationRef","canMarkFamiliar","canReview","canAssignAsHw","canReset","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","inClassSheet","nodeBgImage","getNodeTypeBasedBgImage","handleOnMenuOptionClick","useCallback","optionId","handleOnMouseEnter","_a","handleOnMouseLeave","handleOnNodeCardClick","handleOnKebabMenuClick","menuOptions","Eye2Icon","Home2Icon","RedoIcon","Check2Icon","jsxs","FlexView","jsx","Styled.NodeCardContainer","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","LottieAnimation","Styled.StyledImportantIcon","Text","Styled.NodeKebabMenuWrapper","MoreVerticalIcon","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","Styled.NodeMenuOptionsWrapper","NodeMenuOptions"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.0.18",
+  "version": "3.0.19-gs1",
   "type": "module",
   "files": [
     "dist"