@cuemath/leap 2.9.9-as4 → 2.9.9

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

@@ -1 +0,0 @@
-{"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

@@ -1,83 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,90 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,98 +0,0 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { memo as D, useMemo as d } from "react";
-import { ILLUSTRATIONS as b } from "../../../../assets/illustrations/illustrations.js";
-import g from "../../../../assets/line-icons/icons/check2.js";
-import V from "../../../ui/image/image.js";
-import n from "../../../ui/layout/flex-view.js";
-import i from "../../../ui/text/text.js";
-import C from "../../comps/tag/tag.js";
-import { getChapterCompletionPercentage as W } from "../../utils/index.js";
-import { BannerContainer as M, BannerImageWrapper as O, BannerImage as X, ChapterProgressSVG as j, ChapterProgressSVGCircle as $, StyledImportantIcon as f, StyledCheckIcon as H, BannerTitleWrapper as N } from "./chapter-banner-styled.js";
-const a = 52, l = 54, c = 54, re = D((I) => {
-  const { progressStats: o, imageHue: S, title: x, imageUrl: R, bannerRef: u } = I, t = d(() => W(o), [o]), { iconTopVal: E, iconLeftVal: w } = d(() => {
-    const h = (-(t === 100 ? 60 : t) * 3.6 - 180) * Math.PI / 180, A = c + a * Math.sin(h), B = l + a * Math.cos(h);
-    return {
-      iconLeftVal: A,
-      iconTopVal: B
-    };
-  }, [t]);
-  if (!o) return null;
-  const { mandatory: T, optional: _, classwork: k } = o, { completed: y = 0, total: s = 0 } = T || {}, { completed: G = 0, total: p = 0 } = _ || {}, { completed: L = 0, total: m = 0 } = k || {}, P = m > 0 && L === m;
-  return /* @__PURE__ */ e(
-    M,
-    {
-      $flexDirection: "row",
-      $justifyContent: "center",
-      $alignItems: "center",
-      $widthX: 50,
-      $background: `${S}_4`,
-      ref: u,
-      children: /* @__PURE__ */ r(n, { $height: 168, $position: "relative", children: [
-        /* @__PURE__ */ e(
-          V,
-          {
-            width: "100%",
-            height: "168px",
-            src: b.CHAPTER_HEADER_BG,
-            alt: "Chapter header background",
-            withLoader: !0
-          }
-        ),
-        /* @__PURE__ */ r(O, { children: [
-          /* @__PURE__ */ e(X, { src: R, alt: "Chapter image" }),
-          /* @__PURE__ */ r(j, { width: "108px", height: "108px", children: [
-            /* @__PURE__ */ e(
-              $,
-              {
-                $progress: 0,
-                r: a,
-                cx: l,
-                cy: c
-              }
-            ),
-            /* @__PURE__ */ e(
-              $,
-              {
-                $progressCircle: !0,
-                $progressBackground: "BLACK",
-                $progress: 3.3 * t,
-                r: a,
-                cx: l,
-                cy: c
-              }
-            )
-          ] }),
-          t > 0 && /* @__PURE__ */ e(f, { $progress: !0, $top: E, $left: w }),
-          t === 100 && /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(C, { Icon: g }) })
-        ] }),
-        /* @__PURE__ */ r(N, { $flexGap: 4, children: [
-          /* @__PURE__ */ e(i, { $renderAs: "ah4-bold", children: x }),
-          /* @__PURE__ */ r(n, { $flexDirection: "row", $alignItems: "center", $flexGapX: 2.75, children: [
-            !!s && /* @__PURE__ */ r(n, { $position: "relative", $flexDirection: "row", children: [
-              /* @__PURE__ */ e(f, {}),
-              /* @__PURE__ */ r(n, { $flexDirection: "row", $alignItems: "center", $flexGap: 8, children: [
-                /* @__PURE__ */ r(i, { $renderAs: "ab2", children: [
-                  "Core - ",
-                  y,
-                  "/",
-                  s
-                ] }),
-                P && /* @__PURE__ */ e(C, { Icon: g, label: "CW" })
-              ] })
-            ] }),
-            p > 0 && /* @__PURE__ */ r(i, { $renderAs: "ab2", children: [
-              "Supplementary - ",
-              G,
-              "/",
-              p
-            ] })
-          ] })
-        ] })
-      ] })
-    }
-  );
-});
-export {
-  re as default
-};
-//# sourceMappingURL=chapter-banner.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chapter-banner.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { IChapterBannerProps } from './chapter-banner-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport Tag from '../../comps/tag/tag';\nimport { getChapterCompletionPercentage } from '../../utils';\nimport * as Styled from './chapter-banner-styled';\n\nconst PROGRESS_CIRCLE_RADIUS = 52;\nconst PROGRESS_CIRCLE_CENTER_X = 54;\nconst PROGRESS_CIRCLE_CENTER_Y = 54;\n\n// This component renders a banner for a chapter, displaying its title, progress, and associated tags.\n// It includes an image, progress visualization, and details about the chapter's core and supplementary sheets.\n// It calculates the completion percentage and dynamically positions an icon based on progress.\nconst ChapterBanner: FC<IChapterBannerProps> = memo(props => {\n  const { progressStats, imageHue, title, imageUrl, bannerRef } = props;\n\n  const completionPercentage = useMemo(() => {\n    return getChapterCompletionPercentage(progressStats);\n  }, [progressStats]);\n\n  const { iconTopVal, iconLeftVal } = useMemo(() => {\n    //* Calculate the position of the important icon based on the completion percentage\n    //* Convert degrees to radians\n    const angleInDegree = completionPercentage === 100 ? 60 : completionPercentage;\n\n    const angleInRadian = ((-angleInDegree * 3.6 - 180) * Math.PI) / 180;\n    const positionX = PROGRESS_CIRCLE_CENTER_Y + PROGRESS_CIRCLE_RADIUS * Math.sin(angleInRadian);\n    const positionY = PROGRESS_CIRCLE_CENTER_X + PROGRESS_CIRCLE_RADIUS * Math.cos(angleInRadian);\n\n    return {\n      iconLeftVal: positionX,\n      iconTopVal: positionY,\n    };\n  }, [completionPercentage]);\n\n  if (!progressStats) return null;\n\n  const { mandatory, optional, classwork: classWork } = progressStats;\n  const { completed: completedMandatorySheets = 0, total: totalMandatorySheets = 0 } =\n    mandatory || {};\n  const { completed: completedOptionalSheets = 0, total: totalOptionalSheets = 0 } = optional || {};\n  const { completed: completedClassWorkSheets = 0, total: totalClassWorkSheets = 0 } =\n    classWork || {};\n  const showClassWorkTag =\n    totalClassWorkSheets > 0 && completedClassWorkSheets === totalClassWorkSheets;\n\n  return (\n    <Styled.BannerContainer\n      $flexDirection=\"row\"\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n      $widthX={50}\n      $background={`${imageHue}_4`}\n      ref={bannerRef}\n    >\n      <FlexView $height={168} $position=\"relative\">\n        <Image\n          width=\"100%\"\n          height=\"168px\"\n          src={ILLUSTRATIONS.CHAPTER_HEADER_BG}\n          alt=\"Chapter header background\"\n          withLoader\n        />\n        <Styled.BannerImageWrapper>\n          <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n          <Styled.ChapterProgressSVG width=\"108px\" height=\"108px\">\n            <Styled.ChapterProgressSVGCircle\n              $progress={0}\n              r={PROGRESS_CIRCLE_RADIUS}\n              cx={PROGRESS_CIRCLE_CENTER_X}\n              cy={PROGRESS_CIRCLE_CENTER_Y}\n            />\n            <Styled.ChapterProgressSVGCircle\n              $progressCircle\n              $progressBackground={'BLACK'}\n              $progress={3.3 * completionPercentage}\n              r={PROGRESS_CIRCLE_RADIUS}\n              cx={PROGRESS_CIRCLE_CENTER_X}\n              cy={PROGRESS_CIRCLE_CENTER_Y}\n            />\n          </Styled.ChapterProgressSVG>\n\n          {completionPercentage > 0 && (\n            <Styled.StyledImportantIcon $progress $top={iconTopVal} $left={iconLeftVal} />\n          )}\n\n          {completionPercentage === 100 && (\n            <Styled.StyledCheckIcon>\n              <Tag Icon={Check2Icon} />\n            </Styled.StyledCheckIcon>\n          )}\n        </Styled.BannerImageWrapper>\n        <Styled.BannerTitleWrapper $flexGap={4}>\n          <Text $renderAs=\"ah4-bold\">{title}</Text>\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={2.75}>\n            {!!totalMandatorySheets && (\n              <FlexView $position=\"relative\" $flexDirection=\"row\">\n                <Styled.StyledImportantIcon />\n                <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n                  <Text $renderAs=\"ab2\">\n                    Core - {completedMandatorySheets}/{totalMandatorySheets}\n                  </Text>\n                  {showClassWorkTag && <Tag Icon={Check2Icon} label=\"CW\" />}\n                </FlexView>\n              </FlexView>\n            )}\n            {totalOptionalSheets > 0 && (\n              <Text $renderAs=\"ab2\">\n                Supplementary - {completedOptionalSheets}/{totalOptionalSheets}\n              </Text>\n            )}\n          </FlexView>\n        </Styled.BannerTitleWrapper>\n      </FlexView>\n    </Styled.BannerContainer>\n  );\n});\n\nexport default ChapterBanner;\n"],"names":["PROGRESS_CIRCLE_RADIUS","PROGRESS_CIRCLE_CENTER_X","PROGRESS_CIRCLE_CENTER_Y","ChapterBanner","memo","props","progressStats","imageHue","title","imageUrl","bannerRef","completionPercentage","useMemo","getChapterCompletionPercentage","iconTopVal","iconLeftVal","angleInRadian","positionX","positionY","mandatory","optional","classWork","completedMandatorySheets","totalMandatorySheets","completedOptionalSheets","totalOptionalSheets","completedClassWorkSheets","totalClassWorkSheets","showClassWorkTag","jsx","Styled.BannerContainer","jsxs","FlexView","Image","ILLUSTRATIONS","Styled.BannerImageWrapper","Styled.BannerImage","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.StyledImportantIcon","Styled.StyledCheckIcon","Tag","Check2Icon","Styled.BannerTitleWrapper","Text"],"mappings":"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"}

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

