@cuemath/leap 2.9.1-j2 → 2.9.2-as1

package/dist/features/chapters-v2/comps/node-card/border-path-animation.js

@@ -0,0 +1,13 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+const o = () => /* @__PURE__ */ r("svg", { className: "node-card-border", viewBox: "0 0 170 56", preserveAspectRatio: "none", children: [
+  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ r("linearGradient", { id: "gradient", x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
+    /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "black" }),
+    /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "gray" })
+  ] }) }),
+  /* @__PURE__ */ e("rect", { className: "border-path", x: "0", y: "0", width: "100%", height: "100%" }),
+  /* @__PURE__ */ e("rect", { className: "border-path-animation", x: "0", y: "0", width: "100%", height: "100%" })
+] });
+export {
+  o as default
+};
+//# sourceMappingURL=border-path-animation.js.map

package/dist/features/chapters-v2/comps/node-card/border-path-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"border-path-animation.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/border-path-animation.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nconst BorderPathAnimation: FC = () => {\n  return (\n    <svg className=\"node-card-border\" viewBox=\"0 0 170 56\" preserveAspectRatio=\"none\">\n      <defs>\n        <linearGradient id=\"gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n          <stop offset=\"0%\" stopColor=\"black\" />\n          <stop offset=\"100%\" stopColor=\"gray\" />\n        </linearGradient>\n      </defs>\n      <rect className=\"border-path\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" />\n      <rect className=\"border-path-animation\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" />\n    </svg>\n  );\n};\n\nexport default BorderPathAnimation;\n"],"names":["BorderPathAnimation","jsx","jsxs"],"mappings":";AAEA,MAAMA,IAA0B,wBAE3B,OAAI,EAAA,WAAU,oBAAmB,SAAQ,cAAa,qBAAoB,QACzE,UAAA;AAAA,EAAA,gBAAAC,EAAC,QACC,EAAA,UAAA,gBAAAC,EAAC,kBAAe,EAAA,IAAG,YAAW,IAAG,MAAK,IAAG,MAAK,IAAG,QAAO,IAAG,MACzD,UAAA;AAAA,IAAA,gBAAAD,EAAC,QAAK,EAAA,QAAO,MAAK,WAAU,SAAQ;AAAA,IACnC,gBAAAA,EAAA,QAAA,EAAK,QAAO,QAAO,WAAU,QAAO;AAAA,EAAA,EAAA,CACvC,EACF,CAAA;AAAA,EACA,gBAAAA,EAAC,QAAK,EAAA,WAAU,eAAc,GAAE,KAAI,GAAE,KAAI,OAAM,QAAO,QAAO,OAAO,CAAA;AAAA,EACrE,gBAAAA,EAAC,QAAK,EAAA,WAAU,yBAAwB,GAAE,KAAI,GAAE,KAAI,OAAM,QAAO,QAAO,OAAO,CAAA;AACjF,EAAA,CAAA;"}

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

