@cuemath/leap 4.1.1-link.0 → 4.1.2

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

@@ -1,9 +1,9 @@
-import { jsxs as O, jsx as c } from "react/jsx-runtime";
-import { memo as y, useMemo as D } from "react";
-import { BLOCK_TYPE as G, SECTION_CODE as I } from "../../constants/block-constants.js";
+import { jsxs as y, jsx as c } from "react/jsx-runtime";
+import { memo as D, useMemo as G } from "react";
+import { BLOCK_TYPE as I, SECTION_CODE as L } from "../../constants/block-constants.js";
 import m from "./block-section-view.js";
-import { ChapterDetailsWrapper as L } from "./block-sections-styled.js";
-const { SAT_MOCK_TEST: _, GOAL: w } = G, { GOALS: N, READINESS: x } = I, K = y(function(h) {
+import { ChapterDetailsWrapper as w } from "./block-sections-styled.js";
+const { SAT_MOCK_TEST: _, GOAL: N } = I, { GOALS: x, READINESS: H } = L, M = D(function(h) {
   const {
     blocks: t,
     imageHue: i,
@@ -11,38 +11,40 @@ const { SAT_MOCK_TEST: _, GOAL: w } = G, { GOALS: N, READINESS: x } = I, K = y(f
     coreBlocksRef: S,
     challengeBlockRef: C,
     downloadBlockRef: E,
-    downloadCoreBlockRef: g,
+    downloadCoreBlockRef: R,
+    nodeCardsRef: g,
     ...d
   } = h;
   let a = 0, k = !1, f = !1;
-  const { goalBlocks: p, nonGoalBlocks: B } = D(
+  const { goalBlocks: p, nonGoalBlocks: B } = G(
     () => t.reduce(
-      (o, e) => (e.section_code === N || e.section_code === x || e.block_type === _ ? o.goalBlocks.push(e) : o.nonGoalBlocks.push(e), o),
+      (o, e) => (e.section_code === x || e.section_code === H || e.block_type === _ ? o.goalBlocks.push(e) : o.nonGoalBlocks.push(e), o),
       { goalBlocks: [], nonGoalBlocks: [] }
     ),
     [t]
   );
-  return /* @__PURE__ */ O(
-    L,
+  return /* @__PURE__ */ y(
+    w,
     {
       $width: "100%",
+      ref: g,
       $background: B.length ? "WHITE_3" : "WHITE_1",
       children: [
         /* @__PURE__ */ c("div", { ref: S, children: p.map((o, e) => {
           const { block_type: l, block_id: n, permissions: s, sheets: A } = o;
           let u = 0;
-          const R = e === p.length - 1, T = A.find((b) => b.node_type === "PDF");
-          return (l === w || l === _) && (s.can_un_skip || (a += 1), u = a), /* @__PURE__ */ c(
+          const T = e === p.length - 1, b = A.find((O) => O.node_type === "PDF");
+          return (l === N || l === _) && (s.can_un_skip || (a += 1), u = a), /* @__PURE__ */ c(
             m,
             {
               blockData: o,
               userType: r,
-              isLastBlock: R,
+              isLastBlock: T,
               lessonIdx: u,
               imageHue: i,
               isGoalBlock: !0,
               ...d,
-              blockSectionRef: T ? g : void 0
+              blockSectionRef: b ? R : void 0
             },
             n
           );
@@ -66,6 +68,6 @@ const { SAT_MOCK_TEST: _, GOAL: w } = G, { GOALS: N, READINESS: x } = I, K = y(f
   );
 });
 export {
-  K as default
+  M 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 { memo, useMemo, type FC } 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';\nimport type { IBlockSectionsProps } from './block-sections-types';\n\nconst { SAT_MOCK_TEST, GOAL } = BLOCK_TYPE;\nconst { GOALS, READINESS } = SECTION_CODE;\n\nconst BlockSections: FC<IBlockSectionsProps> = memo(function BlockSections(props) {\n  const {\n    blocks,\n    imageHue,\n    userType,\n    coreBlocksRef,\n    challengeBlockRef,\n    downloadBlockRef,\n    downloadCoreBlockRef,\n    ...blockSectionCallBacks\n  } = props;\n\n  let lessonCount = 0;\n  let addChallengeArenaRef = false;\n  let addDownloadBlockRef = 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, sheets } = blockData;\n          let lessonIdx = 0;\n\n          const isLastBlock = idx === goalBlocks.length - 1;\n\n          const hasPDFNode = sheets.find(sheet => sheet.node_type === 'PDF');\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={hasPDFNode ? downloadCoreBlockRef : 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 isChallengeArenaBlock = blockType === 'CHALLENGE_ARENA' && !addChallengeArenaRef;\n\n        const isDownloadBlock = blockType === 'DOWNLOADS' && !addDownloadBlockRef;\n\n        if (isChallengeArenaBlock) {\n          addChallengeArenaRef = true;\n        }\n\n        if (isDownloadBlock) {\n          addDownloadBlockRef = true;\n        }\n\n        return (\n          <BlockSectionView\n            key={blockId}\n            blockData={blockData}\n            userType={userType}\n            imageHue={imageHue}\n            {...blockSectionCallBacks}\n            blockSectionRef={\n              isChallengeArenaBlock\n                ? challengeBlockRef\n                : isDownloadBlock\n                  ? downloadBlockRef\n                  : undefined\n            }\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","challengeBlockRef","downloadBlockRef","downloadCoreBlockRef","blockSectionCallBacks","lessonCount","addChallengeArenaRef","addDownloadBlockRef","goalBlocks","nonGoalBlocks","useMemo","acc","block","jsxs","Styled.ChapterDetailsWrapper","jsx","blockData","idx","blockType","blockId","permissions","sheets","lessonIdx","isLastBlock","hasPDFNode","sheet","BlockSectionView","isChallengeArenaBlock","isDownloadBlock"],"mappings":";;;;;AAOA,MAAM,EAAE,eAAAA,GAAe,MAAAC,EAAS,IAAAC,GAC1B,EAAE,OAAAC,GAAO,WAAAC,EAAc,IAAAC,GAEvBC,IAAyCC,EAAK,SAAuBC,GAAO;AAC1E,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAR;AAEJ,MAAIS,IAAc,GACdC,IAAuB,IACvBC,IAAsB;AAEpB,QAAA,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC;AAAA,IACpC,MACEb,EAAO;AAAA,MACL,CAACc,GAAKC,OAEFA,EAAM,iBAAiBrB,KACvBqB,EAAM,iBAAiBpB,KACvBoB,EAAM,eAAexB,IAEjBuB,EAAA,WAAW,KAAKC,CAAK,IAErBD,EAAA,cAAc,KAAKC,CAAK,GAGvBD;AAAA,MAET,EAAE,YAAY,CAAA,GAAqB,eAAe,GAAoB;AAAA,IACxE;AAAA,IACF,CAACd,CAAM;AAAA,EAAA;AAIP,SAAA,gBAAAgB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,aAAcL,EAAc,SAAqB,YAAZ;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAM,EAAC,SAAI,KAAKf,GACP,YAAW,IAAI,CAACgB,GAAWC,MAAQ;AAClC,gBAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,aAAAC,GAAa,QAAAC,EAAW,IAAAL;AAC1E,cAAIM,IAAY;AAEV,gBAAAC,IAAcN,MAAQT,EAAW,SAAS,GAE1CgB,IAAaH,EAAO,KAAK,CAASI,MAAAA,EAAM,cAAc,KAAK;AAE7D,kBAAAP,MAAc7B,KAAQ6B,MAAc9B,OACjCgC,EAAY,gBACAf,KAAA,IAGLiB,IAAAjB,IAIZ,gBAAAU;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,WAAAV;AAAA,cACA,UAAAjB;AAAA,cACA,aAAAwB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAAxB;AAAA,cACA,aAAW;AAAA,cACV,GAAGM;AAAA,cACJ,iBAAiBoB,IAAarB,IAAuB;AAAA,YAAA;AAAA,YALhDgB;AAAA,UAAA;AAAA,QAQV,CAAA,GACH;AAAA,QAECV,EAAc,IAAI,CAAaO,MAAA;AAC9B,gBAAM,EAAE,UAAUG,GAAS,YAAYD,MAAcF,GAG/CW,IAAwBT,MAAc,qBAAqB,CAACZ,GAE5DsB,IAAkBV,MAAc,eAAe,CAACX;AAEtD,iBAAIoB,MACqBrB,IAAA,KAGrBsB,MACoBrB,IAAA,KAItB,gBAAAQ;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,WAAAV;AAAA,cACA,UAAAjB;AAAA,cACA,UAAAD;AAAA,cACC,GAAGM;AAAA,cACJ,iBACEuB,IACI1B,IACA2B,IACE1B,IACA;AAAA,YAAA;AAAA,YAVHiB;AAAA,UAAA;AAAA,QAYP,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 { memo, useMemo, type FC } 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';\nimport type { IBlockSectionsProps } from './block-sections-types';\n\nconst { SAT_MOCK_TEST, GOAL } = BLOCK_TYPE;\nconst { GOALS, READINESS } = SECTION_CODE;\n\nconst BlockSections: FC<IBlockSectionsProps> = memo(function BlockSections(props) {\n  const {\n    blocks,\n    imageHue,\n    userType,\n    coreBlocksRef,\n    challengeBlockRef,\n    downloadBlockRef,\n    downloadCoreBlockRef,\n    nodeCardsRef,\n    ...blockSectionCallBacks\n  } = props;\n\n  let lessonCount = 0;\n  let addChallengeArenaRef = false;\n  let addDownloadBlockRef = 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      ref={nodeCardsRef}\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, sheets } = blockData;\n          let lessonIdx = 0;\n\n          const isLastBlock = idx === goalBlocks.length - 1;\n\n          const hasPDFNode = sheets.find(sheet => sheet.node_type === 'PDF');\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={hasPDFNode ? downloadCoreBlockRef : 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 isChallengeArenaBlock = blockType === 'CHALLENGE_ARENA' && !addChallengeArenaRef;\n\n        const isDownloadBlock = blockType === 'DOWNLOADS' && !addDownloadBlockRef;\n\n        if (isChallengeArenaBlock) {\n          addChallengeArenaRef = true;\n        }\n\n        if (isDownloadBlock) {\n          addDownloadBlockRef = true;\n        }\n\n        return (\n          <BlockSectionView\n            key={blockId}\n            blockData={blockData}\n            userType={userType}\n            imageHue={imageHue}\n            {...blockSectionCallBacks}\n            blockSectionRef={\n              isChallengeArenaBlock\n                ? challengeBlockRef\n                : isDownloadBlock\n                  ? downloadBlockRef\n                  : undefined\n            }\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","challengeBlockRef","downloadBlockRef","downloadCoreBlockRef","nodeCardsRef","blockSectionCallBacks","lessonCount","addChallengeArenaRef","addDownloadBlockRef","goalBlocks","nonGoalBlocks","useMemo","acc","block","jsxs","Styled.ChapterDetailsWrapper","jsx","blockData","idx","blockType","blockId","permissions","sheets","lessonIdx","isLastBlock","hasPDFNode","sheet","BlockSectionView","isChallengeArenaBlock","isDownloadBlock"],"mappings":";;;;;AAOA,MAAM,EAAE,eAAAA,GAAe,MAAAC,EAAS,IAAAC,GAC1B,EAAE,OAAAC,GAAO,WAAAC,EAAc,IAAAC,GAEvBC,IAAyCC,EAAK,SAAuBC,GAAO;AAC1E,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT;AAEJ,MAAIU,IAAc,GACdC,IAAuB,IACvBC,IAAsB;AAEpB,QAAA,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC;AAAA,IACpC,MACEd,EAAO;AAAA,MACL,CAACe,GAAKC,OAEFA,EAAM,iBAAiBtB,KACvBsB,EAAM,iBAAiBrB,KACvBqB,EAAM,eAAezB,IAEjBwB,EAAA,WAAW,KAAKC,CAAK,IAErBD,EAAA,cAAc,KAAKC,CAAK,GAGvBD;AAAA,MAET,EAAE,YAAY,CAAA,GAAqB,eAAe,GAAoB;AAAA,IACxE;AAAA,IACF,CAACf,CAAM;AAAA,EAAA;AAIP,SAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAKX;AAAA,MACL,aAAcM,EAAc,SAAqB,YAAZ;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAM,EAAC,SAAI,KAAKhB,GACP,YAAW,IAAI,CAACiB,GAAWC,MAAQ;AAClC,gBAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,aAAAC,GAAa,QAAAC,EAAW,IAAAL;AAC1E,cAAIM,IAAY;AAEV,gBAAAC,IAAcN,MAAQT,EAAW,SAAS,GAE1CgB,IAAaH,EAAO,KAAK,CAASI,MAAAA,EAAM,cAAc,KAAK;AAE7D,kBAAAP,MAAc9B,KAAQ8B,MAAc/B,OACjCiC,EAAY,gBACAf,KAAA,IAGLiB,IAAAjB,IAIZ,gBAAAU;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,WAAAV;AAAA,cACA,UAAAlB;AAAA,cACA,aAAAyB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAAzB;AAAA,cACA,aAAW;AAAA,cACV,GAAGO;AAAA,cACJ,iBAAiBoB,IAAatB,IAAuB;AAAA,YAAA;AAAA,YALhDiB;AAAA,UAAA;AAAA,QAQV,CAAA,GACH;AAAA,QAECV,EAAc,IAAI,CAAaO,MAAA;AAC9B,gBAAM,EAAE,UAAUG,GAAS,YAAYD,MAAcF,GAG/CW,IAAwBT,MAAc,qBAAqB,CAACZ,GAE5DsB,IAAkBV,MAAc,eAAe,CAACX;AAEtD,iBAAIoB,MACqBrB,IAAA,KAGrBsB,MACoBrB,IAAA,KAItB,gBAAAQ;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,WAAAV;AAAA,cACA,UAAAlB;AAAA,cACA,UAAAD;AAAA,cACC,GAAGO;AAAA,cACJ,iBACEuB,IACI3B,IACA4B,IACE3B,IACA;AAAA,YAAA;AAAA,YAVHkB;AAAA,UAAA;AAAA,QAYP,CAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -26,8 +26,8 @@ const ge = V(function(S) {
     onNodeAssignAsHomework: A,
     onNodeMarkAsDone: $,
     onNodeReattempt: x,
-    onNodeReview: v,
-    onNodeView: I,
+    onNodeReview: I,
+    onNodeView: v,
     onExit: P,
     onNodeUnassign: _,
     onNodeUnlock: E,
@@ -133,9 +133,10 @@ const ge = V(function(S) {
       $alignItems: "center",
       $height: "max-content",
       children: [
-        t === "TEACHER" && /* @__PURE__ */ o(pe, { $height: "100%", className: "goal-widget-chapter-item", children: /* @__PURE__ */ o(ue, { ref: F, children: /* @__PURE__ */ o(
+        t === "TEACHER" && /* @__PURE__ */ o(pe, { $height: "100%", className: "goal-widget-chapter-item", children: /* @__PURE__ */ o(ue, { children: /* @__PURE__ */ o(
           re,
           {
+            ref: F,
             Icon: Q,
             renderAs: "secondary-gray",
             analyticsLabel: "chapter_page_exit",
@@ -155,7 +156,7 @@ const ge = V(function(S) {
               bannerRef: U
             }
           ),
-          /* @__PURE__ */ o("div", { ref: j, children: /* @__PURE__ */ o(
+          /* @__PURE__ */ o(
             de,
             {
               imageHue: e.image_hue,
@@ -166,18 +167,19 @@ const ge = V(function(S) {
               onNodeAssignAsHomework: A,
               onNodeMarkAsDone: $,
               onNodeReattempt: x,
-              onNodeReview: v,
-              onNodeView: I,
+              onNodeReview: I,
+              onNodeView: v,
               coreBlocksRef: W,
               challengeBlockRef: X,
               downloadCoreBlockRef: z,
               downloadBlockRef: G,
+              nodeCardsRef: j,
               onNodeUnassign: _,
               onNodeUnlock: E,
               onNodeSkipUnSkip: H,
               onBlockReset: L
             }
-          ) })
+          )
         ] })
       ]
     }

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 { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport { useChallengeArenaJourney } from '../../journey/hooks/use-chapter-page-journey/use-challenge-arena-journey';\nimport { useDownloadBlockJourney } from '../../journey/hooks/use-chapter-page-journey/use-download-block-journey';\nimport { useDownloadNodeJourney } from '../../journey/hooks/use-chapter-page-journey/use-download-node-journey';\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 { getHasDownloadBlock, getHasNonDownloadBlockWithPdfNode } from '../utils';\nimport BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\nimport type { IChapterDetails } from './chapter-details-types';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(function ChapterDetails(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    onBlockReset,\n    chapterPageRef,\n    bannerRef,\n    coreBlocksRef,\n    canStartJourney,\n    canStartChallengeArenaJourney,\n    canStartDownloadNodeJourney,\n    canStartDownloadBlockJourney,\n    nodeCardsRef,\n    backButtonRef,\n  } = props;\n\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  const { blockSectionRef: challengeBlockRef, startJourney: startChallengeArenaJourney } =\n    useChallengeArenaJourney();\n\n  const {\n    blockSectionRef: downloadBlockRef,\n    downloadCoreBlockRef,\n    startJourney: startDownloadNodeJourney,\n  } = useDownloadNodeJourney();\n\n  const { blockSectionRef: downloadBlockSectionRef, startJourney: startDownloadBlockJourney } =\n    useDownloadBlockJourney();\n\n  const hasDownloadBlock = useMemo(\n    () => chapterDetails && getHasDownloadBlock(chapterDetails.blocks),\n    [chapterDetails],\n  );\n  const hasNonDownloadBlockWithPdfNode = useMemo(\n    () => chapterDetails && getHasNonDownloadBlockWithPdfNode(chapterDetails.blocks),\n    [chapterDetails],\n  );\n\n  const activeDownloadBlockRef = useMemo(\n    () =>\n      canStartDownloadNodeJourney && hasNonDownloadBlockWithPdfNode\n        ? downloadBlockRef\n        : canStartDownloadBlockJourney\n          ? downloadBlockSectionRef\n          : undefined,\n    [\n      canStartDownloadNodeJourney,\n      canStartDownloadBlockJourney,\n      hasNonDownloadBlockWithPdfNode,\n      downloadBlockRef,\n      downloadBlockSectionRef,\n    ],\n  );\n\n  useEffect(() => {\n    if (chapterDetails && !isJourneyActive) {\n      if (canStartJourney && startChapterPageJourney) {\n        startChapterPageJourney({\n          chapterDetails: chapterDetails,\n          userChapterId,\n          studentId,\n          userType,\n        });\n      }\n\n      if (!canStartJourney && canStartChallengeArenaJourney) {\n        startChallengeArenaJourney({\n          chapterDetails,\n          userType,\n        });\n      }\n\n      if (!canStartJourney && canStartDownloadNodeJourney && hasNonDownloadBlockWithPdfNode) {\n        startDownloadNodeJourney({\n          chapterDetails,\n          userType,\n          canStartDownloadBlockJourney,\n        });\n      }\n\n      if (!canStartJourney && canStartDownloadBlockJourney && hasDownloadBlock) {\n        startDownloadBlockJourney({\n          chapterDetails,\n          userType,\n        });\n      }\n    }\n  }, [\n    canStartChallengeArenaJourney,\n    canStartJourney,\n    chapterDetails,\n    isJourneyActive,\n    startChallengeArenaJourney,\n    startChapterPageJourney,\n    startDownloadBlockJourney,\n    startDownloadNodeJourney,\n    studentId,\n    userChapterId,\n    userType,\n    hasNonDownloadBlockWithPdfNode,\n    hasDownloadBlock,\n    canStartDownloadNodeJourney,\n    canStartDownloadBlockJourney,\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=\"ab1-bold\">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=\"100vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      ref={chapterPageRef}\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n      $height=\"max-content\"\n    >\n      {userType === 'TEACHER' && (\n        <Styled.BackButtonContainer $height=\"100%\" className=\"goal-widget-chapter-item\">\n          <Styled.BackButtonWrapper ref={backButtonRef}>\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          <div ref={nodeCardsRef}>\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              challengeBlockRef={challengeBlockRef}\n              downloadCoreBlockRef={downloadCoreBlockRef}\n              downloadBlockRef={activeDownloadBlockRef}\n              onNodeUnassign={onNodeUnassign}\n              onNodeUnlock={onNodeUnlock}\n              onNodeSkipUnSkip={onNodeSkipUnSkip}\n              onBlockReset={onBlockReset}\n            />\n          </div>\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","onBlockReset","chapterPageRef","bannerRef","coreBlocksRef","canStartJourney","canStartChallengeArenaJourney","canStartDownloadNodeJourney","canStartDownloadBlockJourney","nodeCardsRef","backButtonRef","isJourneyActive","useJourney","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","challengeBlockRef","startChallengeArenaJourney","useChallengeArenaJourney","downloadBlockRef","downloadCoreBlockRef","startDownloadNodeJourney","useDownloadNodeJourney","downloadBlockSectionRef","startDownloadBlockJourney","useDownloadBlockJourney","hasDownloadBlock","useMemo","getHasDownloadBlock","hasNonDownloadBlockWithPdfNode","getHasNonDownloadBlockWithPdfNode","activeDownloadBlockRef","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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"}
+{"version":3,"file":"chapter-details.js","sources":["../../../../src/features/chapters-v2/chapter-details/chapter-details.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport { useChallengeArenaJourney } from '../../journey/hooks/use-chapter-page-journey/use-challenge-arena-journey';\nimport { useDownloadBlockJourney } from '../../journey/hooks/use-chapter-page-journey/use-download-block-journey';\nimport { useDownloadNodeJourney } from '../../journey/hooks/use-chapter-page-journey/use-download-node-journey';\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 { getHasDownloadBlock, getHasNonDownloadBlockWithPdfNode } from '../utils';\nimport BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\nimport type { IChapterDetails } from './chapter-details-types';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(function ChapterDetails(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    onBlockReset,\n    chapterPageRef,\n    bannerRef,\n    coreBlocksRef,\n    canStartJourney,\n    canStartChallengeArenaJourney,\n    canStartDownloadNodeJourney,\n    canStartDownloadBlockJourney,\n    nodeCardsRef,\n    backButtonRef,\n  } = props;\n\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  const { blockSectionRef: challengeBlockRef, startJourney: startChallengeArenaJourney } =\n    useChallengeArenaJourney();\n\n  const {\n    blockSectionRef: downloadBlockRef,\n    downloadCoreBlockRef,\n    startJourney: startDownloadNodeJourney,\n  } = useDownloadNodeJourney();\n\n  const { blockSectionRef: downloadBlockSectionRef, startJourney: startDownloadBlockJourney } =\n    useDownloadBlockJourney();\n\n  const hasDownloadBlock = useMemo(\n    () => chapterDetails && getHasDownloadBlock(chapterDetails.blocks),\n    [chapterDetails],\n  );\n  const hasNonDownloadBlockWithPdfNode = useMemo(\n    () => chapterDetails && getHasNonDownloadBlockWithPdfNode(chapterDetails.blocks),\n    [chapterDetails],\n  );\n\n  const activeDownloadBlockRef = useMemo(\n    () =>\n      canStartDownloadNodeJourney && hasNonDownloadBlockWithPdfNode\n        ? downloadBlockRef\n        : canStartDownloadBlockJourney\n          ? downloadBlockSectionRef\n          : undefined,\n    [\n      canStartDownloadNodeJourney,\n      canStartDownloadBlockJourney,\n      hasNonDownloadBlockWithPdfNode,\n      downloadBlockRef,\n      downloadBlockSectionRef,\n    ],\n  );\n\n  useEffect(() => {\n    if (chapterDetails && !isJourneyActive) {\n      if (canStartJourney && startChapterPageJourney) {\n        startChapterPageJourney({\n          chapterDetails: chapterDetails,\n          userChapterId,\n          studentId,\n          userType,\n        });\n      }\n\n      if (!canStartJourney && canStartChallengeArenaJourney) {\n        startChallengeArenaJourney({\n          chapterDetails,\n          userType,\n        });\n      }\n\n      if (!canStartJourney && canStartDownloadNodeJourney && hasNonDownloadBlockWithPdfNode) {\n        startDownloadNodeJourney({\n          chapterDetails,\n          userType,\n          canStartDownloadBlockJourney,\n        });\n      }\n\n      if (!canStartJourney && canStartDownloadBlockJourney && hasDownloadBlock) {\n        startDownloadBlockJourney({\n          chapterDetails,\n          userType,\n        });\n      }\n    }\n  }, [\n    canStartChallengeArenaJourney,\n    canStartJourney,\n    chapterDetails,\n    isJourneyActive,\n    startChallengeArenaJourney,\n    startChapterPageJourney,\n    startDownloadBlockJourney,\n    startDownloadNodeJourney,\n    studentId,\n    userChapterId,\n    userType,\n    hasNonDownloadBlockWithPdfNode,\n    hasDownloadBlock,\n    canStartDownloadNodeJourney,\n    canStartDownloadBlockJourney,\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=\"ab1-bold\">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=\"100vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      ref={chapterPageRef}\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n      $height=\"max-content\"\n    >\n      {userType === 'TEACHER' && (\n        <Styled.BackButtonContainer $height=\"100%\" className=\"goal-widget-chapter-item\">\n          <Styled.BackButtonWrapper>\n            <IconButton\n              ref={backButtonRef}\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            challengeBlockRef={challengeBlockRef}\n            downloadCoreBlockRef={downloadCoreBlockRef}\n            downloadBlockRef={activeDownloadBlockRef}\n            nodeCardsRef={nodeCardsRef}\n            onNodeUnassign={onNodeUnassign}\n            onNodeUnlock={onNodeUnlock}\n            onNodeSkipUnSkip={onNodeSkipUnSkip}\n            onBlockReset={onBlockReset}\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","onBlockReset","chapterPageRef","bannerRef","coreBlocksRef","canStartJourney","canStartChallengeArenaJourney","canStartDownloadNodeJourney","canStartDownloadBlockJourney","nodeCardsRef","backButtonRef","isJourneyActive","useJourney","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","challengeBlockRef","startChallengeArenaJourney","useChallengeArenaJourney","downloadBlockRef","downloadCoreBlockRef","startDownloadNodeJourney","useDownloadNodeJourney","downloadBlockSectionRef","startDownloadBlockJourney","useDownloadBlockJourney","hasDownloadBlock","useMemo","getHasDownloadBlock","hasNonDownloadBlockWithPdfNode","getHasNonDownloadBlockWithPdfNode","activeDownloadBlockRef","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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"}

package/dist/features/fraud-detection/api/send-email.js

@@ -0,0 +1,9 @@
+import { createPostAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V1 as e } from "../../../constants/api.js";
+const { usePost: m } = t({
+  getURL: () => `${e}/utility/send-email`
+});
+export {
+  m as useSendEmail
+};
+//# sourceMappingURL=send-email.js.map

package/dist/features/fraud-detection/api/send-email.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-email.js","sources":["../../../../src/features/fraud-detection/api/send-email.tsx"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { type IFraudEmailPayload } from '../hooks/report-fraud-types';\n\nexport const { usePost: useSendEmail } = createPostAPI<null, IFraudEmailPayload>({\n  getURL: () => `${BASE_URL_V1}/utility/send-email`,\n});\n"],"names":["useSendEmail","createPostAPI","BASE_URL_V1"],"mappings":";;AAKO,MAAM,EAAE,SAASA,EAAa,IAAIC,EAAwC;AAAA,EAC/E,QAAQ,MAAM,GAAGC,CAAW;AAC9B,CAAC;"}

package/dist/features/fraud-detection/hooks/report-fraud-helper.js

@@ -0,0 +1,65 @@
+const p = ({
+  teacherId: t,
+  studentName: e,
+  studentId: o,
+  classStartTs: d,
+  teacherClassroomId: r,
+  studentClassroomId: l,
+  teacherUrl: a,
+  studentUrl: n
+}) => `
+  <div style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width: 800px; margin: 0 auto; background-color: #ffffff; padding: 30px; border: 1px solid #e0e0e0; border-radius: 8px;">
+    <h2 style="margin: 0; font-weight: 500;">A teacher has been flagged for breach of professional standards due to fraud login during a regular class session.</h2>
+    <h3 style=" margin: 30px 0 15px 0; font-size: 18px; font-weight: 600; padding-bottom: 8px;">📋 Evidence Captured:</h3>
+    <table style="border-collapse: collapse; width: 80%; margin: 20px auto; box-shadow: 0 2px 4px rgba(0,0,0,0.08); border-radius: 8px; overflow: hidden;">
+      <tbody>
+        <tr style="background-color: #f8f9fa;">
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242; width: 40%;">Tutor ID</td>
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;">${t}</td>
+        </tr>
+        <tr style="background-color: #ffffff;">
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Student Name</td>
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;">${e}</td>
+        </tr>
+        <tr style="background-color: #f8f9fa;">
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Student ID</td>
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;">${o}</td>
+        </tr>
+        <tr style="background-color: #ffffff;">
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Class Date & Time</td>
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;">${new Date(
+  d * 1e3
+).toLocaleString()}</td>
+        </tr>
+        <tr style="background-color: #f8f9fa;">
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Teacher Classroom ID</td>
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121; font-family: monospace; font-size: 13px;">${r}</td>
+        </tr>
+        <tr style="background-color: #ffffff;">
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Student Classroom ID</td>
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121; font-family: monospace; font-size: 13px;">${l}</td>
+        </tr>
+        <tr style="background-color: #f8f9fa;">
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Teacher Screenshot</td>
+          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0;">
+            <a href="${a}" style="color: #1976d2; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center;">
+              <span style="margin-right: 6px;">🔗</span> View Screenshot
+            </a>
+          </td>
+        </tr>
+        <tr style="background-color: #ffffff;">
+          <td style="padding: 14px 16px; font-weight: 600; color: #424242;">Student Screenshot</td>
+          <td style="padding: 14px 16px;">
+            <a href="${n}" style="color: #1976d2; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center;">
+              <span style="margin-right: 6px;">🔗</span> View Screenshot
+            </a>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+`;
+export {
+  p as generateEmailBody
+};
+//# sourceMappingURL=report-fraud-helper.js.map

package/dist/features/fraud-detection/hooks/report-fraud-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"report-fraud-helper.js","sources":["../../../../src/features/fraud-detection/hooks/report-fraud-helper.ts"],"sourcesContent":["export const generateEmailBody = ({\n  teacherId,\n  studentName,\n  studentId,\n  classStartTs,\n  teacherClassroomId,\n  studentClassroomId,\n  teacherUrl,\n  studentUrl,\n}: {\n  teacherId: string;\n  studentName: string;\n  studentId: string;\n  classStartTs: number;\n  teacherClassroomId: string;\n  studentClassroomId: string;\n  teacherUrl: string;\n  studentUrl: string;\n}) => `\n  <div style=\"font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width: 800px; margin: 0 auto; background-color: #ffffff; padding: 30px; border: 1px solid #e0e0e0; border-radius: 8px;\">\n    <h2 style=\"margin: 0; font-weight: 500;\">A teacher has been flagged for breach of professional standards due to fraud login during a regular class session.</h2>\n    <h3 style=\" margin: 30px 0 15px 0; font-size: 18px; font-weight: 600; padding-bottom: 8px;\">📋 Evidence Captured:</h3>\n    <table style=\"border-collapse: collapse; width: 80%; margin: 20px auto; box-shadow: 0 2px 4px rgba(0,0,0,0.08); border-radius: 8px; overflow: hidden;\">\n      <tbody>\n        <tr style=\"background-color: #f8f9fa;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242; width: 40%;\">Tutor ID</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;\">${teacherId}</td>\n        </tr>\n        <tr style=\"background-color: #ffffff;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Student Name</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;\">${studentName}</td>\n        </tr>\n        <tr style=\"background-color: #f8f9fa;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Student ID</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;\">${studentId}</td>\n        </tr>\n        <tr style=\"background-color: #ffffff;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Class Date & Time</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;\">${new Date(\n            classStartTs * 1000,\n          ).toLocaleString()}</td>\n        </tr>\n        <tr style=\"background-color: #f8f9fa;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Teacher Classroom ID</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121; font-family: monospace; font-size: 13px;\">${teacherClassroomId}</td>\n        </tr>\n        <tr style=\"background-color: #ffffff;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Student Classroom ID</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121; font-family: monospace; font-size: 13px;\">${studentClassroomId}</td>\n        </tr>\n        <tr style=\"background-color: #f8f9fa;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Teacher Screenshot</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0;\">\n            <a href=\"${teacherUrl}\" style=\"color: #1976d2; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center;\">\n              <span style=\"margin-right: 6px;\">🔗</span> View Screenshot\n            </a>\n          </td>\n        </tr>\n        <tr style=\"background-color: #ffffff;\">\n          <td style=\"padding: 14px 16px; font-weight: 600; color: #424242;\">Student Screenshot</td>\n          <td style=\"padding: 14px 16px;\">\n            <a href=\"${studentUrl}\" style=\"color: #1976d2; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center;\">\n              <span style=\"margin-right: 6px;\">🔗</span> View Screenshot\n            </a>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n`;\n"],"names":["generateEmailBody","teacherId","studentName","studentId","classStartTs","teacherClassroomId","studentClassroomId","teacherUrl","studentUrl"],"mappings":"AAAO,MAAMA,IAAoB,CAAC;AAAA,EAChC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AACF,MASM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8FAQwFP,CAAS;AAAA;AAAA;AAAA;AAAA,8FAITC,CAAW;AAAA;AAAA;AAAA;AAAA,8FAIXC,CAAS;AAAA;AAAA;AAAA;AAAA,8FAIT,IAAI;AAAA,EACtFC,IAAe;AACjB,EAAE,gBAAgB;AAAA;AAAA;AAAA;AAAA,uIAI2GC,CAAkB;AAAA;AAAA;AAAA;AAAA,uIAIlBC,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,uBAKlIC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAQVC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/fraud-detection/hooks/use-report-fraud.js

@@ -1,83 +1,99 @@
-import { useState as D, useCallback as c, useEffect as $ } from "react";
-import { useLocalPeer as U, useRemotePeers as N, useCaptureMediaStreamImage as l } from "@cuemath/av";
-import { useUIContext as L } from "../../ui/context/context.js";
-import { base64ToFile as S } from "../fraud-alert-modal/fraud-alert-modal-helpers.js";
-import { FRAUD_DETECTION_ANALYTICS_EVENTS as k } from "./report-fraud-analytics.js";
-import v from "../../hooks/use-s3-helper/use-s3-helper.js";
-const y = { type: "class_fraud_login" }, b = ({
-  teacherId: a,
-  studentId: i,
-  studentClassroomId: u,
-  teacherClassroomId: o,
-  classStartTs: r,
-  studentName: m
+import { useState as D, useCallback as _, useEffect as T } from "react";
+import { useLocalPeer as $, useRemotePeers as y, useCaptureMediaStreamImage as L } from "@cuemath/av";
+import { useUIContext as b } from "../../ui/context/context.js";
+import { base64ToFile as U } from "../fraud-alert-modal/fraud-alert-modal-helpers.js";
+import { FRAUD_DETECTION_ANALYTICS_EVENTS as N } from "./report-fraud-analytics.js";
+import d from "../../hooks/use-s3-helper/use-s3-helper.js";
+import { useSendEmail as k } from "../api/send-email.js";
+import { generateEmailBody as v } from "./report-fraud-helper.js";
+const w = { type: "class_fraud_login" }, x = ({
+  teacherId: n,
+  studentId: a,
+  studentClassroomId: r,
+  teacherClassroomId: t,
+  classStartTs: u,
+  studentName: f
 }) => {
-  const { onEvent: _ } = L(), [s, g] = D(!1), e = U(), n = N().find((t) => t.userId === a), f = l(), p = v({
-    studentId: i,
-    query: y
-  }), E = c(
-    (t) => {
-      _(k.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {
-        teacher_url: t[0],
-        student_url: t[1],
-        classStartTs: r,
-        teacherId: a,
-        studentId: i,
-        studentClassroomId: u,
-        studentName: m,
-        teacherClassroomId: o
+  const { onEvent: m } = b(), [p, g] = D(!1), e = $(), i = y().find((o) => o.userId === n), c = L(), E = d({
+    studentId: a,
+    query: w
+  }), { post: s } = k(), F = _(
+    (o) => {
+      m(N.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {
+        teacher_url: o[0],
+        student_url: o[1],
+        classStartTs: u,
+        teacherId: n,
+        studentId: a,
+        studentClassroomId: r,
+        studentName: f,
+        teacherClassroomId: t
+      }), s({
+        recipient_emails: ["ayush.singhal@cuemath.com"],
+        subject: "Breach of Professional Standards: Fraud Login",
+        body: v({
+          teacherId: n,
+          studentName: f,
+          studentId: a,
+          classStartTs: u,
+          teacherClassroomId: t,
+          studentClassroomId: r,
+          teacherUrl: o[0] || "",
+          studentUrl: o[1] || ""
+        })
       });
     },
     [
-      r,
-      _,
       u,
-      i,
       m,
-      o,
-      a
+      s,
+      r,
+      a,
+      f,
+      t,
+      n
     ]
-  ), R = c(() => {
-    _("fraud_detection_images_failed", { classStartTs: r, teacherId: a, studentId: i });
-  }, [r, _, i, a]);
-  return $(() => {
-    if (!s || !(n != null && n.id) || !(e != null && e.id))
+  ), R = _(() => {
+    m("fraud_detection_images_failed", { classStartTs: u, teacherId: n, studentId: a });
+  }, [u, m, a, n]);
+  return T(() => {
+    if (!p || !(i != null && i.id) || !(e != null && e.id))
       return;
-    const { image: t } = f(n == null ? void 0 : n.id, "camera"), { image: T } = f(e == null ? void 0 : e.id, "camera"), A = S(t, `teacher-${Date.now()}.png`), F = S(T, `student-${Date.now()}.png`);
-    !A || !F || (p({
+    const { image: o } = c(i == null ? void 0 : i.id, "camera"), { image: l } = c(e == null ? void 0 : e.id, "camera"), A = U(o, `teacher-${Date.now()}.png`), S = U(l, `student-${Date.now()}.png`);
+    !A || !S || (E({
       fileKey: "media/class_fraud_login/",
-      onSuccess: E,
+      onSuccess: F,
       onError: R,
       images: [
         {
           file: A,
-          name: `teacher_${o}_${a}`,
+          name: `teacher_${t}_${n}`,
           url: ""
         },
         {
-          file: F,
-          name: `student_${u}_${i}`,
+          file: S,
+          name: `student_${r}_${a}`,
           url: ""
         }
       ]
     }), g(!1));
   }, [
-    s,
-    f,
+    p,
+    c,
     e == null ? void 0 : e.id,
     R,
-    E,
-    n == null ? void 0 : n.id,
-    u,
-    i,
-    o,
+    F,
+    i == null ? void 0 : i.id,
+    r,
     a,
-    p
-  ]), c(() => {
+    t,
+    n,
+    E
+  ]), _(() => {
     g(!0);
   }, []);
-}, Y = b;
+}, Q = x;
 export {
-  Y as default
+  Q as default
 };
 //# sourceMappingURL=use-report-fraud.js.map

package/dist/features/fraud-detection/hooks/use-report-fraud.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-report-fraud.js","sources":["../../../../src/features/fraud-detection/hooks/use-report-fraud.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { useCaptureMediaStreamImage, useLocalPeer, useRemotePeers } from '@cuemath/av';\n\nimport { useUIContext } from '../../ui/context/context';\nimport { base64ToFile } from '../fraud-alert-modal/fraud-alert-modal-helpers';\nimport { type IUseFraudAlertProps } from './report-fraud-types';\nimport { FRAUD_DETECTION_ANALYTICS_EVENTS } from './report-fraud-analytics';\nimport useS3ImageUploadHelper from '../../hooks/use-s3-helper/use-s3-helper';\n\nconst QUERY = { type: 'class_fraud_login' };\n\nconst useReportFraud = ({\n  teacherId,\n  studentId,\n  studentClassroomId,\n  teacherClassroomId,\n  classStartTs,\n  studentName,\n}: IUseFraudAlertProps) => {\n  const { onEvent } = useUIContext();\n\n  const [canTrackEvent, setCanTrackEvent] = useState(false);\n  const localpeer = useLocalPeer();\n  const remotePeer = useRemotePeers().find(peer => peer.userId === teacherId);\n  const captureMediaStreamImage = useCaptureMediaStreamImage();\n  const uploadImages = useS3ImageUploadHelper({\n    studentId,\n    query: QUERY,\n  });\n  const onSuccess = useCallback(\n    (urls: string[]) => {\n      onEvent(FRAUD_DETECTION_ANALYTICS_EVENTS.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {\n        teacher_url: urls[0],\n        student_url: urls[1],\n        classStartTs,\n        teacherId,\n        studentId,\n        studentClassroomId,\n        studentName,\n        teacherClassroomId,\n      });\n    },\n    [\n      classStartTs,\n      onEvent,\n      studentClassroomId,\n      studentId,\n      studentName,\n      teacherClassroomId,\n      teacherId,\n    ],\n  );\n\n  const onError = useCallback(() => {\n    onEvent('fraud_detection_images_failed', { classStartTs, teacherId, studentId });\n  }, [classStartTs, onEvent, studentId, teacherId]);\n\n  useEffect(() => {\n    if (!canTrackEvent || !remotePeer?.id || !localpeer?.id) {\n      return;\n    }\n\n    const { image: teacherImage } = captureMediaStreamImage(remotePeer?.id, 'camera');\n    const { image: studentImage } = captureMediaStreamImage(localpeer?.id, 'camera');\n    const teacherFile = base64ToFile(teacherImage, `teacher-${Date.now()}.png`);\n    const studentFile = base64ToFile(studentImage, `student-${Date.now()}.png`);\n\n    if (!teacherFile || !studentFile) {\n      return;\n    }\n\n    uploadImages({\n      fileKey: `media/class_fraud_login/`,\n      onSuccess,\n      onError,\n      images: [\n        {\n          file: teacherFile,\n          name: `teacher_${teacherClassroomId}_${teacherId}`,\n          url: '',\n        },\n        {\n          file: studentFile,\n          name: `student_${studentClassroomId}_${studentId}`,\n          url: '',\n        },\n      ],\n    });\n\n    setCanTrackEvent(false);\n  }, [\n    canTrackEvent,\n    captureMediaStreamImage,\n    localpeer?.id,\n    onError,\n    onSuccess,\n    remotePeer?.id,\n    studentClassroomId,\n    studentId,\n    teacherClassroomId,\n    teacherId,\n    uploadImages,\n  ]);\n\n  const captureAndReportFraudImages = useCallback(() => {\n    setCanTrackEvent(true);\n  }, []);\n\n  return captureAndReportFraudImages;\n};\n\nexport default useReportFraud;\n"],"names":["QUERY","useReportFraud","teacherId","studentId","studentClassroomId","teacherClassroomId","classStartTs","studentName","onEvent","useUIContext","canTrackEvent","setCanTrackEvent","useState","localpeer","useLocalPeer","remotePeer","useRemotePeers","peer","captureMediaStreamImage","useCaptureMediaStreamImage","uploadImages","useS3ImageUploadHelper","onSuccess","useCallback","urls","FRAUD_DETECTION_ANALYTICS_EVENTS","onError","useEffect","teacherImage","studentImage","teacherFile","base64ToFile","studentFile","useReportFraud$1"],"mappings":";;;;;;AAUA,MAAMA,IAAQ,EAAE,MAAM,uBAEhBC,IAAiB,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,MAA2B;AACnB,QAAA,EAAE,SAAAC,MAAYC,KAEd,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClDC,IAAYC,KACZC,IAAaC,EAAe,EAAE,KAAK,CAAQC,MAAAA,EAAK,WAAWf,CAAS,GACpEgB,IAA0BC,KAC1BC,IAAeC,EAAuB;AAAA,IAC1C,WAAAlB;AAAA,IACA,OAAOH;AAAA,EAAA,CACR,GACKsB,IAAYC;AAAA,IAChB,CAACC,MAAmB;AAClB,MAAAhB,EAAQiB,EAAiC,8CAA8C;AAAA,QACrF,aAAaD,EAAK,CAAC;AAAA,QACnB,aAAaA,EAAK,CAAC;AAAA,QACnB,cAAAlB;AAAA,QACA,WAAAJ;AAAA,QACA,WAAAC;AAAA,QACA,oBAAAC;AAAA,QACA,aAAAG;AAAA,QACA,oBAAAF;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA;AAAA,MACEC;AAAA,MACAE;AAAA,MACAJ;AAAA,MACAD;AAAA,MACAI;AAAA,MACAF;AAAA,MACAH;AAAA,IACF;AAAA,EAAA,GAGIwB,IAAUH,EAAY,MAAM;AAChC,IAAAf,EAAQ,iCAAiC,EAAE,cAAAF,GAAc,WAAAJ,GAAW,WAAAC,EAAW,CAAA;AAAA,KAC9E,CAACG,GAAcE,GAASL,GAAWD,CAAS,CAAC;AAEhD,SAAAyB,EAAU,MAAM;AACd,QAAI,CAACjB,KAAiB,EAACK,KAAA,QAAAA,EAAY,OAAM,EAACF,KAAA,QAAAA,EAAW;AACnD;AAGF,UAAM,EAAE,OAAOe,MAAiBV,EAAwBH,KAAA,gBAAAA,EAAY,IAAI,QAAQ,GAC1E,EAAE,OAAOc,MAAiBX,EAAwBL,KAAA,gBAAAA,EAAW,IAAI,QAAQ,GACzEiB,IAAcC,EAAaH,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM,GACpEI,IAAcD,EAAaF,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM;AAEtE,IAAA,CAACC,KAAe,CAACE,MAIRZ,EAAA;AAAA,MACX,SAAS;AAAA,MACT,WAAAE;AAAA,MACA,SAAAI;AAAA,MACA,QAAQ;AAAA,QACN;AAAA,UACE,MAAMI;AAAA,UACN,MAAM,WAAWzB,CAAkB,IAAIH,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,QACA;AAAA,UACE,MAAM8B;AAAA,UACN,MAAM,WAAW5B,CAAkB,IAAID,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IAAA,CACD,GAEDQ,EAAiB,EAAK;AAAA,EAAA,GACrB;AAAA,IACDD;AAAA,IACAQ;AAAA,IACAL,KAAA,gBAAAA,EAAW;AAAA,IACXa;AAAA,IACAJ;AAAA,IACAP,KAAA,gBAAAA,EAAY;AAAA,IACZX;AAAA,IACAD;AAAA,IACAE;AAAA,IACAH;AAAA,IACAkB;AAAA,EAAA,CACD,GAEmCG,EAAY,MAAM;AACpD,IAAAZ,EAAiB,EAAI;AAAA,EACvB,GAAG,CAAE,CAAA;AAGP,GAEAsB,IAAehC;"}
+{"version":3,"file":"use-report-fraud.js","sources":["../../../../src/features/fraud-detection/hooks/use-report-fraud.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { useCaptureMediaStreamImage, useLocalPeer, useRemotePeers } from '@cuemath/av';\n\nimport { useUIContext } from '../../ui/context/context';\nimport { base64ToFile } from '../fraud-alert-modal/fraud-alert-modal-helpers';\nimport { type IUseFraudAlertProps } from './report-fraud-types';\nimport { FRAUD_DETECTION_ANALYTICS_EVENTS } from './report-fraud-analytics';\nimport useS3ImageUploadHelper from '../../hooks/use-s3-helper/use-s3-helper';\nimport { useSendEmail } from '../api/send-email';\nimport { generateEmailBody } from './report-fraud-helper';\n\nconst QUERY = { type: 'class_fraud_login' };\n\nconst useReportFraud = ({\n  teacherId,\n  studentId,\n  studentClassroomId,\n  teacherClassroomId,\n  classStartTs,\n  studentName,\n}: IUseFraudAlertProps) => {\n  const { onEvent } = useUIContext();\n\n  const [canTrackEvent, setCanTrackEvent] = useState(false);\n  const localpeer = useLocalPeer();\n  const remotePeer = useRemotePeers().find(peer => peer.userId === teacherId);\n  const captureMediaStreamImage = useCaptureMediaStreamImage();\n  const uploadImages = useS3ImageUploadHelper({\n    studentId,\n    query: QUERY,\n  });\n  const { post: sendEmail } = useSendEmail();\n  const onSuccess = useCallback(\n    (urls: string[]) => {\n      onEvent(FRAUD_DETECTION_ANALYTICS_EVENTS.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {\n        teacher_url: urls[0],\n        student_url: urls[1],\n        classStartTs,\n        teacherId,\n        studentId,\n        studentClassroomId,\n        studentName,\n        teacherClassroomId,\n      });\n\n      sendEmail({\n        recipient_emails: ['ayush.singhal@cuemath.com'],\n        subject: 'Breach of Professional Standards: Fraud Login',\n        body: generateEmailBody({\n          teacherId,\n          studentName,\n          studentId,\n          classStartTs,\n          teacherClassroomId,\n          studentClassroomId,\n          teacherUrl: urls[0] || '',\n          studentUrl: urls[1] || '',\n        }),\n      });\n    },\n    [\n      classStartTs,\n      onEvent,\n      sendEmail,\n      studentClassroomId,\n      studentId,\n      studentName,\n      teacherClassroomId,\n      teacherId,\n    ],\n  );\n\n  const onError = useCallback(() => {\n    onEvent('fraud_detection_images_failed', { classStartTs, teacherId, studentId });\n  }, [classStartTs, onEvent, studentId, teacherId]);\n\n  useEffect(() => {\n    if (!canTrackEvent || !remotePeer?.id || !localpeer?.id) {\n      return;\n    }\n\n    const { image: teacherImage } = captureMediaStreamImage(remotePeer?.id, 'camera');\n    const { image: studentImage } = captureMediaStreamImage(localpeer?.id, 'camera');\n    const teacherFile = base64ToFile(teacherImage, `teacher-${Date.now()}.png`);\n    const studentFile = base64ToFile(studentImage, `student-${Date.now()}.png`);\n\n    if (!teacherFile || !studentFile) {\n      return;\n    }\n\n    uploadImages({\n      fileKey: `media/class_fraud_login/`,\n      onSuccess,\n      onError,\n      images: [\n        {\n          file: teacherFile,\n          name: `teacher_${teacherClassroomId}_${teacherId}`,\n          url: '',\n        },\n        {\n          file: studentFile,\n          name: `student_${studentClassroomId}_${studentId}`,\n          url: '',\n        },\n      ],\n    });\n\n    setCanTrackEvent(false);\n  }, [\n    canTrackEvent,\n    captureMediaStreamImage,\n    localpeer?.id,\n    onError,\n    onSuccess,\n    remotePeer?.id,\n    studentClassroomId,\n    studentId,\n    teacherClassroomId,\n    teacherId,\n    uploadImages,\n  ]);\n\n  const captureAndReportFraudImages = useCallback(() => {\n    setCanTrackEvent(true);\n  }, []);\n\n  return captureAndReportFraudImages;\n};\n\nexport default useReportFraud;\n"],"names":["QUERY","useReportFraud","teacherId","studentId","studentClassroomId","teacherClassroomId","classStartTs","studentName","onEvent","useUIContext","canTrackEvent","setCanTrackEvent","useState","localpeer","useLocalPeer","remotePeer","useRemotePeers","peer","captureMediaStreamImage","useCaptureMediaStreamImage","uploadImages","useS3ImageUploadHelper","sendEmail","useSendEmail","onSuccess","useCallback","urls","FRAUD_DETECTION_ANALYTICS_EVENTS","generateEmailBody","onError","useEffect","teacherImage","studentImage","teacherFile","base64ToFile","studentFile","useReportFraud$1"],"mappings":";;;;;;;;AAYA,MAAMA,IAAQ,EAAE,MAAM,uBAEhBC,IAAiB,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,MAA2B;AACnB,QAAA,EAAE,SAAAC,MAAYC,KAEd,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClDC,IAAYC,KACZC,IAAaC,EAAe,EAAE,KAAK,CAAQC,MAAAA,EAAK,WAAWf,CAAS,GACpEgB,IAA0BC,KAC1BC,IAAeC,EAAuB;AAAA,IAC1C,WAAAlB;AAAA,IACA,OAAOH;AAAA,EAAA,CACR,GACK,EAAE,MAAMsB,EAAU,IAAIC,EAAa,GACnCC,IAAYC;AAAA,IAChB,CAACC,MAAmB;AAClB,MAAAlB,EAAQmB,EAAiC,8CAA8C;AAAA,QACrF,aAAaD,EAAK,CAAC;AAAA,QACnB,aAAaA,EAAK,CAAC;AAAA,QACnB,cAAApB;AAAA,QACA,WAAAJ;AAAA,QACA,WAAAC;AAAA,QACA,oBAAAC;AAAA,QACA,aAAAG;AAAA,QACA,oBAAAF;AAAA,MAAA,CACD,GAESiB,EAAA;AAAA,QACR,kBAAkB,CAAC,2BAA2B;AAAA,QAC9C,SAAS;AAAA,QACT,MAAMM,EAAkB;AAAA,UACtB,WAAA1B;AAAA,UACA,aAAAK;AAAA,UACA,WAAAJ;AAAA,UACA,cAAAG;AAAA,UACA,oBAAAD;AAAA,UACA,oBAAAD;AAAA,UACA,YAAYsB,EAAK,CAAC,KAAK;AAAA,UACvB,YAAYA,EAAK,CAAC,KAAK;AAAA,QAAA,CACxB;AAAA,MAAA,CACF;AAAA,IACH;AAAA,IACA;AAAA,MACEpB;AAAA,MACAE;AAAA,MACAc;AAAA,MACAlB;AAAA,MACAD;AAAA,MACAI;AAAA,MACAF;AAAA,MACAH;AAAA,IACF;AAAA,EAAA,GAGI2B,IAAUJ,EAAY,MAAM;AAChC,IAAAjB,EAAQ,iCAAiC,EAAE,cAAAF,GAAc,WAAAJ,GAAW,WAAAC,EAAW,CAAA;AAAA,KAC9E,CAACG,GAAcE,GAASL,GAAWD,CAAS,CAAC;AAEhD,SAAA4B,EAAU,MAAM;AACd,QAAI,CAACpB,KAAiB,EAACK,KAAA,QAAAA,EAAY,OAAM,EAACF,KAAA,QAAAA,EAAW;AACnD;AAGF,UAAM,EAAE,OAAOkB,MAAiBb,EAAwBH,KAAA,gBAAAA,EAAY,IAAI,QAAQ,GAC1E,EAAE,OAAOiB,MAAiBd,EAAwBL,KAAA,gBAAAA,EAAW,IAAI,QAAQ,GACzEoB,IAAcC,EAAaH,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM,GACpEI,IAAcD,EAAaF,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM;AAEtE,IAAA,CAACC,KAAe,CAACE,MAIRf,EAAA;AAAA,MACX,SAAS;AAAA,MACT,WAAAI;AAAA,MACA,SAAAK;AAAA,MACA,QAAQ;AAAA,QACN;AAAA,UACE,MAAMI;AAAA,UACN,MAAM,WAAW5B,CAAkB,IAAIH,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,QACA;AAAA,UACE,MAAMiC;AAAA,UACN,MAAM,WAAW/B,CAAkB,IAAID,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IAAA,CACD,GAEDQ,EAAiB,EAAK;AAAA,EAAA,GACrB;AAAA,IACDD;AAAA,IACAQ;AAAA,IACAL,KAAA,gBAAAA,EAAW;AAAA,IACXgB;AAAA,IACAL;AAAA,IACAT,KAAA,gBAAAA,EAAY;AAAA,IACZX;AAAA,IACAD;AAAA,IACAE;AAAA,IACAH;AAAA,IACAkB;AAAA,EAAA,CACD,GAEmCK,EAAY,MAAM;AACpD,IAAAd,EAAiB,EAAI;AAAA,EACvB,GAAG,CAAE,CAAA;AAGP,GAEAyB,IAAenC;"}

package/dist/features/{trial-session/hooks → journey/hooks/use-learning-plan-journey}/use-chapter-details-journey.js

@@ -1,12 +1,12 @@
 import { jsx as o, Fragment as b, jsxs as f } from "react/jsx-runtime";
 import { useRef as a, useCallback as s, useEffect as E, useMemo as k } from "react";
-import y from "../../ui/layout/flex-view.js";
-import { JOURNEY_ID_TEACHER as I } from "../../journey/journey-id/journey-id-teacher.js";
-import { IndicatorType as T } from "../../journey/use-journey/constants.js";
-import g from "../../ui/separator/separator.js";
-import i from "../../ui/text/text.js";
-import A from "../../journey/hooks/use-home-page-journey/tooltip-item.js";
-import { useJourney as L } from "../../journey/use-journey/use-journey.js";
+import y from "../../../ui/layout/flex-view.js";
+import { JOURNEY_ID_TEACHER as I } from "../../journey-id/journey-id-teacher.js";
+import { IndicatorType as T } from "../../use-journey/constants.js";
+import g from "../../../ui/separator/separator.js";
+import i from "../../../ui/text/text.js";
+import A from "../use-home-page-journey/tooltip-item.js";
+import { useJourney as L } from "../../use-journey/use-journey.js";
 const D = ({ onComplete: d }) => {
   const n = I.CHAPTER_DETAILS_INTRO_JOURNEY, e = a(null), t = a(null), O = a([]), { setJourney: m, clearJourney: r, nextCoachmark: c, isJourneyActive: u } = L(), h = s(() => {
     document.body.style.overflow = "unset", r(), d();

package/dist/features/journey/hooks/use-learning-plan-journey/use-chapter-details-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chapter-details-journey.js","sources":["../../../../../src/features/journey/hooks/use-learning-plan-journey/use-chapter-details-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../use-journey/journey-context-types';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\nimport { useJourney } from '../../use-journey/use-journey';\n\ninterface IUseChapterDetailsJourney {\n  (params: { onComplete: () => void }): {\n    nodeCardsRef: RefObject<HTMLDivElement>;\n    backButtonRef: RefObject<HTMLButtonElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useChapterDetailsJourney: IUseChapterDetailsJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.CHAPTER_DETAILS_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const nodeCardsRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const backButtonRef = useRef<HTMLButtonElement>(null) as RefObject<HTMLButtonElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, clearJourney, nextCoachmark, isJourneyActive } = useJourney();\n\n  // Helper to mark journey as completed for a class\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId);\n  }, [journeyId, nextCoachmark]);\n\n  const startJourney = useCallback(() => {\n    // Check if elements are absent or journey was already completed for this class\n    if (!nodeCardsRef?.current || !backButtonRef?.current || isJourneyActive) return;\n\n    const chapterDetailsSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef: nodeCardsRef,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 145,\n          tooltipYCoOrdinates: 125,\n          arrowSize: 10,\n          arrowXCoOrdinates: -100,\n          position: 'bottom',\n          backgroundColor: 'PURPLE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Open a worksheet</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap to open any worksheet.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleNextCoachmark}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n      {\n        originalElementToHighlightRef: backButtonRef as unknown as RefObject<HTMLDivElement>,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 283,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 130,\n          tooltipYCoOrdinates: 40,\n          arrowSize: 10,\n          arrowXCoOrdinates: -115,\n          position: 'bottom',\n          backgroundColor: 'ORANGE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Back to Goals</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap here to go back to learning home.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, chapterDetailsSteps, undefined, false);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachmark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, handleNextCoachmark, isJourneyActive, journeyId, setJourney]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      nodeCardsRef,\n      backButtonRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useChapterDetailsJourney };\n"],"names":["useChapterDetailsJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","nodeCardsRef","useRef","backButtonRef","timerRefs","setJourney","clearJourney","nextCoachmark","isJourneyActive","useJourney","handleEndJourney","useCallback","handleNextCoachmark","startJourney","chapterDetailsSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":"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"}

package/dist/features/{trial-session/hooks → journey/hooks/use-learning-plan-journey}/use-learning-plan-journey.js

@@ -1,12 +1,12 @@
 import { jsx as o, Fragment as y, jsxs as b } from "react/jsx-runtime";
 import { useRef as a, useCallback as s, useEffect as w, useMemo as L } from "react";
-import f from "../../ui/layout/flex-view.js";
-import { JOURNEY_ID_TEACHER as I } from "../../journey/journey-id/journey-id-teacher.js";
-import { IndicatorType as g } from "../../journey/use-journey/constants.js";
-import T from "../../ui/separator/separator.js";
-import l from "../../ui/text/text.js";
-import A from "../../journey/hooks/use-home-page-journey/tooltip-item.js";
-import { useJourney as J } from "../../journey/use-journey/use-journey.js";
+import f from "../../../ui/layout/flex-view.js";
+import { JOURNEY_ID_TEACHER as I } from "../../journey-id/journey-id-teacher.js";
+import { IndicatorType as g } from "../../use-journey/constants.js";
+import T from "../../../ui/separator/separator.js";
+import l from "../../../ui/text/text.js";
+import A from "../use-home-page-journey/tooltip-item.js";
+import { useJourney as J } from "../../use-journey/use-journey.js";
 const Y = ({ onComplete: d }) => {
   const e = I.LEARNING_PLAN_INTRO_JOURNEY, r = a(null), t = a(null), O = a([]), { isJourneyActive: c, setJourney: m, clearJourney: n, nextCoachmark: i } = J(), u = s(() => {
     i(e);

package/dist/features/journey/hooks/use-learning-plan-journey/use-learning-plan-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-learning-plan-journey.js","sources":["../../../../../src/features/journey/hooks/use-learning-plan-journey/use-learning-plan-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../use-journey/journey-context-types';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\nimport { useJourney } from '../../use-journey/use-journey';\n\ninterface IUseLearningPlanJourney {\n  ({ onComplete }: { onComplete: () => void }): {\n    editButtonRef: RefObject<HTMLButtonElement>;\n    firstChapterRef: RefObject<HTMLDivElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useLearningPlanJourney: IUseLearningPlanJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.LEARNING_PLAN_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const editButtonRef = useRef<HTMLButtonElement>(null) as RefObject<HTMLButtonElement>;\n  const firstChapterRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { isJourneyActive, setJourney, clearJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const startJourney = useCallback(() => {\n    // Check if targeted is absent or journey was already completed or active for this class\n    if (!editButtonRef?.current || !firstChapterRef?.current || isJourneyActive) {\n      return;\n    }\n\n    const learningPlanSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef: editButtonRef as unknown as RefObject<HTMLDivElement>,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -85,\n          tooltipYCoOrdinates: 40,\n          arrowSize: 10,\n          arrowXCoOrdinates: 102,\n          position: 'bottom',\n          backgroundColor: 'BLUE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Edit a Goal</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">You can always edit this later.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleNextCoachmark}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n      {\n        originalElementToHighlightRef: firstChapterRef,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 232,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 175,\n          tooltipYCoOrdinates: 75,\n          arrowSize: 10,\n          arrowXCoOrdinates: 0,\n          position: 'right',\n          backgroundColor: 'GREEN_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Open a Chapter</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap to open any chapter.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, learningPlanSteps, undefined, false);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      nextCoachmark(journeyId);\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [\n    handleEndJourney,\n    handleNextCoachmark,\n    isJourneyActive,\n    journeyId,\n    nextCoachmark,\n    setJourney,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      editButtonRef,\n      firstChapterRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useLearningPlanJourney };\n"],"names":["useLearningPlanJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","editButtonRef","useRef","firstChapterRef","timerRefs","isJourneyActive","setJourney","clearJourney","nextCoachmark","useJourney","handleNextCoachmark","useCallback","handleEndJourney","startJourney","learningPlanSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":"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"}