@@ -1,51 +0,0 @@
-import o from "styled-components";
-import r from "../../ui/layout/flex-view.js";
-const a = o.div(({ theme: t }) => `
-    height: 100%;
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    background: rgba(204, 204, 204, 0.25);
-    z-index: 2;
-
-    & * {
-      pointer-events: none;
-    }
-
-    & img {
-      top: 50%;
-      position: absolute;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      width: ${t.layout.gutter * 5}px;
-      height: ${t.layout.gutter * 5}px;
-      filter: brightness(0);
-    }
-  `), p = o(r)(
-  ({ $disablePointerEvents: t, theme: e }) => `
-      position: relative;
-      margin: 0 auto;
-      pointer-events: ${t ? "none" : "auto"};
-      border: 1px solid ${e.colors.WHITE_5};
-      border-top: none;
-    `
-), s = o(r)`
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 6;
-`, l = o(r)(({ theme: t }) => `
-    position: sticky;
-    top: ${t.layout.gutter}px;
-    transform: translateX(${t.layout.gutter}px);
-    z-index: 6;
-  `);
-export {
-  s as BackButtonContainer,
-  l as BackButtonWrapper,
-  p as ContentWrapper,
-  a as LoaderWrapper
-};
-//# sourceMappingURL=chapter-details-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chapter-details-styled.js","sources":["../../../../src/features/chapters-v2/chapter-details/chapter-details-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst LoaderWrapper = styled.div(({ theme }) => {\n  return `\n    height: 100%;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    background: rgba(204, 204, 204, 0.25);\n    z-index: 2;\n\n    & * {\n      pointer-events: none;\n    }\n\n    & img {\n      top: 50%;\n      position: absolute;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: ${theme.layout.gutter * 5}px;\n      height: ${theme.layout.gutter * 5}px;\n      filter: brightness(0);\n    }\n  `;\n});\n\nconst ContentWrapper = styled(FlexView)<{ $disablePointerEvents: boolean }>(\n  ({ $disablePointerEvents, theme }) => `\n      position: relative;\n      margin: 0 auto;\n      pointer-events: ${$disablePointerEvents ? 'none' : 'auto'};\n      border: 1px solid ${theme.colors.WHITE_5};\n      border-top: none;\n    `,\n);\n\nconst BackButtonContainer = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 6;\n`;\n\nconst BackButtonWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: ${theme.layout.gutter}px;\n    transform: translateX(${theme.layout.gutter}px);\n    z-index: 6;\n  `;\n});\n\nexport { ContentWrapper, LoaderWrapper, BackButtonContainer, BackButtonWrapper };\n"],"names":["LoaderWrapper","styled","theme","ContentWrapper","FlexView","$disablePointerEvents","BackButtonContainer","BackButtonWrapper"],"mappings":";;AAIA,MAAMA,IAAgBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAmBMA,EAAM,OAAO,SAAS,CAAC;AAAA,gBACtBA,EAAM,OAAO,SAAS,CAAC;AAAA;AAAA;AAAA,GAItC,GAEKC,IAAiBF,EAAOG,CAAQ;AAAA,EACpC,CAAC,EAAE,uBAAAC,GAAuB,OAAAH,EAAA,MAAY;AAAA;AAAA;AAAA,wBAGhBG,IAAwB,SAAS,MAAM;AAAA,0BACrCH,EAAM,OAAO,OAAO;AAAA;AAAA;AAG9C,GAEMI,IAAsBL,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrCG,IAAoBN,EAAOG,CAAQ,EAAE,CAAC,EAAE,OAAAF,QACrC;AAAA;AAAA,WAEEA,EAAM,OAAO,MAAM;AAAA,4BACFA,EAAM,OAAO,MAAM;AAAA;AAAA,GAG9C;"}

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

