@cuemath/leap 2.9.7 → 2.9.8-as2

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

@@ -1,84 +1,78 @@
-import { jsxs as i, jsx as r, Fragment as T } from "react/jsx-runtime";
-import { memo as b, useCallback as y } from "react";
+import { jsxs as p, jsx as r, 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 k from "../../../assets/line-icons/icons/plus2.js";
-import x from "../../ui/arrow-tooltip/arrow-tooltip.js";
-import E from "../../ui/buttons/button/button.js";
-import I from "../../ui/buttons/icon-button/icon-button.js";
+import k from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import x from "../../ui/buttons/button/button.js";
 import { useUIContext as $ } 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, AddChapterIconWrapper as S } from "./chapters-list-styled.js";
-const j = b(
-  ({ milestoneId: t, canUpdatePlan: n, chapters: a, ...C }) => {
-    const { isGoalCreation: s, userType: o, onChapterClick: f, onAddChapter: e, isMilestoneActive: p } = C, A = o === "TEACHER" && e && n, { onClick: c } = $(), m = y(() => {
-      c({
+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 X } from "./chapters-list-styled.js";
+const I = T(
+  ({ milestoneId: t, canUpdatePlan: c, chapters: o, ...d }) => {
+    const { isGoalCreation: i, userType: h, onChapterClick: C, onAddChapter: e, isMilestoneActive: a } = d, { onClick: n } = $(), f = b(() => {
+      n({
         label: "add_chapter_icon",
         props: {
           milestone_id: t
         }
-      }), e == null || e({ milestoneId: t, isGoalCreation: s });
-    }, [t, s, e, c]);
-    return a.length ? /* @__PURE__ */ i(h, { children: [
-      /* @__PURE__ */ r(M, { children: a.map((l, u) => {
-        const { id: _ } = l;
-        return /* @__PURE__ */ r(
-          X,
-          {
-            milestoneId: t,
-            userType: o,
-            chapter: l,
-            onChapterClick: f,
-            itemIndex: u
-          },
-          _
-        );
-      }) }),
-      A && /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(
-        I,
+      }), e == null || e({ milestoneId: t, isGoalCreation: i });
+    }, [t, i, e, n]);
+    return o.length ? /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(X, { children: o.map((s, u) => {
+      const { id: _ } = s;
+      return /* @__PURE__ */ r(
+        E,
         {
-          Icon: k,
-          renderAs: "secondary",
-          size: "small",
-          analyticsLabel: "add_chapter_icon",
-          onClick: m
-        }
-      ) })
-    ] }) : /* @__PURE__ */ i(h, { $gapX: 6.75, $alignItems: "center", $justifyContent: "center", children: [
-      /* @__PURE__ */ r("img", { src: g.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
-      /* @__PURE__ */ r(d, { heightX: 2 }),
-      o === "TEACHER" ? /* @__PURE__ */ i(T, { children: [
-        /* @__PURE__ */ r(
-          x,
-          {
-            renderAs: "primary",
-            position: "bottom",
-            hidden: p,
-            tooltipItem: "Plan is completed",
-            children: /* @__PURE__ */ r(
-              E,
+          milestoneId: t,
+          chapter: s,
+          onChapterClick: C,
+          itemIndex: u
+        },
+        _
+      );
+    }) }) }) : /* @__PURE__ */ p(
+      l,
+      {
+        $gapX: 6.75,
+        $alignItems: "center",
+        $justifyContent: "center",
+        $background: "WHITE",
+        children: [
+          /* @__PURE__ */ r("img", { src: g.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
+          /* @__PURE__ */ r(m, { heightX: 2 }),
+          h === "TEACHER" ? /* @__PURE__ */ p(A, { children: [
+            /* @__PURE__ */ r(
+              k,
               {
-                widthX: 10,
                 renderAs: "primary",
-                shape: "square",
-                size: "small",
-                label: "Add chapter",
-                onClick: m,
-                disabled: !p || !n,
-                analyticsProps: {
-                  milestone_id: t
-                }
+                position: "bottom",
+                hidden: a,
+                tooltipItem: "Plan is completed",
+                children: /* @__PURE__ */ r(
+                  x,
+                  {
+                    widthX: 10,
+                    renderAs: "primary",
+                    shape: "square",
+                    size: "small",
+                    label: "Add chapter",
+                    onClick: f,
+                    disabled: !a || !c,
+                    analyticsProps: {
+                      milestone_id: t
+                    }
+                  }
+                )
               }
-            )
-          }
-        ),
-        /* @__PURE__ */ r(d, { heightX: 2 })
-      ] }) : /* @__PURE__ */ r(L, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to add a chapter" })
-    ] });
+            ),
+            /* @__PURE__ */ r(m, { heightX: 2 })
+          ] }) : /* @__PURE__ */ r(y, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to add a chapter" })
+        ]
+      }
+    );
   }
-), K = j;
+), O = I;
 export {
-  K as default
+  O 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 type { IChaptersListProps } from './chapters-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport Plus2Icon from '../../../assets/line-icons/icons/plus2';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-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';\n\nconst ChaptersList: FC<IChaptersListProps> = memo(\n  ({ milestoneId, canUpdatePlan, chapters, ...restChaptersList }) => {\n    const { isGoalCreation, userType, onChapterClick, onAddChapter, isMilestoneActive } =\n      restChaptersList;\n\n    const canAddChapter = userType === 'TEACHER' && onAddChapter && canUpdatePlan;\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 $gapX={6.75} $alignItems=\"center\" $justifyContent=\"center\">\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                userType={userType}\n                chapter={chapter}\n                onChapterClick={onChapterClick}\n                itemIndex={idx}\n              />\n            );\n          })}\n        </Styled.ChaptersWrapper>\n        {canAddChapter && (\n          <Styled.AddChapterIconWrapper>\n            <IconButton\n              Icon={Plus2Icon}\n              renderAs=\"secondary\"\n              size=\"small\"\n              analyticsLabel=\"add_chapter_icon\"\n              onClick={handleOnAddChapter}\n            />\n          </Styled.AddChapterIconWrapper>\n        )}\n      </Styled.ChaptersListContainer>\n    );\n  },\n);\n\nexport default ChaptersList;\n"],"names":["ChaptersList","memo","milestoneId","canUpdatePlan","chapters","restChaptersList","isGoalCreation","userType","onChapterClick","onAddChapter","isMilestoneActive","canAddChapter","trackOnClick","useUIContext","handleOnAddChapter","useCallback","jsxs","Styled.ChaptersListContainer","jsx","Styled.ChaptersWrapper","chapter","idx","id","ChapterItem","Styled.AddChapterIconWrapper","IconButton","Plus2Icon","IMAGES","Separator","Fragment","ArrowTooltip","Button","Text","ChaptersList$1"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,IAAuCC;AAAA,EAC3C,CAAC,EAAE,aAAAC,GAAa,eAAAC,GAAe,UAAAC,GAAU,GAAGC,QAAuB;AACjE,UAAM,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,gBAAAC,GAAgB,cAAAC,GAAc,mBAAAC,EAC9D,IAAAL,GAEIM,IAAgBJ,MAAa,aAAaE,KAAgBN,GAC1D,EAAE,SAASS,EAAa,IAAIC,EAAa,GAEzCC,IAAqBC,EAAY,MAAM;AAC9B,MAAAH,EAAA;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,UACL,cAAcV;AAAA,QAChB;AAAA,MAAA,CACD,GACcO,KAAA,QAAAA,EAAA,EAAE,aAAAP,GAAa,gBAAAI,EAAA;AAAA,OAC7B,CAACJ,GAAaI,GAAgBG,GAAcG,CAAY,CAAC;AAExD,WAACR,EAAS,SAsCZ,gBAAAY,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EACE,YAAS,IAAI,CAACC,GAASC,MAAQ;AACxB,cAAA,EAAE,IAAAC,EAAO,IAAAF;AAGb,eAAA,gBAAAF;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,aAAArB;AAAA,YACA,UAAAK;AAAA,YACA,SAAAa;AAAA,YACA,gBAAAZ;AAAA,YACA,WAAWa;AAAA,UAAA;AAAA,UALNC;AAAA,QAAA;AAAA,MAQV,CAAA,GACH;AAAA,MACCX,KACC,gBAAAO,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAMC;AAAA,UACN,UAAS;AAAA,UACT,MAAK;AAAA,UACL,gBAAe;AAAA,UACf,SAASZ;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAEJ,EAAA,CAAA,IAhEE,gBAAAE,EAACC,GAAA,EAA6B,OAAO,MAAM,aAAY,UAAS,iBAAgB,UAC9E,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAI,EAAA,KAAKS,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,MACxD,gBAAAT,EAACU,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACtBrB,MAAa,YAEV,gBAAAS,EAAAa,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAX;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,QAAQpB;AAAA,YACR,aAAY;AAAA,YAEZ,UAAA,gBAAAQ;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,QAAQ;AAAA,gBACR,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAASjB;AAAA,gBACT,UAAU,CAACJ,KAAqB,CAACP;AAAA,gBACjC,gBAAgB;AAAA,kBACd,cAAcD;AAAA,gBAChB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAgB,EAACU,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MAAA,EAAA,CACzB,IAEC,gBAAAV,EAAAc,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAmCN;AACF,GAEAC,IAAejC;"}
+{"version":3,"file":"chapters-list.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list.tsx"],"sourcesContent":["import type { IChaptersListProps } from './chapters-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } 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';\n\nconst ChaptersList: FC<IChaptersListProps> = memo(\n  ({ milestoneId, canUpdatePlan, chapters, ...restChaptersList }) => {\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              />\n            );\n          })}\n        </Styled.ChaptersWrapper>\n      </Styled.ChaptersListContainer>\n    );\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":";;;;;;;;;;AAcA,MAAMA,IAAuCC;AAAA,EAC3C,CAAC,EAAE,aAAAC,GAAa,eAAAC,GAAe,UAAAC,GAAU,GAAGC,QAAuB;AACjE,UAAM,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,gBAAAC,GAAgB,cAAAC,GAAc,mBAAAC,EAC9D,IAAAL,GAEI,EAAE,SAASM,EAAa,IAAIC,EAAa,GAEzCC,IAAqBC,EAAY,MAAM;AAC9B,MAAAH,EAAA;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,UACL,cAAcT;AAAA,QAChB;AAAA,MAAA,CACD,GACcO,KAAA,QAAAA,EAAA,EAAE,aAAAP,GAAa,gBAAAI,EAAA;AAAA,OAC7B,CAACJ,GAAaI,GAAgBG,GAAcE,CAAY,CAAC;AAExD,WAACP,EAAS,SA2CX,gBAAAW,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EACE,UAASb,EAAA,IAAI,CAACc,GAASC,MAAQ;AACxB,YAAA,EAAE,IAAAC,EAAO,IAAAF;AAGb,aAAA,gBAAAH;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,aAAAnB;AAAA,UACA,SAAAgB;AAAA,UACA,gBAAAV;AAAA,UACA,WAAWW;AAAA,QAAA;AAAA,QAJNC;AAAA,MAAA;AAAA,IAKP,CAEH,GACH,EACF,CAAA,IAzDE,gBAAAE;AAAA,MAACN;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKQ,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,UACxD,gBAAAR,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACtBjB,MAAa,YAEV,gBAAAe,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAV;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,QAAQhB;AAAA,gBACR,aAAY;AAAA,gBAEZ,UAAA,gBAAAK;AAAA,kBAACY;AAAA,kBAAA;AAAA,oBACC,QAAQ;AAAA,oBACR,UAAS;AAAA,oBACT,OAAM;AAAA,oBACN,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,SAASd;AAAA,oBACT,UAAU,CAACH,KAAqB,CAACP;AAAA,oBACjC,gBAAgB;AAAA,sBACd,cAAcD;AAAA,oBAChB;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAa,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UAAA,EAAA,CACzB,IAEC,gBAAAT,EAAAa,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAyBV;AACF,GAEAC,IAAe7B;"}

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

@@ -0,0 +1,10 @@
+import { createGetAPI as r } from "@cuemath/rest-api";
+import { BASE_URL_V3_1 as a } from "../../../constants/api.js";
+const { useGet: p, invalidate: l } = r({
+  getURL: (e, s, { studentId: t }) => `${a}/users/${t}/user-chapters/${e} `
+});
+export {
+  l as invalidateGetChapterDetails,
+  p as useGetChapterDetails
+};
+//# sourceMappingURL=chapter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chapter.js","sources":["../../../../src/features/chapters-v2/api/chapter.ts"],"sourcesContent":["import type { IUserChapterData } from '../chapter-details/chapter-details-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../constants/api';\n\nconst { useGet: useGetChapterDetails, invalidate: invalidateGetChapterDetails } = createGetAPI<\n  IUserChapterData,\n  void,\n  { studentId: string }\n>({\n  getURL: (userChapterId: string, _, { studentId }) =>\n    `${BASE_URL_V3_1}/users/${studentId}/user-chapters/${userChapterId} `,\n});\n\nexport { useGetChapterDetails, invalidateGetChapterDetails };\n"],"names":["useGetChapterDetails","invalidateGetChapterDetails","createGetAPI","userChapterId","_","studentId","BASE_URL_V3_1"],"mappings":";;AAMA,MAAM,EAAE,QAAQA,GAAsB,YAAYC,EAAA,IAAgCC,EAIhF;AAAA,EACA,QAAQ,CAACC,GAAuBC,GAAG,EAAE,WAAAC,EAAA,MACnC,GAAGC,CAAa,UAAUD,CAAS,kBAAkBF,CAAa;AACtE,CAAC;"}

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

@@ -0,0 +1,112 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import S from "../../../../assets/line-icons/icons/more-vertical.js";
+import I from "../../../../assets/line-icons/icons/skip.js";
+import O from "../../../ui/context-menu/context-menu.js";
+import c from "../../../ui/layout/flex-view.js";
+import u from "../../../ui/text/text.js";
+import T from "../../comps/node-card/node-card.js";
+import j from "../../comps/node-card/node-menu-options/node-menu-options.js";
+import { BLOCK_NAME as k } from "../../constants/block-constants.js";
+import { getSheetNLessonCount as y } from "../../utils/index.js";
+import { BlockSectionWrapper as M, BlockOptionsWrapper as B, BlockSheetContainer as K } from "./block-sections-styled.js";
+const q = ({
+  userType: o,
+  imageHue: m,
+  blockData: l,
+  lessonIdx: s,
+  isLastBlock: C,
+  isGoalBlock: r,
+  onNodeAttempt: g,
+  onNodeAttemptLocationChange: x,
+  onNodeMarkAsDone: _,
+  onNodeReattempt: b,
+  onNodeReview: E,
+  onNodeView: N,
+  onBlockSkipUnskip: i
+}) => {
+  const { block_type: p, name: a, sheets: d, permissions: w } = l, { can_skip: h, can_un_skip: e } = w, f = k[p], A = y(e, d.length, r, s), L = [
+    {
+      id: "node-card-skip",
+      label: e ? "Revert 'Skip'" : "Skip",
+      icon: I,
+      disabled: !1,
+      onClick: () => i == null ? void 0 : i(l, h)
+    }
+  ];
+  return o === "STUDENT" && e ? null : /* @__PURE__ */ t(
+    M,
+    {
+      $background: r ? `${m}_1` : "WHITE_1",
+      $gutterX: 1,
+      $lastBlock: C,
+      $flexGap: 12,
+      children: /* @__PURE__ */ n(c, { $flexGap: 12, children: [
+        /* @__PURE__ */ n(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
+          /* @__PURE__ */ n(c, { $opacity: e ? 0.5 : 1, children: [
+            /* @__PURE__ */ n(
+              u,
+              {
+                $renderAs: "ac4",
+                $color: "BLACK_T_60",
+                $textDecoration: e ? "line-through" : "none",
+                children: [
+                  f === "Puzzles" ? a : f,
+                  " ",
+                  A
+                ]
+              }
+            ),
+            !!r && !!s && /* @__PURE__ */ t(
+              u,
+              {
+                $renderAs: "ab2-bold",
+                $color: "BLACK_1",
+                $textDecoration: e ? "line-through" : "none",
+                children: a
+              }
+            )
+          ] }),
+          o === "TEACHER" && (h || e) && /* @__PURE__ */ t(
+            O,
+            {
+              targetElement: /* @__PURE__ */ t(
+                B,
+                {
+                  $width: 20,
+                  $height: 20,
+                  $justifyContent: "center",
+                  $alignItems: "center",
+                  children: /* @__PURE__ */ t(S, { width: 16, height: 16 })
+                }
+              ),
+              menuElement: /* @__PURE__ */ t(j, { options: L }),
+              menuOffset: 5,
+              menuZIndex: 4
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(K, { $opacity: e ? 0.5 : 1, children: d.map(($) => /* @__PURE__ */ t(
+          T,
+          {
+            imageHue: m || "BLUE",
+            userType: o,
+            nodeData: $,
+            blockType: p,
+            isSkipped: e,
+            onNodeAttempt: g,
+            onNodeAttemptLocationChange: x,
+            onNodeMarkAsDone: _,
+            onNodeReattempt: b,
+            onNodeReview: E,
+            onNodeView: N
+          },
+          $.node_id
+        )) })
+      ] })
+    }
+  );
+};
+export {
+  q as default
+};
+//# sourceMappingURL=block-section-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-section-view.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-section-view.tsx"],"sourcesContent":["import type { INodeMenuOption } from '../../comps/node-card/node-menu-options/node-menu-options-types';\nimport type { IBlockSectionProps } from './block-sections-types';\nimport type { FC } from 'react';\n\nimport MoreVerticalIcon from '../../../../assets/line-icons/icons/more-vertical';\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 { BLOCK_NAME } from '../../constants/block-constants';\nimport { getSheetNLessonCount } from '../../utils';\nimport * as Styled from './block-sections-styled';\n\nconst BlockSectionView: FC<IBlockSectionProps> = ({\n  userType,\n  imageHue,\n  blockData,\n  lessonIdx,\n  isLastBlock,\n  isGoalBlock,\n  onNodeAttempt,\n  onNodeAttemptLocationChange,\n  onNodeMarkAsDone,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeView,\n  onBlockSkipUnskip,\n}) => {\n  const { block_type: blockType, name, sheets, permissions } = blockData;\n\n  const { can_skip: canSkip, can_un_skip: canUnskip } = permissions;\n  const blockName = BLOCK_NAME[blockType];\n\n  const sheetNLessonCount = getSheetNLessonCount(canUnskip, sheets.length, isGoalBlock, lessonIdx);\n\n  const menuOptions: INodeMenuOption[] = [\n    {\n      id: 'node-card-skip',\n      label: canUnskip ? `Revert 'Skip'` : 'Skip',\n      icon: SkipIcon,\n      disabled: false,\n      onClick: () => onBlockSkipUnskip?.(blockData, canSkip),\n    },\n  ];\n\n  if (userType === 'STUDENT' && canUnskip) return null;\n\n  return (\n    <Styled.BlockSectionWrapper\n      $background={isGoalBlock ? `${imageHue}_1` : 'WHITE_1'}\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 && (\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          {userType === 'TEACHER' && (canSkip || canUnskip) && (\n            <ContextMenu\n              targetElement={\n                <Styled.BlockOptionsWrapper\n                  $width={20}\n                  $height={20}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                >\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.BlockOptionsWrapper>\n              }\n              menuElement={<NodeMenuOptions options={menuOptions} />}\n              menuOffset={5}\n              menuZIndex={4}\n            />\n          )}\n        </FlexView>\n\n        <Styled.BlockSheetContainer $opacity={canUnskip ? 0.5 : 1}>\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              onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n              onNodeMarkAsDone={onNodeMarkAsDone}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReview={onNodeReview}\n              onNodeView={onNodeView}\n            />\n          ))}\n        </Styled.BlockSheetContainer>\n      </FlexView>\n    </Styled.BlockSectionWrapper>\n  );\n};\n\nexport default BlockSectionView;\n"],"names":["BlockSectionView","userType","imageHue","blockData","lessonIdx","isLastBlock","isGoalBlock","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","blockType","name","sheets","permissions","canSkip","canUnskip","blockName","BLOCK_NAME","sheetNLessonCount","getSheetNLessonCount","menuOptions","SkipIcon","jsx","Styled.BlockSectionWrapper","jsxs","FlexView","Text","ContextMenu","Styled.BlockOptionsWrapper","MoreVerticalIcon","NodeMenuOptions","Styled.BlockSheetContainer","nodeData","NodeCard"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import o from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+const i = o(t)(({ $lastBlock: r }) => `
+    padding-top: 32px;
+    ${r ? "padding-bottom: 32px;" : "padding-bottom: 0px;"}
+  `), a = o.div(({ $opacity: r }) => `
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-row-gap: 12px;
+    grid-column-gap: 16px;
+    opacity: ${r ?? 1};
+
+  `), n = o(t)(({ theme: r }) => `
+    cursor: pointer;
+    
+    &:hover {
+      border-radius: 50%;
+      background: ${r.colors.WHITE_4};  
+    }
+  `), d = o(t)`
+  min-height: calc(
+    100vh - 168px - 56px + 64px
+  ); // 168 chapter banner, 56 header height , 64 bottom padding
+
+  &:last-child {
+    padding-bottom: 64px;
+  }
+`;
+export {
+  n as BlockOptionsWrapper,
+  i as BlockSectionWrapper,
+  a as BlockSheetContainer,
+  d as ChapterDetailsWrapper
+};
+//# sourceMappingURL=block-sections-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-sections-styled.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-sections-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\ninterface IBlockSectionWrapper {\n  $lastBlock?: boolean;\n}\n\nconst BlockSectionWrapper = styled(FlexView)<IBlockSectionWrapper>(({ $lastBlock }) => {\n  return `\n    padding-top: 32px;\n    ${$lastBlock ? 'padding-bottom: 32px;' : 'padding-bottom: 0px;'}\n  `;\n});\n\ninterface IBlockSheetContainer {\n  $opacity?: number;\n}\n\nconst BlockSheetContainer = styled.div<IBlockSheetContainer>(({ $opacity }) => {\n  return `\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-row-gap: 12px;\n    grid-column-gap: 16px;\n    opacity: ${$opacity ?? 1};\n\n  `;\n});\n\nconst BlockOptionsWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_4};  \n    }\n  `;\n});\n\nconst ChapterDetailsWrapper = styled(FlexView)`\n  min-height: calc(\n    100vh - 168px - 56px + 64px\n  ); // 168 chapter banner, 56 header height , 64 bottom padding\n\n  &:last-child {\n    padding-bottom: 64px;\n  }\n`;\n\nexport { BlockSectionWrapper, ChapterDetailsWrapper, BlockSheetContainer, BlockOptionsWrapper };\n"],"names":["BlockSectionWrapper","styled","FlexView","$lastBlock","BlockSheetContainer","$opacity","BlockOptionsWrapper","theme","ChapterDetailsWrapper"],"mappings":";;AAQA,MAAMA,IAAsBC,EAAOC,CAAQ,EAAwB,CAAC,EAAE,YAAAC,QAC7D;AAAA;AAAA,MAEHA,IAAa,0BAA0B,sBAAsB;AAAA,GAElE,GAMKC,IAAsBH,EAAO,IAA0B,CAAC,EAAE,UAAAI,QACvD;AAAA;AAAA;AAAA;AAAA;AAAA,eAKMA,KAAY,CAAC;AAAA;AAAA,GAG3B,GAEKC,IAAsBL,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAK,QACvC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEKC,IAAwBP,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,83 @@
+import { jsxs as I, jsx as s } from "react/jsx-runtime";
+import { memo as w, useMemo as x } from "react";
+import h from "./block-section-view.js";
+import { ChapterDetailsWrapper as L } from "./block-sections-styled.js";
+const E = w((g) => {
+  const {
+    blocks: t,
+    imageHue: n,
+    userType: l,
+    coreBlocksRef: _,
+    onNodeAttempt: i,
+    onNodeAttemptLocationChange: r,
+    onNodeMarkAsDone: c,
+    onNodeReattempt: p,
+    onNodeReview: d,
+    onNodeView: k,
+    onBlockSkipUnskip: m
+  } = g;
+  let a = 0;
+  const { goalBlocks: u, nonGoalBlocks: B } = x(
+    () => t.reduce(
+      (o, e) => (e.section_code === "GOALS" || e.section_code === "READINESS" ? o.goalBlocks.push(e) : o.nonGoalBlocks.push(e), o),
+      { goalBlocks: [], nonGoalBlocks: [] }
+    ),
+    [t]
+  );
+  return /* @__PURE__ */ I(
+    L,
+    {
+      $width: "100%",
+      $background: B.length ? "WHITE_1" : `${n}_1`,
+      children: [
+        /* @__PURE__ */ s("div", { ref: _, children: u.map((o, e) => {
+          const { block_type: N, block_id: S, is_skipped: A } = o;
+          let f = 0;
+          const G = e === u.length - 1;
+          return N === "GOAL" && (A || (a += 1), f = a), /* @__PURE__ */ s(
+            h,
+            {
+              blockData: o,
+              userType: l,
+              isLastBlock: G,
+              lessonIdx: f,
+              imageHue: n,
+              isGoalBlock: !0,
+              onNodeAttempt: i,
+              onNodeAttemptLocationChange: r,
+              onNodeMarkAsDone: c,
+              onNodeReattempt: p,
+              onNodeReview: d,
+              onNodeView: k,
+              onBlockSkipUnskip: m
+            },
+            S
+          );
+        }) }),
+        B.map((o) => {
+          const { block_id: e } = o;
+          return /* @__PURE__ */ s(
+            h,
+            {
+              blockData: o,
+              userType: l,
+              imageHue: n,
+              onNodeAttempt: i,
+              onNodeAttemptLocationChange: r,
+              onNodeMarkAsDone: c,
+              onNodeReattempt: p,
+              onNodeReview: d,
+              onNodeView: k,
+              onBlockSkipUnskip: m
+            },
+            e
+          );
+        })
+      ]
+    }
+  );
+});
+export {
+  E as default
+};
+//# sourceMappingURL=block-sections.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-sections.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-sections.tsx"],"sourcesContent":["import type { IBlockSectionsProps } from './block-sections-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport BlockSectionView from './block-section-view';\nimport * as Styled from './block-sections-styled';\n\nconst BlockSections: FC<IBlockSectionsProps> = memo(props => {\n  const {\n    blocks,\n    imageHue,\n    userType,\n    coreBlocksRef,\n    onNodeAttempt,\n    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onBlockSkipUnskip,\n  } = props;\n\n  let lessonCount = 0;\n\n  const { goalBlocks, nonGoalBlocks } = useMemo(\n    () =>\n      blocks.reduce(\n        (acc, block) => {\n          if (block.section_code === 'GOALS' || block.section_code === 'READINESS') {\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 ? `${imageHue}_1` : 'WHITE_1'}\n    >\n      <div ref={coreBlocksRef}>\n        {goalBlocks.map((blockData, idx) => {\n          const { block_type: blockType, block_id: blockId, is_skipped: isSkipped } = blockData;\n          let lessonIdx = 0;\n\n          const isLastBlock = idx === goalBlocks.length - 1;\n\n          if (blockType === 'GOAL') {\n            if (!isSkipped) {\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              onNodeAttempt={onNodeAttempt}\n              onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n              onNodeMarkAsDone={onNodeMarkAsDone}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReview={onNodeReview}\n              onNodeView={onNodeView}\n              onBlockSkipUnskip={onBlockSkipUnskip}\n            />\n          );\n        })}\n      </div>\n\n      {nonGoalBlocks.map(blockData => {\n        const { block_id: blockId } = blockData;\n\n        return (\n          <BlockSectionView\n            key={blockId}\n            blockData={blockData}\n            userType={userType}\n            imageHue={imageHue}\n            onNodeAttempt={onNodeAttempt}\n            onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n          />\n        );\n      })}\n    </Styled.ChapterDetailsWrapper>\n  );\n});\n\nexport default BlockSections;\n"],"names":["BlockSections","memo","props","blocks","imageHue","userType","coreBlocksRef","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","lessonCount","goalBlocks","nonGoalBlocks","useMemo","acc","block","jsxs","Styled.ChapterDetailsWrapper","jsx","blockData","idx","blockType","blockId","isSkipped","lessonIdx","isLastBlock","BlockSectionView"],"mappings":";;;;AAQM,MAAAA,IAAyCC,EAAK,CAASC,MAAA;AACrD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,EACE,IAAAX;AAEJ,MAAIY,IAAc;AAEZ,QAAA,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC;AAAA,IACpC,MACEd,EAAO;AAAA,MACL,CAACe,GAAKC,OACAA,EAAM,iBAAiB,WAAWA,EAAM,iBAAiB,cACvDD,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,aAAcL,EAAc,SAA2B,YAAlB,GAAGZ,CAAQ;AAAA,MAEhD,UAAA;AAAA,QAAA,gBAAAkB,EAAC,SAAI,KAAKhB,GACP,YAAW,IAAI,CAACiB,GAAWC,MAAQ;AAClC,gBAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,YAAYC,EAAc,IAAAJ;AAC5E,cAAIK,IAAY;AAEV,gBAAAC,IAAcL,MAAQT,EAAW,SAAS;AAEhD,iBAAIU,MAAc,WACXE,MACYb,KAAA,IAGLc,IAAAd,IAIZ,gBAAAQ;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAAP;AAAA,cACA,UAAAlB;AAAA,cACA,aAAAwB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAAxB;AAAA,cACA,aAAW;AAAA,cACX,eAAAG;AAAA,cACA,6BAAAC;AAAA,cACA,kBAAAC;AAAA,cACA,iBAAAC;AAAA,cACA,cAAAC;AAAA,cACA,YAAAC;AAAA,cACA,mBAAAC;AAAA,YAAA;AAAA,YAVKa;AAAA,UAAA;AAAA,QAaV,CAAA,GACH;AAAA,QAECV,EAAc,IAAI,CAAaO,MAAA;AACxB,gBAAA,EAAE,UAAUG,EAAY,IAAAH;AAG5B,iBAAA,gBAAAD;AAAA,YAACQ;AAAA,YAAA;AAAA,cAEC,WAAAP;AAAA,cACA,UAAAlB;AAAA,cACA,UAAAD;AAAA,cACA,eAAAG;AAAA,cACA,6BAAAC;AAAA,cACA,kBAAAC;AAAA,cACA,iBAAAC;AAAA,cACA,cAAAC;AAAA,cACA,YAAAC;AAAA,cACA,mBAAAC;AAAA,YAAA;AAAA,YAVKa;AAAA,UAAA;AAAA,QAWP,CAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -0,0 +1,90 @@
+import o from "styled-components";
+import x from "../../../../assets/line-icons/icons/important.js";
+import i from "../../../ui/layout/flex-view.js";
+const f = o(i)(() => `
+    position: relative;
+    height: 168px;
+  `);
+o.div`
+  width: 760px;
+  height: 100%;
+  position: relative;
+`;
+const m = o(i)`
+  position: absolute;
+  left: 73px;
+  top: 32px;
+`, $ = o.img(({ theme: e }) => {
+  const { gutter: t } = e.layout;
+  return `
+    width: ${t * 6.625}px;
+    height: ${t * 6.625}px;
+    border-radius: 50%;
+    z-index: 1;
+  `;
+}), y = o.svg(() => `
+    position: absolute;
+    inset: 50%;
+    transform: translate(-50%, -50%) rotate(-90deg);
+    z-index: 2;
+  `), I = o.circle(
+  ({ theme: e, $progressCircle: t, $progress: n, $progressBackground: s }) => {
+    const { colors: r, layout: l } = e, { WHITE_1: h } = r, { gutter: a } = l, p = a * 21, u = t ? p - n : n;
+    return `
+      stroke-dasharray: ${p};
+      stroke-dashoffset: ${u};
+      stroke: ${t ? r[s || "BLACK"] : h};
+
+      stroke-width: ${a * 0.1875}px;
+      fill: none;
+    `;
+  }
+), b = o(i)(({ theme: e }) => `
+    position: absolute;
+    top: 50%;
+    left: ${e.layout.gutter * 13.75}px;
+    transform: translateY(-50%);
+    z-index: 1;
+  `), k = o(x)(({
+  theme: e,
+  $progress: t,
+  $top: n,
+  $left: s
+}) => {
+  const { gutter: r } = e.layout;
+  return t ? `
+      width: ${r * 1.25}px;
+      height: ${r * 1.25}px;
+      position: absolute;
+      top: ${n ?? 0}px;
+      left: ${s ?? 0}px;
+      transform: translate(-50%, -50%);
+      z-index: 2;
+    ` : `
+    width: ${r * 0.75}px;
+    height: ${r * 0.75}px;
+  `;
+}), w = o.div(({ theme: e }) => {
+  const { layout: t } = e;
+  return `
+    position: absolute;
+    top: 6px;
+    right: 8px;
+    z-index: 2;
+
+    width: ${t.gutter * 1.25}px;
+    height: ${t.gutter * 1.25}px;
+    border-radius: 50%;
+  `;
+});
+export {
+  f as BannerContainer,
+  $ as BannerImage,
+  m as BannerImageWrapper,
+  b as BannerTitleWrapper,
+  y as ChapterProgressSVG,
+  I as ChapterProgressSVGCircle,
+  w as StyledCheckIcon,
+  k as StyledImportantIcon
+};
+//# sourceMappingURL=chapter-banner-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chapter-banner-styled.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst BannerContainer = styled(FlexView)(() => {\n  return `\n    position: relative;\n    height: 168px;\n  `;\n});\n\nconst BannerContainerBg = styled.div`\n  width: 760px;\n  height: 100%;\n  position: relative;\n`;\n\nconst BannerImageWrapper = styled(FlexView)`\n  position: absolute;\n  left: 73px;\n  top: 32px;\n`;\n\nconst BannerImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter * 6.625}px;\n    height: ${gutter * 6.625}px;\n    border-radius: 50%;\n    z-index: 1;\n  `;\n});\n\nconst ChapterProgressSVG = styled.svg(() => {\n  return `\n    position: absolute;\n    inset: 50%;\n    transform: translate(-50%, -50%) rotate(-90deg);\n    z-index: 2;\n  `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n  $progressCircle?: boolean;\n  $progress: number;\n  $progressBackground?: TColorNames;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n  ({ theme, $progressCircle, $progress, $progressBackground }) => {\n    const { colors, layout } = theme;\n    const { WHITE_1 } = colors;\n    const { gutter } = layout;\n\n    const strokeDashArray = gutter * 21;\n    const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n    return `\n      stroke-dasharray: ${strokeDashArray};\n      stroke-dashoffset: ${strokeDashOffset};\n      stroke: ${$progressCircle ? colors[$progressBackground || 'BLACK'] : WHITE_1};\n\n      stroke-width: ${gutter * 0.1875}px;\n      fill: none;\n    `;\n  },\n);\n\nconst BannerTitleWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: absolute;\n    top: 50%;\n    left: ${theme.layout.gutter * 13.75}px;\n    transform: translateY(-50%);\n    z-index: 1;\n  `;\n});\n\ninterface IStyledImportantIconProps {\n  $left?: number;\n  $top?: number;\n  $progress?: boolean;\n}\n\nconst StyledImportantIcon = styled(ImportantIcon)<IStyledImportantIconProps>(({\n  theme,\n  $progress,\n  $top,\n  $left,\n}) => {\n  const { gutter } = theme.layout;\n\n  if ($progress) {\n    return `\n      width: ${gutter * 1.25}px;\n      height: ${gutter * 1.25}px;\n      position: absolute;\n      top: ${$top ?? 0}px;\n      left: ${$left ?? 0}px;\n      transform: translate(-50%, -50%);\n      z-index: 2;\n    `;\n  }\n\n  return `\n    width: ${gutter * 0.75}px;\n    height: ${gutter * 0.75}px;\n  `;\n});\n\nconst StyledCheckIcon = styled.div(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    position: absolute;\n    top: 6px;\n    right: 8px;\n    z-index: 2;\n\n    width: ${layout.gutter * 1.25}px;\n    height: ${layout.gutter * 1.25}px;\n    border-radius: 50%;\n  `;\n});\n\nexport {\n  BannerContainer,\n  BannerContainerBg,\n  BannerImageWrapper,\n  BannerImage,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n  BannerTitleWrapper,\n  StyledImportantIcon,\n  StyledCheckIcon,\n};\n"],"names":["BannerContainer","styled","FlexView","BannerImageWrapper","BannerImage","theme","gutter","ChapterProgressSVG","ChapterProgressSVGCircle","$progressCircle","$progress","$progressBackground","colors","layout","WHITE_1","strokeDashArray","strokeDashOffset","BannerTitleWrapper","StyledImportantIcon","ImportantIcon","$top","$left","StyledCheckIcon"],"mappings":";;;AAOA,MAAMA,IAAkBC,EAAOC,CAAQ,EAAE,MAChC;AAAA;AAAA;AAAA,GAIR;AAEyBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAAE,IAAqBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCE,IAAcH,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACtC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,aACIC,IAAS,KAAK;AAAA,cACbA,IAAS,KAAK;AAAA;AAAA;AAAA;AAI5B,CAAC,GAEKC,IAAqBN,EAAO,IAAI,MAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,GAMR,GAQKO,IAA2BP,EAAO;AAAA,EACtC,CAAC,EAAE,OAAAI,GAAO,iBAAAI,GAAiB,WAAAC,GAAW,qBAAAC,QAA0B;AACxD,UAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAR,GACrB,EAAE,SAAAS,EAAY,IAAAF,GACd,EAAE,QAAAN,EAAW,IAAAO,GAEbE,IAAkBT,IAAS,IAC3BU,IAAmBP,IAAkBM,IAAkBL,IAAYA;AAElE,WAAA;AAAA,0BACeK,CAAe;AAAA,2BACdC,CAAgB;AAAA,gBAC3BP,IAAkBG,EAAOD,KAAuB,OAAO,IAAIG,CAAO;AAAA;AAAA,sBAE5DR,IAAS,MAAM;AAAA;AAAA;AAAA,EAGnC;AACF,GAEMW,IAAqBhB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QACtC;AAAA;AAAA;AAAA,YAGGA,EAAM,OAAO,SAAS,KAAK;AAAA;AAAA;AAAA,GAItC,GAQKa,IAAsBjB,EAAOkB,CAAa,EAA6B,CAAC;AAAA,EAC5E,OAAAd;AAAA,EACA,WAAAK;AAAA,EACA,MAAAU;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAf,EAAO,IAAID,EAAM;AAEzB,SAAIK,IACK;AAAA,eACIJ,IAAS,IAAI;AAAA,gBACZA,IAAS,IAAI;AAAA;AAAA,aAEhBc,KAAQ,CAAC;AAAA,cACRC,KAAS,CAAC;AAAA;AAAA;AAAA,QAMf;AAAA,aACIf,IAAS,IAAI;AAAA,cACZA,IAAS,IAAI;AAAA;AAE3B,CAAC,GAEKgB,IAAkBrB,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AAC1C,QAAA,EAAE,QAAAQ,EAAW,IAAAR;AAEZ,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMIQ,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAGlC,CAAC;"}