@cuemath/leap 3.0.1-hg1 → 3.0.1

package/dist/features/circle-games/sign-up/constants.js

@@ -1,5 +1,5 @@
 import { State as e } from "./sign-up-types.js";
-const a = [e.ACTIVE, e.PAUSED, e.PAID], h = [e.TRIAL, e.DEMO], p = [
+const h = [e.ACTIVE, e.PAUSED, e.PAID], i = [e.TRIAL, e.DEMO], p = [
   { label: "2", key: "2", sup: "nd" },
   { label: "3", key: "3", sup: "rd" },
   { label: "4", key: "4", sup: "th" },
@@ -11,14 +11,14 @@ const a = [e.ACTIVE, e.PAUSED, e.PAID], h = [e.TRIAL, e.DEMO], p = [
   { label: "10", key: "10", sup: "th" },
   { label: "11", key: "11", sup: "th" },
   { label: "12", key: "12", sup: "th" }
-], t = 440, s = 640, l = window.innerWidth / t, i = window.innerHeight / s, n = window.innerWidth < window.innerHeight ? l : i, r = Math.min(s * n, s), u = Math.min(t * n, t);
+], t = 440, s = 640, n = window.innerWidth / t, a = window.innerHeight / s, l = Math.min(n, a), u = Math.min(s * l, s), b = Math.min(t * l, t);
 export {
   s as ACTUAL_HEIGHT,
   t as ACTUAL_WIDTH,
-  r as CONTAINER_HEIGHT,
-  u as CONTAINER_WIDTH,
+  u as CONTAINER_HEIGHT,
+  b as CONTAINER_WIDTH,
   p as GRADES,
-  a as userIsEnrolledCases,
-  h as userIsOnTrialCases
+  h as userIsEnrolledCases,
+  i as userIsOnTrialCases
 };
 //# sourceMappingURL=constants.js.map

package/dist/features/circle-games/sign-up/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/circle-games/sign-up/constants.ts"],"sourcesContent":["import type { Grade } from './comp/grade-input/grade-input-types';\n\nimport { State } from './sign-up-types';\n\nexport const userIsEnrolledCases = [State.ACTIVE, State.PAUSED, State.PAID];\nexport const userIsOnTrialCases = [State.TRIAL, State.DEMO];\n\nexport const GRADES: Grade[] = [\n  { label: '2', key: '2', sup: 'nd' },\n  { label: '3', key: '3', sup: 'rd' },\n  { label: '4', key: '4', sup: 'th' },\n  { label: '5', key: '5', sup: 'th' },\n  { label: '6', key: '6', sup: 'th' },\n  { label: '7', key: '7', sup: 'th' },\n  { label: '8', key: '8', sup: 'th' },\n  { label: '9', key: '9', sup: 'th' },\n  { label: '10', key: '10', sup: 'th' },\n  { label: '11', key: '11', sup: 'th' },\n  { label: '12', key: '12', sup: 'th' },\n];\n\nexport const MIN_HEIGHT_TO_SUPPORT = 540;\nexport const ACTUAL_WIDTH = 440;\nexport const ACTUAL_HEIGHT = 640;\n\nconst widthRatio = window.innerWidth / ACTUAL_WIDTH;\nconst heightRatio = window.innerHeight / ACTUAL_HEIGHT;\nconst ratio = window.innerWidth < window.innerHeight ? widthRatio : heightRatio;\n\nexport const CONTAINER_HEIGHT = Math.min(ACTUAL_HEIGHT * ratio, ACTUAL_HEIGHT);\nexport const CONTAINER_WIDTH = Math.min(ACTUAL_WIDTH * ratio, ACTUAL_WIDTH);\n"],"names":["userIsEnrolledCases","State","userIsOnTrialCases","GRADES","ACTUAL_WIDTH","ACTUAL_HEIGHT","widthRatio","heightRatio","ratio","CONTAINER_HEIGHT","CONTAINER_WIDTH"],"mappings":";AAIO,MAAMA,IAAsB,CAACC,EAAM,QAAQA,EAAM,QAAQA,EAAM,IAAI,GAC7DC,IAAqB,CAACD,EAAM,OAAOA,EAAM,IAAI,GAE7CE,IAAkB;AAAA,EAC7B,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AACtC,GAGaC,IAAe,KACfC,IAAgB,KAEvBC,IAAa,OAAO,aAAaF,GACjCG,IAAc,OAAO,cAAcF,GACnCG,IAAQ,OAAO,aAAa,OAAO,cAAcF,IAAaC,GAEvDE,IAAmB,KAAK,IAAIJ,IAAgBG,GAAOH,CAAa,GAChEK,IAAkB,KAAK,IAAIN,IAAeI,GAAOJ,CAAY;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/circle-games/sign-up/constants.ts"],"sourcesContent":["import type { Grade } from './comp/grade-input/grade-input-types';\n\nimport { State } from './sign-up-types';\n\nexport const userIsEnrolledCases = [State.ACTIVE, State.PAUSED, State.PAID];\nexport const userIsOnTrialCases = [State.TRIAL, State.DEMO];\n\nexport const GRADES: Grade[] = [\n  { label: '2', key: '2', sup: 'nd' },\n  { label: '3', key: '3', sup: 'rd' },\n  { label: '4', key: '4', sup: 'th' },\n  { label: '5', key: '5', sup: 'th' },\n  { label: '6', key: '6', sup: 'th' },\n  { label: '7', key: '7', sup: 'th' },\n  { label: '8', key: '8', sup: 'th' },\n  { label: '9', key: '9', sup: 'th' },\n  { label: '10', key: '10', sup: 'th' },\n  { label: '11', key: '11', sup: 'th' },\n  { label: '12', key: '12', sup: 'th' },\n];\n\nexport const MIN_HEIGHT_TO_SUPPORT = 540;\nexport const ACTUAL_WIDTH = 440;\nexport const ACTUAL_HEIGHT = 640;\n\nconst widthRatio = window.innerWidth / ACTUAL_WIDTH;\nconst heightRatio = window.innerHeight / ACTUAL_HEIGHT;\nconst ratio = Math.min(widthRatio, heightRatio);\n\nexport const CONTAINER_HEIGHT = Math.min(ACTUAL_HEIGHT * ratio, ACTUAL_HEIGHT);\nexport const CONTAINER_WIDTH = Math.min(ACTUAL_WIDTH * ratio, ACTUAL_WIDTH);\n"],"names":["userIsEnrolledCases","State","userIsOnTrialCases","GRADES","ACTUAL_WIDTH","ACTUAL_HEIGHT","widthRatio","heightRatio","ratio","CONTAINER_HEIGHT","CONTAINER_WIDTH"],"mappings":";AAIO,MAAMA,IAAsB,CAACC,EAAM,QAAQA,EAAM,QAAQA,EAAM,IAAI,GAC7DC,IAAqB,CAACD,EAAM,OAAOA,EAAM,IAAI,GAE7CE,IAAkB;AAAA,EAC7B,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AACtC,GAGaC,IAAe,KACfC,IAAgB,KAEvBC,IAAa,OAAO,aAAaF,GACjCG,IAAc,OAAO,cAAcF,GACnCG,IAAQ,KAAK,IAAIF,GAAYC,CAAW,GAEjCE,IAAmB,KAAK,IAAIJ,IAAgBG,GAAOH,CAAa,GAChEK,IAAkB,KAAK,IAAIN,IAAeI,GAAOJ,CAAY;"}

package/dist/features/journey/hooks/use-chapter-journey.js

@@ -1,48 +1,52 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useRef as n, useCallback as p, useMemo as S, useEffect as x } from "react";
-import N from "../../chapters-v2/chapter-details/block-sections/block-sections.js";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { useRef as n, useCallback as p, useMemo as R, useEffect as N } from "react";
+import _ from "../../chapters-v2/chapter-details/block-sections/block-sections.js";
 import L from "../../chapters-v2/chapter-details/chapter-banner/chapter-banner.js";
