@cuemath/leap 4.0.7-beta.0 → 4.0.7-link.0

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

@@ -1,29 +1,23 @@
-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 w } from "react/jsx-runtime";
+import { memo as x, forwardRef as W, useState as y, useRef as A, useCallback as H, useLayoutEffect as k } 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({
-  milestoneId: o,
-  chapter: i,
-  onChapterClick: n,
-  itemIndex: a,
-  shouldShowItemIndex: h
-}) {
+import X from "../../../ui/layout/flex-view.js";
+import j from "../../../ui/text/text.js";
+import S from "./chapter-circular-progress/chapter-circular-progress.js";
+import { ChapterItemWrapper as E, ChapterName as L, ChapterItemNumberWrapper as N } from "./chapter-item-styled.js";
+const P = ({ milestoneId: o, chapter: i, onChapterClick: n, itemIndex: a, shouldShowItemIndex: h }, d) => {
   const {
     name: l,
-    image_url: d,
+    image_url: g,
     progress_stat: u,
     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: $ } = u || {}, { completed: s = 0, total: m = 0 } = f || {}, { total: C = 0 } = $ || {}, [T, b] = y(!1), e = A(null), I = s > 0 ? Math.floor((s / m || 1) * 100) : 0, r = m + C, _ = H(() => {
     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 k(() => {
+    e.current && e.current.scrollHeight > e.current.clientHeight && b(!0);
   }, [e]), /* @__PURE__ */ t(
     p,
     {
@@ -33,41 +27,42 @@ const F = x(function({
       hidden: r > 0,
       parentWidth: "100%",
       zIndex: 5,
-      children: /* @__PURE__ */ _(
-        j,
+      children: /* @__PURE__ */ w(
+        E,
         {
+          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,
+              S,
               {
-                completionPercentage: b,
-                imageUrl: d,
+                completionPercentage: I,
+                imageUrl: g,
                 imageHue: c,
                 imageWidth: 96,
                 iconWidth: 20
               }
             ),
-            /* @__PURE__ */ t(H, { $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ t(
+            /* @__PURE__ */ t(X, { $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,
+                  L,
                   {
                     ref: e,
                     $renderAs: "ab2",
@@ -79,14 +74,14 @@ const F = x(function({
               }
             ) }),
             !!h && /* @__PURE__ */ t(
-              E,
+              N,
               {
                 $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(j, { $renderAs: "ab2", $color: "BLACK_1", $align: "center", children: a + 1 })
               }
             )
           ]
@@ -94,8 +89,8 @@ const F = x(function({
       )
     }
   );
-});
+}, O = x(W(P));
 export {
-  F as default
+  O 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 {\n  forwardRef,\n  memo,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ForwardRefRenderFunction,\n} 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 ChapterItemComp: ForwardRefRenderFunction<HTMLDivElement, IChapterItemProps> = (\n  { milestoneId, chapter, onChapterClick, itemIndex, shouldShowItemIndex },\n  ref,\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={ref}\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\nconst ChapterItem = memo(forwardRef(ChapterItemComp));\n\nexport default ChapterItem;\n"],"names":["ChapterItemComp","milestoneId","chapter","onChapterClick","itemIndex","shouldShowItemIndex","ref","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","ChapterItem","memo","forwardRef"],"mappings":";;;;;;;AAiBA,MAAMA,IAA+E,CACnF,EAAE,aAAAC,GAAa,SAAAC,GAAS,gBAAAC,GAAgB,WAAAC,GAAW,qBAAAC,EAAoB,GACvEC,MACG;AACG,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,WAAWC;AAAA,IACX,eAAeC;AAAA,IACf,WAAWC;AAAA,EACT,IAAAR,GACE,EAAE,WAAAS,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,IAAAnB,EAAeD,GAASD,CAAW;AAAA,KAClC,CAACC,GAASD,GAAaE,GAAgBmB,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,KAAAvB;AAAA,UACA,IAAI,qBAAqBL,KAAe,EAAE,IAAIG,CAAS;AAAA,UACvD,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,SAASmB;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,CAACF,KACD,gBAAAqB;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,UAAA9B,IAAY,EACf,CAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,GAEM+B,IAAcC,EAAKC,EAAWrC,CAAe,CAAC;"}

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

@@ -1,68 +1,76 @@
-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 { jsxs as m, jsx as t, Fragment as T } from "react/jsx-runtime";
+import { memo as b, useCallback as g } from "react";
+import { IMAGES as k } 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({
+import $ from "../../ui/buttons/button/button.js";
+import { useUIContext as y } from "../../ui/context/context.js";
+import l from "../../ui/separator/separator.js";
+import E from "../../ui/text/text.js";
+import I from "./chapter-item/chapter-item.js";
+import { ChaptersListContainer as c, ChaptersWrapper as L } from "./chapters-list-styled.js";
+const S = b(function({
   milestoneId: r,
-  canUpdatePlan: c,
+  canUpdatePlan: h,
   chapters: o,
   ...d
 }) {
-  const { isGoalCreation: i, userType: h, onChapterClick: C, onAddChapter: e, isMilestoneActive: n } = d, { onClick: a } = $(), f = b(() => {
-    a({
+  const {
+    isGoalCreation: i,
+    userType: C,
+    onChapterClick: f,
+    onAddChapter: e,
+    isMilestoneActive: a,
+    firstChapterRef: u
+  } = d, { onClick: n } = y(), _ = g(() => {
+    n({
       label: "add_chapter_icon",
       props: {
         milestone_id: r
       }
     }), 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, i, e, n]);
+  return o.length ? /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(L, { children: o.map((s, p) => {
+    const { id: A } = s;
     return /* @__PURE__ */ t(
-      E,
+      I,
       {
+        ref: p === 0 ? u : void 0,
         milestoneId: r,
         chapter: s,
-        onChapterClick: C,
-        itemIndex: u,
+        onChapterClick: f,
+        itemIndex: p,
         shouldShowItemIndex: !0
       },
-      _
+      A
     );
-  }) }) }) : /* @__PURE__ */ p(
-    l,
+  }) }) }) : /* @__PURE__ */ m(
+    c,
     {
       $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: k.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
+        /* @__PURE__ */ t(l, { heightX: 2 }),
+        C === "TEACHER" ? /* @__PURE__ */ m(T, { children: [
           /* @__PURE__ */ t(
             x,
             {
               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: _,
+                  disabled: !a || !h,
                   analyticsProps: {
                     milestone_id: r
                   }
@@ -70,13 +78,13 @@ const L = T(function({
               )
             }
           ),
-          /* @__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(l, { heightX: 2 })
+        ] }) : /* @__PURE__ */ t(E, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to add a chapter" })
       ]
     }
   );
-}), q = L;
+}), R = S;
 export {
-  q as default
+  R as default
 };
 //# sourceMappingURL=chapters-list.js.map

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, 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 {\n    isGoalCreation,\n    userType,\n    onChapterClick,\n    onAddChapter,\n    isMilestoneActive,\n    firstChapterRef,\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              ref={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","milestoneId","canUpdatePlan","chapters","restChaptersList","isGoalCreation","userType","onChapterClick","onAddChapter","isMilestoneActive","firstChapterRef","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;AACK,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,EACE,IAAAN,GAEE,EAAE,SAASO,EAAa,IAAIC,EAAa,GAEzCC,IAAqBC,EAAY,MAAM;AAC9B,IAAAH,EAAA;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,QACL,cAAcV;AAAA,MAChB;AAAA,IAAA,CACD,GACcO,KAAA,QAAAA,EAAA,EAAE,aAAAP,GAAa,gBAAAI,EAAA;AAAA,KAC7B,CAACJ,GAAaI,GAAgBG,GAAcG,CAAY,CAAC;AAExD,SAACR,EAAS,SA2CX,gBAAAY,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EACE,UAASd,EAAA,IAAI,CAACe,GAASC,MAAQ;AACxB,UAAA,EAAE,IAAAC,EAAO,IAAAF;AAGb,WAAA,gBAAAH;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,KAAKF,MAAQ,IAAIT,IAAkB;AAAA,QACnC,aAAAT;AAAA,QACA,SAAAiB;AAAA,QACA,gBAAAX;AAAA,QACA,WAAWY;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,QACtBlB,MAAa,YAEV,gBAAAgB,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAV;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,QAAQjB;AAAA,cACR,aAAY;AAAA,cAEZ,UAAA,gBAAAM;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,CAACJ,KAAqB,CAACP;AAAA,kBACjC,gBAAgB;AAAA,oBACd,cAAcD;AAAA,kBAChB;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAc,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,IAAe9B;"}

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

@@ -1,20 +1,20 @@
-import { jsx as e, jsxs as a, Fragment as X } from "react/jsx-runtime";
-import { memo as Y, useCallback as f } from "react";
-import Z from "../../../../assets/line-icons/icons/eye2.js";
-import q from "../../../../assets/line-icons/icons/more-vertical.js";
-import G from "../../../../assets/line-icons/icons/redo.js";
-import J from "../../../../assets/line-icons/icons/skip.js";
-import N from "../../../ui/context-menu/context-menu.js";
+import { jsx as e, jsxs as a, Fragment as q } from "react/jsx-runtime";
+import { memo as G, useCallback as f } from "react";
+import J from "../../../../assets/line-icons/icons/eye2.js";
+import N from "../../../../assets/line-icons/icons/more-vertical.js";
+import Q from "../../../../assets/line-icons/icons/redo.js";
+import U from "../../../../assets/line-icons/icons/skip.js";
+import D from "../../../ui/context-menu/context-menu.js";
 import S from "../../../ui/layout/flex-view.js";
 import E from "../../../ui/text/text.js";
-import Q from "../../comps/node-card/node-card.js";
-import U from "../../comps/node-card/node-menu-options/node-menu-options.js";
-import D from "../../comps/sat-mock-test/sat-mock-test.js";
-import { BLOCK_TYPE as R, BLOCK_NAME as ee } from "../../constants/block-constants.js";
-import { getSheetNLessonCount as te } from "../../utils/index.js";
-import { getNextAccessibleSATSheet as ne } from "../../utils/sat-sheet-utils.js";
-import { BlockSectionWrapper as re, BlockOptionsWrapper as ie, BlockSheetContainer as oe } from "./block-sections-styled.js";
-const ce = ({
+import R from "../../comps/node-card/node-card.js";
+import ee from "../../comps/node-card/node-menu-options/node-menu-options.js";
+import te from "../../comps/sat-mock-test/sat-mock-test.js";
+import { BLOCK_TYPE as ne, BLOCK_NAME as re } from "../../constants/block-constants.js";
+import { getSheetNLessonCount as ie } from "../../utils/index.js";
+import { getNextAccessibleSATSheet as oe } from "../../utils/sat-sheet-utils.js";
+import { BlockSectionWrapper as ce, BlockOptionsWrapper as se, BlockSheetContainer as le } from "./block-sections-styled.js";
+const me = ({
   userType: s,
   imageHue: u,
   blockData: r,
@@ -22,16 +22,18 @@ const ce = ({
   isLastBlock: x,
   isGoalBlock: d,
   blockSectionRef: k,
+  firstNodeCardRef: L,
+  isFirstBlock: I,
   onNodeAttempt: b,
-  onNodeAssignAsHomework: L,
-  onNodeMarkAsDone: I,
-  onNodeReattempt: M,
+  onNodeAssignAsHomework: M,
+  onNodeMarkAsDone: O,
+  onNodeReattempt: w,
   onNodeReview: n,
-  onNodeView: O,
+  onNodeView: K,
   onBlockSkipUnskip: l,
-  onNodeUnassign: w,
-  onNodeUnlock: K,
-  onNodeSkipUnSkip: j,
+  onNodeUnassign: j,
+  onNodeUnlock: v,
+  onNodeSkipUnSkip: H,
   onBlockReset: m
 }) => {
   const {
@@ -39,54 +41,54 @@ const ce = ({
     name: _,
     sheets: i,
     permissions: C,
-    block_stats: H,
-    state: V,
-    block_statement: W
-  } = r, o = h === R.SAT_MOCK_TEST, {
+    block_stats: V,
+    state: W,
+    block_statement: y
+  } = r, o = h === ne.SAT_MOCK_TEST, {
     can_skip: p,
     can_un_skip: t,
     can_reset: g,
     can_review: T
-  } = C, A = ee[h], y = te({
+  } = C, A = re[h], B = ie({
     isSkipped: t,
     sheetsLength: i.length,
     isGoalBlock: d,
     lessonIdx: $,
     isSatMockTestBlock: o
-  }), B = o && (g || T) || s === "TEACHER" && (p || t), P = f(() => {
-    const c = ne(i);
+  }), P = o && (g || T) || s === "TEACHER" && (p || t), z = f(() => {
+    const c = oe(i);
     if (!c)
       throw new Error("Active SAT sheet is not available");
     n == null || n(c);
-  }, [n, i]), v = f(() => {
+  }, [n, i]), F = f(() => {
     l == null || l(r, p);
-  }, [r, p, l]), z = f(() => {
+  }, [r, p, l]), X = f(() => {
     m == null || m(r);
-  }, [r, m]), F = [
+  }, [r, m]), Y = [
     {
       id: "node-card-skip",
       label: t ? "Revert 'Skip'" : "Skip All",
-      icon: J,
+      icon: U,
       disabled: o,
-      onClick: v
+      onClick: F
     },
     {
       id: "sat-node-card-review",
       label: "Review",
-      icon: Z,
+      icon: J,
       disabled: !T,
-      onClick: P
+      onClick: z
     },
     {
       id: "sat-node-card-reset",
       label: "Reset",
-      icon: G,
+      icon: Q,
       disabled: !g,
-      onClick: z
+      onClick: X
     }
   ];
   return s === "STUDENT" && t ? null : /* @__PURE__ */ e("div", { ref: k, children: /* @__PURE__ */ e(
-    re,
+    ce,
     {
       $background: d ? "WHITE_1" : "WHITE_3",
       $gutterX: 1,
@@ -104,7 +106,7 @@ const ce = ({
                 children: [
                   A === "Puzzles" ? _ : A,
                   " ",
-                  y
+                  B
                 ]
               }
             ),
@@ -118,63 +120,69 @@ const ce = ({
               }
             )
           ] }),
-          B && /* @__PURE__ */ e(
-            N,
+          P && /* @__PURE__ */ e(
+            D,
             {
               targetElement: /* @__PURE__ */ e(
-                ie,
+                se,
                 {
                   $width: 20,
                   $height: 20,
                   $justifyContent: "center",
                   $alignItems: "center",
-                  children: /* @__PURE__ */ e(q, { width: 18, height: 18 })
+                  children: /* @__PURE__ */ e(N, { width: 18, height: 18 })
                 }
               ),
-              menuElement: /* @__PURE__ */ e(U, { options: F }),
+              menuElement: /* @__PURE__ */ e(ee, { options: Y }),
               menuOffset: 5,
               menuZIndex: 4
             }
           )
         ] }),
-        /* @__PURE__ */ e(X, { children: o ? /* @__PURE__ */ e(
-          D,
+        /* @__PURE__ */ e(q, { children: o ? /* @__PURE__ */ e(
+          te,
           {
             userType: s,
             imageHue: u || "BLUE",
             sheets: i,
-            blockStats: H,
-            blockState: V,
-            blockStatement: W,
+            blockStats: V,
+            blockState: W,
+            blockStatement: y,
             onNodeAttempt: b,
             onNodeReview: n,
             blockPermissions: C
           }
-        ) : /* @__PURE__ */ e(oe, { children: i.map((c) => /* @__PURE__ */ e(
-          Q,
+        ) : /* @__PURE__ */ e(le, { children: i.map((c, Z) => /* @__PURE__ */ e(
+          "div",
           {
-            imageHue: u || "BLUE",
-            userType: s,
-            nodeData: c,
-            blockType: h,
-            isSkipped: t,
-            onNodeAttempt: b,
-            onNodeAssignAsHomework: L,
-            onNodeMarkAsDone: I,
-            onNodeReattempt: M,
-            onNodeReview: n,
-            onNodeView: O,
-            onNodeUnassign: w,
-            onNodeUnlock: K,
-            onNodeSkipUnSkip: j
+            ref: I && Z === 0 ? L : void 0,
+            children: /* @__PURE__ */ e(
+              R,
+              {
+                imageHue: u || "BLUE",
+                userType: s,
+                nodeData: c,
+                blockType: h,
+                isSkipped: t,
+                onNodeAttempt: b,
+                onNodeAssignAsHomework: M,
+                onNodeMarkAsDone: O,
+                onNodeReattempt: w,
+                onNodeReview: n,
+                onNodeView: K,
+                onNodeUnassign: j,
+                onNodeUnlock: v,
+                onNodeSkipUnSkip: H
+              }
+            )
           },
           c.node_id
         )) }) })
       ] })
     }
   ) });
-}, Ae = Y(ce);
+}, ke = G(me);
 export {
-  Ae as default
+  ke as default
 };
 //# sourceMappingURL=block-section-view.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"block-section-view.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-section-view.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport Eye2Icon from '../../../../assets/line-icons/icons/eye2';\nimport MoreVerticalIcon from '../../../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../../../assets/line-icons/icons/redo';\nimport SkipIcon from '../../../../assets/line-icons/icons/skip';\nimport ContextMenu from '../../../ui/context-menu/context-menu';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport NodeCard from '../../comps/node-card/node-card';\nimport NodeMenuOptions from '../../comps/node-card/node-menu-options/node-menu-options';\nimport type { INodeMenuOption } from '../../comps/node-card/node-menu-options/node-menu-options-types';\nimport SatMockTest from '../../comps/sat-mock-test/sat-mock-test';\nimport { BLOCK_NAME, BLOCK_TYPE } from '../../constants/block-constants';\nimport { getSheetNLessonCount } from '../../utils';\nimport { getNextAccessibleSATSheet } from '../../utils/sat-sheet-utils';\nimport * as Styled from './block-sections-styled';\nimport type { IBlockSectionProps } from './block-sections-types';\n\nconst BlockSectionView: FC<IBlockSectionProps> = ({\n  userType,\n  imageHue,\n  blockData,\n  lessonIdx,\n  isLastBlock,\n  isGoalBlock,\n  blockSectionRef,\n  onNodeAttempt,\n  onNodeAssignAsHomework,\n  onNodeMarkAsDone,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeView,\n  onBlockSkipUnskip,\n  onNodeUnassign,\n  onNodeUnlock,\n  onNodeSkipUnSkip,\n  onBlockReset,\n}) => {\n  const {\n    block_type: blockType,\n    name,\n    sheets,\n    permissions,\n    block_stats: blockStats,\n    state,\n    block_statement: blockStatement,\n  } = blockData;\n\n  const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\n\n  const {\n    can_skip: canSkip,\n    can_un_skip: canUnskip,\n    can_reset: canReset,\n    can_review: canReview,\n  } = permissions;\n  const blockName = BLOCK_NAME[blockType];\n\n  const sheetNLessonCount = getSheetNLessonCount({\n    isSkipped: canUnskip,\n    sheetsLength: sheets.length,\n    isGoalBlock,\n    lessonIdx,\n    isSatMockTestBlock,\n  });\n\n  const canRenderMenuOptions =\n    (isSatMockTestBlock && (canReset || canReview)) ||\n    (userType === 'TEACHER' && (canSkip || canUnskip));\n\n  const handleSATSheetReview = useCallback(() => {\n    const nextAccessibleSATSheet = getNextAccessibleSATSheet(sheets);\n\n    if (!nextAccessibleSATSheet) {\n      throw new Error('Active SAT sheet is not available');\n    }\n\n    onNodeReview?.(nextAccessibleSATSheet);\n  }, [onNodeReview, sheets]);\n\n  const handleBlockSkipUnskip = useCallback(() => {\n    onBlockSkipUnskip?.(blockData, canSkip);\n  }, [blockData, canSkip, onBlockSkipUnskip]);\n\n  const handleBlockReset = useCallback(() => {\n    onBlockReset?.(blockData);\n  }, [blockData, onBlockReset]);\n\n  const menuOptions: INodeMenuOption[] = [\n    {\n      id: 'node-card-skip',\n      label: canUnskip ? `Revert 'Skip'` : 'Skip All',\n      icon: SkipIcon,\n      disabled: isSatMockTestBlock,\n      onClick: handleBlockSkipUnskip,\n    },\n    {\n      id: 'sat-node-card-review',\n      label: 'Review',\n      icon: Eye2Icon,\n      disabled: !canReview,\n      onClick: handleSATSheetReview,\n    },\n    {\n      id: 'sat-node-card-reset',\n      label: 'Reset',\n      icon: RedoIcon,\n      disabled: !canReset,\n      onClick: handleBlockReset,\n    },\n  ];\n\n  if (userType === 'STUDENT' && canUnskip) return null;\n\n  return (\n    <div ref={blockSectionRef}>\n      <Styled.BlockSectionWrapper\n        $background={isGoalBlock ? `WHITE_1` : 'WHITE_3'}\n        $gutterX={1}\n        $lastBlock={isLastBlock}\n        $flexGap={12}\n      >\n        <FlexView $flexGap={12}>\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n            <FlexView $opacity={canUnskip ? 0.5 : 1}>\n              <Text\n                $renderAs=\"ac4\"\n                $color=\"BLACK_T_60\"\n                $textDecoration={canUnskip ? 'line-through' : 'none'}\n              >\n                {blockName === 'Puzzles' ? name : blockName} {sheetNLessonCount}\n              </Text>\n\n              {!!isGoalBlock && !!lessonIdx && !isSatMockTestBlock && (\n                <Text\n                  $renderAs=\"ab2-bold\"\n                  $color=\"BLACK_1\"\n                  $textDecoration={canUnskip ? 'line-through' : 'none'}\n                >\n                  {name}\n                </Text>\n              )}\n            </FlexView>\n\n            {canRenderMenuOptions && (\n              <ContextMenu\n                targetElement={\n                  <Styled.BlockOptionsWrapper\n                    $width={20}\n                    $height={20}\n                    $justifyContent=\"center\"\n                    $alignItems=\"center\"\n                  >\n                    <MoreVerticalIcon width={18} height={18} />\n                  </Styled.BlockOptionsWrapper>\n                }\n                menuElement={<NodeMenuOptions options={menuOptions} />}\n                menuOffset={5}\n                menuZIndex={4}\n              />\n            )}\n          </FlexView>\n\n          <>\n            {isSatMockTestBlock ? (\n              <SatMockTest\n                userType={userType}\n                imageHue={imageHue || 'BLUE'}\n                sheets={sheets}\n                blockStats={blockStats}\n                blockState={state}\n                blockStatement={blockStatement}\n                onNodeAttempt={onNodeAttempt}\n                onNodeReview={onNodeReview}\n                blockPermissions={permissions}\n              />\n            ) : (\n              <Styled.BlockSheetContainer>\n                {sheets.map(nodeData => (\n                  <NodeCard\n                    key={nodeData.node_id}\n                    imageHue={imageHue || 'BLUE'}\n                    userType={userType}\n                    nodeData={nodeData}\n                    blockType={blockType}\n                    isSkipped={canUnskip}\n                    onNodeAttempt={onNodeAttempt}\n                    onNodeAssignAsHomework={onNodeAssignAsHomework}\n                    onNodeMarkAsDone={onNodeMarkAsDone}\n                    onNodeReattempt={onNodeReattempt}\n                    onNodeReview={onNodeReview}\n                    onNodeView={onNodeView}\n                    onNodeUnassign={onNodeUnassign}\n                    onNodeUnlock={onNodeUnlock}\n                    onNodeSkipUnSkip={onNodeSkipUnSkip}\n                  />\n                ))}\n              </Styled.BlockSheetContainer>\n            )}\n          </>\n        </FlexView>\n      </Styled.BlockSectionWrapper>\n    </div>\n  );\n};\n\nexport default memo(BlockSectionView);\n"],"names":["BlockSectionView","userType","imageHue","blockData","lessonIdx","isLastBlock","isGoalBlock","blockSectionRef","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","onNodeUnassign","onNodeUnlock","onNodeSkipUnSkip","onBlockReset","blockType","name","sheets","permissions","blockStats","state","blockStatement","isSatMockTestBlock","BLOCK_TYPE","canSkip","canUnskip","canReset","canReview","blockName","BLOCK_NAME","sheetNLessonCount","getSheetNLessonCount","canRenderMenuOptions","handleSATSheetReview","useCallback","nextAccessibleSATSheet","getNextAccessibleSATSheet","handleBlockSkipUnskip","handleBlockReset","menuOptions","SkipIcon","Eye2Icon","RedoIcon","jsx","Styled.BlockSectionWrapper","jsxs","FlexView","Text","ContextMenu","Styled.BlockOptionsWrapper","MoreVerticalIcon","NodeMenuOptions","SatMockTest","Styled.BlockSheetContainer","nodeData","NodeCard","BlockSectionView$1","memo"],"mappings":"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"}
+{"version":3,"file":"block-section-view.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-section-view.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport Eye2Icon from '../../../../assets/line-icons/icons/eye2';\nimport MoreVerticalIcon from '../../../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../../../assets/line-icons/icons/redo';\nimport SkipIcon from '../../../../assets/line-icons/icons/skip';\nimport ContextMenu from '../../../ui/context-menu/context-menu';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport NodeCard from '../../comps/node-card/node-card';\nimport NodeMenuOptions from '../../comps/node-card/node-menu-options/node-menu-options';\nimport type { INodeMenuOption } from '../../comps/node-card/node-menu-options/node-menu-options-types';\nimport SatMockTest from '../../comps/sat-mock-test/sat-mock-test';\nimport { BLOCK_NAME, BLOCK_TYPE } from '../../constants/block-constants';\nimport { getSheetNLessonCount } from '../../utils';\nimport { getNextAccessibleSATSheet } from '../../utils/sat-sheet-utils';\nimport * as Styled from './block-sections-styled';\nimport type { IBlockSectionProps } from './block-sections-types';\n\nconst BlockSectionView: FC<IBlockSectionProps> = ({\n  userType,\n  imageHue,\n  blockData,\n  lessonIdx,\n  isLastBlock,\n  isGoalBlock,\n  blockSectionRef,\n  firstNodeCardRef,\n  isFirstBlock,\n  onNodeAttempt,\n  onNodeAssignAsHomework,\n  onNodeMarkAsDone,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeView,\n  onBlockSkipUnskip,\n  onNodeUnassign,\n  onNodeUnlock,\n  onNodeSkipUnSkip,\n  onBlockReset,\n}) => {\n  const {\n    block_type: blockType,\n    name,\n    sheets,\n    permissions,\n    block_stats: blockStats,\n    state,\n    block_statement: blockStatement,\n  } = blockData;\n\n  const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\n\n  const {\n    can_skip: canSkip,\n    can_un_skip: canUnskip,\n    can_reset: canReset,\n    can_review: canReview,\n  } = permissions;\n  const blockName = BLOCK_NAME[blockType];\n\n  const sheetNLessonCount = getSheetNLessonCount({\n    isSkipped: canUnskip,\n    sheetsLength: sheets.length,\n    isGoalBlock,\n    lessonIdx,\n    isSatMockTestBlock,\n  });\n\n  const canRenderMenuOptions =\n    (isSatMockTestBlock && (canReset || canReview)) ||\n    (userType === 'TEACHER' && (canSkip || canUnskip));\n\n  const handleSATSheetReview = useCallback(() => {\n    const nextAccessibleSATSheet = getNextAccessibleSATSheet(sheets);\n\n    if (!nextAccessibleSATSheet) {\n      throw new Error('Active SAT sheet is not available');\n    }\n\n    onNodeReview?.(nextAccessibleSATSheet);\n  }, [onNodeReview, sheets]);\n\n  const handleBlockSkipUnskip = useCallback(() => {\n    onBlockSkipUnskip?.(blockData, canSkip);\n  }, [blockData, canSkip, onBlockSkipUnskip]);\n\n  const handleBlockReset = useCallback(() => {\n    onBlockReset?.(blockData);\n  }, [blockData, onBlockReset]);\n\n  const menuOptions: INodeMenuOption[] = [\n    {\n      id: 'node-card-skip',\n      label: canUnskip ? `Revert 'Skip'` : 'Skip All',\n      icon: SkipIcon,\n      disabled: isSatMockTestBlock,\n      onClick: handleBlockSkipUnskip,\n    },\n    {\n      id: 'sat-node-card-review',\n      label: 'Review',\n      icon: Eye2Icon,\n      disabled: !canReview,\n      onClick: handleSATSheetReview,\n    },\n    {\n      id: 'sat-node-card-reset',\n      label: 'Reset',\n      icon: RedoIcon,\n      disabled: !canReset,\n      onClick: handleBlockReset,\n    },\n  ];\n\n  if (userType === 'STUDENT' && canUnskip) return null;\n\n  return (\n    <div ref={blockSectionRef}>\n      <Styled.BlockSectionWrapper\n        $background={isGoalBlock ? `WHITE_1` : 'WHITE_3'}\n        $gutterX={1}\n        $lastBlock={isLastBlock}\n        $flexGap={12}\n      >\n        <FlexView $flexGap={12}>\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n            <FlexView $opacity={canUnskip ? 0.5 : 1}>\n              <Text\n                $renderAs=\"ac4\"\n                $color=\"BLACK_T_60\"\n                $textDecoration={canUnskip ? 'line-through' : 'none'}\n              >\n                {blockName === 'Puzzles' ? name : blockName} {sheetNLessonCount}\n              </Text>\n\n              {!!isGoalBlock && !!lessonIdx && !isSatMockTestBlock && (\n                <Text\n                  $renderAs=\"ab2-bold\"\n                  $color=\"BLACK_1\"\n                  $textDecoration={canUnskip ? 'line-through' : 'none'}\n                >\n                  {name}\n                </Text>\n              )}\n            </FlexView>\n\n            {canRenderMenuOptions && (\n              <ContextMenu\n                targetElement={\n                  <Styled.BlockOptionsWrapper\n                    $width={20}\n                    $height={20}\n                    $justifyContent=\"center\"\n                    $alignItems=\"center\"\n                  >\n                    <MoreVerticalIcon width={18} height={18} />\n                  </Styled.BlockOptionsWrapper>\n                }\n                menuElement={<NodeMenuOptions options={menuOptions} />}\n                menuOffset={5}\n                menuZIndex={4}\n              />\n            )}\n          </FlexView>\n\n          <>\n            {isSatMockTestBlock ? (\n              <SatMockTest\n                userType={userType}\n                imageHue={imageHue || 'BLUE'}\n                sheets={sheets}\n                blockStats={blockStats}\n                blockState={state}\n                blockStatement={blockStatement}\n                onNodeAttempt={onNodeAttempt}\n                onNodeReview={onNodeReview}\n                blockPermissions={permissions}\n              />\n            ) : (\n              <Styled.BlockSheetContainer>\n                {sheets.map((nodeData, nodeIdx) => (\n                  <div\n                    key={nodeData.node_id}\n                    ref={isFirstBlock && nodeIdx === 0 ? firstNodeCardRef : undefined}\n                  >\n                    <NodeCard\n                      imageHue={imageHue || 'BLUE'}\n                      userType={userType}\n                      nodeData={nodeData}\n                      blockType={blockType}\n                      isSkipped={canUnskip}\n                      onNodeAttempt={onNodeAttempt}\n                      onNodeAssignAsHomework={onNodeAssignAsHomework}\n                      onNodeMarkAsDone={onNodeMarkAsDone}\n                      onNodeReattempt={onNodeReattempt}\n                      onNodeReview={onNodeReview}\n                      onNodeView={onNodeView}\n                      onNodeUnassign={onNodeUnassign}\n                      onNodeUnlock={onNodeUnlock}\n                      onNodeSkipUnSkip={onNodeSkipUnSkip}\n                    />\n                  </div>\n                ))}\n              </Styled.BlockSheetContainer>\n            )}\n          </>\n        </FlexView>\n      </Styled.BlockSectionWrapper>\n    </div>\n  );\n};\n\nexport default memo(BlockSectionView);\n"],"names":["BlockSectionView","userType","imageHue","blockData","lessonIdx","isLastBlock","isGoalBlock","blockSectionRef","firstNodeCardRef","isFirstBlock","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","onNodeUnassign","onNodeUnlock","onNodeSkipUnSkip","onBlockReset","blockType","name","sheets","permissions","blockStats","state","blockStatement","isSatMockTestBlock","BLOCK_TYPE","canSkip","canUnskip","canReset","canReview","blockName","BLOCK_NAME","sheetNLessonCount","getSheetNLessonCount","canRenderMenuOptions","handleSATSheetReview","useCallback","nextAccessibleSATSheet","getNextAccessibleSATSheet","handleBlockSkipUnskip","handleBlockReset","menuOptions","SkipIcon","Eye2Icon","RedoIcon","jsx","Styled.BlockSectionWrapper","jsxs","FlexView","Text","ContextMenu","Styled.BlockOptionsWrapper","MoreVerticalIcon","NodeMenuOptions","SatMockTest","Styled.BlockSheetContainer","nodeData","nodeIdx","NodeCard","BlockSectionView$1","memo"],"mappings":"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"}