@cuemath/leap 2.8.60-beta-0.1 → 2.8.60-gs1

package/dist/assets/line-icons/icons/bin2.js

@@ -1,5 +1,5 @@
-import { jsx as l } from "react/jsx-runtime";
-const e = (o) => /* @__PURE__ */ l(
+import { jsx as o } from "react/jsx-runtime";
+const l = (e) => /* @__PURE__ */ o(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7,20 +7,19 @@ const e = (o) => /* @__PURE__ */ l(
     height: "24",
     viewBox: "0 0 24 24",
     fill: "none",
-    ...o,
-    children: /* @__PURE__ */ l(
+    ...e,
+    children: /* @__PURE__ */ o(
       "path",
       {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M11.1 6.97363C11.1 6.47657 11.5029 6.07363 12 6.07363C12.4971 6.07363 12.9 6.47657 12.9 6.97363H14.1C14.1 5.81383 13.1598 4.87363 12 4.87363C10.8402 4.87363 9.9 5.81383 9.9 6.97363H11.1ZM17 7.92636V9.12636L7 9.12636V7.92636L17 7.92636ZM9.1 17.4V9.99999H7.9V18V18.6H8.5H15.5H16.1V18V9.99999H14.9V17.4H9.1ZM10.4 16V11H11.6V16H10.4ZM12.4 16V11H13.6V16H12.4Z",
-        fill: "currentColor",
-        fillOpacity: "0.87"
+        fill: "currentColor"
       }
     )
   }
-), n = e;
+), H = l;
 export {
-  n as default
+  H as default
 };
 //# sourceMappingURL=bin2.js.map

package/dist/assets/line-icons/icons/bin2.js.map

@@ -1 +1 @@
-{"version":3,"file":"bin2.js","sources":["../../../../src/assets/line-icons/icons/bin2.tsx"],"sourcesContent":["const Bin2Icon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11.1 6.97363C11.1 6.47657 11.5029 6.07363 12 6.07363C12.4971 6.07363 12.9 6.47657 12.9 6.97363H14.1C14.1 5.81383 13.1598 4.87363 12 4.87363C10.8402 4.87363 9.9 5.81383 9.9 6.97363H11.1ZM17 7.92636V9.12636L7 9.12636V7.92636L17 7.92636ZM9.1 17.4V9.99999H7.9V18V18.6H8.5H15.5H16.1V18V9.99999H14.9V17.4H9.1ZM10.4 16V11H11.6V16H10.4ZM12.4 16V11H13.6V16H12.4Z\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.87\"\n    />\n  </svg>\n);\n\nexport default Bin2Icon;\n"],"names":["Bin2Icon","props","jsx","Bin2Icon$1"],"mappings":";AAAA,MAAMA,IAAoD,CACxDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF,GAGFC,IAAeH;"}
+{"version":3,"file":"bin2.js","sources":["../../../../src/assets/line-icons/icons/bin2.tsx"],"sourcesContent":["const Bin2Icon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11.1 6.97363C11.1 6.47657 11.5029 6.07363 12 6.07363C12.4971 6.07363 12.9 6.47657 12.9 6.97363H14.1C14.1 5.81383 13.1598 4.87363 12 4.87363C10.8402 4.87363 9.9 5.81383 9.9 6.97363H11.1ZM17 7.92636V9.12636L7 9.12636V7.92636L17 7.92636ZM9.1 17.4V9.99999H7.9V18V18.6H8.5H15.5H16.1V18V9.99999H14.9V17.4H9.1ZM10.4 16V11H11.6V16H10.4ZM12.4 16V11H13.6V16H12.4Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default Bin2Icon;\n"],"names":["Bin2Icon","props","jsx","Bin2Icon$1"],"mappings":";AAAA,MAAMA,IAAoD,CACxDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF,GAGFC,IAAeH;"}

package/dist/assets/line-icons/icons/skip-colored.js

@@ -0,0 +1,43 @@
+import { jsxs as e, jsx as l } from "react/jsx-runtime";
+const L = (o) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...o,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M6.3999 5.93884L7.44424 5.53564L11.8999 10.4459V5.93884L12.9442 5.53564L18.4442 11.5968V12.4032L12.9442 18.4644L11.8999 18.0612V13.5541L7.44424 18.4644L6.3999 18.0612V5.93884ZM11.6897 12L7.5999 16.5071V7.49293L11.6897 12ZM13.0999 7.49293V16.5071L17.1897 12L13.0999 7.49293Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          className: "skip-colored-path",
+          d: "M17.1897 12L13.0999 16.5071V7.49293L17.1897 12Z",
+          fill: "#00E573"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          className: "skip-colored-path",
+          d: "M11.6897 12L7.5999 16.5071V7.49293L11.6897 12Z",
+          fill: "#00E573"
+        }
+      )
+    ]
+  }
+), s = L;
+export {
+  s as default
+};
+//# sourceMappingURL=skip-colored.js.map