@@ -0,0 +1,153 @@
+import t from "styled-components";
+import d from "../../../../assets/line-icons/icons/important.js";
+import c from "../../../../assets/line-icons/icons/lock2.js";
+import e from "../../../ui/layout/flex-view.js";
+import l from "../../../ui/text/text.js";
+const f = t(e)(({
+  $showOutline: o,
+  theme: r,
+  $disabled: n,
+  $isSheetLocked: s
+}) => {
+  const { BLACK_1: p, BLACK: a, BLACK_T_15: i } = r.colors;
+  return `
+    cursor: ${n ? "not-allowed" : "pointer"};
+    ${n ? "pointer-events: none;" : "pointer-events: auto;"};
+    position: relative;
+    border-image: linear-gradient(to right, ${i} 0%, ${i} 100%);
+    ${o && `outline: 1px solid ${i};`};
+
+    .node-card-border {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 2;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      background: transparent;
+    }
+
+    .node-card-border > .border-path {
+      fill: none;
+      stroke: ${i};
+      stroke-width: 1.5;
+    }
+
+    .node-card-border > .border-path-animation {
+      fill: none;
+      stroke: ${a};
+      stroke-width: 1.5;
+      //* view box size 170 + 56 + 170 + 56 = 452
+      //* 452 / 2 = 226
+      stroke-dasharray: 226 226;
+      stroke-dashoffset: 0;
+
+      animation: dashmove 6s linear infinite;
+    }
+    
+    @keyframes dashmove {
+      to {
+        stroke-dashoffset: -900;
+      }
+    }
+    
+    &:hover {
+      ${!n && `
+          .node-card-border > .border-path-animation {
+            stroke: ${p};
+            stroke-dasharray: 452;
+            animation: none;
+          }
+        `}
+
+      ${o && !s && `outline: 1px solid ${a};`};
+    }
+  `;
+}), g = t(d)(({ theme: o }) => {
+  const { layout: r } = o;
+  return `
+    width: ${r.gutter * 0.75}px;
+    height: ${r.gutter * 0.75}px;
+    position: absolute;
+    top: -2.5px;
+    right: -2.5px;
+  `;
+}), k = t(e)(({ $bgImage: o }) => `
+    background-image: url(${o});
+
+    & .context-menu {
+      justify-self: flex-end;
+      margin-left: auto;
+    }
+  `), $ = t(e)`
+  border-radius: 50%;
+`, v = t(e)(() => `
+    position: relative;
+    padding: 12px 8px 12px 12px;
+  `), w = t(e)(({ $top: o, $right: r }) => `
+  position: absolute;
+  top: ${o ?? 0}px;
+  right: ${r ?? 0}px;
+  z-index: 3;
+`);
+t(c)(({}) => `
+    width: 28px;
+    height: 28px;
+  `);
+const I = t(e)(({ theme: o }) => {
+  const { BLACK_1: r, WHITE_1: n } = o.colors;
+  return `
+    position: absolute;
+    top: -10px;
+    right: -10px;
+    background: ${r};
+
+    path {
+      fill: ${n};
+    }
+  `;
+}), y = t(l)(() => `
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  `), C = t(e)(({ theme: o }) => `
+    cursor: pointer;
+    
+    &:hover {
+      border-radius: 50%;
+      background: ${o.colors.WHITE_5}; 
+    }
+  `), W = t(e)(({ theme: o, $visible: r }) => `
+    cursor: pointer;
+
+    position: absolute;
+    z-index: 6;
+    top: calc(100% + 4px);
+    left: 0;
+
+    transform-origin: top;
+    transform: scaleY(${r ? 1 : 0});
+    opacity: ${r ? 1 : 0};
+    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+    
+    &:hover {
+      border-radius: 50%;
+      background: ${o.colors.WHITE_5}; 
+    }
+  `);
+export {
+  $ as IconWrapper,
+  I as InProgressIconWrapper,
+  f as NodeCardContainer,
+  v as NodeCardContentWrapper,
+  k as NodeCardInfoWrapper,
+  y as NodeCardTitle,
+  C as NodeKebabMenuWrapper,
+  W as NodeMenuOptionsWrapper,
+  w as SheetTagWrapper,
+  g as StyledImportantIcon
+};
+//# sourceMappingURL=node-card-styled.js.map

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

