@cuemath/leap 3.0.1-rj-0 → 3.0.2-as1

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/dist/features/journey/use-journey/constants.js

@@ -1,5 +1,7 @@
-var t = /* @__PURE__ */ ((r) => (r.TOOLTIP = "tooltip", r.NUDGE = "nudge", r))(t || {});
+var e = /* @__PURE__ */ ((t) => (t.TOOLTIP = "tooltip", t.NUDGE = "nudge", t))(e || {});
+const o = 1e3;
 export {
-  t as IndicatorType
+  o as BLUR_OVERLAY_Z_INDEX,
+  e as IndicatorType
 };
 //# sourceMappingURL=constants.js.map

package/dist/features/journey/use-journey/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/journey/use-journey/constants.ts"],"sourcesContent":["export enum IndicatorType {\n  TOOLTIP = 'tooltip',\n  NUDGE = 'nudge',\n}\n"],"names":["IndicatorType"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/journey/use-journey/constants.ts"],"sourcesContent":["export enum IndicatorType {\n  TOOLTIP = 'tooltip',\n  NUDGE = 'nudge',\n}\nexport const BLUR_OVERLAY_Z_INDEX = 1000;\n"],"names":["IndicatorType","BLUR_OVERLAY_Z_INDEX"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;AAIL,MAAMC,IAAuB;"}

package/dist/features/journey/use-journey/journey-styled.js

@@ -1,18 +1,19 @@
-import t, { css as e } from "styled-components";
-const d = t.div`
+import t, { css as i } from "styled-components";
+import { BLUR_OVERLAY_Z_INDEX as e } from "./constants.js";
+const b = t.div`
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: ${({ theme: o }) => o.zIndex.JOURNEY_OVERLAY};
-  ${({ isJourneyBlurred: o, theme: r }) => o && e`
+  z-index: ${e};
+  ${({ isJourneyBlurred: o, theme: r }) => o && i`
       background: ${r.colors.BLACK_T_38};
       backdrop-filter: blur(80px);
       -webkit-backdrop-filter: blur(80px);
     `}
 `;
 export {
-  d as Overlay
+  b as Overlay
 };
 //# sourceMappingURL=journey-styled.js.map

package/dist/features/journey/use-journey/journey-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-styled.js","sources":["../../../../src/features/journey/use-journey/journey-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from 'styled-components';\n\nexport const Overlay = styled.div<{ isJourneyBlurred: boolean }>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ theme }) => theme.zIndex.JOURNEY_OVERLAY};\n  ${({ isJourneyBlurred, theme }) =>\n    isJourneyBlurred &&\n    css`\n      background: ${theme.colors.BLACK_T_38};\n      backdrop-filter: blur(80px);\n      -webkit-backdrop-filter: blur(80px);\n    `}\n`;\n``;\n"],"names":["Overlay","styled","theme","isJourneyBlurred","css"],"mappings":";AAGO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,eAAe;AAAA,IACpD,CAAC,EAAE,kBAAAC,GAAkB,OAAAD,EAAA,MACrBC,KACAC;AAAA,oBACgBF,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,KAGtC;AAAA;"}
+{"version":3,"file":"journey-styled.js","sources":["../../../../src/features/journey/use-journey/journey-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from 'styled-components';\n\nimport { BLUR_OVERLAY_Z_INDEX } from './constants';\n\nexport const Overlay = styled.div<{ isJourneyBlurred: boolean }>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${BLUR_OVERLAY_Z_INDEX};\n  ${({ isJourneyBlurred, theme }) =>\n    isJourneyBlurred &&\n    css`\n      background: ${theme.colors.BLACK_T_38};\n      backdrop-filter: blur(80px);\n      -webkit-backdrop-filter: blur(80px);\n    `}\n`;\n``;\n"],"names":["Overlay","styled","BLUR_OVERLAY_Z_INDEX","isJourneyBlurred","theme","css"],"mappings":";;AAKO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjBC,CAAoB;AAAA,IAC7B,CAAC,EAAE,kBAAAC,GAAkB,OAAAC,EAAA,MACrBD,KACAE;AAAA,oBACgBD,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,KAGtC;AAAA;"}

package/dist/features/ui/constants/z-index.js