package/dist/assets/line-icons/icons/skip-colored.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-colored.js","sources":["../../../../src/assets/line-icons/icons/skip-colored.tsx"],"sourcesContent":["const SkipColoredIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M6.3999 5.93884L7.44424 5.53564L11.8999 10.4459V5.93884L12.9442 5.53564L18.4442 11.5968V12.4032L12.9442 18.4644L11.8999 18.0612V13.5541L7.44424 18.4644L6.3999 18.0612V5.93884ZM11.6897 12L7.5999 16.5071V7.49293L11.6897 12ZM13.0999 7.49293V16.5071L17.1897 12L13.0999 7.49293Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      className=\"skip-colored-path\"\n      d=\"M17.1897 12L13.0999 16.5071V7.49293L17.1897 12Z\"\n      fill=\"#00E573\"\n    />\n    <path\n      className=\"skip-colored-path\"\n      d=\"M11.6897 12L7.5999 16.5071V7.49293L11.6897 12Z\"\n      fill=\"#00E573\"\n    />\n  </svg>\n);\n\nexport default SkipColoredIcon;\n"],"names":["SkipColoredIcon","props","jsxs","jsx","SkipColoredIcon$1"],"mappings":";AAAA,MAAMA,IAA2D,CAC/DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}

package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js

@@ -11,7 +11,7 @@ const R = C(
       image_url: h,
       progress_stat: m,
       image_hue: g
-    } = o, { completed: c, total: d } = m, [$, u] = x(!1), t = I(null), s = c > 0 ? Math.floor((c / d || 1) * 100) : 0, f = w(() => {
+    } = o, { completed: c = 0, total: d = 0 } = m || {}, [$, u] = x(!1), t = I(null), s = c > 0 ? Math.floor((c / d || 1) * 100) : 0, f = w(() => {
       a(o, r);
     }, [o, r, a]);
     return T(() => {

package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItemProps } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, useState, memo } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(\n  ({ milestoneId, chapter, onChapterClick, itemIndex }) => {\n    const {\n      name,\n      image_url: imageUrl,\n      progress_stat: chapterProgressStat,\n      image_hue: imageHue,\n    } = chapter;\n    const { completed, total } = chapterProgressStat;\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n    const titleTextRef = useRef<HTMLDivElement>(null);\n\n    const completionPercentage = completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n\n    const handleOnChapterClick = useCallback(() => {\n      onChapterClick(chapter, milestoneId);\n    }, [chapter, milestoneId, onChapterClick]);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    return (\n      <Styled.ChapterItemWrapper\n        id={`milestone-chapter-${milestoneId}-${itemIndex}`}\n        $alignItems=\"center\"\n        $gapX={1}\n        $gutterX={1}\n        $flexGap={8}\n        $background=\"WHITE_1\"\n        onClick={handleOnChapterClick}\n        className=\"goal-widget-chapter-item\"\n        $bgColor={`${imageHue}_1`}\n      >\n        <Styled.ChapterImageWrapper\n          $width=\"fit-content\"\n          $position=\"relative\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n        >\n          <Styled.ChapterProgressWrapper>\n            <Styled.ChapterProgressSVG width=\"96px\" height=\"96px\">\n              <Styled.ChapterProgressSVGCircle $progress={0} r=\"47\" cx=\"48\" cy=\"48\" />\n              <Styled.ChapterProgressSVGCircle\n                $progressCircle\n                $progress={completionPercentage * 2.98}\n                r=\"47\"\n                cx=\"48\"\n                cy=\"48\"\n              />\n            </Styled.ChapterProgressSVG>\n          </Styled.ChapterProgressWrapper>\n\n          <Styled.ChapterImage src={imageUrl} alt=\"Chapter Image\" />\n\n          {completionPercentage === 100 && (\n            <Styled.StyledCheckIconWrapper>\n              <Check2Icon width={20} height={20} />\n            </Styled.StyledCheckIconWrapper>\n          )}\n        </Styled.ChapterImageWrapper>\n\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={name}\n            hidden={!showTitleTooltip}\n            widthX={21.75}\n            zIndex={5}\n          >\n            <Styled.ChapterName\n              ref={titleTextRef}\n              $renderAs=\"ab2\"\n              $color=\"BLACK_T_87\"\n              $align=\"center\"\n            >\n              {name}\n            </Styled.ChapterName>\n          </ArrowTooltip>\n        </FlexView>\n      </Styled.ChapterItemWrapper>\n    );\n  },\n);\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","chapter","onChapterClick","itemIndex","name","imageUrl","chapterProgressStat","imageHue","completed","total","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","completionPercentage","handleOnChapterClick","useCallback","useLayoutEffect","jsxs","Styled.ChapterItemWrapper","Styled.ChapterImageWrapper","jsx","Styled.ChapterProgressWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.ChapterImage","Styled.StyledCheckIconWrapper","Check2Icon","FlexView","ArrowTooltip","Styled.ChapterName"],"mappings":";;;;;;AAUA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,aAAAC,GAAa,SAAAC,GAAS,gBAAAC,GAAgB,WAAAC,QAAgB;AACjD,UAAA;AAAA,MACJ,MAAAC;AAAA,MACA,WAAWC;AAAA,MACX,eAAeC;AAAA,MACf,WAAWC;AAAA,IACT,IAAAN,GACE,EAAE,WAAAO,GAAW,OAAAC,EAAU,IAAAH,GACvB,CAACI,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAE1CC,IAAuBP,IAAY,IAAI,KAAK,OAAOA,IAAYC,KAAS,KAAK,GAAG,IAAI,GAEpFO,IAAuBC,EAAY,MAAM;AAC7C,MAAAf,EAAeD,GAASD,CAAW;AAAA,IAClC,GAAA,CAACC,GAASD,GAAaE,CAAc,CAAC;AAEzC,WAAAgB,EAAgB,MAAM;AACpB,MACEL,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACE,CAAY,CAAC,GAGf,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,IAAI,qBAAqBpB,CAAW,IAAIG,CAAS;AAAA,QACjD,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,SAASa;AAAA,QACT,WAAU;AAAA,QACV,UAAU,GAAGT,CAAQ;AAAA,QAErB,UAAA;AAAA,UAAA,gBAAAY;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,QAAO;AAAA,cACP,WAAU;AAAA,cACV,iBAAgB;AAAA,cAChB,aAAY;AAAA,cAEZ,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAA0B,OAAM,QAAO,QAAO,QAC7C,UAAA;AAAA,kBAAC,gBAAAF,EAAAG,GAAA,EAAgC,WAAW,GAAG,GAAE,MAAK,IAAG,MAAK,IAAG,KAAK,CAAA;AAAA,kBACtE,gBAAAH;AAAA,oBAACG;AAAAA,oBAAA;AAAA,sBACC,iBAAe;AAAA,sBACf,WAAWV,IAAuB;AAAA,sBAClC,GAAE;AAAA,sBACF,IAAG;AAAA,sBACH,IAAG;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA,EAAA,CACF,EACF,CAAA;AAAA,kCAECW,GAAA,EAAoB,KAAKrB,GAAU,KAAI,iBAAgB;AAAA,gBAEvDU,MAAyB,OACvB,gBAAAO,EAAAK,GAAA,EACC,UAAC,gBAAAL,EAAAM,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EACrC,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UAEC,gBAAAN,EAAAO,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAa1B;AAAA,cACb,QAAQ,CAACM;AAAA,cACT,QAAQ;AAAA,cACR,QAAQ;AAAA,cAER,UAAA,gBAAAY;AAAA,gBAACS;AAAAA,gBAAA;AAAA,kBACC,KAAKlB;AAAA,kBACL,WAAU;AAAA,kBACV,QAAO;AAAA,kBACP,QAAO;AAAA,kBAEN,UAAAT;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItemProps } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, useState, memo } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(\n  ({ milestoneId, chapter, onChapterClick, itemIndex }) => {\n    const {\n      name,\n      image_url: imageUrl,\n      progress_stat: chapterProgressStat,\n      image_hue: imageHue,\n    } = chapter;\n    const { completed = 0, total = 0 } = chapterProgressStat || {};\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n    const titleTextRef = useRef<HTMLDivElement>(null);\n\n    const completionPercentage = completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n\n    const handleOnChapterClick = useCallback(() => {\n      onChapterClick(chapter, milestoneId);\n    }, [chapter, milestoneId, onChapterClick]);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    return (\n      <Styled.ChapterItemWrapper\n        id={`milestone-chapter-${milestoneId}-${itemIndex}`}\n        $alignItems=\"center\"\n        $gapX={1}\n        $gutterX={1}\n        $flexGap={8}\n        $background=\"WHITE_1\"\n        onClick={handleOnChapterClick}\n        className=\"goal-widget-chapter-item\"\n        $bgColor={`${imageHue}_1`}\n      >\n        <Styled.ChapterImageWrapper\n          $width=\"fit-content\"\n          $position=\"relative\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n        >\n          <Styled.ChapterProgressWrapper>\n            <Styled.ChapterProgressSVG width=\"96px\" height=\"96px\">\n              <Styled.ChapterProgressSVGCircle $progress={0} r=\"47\" cx=\"48\" cy=\"48\" />\n              <Styled.ChapterProgressSVGCircle\n                $progressCircle\n                $progress={completionPercentage * 2.98}\n                r=\"47\"\n                cx=\"48\"\n                cy=\"48\"\n              />\n            </Styled.ChapterProgressSVG>\n          </Styled.ChapterProgressWrapper>\n\n          <Styled.ChapterImage src={imageUrl} alt=\"Chapter Image\" />\n\n          {completionPercentage === 100 && (\n            <Styled.StyledCheckIconWrapper>\n              <Check2Icon width={20} height={20} />\n            </Styled.StyledCheckIconWrapper>\n          )}\n        </Styled.ChapterImageWrapper>\n\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={name}\n            hidden={!showTitleTooltip}\n            widthX={21.75}\n            zIndex={5}\n          >\n            <Styled.ChapterName\n              ref={titleTextRef}\n              $renderAs=\"ab2\"\n              $color=\"BLACK_T_87\"\n              $align=\"center\"\n            >\n              {name}\n            </Styled.ChapterName>\n          </ArrowTooltip>\n        </FlexView>\n      </Styled.ChapterItemWrapper>\n    );\n  },\n);\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","chapter","onChapterClick","itemIndex","name","imageUrl","chapterProgressStat","imageHue","completed","total","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","completionPercentage","handleOnChapterClick","useCallback","useLayoutEffect","jsxs","Styled.ChapterItemWrapper","Styled.ChapterImageWrapper","jsx","Styled.ChapterProgressWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.ChapterImage","Styled.StyledCheckIconWrapper","Check2Icon","FlexView","ArrowTooltip","Styled.ChapterName"],"mappings":";;;;;;AAUA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,aAAAC,GAAa,SAAAC,GAAS,gBAAAC,GAAgB,WAAAC,QAAgB;AACjD,UAAA;AAAA,MACJ,MAAAC;AAAA,MACA,WAAWC;AAAA,MACX,eAAeC;AAAA,MACf,WAAWC;AAAA,IACT,IAAAN,GACE,EAAE,WAAAO,IAAY,GAAG,OAAAC,IAAQ,EAAE,IAAIH,KAAuB,IACtD,CAACI,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAE1CC,IAAuBP,IAAY,IAAI,KAAK,OAAOA,IAAYC,KAAS,KAAK,GAAG,IAAI,GAEpFO,IAAuBC,EAAY,MAAM;AAC7C,MAAAf,EAAeD,GAASD,CAAW;AAAA,IAClC,GAAA,CAACC,GAASD,GAAaE,CAAc,CAAC;AAEzC,WAAAgB,EAAgB,MAAM;AACpB,MACEL,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACE,CAAY,CAAC,GAGf,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,IAAI,qBAAqBpB,CAAW,IAAIG,CAAS;AAAA,QACjD,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,SAASa;AAAA,QACT,WAAU;AAAA,QACV,UAAU,GAAGT,CAAQ;AAAA,QAErB,UAAA;AAAA,UAAA,gBAAAY;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,QAAO;AAAA,cACP,WAAU;AAAA,cACV,iBAAgB;AAAA,cAChB,aAAY;AAAA,cAEZ,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAA0B,OAAM,QAAO,QAAO,QAC7C,UAAA;AAAA,kBAAC,gBAAAF,EAAAG,GAAA,EAAgC,WAAW,GAAG,GAAE,MAAK,IAAG,MAAK,IAAG,KAAK,CAAA;AAAA,kBACtE,gBAAAH;AAAA,oBAACG;AAAAA,oBAAA;AAAA,sBACC,iBAAe;AAAA,sBACf,WAAWV,IAAuB;AAAA,sBAClC,GAAE;AAAA,sBACF,IAAG;AAAA,sBACH,IAAG;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA,EAAA,CACF,EACF,CAAA;AAAA,kCAECW,GAAA,EAAoB,KAAKrB,GAAU,KAAI,iBAAgB;AAAA,gBAEvDU,MAAyB,OACvB,gBAAAO,EAAAK,GAAA,EACC,UAAC,gBAAAL,EAAAM,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EACrC,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UAEC,gBAAAN,EAAAO,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAa1B;AAAA,cACb,QAAQ,CAACM;AAAA,cACT,QAAQ;AAAA,cACR,QAAQ;AAAA,cAER,UAAA,gBAAAY;AAAA,gBAACS;AAAAA,gBAAA;AAAA,kBACC,KAAKlB;AAAA,kBACL,WAAU;AAAA,kBACV,QAAO;AAAA,kBACP,QAAO;AAAA,kBAEN,UAAAT;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

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

@@ -1,6 +1,6 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { memo as x, useCallback as y, useEffect as p } from "react";
-import { ILLUSTRATIONS as A } from "../../../assets/illustrations/illustrations.js";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { memo as B, useCallback as x, useEffect as l } from "react";
+import { ILLUSTRATIONS as y } from "../../../assets/illustrations/illustrations.js";
 import I from "../../../assets/line-icons/icons/back2.js";
 import w from "../../ui/buttons/button/button.js";
 import L from "../../ui/buttons/icon-button/icon-button.js";
@@ -9,13 +9,13 @@ import S from "../../ui/loader/app-loader/app-loader.js";
 import _ from "../../ui/text/text.js";
 import { useGetChapterDetails as b } from "../api/chapter.js";
 import D from "./block-sections/block-sections.js";
-import v from "./chapter-banner/chapter-banner.js";
-import { ContentWrapper as T, BackButtonContainer as j, BackButtonWrapper as E, LoaderWrapper as P } from "./chapter-details-styled.js";
-const R = x((l) => {
+import E from "./chapter-banner/chapter-banner.js";
+import { ContentWrapper as T, BackButtonContainer as v, BackButtonWrapper as R, LoaderWrapper as j } from "./chapter-details-styled.js";
+const P = B((c) => {
   const {
     userChapterId: i,
     studentId: n,
-    userType: c,
+    userType: a,
     onBlockSkipUnskip: h,
     onNodeAttempt: d,
     onNodeAttemptLocationChange: g,
@@ -24,20 +24,20 @@ const R = x((l) => {
     onNodeReview: C,
     onNodeView: k,
     onExit: $
-  } = l, {
-    get: a,
+  } = c, {
+    get: s,
     data: e,
     isProcessing: r,
-    isProcessingFailed: B,
-    isStale: s
-  } = b(), o = y(() => {
-    a(i, void 0, { studentId: n });
-  }, [a, i, n]);
-  return p(() => {
+    isProcessingFailed: A,
+    isStale: m
+  } = b(), o = x(() => {
+    s(i, void 0, { studentId: n });
+  }, [s, i, n]);
+  return l(() => {
     o();
-  }, [o]), p(() => {
-    !r && s && o();
-  }, [o, r, s]), B ? /* @__PURE__ */ m(N, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
+  }, [o]), l(() => {
+    !r && m && o();
+  }, [o, r, m]), A ? /* @__PURE__ */ p(N, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
     /* @__PURE__ */ t(_, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
     /* @__PURE__ */ t(
       w,
@@ -50,7 +50,7 @@ const R = x((l) => {
         onClick: o
       }
     )
-  ] }) : !e && r ? /* @__PURE__ */ t(S, { height: "80vh" }) : /* @__PURE__ */ m(
+  ] }) : !e && r ? /* @__PURE__ */ t(S, { height: "80vh" }) : /* @__PURE__ */ p(
     T,
     {
       $widthX: 50,
@@ -58,7 +58,7 @@ const R = x((l) => {
       $justifyContent: "center",
       $alignItems: "center",
       children: [
-        /* @__PURE__ */ t(j, { $height: "100%", children: /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(
+        a === "TEACHER" && /* @__PURE__ */ t(v, { $height: "100%", children: /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
           L,
           {
             Icon: I,
@@ -68,9 +68,9 @@ const R = x((l) => {
             onClick: $
           }
         ) }) }),
-        r && /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t("img", { src: A.LOADER_1, alt: "loader" }) }),
+        r && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t("img", { src: y.LOADER_1, alt: "loader" }) }),
         e && /* @__PURE__ */ t(
-          v,
+          E,
           {
             title: e.name,
             imageHue: e.image_hue,
@@ -82,7 +82,7 @@ const R = x((l) => {
           D,
           {
             imageHue: e.image_hue,
-            userType: c,
+            userType: a,
             blocks: e.blocks,
             onBlockSkipUnskip: h,
             onNodeAttempt: d,
@@ -96,7 +96,7 @@ const R = x((l) => {
       ]
     }
   );
-}), Q = R;
+}), Q = P;
 export {
   Q as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"chapter-details.js","sources":["../../../../src/features/chapters-v2/chapter-details/chapter-details.tsx"],"sourcesContent":["import type { IChapterDetails } from './chapter-details-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetChapterDetails } from '../api/chapter';\nimport BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(props => {\n  const {\n    userChapterId,\n    studentId,\n    userType,\n    onBlockSkipUnskip,\n    onNodeAttempt,\n    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n  } = props;\n\n  const {\n    get: getChapterDetails,\n    data: chapterDetails,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useGetChapterDetails();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapterDetails(userChapterId, undefined, { studentId });\n  }, [getChapterDetails, userChapterId, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchChapterDetails();\n    }\n  }, [fetchChapterDetails, isProcessing, isStale]);\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapterDetails}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!chapterDetails && isProcessing) {\n    return <AppLoader height=\"80vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n    >\n      <Styled.BackButtonContainer $height=\"100%\">\n        <Styled.BackButtonWrapper>\n          <IconButton\n            Icon={Back2Icon}\n            renderAs=\"secondary-gray\"\n            analyticsLabel=\"chapter_page_exit\"\n            size=\"xsmall\"\n            onClick={onExit}\n          />\n        </Styled.BackButtonWrapper>\n      </Styled.BackButtonContainer>\n\n      {isProcessing && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n        </Styled.LoaderWrapper>\n      )}\n\n      {chapterDetails && (\n        <ChapterBanner\n          title={chapterDetails.name}\n          imageHue={chapterDetails.image_hue}\n          imageUrl={chapterDetails.image_url}\n          progressStats={chapterDetails?.progress_stat}\n        />\n      )}\n\n      {chapterDetails && (\n        <BlockSections\n          imageHue={chapterDetails.image_hue}\n          userType={userType}\n          blocks={chapterDetails.blocks}\n          onBlockSkipUnskip={onBlockSkipUnskip}\n          onNodeAttempt={onNodeAttempt}\n          onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n          onNodeMarkAsDone={onNodeMarkAsDone}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReview={onNodeReview}\n          onNodeView={onNodeView}\n        />\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","jsx","Text","Button","AppLoader","Styled.ContentWrapper","Styled.BackButtonContainer","Styled.BackButtonWrapper","IconButton","Back2Icon","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":";;;;;;;;;;;;;AAiBA,MAAMA,IAAsCC,EAAK,CAASC,MAAA;AAClD,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,KAAKY;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,MACEC,EAAqB,GAEnBC,IAAsBC,EAAY,MAAM;AAC5C,IAAAP,EAAkBX,GAAe,QAAW,EAAE,WAAAC,EAAW,CAAA;AAAA,EACxD,GAAA,CAACU,GAAmBX,GAAeC,CAAS,CAAC;AAYhD,SAVAkB,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAExBE,EAAU,MAAM;AACV,IAAA,CAACN,KAAgBE,KACCE;EAErB,GAAA,CAACA,GAAqBJ,GAAcE,CAAO,CAAC,GAE3CD,IAEA,gBAAAM,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,MAAK,UAAmD,uDAAA;AAAA,IACxE,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASP;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAIA,CAACL,KAAkBC,IACd,gBAAAS,EAACG,GAAU,EAAA,QAAO,OAAO,CAAA,IAIhC,gBAAAL;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,uBAAuBb;AAAA,MACvB,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAC,gBAAAS,EAAAK,GAAA,EAA2B,SAAQ,QAClC,UAAC,gBAAAL,EAAAM,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,UAAS;AAAA,YACT,gBAAe;AAAA,YACf,MAAK;AAAA,YACL,SAASpB;AAAA,UAAA;AAAA,WAEb,EACF,CAAA;AAAA,QAECG,KACC,gBAAAS,EAACS,GAAA,EACC,UAAA,gBAAAT,EAAC,OAAI,EAAA,KAAKU,EAAc,UAAU,KAAI,SAAA,CAAS,EACjD,CAAA;AAAA,QAGDpB,KACC,gBAAAU;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,OAAOrB,EAAe;AAAA,YACtB,UAAUA,EAAe;AAAA,YACzB,UAAUA,EAAe;AAAA,YACzB,eAAeA,KAAA,gBAAAA,EAAgB;AAAA,UAAA;AAAA,QACjC;AAAA,QAGDA,KACC,gBAAAU;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,UAAUtB,EAAe;AAAA,YACzB,UAAAV;AAAA,YACA,QAAQU,EAAe;AAAA,YACvB,mBAAAT;AAAA,YACA,eAAAC;AAAA,YACA,6BAAAC;AAAA,YACA,kBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,YAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAED0B,IAAetC;"}
+{"version":3,"file":"chapter-details.js","sources":["../../../../src/features/chapters-v2/chapter-details/chapter-details.tsx"],"sourcesContent":["import type { IChapterDetails } from './chapter-details-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetChapterDetails } from '../api/chapter';\nimport BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(props => {\n  const {\n    userChapterId,\n    studentId,\n    userType,\n    onBlockSkipUnskip,\n    onNodeAttempt,\n    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n  } = props;\n\n  const {\n    get: getChapterDetails,\n    data: chapterDetails,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useGetChapterDetails();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapterDetails(userChapterId, undefined, { studentId });\n  }, [getChapterDetails, userChapterId, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchChapterDetails();\n    }\n  }, [fetchChapterDetails, isProcessing, isStale]);\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapterDetails}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!chapterDetails && isProcessing) {\n    return <AppLoader height=\"80vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n    >\n      {userType === 'TEACHER' && (\n        <Styled.BackButtonContainer $height=\"100%\">\n          <Styled.BackButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"secondary-gray\"\n              analyticsLabel=\"chapter_page_exit\"\n              size=\"xsmall\"\n              onClick={onExit}\n            />\n          </Styled.BackButtonWrapper>\n        </Styled.BackButtonContainer>\n      )}\n\n      {isProcessing && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n        </Styled.LoaderWrapper>\n      )}\n\n      {chapterDetails && (\n        <ChapterBanner\n          title={chapterDetails.name}\n          imageHue={chapterDetails.image_hue}\n          imageUrl={chapterDetails.image_url}\n          progressStats={chapterDetails?.progress_stat}\n        />\n      )}\n\n      {chapterDetails && (\n        <BlockSections\n          imageHue={chapterDetails.image_hue}\n          userType={userType}\n          blocks={chapterDetails.blocks}\n          onBlockSkipUnskip={onBlockSkipUnskip}\n          onNodeAttempt={onNodeAttempt}\n          onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n          onNodeMarkAsDone={onNodeMarkAsDone}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReview={onNodeReview}\n          onNodeView={onNodeView}\n        />\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","jsx","Text","Button","AppLoader","Styled.ContentWrapper","Styled.BackButtonContainer","Styled.BackButtonWrapper","IconButton","Back2Icon","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":";;;;;;;;;;;;;AAiBA,MAAMA,IAAsCC,EAAK,CAASC,MAAA;AAClD,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,KAAKY;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,MACEC,EAAqB,GAEnBC,IAAsBC,EAAY,MAAM;AAC5C,IAAAP,EAAkBX,GAAe,QAAW,EAAE,WAAAC,EAAW,CAAA;AAAA,EACxD,GAAA,CAACU,GAAmBX,GAAeC,CAAS,CAAC;AAYhD,SAVAkB,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAExBE,EAAU,MAAM;AACV,IAAA,CAACN,KAAgBE,KACCE;EAErB,GAAA,CAACA,GAAqBJ,GAAcE,CAAO,CAAC,GAE3CD,IAEA,gBAAAM,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,MAAK,UAAmD,uDAAA;AAAA,IACxE,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASP;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAIA,CAACL,KAAkBC,IACd,gBAAAS,EAACG,GAAU,EAAA,QAAO,OAAO,CAAA,IAIhC,gBAAAL;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,uBAAuBb;AAAA,MACvB,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QAAaX,MAAA,aACX,gBAAAoB,EAAAK,GAAA,EAA2B,SAAQ,QAClC,UAAA,gBAAAL,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,UAAS;AAAA,YACT,gBAAe;AAAA,YACf,MAAK;AAAA,YACL,SAASpB;AAAA,UAAA;AAAA,WAEb,EACF,CAAA;AAAA,QAGDG,KACC,gBAAAS,EAACS,GAAA,EACC,UAAA,gBAAAT,EAAC,OAAI,EAAA,KAAKU,EAAc,UAAU,KAAI,SAAA,CAAS,EACjD,CAAA;AAAA,QAGDpB,KACC,gBAAAU;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,OAAOrB,EAAe;AAAA,YACtB,UAAUA,EAAe;AAAA,YACzB,UAAUA,EAAe;AAAA,YACzB,eAAeA,KAAA,gBAAAA,EAAgB;AAAA,UAAA;AAAA,QACjC;AAAA,QAGDA,KACC,gBAAAU;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,UAAUtB,EAAe;AAAA,YACzB,UAAAV;AAAA,YACA,QAAQU,EAAe;AAAA,YACvB,mBAAAT;AAAA,YACA,eAAAC;AAAA,YACA,6BAAAC;AAAA,YACA,kBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,YAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAED0B,IAAetC;"}

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

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

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

@@ -1 +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, 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 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  } = nodeData;\n\n  const {\n    can_review: canReview,\n    can_reattempt: canReattempt,\n    can_start: canStart,\n    can_resume: canResume,\n  } = permissions;\n\n  const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n  const sheetLocked = state === NODE_CARD_STATES.LOCKED;\n  const sheetNotStarted = state === NODE_CARD_STATES.NOT_STARTED;\n  const sheetInProgress = state === NODE_CARD_STATES.IN_PROGRESS;\n  const inClassSheet = attemptLocation === 'INCLASS';\n  const tooltipHidden = !sheetStatement || !isGoalBlock;\n\n  const showCardAnimation = !isOptional && (sheetInProgress || sheetNotStarted);\n  const renderOptions = canReattempt || canReview;\n\n  const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'node-card-review':\n          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],\n  );\n\n  const handleOnNodeCardClick = useCallback(() => {\n    if (renderOptions || sheetLocked) return;\n\n    if (canStart || canResume) {\n      onNodeAttempt?.(nodeData);\n\n      return;\n    }\n\n    onNodeView?.(nodeData);\n  }, [canResume, canStart, nodeData, onNodeAttempt, onNodeView, renderOptions, sheetLocked]);\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: !canReattempt,\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        >\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                {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\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","canReview","canReattempt","canStart","canResume","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","sheetInProgress","inClassSheet","tooltipHidden","showCardAnimation","renderOptions","nodeBgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","handleOnMenuOptionClick","useCallback","optionId","handleOnNodeCardClick","menuOptions","Eye2Icon","RedoIcon","jsx","ContextMenu","Styled.NodeCardContainer","jsxs","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","Styled.StyledImportantIcon","Text","BorderPathAnimation","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","NodeMenuOptions"],"mappings":"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"}
+{"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, 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 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_reattempt: canReattempt,\n    can_start: canStart,\n    can_resume: canResume,\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 && (canReattempt || canReview);\n\n  const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'node-card-review':\n          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],\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 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: !canReattempt,\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        >\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                {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\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","canReattempt","canStart","canResume","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","sheetInProgress","inClassSheet","tooltipHidden","canStartOrResume","showCardAnimation","renderOptions","nodeBgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","handleOnMenuOptionClick","useCallback","optionId","handleOnNodeCardClick","menuOptions","Eye2Icon","RedoIcon","jsx","ContextMenu","Styled.NodeCardContainer","jsxs","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","Styled.StyledImportantIcon","Text","BorderPathAnimation","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","NodeMenuOptions"],"mappings":";;;;;;;;;;;;;;;AAmBM,MAAAA,KAAuDC,EAAK,CAASC,MAAA;AACnE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAP,GACE;AAAA,IACJ,UAAAQ;AAAA,IACA,kBAAkBC;AAAA,IAClB,WAAWC;AAAA,IACX,aAAaC;AAAA,IACb,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAaC;AAAA,IACb,iBAAiBC;AAAA,IACjB,aAAAC;AAAA,IACA,qBAAqBC;AAAA,EACnB,IAAAhB,GAEE;AAAA,IACJ,YAAYiB;AAAA,IACZ,eAAeC;AAAA,IACf,WAAWC;AAAA,IACX,YAAYC;AAAA,EACV,IAAAL,GAEEM,IAAcnB,MAAcoB,EAAW,MACvCC,IAAcX,MAAUY,EAAiB,QACzCC,IAAkBb,MAAUY,EAAiB,aAC7CE,IAAkBd,MAAUY,EAAiB,aAC7CG,IAAenB,MAAoB,WACnCoB,IAAgB,CAACd,KAAkB,CAACO,GACpCQ,IAAmBV,KAAYC,GAE/BU,IAAoB,CAACjB,MAAea,KAAmBD,IACvDM,IAAgB,CAACF,MAAqBX,KAAgBD,IAEtDe,IAAcC,EAAwBxB,CAAQ,GAC9CyB,IAAeC,EAAqB1B,CAAQ,GAE5C2B,IAA0BC;AAAA,IAC9B,CAACC,MAAqB;AACpB,cAAQA,GAAU;AAAA,QAChB,KAAK;AACH,UAAAjC,KAAA,QAAAA,EAAeL;AAEf;AAAA,QAEF,KAAK;AACH,UAAAI,KAAA,QAAAA,EAAkBJ;AAElB;AAAA,QAEF;AACE,gBAAM,IAAI,MAAM,4BAA4BsC,CAAQ,EAAE;AAAA,MAC1D;AAAA,IACF;AAAA,IACA,CAACtC,GAAUI,GAAiBC,CAAY;AAAA,EAAA,GAGpCkC,IAAwBF,EAAY,MAAM;AAC9C,IAAIN,KAAiBR,MAEjBJ,KAAYC,IACdjB,KAAA,QAAAA,EAAgBH,KACPgB,MACTV,KAAA,QAAAA,EAAaN;AAAA,EACf,GACC;AAAA,IACDoB;AAAA,IACAD;AAAA,IACAnB;AAAA,IACAG;AAAA,IACAG;AAAA,IACAyB;AAAA,IACAR;AAAA,IACAP;AAAA,EAAA,CACD,GAEKwB,IAAiC;AAAA,IACrC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMC;AAAA,MACN,UAAU,CAACxB;AAAA,MACX,SAASmB;AAAA,IACX;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMM;AAAA,MACN,UAAU,CAACxB;AAAA,MACX,SAASkB;AAAA,IACX;AAAA,EAAA;AAIA,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eACE,gBAAAD;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,cAAc,CAACf;AAAA,UACf,aAAa,GAAG7B,CAAQ;AAAA,UACxB,WAAWsB;AAAA,UACX,SAASgB;AAAA,UAET,UAAA,gBAAAO;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,aAAajC;AAAA,cACb,UAAS;AAAA,cACT,QAAQ;AAAA,cACR,QAAQc;AAAA,cACR,aAAY;AAAA,cACZ,QAAQ;AAAA,cAER,UAAA;AAAA,gBAAA,gBAAAkB;AAAA,kBAACE;AAAAA,kBAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,aAAY;AAAA,oBACZ,UAAU;AAAA,oBACV,UAAUhB;AAAA,oBACV,UAAU;AAAA,oBACV,UAAU;AAAA,oBACV,UAAUT,IAAc,MAAM;AAAA,oBAE9B,UAAA;AAAA,sBAAA,gBAAAuB;AAAA,wBAACG;AAAAA,wBAAA;AAAA,0BACC,QAAQ;AAAA,0BACR,SAAS;AAAA,0BACT,aAAY;AAAA,0BACZ,WAAU;AAAA,0BACV,aAAY;AAAA,0BACZ,iBAAgB;AAAA,0BAEf,UAAA;AAAA,4BAAAf,KAAiB,gBAAAS,EAAAT,GAAA,EAAa,OAAO,IAAI,QAAQ,IAAI;AAAA,4BACrD,CAACrB,KAAe,gBAAA8B,EAAAO,IAAA,EAA2B;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAC9C;AAAA,sBAEC,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,aAAY,QAAO,SAChC,UAAA;AAAA,wBAAAzC;AAAA,wBAAW;AAAA,wBAAEiB,KAAgB;AAAA,sBAAA,GAChC;AAAA,sBAECG,uBAAsBsB,GAAoB,EAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC7C;AAAA,gBAEC,gBAAAT,EAAAU,IAAA,EAAa,UAAA5C,GAAoB,OAAAG,GAAc,UAAAL,EAAoB,CAAA;AAAA,gBAEnE,CAACc,KACC,gBAAAsB,EAAAW,IAAA,EAA8B,aAAY,WAAU,UAAU,GAC7D,UAAA,gBAAAX;AAAA,kBAACY;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,QAAO;AAAA,oBACP,UAAUhC,IAAc,MAAM;AAAA,oBAE7B,UAAAZ;AAAA,kBAAA;AAAA,gBAAA,GAEL;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,WAAS;AAAA,MACT,WAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,oCAAgB,UAAgBoB,IAAA,gBAAAY,EAACa,MAAgB,SAAShB,EAAa,CAAA,IAAK,OAAU,CAAA;AAAA,IAAA;AAAA,EAAA;AAG5F,CAAC;"}