@cuemath/leap 3.1.17-hg1 → 3.1.17

package/dist/features/chapters/lpar-milestone-chapter/lpar-milestone-chapter.js

@@ -1,4 +1,4 @@
-import { jsxs as $, jsx as t } from "react/jsx-runtime";
+import { jsxs as V, jsx as t } from "react/jsx-runtime";
 import { useState as j, useMemo as G } from "react";
 import { ILLUSTRATIONS as H } from "../../../assets/illustrations/illustrations.js";
 import W from "../chapter/comps/chapter-banner/chapter-banner.js";
@@ -8,11 +8,11 @@ import Z from "./block-section/block-section.js";
 import F from "./extra-practice-section/extra-practice-section.js";
 import { ChapterWrapper as q, LoaderWrapper as J } from "./lpar-milestone-chapter-styled.js";
 import K from "./puzzle-section/puzzle-section.js";
-const { MASTERY: h, EXTRA_PRACTICE: b, PUZZLE_CARDS: p } = Y, Q = ({
+const { MASTERY: h, EXTRA_PRACTICE: b, PUZZLE_CARDS: m } = Y, Q = ({
   hasMasteryData: a,
   hasExtraPracticeData: e,
   hasPuzzleCardData: r
-}) => !a && r ? p : a ? h : e ? b : p, ee = ({
+}) => !a && r ? m : a ? h : e ? b : m, ee = ({
   hasMasteryData: a,
   hasExtraPracticeData: e,
   hasPuzzleCardData: r
@@ -33,12 +33,12 @@ const { MASTERY: h, EXTRA_PRACTICE: b, PUZZLE_CARDS: p } = Y, Q = ({
     {
       key: "chapter-tab-puzzle-cards",
       label: "Puzzle cards",
-      value: p,
+      value: m,
       visible: r
     }
   ], c = s.filter((u) => u.visible).length > 1;
   return { TABS: s, showTabs: c };
-}, pe = ({
+}, te = ({
   chapterData: a,
   userType: e,
   loading: r,
@@ -47,9 +47,9 @@ const { MASTERY: h, EXTRA_PRACTICE: b, PUZZLE_CARDS: p } = Y, Q = ({
   const {
     onChangeLocation: c,
     onCreateExtraPractice: u,
-    onMarkAsFamiliar: x,
+    onMarkAsFamiliar: R,
     onPreview: C,
-    onPuzzleCardClick: R,
+    onPuzzleCardClick: x,
     onReattempt: P,
     onReset: A,
     onResume: z,
@@ -61,19 +61,19 @@ const { MASTERY: h, EXTRA_PRACTICE: b, PUZZLE_CARDS: p } = Y, Q = ({
     image_hue: _,
     image_url: v,
     name: D,
-    tabs: k,
-    user_chapter_progress: L
+    tabs: L,
+    user_chapter_progress: M
   } = a, {
     mastery: T,
     puzzle_cards: n,
     extra_practice: g
-  } = k, o = T.length > 0, i = n.length > 0, l = g.length > 0, [m, M] = j(
+  } = L, o = T.length > 0, i = n.length > 0, l = g.length > 0, [p, k] = j(
     () => Q({
       hasMasteryData: o,
       hasExtraPracticeData: l,
       hasPuzzleCardData: i
     })
-  ), w = m === h, y = m === b, B = m === p, U = o && w, I = l && y, O = i && B, { TABS: N, showTabs: V } = G(
+  ), w = p === h, y = p === b, B = p === m, U = o && w, I = l && y, O = i && B, { TABS: $, showTabs: N } = G(
     () => ee({
       hasExtraPracticeData: !o && n ? !1 : l,
       hasMasteryData: o,
@@ -81,7 +81,7 @@ const { MASTERY: h, EXTRA_PRACTICE: b, PUZZLE_CARDS: p } = Y, Q = ({
     }),
     [o, l, i, n]
   );
-  return /* @__PURE__ */ $(q, { $disablePointerEvents: r, $flexGapX: 1.5, children: [
+  return /* @__PURE__ */ V(q, { $disablePointerEvents: r, $flexGapX: 1.5, children: [
     r && /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t("img", { src: H.LOADER_1, alt: "loader" }) }),
     /* @__PURE__ */ t(
       W,
@@ -89,15 +89,15 @@ const { MASTERY: h, EXTRA_PRACTICE: b, PUZZLE_CARDS: p } = Y, Q = ({
         backgroundColor: `${_ || "GREY"}_1`,
         imageUrl: v,
         name: D,
-        userChapterProgress: L
+        userChapterProgress: M
       }
     ),
-    V && /* @__PURE__ */ t(
+    N && /* @__PURE__ */ t(
       X,
       {
-        selectedChapterTab: m,
-        tabs: N,
-        setSelectedChapterTab: M
+        selectedChapterTab: p,
+        tabs: $,
+        setSelectedChapterTab: k
       }
     ),
     U && /* @__PURE__ */ t(
@@ -106,7 +106,7 @@ const { MASTERY: h, EXTRA_PRACTICE: b, PUZZLE_CARDS: p } = Y, Q = ({
         masteryData: T,
         userType: e,
         onChangeLocation: c,
-        onMarkAsFamiliar: x,
+        onMarkAsFamiliar: R,
         onPreview: C,
         onReattempt: P,
         onReset: A,
@@ -138,12 +138,12 @@ const { MASTERY: h, EXTRA_PRACTICE: b, PUZZLE_CARDS: p } = Y, Q = ({
       {
         puzzleCards: n,
         userType: e,
-        onCardClick: R
+        onCardClick: x
       }
     )
   ] });
-};
+}, ue = te;
 export {
-  pe as default
+  ue as default
 };
 //# sourceMappingURL=lpar-milestone-chapter.js.map

package/dist/features/chapters/lpar-milestone-chapter/lpar-milestone-chapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"lpar-milestone-chapter.js","sources":["../../../../src/features/chapters/lpar-milestone-chapter/lpar-milestone-chapter.tsx"],"sourcesContent":["import type { ILPARMilestoneChapter } from './lpar-milestone-chapter-types';\nimport type { FC } from 'react';\n\nimport { useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport ChapterBanner from '../chapter/comps/chapter-banner/chapter-banner';\nimport TabsSection from '../lpar-chapter/comps/tab-section';\nimport { MILESTONE_CHAPTER_TAB_CODES } from '../lpar-chapter/constants';\nimport BlockSection from './block-section/block-section';\nimport ExtraPracticeSection from './extra-practice-section/extra-practice-section';\nimport * as Styled from './lpar-milestone-chapter-styled';\nimport PuzzleSection from './puzzle-section/puzzle-section';\n\nconst { MASTERY, EXTRA_PRACTICE, PUZZLE_CARDS } = MILESTONE_CHAPTER_TAB_CODES;\n\nconst getDefaultTab = ({\n  hasMasteryData,\n  hasExtraPracticeData,\n  hasPuzzleCardData,\n}: {\n  hasMasteryData: boolean;\n  hasExtraPracticeData: boolean;\n  hasPuzzleCardData: boolean;\n}) => {\n  //* If MASTERY is not present, we don't consider looking for Extra Practice.\n  //* Extra Practice is not shown if MASTERY is not present and PUZZLE_CARD is present at the same time.\n  if (!hasMasteryData && hasPuzzleCardData) return PUZZLE_CARDS;\n\n  if (hasMasteryData) return MASTERY;\n\n  if (hasExtraPracticeData) return EXTRA_PRACTICE;\n\n  return PUZZLE_CARDS;\n};\n\nconst getLPARMilestoneChapterTabs = ({\n  hasMasteryData,\n  hasExtraPracticeData,\n  hasPuzzleCardData,\n}: {\n  hasMasteryData: boolean;\n  hasExtraPracticeData: boolean;\n  hasPuzzleCardData: boolean;\n}) => {\n  const TABS = [\n    {\n      key: 'chapter-tab-mastery',\n      label: 'Mastery',\n      value: MASTERY,\n      visible: hasMasteryData,\n    },\n    {\n      key: 'chapter-tab-extra-practice',\n      label: 'Extra practice',\n      value: EXTRA_PRACTICE,\n      visible: hasExtraPracticeData,\n    },\n    {\n      key: 'chapter-tab-puzzle-cards',\n      label: 'Puzzle cards',\n      value: PUZZLE_CARDS,\n      visible: hasPuzzleCardData,\n    },\n  ];\n\n  const showTabs = TABS.filter(tab => tab.visible).length > 1;\n\n  return { TABS, showTabs };\n};\n\nconst LPARMilestoneChapter: FC<ILPARMilestoneChapter> = ({\n  chapterData,\n  userType,\n  loading,\n  ...restLPARMilestoneChapterProps\n}) => {\n  const {\n    onChangeLocation,\n    onCreateExtraPractice,\n    onMarkAsFamiliar,\n    onPreview,\n    onPuzzleCardClick,\n    onReattempt,\n    onReset,\n    onResume,\n    onReview,\n    onStart,\n    onUnassign,\n    onUnlock,\n  } = restLPARMilestoneChapterProps;\n\n  const {\n    image_hue: imageHue,\n    image_url: imageUrl,\n    name: chapterName,\n    tabs,\n    user_chapter_progress: userChapterProgress,\n  } = chapterData;\n  const {\n    mastery: masteryData,\n    puzzle_cards: puzzleData,\n    extra_practice: extraPracticeData,\n  } = tabs;\n\n  const hasMasteryData = masteryData.length > 0;\n  const hasPuzzleCardData = puzzleData.length > 0;\n  const hasExtraPracticeData = extraPracticeData.length > 0;\n\n  const [selectedChapterTab, setSelectedChapterTab] = useState<string>(() =>\n    getDefaultTab({\n      hasMasteryData,\n      hasExtraPracticeData,\n      hasPuzzleCardData,\n    }),\n  );\n\n  const isMasteryTabSelected = selectedChapterTab === MASTERY;\n  const isExtraPracticeTabSelected = selectedChapterTab === EXTRA_PRACTICE;\n  const isPuzzleTabSelected = selectedChapterTab === PUZZLE_CARDS;\n\n  const canViewMastery = hasMasteryData && isMasteryTabSelected;\n  const canViewExtraPractice = hasExtraPracticeData && isExtraPracticeTabSelected;\n  const canViewPuzzleCards = hasPuzzleCardData && isPuzzleTabSelected;\n\n  const { TABS, showTabs } = useMemo(\n    () =>\n      getLPARMilestoneChapterTabs({\n        hasExtraPracticeData: !hasMasteryData && puzzleData ? false : hasExtraPracticeData,\n        hasMasteryData,\n        hasPuzzleCardData,\n      }),\n    [hasMasteryData, hasExtraPracticeData, hasPuzzleCardData, puzzleData],\n  );\n\n  return (\n    <Styled.ChapterWrapper $disablePointerEvents={loading} $flexGapX={1.5}>\n      {loading && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n        </Styled.LoaderWrapper>\n      )}\n      <ChapterBanner\n        backgroundColor={`${imageHue || 'GREY'}_1`}\n        imageUrl={imageUrl}\n        name={chapterName}\n        userChapterProgress={userChapterProgress}\n      />\n\n      {showTabs && (\n        <TabsSection\n          selectedChapterTab={selectedChapterTab}\n          tabs={TABS}\n          setSelectedChapterTab={setSelectedChapterTab}\n        />\n      )}\n\n      {canViewMastery && (\n        <BlockSection\n          masteryData={masteryData}\n          userType={userType}\n          onChangeLocation={onChangeLocation}\n          onMarkAsFamiliar={onMarkAsFamiliar}\n          onPreview={onPreview}\n          onReattempt={onReattempt}\n          onReset={onReset}\n          onResume={onResume}\n          onReview={onReview}\n          onStart={onStart}\n          onUnassign={onUnassign}\n          onUnlock={onUnlock}\n        />\n      )}\n\n      {canViewExtraPractice && (\n        <ExtraPracticeSection\n          extraPracticeData={extraPracticeData}\n          userType={userType}\n          onChangeLocation={onChangeLocation}\n          onCreateExtraPractice={onCreateExtraPractice}\n          onPreview={onPreview}\n          onReattempt={onReattempt}\n          onResume={onResume}\n          onReview={onReview}\n          onStart={onStart}\n          onUnassign={onUnassign}\n          onUnlock={onUnlock}\n        />\n      )}\n\n      {canViewPuzzleCards && (\n        <PuzzleSection\n          puzzleCards={puzzleData}\n          userType={userType}\n          onCardClick={onPuzzleCardClick}\n        />\n      )}\n    </Styled.ChapterWrapper>\n  );\n};\n\nexport default LPARMilestoneChapter;\n"],"names":["MASTERY","EXTRA_PRACTICE","PUZZLE_CARDS","MILESTONE_CHAPTER_TAB_CODES","getDefaultTab","hasMasteryData","hasExtraPracticeData","hasPuzzleCardData","getLPARMilestoneChapterTabs","TABS","showTabs","tab","LPARMilestoneChapter","chapterData","userType","loading","restLPARMilestoneChapterProps","onChangeLocation","onCreateExtraPractice","onMarkAsFamiliar","onPreview","onPuzzleCardClick","onReattempt","onReset","onResume","onReview","onStart","onUnassign","onUnlock","imageHue","imageUrl","chapterName","tabs","userChapterProgress","masteryData","puzzleData","extraPracticeData","selectedChapterTab","setSelectedChapterTab","useState","isMasteryTabSelected","isExtraPracticeTabSelected","isPuzzleTabSelected","canViewMastery","canViewExtraPractice","canViewPuzzleCards","useMemo","Styled.ChapterWrapper","jsx","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","TabsSection","BlockSection","ExtraPracticeSection","PuzzleSection"],"mappings":"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"}
+{"version":3,"file":"lpar-milestone-chapter.js","sources":["../../../../src/features/chapters/lpar-milestone-chapter/lpar-milestone-chapter.tsx"],"sourcesContent":["import type { ILPARMilestoneChapter } from './lpar-milestone-chapter-types';\nimport type { FC } from 'react';\n\nimport { useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport ChapterBanner from '../chapter/comps/chapter-banner/chapter-banner';\nimport TabsSection from '../lpar-chapter/comps/tab-section';\nimport { MILESTONE_CHAPTER_TAB_CODES } from '../lpar-chapter/constants';\nimport BlockSection from './block-section/block-section';\nimport ExtraPracticeSection from './extra-practice-section/extra-practice-section';\nimport * as Styled from './lpar-milestone-chapter-styled';\nimport PuzzleSection from './puzzle-section/puzzle-section';\n\nconst { MASTERY, EXTRA_PRACTICE, PUZZLE_CARDS } = MILESTONE_CHAPTER_TAB_CODES;\n\nconst getDefaultTab = ({\n  hasMasteryData,\n  hasExtraPracticeData,\n  hasPuzzleCardData,\n}: {\n  hasMasteryData: boolean;\n  hasExtraPracticeData: boolean;\n  hasPuzzleCardData: boolean;\n}) => {\n  //* If MASTERY is not present, we don't consider looking for Extra Practice.\n  //* Extra Practice is not shown if MASTERY is not present and PUZZLE_CARD is present at the same time.\n  if (!hasMasteryData && hasPuzzleCardData) return PUZZLE_CARDS;\n\n  if (hasMasteryData) return MASTERY;\n\n  if (hasExtraPracticeData) return EXTRA_PRACTICE;\n\n  return PUZZLE_CARDS;\n};\n\nconst getLPARMilestoneChapterTabs = ({\n  hasMasteryData,\n  hasExtraPracticeData,\n  hasPuzzleCardData,\n}: {\n  hasMasteryData: boolean;\n  hasExtraPracticeData: boolean;\n  hasPuzzleCardData: boolean;\n}) => {\n  const TABS = [\n    {\n      key: 'chapter-tab-mastery',\n      label: 'Mastery',\n      value: MASTERY,\n      visible: hasMasteryData,\n    },\n    {\n      key: 'chapter-tab-extra-practice',\n      label: 'Extra practice',\n      value: EXTRA_PRACTICE,\n      visible: hasExtraPracticeData,\n    },\n    {\n      key: 'chapter-tab-puzzle-cards',\n      label: 'Puzzle cards',\n      value: PUZZLE_CARDS,\n      visible: hasPuzzleCardData,\n    },\n  ];\n\n  const showTabs = TABS.filter(tab => tab.visible).length > 1;\n\n  return { TABS, showTabs };\n};\n\nconst LPARMilestoneChapter: FC<ILPARMilestoneChapter> = ({\n  chapterData,\n  userType,\n  loading,\n  ...restLPARMilestoneChapterProps\n}) => {\n  const {\n    onChangeLocation,\n    onCreateExtraPractice,\n    onMarkAsFamiliar,\n    onPreview,\n    onPuzzleCardClick,\n    onReattempt,\n    onReset,\n    onResume,\n    onReview,\n    onStart,\n    onUnassign,\n    onUnlock,\n  } = restLPARMilestoneChapterProps;\n\n  const {\n    image_hue: imageHue,\n    image_url: imageUrl,\n    name: chapterName,\n    tabs,\n    user_chapter_progress: userChapterProgress,\n  } = chapterData;\n  const {\n    mastery: masteryData,\n    puzzle_cards: puzzleData,\n    extra_practice: extraPracticeData,\n  } = tabs;\n\n  const hasMasteryData = masteryData.length > 0;\n  const hasPuzzleCardData = puzzleData.length > 0;\n  const hasExtraPracticeData = extraPracticeData.length > 0;\n\n  const [selectedChapterTab, setSelectedChapterTab] = useState<string>(() =>\n    getDefaultTab({\n      hasMasteryData,\n      hasExtraPracticeData,\n      hasPuzzleCardData,\n    }),\n  );\n\n  const isMasteryTabSelected = selectedChapterTab === MASTERY;\n  const isExtraPracticeTabSelected = selectedChapterTab === EXTRA_PRACTICE;\n  const isPuzzleTabSelected = selectedChapterTab === PUZZLE_CARDS;\n\n  const canViewMastery = hasMasteryData && isMasteryTabSelected;\n  const canViewExtraPractice = hasExtraPracticeData && isExtraPracticeTabSelected;\n  const canViewPuzzleCards = hasPuzzleCardData && isPuzzleTabSelected;\n\n  const { TABS, showTabs } = useMemo(\n    () =>\n      getLPARMilestoneChapterTabs({\n        hasExtraPracticeData: !hasMasteryData && puzzleData ? false : hasExtraPracticeData,\n        hasMasteryData,\n        hasPuzzleCardData,\n      }),\n    [hasMasteryData, hasExtraPracticeData, hasPuzzleCardData, puzzleData],\n  );\n\n  return (\n    <Styled.ChapterWrapper $disablePointerEvents={loading} $flexGapX={1.5}>\n      {loading && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n        </Styled.LoaderWrapper>\n      )}\n      <ChapterBanner\n        backgroundColor={`${imageHue || 'GREY'}_1`}\n        imageUrl={imageUrl}\n        name={chapterName}\n        userChapterProgress={userChapterProgress}\n      />\n\n      {showTabs && (\n        <TabsSection\n          selectedChapterTab={selectedChapterTab}\n          tabs={TABS}\n          setSelectedChapterTab={setSelectedChapterTab}\n        />\n      )}\n\n      {canViewMastery && (\n        <BlockSection\n          masteryData={masteryData}\n          userType={userType}\n          onChangeLocation={onChangeLocation}\n          onMarkAsFamiliar={onMarkAsFamiliar}\n          onPreview={onPreview}\n          onReattempt={onReattempt}\n          onReset={onReset}\n          onResume={onResume}\n          onReview={onReview}\n          onStart={onStart}\n          onUnassign={onUnassign}\n          onUnlock={onUnlock}\n        />\n      )}\n\n      {canViewExtraPractice && (\n        <ExtraPracticeSection\n          extraPracticeData={extraPracticeData}\n          userType={userType}\n          onChangeLocation={onChangeLocation}\n          onCreateExtraPractice={onCreateExtraPractice}\n          onPreview={onPreview}\n          onReattempt={onReattempt}\n          onResume={onResume}\n          onReview={onReview}\n          onStart={onStart}\n          onUnassign={onUnassign}\n          onUnlock={onUnlock}\n        />\n      )}\n\n      {canViewPuzzleCards && (\n        <PuzzleSection\n          puzzleCards={puzzleData}\n          userType={userType}\n          onCardClick={onPuzzleCardClick}\n        />\n      )}\n    </Styled.ChapterWrapper>\n  );\n};\n\nexport default LPARMilestoneChapter;\n"],"names":["MASTERY","EXTRA_PRACTICE","PUZZLE_CARDS","MILESTONE_CHAPTER_TAB_CODES","getDefaultTab","hasMasteryData","hasExtraPracticeData","hasPuzzleCardData","getLPARMilestoneChapterTabs","TABS","showTabs","tab","LPARMilestoneChapter","chapterData","userType","loading","restLPARMilestoneChapterProps","onChangeLocation","onCreateExtraPractice","onMarkAsFamiliar","onPreview","onPuzzleCardClick","onReattempt","onReset","onResume","onReview","onStart","onUnassign","onUnlock","imageHue","imageUrl","chapterName","tabs","userChapterProgress","masteryData","puzzleData","extraPracticeData","selectedChapterTab","setSelectedChapterTab","useState","isMasteryTabSelected","isExtraPracticeTabSelected","isPuzzleTabSelected","canViewMastery","canViewExtraPractice","canViewPuzzleCards","useMemo","Styled.ChapterWrapper","jsx","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","TabsSection","BlockSection","ExtraPracticeSection","PuzzleSection","LPARMilestoneChapter$1"],"mappings":"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"}

package/dist/features/chapters/lpar-milestone-chapter/puzzle-section/puzzle-card-util.js.map

@@ -1 +1 @@
-{"version":3,"file":"puzzle-card-util.js","sources":["../../../../../src/features/chapters/lpar-milestone-chapter/puzzle-section/puzzle-card-util.ts"],"sourcesContent":["import type { TPuzzleCardBlockStatus } from '../../lpar-chapter/puzzle-section/puzzle-card/puzzle-card-types';\nimport type { TLPARMilestoneSheetData } from '../block-section/sheet-item/sheet-item-types';\n\nimport { SHEET_ATTEMPT_STATE } from '../../../sheets/constants/sheet';\nimport { PUZZLE_CARD_STATE } from '../../lpar-chapter/constants/puzzle-card';\n\ntype TGetPuzzleCarBlockStatus = (sheetData: TLPARMilestoneSheetData) => TPuzzleCardBlockStatus;\n\nconst getPuzzleCardBlockStatus: TGetPuzzleCarBlockStatus = sheetData => {\n  const { attempt_state: attemptState, state } = sheetData;\n\n  if (attemptState && attemptState !== SHEET_ATTEMPT_STATE.WAIT_FOR_END_REVIEW) {\n    return PUZZLE_CARD_STATE[attemptState];\n  }\n\n  if (state !== PUZZLE_CARD_STATE.LOCKED) {\n    return PUZZLE_CARD_STATE.UNLOCKED;\n  }\n\n  return PUZZLE_CARD_STATE.LOCKED;\n};\n\nexport { getPuzzleCardBlockStatus };\n"],"names":["getPuzzleCardBlockStatus","sheetData","attemptState","state","SHEET_ATTEMPT_STATE","PUZZLE_CARD_STATE"],"mappings":";;AAQA,MAAMA,IAAqD,CAAaC,MAAA;AACtE,QAAM,EAAE,eAAeC,GAAc,OAAAC,EAAU,IAAAF;AAE3C,SAAAC,KAAgBA,MAAiBE,EAAoB,sBAChDC,EAAkBH,CAAY,IAGnCC,MAAUE,EAAkB,SACvBA,EAAkB,WAGpBA,EAAkB;AAC3B;"}
+{"version":3,"file":"puzzle-card-util.js","sources":["../../../../../src/features/chapters/lpar-milestone-chapter/puzzle-section/puzzle-card-util.ts"],"sourcesContent":["import type { TPuzzleCardBlockStatus } from '../../lpar-chapter/puzzle-section/puzzle-card/puzzle-card-types';\nimport type { TLPARMilestoneSheetData } from '../block-section/sheet-item/sheet-item-types';\n\nimport { SHEET_ATTEMPT_STATE } from '../../../sheets/constants/sheet';\nimport { PUZZLE_CARD_STATE } from '../../lpar-chapter/constants/puzzle-card';\n\ntype TGetPuzzleCarBlockStatus = (sheetData: TLPARMilestoneSheetData) => TPuzzleCardBlockStatus;\n\nconst getPuzzleCardBlockStatus: TGetPuzzleCarBlockStatus = sheetData => {\n  const { attempt_state: attemptState, state } = sheetData;\n\n  if (attemptState && attemptState !== SHEET_ATTEMPT_STATE.WAIT_FOR_END_REVIEW) {\n    return PUZZLE_CARD_STATE[attemptState];\n  }\n\n  if (state !== PUZZLE_CARD_STATE.LOCKED) {\n    return PUZZLE_CARD_STATE.UNLOCKED;\n  }\n\n  return PUZZLE_CARD_STATE.LOCKED;\n};\n\nexport { getPuzzleCardBlockStatus };\n"],"names":["getPuzzleCardBlockStatus","sheetData","attemptState","state","SHEET_ATTEMPT_STATE","PUZZLE_CARD_STATE"],"mappings":";;AAQA,MAAMA,IAAqD,CAAaC,MAAA;AACtE,QAAM,EAAE,eAAeC,GAAc,OAAAC,EAAA,IAAUF;AAE3C,SAAAC,KAAgBA,MAAiBE,EAAoB,sBAChDC,EAAkBH,CAAY,IAGnCC,MAAUE,EAAkB,SACvBA,EAAkB,WAGpBA,EAAkB;AAC3B;"}

package/dist/features/chapters/lpar-milestone-chapter/puzzle-section/puzzle-card.js

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { useCallback as L } from "react";
 import A from "../../../ui/layout/flex-view.js";
 import m from "../../../ui/text/text.js";
-import { PUZZLE_CARD_IMAGES as E, PUZZLE_CARD_STATE as o, PUZZLE_CARD_STATE_BASED_COLOR as P } from "../../lpar-chapter/constants/puzzle-card.js";
+import { PUZZLE_CARD_STATE as o, PUZZLE_CARD_IMAGES as E, PUZZLE_CARD_STATE_BASED_COLOR as P } from "../../lpar-chapter/constants/puzzle-card.js";
 import f from "../../lpar-chapter/puzzle-section/puzzle-card/cue-coins.js";
 import { PuzzleCardOverView as T, HeaderText as w, ColoredLine as y, StyledText as O, BadgeCompleted as _, CueCoinWrapper as x } from "../../lpar-chapter/puzzle-section/puzzle-card/puzzle-card-styled.js";
 import { getRewardCoins as b } from "../../lpar-chapter/puzzle-section/puzzle-section-utils.js";

package/dist/features/chapters/lpar-milestone-chapter/puzzle-section/puzzle-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"puzzle-card.js","sources":["../../../../../src/features/chapters/lpar-milestone-chapter/puzzle-section/puzzle-card.tsx"],"sourcesContent":["import type { IPuzzleCard } from './puzzle-section-types';\nimport type { FC } from 'react';\n\nimport { useCallback } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport {\n  PUZZLE_CARD_IMAGES,\n  PUZZLE_CARD_STATE,\n  PUZZLE_CARD_STATE_BASED_COLOR,\n} from '../../lpar-chapter/constants/puzzle-card';\nimport CueCoins from '../../lpar-chapter/puzzle-section/puzzle-card/cue-coins';\nimport {\n  PuzzleCardOverView,\n  HeaderText,\n  ColoredLine,\n  StyledText,\n  BadgeCompleted,\n  CueCoinWrapper,\n} from '../../lpar-chapter/puzzle-section/puzzle-card/puzzle-card-styled';\nimport { getRewardCoins } from '../../lpar-chapter/puzzle-section/puzzle-section-utils';\nimport { getPuzzleCardBlockStatus } from './puzzle-card-util';\n\nconst PuzzleCard: FC<IPuzzleCard> = ({ blockId, programId, puzzleNo, ...restPuzzleCardProps }) => {\n  const { sheetData, onCardClick } = restPuzzleCardProps;\n\n  const blockStatus = getPuzzleCardBlockStatus(sheetData);\n  const rewardCoins = getRewardCoins(sheetData);\n\n  const { node_type: nodeType, title } = sheetData;\n  const state = !blockStatus ? PUZZLE_CARD_STATE.LOCKED : PUZZLE_CARD_STATE[blockStatus];\n  const cardImage =\n    PUZZLE_CARD_IMAGES[nodeType as keyof typeof PUZZLE_CARD_IMAGES] ??\n    PUZZLE_CARD_IMAGES.PUZZLE_EASY;\n  const puzzleStatus = PUZZLE_CARD_STATE_BASED_COLOR[state];\n  const isLocked = state === PUZZLE_CARD_STATE.LOCKED;\n\n  const handleOnClick = useCallback(() => {\n    if (isLocked) return null;\n\n    if (typeof onCardClick !== 'function') {\n      throw new Error('onCardClick is not a function');\n    }\n\n    onCardClick(sheetData, {\n      blockStatus: blockStatus,\n      chapterName: puzzleNo,\n      blockId,\n      programId,\n    });\n  }, [blockId, blockStatus, onCardClick, programId, puzzleNo, sheetData, isLocked]);\n\n  return (\n    <PuzzleCardOverView\n      $widthX={12.5}\n      $heightX={17.125}\n      $gutterX={1.5625}\n      $gapX={1.5625}\n      $bgImage={cardImage}\n      $borderRadius={8}\n      $opacity={state === PUZZLE_CARD_STATE.LOCKED ? 0.6 : 1}\n      onClick={handleOnClick}\n      $disable={isLocked}\n    >\n      <HeaderText\n        $widthX={6.6875}\n        $color={puzzleStatus?.textColor}\n        $bgColor={puzzleStatus?.background}\n        $renderAs=\"eyebrow2\"\n        $align=\"center\"\n      >\n        {state}\n      </HeaderText>\n\n      <ColoredLine />\n\n      <Text $renderAs=\"body3\" $color=\"WHITE\" $align=\"center\">\n        Puzzle {puzzleNo}\n      </Text>\n\n      <StyledText\n        $renderAs=\"body1Medium\"\n        $completed={state === PUZZLE_CARD_STATE.COMPLETED}\n        $color=\"WHITE\"\n        $align=\"center\"\n      >\n        {title}\n      </StyledText>\n\n      {state === PUZZLE_CARD_STATE.COMPLETED && (\n        <BadgeCompleted $justifyContent=\"center\">\n          <Text $renderAs=\"cta3\" $color=\"BLUE_6\" $opacity={0.5} $align=\"center\">\n            YOU EARNED\n          </Text>\n          <FlexView $flexDirection=\"row\" $justifyContent=\"center\">\n            <CueCoins coins={rewardCoins} size=\"small\" />\n          </FlexView>\n        </BadgeCompleted>\n      )}\n\n      {state !== PUZZLE_CARD_STATE.COMPLETED && state !== PUZZLE_CARD_STATE.SKIPPED && (\n        <CueCoinWrapper $flexDirection=\"row\" $justifyContent=\"center\" $width=\"100%\">\n          <CueCoins coins={rewardCoins} size=\"medium\" />\n        </CueCoinWrapper>\n      )}\n    </PuzzleCardOverView>\n  );\n};\n\nexport default PuzzleCard;\n"],"names":["PuzzleCard","blockId","programId","puzzleNo","restPuzzleCardProps","sheetData","onCardClick","blockStatus","getPuzzleCardBlockStatus","rewardCoins","getRewardCoins","nodeType","title","state","PUZZLE_CARD_STATE","cardImage","PUZZLE_CARD_IMAGES","puzzleStatus","PUZZLE_CARD_STATE_BASED_COLOR","isLocked","handleOnClick","useCallback","jsxs","PuzzleCardOverView","jsx","HeaderText","ColoredLine","Text","StyledText","BadgeCompleted","FlexView","CueCoins","CueCoinWrapper"],"mappings":";;;;;;;;;AAwBM,MAAAA,IAA8B,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,UAAAC,GAAU,GAAGC,QAA0B;AAC1F,QAAA,EAAE,WAAAC,GAAW,aAAAC,EAAA,IAAgBF,GAE7BG,IAAcC,EAAyBH,CAAS,GAChDI,IAAcC,EAAeL,CAAS,GAEtC,EAAE,WAAWM,GAAU,OAAAC,EAAU,IAAAP,GACjCQ,IAASN,IAAyCO,EAAkBP,CAAW,IAAxDO,EAAkB,QACzCC,IACJC,EAAmBL,CAA2C,KAC9DK,EAAmB,aACfC,IAAeC,EAA8BL,CAAK,GAClDM,IAAWN,MAAUC,EAAkB,QAEvCM,IAAgBC,EAAY,MAAM;AACtC,QAAIF,EAAiB,QAAA;AAEjB,QAAA,OAAOb,KAAgB;AACnB,YAAA,IAAI,MAAM,+BAA+B;AAGjD,IAAAA,EAAYD,GAAW;AAAA,MACrB,aAAAE;AAAA,MACA,aAAaJ;AAAA,MACb,SAAAF;AAAA,MACA,WAAAC;AAAA,IAAA,CACD;AAAA,EAAA,GACA,CAACD,GAASM,GAAaD,GAAaJ,GAAWC,GAAUE,GAAWc,CAAQ,CAAC;AAG9E,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAUR;AAAA,MACV,eAAe;AAAA,MACf,UAAUF,MAAUC,EAAkB,SAAS,MAAM;AAAA,MACrD,SAASM;AAAA,MACT,UAAUD;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,QAAQR,KAAA,gBAAAA,EAAc;AAAA,YACtB,UAAUA,KAAA,gBAAAA,EAAc;AAAA,YACxB,WAAU;AAAA,YACV,QAAO;AAAA,YAEN,UAAAJ;AAAA,UAAA;AAAA,QACH;AAAA,0BAECa,GAAY,EAAA;AAAA,0BAEZC,GAAK,EAAA,WAAU,SAAQ,QAAO,SAAQ,QAAO,UAAS,UAAA;AAAA,UAAA;AAAA,UAC7CxB;AAAA,QAAA,GACV;AAAA,QAEA,gBAAAqB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,YAAYf,MAAUC,EAAkB;AAAA,YACxC,QAAO;AAAA,YACP,QAAO;AAAA,YAEN,UAAAF;AAAA,UAAA;AAAA,QACH;AAAA,QAECC,MAAUC,EAAkB,aAC1B,gBAAAQ,EAAAO,GAAA,EAAe,iBAAgB,UAC9B,UAAA;AAAA,UAAC,gBAAAL,EAAAG,GAAA,EAAK,WAAU,QAAO,QAAO,UAAS,UAAU,KAAK,QAAO,UAAS,UAEtE,aAAA,CAAA;AAAA,UACC,gBAAAH,EAAAM,GAAA,EAAS,gBAAe,OAAM,iBAAgB,UAC7C,UAAC,gBAAAN,EAAAO,GAAA,EAAS,OAAOtB,GAAa,MAAK,QAAA,CAAQ,EAC7C,CAAA;AAAA,QAAA,GACF;AAAA,QAGDI,MAAUC,EAAkB,aAAaD,MAAUC,EAAkB,WACpE,gBAAAU,EAACQ,KAAe,gBAAe,OAAM,iBAAgB,UAAS,QAAO,QACnE,UAAC,gBAAAR,EAAAO,GAAA,EAAS,OAAOtB,GAAa,MAAK,SAAS,CAAA,EAC9C,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"puzzle-card.js","sources":["../../../../../src/features/chapters/lpar-milestone-chapter/puzzle-section/puzzle-card.tsx"],"sourcesContent":["import type { IPuzzleCard } from './puzzle-section-types';\nimport type { FC } from 'react';\n\nimport { useCallback } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport {\n  PUZZLE_CARD_IMAGES,\n  PUZZLE_CARD_STATE,\n  PUZZLE_CARD_STATE_BASED_COLOR,\n} from '../../lpar-chapter/constants/puzzle-card';\nimport CueCoins from '../../lpar-chapter/puzzle-section/puzzle-card/cue-coins';\nimport {\n  PuzzleCardOverView,\n  HeaderText,\n  ColoredLine,\n  StyledText,\n  BadgeCompleted,\n  CueCoinWrapper,\n} from '../../lpar-chapter/puzzle-section/puzzle-card/puzzle-card-styled';\nimport { getRewardCoins } from '../../lpar-chapter/puzzle-section/puzzle-section-utils';\nimport { getPuzzleCardBlockStatus } from './puzzle-card-util';\n\nconst PuzzleCard: FC<IPuzzleCard> = ({ blockId, programId, puzzleNo, ...restPuzzleCardProps }) => {\n  const { sheetData, onCardClick } = restPuzzleCardProps;\n\n  const blockStatus = getPuzzleCardBlockStatus(sheetData);\n  const rewardCoins = getRewardCoins(sheetData);\n\n  const { node_type: nodeType, title } = sheetData;\n  const state = !blockStatus ? PUZZLE_CARD_STATE.LOCKED : PUZZLE_CARD_STATE[blockStatus];\n  const cardImage =\n    PUZZLE_CARD_IMAGES[nodeType as keyof typeof PUZZLE_CARD_IMAGES] ??\n    PUZZLE_CARD_IMAGES.PUZZLE_EASY;\n  const puzzleStatus = PUZZLE_CARD_STATE_BASED_COLOR[state];\n  const isLocked = state === PUZZLE_CARD_STATE.LOCKED;\n\n  const handleOnClick = useCallback(() => {\n    if (isLocked) return null;\n\n    if (typeof onCardClick !== 'function') {\n      throw new Error('onCardClick is not a function');\n    }\n\n    onCardClick(sheetData, {\n      blockStatus: blockStatus,\n      chapterName: puzzleNo,\n      blockId,\n      programId,\n    });\n  }, [blockId, blockStatus, onCardClick, programId, puzzleNo, sheetData, isLocked]);\n\n  return (\n    <PuzzleCardOverView\n      $widthX={12.5}\n      $heightX={17.125}\n      $gutterX={1.5625}\n      $gapX={1.5625}\n      $bgImage={cardImage}\n      $borderRadius={8}\n      $opacity={state === PUZZLE_CARD_STATE.LOCKED ? 0.6 : 1}\n      onClick={handleOnClick}\n      $disable={isLocked}\n    >\n      <HeaderText\n        $widthX={6.6875}\n        $color={puzzleStatus?.textColor}\n        $bgColor={puzzleStatus?.background}\n        $renderAs=\"eyebrow2\"\n        $align=\"center\"\n      >\n        {state}\n      </HeaderText>\n\n      <ColoredLine />\n\n      <Text $renderAs=\"body3\" $color=\"WHITE\" $align=\"center\">\n        Puzzle {puzzleNo}\n      </Text>\n\n      <StyledText\n        $renderAs=\"body1Medium\"\n        $completed={state === PUZZLE_CARD_STATE.COMPLETED}\n        $color=\"WHITE\"\n        $align=\"center\"\n      >\n        {title}\n      </StyledText>\n\n      {state === PUZZLE_CARD_STATE.COMPLETED && (\n        <BadgeCompleted $justifyContent=\"center\">\n          <Text $renderAs=\"cta3\" $color=\"BLUE_6\" $opacity={0.5} $align=\"center\">\n            YOU EARNED\n          </Text>\n          <FlexView $flexDirection=\"row\" $justifyContent=\"center\">\n            <CueCoins coins={rewardCoins} size=\"small\" />\n          </FlexView>\n        </BadgeCompleted>\n      )}\n\n      {state !== PUZZLE_CARD_STATE.COMPLETED && state !== PUZZLE_CARD_STATE.SKIPPED && (\n        <CueCoinWrapper $flexDirection=\"row\" $justifyContent=\"center\" $width=\"100%\">\n          <CueCoins coins={rewardCoins} size=\"medium\" />\n        </CueCoinWrapper>\n      )}\n    </PuzzleCardOverView>\n  );\n};\n\nexport default PuzzleCard;\n"],"names":["PuzzleCard","blockId","programId","puzzleNo","restPuzzleCardProps","sheetData","onCardClick","blockStatus","getPuzzleCardBlockStatus","rewardCoins","getRewardCoins","nodeType","title","state","PUZZLE_CARD_STATE","cardImage","PUZZLE_CARD_IMAGES","puzzleStatus","PUZZLE_CARD_STATE_BASED_COLOR","isLocked","handleOnClick","useCallback","jsxs","PuzzleCardOverView","jsx","HeaderText","ColoredLine","Text","StyledText","BadgeCompleted","FlexView","CueCoins","CueCoinWrapper"],"mappings":";;;;;;;;;AAwBM,MAAAA,IAA8B,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,UAAAC,GAAU,GAAGC,QAA0B;AAC1F,QAAA,EAAE,WAAAC,GAAW,aAAAC,EAAgB,IAAAF,GAE7BG,IAAcC,EAAyBH,CAAS,GAChDI,IAAcC,EAAeL,CAAS,GAEtC,EAAE,WAAWM,GAAU,OAAAC,EAAA,IAAUP,GACjCQ,IAASN,IAAyCO,EAAkBP,CAAW,IAAxDO,EAAkB,QACzCC,IACJC,EAAmBL,CAA2C,KAC9DK,EAAmB,aACfC,IAAeC,EAA8BL,CAAK,GAClDM,IAAWN,MAAUC,EAAkB,QAEvCM,IAAgBC,EAAY,MAAM;AACtC,QAAIF,EAAiB,QAAA;AAEjB,QAAA,OAAOb,KAAgB;AACnB,YAAA,IAAI,MAAM,+BAA+B;AAGjD,IAAAA,EAAYD,GAAW;AAAA,MACrB,aAAAE;AAAA,MACA,aAAaJ;AAAA,MACb,SAAAF;AAAA,MACA,WAAAC;AAAA,IAAA,CACD;AAAA,EAAA,GACA,CAACD,GAASM,GAAaD,GAAaJ,GAAWC,GAAUE,GAAWc,CAAQ,CAAC;AAG9E,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAUR;AAAA,MACV,eAAe;AAAA,MACf,UAAUF,MAAUC,EAAkB,SAAS,MAAM;AAAA,MACrD,SAASM;AAAA,MACT,UAAUD;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,QAAQR,KAAA,gBAAAA,EAAc;AAAA,YACtB,UAAUA,KAAA,gBAAAA,EAAc;AAAA,YACxB,WAAU;AAAA,YACV,QAAO;AAAA,YAEN,UAAAJ;AAAA,UAAA;AAAA,QACH;AAAA,0BAECa,GAAY,EAAA;AAAA,0BAEZC,GAAK,EAAA,WAAU,SAAQ,QAAO,SAAQ,QAAO,UAAS,UAAA;AAAA,UAAA;AAAA,UAC7CxB;AAAA,QAAA,GACV;AAAA,QAEA,gBAAAqB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,YAAYf,MAAUC,EAAkB;AAAA,YACxC,QAAO;AAAA,YACP,QAAO;AAAA,YAEN,UAAAF;AAAA,UAAA;AAAA,QACH;AAAA,QAECC,MAAUC,EAAkB,aAC1B,gBAAAQ,EAAAO,GAAA,EAAe,iBAAgB,UAC9B,UAAA;AAAA,UAAC,gBAAAL,EAAAG,GAAA,EAAK,WAAU,QAAO,QAAO,UAAS,UAAU,KAAK,QAAO,UAAS,UAEtE,aAAA,CAAA;AAAA,UACC,gBAAAH,EAAAM,GAAA,EAAS,gBAAe,OAAM,iBAAgB,UAC7C,UAAC,gBAAAN,EAAAO,GAAA,EAAS,OAAOtB,GAAa,MAAK,QAAQ,CAAA,GAC7C;AAAA,QAAA,GACF;AAAA,QAGDI,MAAUC,EAAkB,aAAaD,MAAUC,EAAkB,WACpE,gBAAAU,EAACQ,KAAe,gBAAe,OAAM,iBAAgB,UAAS,QAAO,QACnE,UAAC,gBAAAR,EAAAO,GAAA,EAAS,OAAOtB,GAAa,MAAK,UAAS,EAC9C,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/features/chapters/lpar-milestone-chapter/puzzle-section/puzzle-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"puzzle-section.js","sources":["../../../../../src/features/chapters/lpar-milestone-chapter/puzzle-section/puzzle-section.tsx"],"sourcesContent":["import type { IPuzzleSection } from './puzzle-section-types';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport {\n  PuzzleSectionTitle,\n  PuzzleSheetsContainer,\n} from '../../lpar-chapter/puzzle-section/puzzle-section-styled';\nimport PuzzleCard from './puzzle-card';\n\nconst PuzzleSection: FC<IPuzzleSection> = ({ puzzleCards, onCardClick }) => {\n  if (!puzzleCards) return null;\n\n  return (\n    <FlexView>\n      <FlexView $flexGapX={1.25}>\n        {puzzleCards.map(({ blocks, section_code: sectionCode }) => {\n          return (\n            <FlexView key={`puzzle-${sectionCode}`} $flexGapX={1.5}>\n              {blocks.map(block => {\n                const { id: blockId, name: blockName, program_id: programId, sheets } = block;\n\n                return (\n                  <FlexView key={blockId}>\n                    <PuzzleSectionTitle $renderAs=\"eyebrow2\">{blockName}</PuzzleSectionTitle>\n\n                    <PuzzleSheetsContainer>\n                      {sheets.map((sheet, idx) => {\n                        return (\n                          <PuzzleCard\n                            blockId={blockId}\n                            key={sheet.node_id}\n                            onCardClick={onCardClick}\n                            programId={programId}\n                            puzzleNo={idx + 1}\n                            sheetData={sheet}\n                          />\n                        );\n                      })}\n                    </PuzzleSheetsContainer>\n                  </FlexView>\n                );\n              })}\n            </FlexView>\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default PuzzleSection;\n"],"names":["PuzzleSection","puzzleCards","onCardClick","jsx","FlexView","blocks","sectionCode","block","blockId","blockName","programId","sheets","PuzzleSectionTitle","PuzzleSheetsContainer","sheet","idx","PuzzleCard"],"mappings":";;;;AAUA,MAAMA,IAAoC,CAAC,EAAE,aAAAC,GAAa,aAAAC,QACnDD,IAGF,gBAAAE,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAC,GAAA,EAAS,WAAW,MAClB,UAAYH,EAAA,IAAI,CAAC,EAAE,QAAAI,GAAQ,cAAcC,0BAErCF,GAAuC,EAAA,WAAW,KAChD,UAAAC,EAAO,IAAI,CAASE,MAAA;AACb,QAAA,EAAE,IAAIC,GAAS,MAAMC,GAAW,YAAYC,GAAW,QAAAC,MAAWJ;AAExE,2BACGH,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAD,EAAAS,GAAA,EAAmB,WAAU,YAAY,UAAUH,GAAA;AAAA,sBAEnDI,GACE,EAAA,UAAAF,EAAO,IAAI,CAACG,GAAOC,MAEhB,gBAAAZ;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,SAAAR;AAAA,QAEA,aAAAN;AAAA,QACA,WAAAQ;AAAA,QACA,UAAUK,IAAM;AAAA,QAChB,WAAWD;AAAA,MAAA;AAAA,MAJNA,EAAM;AAAA,IAKb,CAEH,EACH,CAAA;AAAA,EAAA,EAAA,GAhBaN,CAiBf;AAEH,CAAA,KAxBY,UAAUF,CAAW,EAyBpC,CAEH,GACH,EACF,CAAA,IApCuB;"}
+{"version":3,"file":"puzzle-section.js","sources":["../../../../../src/features/chapters/lpar-milestone-chapter/puzzle-section/puzzle-section.tsx"],"sourcesContent":["import type { IPuzzleSection } from './puzzle-section-types';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport {\n  PuzzleSectionTitle,\n  PuzzleSheetsContainer,\n} from '../../lpar-chapter/puzzle-section/puzzle-section-styled';\nimport PuzzleCard from './puzzle-card';\n\nconst PuzzleSection: FC<IPuzzleSection> = ({ puzzleCards, onCardClick }) => {\n  if (!puzzleCards) return null;\n\n  return (\n    <FlexView>\n      <FlexView $flexGapX={1.25}>\n        {puzzleCards.map(({ blocks, section_code: sectionCode }) => {\n          return (\n            <FlexView key={`puzzle-${sectionCode}`} $flexGapX={1.5}>\n              {blocks.map(block => {\n                const { id: blockId, name: blockName, program_id: programId, sheets } = block;\n\n                return (\n                  <FlexView key={blockId}>\n                    <PuzzleSectionTitle $renderAs=\"eyebrow2\">{blockName}</PuzzleSectionTitle>\n\n                    <PuzzleSheetsContainer>\n                      {sheets.map((sheet, idx) => {\n                        return (\n                          <PuzzleCard\n                            blockId={blockId}\n                            key={sheet.node_id}\n                            onCardClick={onCardClick}\n                            programId={programId}\n                            puzzleNo={idx + 1}\n                            sheetData={sheet}\n                          />\n                        );\n                      })}\n                    </PuzzleSheetsContainer>\n                  </FlexView>\n                );\n              })}\n            </FlexView>\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default PuzzleSection;\n"],"names":["PuzzleSection","puzzleCards","onCardClick","jsx","FlexView","blocks","sectionCode","block","blockId","blockName","programId","sheets","PuzzleSectionTitle","PuzzleSheetsContainer","sheet","idx","PuzzleCard"],"mappings":";;;;AAUA,MAAMA,IAAoC,CAAC,EAAE,aAAAC,GAAa,aAAAC,QACnDD,IAGF,gBAAAE,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAC,GAAA,EAAS,WAAW,MAClB,UAAYH,EAAA,IAAI,CAAC,EAAE,QAAAI,GAAQ,cAAcC,0BAErCF,GAAuC,EAAA,WAAW,KAChD,UAAAC,EAAO,IAAI,CAASE,MAAA;AACb,QAAA,EAAE,IAAIC,GAAS,MAAMC,GAAW,YAAYC,GAAW,QAAAC,EAAW,IAAAJ;AAExE,2BACGH,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAD,EAAAS,GAAA,EAAmB,WAAU,YAAY,UAAUH,GAAA;AAAA,sBAEnDI,GACE,EAAA,UAAAF,EAAO,IAAI,CAACG,GAAOC,MAEhB,gBAAAZ;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,SAAAR;AAAA,QAEA,aAAAN;AAAA,QACA,WAAAQ;AAAA,QACA,UAAUK,IAAM;AAAA,QAChB,WAAWD;AAAA,MAAA;AAAA,MAJNA,EAAM;AAAA,IAAA,CAOhB,GACH;AAAA,EAAA,EAAA,GAhBaN,CAiBf;AAEH,CAAA,EAAA,GAxBY,UAAUF,CAAW,EAyBpC,CAEH,GACH,EACF,CAAA,IApCuB;"}

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

@@ -1 +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,EACnC,MAAA,GAAGC,CAAa,UAAUD,CAAS,kBAAkBF,CAAa;AACtE,CAAC;"}
+{"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.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 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  onNodeAssignAsHomework,\n  onNodeMarkAsDone,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeView,\n  onBlockSkipUnskip,\n  onNodeUnassign,\n  onNodeUnlock,\n  onNodeSkipUnSkip,\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 All',\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 ? `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 && (\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={18} height={18} />\n                </Styled.BlockOptionsWrapper>\n              }\n              menuElement={<NodeMenuOptions options={menuOptions} />}\n              menuOffset={5}\n              menuZIndex={4}\n            />\n          )}\n        </FlexView>\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      </FlexView>\n    </Styled.BlockSectionWrapper>\n  );\n};\n\nexport default BlockSectionView;\n"],"names":["BlockSectionView","userType","imageHue","blockData","lessonIdx","isLastBlock","isGoalBlock","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","onNodeUnassign","onNodeUnlock","onNodeSkipUnSkip","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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"}
+{"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  onNodeAssignAsHomework,\n  onNodeMarkAsDone,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeView,\n  onBlockSkipUnskip,\n  onNodeUnassign,\n  onNodeUnlock,\n  onNodeSkipUnSkip,\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 All',\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 ? `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 && (\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={18} height={18} />\n                </Styled.BlockOptionsWrapper>\n              }\n              menuElement={<NodeMenuOptions options={menuOptions} />}\n              menuOffset={5}\n              menuZIndex={4}\n            />\n          )}\n        </FlexView>\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      </FlexView>\n    </Styled.BlockSectionWrapper>\n  );\n};\n\nexport default BlockSectionView;\n"],"names":["BlockSectionView","userType","imageHue","blockData","lessonIdx","isLastBlock","isGoalBlock","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","onNodeUnassign","onNodeUnlock","onNodeSkipUnSkip","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.js.map

@@ -1 +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 { blocks, imageHue, userType, coreBlocksRef, ...blockSectionCallBacks } = 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 ? `WHITE_1` : 'WHITE_3'}\n    >\n      <div ref={coreBlocksRef}>\n        {goalBlocks.map((blockData, idx) => {\n          const { block_type: blockType, block_id: blockId, permissions } = blockData;\n          let lessonIdx = 0;\n\n          const isLastBlock = idx === goalBlocks.length - 1;\n\n          if (blockType === 'GOAL') {\n            if (!permissions.can_un_skip) {\n              lessonCount += 1;\n            }\n\n            lessonIdx = lessonCount;\n          }\n\n          return (\n            <BlockSectionView\n              blockData={blockData}\n              userType={userType}\n              isLastBlock={isLastBlock}\n              key={blockId}\n              lessonIdx={lessonIdx}\n              imageHue={imageHue}\n              isGoalBlock\n              {...blockSectionCallBacks}\n            />\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            {...blockSectionCallBacks}\n          />\n        );\n      })}\n    </Styled.ChapterDetailsWrapper>\n  );\n});\n\nexport default BlockSections;\n"],"names":["BlockSections","memo","props","blocks","imageHue","userType","coreBlocksRef","blockSectionCallBacks","lessonCount","goalBlocks","nonGoalBlocks","useMemo","acc","block","jsxs","Styled.ChapterDetailsWrapper","jsx","blockData","idx","blockType","blockId","permissions","lessonIdx","isLastBlock","BlockSectionView"],"mappings":";;;;AAQM,MAAAA,IAAyCC,EAAK,CAASC,MAAA;AAC3D,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,eAAAC,GAAe,GAAGC,MAA0BL;AAEhF,MAAIM,IAAc;AAEZ,QAAA,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC;AAAA,IACpC,MACER,EAAO;AAAA,MACL,CAACS,GAAKC,OACAA,EAAM,iBAAiB,WAAWA,EAAM,iBAAiB,cACvDD,EAAA,WAAW,KAAKC,CAAK,IAErBD,EAAA,cAAc,KAAKC,CAAK,GAGvBD;AAAA,MAET,EAAE,YAAY,IAAqB,eAAe,CAAoB,EAAA;AAAA,IACxE;AAAA,IACF,CAACT,CAAM;AAAA,EACT;AAGE,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,aAAcL,EAAc,SAAqB,YAAZ;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAM,EAAC,SAAI,KAAKV,GACP,YAAW,IAAI,CAACW,GAAWC,MAAQ;AAClC,gBAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,aAAAC,MAAgBJ;AAClE,cAAIK,IAAY;AAEV,gBAAAC,IAAcL,MAAQT,EAAW,SAAS;AAEhD,iBAAIU,MAAc,WACXE,EAAY,gBACAb,KAAA,IAGLc,IAAAd,IAIZ,gBAAAQ;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAAP;AAAA,cACA,UAAAZ;AAAA,cACA,aAAAkB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAAlB;AAAA,cACA,aAAW;AAAA,cACV,GAAGG;AAAA,YAAA;AAAA,YAJCa;AAAA,UAKP;AAAA,QAEH,CAAA,GACH;AAAA,QAECV,EAAc,IAAI,CAAaO,MAAA;AACxB,gBAAA,EAAE,UAAUG,EAAA,IAAYH;AAG5B,iBAAA,gBAAAD;AAAA,YAACQ;AAAA,YAAA;AAAA,cAEC,WAAAP;AAAA,cACA,UAAAZ;AAAA,cACA,UAAAD;AAAA,cACC,GAAGG;AAAA,YAAA;AAAA,YAJCa;AAAA,UAKP;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ,CAAC;"}
+{"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 { blocks, imageHue, userType, coreBlocksRef, ...blockSectionCallBacks } = 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 ? `WHITE_1` : 'WHITE_3'}\n    >\n      <div ref={coreBlocksRef}>\n        {goalBlocks.map((blockData, idx) => {\n          const { block_type: blockType, block_id: blockId, permissions } = blockData;\n          let lessonIdx = 0;\n\n          const isLastBlock = idx === goalBlocks.length - 1;\n\n          if (blockType === 'GOAL') {\n            if (!permissions.can_un_skip) {\n              lessonCount += 1;\n            }\n\n            lessonIdx = lessonCount;\n          }\n\n          return (\n            <BlockSectionView\n              blockData={blockData}\n              userType={userType}\n              isLastBlock={isLastBlock}\n              key={blockId}\n              lessonIdx={lessonIdx}\n              imageHue={imageHue}\n              isGoalBlock\n              {...blockSectionCallBacks}\n            />\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            {...blockSectionCallBacks}\n          />\n        );\n      })}\n    </Styled.ChapterDetailsWrapper>\n  );\n});\n\nexport default BlockSections;\n"],"names":["BlockSections","memo","props","blocks","imageHue","userType","coreBlocksRef","blockSectionCallBacks","lessonCount","goalBlocks","nonGoalBlocks","useMemo","acc","block","jsxs","Styled.ChapterDetailsWrapper","jsx","blockData","idx","blockType","blockId","permissions","lessonIdx","isLastBlock","BlockSectionView"],"mappings":";;;;AAQM,MAAAA,IAAyCC,EAAK,CAASC,MAAA;AAC3D,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,eAAAC,GAAe,GAAGC,EAA0B,IAAAL;AAEhF,MAAIM,IAAc;AAEZ,QAAA,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC;AAAA,IACpC,MACER,EAAO;AAAA,MACL,CAACS,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,CAACT,CAAM;AAAA,EAAA;AAIP,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,aAAcL,EAAc,SAAqB,YAAZ;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAM,EAAC,SAAI,KAAKV,GACP,YAAW,IAAI,CAACW,GAAWC,MAAQ;AAClC,gBAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,aAAAC,EAAgB,IAAAJ;AAClE,cAAIK,IAAY;AAEV,gBAAAC,IAAcL,MAAQT,EAAW,SAAS;AAEhD,iBAAIU,MAAc,WACXE,EAAY,gBACAb,KAAA,IAGLc,IAAAd,IAIZ,gBAAAQ;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAAP;AAAA,cACA,UAAAZ;AAAA,cACA,aAAAkB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAAlB;AAAA,cACA,aAAW;AAAA,cACV,GAAGG;AAAA,YAAA;AAAA,YAJCa;AAAA,UAAA;AAAA,QAOV,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,UAAAZ;AAAA,cACA,UAAAD;AAAA,cACC,GAAGG;AAAA,YAAA;AAAA,YAJCa;AAAA,UAAA;AAAA,QAKP,CAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -1 +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\nconst LottieAnimationWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: absolute;\n    transform: translate(-2.5px, -2.5px);\n    width: 112px;\n    height: 112px;\n    z-index: ${theme.zIndex.CHAPTER_COMPLETED_LOTTIE};\n  `;\n});\n\nexport {\n  BannerContainer,\n  BannerContainerBg,\n  BannerImageWrapper,\n  BannerImage,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n  BannerTitleWrapper,\n  StyledImportantIcon,\n  StyledCheckIcon,\n  LottieAnimationWrapper,\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","LottieAnimationWrapper"],"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,MAAWD,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,EAAA,IAAWR,GACrB,EAAE,SAAAS,MAAYF,GACd,EAAE,QAAAN,MAAWO,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,EAAA;AAIrC,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,MAAWD,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;AAEuBL,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AAC1C,QAAA,EAAE,QAAAQ,MAAWR;AAEZ,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMIQ,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAGlC,CAAC;AAED,MAAMS,IAAyBrB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QAC1C;AAAA;AAAA;AAAA;AAAA;AAAA,eAKMA,EAAM,OAAO,wBAAwB;AAAA,GAEnD;"}
+{"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\nconst LottieAnimationWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: absolute;\n    transform: translate(-2.5px, -2.5px);\n    width: 112px;\n    height: 112px;\n    z-index: ${theme.zIndex.CHAPTER_COMPLETED_LOTTIE};\n  `;\n});\n\nexport {\n  BannerContainer,\n  BannerContainerBg,\n  BannerImageWrapper,\n  BannerImage,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n  BannerTitleWrapper,\n  StyledImportantIcon,\n  StyledCheckIcon,\n  LottieAnimationWrapper,\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","LottieAnimationWrapper"],"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;AAEuBL,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;AAED,MAAMS,IAAyBrB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QAC1C;AAAA;AAAA;AAAA;AAAA;AAAA,eAKMA,EAAM,OAAO,wBAAwB;AAAA,GAEnD;"}

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

@@ -1 +1 @@
-{"version":3,"file":"chapter-banner.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { IChapterBannerProps } from './chapter-banner-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo, useRef } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\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\nconst sheetCompletedLottieSettings = {\n  renderer: 'canvas',\n  autoplay: true,\n  loop: false,\n  rendererSettings: {\n    dpr: window.devicePixelRatio || 1,\n    // You might also consider preserveAspectRatio if the Lottie is being scaled\n    preserveAspectRatio: 'xMidYMid slice', // Example\n  },\n};\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 animationRef = useRef<ILottieAnimationRef | null>(null);\n\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          {completionPercentage === 100 ? (\n            <Styled.LottieAnimationWrapper>\n              <LottieAnimation\n                src={LOTTIE.CHAPTER_COMPLETED}\n                ref={animationRef}\n                settings={sheetCompletedLottieSettings}\n              />\n            </Styled.LottieAnimationWrapper>\n          ) : (\n            <>\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          )}\n\n          <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\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","sheetCompletedLottieSettings","ChapterBanner","memo","props","animationRef","useRef","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.LottieAnimationWrapper","LottieAnimation","LOTTIE","Fragment","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.StyledImportantIcon","Styled.BannerImage","Styled.BannerTitleWrapper","Text","Tag","Check2Icon"],"mappings":"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"}
+{"version":3,"file":"chapter-banner.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { IChapterBannerProps } from './chapter-banner-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo, useRef } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\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\nconst sheetCompletedLottieSettings = {\n  renderer: 'canvas',\n  autoplay: true,\n  loop: false,\n  rendererSettings: {\n    dpr: window.devicePixelRatio || 1,\n    // You might also consider preserveAspectRatio if the Lottie is being scaled\n    preserveAspectRatio: 'xMidYMid slice', // Example\n  },\n};\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 animationRef = useRef<ILottieAnimationRef | null>(null);\n\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          {completionPercentage === 100 ? (\n            <Styled.LottieAnimationWrapper>\n              <LottieAnimation\n                src={LOTTIE.CHAPTER_COMPLETED}\n                ref={animationRef}\n                settings={sheetCompletedLottieSettings}\n              />\n            </Styled.LottieAnimationWrapper>\n          ) : (\n            <>\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          )}\n\n          <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\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","sheetCompletedLottieSettings","ChapterBanner","memo","props","animationRef","useRef","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.LottieAnimationWrapper","LottieAnimation","LOTTIE","Fragment","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.StyledImportantIcon","Styled.BannerImage","Styled.BannerTitleWrapper","Text","Tag","Check2Icon"],"mappings":"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"}

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

@@ -1 +1 @@
-{"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,QAAY;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;"}
+{"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,10 +1,10 @@
 import { jsxs as m, jsx as r, Fragment as _ } from "react/jsx-runtime";
-import { memo as v, useCallback as E, useEffect as p } from "react";
-import { ILLUSTRATIONS as L } from "../../../assets/illustrations/illustrations.js";
-import P from "../../../assets/line-icons/icons/back2.js";
-import { useJourney as T } from "../../journey/use-journey/use-journey.js";
-import U from "../../ui/buttons/button/button.js";
-import D from "../../ui/buttons/icon-button/icon-button.js";
+import { memo as v, useCallback as D, useEffect as p } from "react";
+import { ILLUSTRATIONS as E } from "../../../assets/illustrations/illustrations.js";
+import L from "../../../assets/line-icons/icons/back2.js";
+import { useJourney as P } from "../../journey/use-journey/use-journey.js";
+import T from "../../ui/buttons/button/button.js";
+import U from "../../ui/buttons/icon-button/icon-button.js";
 import j from "../../ui/layout/flex-view.js";
 import H from "../../ui/loader/app-loader/app-loader.js";
 import J from "../../ui/text/text.js";
@@ -12,7 +12,7 @@ import { useGetChapterDetails as F } from "../api/chapter.js";
 import O from "./block-sections/block-sections.js";
 import W from "./chapter-banner/chapter-banner.js";
 import { ContentWrapper as X, BackButtonContainer as z, BackButtonWrapper as G, LoaderWrapper as V } from "./chapter-details-styled.js";
-const me = v((f) => {
+const q = v((f) => {
   const {
     userChapterId: n,
     studentId: i,
@@ -24,22 +24,22 @@ const me = v((f) => {
     onNodeReattempt: y,
     onNodeReview: A,
     onNodeView: B,
-    onExit: N,
-    onNodeUnassign: S,
-    onNodeUnlock: $,
+    onExit: $,
+    onNodeUnassign: N,
+    onNodeUnlock: S,
     onNodeSkipUnSkip: x,
     startChapterPageJourney: s,
     chapterPageRef: I,
     bannerRef: w,
     coreBlocksRef: R,
     canStartJourney: c
-  } = f, { isJourneyActive: l } = T(), {
+  } = f, { isJourneyActive: l } = P(), {
     get: d,
     data: e,
     isProcessing: t,
     isProcessingFailed: b,
     isStale: h
-  } = F(), o = E(() => {
+  } = F(), o = D(() => {
     d(n, void 0, { studentId: i });
   }, [d, n, i]);
   return p(() => {
@@ -64,7 +64,7 @@ const me = v((f) => {
   }, [o, t, h]), b ? /* @__PURE__ */ m(j, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
     /* @__PURE__ */ r(J, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
     /* @__PURE__ */ r(
-      U,
+      T,
       {
         widthX: 14,
         size: "small",
@@ -84,16 +84,16 @@ const me = v((f) => {
       $alignItems: "center",
       children: [
         a === "TEACHER" && /* @__PURE__ */ r(z, { $height: "100%", children: /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(
-          D,
+          U,
           {
-            Icon: P,
+            Icon: L,
             renderAs: "secondary-gray",
             analyticsLabel: "chapter_page_exit",
             size: "xsmall",
-            onClick: N
+            onClick: $
           }
         ) }) }),
-        t && /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r("img", { src: L.LOADER_1, alt: "loader" }) }),
+        t && /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r("img", { src: E.LOADER_1, alt: "loader" }) }),
         e && /* @__PURE__ */ m(_, { children: [
           /* @__PURE__ */ r(
             W,
@@ -119,8 +119,8 @@ const me = v((f) => {
               onNodeReview: A,
               onNodeView: B,
               coreBlocksRef: R,
-              onNodeUnassign: S,
-              onNodeUnlock: $,
+              onNodeUnassign: N,
+              onNodeUnlock: S,
               onNodeSkipUnSkip: x
             }
           )
@@ -128,8 +128,8 @@ const me = v((f) => {
       ]
     }
   );
-});
+}), pe = q;
 export {
-  me as default
+  pe as default
 };
 //# sourceMappingURL=chapter-details.js.map

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

@@ -1 +1 @@
-{"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    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n    onNodeUnassign,\n    onNodeUnlock,\n    onNodeSkipUnSkip,\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        <>\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          <BlockSections\n            imageHue={chapterDetails.image_hue}\n            userType={userType}\n            blocks={chapterDetails.blocks}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n            onNodeAttempt={onNodeAttempt}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            coreBlocksRef={coreBlocksRef}\n            onNodeUnassign={onNodeUnassign}\n            onNodeUnlock={onNodeUnlock}\n            onNodeSkipUnSkip={onNodeSkipUnSkip}\n          />\n        </>\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","onNodeUnassign","onNodeUnlock","onNodeSkipUnSkip","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","Fragment","ChapterBanner","BlockSections"],"mappings":"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"}
+{"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    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n    onNodeUnassign,\n    onNodeUnlock,\n    onNodeSkipUnSkip,\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        <>\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          <BlockSections\n            imageHue={chapterDetails.image_hue}\n            userType={userType}\n            blocks={chapterDetails.blocks}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n            onNodeAttempt={onNodeAttempt}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            coreBlocksRef={coreBlocksRef}\n            onNodeUnassign={onNodeUnassign}\n            onNodeUnlock={onNodeUnlock}\n            onNodeSkipUnSkip={onNodeSkipUnSkip}\n          />\n        </>\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","onNodeUnassign","onNodeUnlock","onNodeSkipUnSkip","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","Fragment","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":"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"}