@cuemath/leap 3.3.10-j2 → 3.3.11-guru.0

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

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

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

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

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

@@ -1,52 +1,53 @@
-import { jsxs as S, jsx as c } from "react/jsx-runtime";
-import { memo as g, useMemo as A } from "react";
-import u from "./block-section-view.js";
+import { jsxs as T, jsx as c } from "react/jsx-runtime";
+import { memo as b, useMemo as A } from "react";
+import { BLOCK_TYPE as C, SECTION_CODE as g } from "../../constants/block-constants.js";
+import m from "./block-section-view.js";
 import { ChapterDetailsWrapper as R } from "./block-sections-styled.js";
-const C = g((m) => {
-  const { blocks: n, imageHue: t, userType: i, coreBlocksRef: B, blockSectionRef: _, ...r } = m;
-  let k = 0, p = !1;
+const { SAT_MOCK_TEST: u, GOAL: y } = C, { GOALS: G, READINESS: I } = g, v = b((_) => {
+  const { blocks: t, imageHue: n, userType: i, coreBlocksRef: B, blockSectionRef: S, ...r } = _;
+  let p = 0, k = !1;
   const { goalBlocks: d, nonGoalBlocks: a } = A(
-    () => n.reduce(
-      (o, e) => (e.section_code === "GOALS" || e.section_code === "READINESS" ? o.goalBlocks.push(e) : o.nonGoalBlocks.push(e), o),
+    () => t.reduce(
+      (o, e) => (e.section_code === G || e.section_code === I || e.block_type === u ? o.goalBlocks.push(e) : o.nonGoalBlocks.push(e), o),
       { goalBlocks: [], nonGoalBlocks: [] }
     ),
-    [n]
+    [t]
   );
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ T(
     R,
     {
       $width: "100%",
       $background: a.length ? "WHITE_3" : "WHITE_1",
       children: [
         /* @__PURE__ */ c("div", { ref: B, children: d.map((o, e) => {
-          const { block_type: s, block_id: l, permissions: h } = o;
+          const { block_type: l, block_id: s, permissions: E } = o;
           let f = 0;
-          const b = e === d.length - 1;
-          return s === "GOAL" && (h.can_un_skip || (k += 1), f = k), /* @__PURE__ */ c(
-            u,
+          const h = e === d.length - 1;
+          return (l === y || l === u) && (E.can_un_skip || (p += 1), f = p), /* @__PURE__ */ c(
+            m,
             {
               blockData: o,
               userType: i,
-              isLastBlock: b,
+              isLastBlock: h,
               lessonIdx: f,
-              imageHue: t,
+              imageHue: n,
               isGoalBlock: !0,
               ...r,
               blockSectionRef: void 0
             },
-            l
+            s
           );
         }) }),
         a.map((o) => {
-          const { block_id: e, block_type: s } = o, l = s === "CHALLENGE_ARENA" && !p;
-          return l && (p = !0), /* @__PURE__ */ c(
-            u,
+          const { block_id: e, block_type: l } = o, s = l === "CHALLENGE_ARENA" && !k;
+          return s && (k = !0), /* @__PURE__ */ c(
+            m,
             {
               blockData: o,
               userType: i,
-              imageHue: t,
+              imageHue: n,
               ...r,
-              blockSectionRef: l ? _ : void 0
+              blockSectionRef: s ? S : void 0
             },
             e
           );
@@ -56,6 +57,6 @@ const C = g((m) => {
   );
 });
 export {
-  C as default
+  v as default
 };
 //# sourceMappingURL=block-sections.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"block-sections.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-sections.tsx"],"sourcesContent":["import 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, blockSectionRef, ...blockSectionCallBacks } =\n    props;\n\n  let lessonCount = 0;\n  let addChallengeArenaRef = false;\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              blockSectionRef={undefined}\n            />\n          );\n        })}\n      </div>\n\n      {nonGoalBlocks.map(blockData => {\n        const { block_id: blockId, block_type: blockType } = blockData;\n\n        // Apply blockSectionRef only to the first CHALLENGE_ARENA block\n        const shouldApplyRef = blockType === 'CHALLENGE_ARENA' && !addChallengeArenaRef;\n\n        if (shouldApplyRef) {\n          addChallengeArenaRef = true;\n        }\n\n        return (\n          <BlockSectionView\n            key={blockId}\n            blockData={blockData}\n            userType={userType}\n            imageHue={imageHue}\n            {...blockSectionCallBacks}\n            blockSectionRef={shouldApplyRef ? blockSectionRef : undefined}\n          />\n        );\n      })}\n    </Styled.ChapterDetailsWrapper>\n  );\n});\n\nexport default BlockSections;\n"],"names":["BlockSections","memo","props","blocks","imageHue","userType","coreBlocksRef","blockSectionRef","blockSectionCallBacks","lessonCount","addChallengeArenaRef","goalBlocks","nonGoalBlocks","useMemo","acc","block","jsxs","Styled.ChapterDetailsWrapper","jsx","blockData","idx","blockType","blockId","permissions","lessonIdx","isLastBlock","BlockSectionView","shouldApplyRef"],"mappings":";;;;AAQM,MAAAA,IAAyCC,EAAK,CAASC,MAAA;AACrD,QAAA,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,eAAAC,GAAe,iBAAAC,GAAiB,GAAGC,EACrE,IAAAN;AAEF,MAAIO,IAAc,GACdC,IAAuB;AAErB,QAAA,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC;AAAA,IACpC,MACEV,EAAO;AAAA,MACL,CAACW,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,CAACX,CAAM;AAAA,EAAA;AAIP,SAAA,gBAAAa;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,aAAcL,EAAc,SAAqB,YAAZ;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAM,EAAC,SAAI,KAAKZ,GACP,YAAW,IAAI,CAACa,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,gBACAd,KAAA,IAGLe,IAAAf,IAIZ,gBAAAS;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAAP;AAAA,cACA,UAAAd;AAAA,cACA,aAAAoB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAApB;AAAA,cACA,aAAW;AAAA,cACV,GAAGI;AAAA,cACJ,iBAAiB;AAAA,YAAA;AAAA,YALZc;AAAA,UAAA;AAAA,QAQV,CAAA,GACH;AAAA,QAECV,EAAc,IAAI,CAAaO,MAAA;AAC9B,gBAAM,EAAE,UAAUG,GAAS,YAAYD,MAAcF,GAG/CQ,IAAiBN,MAAc,qBAAqB,CAACX;AAE3D,iBAAIiB,MACqBjB,IAAA,KAIvB,gBAAAQ;AAAA,YAACQ;AAAA,YAAA;AAAA,cAEC,WAAAP;AAAA,cACA,UAAAd;AAAA,cACA,UAAAD;AAAA,cACC,GAAGI;AAAA,cACJ,iBAAiBmB,IAAiBpB,IAAkB;AAAA,YAAA;AAAA,YAL/Ce;AAAA,UAAA;AAAA,QAMP,CAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"block-sections.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-sections.tsx"],"sourcesContent":["import type { IBlockSectionsProps } from './block-sections-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport { BLOCK_TYPE, SECTION_CODE } from '../../constants/block-constants';\nimport BlockSectionView from './block-section-view';\nimport * as Styled from './block-sections-styled';\n\nconst { SAT_MOCK_TEST, GOAL } = BLOCK_TYPE;\nconst { GOALS, READINESS } = SECTION_CODE;\n\nconst BlockSections: FC<IBlockSectionsProps> = memo(props => {\n  const { blocks, imageHue, userType, coreBlocksRef, blockSectionRef, ...blockSectionCallBacks } =\n    props;\n\n  let lessonCount = 0;\n  let addChallengeArenaRef = false;\n\n  const { goalBlocks, nonGoalBlocks } = useMemo(\n    () =>\n      blocks.reduce(\n        (acc, block) => {\n          if (\n            block.section_code === GOALS ||\n            block.section_code === READINESS ||\n            block.block_type === SAT_MOCK_TEST\n          ) {\n            acc.goalBlocks.push(block);\n          } else {\n            acc.nonGoalBlocks.push(block);\n          }\n\n          return acc;\n        },\n        { goalBlocks: [] as typeof blocks, nonGoalBlocks: [] as typeof blocks },\n      ),\n    [blocks],\n  );\n\n  return (\n    <Styled.ChapterDetailsWrapper\n      $width=\"100%\"\n      $background={!nonGoalBlocks.length ? `WHITE_1` : 'WHITE_3'}\n    >\n      <div ref={coreBlocksRef}>\n        {goalBlocks.map((blockData, idx) => {\n          const { block_type: blockType, block_id: blockId, permissions } = blockData;\n          let lessonIdx = 0;\n\n          const isLastBlock = idx === goalBlocks.length - 1;\n\n          if (blockType === GOAL || blockType === SAT_MOCK_TEST) {\n            if (!permissions.can_un_skip) {\n              lessonCount += 1;\n            }\n\n            lessonIdx = lessonCount;\n          }\n\n          return (\n            <BlockSectionView\n              blockData={blockData}\n              userType={userType}\n              isLastBlock={isLastBlock}\n              key={blockId}\n              lessonIdx={lessonIdx}\n              imageHue={imageHue}\n              isGoalBlock\n              {...blockSectionCallBacks}\n              blockSectionRef={undefined}\n            />\n          );\n        })}\n      </div>\n\n      {nonGoalBlocks.map(blockData => {\n        const { block_id: blockId, block_type: blockType } = blockData;\n\n        // Apply blockSectionRef only to the first CHALLENGE_ARENA block\n        const shouldApplyRef = blockType === 'CHALLENGE_ARENA' && !addChallengeArenaRef;\n\n        if (shouldApplyRef) {\n          addChallengeArenaRef = true;\n        }\n\n        return (\n          <BlockSectionView\n            key={blockId}\n            blockData={blockData}\n            userType={userType}\n            imageHue={imageHue}\n            {...blockSectionCallBacks}\n            blockSectionRef={shouldApplyRef ? blockSectionRef : undefined}\n          />\n        );\n      })}\n    </Styled.ChapterDetailsWrapper>\n  );\n});\n\nexport default BlockSections;\n"],"names":["SAT_MOCK_TEST","GOAL","BLOCK_TYPE","GOALS","READINESS","SECTION_CODE","BlockSections","memo","props","blocks","imageHue","userType","coreBlocksRef","blockSectionRef","blockSectionCallBacks","lessonCount","addChallengeArenaRef","goalBlocks","nonGoalBlocks","useMemo","acc","block","jsxs","Styled.ChapterDetailsWrapper","jsx","blockData","idx","blockType","blockId","permissions","lessonIdx","isLastBlock","BlockSectionView","shouldApplyRef"],"mappings":";;;;;AASA,MAAM,EAAE,eAAAA,GAAe,MAAAC,EAAS,IAAAC,GAC1B,EAAE,OAAAC,GAAO,WAAAC,EAAc,IAAAC,GAEvBC,IAAyCC,EAAK,CAASC,MAAA;AACrD,QAAA,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,eAAAC,GAAe,iBAAAC,GAAiB,GAAGC,EACrE,IAAAN;AAEF,MAAIO,IAAc,GACdC,IAAuB;AAErB,QAAA,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC;AAAA,IACpC,MACEV,EAAO;AAAA,MACL,CAACW,GAAKC,OAEFA,EAAM,iBAAiBlB,KACvBkB,EAAM,iBAAiBjB,KACvBiB,EAAM,eAAerB,IAEjBoB,EAAA,WAAW,KAAKC,CAAK,IAErBD,EAAA,cAAc,KAAKC,CAAK,GAGvBD;AAAA,MAET,EAAE,YAAY,CAAA,GAAqB,eAAe,GAAoB;AAAA,IACxE;AAAA,IACF,CAACX,CAAM;AAAA,EAAA;AAIP,SAAA,gBAAAa;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,aAAcL,EAAc,SAAqB,YAAZ;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAM,EAAC,SAAI,KAAKZ,GACP,YAAW,IAAI,CAACa,GAAWC,MAAQ;AAClC,gBAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,aAAAC,EAAgB,IAAAJ;AAClE,cAAIK,IAAY;AAEV,gBAAAC,IAAcL,MAAQT,EAAW,SAAS;AAE5C,kBAAAU,MAAc1B,KAAQ0B,MAAc3B,OACjC6B,EAAY,gBACAd,KAAA,IAGLe,IAAAf,IAIZ,gBAAAS;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAAP;AAAA,cACA,UAAAd;AAAA,cACA,aAAAoB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAApB;AAAA,cACA,aAAW;AAAA,cACV,GAAGI;AAAA,cACJ,iBAAiB;AAAA,YAAA;AAAA,YALZc;AAAA,UAAA;AAAA,QAQV,CAAA,GACH;AAAA,QAECV,EAAc,IAAI,CAAaO,MAAA;AAC9B,gBAAM,EAAE,UAAUG,GAAS,YAAYD,MAAcF,GAG/CQ,IAAiBN,MAAc,qBAAqB,CAACX;AAE3D,iBAAIiB,MACqBjB,IAAA,KAIvB,gBAAAQ;AAAA,YAACQ;AAAA,YAAA;AAAA,cAEC,WAAAP;AAAA,cACA,UAAAd;AAAA,cACA,UAAAD;AAAA,cACC,GAAGI;AAAA,cACJ,iBAAiBmB,IAAiBpB,IAAkB;AAAA,YAAA;AAAA,YAL/Ce;AAAA,UAAA;AAAA,QAMP,CAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

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