@cuemath/leap 4.1.1-beta.5 → 4.1.1-link.0

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

@@ -1,29 +1,30 @@
-import { jsx as t, jsxs as _ } from "react/jsx-runtime";
-import { memo as x, useState as W, useRef as w, useCallback as y, useLayoutEffect as A } from "react";
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import { memo as W, useState as w, useRef as y, useCallback as A, useLayoutEffect as H } from "react";
 import p from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import H from "../../../ui/layout/flex-view.js";
-import k from "../../../ui/text/text.js";
-import X from "./chapter-circular-progress/chapter-circular-progress.js";
-import { ChapterItemWrapper as j, ChapterName as S, ChapterItemNumberWrapper as E } from "./chapter-item-styled.js";
-const F = x(function({
+import k from "../../../ui/layout/flex-view.js";
+import X from "../../../ui/text/text.js";
+import j from "./chapter-circular-progress/chapter-circular-progress.js";
+import { ChapterItemWrapper as S, ChapterName as E, ChapterItemNumberWrapper as L } from "./chapter-item-styled.js";
+const G = W(function({
   milestoneId: o,
   chapter: i,
   onChapterClick: n,
   itemIndex: a,
-  shouldShowItemIndex: h
+  shouldShowItemIndex: h,
+  firstChapterRef: d
 }) {
   const {
     name: l,
-    image_url: d,
-    progress_stat: u,
+    image_url: u,
+    progress_stat: g,
     image_hue: c
-  } = i, { mandatory: g, optional: $ } = u || {}, { completed: s = 0, total: m = 0 } = g || {}, { total: f = 0 } = $ || {}, [C, T] = W(!1), e = w(null), b = s > 0 ? Math.floor((s / m || 1) * 100) : 0, r = m + f, I = y(() => {
+  } = i, { mandatory: f, optional: $ } = g || {}, { completed: s = 0, total: m = 0 } = f || {}, { total: C = 0 } = $ || {}, [T, b] = w(!1), e = y(null), I = s > 0 ? Math.floor((s / m || 1) * 100) : 0, r = m + C, _ = A(() => {
     if (r === 0)
       return null;
     n(i, o);
   }, [i, o, n, r]);
-  return A(() => {
-    e.current && e.current.scrollHeight > e.current.clientHeight && T(!0);
+  return H(() => {
+    e.current && e.current.scrollHeight > e.current.clientHeight && b(!0);
   }, [e]), /* @__PURE__ */ t(
     p,
     {
@@ -33,41 +34,42 @@ const F = x(function({
       hidden: r > 0,
       parentWidth: "100%",
       zIndex: 5,
-      children: /* @__PURE__ */ _(
-        j,
+      children: /* @__PURE__ */ x(
+        S,
         {
+          ref: d,
           id: `milestone-chapter-${o || ""}-${a}`,
           $alignItems: "center",
           $gapX: 1,
           $gutterX: 1,
           $flexGap: 8,
           $background: "WHITE_1",
-          onClick: I,
+          onClick: _,
           className: "goal-widget-chapter-item",
           $bgColor: `${c}_1`,
           shouldHideClick: r === 0,
           children: [
             /* @__PURE__ */ t(
-              X,
+              j,
               {
-                completionPercentage: b,
-                imageUrl: d,
+                completionPercentage: I,
+                imageUrl: u,
                 imageHue: c,
                 imageWidth: 96,
                 iconWidth: 20
               }
             ),
-            /* @__PURE__ */ t(H, { $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ t(
+            /* @__PURE__ */ t(k, { $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ t(
               p,
               {
                 renderAs: "primary",
                 position: "bottom",
                 tooltipItem: l,
-                hidden: !C,
+                hidden: !T,
                 widthX: 21.75,
                 zIndex: 5,
                 children: /* @__PURE__ */ t(
-                  S,
+                  E,
                   {
                     ref: e,
                     $renderAs: "ab2",
@@ -79,14 +81,14 @@ const F = x(function({
               }
             ) }),
             !!h && /* @__PURE__ */ t(
-              E,
+              L,
               {
                 $background: "WHITE_4",
                 $widthX: 1.75,
                 $heightX: 1.75,
                 $alignItems: "center",
                 $justifyContent: "center",
-                children: /* @__PURE__ */ t(k, { $renderAs: "ab2", $color: "BLACK_1", $align: "center", children: a + 1 })
+                children: /* @__PURE__ */ t(X, { $renderAs: "ab2", $color: "BLACK_1", $align: "center", children: a + 1 })
               }
             )
           ]
@@ -96,6 +98,6 @@ const F = x(function({
   );
 });
 export {
-  F as default
+  G as default
 };
 //# sourceMappingURL=chapter-item.js.map

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 { useCallback, useLayoutEffect, useRef, useState, memo, type FC } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport ChapterCircularProgress from './chapter-circular-progress/chapter-circular-progress';\nimport * as Styled from './chapter-item-styled';\nimport type { IChapterItemProps } from './chapter-item-types';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(function ChapterItem({\n  milestoneId,\n  chapter,\n  onChapterClick,\n  itemIndex,\n  shouldShowItemIndex,\n}) {\n  const {\n    name,\n    image_url: imageUrl,\n    progress_stat: chapterProgressStat,\n    image_hue: imageHue,\n  } = chapter;\n  const { mandatory, optional } = chapterProgressStat || {};\n  const { completed = 0, total: totalMandatory = 0 } = mandatory || {};\n  const { total: optionalTotal = 0 } = optional || {};\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const completionPercentage =\n    completed > 0 ? Math.floor((completed / totalMandatory || 1) * 100) : 0;\n  const totalSheets = totalMandatory + optionalTotal;\n  const handleOnChapterClick = useCallback(() => {\n    if (totalSheets === 0) {\n      return null;\n    }\n\n    onChapterClick(chapter, milestoneId);\n  }, [chapter, milestoneId, onChapterClick, totalSheets]);\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    <ArrowTooltip\n      renderAs=\"primary\"\n      position=\"bottom\"\n      tooltipItem=\"Coming soon! We’re building this chapter\"\n      hidden={totalSheets > 0}\n      parentWidth=\"100%\"\n      zIndex={5}\n    >\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        shouldHideClick={totalSheets === 0}\n      >\n        <ChapterCircularProgress\n          completionPercentage={completionPercentage}\n          imageUrl={imageUrl}\n          imageHue={imageHue}\n          imageWidth={96}\n          iconWidth={20}\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        {!!shouldShowItemIndex && (\n          <Styled.ChapterItemNumberWrapper\n            $background=\"WHITE_4\"\n            $widthX={1.75}\n            $heightX={1.75}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <Text $renderAs=\"ab2\" $color=\"BLACK_1\" $align=\"center\">\n              {itemIndex + 1}\n            </Text>\n          </Styled.ChapterItemNumberWrapper>\n        )}\n      </Styled.ChapterItemWrapper>\n    </ArrowTooltip>\n  );\n});\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","chapter","onChapterClick","itemIndex","shouldShowItemIndex","name","imageUrl","chapterProgressStat","imageHue","mandatory","optional","completed","totalMandatory","optionalTotal","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","completionPercentage","totalSheets","handleOnChapterClick","useCallback","useLayoutEffect","jsx","ArrowTooltip","jsxs","Styled.ChapterItemWrapper","ChapterCircularProgress","FlexView","Styled.ChapterName","Styled.ChapterItemNumberWrapper","Text"],"mappings":";;;;;;;AASM,MAAAA,IAAqCC,EAAK,SAAqB;AAAA,EACnE,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AACF,GAAG;AACK,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,WAAWC;AAAA,IACX,eAAeC;AAAA,IACf,WAAWC;AAAA,EACT,IAAAP,GACE,EAAE,WAAAQ,GAAW,UAAAC,MAAaH,KAAuB,CAAA,GACjD,EAAE,WAAAI,IAAY,GAAG,OAAOC,IAAiB,EAAE,IAAIH,KAAa,IAC5D,EAAE,OAAOI,IAAgB,EAAE,IAAIH,KAAY,CAAA,GAC3C,CAACI,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAC1CC,IACJR,IAAY,IAAI,KAAK,OAAOA,IAAYC,KAAkB,KAAK,GAAG,IAAI,GAClEQ,IAAcR,IAAiBC,GAC/BQ,IAAuBC,EAAY,MAAM;AAC7C,QAAIF,MAAgB;AACX,aAAA;AAGT,IAAAlB,EAAeD,GAASD,CAAW;AAAA,KAClC,CAACC,GAASD,GAAaE,GAAgBkB,CAAW,CAAC;AAEtD,SAAAG,EAAgB,MAAM;AACpB,IACEN,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,EAC1B,GACC,CAACE,CAAY,CAAC,GAGf,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQL,IAAc;AAAA,MACtB,aAAY;AAAA,MACZ,QAAQ;AAAA,MAER,UAAA,gBAAAM;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,IAAI,qBAAqB3B,KAAe,EAAE,IAAIG,CAAS;AAAA,UACvD,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,SAASkB;AAAA,UACT,WAAU;AAAA,UACV,UAAU,GAAGb,CAAQ;AAAA,UACrB,iBAAiBY,MAAgB;AAAA,UAEjC,UAAA;AAAA,YAAA,gBAAAI;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,sBAAAT;AAAA,gBACA,UAAAb;AAAA,gBACA,UAAAE;AAAA,gBACA,YAAY;AAAA,gBACZ,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,YACC,gBAAAgB,EAAAK,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA,gBAAAL;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,aAAapB;AAAA,gBACb,QAAQ,CAACS;AAAA,gBACT,QAAQ;AAAA,gBACR,QAAQ;AAAA,gBAER,UAAA,gBAAAU;AAAA,kBAACM;AAAAA,kBAAA;AAAA,oBACC,KAAKb;AAAA,oBACL,WAAU;AAAA,oBACV,QAAO;AAAA,oBACP,QAAO;AAAA,oBAEN,UAAAZ;AAAA,kBAAA;AAAA,gBACH;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,YACC,CAAC,CAACD,KACD,gBAAAoB;AAAA,cAACO;AAAAA,cAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAEhB,UAAA,gBAAAP,EAACQ,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAC3C,UAAA7B,IAAY,EACf,CAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import { memo, useCallback, useLayoutEffect, useRef, useState, type FC } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport ChapterCircularProgress from './chapter-circular-progress/chapter-circular-progress';\nimport * as Styled from './chapter-item-styled';\nimport type { IChapterItemProps } from './chapter-item-types';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(function ChapterItem({\n  milestoneId,\n  chapter,\n  onChapterClick,\n  itemIndex,\n  shouldShowItemIndex,\n  firstChapterRef,\n}) {\n  const {\n    name,\n    image_url: imageUrl,\n    progress_stat: chapterProgressStat,\n    image_hue: imageHue,\n  } = chapter;\n  const { mandatory, optional } = chapterProgressStat || {};\n  const { completed = 0, total: totalMandatory = 0 } = mandatory || {};\n  const { total: optionalTotal = 0 } = optional || {};\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const completionPercentage =\n    completed > 0 ? Math.floor((completed / totalMandatory || 1) * 100) : 0;\n  const totalSheets = totalMandatory + optionalTotal;\n  const handleOnChapterClick = useCallback(() => {\n    if (totalSheets === 0) {\n      return null;\n    }\n\n    onChapterClick(chapter, milestoneId);\n  }, [chapter, milestoneId, onChapterClick, totalSheets]);\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    <ArrowTooltip\n      renderAs=\"primary\"\n      position=\"bottom\"\n      tooltipItem=\"Coming soon! We’re building this chapter\"\n      hidden={totalSheets > 0}\n      parentWidth=\"100%\"\n      zIndex={5}\n    >\n      <Styled.ChapterItemWrapper\n        ref={firstChapterRef}\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        shouldHideClick={totalSheets === 0}\n      >\n        <ChapterCircularProgress\n          completionPercentage={completionPercentage}\n          imageUrl={imageUrl}\n          imageHue={imageHue}\n          imageWidth={96}\n          iconWidth={20}\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        {!!shouldShowItemIndex && (\n          <Styled.ChapterItemNumberWrapper\n            $background=\"WHITE_4\"\n            $widthX={1.75}\n            $heightX={1.75}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <Text $renderAs=\"ab2\" $color=\"BLACK_1\" $align=\"center\">\n              {itemIndex + 1}\n            </Text>\n          </Styled.ChapterItemNumberWrapper>\n        )}\n      </Styled.ChapterItemWrapper>\n    </ArrowTooltip>\n  );\n});\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","chapter","onChapterClick","itemIndex","shouldShowItemIndex","firstChapterRef","name","imageUrl","chapterProgressStat","imageHue","mandatory","optional","completed","totalMandatory","optionalTotal","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","completionPercentage","totalSheets","handleOnChapterClick","useCallback","useLayoutEffect","jsx","ArrowTooltip","jsxs","Styled.ChapterItemWrapper","ChapterCircularProgress","FlexView","Styled.ChapterName","Styled.ChapterItemNumberWrapper","Text"],"mappings":"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"}

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

@@ -1,81 +1,91 @@
-import { jsxs as p, jsx as t, Fragment as A } from "react/jsx-runtime";
-import { memo as T, useCallback as b } from "react";
-import { IMAGES as g } from "../../../assets/images/images.js";
-import x from "../../ui/arrow-tooltip/arrow-tooltip.js";
-import k from "../../ui/buttons/button/button.js";
-import { useUIContext as $ } from "../../ui/context/context.js";
-import m from "../../ui/separator/separator.js";
-import y from "../../ui/text/text.js";
-import E from "./chapter-item/chapter-item.js";
-import { ChaptersListContainer as l, ChaptersWrapper as I } from "./chapters-list-styled.js";
-const L = T(function({
-  milestoneId: r,
-  canUpdatePlan: c,
-  chapters: o,
-  ...d
-}) {
-  const { isGoalCreation: i, userType: h, onChapterClick: C, onAddChapter: e, isMilestoneActive: n } = d, { onClick: a } = $(), f = b(() => {
-    a({
+import { jsxs as c, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { memo as g, useCallback as y, useEffect as k } from "react";
+import { IMAGES as x } from "../../../assets/images/images.js";
+import E from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import $ from "../../ui/buttons/button/button.js";
+import { useUIContext as S } from "../../ui/context/context.js";
+import d from "../../ui/separator/separator.js";
+import L from "../../ui/text/text.js";
+import X from "./chapter-item/chapter-item.js";
+import { ChaptersListContainer as h, ChaptersWrapper as M } from "./chapters-list-styled.js";
+const P = g(function(f) {
+  const {
+    milestoneId: e,
+    canUpdatePlan: C,
+    chapters: i,
+    isGoalCreation: n,
+    userType: u,
+    onChapterClick: I,
+    onAddChapter: r,
+    isMilestoneActive: a,
+    firstChapterRef: _,
+    canStartJourney: s,
+    startJourney: o
+  } = f, { onClick: p } = S(), A = y(() => {
+    p({
       label: "add_chapter_icon",
       props: {
-        milestone_id: r
+        milestone_id: e
       }
-    }), e == null || e({ milestoneId: r, isGoalCreation: i });
-  }, [r, i, e, a]);
-  return o.length ? /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(I, { children: o.map((s, u) => {
-    const { id: _ } = s;
+    }), r == null || r({ milestoneId: e, isGoalCreation: n });
+  }, [e, n, r, p]);
+  return k(() => {
+    s && o && o();
+  }, [s, o]), i.length ? /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(M, { children: i.map((m, l) => {
+    const { id: T } = m;
     return /* @__PURE__ */ t(
-      E,
+      X,
       {
-        milestoneId: r,
-        chapter: s,
-        onChapterClick: C,
-        itemIndex: u,
+        firstChapterRef: l === 0 ? _ : void 0,
+        milestoneId: e,
+        chapter: m,
+        onChapterClick: I,
+        itemIndex: l,
         shouldShowItemIndex: !0
       },
-      _
+      T
     );
-  }) }) }) : /* @__PURE__ */ p(
-    l,
+  }) }) }) : /* @__PURE__ */ c(
+    h,
     {
       $gapX: 6.75,
       $alignItems: "center",
       $justifyContent: "center",
       $background: "WHITE",
       children: [
-        /* @__PURE__ */ t("img", { src: g.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
-        /* @__PURE__ */ t(m, { heightX: 2 }),
-        h === "TEACHER" ? /* @__PURE__ */ p(A, { children: [
+        /* @__PURE__ */ t("img", { src: x.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
+        /* @__PURE__ */ t(d, { heightX: 2 }),
+        u === "TEACHER" ? /* @__PURE__ */ c(b, { children: [
           /* @__PURE__ */ t(
-            x,
+            E,
             {
               renderAs: "primary",
               position: "bottom",
-              hidden: n,
+              hidden: a,
               tooltipItem: "Plan is completed",
               children: /* @__PURE__ */ t(
-                k,
+                $,
                 {
                   widthX: 10,
                   renderAs: "primary",
                   shape: "square",
                   size: "small",
                   label: "Add chapter",
-                  onClick: f,
-                  disabled: !n || !c,
+                  onClick: A,
+                  disabled: !a || !C,
                   analyticsProps: {
-                    milestone_id: r
+                    milestone_id: e
                   }
                 }
               )
             }
           ),
-          /* @__PURE__ */ t(m, { heightX: 2 })
-        ] }) : /* @__PURE__ */ t(y, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to add a chapter" })
+          /* @__PURE__ */ t(d, { heightX: 2 })
+        ] }) : /* @__PURE__ */ t(L, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to add a chapter" })
       ]
     }
   );
-}), q = L;
+}), q = P;
 export {
   q as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"chapters-list.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../ui/buttons/button/button';\nimport { useUIContext } from '../../ui/context/context';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport ChapterItem from './chapter-item/chapter-item';\nimport * as Styled from './chapters-list-styled';\nimport type { IChaptersListProps } from './chapters-list-types';\n\nconst ChaptersList: FC<IChaptersListProps> = memo(function ChaptersList({\n  milestoneId,\n  canUpdatePlan,\n  chapters,\n  ...restChaptersList\n}) {\n  const { isGoalCreation, userType, onChapterClick, onAddChapter, isMilestoneActive } =\n    restChaptersList;\n\n  const { onClick: trackOnClick } = useUIContext();\n\n  const handleOnAddChapter = useCallback(() => {\n    trackOnClick({\n      label: 'add_chapter_icon',\n      props: {\n        milestone_id: milestoneId,\n      },\n    });\n    onAddChapter?.({ milestoneId, isGoalCreation });\n  }, [milestoneId, isGoalCreation, onAddChapter, trackOnClick]);\n\n  if (!chapters.length) {\n    return (\n      <Styled.ChaptersListContainer\n        $gapX={6.75}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n      >\n        <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n        <Separator heightX={2} />\n        {userType === 'TEACHER' ? (\n          <>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              hidden={isMilestoneActive}\n              tooltipItem=\"Plan is completed\"\n            >\n              <Button\n                widthX={10}\n                renderAs=\"primary\"\n                shape=\"square\"\n                size=\"small\"\n                label=\"Add chapter\"\n                onClick={handleOnAddChapter}\n                disabled={!isMilestoneActive || !canUpdatePlan}\n                analyticsProps={{\n                  milestone_id: milestoneId,\n                }}\n              />\n            </ArrowTooltip>\n            <Separator heightX={2} />\n          </>\n        ) : (\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n            Wait for the teacher to add a chapter\n          </Text>\n        )}\n      </Styled.ChaptersListContainer>\n    );\n  }\n\n  return (\n    <Styled.ChaptersListContainer>\n      <Styled.ChaptersWrapper>\n        {chapters.map((chapter, idx) => {\n          const { id } = chapter;\n\n          return (\n            <ChapterItem\n              key={id}\n              milestoneId={milestoneId}\n              chapter={chapter}\n              onChapterClick={onChapterClick}\n              itemIndex={idx}\n              shouldShowItemIndex\n            />\n          );\n        })}\n      </Styled.ChaptersWrapper>\n    </Styled.ChaptersListContainer>\n  );\n});\n\nexport default ChaptersList;\n"],"names":["ChaptersList","memo","milestoneId","canUpdatePlan","chapters","restChaptersList","isGoalCreation","userType","onChapterClick","onAddChapter","isMilestoneActive","trackOnClick","useUIContext","handleOnAddChapter","useCallback","jsx","Styled.ChaptersListContainer","Styled.ChaptersWrapper","chapter","idx","id","ChapterItem","jsxs","IMAGES","Separator","Fragment","ArrowTooltip","Button","Text","ChaptersList$1"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAuCC,EAAK,SAAsB;AAAA,EACtE,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAM,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,gBAAAC,GAAgB,cAAAC,GAAc,mBAAAC,EAC9D,IAAAL,GAEI,EAAE,SAASM,EAAa,IAAIC,EAAa,GAEzCC,IAAqBC,EAAY,MAAM;AAC9B,IAAAH,EAAA;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,QACL,cAAcT;AAAA,MAChB;AAAA,IAAA,CACD,GACcO,KAAA,QAAAA,EAAA,EAAE,aAAAP,GAAa,gBAAAI,EAAA;AAAA,KAC7B,CAACJ,GAAaI,GAAgBG,GAAcE,CAAY,CAAC;AAExD,SAACP,EAAS,SA2CX,gBAAAW,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EACE,UAASb,EAAA,IAAI,CAACc,GAASC,MAAQ;AACxB,UAAA,EAAE,IAAAC,EAAO,IAAAF;AAGb,WAAA,gBAAAH;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,aAAAnB;AAAA,QACA,SAAAgB;AAAA,QACA,gBAAAV;AAAA,QACA,WAAWW;AAAA,QACX,qBAAmB;AAAA,MAAA;AAAA,MALdC;AAAA,IAAA;AAAA,EAMP,CAEH,GACH,EACF,CAAA,IA1DE,gBAAAE;AAAA,IAACN;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKQ,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,QACxD,gBAAAR,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACtBjB,MAAa,YAEV,gBAAAe,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAV;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,QAAQhB;AAAA,cACR,aAAY;AAAA,cAEZ,UAAA,gBAAAK;AAAA,gBAACY;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,SAASd;AAAA,kBACT,UAAU,CAACH,KAAqB,CAACP;AAAA,kBACjC,gBAAgB;AAAA,oBACd,cAAcD;AAAA,kBAChB;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAa,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QAAA,EAAA,CACzB,IAEC,gBAAAT,EAAAa,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AA0BV,CAAC,GAEDC,IAAe7B;"}
+{"version":3,"file":"chapters-list.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../ui/buttons/button/button';\nimport { useUIContext } from '../../ui/context/context';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport ChapterItem from './chapter-item/chapter-item';\nimport * as Styled from './chapters-list-styled';\nimport type { IChaptersListProps } from './chapters-list-types';\n\nconst ChaptersList: FC<IChaptersListProps> = memo(function ChaptersList(props) {\n  const {\n    milestoneId,\n    canUpdatePlan,\n    chapters,\n    isGoalCreation,\n    userType,\n    onChapterClick,\n    onAddChapter,\n    isMilestoneActive,\n    firstChapterRef,\n    canStartJourney,\n    startJourney,\n  } = props;\n\n  const { onClick: trackOnClick } = useUIContext();\n\n  const handleOnAddChapter = useCallback(() => {\n    trackOnClick({\n      label: 'add_chapter_icon',\n      props: {\n        milestone_id: milestoneId,\n      },\n    });\n    onAddChapter?.({ milestoneId, isGoalCreation });\n  }, [milestoneId, isGoalCreation, onAddChapter, trackOnClick]);\n\n  useEffect(() => {\n    if (canStartJourney && startJourney) startJourney();\n  }, [canStartJourney, startJourney]);\n\n  if (!chapters.length) {\n    return (\n      <Styled.ChaptersListContainer\n        $gapX={6.75}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n      >\n        <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n        <Separator heightX={2} />\n        {userType === 'TEACHER' ? (\n          <>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              hidden={isMilestoneActive}\n              tooltipItem=\"Plan is completed\"\n            >\n              <Button\n                widthX={10}\n                renderAs=\"primary\"\n                shape=\"square\"\n                size=\"small\"\n                label=\"Add chapter\"\n                onClick={handleOnAddChapter}\n                disabled={!isMilestoneActive || !canUpdatePlan}\n                analyticsProps={{\n                  milestone_id: milestoneId,\n                }}\n              />\n            </ArrowTooltip>\n            <Separator heightX={2} />\n          </>\n        ) : (\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n            Wait for the teacher to add a chapter\n          </Text>\n        )}\n      </Styled.ChaptersListContainer>\n    );\n  }\n\n  return (\n    <Styled.ChaptersListContainer>\n      <Styled.ChaptersWrapper>\n        {chapters.map((chapter, idx) => {\n          const { id } = chapter;\n\n          return (\n            <ChapterItem\n              key={id}\n              firstChapterRef={idx === 0 ? firstChapterRef : undefined}\n              milestoneId={milestoneId}\n              chapter={chapter}\n              onChapterClick={onChapterClick}\n              itemIndex={idx}\n              shouldShowItemIndex\n            />\n          );\n        })}\n      </Styled.ChaptersWrapper>\n    </Styled.ChaptersListContainer>\n  );\n});\n\nexport default ChaptersList;\n"],"names":["ChaptersList","memo","props","milestoneId","canUpdatePlan","chapters","isGoalCreation","userType","onChapterClick","onAddChapter","isMilestoneActive","firstChapterRef","canStartJourney","startJourney","trackOnClick","useUIContext","handleOnAddChapter","useCallback","useEffect","jsx","Styled.ChaptersListContainer","Styled.ChaptersWrapper","chapter","idx","id","ChapterItem","jsxs","IMAGES","Separator","Fragment","ArrowTooltip","Button","Text","ChaptersList$1"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAuCC,EAAK,SAAsBC,GAAO;AACvE,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,EACE,IAAAX,GAEE,EAAE,SAASY,EAAa,IAAIC,EAAa,GAEzCC,IAAqBC,EAAY,MAAM;AAC9B,IAAAH,EAAA;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,QACL,cAAcX;AAAA,MAChB;AAAA,IAAA,CACD,GACcM,KAAA,QAAAA,EAAA,EAAE,aAAAN,GAAa,gBAAAG,EAAA;AAAA,KAC7B,CAACH,GAAaG,GAAgBG,GAAcK,CAAY,CAAC;AAMxD,SAJJI,EAAU,MAAM;AACV,IAAAN,KAAmBC,KAA2BA;EAAA,GACjD,CAACD,GAAiBC,CAAY,CAAC,GAE7BR,EAAS,SA2CX,gBAAAc,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EACE,UAAShB,EAAA,IAAI,CAACiB,GAASC,MAAQ;AACxB,UAAA,EAAE,IAAAC,EAAO,IAAAF;AAGb,WAAA,gBAAAH;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,iBAAiBF,MAAQ,IAAIZ,IAAkB;AAAA,QAC/C,aAAAR;AAAA,QACA,SAAAmB;AAAA,QACA,gBAAAd;AAAA,QACA,WAAWe;AAAA,QACX,qBAAmB;AAAA,MAAA;AAAA,MANdC;AAAA,IAAA;AAAA,EAOP,CAEH,GACH,EACF,CAAA,IA3DE,gBAAAE;AAAA,IAACN;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKQ,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,QACxD,gBAAAR,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACtBrB,MAAa,YAEV,gBAAAmB,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAV;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,QAAQpB;AAAA,cACR,aAAY;AAAA,cAEZ,UAAA,gBAAAS;AAAA,gBAACY;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,SAASf;AAAA,kBACT,UAAU,CAACN,KAAqB,CAACN;AAAA,kBACjC,gBAAgB;AAAA,oBACd,cAAcD;AAAA,kBAChB;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAgB,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QAAA,EAAA,CACzB,IAEC,gBAAAT,EAAAa,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AA2BV,CAAC,GAEDC,IAAejC;"}

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

@@ -1,33 +1,33 @@
-import { jsxs as p, jsx as o, Fragment as z } from "react/jsx-runtime";
-import { memo as G, useCallback as M, useEffect as f, useMemo as u } from "react";
-import { ILLUSTRATIONS as V } from "../../../assets/illustrations/illustrations.js";
-import q from "../../../assets/line-icons/icons/back2.js";
-import { useChallengeArenaJourney as K } from "../../journey/hooks/use-chapter-page-journey/use-challenge-arena-journey.js";
-import { useDownloadBlockJourney as Q } from "../../journey/hooks/use-chapter-page-journey/use-download-block-journey.js";
-import { useDownloadNodeJourney as Y } from "../../journey/hooks/use-chapter-page-journey/use-download-node-journey.js";
-import { useJourney as Z } from "../../journey/use-journey/use-journey.js";
-import ee from "../../ui/buttons/button/button.js";
-import oe from "../../ui/buttons/icon-button/icon-button.js";
-import te from "../../ui/layout/flex-view.js";
-import re from "../../ui/loader/app-loader/app-loader.js";
-import ne from "../../ui/text/text.js";
-import { useGetChapterDetails as ae } from "../api/chapter.js";
-import { getHasDownloadBlock as ie, getHasNonDownloadBlockWithPdfNode as se } from "../utils/index.js";
-import le from "./block-sections/block-sections.js";
-import ce from "./chapter-banner/chapter-banner.js";
-import { ContentWrapper as de, BackButtonContainer as me, BackButtonWrapper as pe, LoaderWrapper as fe } from "./chapter-details-styled.js";
-const ue = G(function(S) {
+import { jsxs as f, jsx as o, Fragment as M } from "react/jsx-runtime";
+import { memo as V, useCallback as q, useEffect as p, useMemo as u } from "react";
+import { ILLUSTRATIONS as K } from "../../../assets/illustrations/illustrations.js";
+import Q from "../../../assets/line-icons/icons/back2.js";
+import { useChallengeArenaJourney as Y } from "../../journey/hooks/use-chapter-page-journey/use-challenge-arena-journey.js";
+import { useDownloadBlockJourney as Z } from "../../journey/hooks/use-chapter-page-journey/use-download-block-journey.js";
+import { useDownloadNodeJourney as ee } from "../../journey/hooks/use-chapter-page-journey/use-download-node-journey.js";
+import { useJourney as oe } from "../../journey/use-journey/use-journey.js";
+import te from "../../ui/buttons/button/button.js";
+import re from "../../ui/buttons/icon-button/icon-button.js";
+import ne from "../../ui/layout/flex-view.js";
+import ae from "../../ui/loader/app-loader/app-loader.js";
+import ie from "../../ui/text/text.js";
+import { useGetChapterDetails as se } from "../api/chapter.js";
+import { getHasDownloadBlock as le, getHasNonDownloadBlockWithPdfNode as ce } from "../utils/index.js";
+import de from "./block-sections/block-sections.js";
+import me from "./chapter-banner/chapter-banner.js";
+import { ContentWrapper as fe, BackButtonContainer as pe, BackButtonWrapper as ue, LoaderWrapper as he } from "./chapter-details-styled.js";
+const ge = V(function(S) {
   const {
     userChapterId: s,
     studentId: l,
     userType: t,
     onBlockSkipUnskip: J,
-    onNodeAttempt: A,
-    onNodeAssignAsHomework: b,
+    onNodeAttempt: b,
+    onNodeAssignAsHomework: A,
     onNodeMarkAsDone: $,
     onNodeReattempt: x,
-    onNodeReview: I,
-    onNodeView: v,
+    onNodeReview: v,
+    onNodeView: I,
     onExit: P,
     onNodeUnassign: _,
     onNodeUnlock: E,
@@ -40,53 +40,55 @@ const ue = G(function(S) {
     canStartJourney: r,
     canStartChallengeArenaJourney: h,
     canStartDownloadNodeJourney: c,
-    canStartDownloadBlockJourney: n
-  } = S, { isJourneyActive: g } = Z(), {
+    canStartDownloadBlockJourney: n,
+    nodeCardsRef: j,
+    backButtonRef: F
+  } = S, { isJourneyActive: g } = oe(), {
     get: k,
     data: e,
     isProcessing: a,
-    isProcessingFailed: j,
-    isStale: y
-  } = ae(), i = M(() => {
+    isProcessingFailed: O,
+    isStale: B
+  } = se(), i = q(() => {
     k(s, void 0, { studentId: l });
   }, [k, s, l]);
-  f(() => {
+  p(() => {
     i();
   }, [i]);
-  const { blockSectionRef: F, startJourney: B } = K(), {
+  const { blockSectionRef: X, startJourney: y } = Y(), {
     blockSectionRef: w,
-    downloadCoreBlockRef: O,
+    downloadCoreBlockRef: z,
     startJourney: C
-  } = Y(), { blockSectionRef: D, startJourney: N } = Q(), R = u(
-    () => e && ie(e.blocks),
+  } = ee(), { blockSectionRef: R, startJourney: D } = Z(), N = u(
+    () => e && le(e.blocks),
     [e]
   ), d = u(
-    () => e && se(e.blocks),
+    () => e && ce(e.blocks),
     [e]
-  ), X = u(
-    () => c && d ? w : n ? D : void 0,
+  ), G = u(
+    () => c && d ? w : n ? R : void 0,
     [
       c,
       n,
       d,
       w,
-      D
+      R
     ]
   );
-  return f(() => {
+  return p(() => {
     e && !g && (r && m && m({
       chapterDetails: e,
       userChapterId: s,
       studentId: l,
       userType: t
-    }), !r && h && B({
+    }), !r && h && y({
       chapterDetails: e,
       userType: t
     }), !r && c && d && C({
       chapterDetails: e,
       userType: t,
       canStartDownloadBlockJourney: n
-    }), !r && n && R && N({
+    }), !r && n && N && D({
       chapterDetails: e,
       userType: t
     }));
@@ -95,23 +97,23 @@ const ue = G(function(S) {
     r,
     e,
     g,
-    B,
+    y,
     m,
-    N,
+    D,
     C,
     l,
     s,
     t,
     d,
-    R,
+    N,
     c,
     n
-  ]), f(() => {
-    !a && y && i();
-  }, [i, a, y]), j ? /* @__PURE__ */ p(te, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ o(ne, { $renderAs: "ab1-bold", children: "Oops! Something went wrong. Please try again later." }),
+  ]), p(() => {
+    !a && B && i();
+  }, [i, a, B]), O ? /* @__PURE__ */ f(ne, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ o(ie, { $renderAs: "ab1-bold", children: "Oops! Something went wrong. Please try again later." }),
     /* @__PURE__ */ o(
-      ee,
+      te,
       {
         widthX: 14,
         size: "small",
@@ -121,8 +123,8 @@ const ue = G(function(S) {
         onClick: i
       }
     )
-  ] }) : !e && a ? /* @__PURE__ */ o(re, { height: "100vh" }) : /* @__PURE__ */ p(
-    de,
+  ] }) : !e && a ? /* @__PURE__ */ o(ae, { height: "100vh" }) : /* @__PURE__ */ f(
+    fe,
     {
       ref: T,
       $widthX: 50,
@@ -131,20 +133,20 @@ const ue = G(function(S) {
       $alignItems: "center",
       $height: "max-content",
       children: [
-        t === "TEACHER" && /* @__PURE__ */ o(me, { $height: "100%", className: "goal-widget-chapter-item", children: /* @__PURE__ */ o(pe, { children: /* @__PURE__ */ o(
-          oe,
+        t === "TEACHER" && /* @__PURE__ */ o(pe, { $height: "100%", className: "goal-widget-chapter-item", children: /* @__PURE__ */ o(ue, { ref: F, children: /* @__PURE__ */ o(
+          re,
           {
-            Icon: q,
+            Icon: Q,
             renderAs: "secondary-gray",
             analyticsLabel: "chapter_page_exit",
             size: "xsmall",
             onClick: P
           }
         ) }) }),
-        a && /* @__PURE__ */ o(fe, { children: /* @__PURE__ */ o("img", { src: V.LOADER_1, alt: "loader" }) }),
-        e && /* @__PURE__ */ p(z, { children: [
+        a && /* @__PURE__ */ o(he, { children: /* @__PURE__ */ o("img", { src: K.LOADER_1, alt: "loader" }) }),
+        e && /* @__PURE__ */ f(M, { children: [
           /* @__PURE__ */ o(
-            ce,
+            me,
             {
               title: e.name,
               imageHue: e.image_hue,
@@ -153,35 +155,35 @@ const ue = G(function(S) {
               bannerRef: U
             }
           ),
-          /* @__PURE__ */ o(
-            le,
+          /* @__PURE__ */ o("div", { ref: j, children: /* @__PURE__ */ o(
+            de,
             {
               imageHue: e.image_hue,
               userType: t,
               blocks: e.blocks,
               onBlockSkipUnskip: J,
-              onNodeAttempt: A,
-              onNodeAssignAsHomework: b,
+              onNodeAttempt: b,
+              onNodeAssignAsHomework: A,
               onNodeMarkAsDone: $,
               onNodeReattempt: x,
-              onNodeReview: I,
-              onNodeView: v,
+              onNodeReview: v,
+              onNodeView: I,
               coreBlocksRef: W,
-              challengeBlockRef: F,
-              downloadCoreBlockRef: O,
-              downloadBlockRef: X,
+              challengeBlockRef: X,
+              downloadCoreBlockRef: z,
+              downloadBlockRef: G,
               onNodeUnassign: _,
               onNodeUnlock: E,
               onNodeSkipUnSkip: H,
               onBlockReset: L
             }
-          )
+          ) })
         ] })
       ]
     }
   );
-}), _e = ue;
+}), He = ge;
 export {
-  _e as default
+  He as default
 };
 //# sourceMappingURL=chapter-details.js.map