@@ -0,0 +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  $showOutline?: boolean;\n  $disabled: boolean;\n  $isSheetLocked?: boolean;\n}\n\nconst NodeCardContainer = styled(FlexView)<INodeCardContainer>(({\n  $showOutline,\n  theme,\n  $disabled,\n  $isSheetLocked,\n}) => {\n  const { BLACK_1, BLACK, BLACK_T_15 } = theme.colors;\n\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    ${$disabled ? 'pointer-events: none;' : 'pointer-events: auto;'};\n    position: relative;\n    border-image: linear-gradient(to right, ${BLACK_T_15} 0%, ${BLACK_T_15} 100%);\n    ${$showOutline && `outline: 1px solid ${BLACK_T_15};`};\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    .node-card-border > .border-path {\n      fill: none;\n      stroke: ${BLACK_T_15};\n      stroke-width: 1.5;\n    }\n\n    .node-card-border > .border-path-animation {\n      fill: none;\n      stroke: ${BLACK};\n      stroke-width: 1.5;\n      //* view box size 170 + 56 + 170 + 56 = 452\n      //* 452 / 2 = 226\n      stroke-dasharray: 226 226;\n      stroke-dashoffset: 0;\n\n      animation: dashmove 6s linear infinite;\n    }\n    \n    @keyframes dashmove {\n      to {\n        stroke-dashoffset: -900;\n      }\n    }\n    \n    &:hover {\n      ${\n        !$disabled &&\n        `\n          .node-card-border > .border-path-animation {\n            stroke: ${BLACK_1};\n            stroke-dasharray: 452;\n            animation: none;\n          }\n        `\n      }\n\n      ${$showOutline && !$isSheetLocked && `outline: 1px solid ${BLACK};`};\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)(({ theme }) => {\n  const { BLACK_1, WHITE_1 } = theme.colors;\n\n  return `\n    position: absolute;\n    top: -10px;\n    right: -10px;\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","$showOutline","theme","$disabled","$isSheetLocked","BLACK_1","BLACK","BLACK_T_15","StyledImportantIcon","ImportantIcon","layout","NodeCardInfoWrapper","$bgImage","IconWrapper","NodeCardContentWrapper","SheetTagWrapper","$top","$right","Lock2Icon","InProgressIconWrapper","WHITE_1","NodeCardTitle","Text","NodeKebabMenuWrapper","NodeMenuOptionsWrapper","$visible"],"mappings":";;;;;AAaA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAsB,CAAC;AAAA,EAC9D,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,YAAAC,EAAA,IAAeL,EAAM;AAEtC,SAAA;AAAA,cACKC,IAAY,gBAAgB,SAAS;AAAA,MAC7CA,IAAY,0BAA0B,uBAAuB;AAAA;AAAA,8CAErBI,CAAU,QAAQA,CAAU;AAAA,MACpEN,KAAgB,sBAAsBM,CAAU,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAezCA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMVD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAkBb,CAACH,KACD;AAAA;AAAA,sBAEcE,CAAO;AAAA;AAAA;AAAA;AAAA,SAKvB;AAAA;AAAA,QAEEJ,KAAgB,CAACG,KAAkB,sBAAsBE,CAAK,GAAG;AAAA;AAAA;AAGzE,CAAC,GAEKE,IAAsBT,EAAOU,CAAa,EAAE,CAAC,EAAE,OAAAP,QAAY;AACzD,QAAA,EAAE,QAAAQ,EAAW,IAAAR;AAEZ,SAAA;AAAA,aACIQ,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAKlC,CAAC,GAMKC,IAAsBZ,EAAOC,CAAQ,EAAwB,CAAC,EAAE,UAAAY,QAC7D;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnC,GAEKC,IAAcd,EAAOC,CAAQ;AAAA;AAAA,GAI7Bc,IAAyBf,EAAOC,CAAQ,EAAE,MACvC;AAAA;AAAA;AAAA,GAIR,GAOKe,IAAkBhB,EAAOC,CAAQ,EAAoB,CAAC,EAAE,MAAAgB,GAAM,QAAAC,QAC3D;AAAA;AAAA,SAEAD,KAAQ,CAAC;AAAA,WACPC,KAAU,CAAC;AAAA;AAAA,CAGrB;AAEsBlB,EAAOmB,CAAS,EAAE,CAAC,OACjC;AAAA;AAAA;AAAA,GAIR;AAED,MAAMC,IAAwBpB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AAC5D,QAAM,EAAE,SAAAG,GAAS,SAAAe,MAAYlB,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA,kBAISG,CAAO;AAAA;AAAA;AAAA,cAGXe,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,OAAAE,QACxC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAMKsB,IAAyBzB,EAAOC,CAAQ,EAA2B,CAAC,EAAE,OAAAE,GAAO,UAAAuB,QAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXvB,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC;"}

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

@@ -0,0 +1,16 @@
+import { jsx as d } from "react/jsx-runtime";
+import { memo as m } from "react";
+import { getNodeStateBasedTagInfo as p } from "../../utils/node-card-utils.js";
+import { SheetTagWrapper as S } from "./node-card-styled.js";
+const y = m((t) => {
+  const { state: e, accuracy: a, nodeType: o, dueDateTs: r } = t, c = o === "DYNAMIC" || o === "ASSESSMENT" || o === "CHAPTER_ASSESSMENT" ? a : void 0, {
+    icon: i,
+    top: n,
+    right: s
+  } = p(e, c, r);
+  return /* @__PURE__ */ d(S, { $top: n, $right: s, children: i });
+});
+export {
+  y as default
+};
+//# sourceMappingURL=node-card-tags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node-card-tags.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-tags.tsx"],"sourcesContent":["import type { INodeCardTagsProps } from './node-card-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { getNodeStateBasedTagInfo } from '../../utils/node-card-utils';\nimport * as Styled from './node-card-styled';\n\nconst NodeCardTags: FC<INodeCardTagsProps> = memo(props => {\n  const { state, accuracy, nodeType, dueDateTs } = props;\n\n  const isDynamicNode =\n    nodeType === 'DYNAMIC' || nodeType === 'ASSESSMENT' || nodeType === 'CHAPTER_ASSESSMENT';\n  const accuracyValue = isDynamicNode ? accuracy : undefined;\n\n  const {\n    icon: NodeTagIcon,\n    top,\n    right,\n  } = getNodeStateBasedTagInfo(state, accuracyValue, dueDateTs);\n\n  return (\n    <Styled.SheetTagWrapper $top={top} $right={right}>\n      {NodeTagIcon}\n    </Styled.SheetTagWrapper>\n  );\n});\n\nexport default NodeCardTags;\n"],"names":["NodeCardTags","memo","props","state","accuracy","nodeType","dueDateTs","accuracyValue","NodeTagIcon","top","right","getNodeStateBasedTagInfo","jsx","Styled.SheetTagWrapper"],"mappings":";;;;AAQM,MAAAA,IAAuCC,EAAK,CAASC,MAAA;AACzD,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,WAAAC,MAAcJ,GAI3CK,IADJF,MAAa,aAAaA,MAAa,gBAAgBA,MAAa,uBAChCD,IAAW,QAE3C;AAAA,IACJ,MAAMI;AAAA,IACN,KAAAC;AAAA,IACA,OAAAC;AAAA,EACE,IAAAC,EAAyBR,GAAOI,GAAeD,CAAS;AAG1D,SAAA,gBAAAM,EAACC,GAAA,EAAuB,MAAMJ,GAAK,QAAQC,GACxC,UACHF,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as e } from "react";
+import m from "./student-actions/student-actions.js";
+import n from "./teacher-actions/teacher-actions.js";
+const f = e((t) => {
+  const { userType: r } = t;
+  return r === "STUDENT" ? /* @__PURE__ */ o(m, { ...t }) : /* @__PURE__ */ o(n, { ...t });
+});
+export {
+  f as default
+};
+//# sourceMappingURL=node-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node-card.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card.tsx"],"sourcesContent":["import type { INodeCardProps } from './node-card-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport StudentActions from './student-actions/student-actions';\nimport TeacherActions from './teacher-actions/teacher-actions';\n\nconst NodeCard: FC<INodeCardProps> = memo(props => {\n  const { userType } = props;\n  const isStudent = userType === 'STUDENT';\n\n  if (isStudent) {\n    return <StudentActions {...props} />;\n  }\n\n  return <TeacherActions {...props} />;\n});\n\nexport default NodeCard;\n"],"names":["NodeCard","memo","props","userType","jsx","StudentActions","TeacherActions"],"mappings":";;;;AAQM,MAAAA,IAA+BC,EAAK,CAASC,MAAA;AAC3C,QAAA,EAAE,UAAAC,EAAa,IAAAD;AAGrB,SAFkBC,MAAa,YAGtB,gBAAAC,EAACC,GAAgB,EAAA,GAAGH,EAAO,CAAA,IAG7B,gBAAAE,EAACE,GAAgB,EAAA,GAAGJ,EAAO,CAAA;AACpC,CAAC;"}

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

@@ -0,0 +1,32 @@
+import o from "styled-components";
+import t from "../../../../ui/layout/flex-view.js";
+import i from "../../../../ui/text/text.js";
+const s = o(t)(({}) => `
+      box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.40);
+      width: 180px;
+      position: relative;
+      left: 0;
+      top: 0;
+    `), x = o(t)(({ theme: r, $disabled: e }) => `
+        cursor: ${e ? "not-allowed" : "pointer"};
+
+        &:hover {
+            background: ${r.colors.BLACK};
+        };
+
+        path {
+            fill: ${r.colors.WHITE_1};
+        }
+    `);
+o(i)(() => `
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        text-overflow: ellipsis;
+        overflow: hidden;
+    `);
+export {
+  x as NodeOptionWrapper,
+  s as NodeOptions
+};
+//# sourceMappingURL=node-menu-options-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node-menu-options-styled.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/node-menu-options/node-menu-options-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst NodeOptions = styled(FlexView)(({}) => {\n  return `\n      box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.40);\n      width: 180px;\n      position: relative;\n      left: 0;\n      top: 0;\n    `;\n});\n\ninterface INodeOptionWrapper {\n  $disabled?: boolean;\n}\n\nconst NodeOptionWrapper = styled(FlexView)<INodeOptionWrapper>(({ theme, $disabled }) => {\n  return `\n        cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n\n        &:hover {\n            background: ${theme.colors.BLACK};\n        };\n\n        path {\n            fill: ${theme.colors.WHITE_1};\n        }\n    `;\n});\n\nconst NodeOptionText = 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\nexport { NodeOptions, NodeOptionWrapper, NodeOptionText };\n"],"names":["NodeOptions","styled","FlexView","NodeOptionWrapper","theme","$disabled","Text"],"mappings":";;;AAKA,MAAMA,IAAcC,EAAOC,CAAQ,EAAE,CAAC,CAAA,MAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOR,GAMKC,IAAoBF,EAAOC,CAAQ,EAAsB,CAAC,EAAE,OAAAE,GAAO,WAAAC,QAChE;AAAA,kBACSA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,0BAG7BD,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,oBAIxBA,EAAM,OAAO,OAAO;AAAA;AAAA,KAGvC;AAEsBH,EAAOK,CAAI,EAAE,MAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOR;"}

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

@@ -0,0 +1,31 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { memo as c } from "react";
+import a from "../../../../ui/text/text.js";
+import { NodeOptions as m, NodeOptionWrapper as $ } from "./node-menu-options-styled.js";
+const h = c(({ options: o }) => o.length === 0 ? null : /* @__PURE__ */ e(m, { $background: "BLACK_2", $borderColor: "WHITE_T_38", $gapX: 0.5, children: o.map((t) => {
+  const { icon: n, label: l, id: i, disabled: r, onClick: d } = t;
+  return /* @__PURE__ */ p(
+    $,
+    {
+      $flexDirection: "row",
+      $alignItems: "center",
+      $flexGap: 8,
+      $gapX: 0.5,
+      $gutterX: 1,
+      $opacity: r ? 0.5 : 1,
+      $disabled: r,
+      onClick: () => {
+        r || d(i);
+      },
+      children: [
+        /* @__PURE__ */ e(n, { width: 20, height: 20 }),
+        /* @__PURE__ */ e(a, { $renderAs: "ub3", $color: "WHITE", children: l })
+      ]
+    },
+    i
+  );
+}) }));
+export {
+  h as default
+};
+//# sourceMappingURL=node-menu-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node-menu-options.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/node-menu-options/node-menu-options.tsx"],"sourcesContent":["import type { INodeMenuOptions } from './node-menu-options-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './node-menu-options-styled';\n\nconst NodeMenuOptions: FC<INodeMenuOptions> = memo(({ options }) => {\n  if (options.length === 0) return null;\n\n  return (\n    <Styled.NodeOptions $background=\"BLACK_2\" $borderColor=\"WHITE_T_38\" $gapX={0.5}>\n      {options.map(optionInfo => {\n        const { icon: OptionIcon, label, id, disabled, onClick } = optionInfo;\n\n        return (\n          <Styled.NodeOptionWrapper\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            onClick={() => {\n              if (!disabled) {\n                onClick(id);\n              }\n            }}\n          >\n            <OptionIcon width={20} height={20} />\n\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              {label}\n            </Text>\n          </Styled.NodeOptionWrapper>\n        );\n      })}\n    </Styled.NodeOptions>\n  );\n});\n\nexport default NodeMenuOptions;\n"],"names":["NodeMenuOptions","memo","options","jsx","Styled.NodeOptions","optionInfo","OptionIcon","label","id","disabled","onClick","jsxs","Styled.NodeOptionWrapper","Text"],"mappings":";;;;AAQA,MAAMA,IAAwCC,EAAK,CAAC,EAAE,SAAAC,QAChDA,EAAQ,WAAW,IAAU,OAG9B,gBAAAC,EAAAC,GAAA,EAAmB,aAAY,WAAU,cAAa,cAAa,OAAO,KACxE,UAAQF,EAAA,IAAI,CAAcG,MAAA;AACzB,QAAM,EAAE,MAAMC,GAAY,OAAAC,GAAO,IAAAC,GAAI,UAAAC,GAAU,SAAAC,EAAY,IAAAL;AAGzD,SAAA,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAUH,IAAW,MAAM;AAAA,MAC3B,WAAWA;AAAA,MAEX,SAAS,MAAM;AACb,QAAKA,KACHC,EAAQF,CAAE;AAAA,MAEd;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAL,EAACG,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,0BAElCO,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHN,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAXKC;AAAA,EAAA;AAcV,CAAA,EACH,CAAA,CAEH;"}

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

@@ -0,0 +1,171 @@
+import { jsx as e, jsxs as d, Fragment as F } from "react/jsx-runtime";
+import { memo as Y, useState as Z, useCallback as m } from "react";
+import q from "../../../../../assets/line-icons/icons/eye2.js";
+import J from "../../../../../assets/line-icons/icons/redo.js";
+import Q from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import U from "../../../../ui/context-menu/context-menu.js";
+import V from "../../../../ui/lottie-animation/lottie-animation.js";
+import ee from "../../../../ui/text/text.js";
+import { BLOCK_TYPE as te } from "../../../constants/block-constants.js";
+import { NODE_CARD_STATES as f } from "../../../constants/node-constants.js";
+import { getNodeTypeBasedBgImage as oe } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as re } from "../../../utils/node-card-utils.js";
+import ne from "../border-path-animation.js";
+import { NodeCardContainer as ae, NodeCardInfoWrapper as ie, IconWrapper as ce, StyledImportantIcon as se, NodeCardContentWrapper as de, NodeCardTitle as me } from "../node-card-styled.js";
+import le from "../node-card-tags.js";
+import pe from "../node-menu-options/node-menu-options.js";
+const we = Y((L) => {
+  const {
+    nodeData: t,
+    imageHue: S,
+    blockType: T,
+    onNodeAttempt: n,
+    onNodeReattempt: a,
+    onNodeReview: i,
+    onNodeView: o
+  } = L, {
+    accuracy: E,
+    attempt_location: w,
+    node_type: l,
+    card_header: y,
+    title: N,
+    state: c,
+    is_optional: C,
+    sheet_statement: $,
+    permissions: R,
+    marked_as_completed: s
+  } = t, {
+    can_review: g,
+    can_start: p,
+    can_resume: h,
+    can_reset: I
+  } = R, _ = T === te.GOAL, r = c === f.LOCKED, x = c === f.NOT_STARTED, B = c === f.IN_PROGRESS, v = w === "INCLASS", M = !$ || !_, W = p || h, O = !C && (B || x), u = !W && (I || g), [D, k] = Z(!1), H = oe(l), { icon: G, lottie: K } = re(l), b = m(
+    (A) => {
+      switch (A) {
+        case "node-card-review":
+          s ? o == null || o(t) : i == null || i(t);
+          return;
+        case "node-card-reattempt":
+          a == null || a(t);
+          return;
+        default:
+          throw new Error(`No callback function for ${A}`);
+      }
+    },
+    [t, a, i, o, s]
+  ), P = m(() => {
+    u || r || (p || h ? n == null || n(t) : s && (o == null || o(t)));
+  }, [
+    h,
+    p,
+    t,
+    n,
+    o,
+    u,
+    r,
+    s
+  ]), X = m(() => {
+    k(!0);
+  }, []), j = m(() => {
+    k(!1);
+  }, []), z = [
+    {
+      id: "node-card-review",
+      label: "Review",
+      icon: q,
+      disabled: !g,
+      onClick: b
+    },
+    {
+      id: "node-card-reattempt",
+      label: "Reattempt",
+      icon: J,
+      disabled: !I,
+      onClick: b
+    }
+  ];
+  return /* @__PURE__ */ e(
+    U,
+    {
+      targetElement: /* @__PURE__ */ e(
+        ae,
+        {
+          $showOutline: !O,
+          $background: `${S}_2`,
+          $disabled: r,
+          onClick: P,
+          onMouseEnter: X,
+          onMouseLeave: j,
+          children: /* @__PURE__ */ d(
+            Q,
+            {
+              renderAs: "primary",
+              tooltipItem: $,
+              position: "bottom",
+              zIndex: 5,
+              hidden: M,
+              parentWidth: "100%",
+              widthX: 11.25,
+              children: [
+                /* @__PURE__ */ d(
+                  ie,
+                  {
+                    $flexDirection: "row",
+                    $alignItems: "center",
+                    $heightX: 3.5,
+                    $bgImage: H,
+                    $gutterX: 0.78125,
+                    $flexGap: 8.5,
+                    $opacity: r ? 0.5 : 1,
+                    children: [
+                      /* @__PURE__ */ d(
+                        ce,
+                        {
+                          $width: 31,
+                          $height: 31,
+                          $background: "WHITE_1",
+                          $position: "relative",
+                          $alignItems: "center",
+                          $justifyContent: "center",
+                          children: [
+                            D ? /* @__PURE__ */ e(V, { src: K }) : /* @__PURE__ */ e(G, { width: 20, height: 20 }),
+                            !C && /* @__PURE__ */ e(se, {})
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ d(ee, { $renderAs: "ac4-black", $color: "BLACK", children: [
+                        y,
+                        " ",
+                        v && ". CW"
+                      ] }),
+                      O && /* @__PURE__ */ e(ne, {})
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e(le, { nodeType: l, state: c, accuracy: E }),
+                !_ && /* @__PURE__ */ e(de, { $background: "WHITE_1", $heightX: 4, children: /* @__PURE__ */ e(
+                  me,
+                  {
+                    $renderAs: "ab3",
+                    $color: "BLACK_1",
+                    $opacity: r ? 0.5 : 1,
+                    children: N
+                  }
+                ) })
+              ]
+            }
+          )
+        }
+      ),
+      startLeft: !0,
+      menuWidth: "100%",
+      menuZIndex: 6,
+      menuOffset: 2,
+      menuElement: /* @__PURE__ */ e(F, { children: u ? /* @__PURE__ */ e(pe, { options: z }) : void 0 })
+    }
+  );
+});
+export {
+  we as default
+};
+//# sourceMappingURL=student-actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/student-actions/student-actions.tsx"],"sourcesContent":["import type { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\n\nimport { memo, useCallback, useState, type FC } from 'react';\n\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport RedoIcon from '../../../../../assets/line-icons/icons/redo';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\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 } 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 StudentActions: FC<Omit<INodeCardProps, 'userType'>> = memo(props => {\n  const {\n    nodeData,\n    imageHue,\n    blockType,\n    onNodeAttempt,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n  } = props;\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    marked_as_completed: teacherMarkedAsCompleted,\n  } = nodeData;\n\n  const {\n    can_review: canReview,\n    can_start: canStart,\n    can_resume: canResume,\n    can_reset: canReset,\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  const canStartOrResume = canStart || canResume;\n\n  const showCardAnimation = !isOptional && (sheetInProgress || sheetNotStarted);\n  const renderOptions = !canStartOrResume && (canReset || canReview);\n\n  const [renderLottie, setRenderLottie] = useState(false);\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-review':\n          teacherMarkedAsCompleted ? onNodeView?.(nodeData) : onNodeReview?.(nodeData);\n\n          return;\n\n        case 'node-card-reattempt':\n          onNodeReattempt?.(nodeData);\n\n          return;\n\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [nodeData, onNodeReattempt, onNodeReview, onNodeView, teacherMarkedAsCompleted],\n  );\n\n  const handleOnNodeCardClick = useCallback(() => {\n    if (renderOptions || sheetLocked) return;\n\n    if (canStart || canResume) {\n      onNodeAttempt?.(nodeData);\n    } else if (teacherMarkedAsCompleted) {\n      onNodeView?.(nodeData);\n    }\n  }, [\n    canResume,\n    canStart,\n    nodeData,\n    onNodeAttempt,\n    onNodeView,\n    renderOptions,\n    sheetLocked,\n    teacherMarkedAsCompleted,\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-review',\n      label: 'Review',\n      icon: Eye2Icon,\n      disabled: !canReview,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'node-card-reattempt',\n      label: 'Reattempt',\n      icon: RedoIcon,\n      disabled: !canReset,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  return (\n    <ContextMenu\n      targetElement={\n        <Styled.NodeCardContainer\n          $showOutline={!showCardAnimation}\n          $background={`${imageHue}_2`}\n          $disabled={sheetLocked}\n          onClick={handleOnNodeCardClick}\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              $heightX={3.5}\n              $bgImage={nodeBgImage}\n              $gutterX={0.78125}\n              $flexGap={8.5}\n              $opacity={sheetLocked ? 0.5 : 1}\n            >\n              <Styled.IconWrapper\n                $width={31}\n                $height={31}\n                $background=\"WHITE_1\"\n                $position=\"relative\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\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\">\n                {cardHeader} {inClassSheet && `. CW`}\n              </Text>\n\n              {showCardAnimation && <BorderPathAnimation />}\n            </Styled.NodeCardInfoWrapper>\n\n            <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} />\n\n            {!isGoalBlock && (\n              <Styled.NodeCardContentWrapper $background=\"WHITE_1\" $heightX={4}>\n                <Styled.NodeCardTitle\n                  $renderAs=\"ab3\"\n                  $color=\"BLACK_1\"\n                  $opacity={sheetLocked ? 0.5 : 1}\n                >\n                  {title}\n                </Styled.NodeCardTitle>\n              </Styled.NodeCardContentWrapper>\n            )}\n          </ArrowTooltip>\n        </Styled.NodeCardContainer>\n      }\n      startLeft\n      menuWidth=\"100%\"\n      menuZIndex={6}\n      menuOffset={2}\n      menuElement={<>{renderOptions ? <NodeMenuOptions options={menuOptions} /> : undefined}</>}\n    />\n  );\n});\n\nexport default StudentActions;\n"],"names":["StudentActions","memo","props","nodeData","imageHue","blockType","onNodeAttempt","onNodeReattempt","onNodeReview","onNodeView","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","teacherMarkedAsCompleted","canReview","canStart","canResume","canReset","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","sheetInProgress","inClassSheet","tooltipHidden","canStartOrResume","showCardAnimation","renderOptions","renderLottie","setRenderLottie","useState","nodeBgImage","getNodeTypeBasedBgImage","NodeCardIcon","nodeCardLottie","getNodeCardBasedIcon","handleOnMenuOptionClick","useCallback","optionId","handleOnNodeCardClick","handleOnMouseEnter","handleOnMouseLeave","menuOptions","Eye2Icon","RedoIcon","jsx","ContextMenu","Styled.NodeCardContainer","jsxs","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","LottieAnimation","Styled.StyledImportantIcon","Text","BorderPathAnimation","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","NodeMenuOptions"],"mappings":"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"}