@@ -1,127 +0,0 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { memo as b, useCallback as w, useEffect as m } from "react";
-import { ILLUSTRATIONS as L } from "../../../assets/illustrations/illustrations.js";
-import N from "../../../assets/line-icons/icons/back2.js";
-import { useJourney as _ } from "../../journey/use-journey/use-journey.js";
-import v from "../../ui/buttons/button/button.js";
-import D from "../../ui/buttons/icon-button/icon-button.js";
-import E from "../../ui/layout/flex-view.js";
-import P from "../../ui/loader/app-loader/app-loader.js";
-import T from "../../ui/text/text.js";
-import { useGetChapterDetails as j } from "../api/chapter.js";
-import J from "./block-sections/block-sections.js";
-import H from "./chapter-banner/chapter-banner.js";
-import { ContentWrapper as O, BackButtonContainer as U, BackButtonWrapper as W, LoaderWrapper as X } from "./chapter-details-styled.js";
-const z = b((f) => {
-  const {
-    userChapterId: n,
-    studentId: i,
-    userType: a,
-    onBlockSkipUnskip: g,
-    onNodeAttempt: u,
-    onNodeAttemptLocationChange: C,
-    onNodeMarkAsDone: k,
-    onNodeReattempt: y,
-    onNodeReview: A,
-    onNodeView: B,
-    onExit: $,
-    startChapterPageJourney: s,
-    chapterPageRef: x,
-    bannerRef: I,
-    coreBlocksRef: R,
-    canStartJourney: p
-  } = f, { isJourneyActive: c } = _(), {
-    get: l,
-    data: e,
-    isProcessing: r,
-    isProcessingFailed: S,
-    isStale: h
-  } = j(), o = w(() => {
-    l(n, void 0, { studentId: i });
-  }, [l, n, i]);
-  return m(() => {
-    o();
-  }, [o]), m(() => {
-    e && p && !c && s && s({
-      chapterDetails: e,
-      userChapterId: n,
-      studentId: i,
-      userType: a
-    });
-  }, [
-    p,
-    e,
-    c,
-    s,
-    i,
-    n,
-    a
-  ]), m(() => {
-    !r && h && o();
-  }, [o, r, h]), S ? /* @__PURE__ */ d(E, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ t(T, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
-    /* @__PURE__ */ t(
-      v,
-      {
-        widthX: 14,
-        size: "small",
-        shape: "square",
-        renderAs: "primary",
-        label: "Try again",
-        onClick: o
-      }
-    )
-  ] }) : !e && r ? /* @__PURE__ */ t(P, { height: "80vh" }) : /* @__PURE__ */ d(
-    O,
-    {
-      ref: x,
-      $widthX: 50,
-      $disablePointerEvents: r,
-      $justifyContent: "center",
-      $alignItems: "center",
-      children: [
-        a === "TEACHER" && /* @__PURE__ */ t(U, { $height: "100%", children: /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(
-          D,
-          {
-            Icon: N,
-            renderAs: "secondary-gray",
-            analyticsLabel: "chapter_page_exit",
-            size: "xsmall",
-            onClick: $
-          }
-        ) }) }),
-        r && /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t("img", { src: L.LOADER_1, alt: "loader" }) }),
-        e && /* @__PURE__ */ t(
-          H,
-          {
-            title: e.name,
-            imageHue: e.image_hue,
-            imageUrl: e.image_url,
-            progressStats: e == null ? void 0 : e.progress_stat,
-            bannerRef: I
-          }
-        ),
-        e && /* @__PURE__ */ t(
-          J,
-          {
-            imageHue: e.image_hue,
-            userType: a,
-            blocks: e.blocks,
-            onBlockSkipUnskip: g,
-            onNodeAttempt: u,
-            onNodeAttemptLocationChange: C,
-            onNodeMarkAsDone: k,
-            onNodeReattempt: y,
-            onNodeReview: A,
-            onNodeView: B,
-            coreBlocksRef: R
-          }
-        )
-      ]
-    }
-  );
-}), ie = z;
-export {
-  ie as default
-};
-//# sourceMappingURL=chapter-details.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chapter-details.js","sources":["../../../../src/features/chapters-v2/chapter-details/chapter-details.tsx"],"sourcesContent":["import type { IChapterDetails } from './chapter-details-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetChapterDetails } from '../api/chapter';\nimport BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(props => {\n  const {\n    userChapterId,\n    studentId,\n    userType,\n    onBlockSkipUnskip,\n    onNodeAttempt,\n    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n    startChapterPageJourney,\n    chapterPageRef,\n    bannerRef,\n    coreBlocksRef,\n    canStartJourney,\n  } = props;\n  const { isJourneyActive } = useJourney();\n  const {\n    get: getChapterDetails,\n    data: chapterDetails,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useGetChapterDetails();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapterDetails(userChapterId, undefined, { studentId });\n  }, [getChapterDetails, userChapterId, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  useEffect(() => {\n    if (chapterDetails && canStartJourney && !isJourneyActive && startChapterPageJourney) {\n      startChapterPageJourney({\n        chapterDetails: chapterDetails,\n        userChapterId,\n        studentId,\n        userType,\n      });\n    }\n  }, [\n    canStartJourney,\n    chapterDetails,\n    isJourneyActive,\n    startChapterPageJourney,\n    studentId,\n    userChapterId,\n    userType,\n  ]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchChapterDetails();\n    }\n  }, [fetchChapterDetails, isProcessing, isStale]);\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapterDetails}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!chapterDetails && isProcessing) {\n    return <AppLoader height=\"80vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      ref={chapterPageRef}\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n    >\n      {userType === 'TEACHER' && (\n        <Styled.BackButtonContainer $height=\"100%\">\n          <Styled.BackButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"secondary-gray\"\n              analyticsLabel=\"chapter_page_exit\"\n              size=\"xsmall\"\n              onClick={onExit}\n            />\n          </Styled.BackButtonWrapper>\n        </Styled.BackButtonContainer>\n      )}\n\n      {isProcessing && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n        </Styled.LoaderWrapper>\n      )}\n\n      {chapterDetails && (\n        <ChapterBanner\n          title={chapterDetails.name}\n          imageHue={chapterDetails.image_hue}\n          imageUrl={chapterDetails.image_url}\n          progressStats={chapterDetails?.progress_stat}\n          bannerRef={bannerRef}\n        />\n      )}\n\n      {chapterDetails && (\n        <BlockSections\n          imageHue={chapterDetails.image_hue}\n          userType={userType}\n          blocks={chapterDetails.blocks}\n          onBlockSkipUnskip={onBlockSkipUnskip}\n          onNodeAttempt={onNodeAttempt}\n          onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n          onNodeMarkAsDone={onNodeMarkAsDone}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReview={onNodeReview}\n          onNodeView={onNodeView}\n          coreBlocksRef={coreBlocksRef}\n        />\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","startChapterPageJourney","chapterPageRef","bannerRef","coreBlocksRef","canStartJourney","isJourneyActive","useJourney","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","jsx","Text","Button","AppLoader","Styled.ContentWrapper","Styled.BackButtonContainer","Styled.BackButtonWrapper","IconButton","Back2Icon","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":"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"}