-import P from "../../chapters-v2/chapter-details/chapter-details.js";
-import _ from "../../ui/layout/flex-view.js";
-import { JOURNEY_ID_STUDENT as I } from "../journey-id/journey-id-student.js";
-import { PROGRESS_STAT_MOCK as k, BLOCK_MOCKS as K } from "../mocks/chapter-page-journey-mock-data.js";
+import I from "../../chapters-v2/chapter-details/chapter-details.js";
+import k from "../../ui/layout/flex-view.js";
+import P from "../../ui/separator/separator.js";
+import { JOURNEY_ID_STUDENT as K } from "../journey-id/journey-id-student.js";
+import { PROGRESS_STAT_MOCK as y, BLOCK_MOCKS as H } from "../mocks/chapter-page-journey-mock-data.js";
 import { IndicatorType as l } from "../use-journey/constants.js";
-import { useJourney as H } from "../use-journey/use-journey.js";
+import { useJourney as v } from "../use-journey/use-journey.js";
 import a from "./use-home-page-journey/tooltip-item.js";
-const F = () => {
-  const t = I.CHAPTER_PAGE_JOURNEY, e = n(null), r = n(null), s = n(null), c = n([]), { nextCoachmark: d, setJourney: h, endJourney: C } = H(), i = p(() => {
+const $ = () => {
+  const t = K.CHAPTER_PAGE_JOURNEY, r = n(null), e = n(null), s = n(null), c = n([]), { nextCoachmark: d, setJourney: h, endJourney: C } = v(), i = p(() => {
     d(t, !1, 0, !0);
   }, [t, d]), g = p(() => {
     document.body.style.overflow = "unset", C(t);
   }, [C, t]), f = p(
-    ({ chapterDetails: u, userChapterId: A, studentId: B, userType: T }) => {
-      const { name: O, image_hue: m, image_url: b } = u;
-      if (!(e != null && e.current) || !(r != null && r.current) || !s.current)
+    ({ chapterDetails: m, userChapterId: B, studentId: E, userType: T }) => {
+      const { name: O, image_hue: u, image_url: b } = m;
+      if (!(r != null && r.current) || !(e != null && e.current) || !s.current)
         return;
-      const E = e.current.getBoundingClientRect(), R = [
+      const S = [
         {
-          originalElementToHighlightRef: e,
+          originalElementToHighlightRef: r,
           isActive: !1,
           type: l.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ o(
-            P,
-            {
-              userChapterId: A,
-              studentId: B,
-              userType: T,
-              onBlockSkipUnskip: () => null,
-              onNodeAttempt: () => null,
-              onNodeAttemptLocationChange: () => null,
-              onNodeMarkAsDone: () => null,
-              onNodeReattempt: () => null,
-              onNodeReview: () => null,
-              onNodeView: () => null,
-              onExit: () => null
-            }
-          ),
+          elementToHighlight: /* @__PURE__ */ x(k, { children: [
+            /* @__PURE__ */ o(P, { heightX: 10 }),
+            /* @__PURE__ */ o(
+              I,
+              {
+                userChapterId: B,
+                studentId: E,
+                userType: T,
+                onBlockSkipUnskip: () => null,
+                onNodeAttempt: () => null,
+                onNodeAttemptLocationChange: () => null,
+                onNodeMarkAsDone: () => null,
+                onNodeReattempt: () => null,
+                onNodeReview: () => null,
+                onNodeView: () => null,
+                onExit: () => null
+              }
+            )
+          ] }),
           indicator: {
-            position: "left",
-            tooltipYCoOrdinates: -(E.height / 2) + 178,
+            position: "top",
+            tooltipYCoOrdinates: -140,
             backgroundColor: "BLUE_4",
             borderColor: "BLACK",
             arrowColor: "BLACK",
@@ -59,14 +63,14 @@ const F = () => {
           }
         },
         {
-          originalElementToHighlightRef: r,
+          originalElementToHighlightRef: e,
           elementToHighlight: /* @__PURE__ */ o(
             L,
             {
               title: O,
-              progressStats: k,
+              progressStats: y,
               imageUrl: b,
-              imageHue: m
+              imageHue: u
             }
           ),
           type: l.TOOLTIP,
@@ -91,14 +95,14 @@ const F = () => {
           isActive: !1
         },
         {
-          originalElementToHighlightRef: r,
+          originalElementToHighlightRef: e,
           elementToHighlight: /* @__PURE__ */ o(
             L,
             {
               title: O,
-              progressStats: k,
+              progressStats: y,
               imageUrl: b,
-              imageHue: m
+              imageHue: u
             }
           ),
           type: l.TOOLTIP,
@@ -124,7 +128,7 @@ const F = () => {
         },
         {
           originalElementToHighlightRef: s,
-          elementToHighlight: /* @__PURE__ */ o(_, { $widthX: 50, children: /* @__PURE__ */ o(N, { userType: T, blocks: K, imageHue: m }) }),
+          elementToHighlight: /* @__PURE__ */ o(k, { $widthX: 50, children: /* @__PURE__ */ o(_, { userType: T, blocks: H, imageHue: u }) }),
           type: l.TOOLTIP,
           indicator: {
             position: "top",
@@ -147,27 +151,27 @@ const F = () => {
           isActive: !1
         }
       ];
-      h(t, R);
+      h(t, S);
       const w = setTimeout(() => {
         clearTimeout(w), window.scrollTo(0, 0), document.body.style.overflow = "hidden", i();
       }, 500);
       c.current.push(w);
     },
     [i, g, h, t]
-  ), y = S(
+  ), A = R(
     () => ({
-      chapterPageRef: e,
-      bannerRef: r,
+      chapterPageRef: r,
+      bannerRef: e,
       coreBlocksRef: s,
       startJourney: f
     }),
     [f]
   );
-  return x(() => () => {
-    c.current.forEach((u) => clearTimeout(u)), c.current = [];
-  }, []), y;
+  return N(() => () => {
+    c.current.forEach((m) => clearTimeout(m)), c.current = [];
+  }, []), A;
 };
 export {
-  F as useChapterPageJourney
+  $ as useChapterPageJourney
 };
 //# sourceMappingURL=use-chapter-journey.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-chapter-journey.js","sources":["../../../../src/features/journey/hooks/use-chapter-journey.tsx"],"sourcesContent":["import type { IUserChapterData } from '../../chapters-v2/chapter-details/chapter-details-types';\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { TUserTypes } from '../../ui/types';\nimport type { ICoachmarkProps } from '../use-journey/journey-context-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport BlockSections from '../../chapters-v2/chapter-details/block-sections/block-sections';\nimport ChapterBanner from '../../chapters-v2/chapter-details/chapter-banner/chapter-banner';\nimport ChapterDetails from '../../chapters-v2/chapter-details/chapter-details';\nimport FlexView from '../../ui/layout/flex-view';\nimport { JOURNEY_ID_STUDENT } from '../journey-id/journey-id-student';\nimport { BLOCK_MOCKS, PROGRESS_STAT_MOCK } from '../mocks/chapter-page-journey-mock-data';\nimport { IndicatorType } from '../use-journey/constants';\nimport { useJourney } from '../use-journey/use-journey';\nimport TooltipItem from './use-home-page-journey/tooltip-item';\n\ninterface IChapterStartJourneyProps {\n  chapterDetails: IUserChapterData;\n  userChapterId: string;\n  studentId: string;\n  userType: TUserTypes;\n}\n\nexport const useChapterPageJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.CHAPTER_PAGE_JOURNEY;\n\n  const chapterPageRef = useRef<HTMLDivElement>(null);\n  const bannerRef = useRef<HTMLDivElement>(null);\n  const coreBlocksRef = useRef<HTMLDivElement>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, true);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    ({ chapterDetails, userChapterId, studentId, userType }: IChapterStartJourneyProps) => {\n      const { name, image_hue: imageHue, image_url: imageUrl } = chapterDetails;\n\n      if (!chapterPageRef?.current || !bannerRef?.current || !coreBlocksRef.current) {\n        return;\n      }\n\n      const chapterPageRect = chapterPageRef.current.getBoundingClientRect();\n\n      const chapterPageSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: chapterPageRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: (\n            <ChapterDetails\n              userChapterId={userChapterId}\n              studentId={studentId}\n              userType={userType}\n              onBlockSkipUnskip={() => null}\n              onNodeAttempt={() => null}\n              onNodeAttemptLocationChange={() => null}\n              onNodeMarkAsDone={() => null}\n              onNodeReattempt={() => null}\n              onNodeReview={() => null}\n              onNodeView={() => null}\n              onExit={() => null}\n            />\n          ),\n          indicator: {\n            position: 'left',\n            tooltipYCoOrdinates: -(chapterPageRect.height / 2) + 178,\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Welcome to the all new chapter experience.\"\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: bannerRef,\n          elementToHighlight: (\n            <ChapterBanner\n              title={name}\n              progressStats={PROGRESS_STAT_MOCK}\n              imageUrl={imageUrl}\n              imageHue={imageHue}\n            />\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'bottom',\n            tooltipXCoOrdinates: -45,\n            tooltipYCoOrdinates: -40,\n            backgroundColor: 'ORANGE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            width: 264,\n            arrowSize: 12,\n            tooltipItem: (\n              <TooltipItem\n                text=\"A chapter is divided into *core sheets (compulsory), and supplementary sheets.\"\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: bannerRef,\n          elementToHighlight: (\n            <ChapterBanner\n              title={name}\n              progressStats={PROGRESS_STAT_MOCK}\n              imageUrl={imageUrl}\n              imageHue={imageHue}\n            />\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'bottom',\n            tooltipXCoOrdinates: -275,\n            tooltipYCoOrdinates: -15,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Easily track the progress of the core sheets.\"\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: coreBlocksRef,\n          elementToHighlight: (\n            <FlexView $widthX={50}>\n              <BlockSections userType={userType} blocks={BLOCK_MOCKS} imageHue={imageHue} />\n            </FlexView>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -150,\n            tooltipYCoOrdinates: -260,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Core sheets are marked to help you find them faster.\"\n                buttonLabel=\"Got it\"\n                onButtonClick={handleEndJourney}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, chapterPageSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        window.scrollTo(0, 0);\n        document.body.style.overflow = 'hidden';\n        handleNextCoachmark();\n      }, 500);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [handleNextCoachmark, handleEndJourney, setJourney, journeyId],\n  );\n\n  const data = useMemo(\n    () => ({\n      chapterPageRef,\n      bannerRef,\n      coreBlocksRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, []);\n\n  return data;\n};\n"],"names":["useChapterPageJourney","journeyId","JOURNEY_ID_STUDENT","chapterPageRef","useRef","bannerRef","coreBlocksRef","timerRefs","nextCoachmark","setJourney","endJourney","useJourney","handleNextCoachmark","useCallback","handleEndJourney","startJourney","chapterDetails","userChapterId","studentId","userType","name","imageHue","imageUrl","chapterPageRect","chapterPageSteps","IndicatorType","jsx","ChapterDetails","TooltipItem","ChapterBanner","PROGRESS_STAT_MOCK","FlexView","BlockSections","BLOCK_MOCKS","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}
+{"version":3,"file":"use-chapter-journey.js","sources":["../../../../src/features/journey/hooks/use-chapter-journey.tsx"],"sourcesContent":["import type { IUserChapterData } from '../../chapters-v2/chapter-details/chapter-details-types';\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { TUserTypes } from '../../ui/types';\nimport type { ICoachmarkProps } from '../use-journey/journey-context-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport BlockSections from '../../chapters-v2/chapter-details/block-sections/block-sections';\nimport ChapterBanner from '../../chapters-v2/chapter-details/chapter-banner/chapter-banner';\nimport ChapterDetails from '../../chapters-v2/chapter-details/chapter-details';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport { JOURNEY_ID_STUDENT } from '../journey-id/journey-id-student';\nimport { BLOCK_MOCKS, PROGRESS_STAT_MOCK } from '../mocks/chapter-page-journey-mock-data';\nimport { IndicatorType } from '../use-journey/constants';\nimport { useJourney } from '../use-journey/use-journey';\nimport TooltipItem from './use-home-page-journey/tooltip-item';\n\ninterface IChapterStartJourneyProps {\n  chapterDetails: IUserChapterData;\n  userChapterId: string;\n  studentId: string;\n  userType: TUserTypes;\n}\n\nexport const useChapterPageJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.CHAPTER_PAGE_JOURNEY;\n\n  const chapterPageRef = useRef<HTMLDivElement>(null);\n  const bannerRef = useRef<HTMLDivElement>(null);\n  const coreBlocksRef = useRef<HTMLDivElement>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, true);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    ({ chapterDetails, userChapterId, studentId, userType }: IChapterStartJourneyProps) => {\n      const { name, image_hue: imageHue, image_url: imageUrl } = chapterDetails;\n\n      if (!chapterPageRef?.current || !bannerRef?.current || !coreBlocksRef.current) {\n        return;\n      }\n\n      const chapterPageSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: chapterPageRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: (\n            <FlexView>\n              <Separator heightX={10} />\n              <ChapterDetails\n                userChapterId={userChapterId}\n                studentId={studentId}\n                userType={userType}\n                onBlockSkipUnskip={() => null}\n                onNodeAttempt={() => null}\n                onNodeAttemptLocationChange={() => null}\n                onNodeMarkAsDone={() => null}\n                onNodeReattempt={() => null}\n                onNodeReview={() => null}\n                onNodeView={() => null}\n                onExit={() => null}\n              />\n            </FlexView>\n          ),\n          indicator: {\n            position: 'top',\n            tooltipYCoOrdinates: -140,\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Welcome to the all new chapter experience.\"\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: bannerRef,\n          elementToHighlight: (\n            <ChapterBanner\n              title={name}\n              progressStats={PROGRESS_STAT_MOCK}\n              imageUrl={imageUrl}\n              imageHue={imageHue}\n            />\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'bottom',\n            tooltipXCoOrdinates: -45,\n            tooltipYCoOrdinates: -40,\n            backgroundColor: 'ORANGE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            width: 264,\n            arrowSize: 12,\n            tooltipItem: (\n              <TooltipItem\n                text=\"A chapter is divided into *core sheets (compulsory), and supplementary sheets.\"\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: bannerRef,\n          elementToHighlight: (\n            <ChapterBanner\n              title={name}\n              progressStats={PROGRESS_STAT_MOCK}\n              imageUrl={imageUrl}\n              imageHue={imageHue}\n            />\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'bottom',\n            tooltipXCoOrdinates: -275,\n            tooltipYCoOrdinates: -15,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Easily track the progress of the core sheets.\"\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: coreBlocksRef,\n          elementToHighlight: (\n            <FlexView $widthX={50}>\n              <BlockSections userType={userType} blocks={BLOCK_MOCKS} imageHue={imageHue} />\n            </FlexView>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -150,\n            tooltipYCoOrdinates: -260,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Core sheets are marked to help you find them faster.\"\n                buttonLabel=\"Got it\"\n                onButtonClick={handleEndJourney}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, chapterPageSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        window.scrollTo(0, 0);\n        document.body.style.overflow = 'hidden';\n        handleNextCoachmark();\n      }, 500);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [handleNextCoachmark, handleEndJourney, setJourney, journeyId],\n  );\n\n  const data = useMemo(\n    () => ({\n      chapterPageRef,\n      bannerRef,\n      coreBlocksRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, []);\n\n  return data;\n};\n"],"names":["useChapterPageJourney","journeyId","JOURNEY_ID_STUDENT","chapterPageRef","useRef","bannerRef","coreBlocksRef","timerRefs","nextCoachmark","setJourney","endJourney","useJourney","handleNextCoachmark","useCallback","handleEndJourney","startJourney","chapterDetails","userChapterId","studentId","userType","name","imageHue","imageUrl","chapterPageSteps","IndicatorType","FlexView","jsx","Separator","ChapterDetails","TooltipItem","ChapterBanner","PROGRESS_STAT_MOCK","BlockSections","BLOCK_MOCKS","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.0.1-hg1",
+  "version": "3.0.1",
   "type": "module",
   "files": [
     "dist"
@@ -93,5 +93,6 @@
     "vite-plugin-dts": "3.6.4",
     "vite-plugin-svgr": "3.2.0",
     "vite-tsconfig-paths": "^4.2.2"
-  }
+  },
+  "packageManager": "yarn@4.4.1"
 }