@@ -13,8 +13,7 @@ const _ = {
   //whiteboard
   QUESTION_TIPS: -1,
   DESMOS_CALCULATOR: 2,
-  GOAL_CHAPTER_SHEETS_MENU: 4,
-  JOURNEY_OVERLAY: 1e3
+  GOAL_CHAPTER_SHEETS_MENU: 4
 };
 export {
   _ as ZINDEX

package/dist/features/ui/constants/z-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 2,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n  JOURNEY_OVERLAY: 1000,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,iBAAiB;AACnB;"}
+{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 2,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAC5B;"}

package/dist/features/ui/theme/get-theme.js

@@ -1,32 +1,30 @@
 import r from "./arrow-tooltip.js";
 import e from "./button.js";
-import i from "./checkbox.js";
-import m, { hues as g } from "./clrs.js";
-import { getDeviceConfig as n } from "./device.js";
-import f from "./input.js";
-import p from "./layout.js";
-import u from "./tab.js";
-import C from "./text.js";
-import c from "./text-button.js";
-import { getZIndexConfig as x } from "./z-index.js";
-const v = () => {
-  const t = p(), { gutter: o } = t;
+import m from "./checkbox.js";
+import g, { hues as i } from "./clrs.js";
+import n from "./input.js";
+import f from "./layout.js";
+import p from "./tab.js";
+import u from "./text.js";
+import x from "./text-button.js";
+import { getZIndexConfig as C } from "./z-index.js";
+const d = () => {
+  const t = f(), { gutter: o } = t;
   return {
     arrowTooltip: r(),
     button: e(o),
-    colors: m(),
-    hues: g,
-    input: f(o),
-    checkbox: i(o),
+    colors: g(),
+    hues: i,
+    input: n(o),
+    checkbox: m(o),
     layout: t,
-    tab: u(t.gutter),
-    text: C(),
-    textButton: c(),
-    zIndex: x(),
-    device: n()
+    tab: p(t.gutter),
+    text: u(),
+    textButton: x(),
+    zIndex: C()
   };
 };
 export {
-  v as getTheme
+  d as getTheme
 };
 //# sourceMappingURL=get-theme.js.map

package/dist/features/ui/theme/get-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-theme.js","sources":["../../../../src/features/ui/theme/get-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components';\n\nimport getArrowTooltipConfig from './arrow-tooltip';\nimport getButtonConfig from './button';\nimport getCheckboxConfig from './checkbox';\nimport getColors, { hues } from './clrs';\nimport { getDeviceConfig } from './device';\nimport getInputConfig from './input';\nimport getLayout from './layout';\nimport getTabConfig from './tab';\nimport getTextTypes from './text';\nimport getTextButtonConfig from './text-button';\nimport { getZIndexConfig } from './z-index';\n\nconst getTheme: () => DefaultTheme = () => {\n  const layout = getLayout();\n  const { gutter } = layout;\n\n  return {\n    arrowTooltip: getArrowTooltipConfig(),\n    button: getButtonConfig(gutter),\n    colors: getColors(),\n    hues: hues,\n    input: getInputConfig(gutter),\n    checkbox: getCheckboxConfig(gutter),\n    layout,\n    tab: getTabConfig(layout.gutter),\n    text: getTextTypes(),\n    textButton: getTextButtonConfig(),\n    zIndex: getZIndexConfig(),\n    device: getDeviceConfig(),\n  };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig","getDeviceConfig"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,KACT,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA,IACL,cAAcG,EAAsB;AAAA,IACpC,QAAQC,EAAgBF,CAAM;AAAA,IAC9B,QAAQG,EAAU;AAAA,IAClB,MAAAC;AAAA,IACA,OAAOC,EAAeL,CAAM;AAAA,IAC5B,UAAUM,EAAkBN,CAAM;AAAA,IAClC,QAAAF;AAAA,IACA,KAAKS,EAAaT,EAAO,MAAM;AAAA,IAC/B,MAAMU,EAAa;AAAA,IACnB,YAAYC,EAAoB;AAAA,IAChC,QAAQC,EAAgB;AAAA,IACxB,QAAQC,EAAgB;AAAA,EAAA;AAE5B;"}
+{"version":3,"file":"get-theme.js","sources":["../../../../src/features/ui/theme/get-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components';\n\nimport getArrowTooltipConfig from './arrow-tooltip';\nimport getButtonConfig from './button';\nimport getCheckboxConfig from './checkbox';\nimport getColors, { hues } from './clrs';\nimport getInputConfig from './input';\nimport getLayout from './layout';\nimport getTabConfig from './tab';\nimport getTextTypes from './text';\nimport getTextButtonConfig from './text-button';\nimport { getZIndexConfig } from './z-index';\n\nconst getTheme: () => DefaultTheme = () => {\n  const layout = getLayout();\n  const { gutter } = layout;\n\n  return {\n    arrowTooltip: getArrowTooltipConfig(),\n    button: getButtonConfig(gutter),\n    colors: getColors(),\n    hues: hues,\n    input: getInputConfig(gutter),\n    checkbox: getCheckboxConfig(gutter),\n    layout,\n    tab: getTabConfig(layout.gutter),\n    text: getTextTypes(),\n    textButton: getTextButtonConfig(),\n    zIndex: getZIndexConfig(),\n  };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,KACT,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA,IACL,cAAcG,EAAsB;AAAA,IACpC,QAAQC,EAAgBF,CAAM;AAAA,IAC9B,QAAQG,EAAU;AAAA,IAClB,MAAAC;AAAA,IACA,OAAOC,EAAeL,CAAM;AAAA,IAC5B,UAAUM,EAAkBN,CAAM;AAAA,IAClC,QAAAF;AAAA,IACA,KAAKS,EAAaT,EAAO,MAAM;AAAA,IAC/B,MAAMU,EAAa;AAAA,IACnB,YAAYC,EAAoB;AAAA,IAChC,QAAQC,EAAgB;AAAA,EAAA;AAE5B;"}

package/dist/index.d.ts

@@ -457,8 +457,6 @@ declare const getCheckboxConfig: IGetCheckboxConfig;
 
 declare function getColors(): TColorsMap;
 
-declare const getDeviceConfig: () => TSupportedDevices;
-
 declare const getInputConfig: IGetInputConfig;
 
 declare function getLayout(multiplier?: number): ILayout;
@@ -3092,7 +3090,6 @@ export declare interface ITheme {
     textButton: ReturnType<typeof getTextButtonConfig>;
     zIndex: ReturnType<typeof getZIndexConfig>;
     checkbox: ReturnType<typeof getCheckboxConfig>;
-    device: ReturnType<typeof getDeviceConfig>;
 }
 
 declare interface ITile {
@@ -5219,8 +5216,6 @@ declare type TSubscribe = (id: string, cb: (data: IActionData | IActionData[]) =
 
 declare type TSubscribeMouseMove = (id: string, callback: (data: IPointerData) => void) => void;
 
-export declare type TSupportedDevices = 'mobile' | 'desktop';
-
 export declare type TTableMode = 'random' | 'sequence' | 'advance' | 'infinite';
 
 export declare type TTabSizes = 'xsmall' | 'small' | 'regular' | 'medium';
@@ -5527,7 +5522,6 @@ declare const ZINDEX: {
     readonly QUESTION_TIPS: -1;
     readonly DESMOS_CALCULATOR: 2;
     readonly GOAL_CHAPTER_SHEETS_MENU: 4;
-    readonly JOURNEY_OVERLAY: 1000;
 };
 
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.0.1-rj-0",
+  "version": "3.0.2-as1",
   "type": "module",
   "files": [
     "dist"

package/dist/features/ui/theme/device.js

@@ -1,5 +0,0 @@
-const n = () => window.innerWidth <= 600 ? "mobile" : "desktop";
-export {
-  n as getDeviceConfig
-};
-//# sourceMappingURL=device.js.map

package/dist/features/ui/theme/device.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"device.js","sources":["../../../../src/features/ui/theme/device.ts"],"sourcesContent":["import type { TSupportedDevices } from '../types';\n\nexport const getDeviceConfig = (): TSupportedDevices => {\n  const MOBILE_WIDTH = 600;\n\n  return window.innerWidth <= MOBILE_WIDTH ? 'mobile' : 'desktop';\n};\n"],"names":["getDeviceConfig"],"mappings":"AAEO,MAAMA,IAAkB,MAGtB,OAAO,cAAc,MAAe,WAAW;"}