package/dist/features/chapters-v2/comps/node-card/border-path-animation.js

@@ -1,13 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-const o = () => /* @__PURE__ */ r("svg", { className: "node-card-border", viewBox: "0 0 170 56", preserveAspectRatio: "none", children: [
-  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ r("linearGradient", { id: "gradient", x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-    /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "black" }),
-    /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "gray" })
-  ] }) }),
-  /* @__PURE__ */ e("rect", { className: "border-path", x: "0", y: "0", width: "100%", height: "100%" }),
-  /* @__PURE__ */ e("rect", { className: "border-path-animation", x: "0", y: "0", width: "100%", height: "100%" })
-] });
-export {
-  o as default
-};
-//# sourceMappingURL=border-path-animation.js.map

package/dist/features/chapters-v2/comps/node-card/border-path-animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"border-path-animation.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/border-path-animation.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nconst BorderPathAnimation: FC = () => {\n  return (\n    <svg className=\"node-card-border\" viewBox=\"0 0 170 56\" preserveAspectRatio=\"none\">\n      <defs>\n        <linearGradient id=\"gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n          <stop offset=\"0%\" stopColor=\"black\" />\n          <stop offset=\"100%\" stopColor=\"gray\" />\n        </linearGradient>\n      </defs>\n      <rect className=\"border-path\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" />\n      <rect className=\"border-path-animation\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" />\n    </svg>\n  );\n};\n\nexport default BorderPathAnimation;\n"],"names":["BorderPathAnimation","jsx","jsxs"],"mappings":";AAEA,MAAMA,IAA0B,wBAE3B,OAAI,EAAA,WAAU,oBAAmB,SAAQ,cAAa,qBAAoB,QACzE,UAAA;AAAA,EAAA,gBAAAC,EAAC,QACC,EAAA,UAAA,gBAAAC,EAAC,kBAAe,EAAA,IAAG,YAAW,IAAG,MAAK,IAAG,MAAK,IAAG,QAAO,IAAG,MACzD,UAAA;AAAA,IAAA,gBAAAD,EAAC,QAAK,EAAA,QAAO,MAAK,WAAU,SAAQ;AAAA,IACnC,gBAAAA,EAAA,QAAA,EAAK,QAAO,QAAO,WAAU,QAAO;AAAA,EAAA,EAAA,CACvC,EACF,CAAA;AAAA,EACA,gBAAAA,EAAC,QAAK,EAAA,WAAU,eAAc,GAAE,KAAI,GAAE,KAAI,OAAM,QAAO,QAAO,OAAO,CAAA;AAAA,EACrE,gBAAAA,EAAC,QAAK,EAAA,WAAU,yBAAwB,GAAE,KAAI,GAAE,KAAI,OAAM,QAAO,QAAO,OAAO,CAAA;AACjF,EAAA,CAAA;"}