@cuemath/leap 4.1.1-gg4 → 4.1.1-j2

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/block-sections/block-sections.js

@@ -1,9 +1,9 @@
-import { jsxs as O, jsx as c } from "react/jsx-runtime";
-import { memo as y, useMemo as D } from "react";
-import { BLOCK_TYPE as G, SECTION_CODE as I } from "../../constants/block-constants.js";
+import { jsxs as y, jsx as c } from "react/jsx-runtime";
+import { memo as D, useMemo as G } from "react";
+import { BLOCK_TYPE as I, SECTION_CODE as L } from "../../constants/block-constants.js";
 import m from "./block-section-view.js";
-import { ChapterDetailsWrapper as L } from "./block-sections-styled.js";
-const { SAT_MOCK_TEST: _, GOAL: w } = G, { GOALS: N, READINESS: x } = I, K = y(function(h) {
+import { ChapterDetailsWrapper as w } from "./block-sections-styled.js";
+const { SAT_MOCK_TEST: _, GOAL: N } = I, { GOALS: x, READINESS: H } = L, M = D(function(h) {
   const {
     blocks: t,
     imageHue: i,
@@ -11,38 +11,40 @@ const { SAT_MOCK_TEST: _, GOAL: w } = G, { GOALS: N, READINESS: x } = I, K = y(f
     coreBlocksRef: S,
     challengeBlockRef: C,
     downloadBlockRef: E,
-    downloadCoreBlockRef: g,
+    downloadCoreBlockRef: R,
+    nodeCardsRef: g,
     ...d
   } = h;
   let a = 0, k = !1, f = !1;
-  const { goalBlocks: p, nonGoalBlocks: B } = D(
+  const { goalBlocks: p, nonGoalBlocks: B } = G(
     () => t.reduce(
-      (o, e) => (e.section_code === N || e.section_code === x || e.block_type === _ ? o.goalBlocks.push(e) : o.nonGoalBlocks.push(e), o),
+      (o, e) => (e.section_code === x || e.section_code === H || e.block_type === _ ? o.goalBlocks.push(e) : o.nonGoalBlocks.push(e), o),
       { goalBlocks: [], nonGoalBlocks: [] }
     ),
     [t]
   );
-  return /* @__PURE__ */ O(
-    L,
+  return /* @__PURE__ */ y(
+    w,
     {
       $width: "100%",
+      ref: g,
       $background: B.length ? "WHITE_3" : "WHITE_1",
       children: [
         /* @__PURE__ */ c("div", { ref: S, children: p.map((o, e) => {
           const { block_type: l, block_id: n, permissions: s, sheets: A } = o;
           let u = 0;
-          const R = e === p.length - 1, T = A.find((b) => b.node_type === "PDF");
-          return (l === w || l === _) && (s.can_un_skip || (a += 1), u = a), /* @__PURE__ */ c(
+          const T = e === p.length - 1, b = A.find((O) => O.node_type === "PDF");
+          return (l === N || l === _) && (s.can_un_skip || (a += 1), u = a), /* @__PURE__ */ c(
             m,
             {
               blockData: o,
               userType: r,
-              isLastBlock: R,
+              isLastBlock: T,
               lessonIdx: u,
               imageHue: i,
               isGoalBlock: !0,
               ...d,
-              blockSectionRef: T ? g : void 0
+              blockSectionRef: b ? R : void 0
             },
             n
           );
@@ -66,6 +68,6 @@ const { SAT_MOCK_TEST: _, GOAL: w } = G, { GOALS: N, READINESS: x } = I, K = y(f
   );
 });
 export {
-  K as default
+  M as default
 };
 //# sourceMappingURL=block-sections.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"block-sections.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-sections.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport { BLOCK_TYPE, SECTION_CODE } from '../../constants/block-constants';\nimport BlockSectionView from './block-section-view';\nimport * as Styled from './block-sections-styled';\nimport type { IBlockSectionsProps } from './block-sections-types';\n\nconst { SAT_MOCK_TEST, GOAL } = BLOCK_TYPE;\nconst { GOALS, READINESS } = SECTION_CODE;\n\nconst BlockSections: FC<IBlockSectionsProps> = memo(function BlockSections(props) {\n  const {\n    blocks,\n    imageHue,\n    userType,\n    coreBlocksRef,\n    challengeBlockRef,\n    downloadBlockRef,\n    downloadCoreBlockRef,\n    ...blockSectionCallBacks\n  } = props;\n\n  let lessonCount = 0;\n  let addChallengeArenaRef = false;\n  let addDownloadBlockRef = false;\n\n  const { goalBlocks, nonGoalBlocks } = useMemo(\n    () =>\n      blocks.reduce(\n        (acc, block) => {\n          if (\n            block.section_code === GOALS ||\n            block.section_code === READINESS ||\n            block.block_type === SAT_MOCK_TEST\n          ) {\n            acc.goalBlocks.push(block);\n          } else {\n            acc.nonGoalBlocks.push(block);\n          }\n\n          return acc;\n        },\n        { goalBlocks: [] as typeof blocks, nonGoalBlocks: [] as typeof blocks },\n      ),\n    [blocks],\n  );\n\n  return (\n    <Styled.ChapterDetailsWrapper\n      $width=\"100%\"\n      $background={!nonGoalBlocks.length ? `WHITE_1` : 'WHITE_3'}\n    >\n      <div ref={coreBlocksRef}>\n        {goalBlocks.map((blockData, idx) => {\n          const { block_type: blockType, block_id: blockId, permissions, sheets } = blockData;\n          let lessonIdx = 0;\n\n          const isLastBlock = idx === goalBlocks.length - 1;\n\n          const hasPDFNode = sheets.find(sheet => sheet.node_type === 'PDF');\n\n          if (blockType === GOAL || blockType === SAT_MOCK_TEST) {\n            if (!permissions.can_un_skip) {\n              lessonCount += 1;\n            }\n\n            lessonIdx = lessonCount;\n          }\n\n          return (\n            <BlockSectionView\n              blockData={blockData}\n              userType={userType}\n              isLastBlock={isLastBlock}\n              key={blockId}\n              lessonIdx={lessonIdx}\n              imageHue={imageHue}\n              isGoalBlock\n              {...blockSectionCallBacks}\n              blockSectionRef={hasPDFNode ? downloadCoreBlockRef : undefined}\n            />\n          );\n        })}\n      </div>\n\n      {nonGoalBlocks.map(blockData => {\n        const { block_id: blockId, block_type: blockType } = blockData;\n\n        // Apply blockSectionRef only to the first CHALLENGE_ARENA block\n        const isChallengeArenaBlock = blockType === 'CHALLENGE_ARENA' && !addChallengeArenaRef;\n\n        const isDownloadBlock = blockType === 'DOWNLOADS' && !addDownloadBlockRef;\n\n        if (isChallengeArenaBlock) {\n          addChallengeArenaRef = true;\n        }\n\n        if (isDownloadBlock) {\n          addDownloadBlockRef = true;\n        }\n\n        return (\n          <BlockSectionView\n            key={blockId}\n            blockData={blockData}\n            userType={userType}\n            imageHue={imageHue}\n            {...blockSectionCallBacks}\n            blockSectionRef={\n              isChallengeArenaBlock\n                ? challengeBlockRef\n                : isDownloadBlock\n                  ? downloadBlockRef\n                  : undefined\n            }\n          />\n        );\n      })}\n    </Styled.ChapterDetailsWrapper>\n  );\n});\n\nexport default BlockSections;\n"],"names":["SAT_MOCK_TEST","GOAL","BLOCK_TYPE","GOALS","READINESS","SECTION_CODE","BlockSections","memo","props","blocks","imageHue","userType","coreBlocksRef","challengeBlockRef","downloadBlockRef","downloadCoreBlockRef","blockSectionCallBacks","lessonCount","addChallengeArenaRef","addDownloadBlockRef","goalBlocks","nonGoalBlocks","useMemo","acc","block","jsxs","Styled.ChapterDetailsWrapper","jsx","blockData","idx","blockType","blockId","permissions","sheets","lessonIdx","isLastBlock","hasPDFNode","sheet","BlockSectionView","isChallengeArenaBlock","isDownloadBlock"],"mappings":";;;;;AAOA,MAAM,EAAE,eAAAA,GAAe,MAAAC,EAAS,IAAAC,GAC1B,EAAE,OAAAC,GAAO,WAAAC,EAAc,IAAAC,GAEvBC,IAAyCC,EAAK,SAAuBC,GAAO;AAC1E,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAR;AAEJ,MAAIS,IAAc,GACdC,IAAuB,IACvBC,IAAsB;AAEpB,QAAA,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC;AAAA,IACpC,MACEb,EAAO;AAAA,MACL,CAACc,GAAKC,OAEFA,EAAM,iBAAiBrB,KACvBqB,EAAM,iBAAiBpB,KACvBoB,EAAM,eAAexB,IAEjBuB,EAAA,WAAW,KAAKC,CAAK,IAErBD,EAAA,cAAc,KAAKC,CAAK,GAGvBD;AAAA,MAET,EAAE,YAAY,CAAA,GAAqB,eAAe,GAAoB;AAAA,IACxE;AAAA,IACF,CAACd,CAAM;AAAA,EAAA;AAIP,SAAA,gBAAAgB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,aAAcL,EAAc,SAAqB,YAAZ;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAM,EAAC,SAAI,KAAKf,GACP,YAAW,IAAI,CAACgB,GAAWC,MAAQ;AAClC,gBAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,aAAAC,GAAa,QAAAC,EAAW,IAAAL;AAC1E,cAAIM,IAAY;AAEV,gBAAAC,IAAcN,MAAQT,EAAW,SAAS,GAE1CgB,IAAaH,EAAO,KAAK,CAASI,MAAAA,EAAM,cAAc,KAAK;AAE7D,kBAAAP,MAAc7B,KAAQ6B,MAAc9B,OACjCgC,EAAY,gBACAf,KAAA,IAGLiB,IAAAjB,IAIZ,gBAAAU;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,WAAAV;AAAA,cACA,UAAAjB;AAAA,cACA,aAAAwB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAAxB;AAAA,cACA,aAAW;AAAA,cACV,GAAGM;AAAA,cACJ,iBAAiBoB,IAAarB,IAAuB;AAAA,YAAA;AAAA,YALhDgB;AAAA,UAAA;AAAA,QAQV,CAAA,GACH;AAAA,QAECV,EAAc,IAAI,CAAaO,MAAA;AAC9B,gBAAM,EAAE,UAAUG,GAAS,YAAYD,MAAcF,GAG/CW,IAAwBT,MAAc,qBAAqB,CAACZ,GAE5DsB,IAAkBV,MAAc,eAAe,CAACX;AAEtD,iBAAIoB,MACqBrB,IAAA,KAGrBsB,MACoBrB,IAAA,KAItB,gBAAAQ;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,WAAAV;AAAA,cACA,UAAAjB;AAAA,cACA,UAAAD;AAAA,cACC,GAAGM;AAAA,cACJ,iBACEuB,IACI1B,IACA2B,IACE1B,IACA;AAAA,YAAA;AAAA,YAVHiB;AAAA,UAAA;AAAA,QAYP,CAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"block-sections.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-sections.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport { BLOCK_TYPE, SECTION_CODE } from '../../constants/block-constants';\nimport BlockSectionView from './block-section-view';\nimport * as Styled from './block-sections-styled';\nimport type { IBlockSectionsProps } from './block-sections-types';\n\nconst { SAT_MOCK_TEST, GOAL } = BLOCK_TYPE;\nconst { GOALS, READINESS } = SECTION_CODE;\n\nconst BlockSections: FC<IBlockSectionsProps> = memo(function BlockSections(props) {\n  const {\n    blocks,\n    imageHue,\n    userType,\n    coreBlocksRef,\n    challengeBlockRef,\n    downloadBlockRef,\n    downloadCoreBlockRef,\n    nodeCardsRef,\n    ...blockSectionCallBacks\n  } = props;\n\n  let lessonCount = 0;\n  let addChallengeArenaRef = false;\n  let addDownloadBlockRef = false;\n\n  const { goalBlocks, nonGoalBlocks } = useMemo(\n    () =>\n      blocks.reduce(\n        (acc, block) => {\n          if (\n            block.section_code === GOALS ||\n            block.section_code === READINESS ||\n            block.block_type === SAT_MOCK_TEST\n          ) {\n            acc.goalBlocks.push(block);\n          } else {\n            acc.nonGoalBlocks.push(block);\n          }\n\n          return acc;\n        },\n        { goalBlocks: [] as typeof blocks, nonGoalBlocks: [] as typeof blocks },\n      ),\n    [blocks],\n  );\n\n  return (\n    <Styled.ChapterDetailsWrapper\n      $width=\"100%\"\n      ref={nodeCardsRef}\n      $background={!nonGoalBlocks.length ? `WHITE_1` : 'WHITE_3'}\n    >\n      <div ref={coreBlocksRef}>\n        {goalBlocks.map((blockData, idx) => {\n          const { block_type: blockType, block_id: blockId, permissions, sheets } = blockData;\n          let lessonIdx = 0;\n\n          const isLastBlock = idx === goalBlocks.length - 1;\n\n          const hasPDFNode = sheets.find(sheet => sheet.node_type === 'PDF');\n\n          if (blockType === GOAL || blockType === SAT_MOCK_TEST) {\n            if (!permissions.can_un_skip) {\n              lessonCount += 1;\n            }\n\n            lessonIdx = lessonCount;\n          }\n\n          return (\n            <BlockSectionView\n              blockData={blockData}\n              userType={userType}\n              isLastBlock={isLastBlock}\n              key={blockId}\n              lessonIdx={lessonIdx}\n              imageHue={imageHue}\n              isGoalBlock\n              {...blockSectionCallBacks}\n              blockSectionRef={hasPDFNode ? downloadCoreBlockRef : undefined}\n            />\n          );\n        })}\n      </div>\n\n      {nonGoalBlocks.map(blockData => {\n        const { block_id: blockId, block_type: blockType } = blockData;\n\n        // Apply blockSectionRef only to the first CHALLENGE_ARENA block\n        const isChallengeArenaBlock = blockType === 'CHALLENGE_ARENA' && !addChallengeArenaRef;\n\n        const isDownloadBlock = blockType === 'DOWNLOADS' && !addDownloadBlockRef;\n\n        if (isChallengeArenaBlock) {\n          addChallengeArenaRef = true;\n        }\n\n        if (isDownloadBlock) {\n          addDownloadBlockRef = true;\n        }\n\n        return (\n          <BlockSectionView\n            key={blockId}\n            blockData={blockData}\n            userType={userType}\n            imageHue={imageHue}\n            {...blockSectionCallBacks}\n            blockSectionRef={\n              isChallengeArenaBlock\n                ? challengeBlockRef\n                : isDownloadBlock\n                  ? downloadBlockRef\n                  : undefined\n            }\n          />\n        );\n      })}\n    </Styled.ChapterDetailsWrapper>\n  );\n});\n\nexport default BlockSections;\n"],"names":["SAT_MOCK_TEST","GOAL","BLOCK_TYPE","GOALS","READINESS","SECTION_CODE","BlockSections","memo","props","blocks","imageHue","userType","coreBlocksRef","challengeBlockRef","downloadBlockRef","downloadCoreBlockRef","nodeCardsRef","blockSectionCallBacks","lessonCount","addChallengeArenaRef","addDownloadBlockRef","goalBlocks","nonGoalBlocks","useMemo","acc","block","jsxs","Styled.ChapterDetailsWrapper","jsx","blockData","idx","blockType","blockId","permissions","sheets","lessonIdx","isLastBlock","hasPDFNode","sheet","BlockSectionView","isChallengeArenaBlock","isDownloadBlock"],"mappings":";;;;;AAOA,MAAM,EAAE,eAAAA,GAAe,MAAAC,EAAS,IAAAC,GAC1B,EAAE,OAAAC,GAAO,WAAAC,EAAc,IAAAC,GAEvBC,IAAyCC,EAAK,SAAuBC,GAAO;AAC1E,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT;AAEJ,MAAIU,IAAc,GACdC,IAAuB,IACvBC,IAAsB;AAEpB,QAAA,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC;AAAA,IACpC,MACEd,EAAO;AAAA,MACL,CAACe,GAAKC,OAEFA,EAAM,iBAAiBtB,KACvBsB,EAAM,iBAAiBrB,KACvBqB,EAAM,eAAezB,IAEjBwB,EAAA,WAAW,KAAKC,CAAK,IAErBD,EAAA,cAAc,KAAKC,CAAK,GAGvBD;AAAA,MAET,EAAE,YAAY,CAAA,GAAqB,eAAe,GAAoB;AAAA,IACxE;AAAA,IACF,CAACf,CAAM;AAAA,EAAA;AAIP,SAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAKX;AAAA,MACL,aAAcM,EAAc,SAAqB,YAAZ;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAM,EAAC,SAAI,KAAKhB,GACP,YAAW,IAAI,CAACiB,GAAWC,MAAQ;AAClC,gBAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,aAAAC,GAAa,QAAAC,EAAW,IAAAL;AAC1E,cAAIM,IAAY;AAEV,gBAAAC,IAAcN,MAAQT,EAAW,SAAS,GAE1CgB,IAAaH,EAAO,KAAK,CAASI,MAAAA,EAAM,cAAc,KAAK;AAE7D,kBAAAP,MAAc9B,KAAQ8B,MAAc/B,OACjCiC,EAAY,gBACAf,KAAA,IAGLiB,IAAAjB,IAIZ,gBAAAU;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,WAAAV;AAAA,cACA,UAAAlB;AAAA,cACA,aAAAyB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAAzB;AAAA,cACA,aAAW;AAAA,cACV,GAAGO;AAAA,cACJ,iBAAiBoB,IAAatB,IAAuB;AAAA,YAAA;AAAA,YALhDiB;AAAA,UAAA;AAAA,QAQV,CAAA,GACH;AAAA,QAECV,EAAc,IAAI,CAAaO,MAAA;AAC9B,gBAAM,EAAE,UAAUG,GAAS,YAAYD,MAAcF,GAG/CW,IAAwBT,MAAc,qBAAqB,CAACZ,GAE5DsB,IAAkBV,MAAc,eAAe,CAACX;AAEtD,iBAAIoB,MACqBrB,IAAA,KAGrBsB,MACoBrB,IAAA,KAItB,gBAAAQ;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,WAAAV;AAAA,cACA,UAAAlB;AAAA,cACA,UAAAD;AAAA,cACC,GAAGO;AAAA,cACJ,iBACEuB,IACI3B,IACA4B,IACE3B,IACA;AAAA,YAAA;AAAA,YAVHkB;AAAA,UAAA;AAAA,QAYP,CAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}