@cuemath/leap 3.5.29 → 3.5.30-as10

package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js

@@ -1,107 +1,108 @@
-import { jsx as n, jsxs as k } from "react/jsx-runtime";
-import { memo as R, forwardRef as _, useRef as M, useState as b, useCallback as P, useMemo as S, createRef as j, useImperativeHandle as v, useEffect as c } from "react";
-import u from "../../../../ui/hooks/use-click-handler.js";
-import { useCircleSounds as A } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
-import { Carousel as D, CarouselWrapper as W, CarouselItemContainer as F, ExtendedFlexView as H, CarouselIdicatorContainer as K, AllGreenTickLottieWrapper as V } from "./carousel-styled.js";
-import N from "../swipable-component/swipeable-component.js";
+import { jsx as o, jsxs as j } from "react/jsx-runtime";
+import { memo as x, forwardRef as A, useRef as S, useState as E, useCallback as u, useMemo as v, createRef as D, useImperativeHandle as F, useEffect as p } from "react";
+import f from "../../../../ui/hooks/use-click-handler.js";
+import { useCircleSounds as H } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
+import { CarouselItemContainer as K, ExtendedFlexView as V, CarouselIdicatorContainer as W, AllGreenTickLottieWrapper as N } from "./carousel-styled.js";
 import { CarouselIndicator as U } from "./carousel-indicator/carousel-indicator.js";
 import Y from "../../../../ui/lottie-animation/lottie-animation.js";
 import { LOTTIE as q } from "../../../../../assets/lottie/lottie.js";
 import { allGreenTickLottienAimationSettings as z } from "./constants.js";
 import { CircleSoundKey as B } from "../../../hooks/use-circle-sounds/use-circle-sounds-enums.js";
-const G = ({
+import G from "../../../../ui/swipable-carousel/swipable-carousel.js";
+const J = ({
   items: t,
-  defaultIndex: i = 0,
-  analyticsSwipeLeft: p,
-  analyticsSwipeRight: m,
+  defaultIndex: n = 0,
+  analyticsSwipeLeft: m,
+  analyticsSwipeRight: C,
   analyticsIndicatorClick: d,
-  playAllGreenTickAnimation: f,
+  playAllGreenTickAnimation: y,
   onAllGreenTickAnimationComplete: a
-}, E) => {
-  const { playSwipeSound: C, play: y } = A(), l = M(!0), [s, o] = b(i), [g, L] = b(!1), { handleClick: $ } = u(
-    {
-      analyticsLabel: m.analyticsLabel,
-      analyticsProps: m.analyticsProps
-    },
-    () => o((e) => e <= 0 ? 0 : e - 1)
-  ), { handleClick: w } = u(
-    {
-      analyticsLabel: p.analyticsLabel,
-      analyticsProps: p.analyticsProps
-    },
-    () => o((e) => e >= t.length - 1 ? e : e + 1)
-  ), { handleClick: h } = u({
+}, w) => {
+  var P;
+  const { playSwipeSound: L, play: I } = H(), s = S(!0), c = S(null), [i, l] = E(((P = c.current) == null ? void 0 : P.currentIndex) ?? n), [R, h] = E(!1), { handleClick: O } = f({
+    analyticsLabel: C.analyticsLabel,
+    analyticsProps: C.analyticsProps
+  }), { handleClick: _ } = f({
+    analyticsLabel: m.analyticsLabel,
+    analyticsProps: m.analyticsProps
+  }), { handleClick: T } = f({
     analyticsLabel: d.analyticsLabel,
     analyticsProps: d.analyticsProps
-  }), I = P(() => {
-    L(!1), a == null || a();
-  }, [a]), x = S(
+  }), k = u(() => {
+    h(!1), a == null || a();
+  }, [a]), M = v(
     () => ({
       name: "complete",
-      callback: I
+      callback: k
     }),
-    [I]
-  ), T = S(() => t.map(() => j()), [t]), O = P(
+    [k]
+  ), b = v(() => t.map(() => D()), [t]), g = u(
+    (e) => {
+      var r;
+      e < 0 || e >= t.length || e === i || ((r = c.current) == null || r.goToIndex(e), l(e));
+    },
+    [i, t.length]
+  ), $ = u(
     (e) => {
-      C(), h(), o(e);
+      L(), T(), l(e), g(e);
     },
-    [h, C]
+    [T, L]
   );
-  return v(E, () => ({
-    indicatorRefs: T,
-    currentIndex: s,
-    goToIndex: (e) => {
-      o(e);
-    }
-  })), c(() => {
-    l.current && (l.current = !1);
-  }, []), c(() => {
-    o(i);
-  }, [i]), c(() => {
+  return F(w, () => ({
+    indicatorRefs: b,
+    currentIndex: i,
+    goToIndex: g
+  })), p(() => {
+    s.current && (s.current = !1);
+  }, []), p(() => {
+    var e;
+    l(((e = c.current) == null ? void 0 : e.currentIndex) ?? n);
+  }, [n]), p(() => {
     const e = t.every((r) => r.indicatorType === "green-tick");
-    f && e && (y(B.ALL_ACTIVITIES_COMPLETE), L(!0));
-  }, [f, y, t]), /* @__PURE__ */ n(N, { onSwipeLeft: w, onSwipeRight: $, children: /* @__PURE__ */ k(D, { children: [
-    /* @__PURE__ */ n(
-      W,
-      {
-        $translate: s * 100,
-        $translateDuration: l.current ? 0 : 300,
-        children: t.map((e, r) => /* @__PURE__ */ n(F, { children: e.element }, r))
-      }
-    ),
-    t.length > 1 && /* @__PURE__ */ n(
-      H,
-      {
-        $flexDirection: "row",
-        $alignItems: "center",
-        $justifyContent: "center",
-        $position: "absolute",
-        children: /* @__PURE__ */ k(K, { children: [
-          g && /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(
-            Y,
-            {
-              src: q.DAILY_WORK_OUT_COMPLETE,
-              settings: z,
-              eventListener: x
-            }
-          ) }),
-          t.map((e, r) => /* @__PURE__ */ n(
-            U,
-            {
-              ref: T[r],
-              indicatorType: e.indicatorType,
-              isActive: r === s,
-              textToShowInsideIndicator: (r + 1).toString(),
-              onClick: () => O(r)
-            },
-            r
-          ))
-        ] })
-      }
-    )
-  ] }) });
-}, le = R(_(G));
+    y && e && (I(B.ALL_ACTIVITIES_COMPLETE), h(!0));
+  }, [y, I, t]), /* @__PURE__ */ o(
+    G,
+    {
+      ref: c,
+      items: t.map((e, r) => /* @__PURE__ */ o(K, { children: e.element }, r)),
+      defaultIndex: n,
+      transitionDuration: s.current ? 0 : 300,
+      onSwipeLeft: _,
+      onSwipeRight: O,
+      children: t.length > 1 && /* @__PURE__ */ o(
+        V,
+        {
+          $flexDirection: "row",
+          $alignItems: "center",
+          $justifyContent: "center",
+          $position: "absolute",
+          children: /* @__PURE__ */ j(W, { children: [
+            R && /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(
+              Y,
+              {
+                src: q.DAILY_WORK_OUT_COMPLETE,
+                settings: z,
+                eventListener: M
+              }
+            ) }),
+            t.map((e, r) => /* @__PURE__ */ o(
+              U,
+              {
+                ref: b[r],
+                indicatorType: e.indicatorType,
+                isActive: r === i,
+                textToShowInsideIndicator: (r + 1).toString(),
+                onClick: () => $(r)
+              },
+              r
+            ))
+          ] })
+        }
+      )
+    }
+  );
+}, se = x(A(J));
 export {
-  le as Carousel
+  se as Carousel
 };
 //# sourceMappingURL=carousel.js.map

package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import {\n  type ForwardRefRenderFunction,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createRef,\n} from 'react';\nimport { type AnimationEventName } from 'lottie-web';\n\nimport useClickHandler from '../../../../ui/hooks/use-click-handler';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport * as Styled from './carousel-styled';\nimport type { ICarouselProps, ICarouselRefs } from './carousel-types';\nimport SwipeableComponent from '../swipable-component/swipeable-component';\nimport { CarouselIndicator } from './carousel-indicator/carousel-indicator';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { allGreenTickLottienAimationSettings } from './constants';\nimport { CircleSoundKey } from '../../../hooks/use-circle-sounds/use-circle-sounds-enums';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  {\n    items,\n    defaultIndex = 0,\n    analyticsSwipeLeft,\n    analyticsSwipeRight,\n    analyticsIndicatorClick,\n    playAllGreenTickAnimation,\n    onAllGreenTickAnimationComplete,\n  },\n  ref,\n) => {\n  const { playSwipeSound, play } = useCircleSounds();\n  const isFirstMount = useRef(true);\n  const [currIndex, setCurrIndex] = useState(defaultIndex);\n  const [playAllGreenTickAnimationLottie, setPlayAllGreenTickAnimationLottie] = useState(false);\n\n  const { handleClick: handlePrevClick } = useClickHandler(\n    {\n      analyticsLabel: analyticsSwipeRight.analyticsLabel,\n      analyticsProps: analyticsSwipeRight.analyticsProps,\n    },\n    () =>\n      setCurrIndex(prev => {\n        if (prev <= 0) return 0;\n\n        return prev - 1;\n      }),\n  );\n\n  const { handleClick: handleNextClick } = useClickHandler(\n    {\n      analyticsLabel: analyticsSwipeLeft.analyticsLabel,\n      analyticsProps: analyticsSwipeLeft.analyticsProps,\n    },\n    () =>\n      setCurrIndex(prev => {\n        if (prev >= items.length - 1) return prev;\n\n        return prev + 1;\n      }),\n  );\n\n  const { handleClick: handleItemClick } = useClickHandler({\n    analyticsLabel: analyticsIndicatorClick.analyticsLabel,\n    analyticsProps: analyticsIndicatorClick.analyticsProps,\n  });\n\n  const onAllGreenTickLottieAnimationComplete = useCallback(() => {\n    setPlayAllGreenTickAnimationLottie(false);\n    onAllGreenTickAnimationComplete?.();\n  }, [onAllGreenTickAnimationComplete]);\n\n  const allGreenTickAnimationEvent = useMemo(\n    () => ({\n      name: 'complete' as AnimationEventName,\n      callback: onAllGreenTickLottieAnimationComplete,\n    }),\n    [onAllGreenTickLottieAnimationComplete],\n  );\n\n  const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n\n  const handleCarouselIndicatorClick = useCallback(\n    (index: number) => {\n      playSwipeSound();\n      handleItemClick();\n      setCurrIndex(index);\n    },\n    [handleItemClick, playSwipeSound],\n  );\n\n  useImperativeHandle(ref, () => ({\n    indicatorRefs,\n    currentIndex: currIndex,\n    goToIndex: (index: number) => {\n      setCurrIndex(index);\n    },\n  }));\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n    }\n  }, []);\n\n  useEffect(() => {\n    setCurrIndex(defaultIndex);\n  }, [defaultIndex]);\n\n  useEffect(() => {\n    const playAnimation = items.every(item => item.indicatorType === 'green-tick');\n\n    if (playAllGreenTickAnimation && playAnimation) {\n      play(CircleSoundKey.ALL_ACTIVITIES_COMPLETE);\n      setPlayAllGreenTickAnimationLottie(true);\n    }\n  }, [playAllGreenTickAnimation, play, items]);\n\n  return (\n    <SwipeableComponent onSwipeLeft={handleNextClick} onSwipeRight={handlePrevClick}>\n      <Styled.Carousel>\n        <Styled.CarouselWrapper\n          $translate={currIndex * 100}\n          $translateDuration={isFirstMount.current ? 0 : 300}\n        >\n          {items.map((item, index) => (\n            <Styled.CarouselItemContainer key={index}>{item.element}</Styled.CarouselItemContainer>\n          ))}\n        </Styled.CarouselWrapper>\n        {items.length > 1 && (\n          <Styled.ExtendedFlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $position=\"absolute\"\n          >\n            <Styled.CarouselIdicatorContainer>\n              {playAllGreenTickAnimationLottie && (\n                <Styled.AllGreenTickLottieWrapper>\n                  <LottieAnimation\n                    src={LOTTIE.DAILY_WORK_OUT_COMPLETE}\n                    settings={allGreenTickLottienAimationSettings}\n                    eventListener={allGreenTickAnimationEvent}\n                  />\n                </Styled.AllGreenTickLottieWrapper>\n              )}\n              {items.map((item, index) => (\n                <CarouselIndicator\n                  ref={indicatorRefs[index]}\n                  key={index}\n                  indicatorType={item.indicatorType}\n                  isActive={index === currIndex}\n                  textToShowInsideIndicator={(index + 1).toString()}\n                  onClick={() => handleCarouselIndicatorClick(index)}\n                />\n              ))}\n            </Styled.CarouselIdicatorContainer>\n          </Styled.ExtendedFlexView>\n        )}\n      </Styled.Carousel>\n    </SwipeableComponent>\n  );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","analyticsSwipeLeft","analyticsSwipeRight","analyticsIndicatorClick","playAllGreenTickAnimation","onAllGreenTickAnimationComplete","ref","playSwipeSound","play","useCircleSounds","isFirstMount","useRef","currIndex","setCurrIndex","useState","playAllGreenTickAnimationLottie","setPlayAllGreenTickAnimationLottie","handlePrevClick","useClickHandler","prev","handleNextClick","handleItemClick","onAllGreenTickLottieAnimationComplete","useCallback","allGreenTickAnimationEvent","useMemo","indicatorRefs","createRef","handleCarouselIndicatorClick","index","useImperativeHandle","useEffect","playAnimation","item","CircleSoundKey","jsx","SwipeableComponent","jsxs","Styled.Carousel","Styled.CarouselWrapper","Styled.CarouselItemContainer","Styled.ExtendedFlexView","Styled.CarouselIdicatorContainer","Styled.AllGreenTickLottieWrapper","LottieAnimation","LOTTIE","allGreenTickLottienAimationSettings","CarouselIndicator","Carousel","memo","forwardRef"],"mappings":"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"}
+{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import {\n  type ForwardRefRenderFunction,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createRef,\n} from 'react';\nimport { type AnimationEventName } from 'lottie-web';\n\nimport useClickHandler from '../../../../ui/hooks/use-click-handler';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport * as Styled from './carousel-styled';\nimport type { ICarouselProps, ICarouselRefs } from './carousel-types';\nimport { CarouselIndicator } from './carousel-indicator/carousel-indicator';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { allGreenTickLottienAimationSettings } from './constants';\nimport { CircleSoundKey } from '../../../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport type { ISwipableCarouselRefs } from '../../../../ui/swipable-carousel/swipable-carousel-types';\nimport SwipableCarousel from '../../../../ui/swipable-carousel/swipable-carousel';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  {\n    items,\n    defaultIndex = 0,\n    analyticsSwipeLeft,\n    analyticsSwipeRight,\n    analyticsIndicatorClick,\n    playAllGreenTickAnimation,\n    onAllGreenTickAnimationComplete,\n  },\n  ref,\n) => {\n  const { playSwipeSound, play } = useCircleSounds();\n  const isFirstMount = useRef(true);\n  const carousalRef = useRef<ISwipableCarouselRefs>(null);\n  const [currIndex, setCurrIndex] = useState(carousalRef.current?.currentIndex ?? defaultIndex);\n  const [playAllGreenTickAnimationLottie, setPlayAllGreenTickAnimationLottie] = useState(false);\n\n  const { handleClick: handlePrevClick } = useClickHandler({\n    analyticsLabel: analyticsSwipeRight.analyticsLabel,\n    analyticsProps: analyticsSwipeRight.analyticsProps,\n  });\n\n  const { handleClick: handleNextClick } = useClickHandler({\n    analyticsLabel: analyticsSwipeLeft.analyticsLabel,\n    analyticsProps: analyticsSwipeLeft.analyticsProps,\n  });\n\n  const { handleClick: handleItemClick } = useClickHandler({\n    analyticsLabel: analyticsIndicatorClick.analyticsLabel,\n    analyticsProps: analyticsIndicatorClick.analyticsProps,\n  });\n\n  const onAllGreenTickLottieAnimationComplete = useCallback(() => {\n    setPlayAllGreenTickAnimationLottie(false);\n    onAllGreenTickAnimationComplete?.();\n  }, [onAllGreenTickAnimationComplete]);\n\n  const allGreenTickAnimationEvent = useMemo(\n    () => ({\n      name: 'complete' as AnimationEventName,\n      callback: onAllGreenTickLottieAnimationComplete,\n    }),\n    [onAllGreenTickLottieAnimationComplete],\n  );\n\n  const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n\n  const goToIndex = useCallback(\n    (index: number) => {\n      if (index < 0 || index >= items.length || index === currIndex) return;\n      carousalRef.current?.goToIndex(index);\n      setCurrIndex(index);\n    },\n    [currIndex, items.length],\n  );\n\n  const handleCarouselIndicatorClick = useCallback(\n    (index: number) => {\n      playSwipeSound();\n      handleItemClick();\n      setCurrIndex(index);\n      goToIndex(index);\n    },\n    [handleItemClick, playSwipeSound],\n  );\n\n  useImperativeHandle(ref, () => ({\n    indicatorRefs,\n    currentIndex: currIndex,\n    goToIndex,\n  }));\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n    }\n  }, []);\n\n  useEffect(() => {\n    setCurrIndex(carousalRef.current?.currentIndex ?? defaultIndex);\n  }, [defaultIndex]);\n\n  useEffect(() => {\n    const playAnimation = items.every(item => item.indicatorType === 'green-tick');\n\n    if (playAllGreenTickAnimation && playAnimation) {\n      play(CircleSoundKey.ALL_ACTIVITIES_COMPLETE);\n      setPlayAllGreenTickAnimationLottie(true);\n    }\n  }, [playAllGreenTickAnimation, play, items]);\n\n  return (\n    <SwipableCarousel\n      ref={carousalRef}\n      items={items.map((item, index) => (\n        <Styled.CarouselItemContainer key={index}>{item.element}</Styled.CarouselItemContainer>\n      ))}\n      defaultIndex={defaultIndex}\n      transitionDuration={isFirstMount.current ? 0 : 300}\n      onSwipeLeft={handleNextClick}\n      onSwipeRight={handlePrevClick}\n    >\n      {items.length > 1 && (\n        <Styled.ExtendedFlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $position=\"absolute\"\n        >\n          <Styled.CarouselIdicatorContainer>\n            {playAllGreenTickAnimationLottie && (\n              <Styled.AllGreenTickLottieWrapper>\n                <LottieAnimation\n                  src={LOTTIE.DAILY_WORK_OUT_COMPLETE}\n                  settings={allGreenTickLottienAimationSettings}\n                  eventListener={allGreenTickAnimationEvent}\n                />\n              </Styled.AllGreenTickLottieWrapper>\n            )}\n            {items.map((item, index) => (\n              <CarouselIndicator\n                ref={indicatorRefs[index]}\n                key={index}\n                indicatorType={item.indicatorType}\n                isActive={index === currIndex}\n                textToShowInsideIndicator={(index + 1).toString()}\n                onClick={() => handleCarouselIndicatorClick(index)}\n              />\n            ))}\n          </Styled.CarouselIdicatorContainer>\n        </Styled.ExtendedFlexView>\n      )}\n    </SwipableCarousel>\n  );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","analyticsSwipeLeft","analyticsSwipeRight","analyticsIndicatorClick","playAllGreenTickAnimation","onAllGreenTickAnimationComplete","ref","playSwipeSound","play","useCircleSounds","isFirstMount","useRef","carousalRef","currIndex","setCurrIndex","useState","_a","playAllGreenTickAnimationLottie","setPlayAllGreenTickAnimationLottie","handlePrevClick","useClickHandler","handleNextClick","handleItemClick","onAllGreenTickLottieAnimationComplete","useCallback","allGreenTickAnimationEvent","useMemo","indicatorRefs","createRef","goToIndex","index","handleCarouselIndicatorClick","useImperativeHandle","useEffect","playAnimation","item","CircleSoundKey","jsx","SwipableCarousel","Styled.CarouselItemContainer","Styled.ExtendedFlexView","jsxs","Styled.CarouselIdicatorContainer","Styled.AllGreenTickLottieWrapper","LottieAnimation","LOTTIE","allGreenTickLottienAimationSettings","CarouselIndicator","Carousel","memo","forwardRef"],"mappings":"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"}

package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js

@@ -1,4 +1,4 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useRef as N, useCallback as f, useMemo as J, useEffect as X } from "react";
 import { useTheme as $ } from "styled-components";
 import { PLATFORM_EVENTS_STUDENT as B } from "../../../../analytics-events/platform-events-student.js";
@@ -9,35 +9,35 @@ import A from "../../../../ui/text/text.js";
 import { EDeviceType as Q } from "../../../../ui/theme/constants.js";
 import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as S } from "../../../enum/circle-onboarding-steps.js";
 import { CircularGameCard as D } from "../../comps/circular-game-card/circular-game-card.js";
-import j from "../../comps/swipable-component/swipeable-component.js";
+import j from "../../../../ui/swipeable-component/swipeable-component.js";
 import { SHOW_NUDGE_AFTER_MS as V, SLIDE_TO_LESSON_MS as ee } from "./constants.js";
-import { SwipableArea as te } from "./use-game-launcher-journey-style.js";
-import { CarouselIndicator as re } from "../../comps/carousel/carousel-indicator/carousel-indicator.js";
-import { ProjectType as n } from "../../../games/web-view/enums/project-type-enum.js";
+import { SwipableArea as re } from "./use-game-launcher-journey-style.js";
+import { CarouselIndicator as te } from "../../comps/carousel/carousel-indicator/carousel-indicator.js";
+import { ProjectType as i } from "../../../games/web-view/enums/project-type-enum.js";
 const Se = ({
   carouselRefs: o,
   onSegmentClick: d,
   onJourneyComplete: a
 }) => {
   const { device: W } = $(), l = W <= Q.TABLET, L = N([]), c = N(null), C = N(null), { nextCoachmark: u, setJourney: _, endJourney: h } = K(), { onEvent: p } = q(), E = f(
-    (r) => {
+    (t) => {
       p(B.ONBOARDING_STEP_COMPLETED, {
-        step: r
+        step: t
       });
     },
     [p]
   ), O = f(
-    (r, e) => {
-      d(r, n.PUZZLE), E(S.PUZZLE_ACTIVITY), h(e), a(e);
+    (t, e) => {
+      d(t, i.PUZZLE), E(S.PUZZLE_ACTIVITY), h(e), a(e);
     },
     [h, a, d, E]
   ), y = f(
-    (r, e) => {
-      d(r, n.LESSON), E(S.SKILL_ACTIVITY), h(e), a(e);
+    (t, e) => {
+      d(t, i.LESSON), E(S.SKILL_ACTIVITY), h(e), a(e);
     },
     [h, a, d, E]
   ), R = f(
-    (r, e) => {
+    (t, e) => {
       var G, w, x, P, U, Y, Z, k, H, M, z;
       const T = (G = o.current) == null ? void 0 : G.indicatorRefs, s = ((x = (w = c.current) == null ? void 0 : w.circularCardWrapperRef.current) == null ? void 0 : x.getBoundingClientRect()) || {
         height: 0,
@@ -49,56 +49,56 @@ const Se = ({
       (P = e == null ? void 0 : e.games) != null && P.data.length && ((U = e == null ? void 0 : e.puzzles) != null && U.data.length) && g.push(
         {
           projectData: e.games.data[0],
-          type: n.GAME
+          type: i.GAME
         },
         {
           projectData: e.puzzles.data[0],
-          type: n.PUZZLE
+          type: i.PUZZLE
         }
       ), (Y = e == null ? void 0 : e.lessons) != null && Y.data.length && g.push(
-        { projectData: e.lessons.data[0], type: n.LESSON },
-        { projectData: e.lessons.data[1], type: n.LESSON }
+        { projectData: e.lessons.data[0], type: i.LESSON },
+        { projectData: e.lessons.data[1], type: i.LESSON }
       );
-      const t = g[1];
+      const r = g[1];
       p(B.ONBOARDING_STEP_VIEWED, {
-        step: ((Z = g[0]) == null ? void 0 : Z.type) === n.LESSON ? S.SKILL_ACTIVITY : S.GAMES_ACTIVITY
+        step: ((Z = g[0]) == null ? void 0 : Z.type) === i.LESSON ? S.SKILL_ACTIVITY : S.GAMES_ACTIVITY
       });
       const F = [
         l ? {
           originalElementToHighlightRef: c.current.circularCardWrapperRef,
           type: I.NUDGE,
-          elementToHighlight: /* @__PURE__ */ i(
+          elementToHighlight: /* @__PURE__ */ n(
             j,
             {
               onSwipeLeft: () => {
                 var m;
-                (m = o.current) == null || m.goToIndex(1), u(r, !1, V);
+                (m = o.current) == null || m.goToIndex(1), u(t, !1, V);
               },
-              children: /* @__PURE__ */ i(te, {})
+              children: /* @__PURE__ */ n(re, {})
             }
           ),
           indicator: {
             nudge: "swipe",
-            content: /* @__PURE__ */ i(A, { $renderAs: "ab2-bold", children: "Swipe to explore" }),
+            content: /* @__PURE__ */ n(A, { $renderAs: "ab2-bold", children: "Swipe to explore" }),
             nudgePointerX: s.width / 2 - 30,
             nudgePointerY: s.height / 2
           }
         } : {
           originalElementToHighlightRef: T[1],
           type: I.NUDGE,
-          elementToHighlight: /* @__PURE__ */ i(
-            re,
+          elementToHighlight: /* @__PURE__ */ n(
+            te,
             {
               textToShowInsideIndicator: "2",
               onClick: () => {
                 var m;
-                (m = o.current) == null || m.goToIndex(1), u(r, !1, V);
+                (m = o.current) == null || m.goToIndex(1), u(t, !1, V);
               }
             }
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ i(A, { $renderAs: "ab1-bold", children: "Click to proceed" }),
+            content: /* @__PURE__ */ n(A, { $renderAs: "ab1-bold", children: "Click to proceed" }),
             nudgePointerX: 0,
             nudgePointerY: 0
           }
@@ -106,32 +106,32 @@ const Se = ({
         {
           originalElementToHighlightRef: C.current.circularCardWrapperRef,
           type: I.NUDGE,
-          elementToHighlight: /* @__PURE__ */ i(
+          elementToHighlight: /* @__PURE__ */ n(
             D,
             {
               label: "",
               data: {
-                card: ((k = t == null ? void 0 : t.projectData) == null ? void 0 : k.cardLottie) ?? "",
-                name: ((H = t == null ? void 0 : t.projectData) == null ? void 0 : H.name) ?? "",
+                card: ((k = r == null ? void 0 : r.projectData) == null ? void 0 : k.cardLottie) ?? "",
+                name: ((H = r == null ? void 0 : r.projectData) == null ? void 0 : H.name) ?? "",
                 isCompleted: !1,
-                displayNameImage: (M = t == null ? void 0 : t.projectData) == null ? void 0 : M.displayNameImage,
+                displayNameImage: (M = r == null ? void 0 : r.projectData) == null ? void 0 : M.displayNameImage,
                 onPress: () => {
-                  (t == null ? void 0 : t.type) === n.LESSON && y(t.projectData, r), (t == null ? void 0 : t.type) === n.PUZZLE && O(t.projectData, r);
+                  (r == null ? void 0 : r.type) === i.LESSON && y(r.projectData, t), (r == null ? void 0 : r.type) === i.PUZZLE && O(r.projectData, t);
                 }
               }
             }
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ i(A, { $renderAs: l ? "ab2-bold" : "ab1-bold", children: l ? "Tap to start" : " Click to start" }),
+            content: /* @__PURE__ */ n(A, { $renderAs: l ? "ab2-bold" : "ab1-bold", children: l ? "Tap to start" : " Click to start" }),
             nudgePointerX: l ? s.width / 2 : s.width / 1.3,
             nudgePointerY: l ? s.height / 2 : s.height / 1.3
           }
         }
       ];
-      _(r, F), (z = o.current) == null || z.goToIndex(0);
+      _(t, F), (z = o.current) == null || z.goToIndex(0);
       const b = setTimeout(() => {
-        clearTimeout(b), u(r);
+        clearTimeout(b), u(t);
       }, ee);
       L.current.push(b);
     },
@@ -153,7 +153,7 @@ const Se = ({
     [R]
   );
   return X(() => () => {
-    L.current.forEach((r) => clearTimeout(r)), L.current = [];
+    L.current.forEach((t) => clearTimeout(t)), L.current = [];
   }, [o]), v;
 };
 export {

package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport {\n  PLATFORM_EVENTS_STUDENT as AnalyticsLabel,\n  PLATFORM_EVENTS_STUDENT,\n} from '../../../../analytics-events/platform-events-student';\nimport { type JOURNEY_ID_STUDENT } from '../../../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../../../journey/use-journey/journey-context-types';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport { useUIContext } from '../../../../ui/context/context';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ActionEvent } from '../../../enum/circle-onboarding-steps';\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { CircularGameCard } from '../../comps/circular-game-card/circular-game-card';\nimport { type ICircularGameCardRefs } from '../../comps/circular-game-card/circular-game-card-types';\nimport SwipeableCard from '../../comps/swipable-component/swipeable-component';\nimport type {\n  Lesson,\n  Puzzle,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport { type IProjectData } from '../../game-launcher-types';\nimport { SHOW_NUDGE_AFTER_MS, SLIDE_TO_LESSON_MS } from './constants';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\nimport { SwipableArea } from './use-game-launcher-journey-style';\nimport { CarouselIndicator } from '../../comps/carousel/carousel-indicator/carousel-indicator';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const firstCardRefs = useRef<ICircularGameCardRefs>(null);\n  const secondCardRefs = useRef<ICircularGameCardRefs>(null);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const handleEndJourneyForPuzzle = useCallback(\n    (puzzlesData: Puzzle, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const handleEndJourneyForLesson = useCallback(\n    (lessonsData: Lesson, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(lessonsData, ProjectType.LESSON);\n      trackEventCompleted(ActionEvent.SKILL_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (journeyId: JOURNEY_ID_STUDENT, projectData?: IProjectData) => {\n      const paginationList = carouselRefs.current?.indicatorRefs;\n\n      const launcherDims =\n        firstCardRefs.current?.circularCardWrapperRef.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      // Exit early if required refs or data are missing\n      if (paginationList?.length < 2 || !secondCardRefs.current || !firstCardRefs.current) {\n        return;\n      }\n\n      // prepare journey projects based on the data available as\n      // games and puzzles are not aviailbale for K-1\n      const journeyProjectsData = [];\n\n      if (projectData?.games?.data.length && projectData?.puzzles?.data.length) {\n        journeyProjectsData.push(\n          {\n            projectData: projectData.games.data[0],\n            type: ProjectType.GAME,\n          },\n          {\n            projectData: projectData.puzzles.data[0],\n            type: ProjectType.PUZZLE,\n          },\n        );\n      }\n\n      if (projectData?.lessons?.data.length) {\n        journeyProjectsData.push(\n          { projectData: projectData.lessons.data[0], type: ProjectType.LESSON },\n          { projectData: projectData.lessons.data[1], type: ProjectType.LESSON },\n        );\n      }\n\n      const secondProjectData = journeyProjectsData[1];\n\n      trackAnalytics(PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED, {\n        step:\n          journeyProjectsData[0]?.type === ProjectType.LESSON\n            ? ActionEvent.SKILL_ACTIVITY\n            : ActionEvent.GAMES_ACTIVITY,\n      });\n\n      const coachmarks: TCoachmarkJourneyProps[] = [\n        isCompact\n          ? {\n              originalElementToHighlightRef: firstCardRefs.current.circularCardWrapperRef,\n              type: IndicatorType.NUDGE,\n              elementToHighlight: (\n                <SwipeableCard\n                  onSwipeLeft={() => {\n                    carouselRefs.current?.goToIndex(1);\n                    nextCoachmark(journeyId, false, SHOW_NUDGE_AFTER_MS);\n                  }}\n                >\n                  <SwipableArea />\n                </SwipeableCard>\n              ),\n              indicator: {\n                nudge: 'swipe',\n                content: <Text $renderAs=\"ab2-bold\">Swipe to explore</Text>,\n                nudgePointerX: launcherDims.width / 2 - 30,\n                nudgePointerY: launcherDims.height / 2,\n              } as INudgeProps,\n            }\n          : {\n              originalElementToHighlightRef: paginationList[1] as React.RefObject<HTMLDivElement>,\n              type: IndicatorType.NUDGE,\n              elementToHighlight: (\n                <CarouselIndicator\n                  textToShowInsideIndicator=\"2\"\n                  onClick={() => {\n                    carouselRefs.current?.goToIndex(1);\n                    nextCoachmark(journeyId, false, SHOW_NUDGE_AFTER_MS);\n                  }}\n                />\n              ),\n              indicator: {\n                nudge: 'click',\n                content: <Text $renderAs=\"ab1-bold\">Click to proceed</Text>,\n                nudgePointerX: 0,\n                nudgePointerY: 0,\n              } as INudgeProps,\n            },\n        {\n          originalElementToHighlightRef: secondCardRefs.current.circularCardWrapperRef,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <CircularGameCard\n              label=\"\"\n              data={{\n                card: secondProjectData?.projectData?.cardLottie ?? '',\n                name: secondProjectData?.projectData?.name ?? '',\n                isCompleted: false,\n                displayNameImage: secondProjectData?.projectData?.displayNameImage,\n                onPress: () => {\n                  if (secondProjectData?.type === ProjectType.LESSON) {\n                    handleEndJourneyForLesson(secondProjectData.projectData as Lesson, journeyId);\n                  }\n\n                  if (secondProjectData?.type === ProjectType.PUZZLE) {\n                    handleEndJourneyForPuzzle(secondProjectData.projectData as Puzzle, journeyId);\n                  }\n                },\n              }}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs={isCompact ? 'ab2-bold' : 'ab1-bold'}>\n                {isCompact ? 'Tap to start' : ' Click to start'}\n              </Text>\n            ),\n            nudgePointerX: isCompact ? launcherDims.width / 2 : launcherDims.width / 1.3,\n            nudgePointerY: isCompact ? launcherDims.height / 2 : launcherDims.height / 1.3,\n          } as INudgeProps,\n        },\n      ];\n\n      setJourney(journeyId, coachmarks);\n      carouselRefs.current?.goToIndex(0);\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, SLIDE_TO_LESSON_MS);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [\n      carouselRefs,\n      trackAnalytics,\n      isCompact,\n      setJourney,\n      nextCoachmark,\n      handleEndJourneyForLesson,\n      handleEndJourneyForPuzzle,\n    ],\n  );\n\n  const data = useMemo(\n    () => ({\n      firstCardRefs,\n      secondCardRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, [carouselRefs]);\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","onJourneyComplete","device","useTheme","isCompact","EDeviceType","timerRefs","useRef","firstCardRefs","secondCardRefs","nextCoachmark","setJourney","endJourney","useJourney","trackAnalytics","useUIContext","trackEventCompleted","useCallback","step","AnalyticsLabel","handleEndJourneyForPuzzle","puzzlesData","journeyId","ProjectType","ActionEvent","handleEndJourneyForLesson","lessonsData","startJourney","projectData","paginationList","_a","launcherDims","_c","_b","journeyProjectsData","_d","_e","_f","secondProjectData","PLATFORM_EVENTS_STUDENT","_g","coachmarks","IndicatorType","jsx","SwipeableCard","SHOW_NUDGE_AFTER_MS","SwipableArea","Text","CarouselIndicator","CircularGameCard","_h","_i","_j","_k","delayBeforeStart","SLIDE_TO_LESSON_MS","data","useMemo","useEffect","timer"],"mappings":"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"}
+{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport {\n  PLATFORM_EVENTS_STUDENT as AnalyticsLabel,\n  PLATFORM_EVENTS_STUDENT,\n} from '../../../../analytics-events/platform-events-student';\nimport { type JOURNEY_ID_STUDENT } from '../../../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../../../journey/use-journey/journey-context-types';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport { useUIContext } from '../../../../ui/context/context';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ActionEvent } from '../../../enum/circle-onboarding-steps';\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { CircularGameCard } from '../../comps/circular-game-card/circular-game-card';\nimport { type ICircularGameCardRefs } from '../../comps/circular-game-card/circular-game-card-types';\nimport SwipeableCard from '../../../../ui/swipeable-component/swipeable-component';\nimport type {\n  Lesson,\n  Puzzle,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport { type IProjectData } from '../../game-launcher-types';\nimport { SHOW_NUDGE_AFTER_MS, SLIDE_TO_LESSON_MS } from './constants';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\nimport { SwipableArea } from './use-game-launcher-journey-style';\nimport { CarouselIndicator } from '../../comps/carousel/carousel-indicator/carousel-indicator';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const firstCardRefs = useRef<ICircularGameCardRefs>(null);\n  const secondCardRefs = useRef<ICircularGameCardRefs>(null);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const handleEndJourneyForPuzzle = useCallback(\n    (puzzlesData: Puzzle, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const handleEndJourneyForLesson = useCallback(\n    (lessonsData: Lesson, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(lessonsData, ProjectType.LESSON);\n      trackEventCompleted(ActionEvent.SKILL_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (journeyId: JOURNEY_ID_STUDENT, projectData?: IProjectData) => {\n      const paginationList = carouselRefs.current?.indicatorRefs;\n\n      const launcherDims =\n        firstCardRefs.current?.circularCardWrapperRef.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      // Exit early if required refs or data are missing\n      if (paginationList?.length < 2 || !secondCardRefs.current || !firstCardRefs.current) {\n        return;\n      }\n\n      // prepare journey projects based on the data available as\n      // games and puzzles are not aviailbale for K-1\n      const journeyProjectsData = [];\n\n      if (projectData?.games?.data.length && projectData?.puzzles?.data.length) {\n        journeyProjectsData.push(\n          {\n            projectData: projectData.games.data[0],\n            type: ProjectType.GAME,\n          },\n          {\n            projectData: projectData.puzzles.data[0],\n            type: ProjectType.PUZZLE,\n          },\n        );\n      }\n\n      if (projectData?.lessons?.data.length) {\n        journeyProjectsData.push(\n          { projectData: projectData.lessons.data[0], type: ProjectType.LESSON },\n          { projectData: projectData.lessons.data[1], type: ProjectType.LESSON },\n        );\n      }\n\n      const secondProjectData = journeyProjectsData[1];\n\n      trackAnalytics(PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED, {\n        step:\n          journeyProjectsData[0]?.type === ProjectType.LESSON\n            ? ActionEvent.SKILL_ACTIVITY\n            : ActionEvent.GAMES_ACTIVITY,\n      });\n\n      const coachmarks: TCoachmarkJourneyProps[] = [\n        isCompact\n          ? {\n              originalElementToHighlightRef: firstCardRefs.current.circularCardWrapperRef,\n              type: IndicatorType.NUDGE,\n              elementToHighlight: (\n                <SwipeableCard\n                  onSwipeLeft={() => {\n                    carouselRefs.current?.goToIndex(1);\n                    nextCoachmark(journeyId, false, SHOW_NUDGE_AFTER_MS);\n                  }}\n                >\n                  <SwipableArea />\n                </SwipeableCard>\n              ),\n              indicator: {\n                nudge: 'swipe',\n                content: <Text $renderAs=\"ab2-bold\">Swipe to explore</Text>,\n                nudgePointerX: launcherDims.width / 2 - 30,\n                nudgePointerY: launcherDims.height / 2,\n              } as INudgeProps,\n            }\n          : {\n              originalElementToHighlightRef: paginationList[1] as React.RefObject<HTMLDivElement>,\n              type: IndicatorType.NUDGE,\n              elementToHighlight: (\n                <CarouselIndicator\n                  textToShowInsideIndicator=\"2\"\n                  onClick={() => {\n                    carouselRefs.current?.goToIndex(1);\n                    nextCoachmark(journeyId, false, SHOW_NUDGE_AFTER_MS);\n                  }}\n                />\n              ),\n              indicator: {\n                nudge: 'click',\n                content: <Text $renderAs=\"ab1-bold\">Click to proceed</Text>,\n                nudgePointerX: 0,\n                nudgePointerY: 0,\n              } as INudgeProps,\n            },\n        {\n          originalElementToHighlightRef: secondCardRefs.current.circularCardWrapperRef,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <CircularGameCard\n              label=\"\"\n              data={{\n                card: secondProjectData?.projectData?.cardLottie ?? '',\n                name: secondProjectData?.projectData?.name ?? '',\n                isCompleted: false,\n                displayNameImage: secondProjectData?.projectData?.displayNameImage,\n                onPress: () => {\n                  if (secondProjectData?.type === ProjectType.LESSON) {\n                    handleEndJourneyForLesson(secondProjectData.projectData as Lesson, journeyId);\n                  }\n\n                  if (secondProjectData?.type === ProjectType.PUZZLE) {\n                    handleEndJourneyForPuzzle(secondProjectData.projectData as Puzzle, journeyId);\n                  }\n                },\n              }}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs={isCompact ? 'ab2-bold' : 'ab1-bold'}>\n                {isCompact ? 'Tap to start' : ' Click to start'}\n              </Text>\n            ),\n            nudgePointerX: isCompact ? launcherDims.width / 2 : launcherDims.width / 1.3,\n            nudgePointerY: isCompact ? launcherDims.height / 2 : launcherDims.height / 1.3,\n          } as INudgeProps,\n        },\n      ];\n\n      setJourney(journeyId, coachmarks);\n      carouselRefs.current?.goToIndex(0);\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, SLIDE_TO_LESSON_MS);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [\n      carouselRefs,\n      trackAnalytics,\n      isCompact,\n      setJourney,\n      nextCoachmark,\n      handleEndJourneyForLesson,\n      handleEndJourneyForPuzzle,\n    ],\n  );\n\n  const data = useMemo(\n    () => ({\n      firstCardRefs,\n      secondCardRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, [carouselRefs]);\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","onJourneyComplete","device","useTheme","isCompact","EDeviceType","timerRefs","useRef","firstCardRefs","secondCardRefs","nextCoachmark","setJourney","endJourney","useJourney","trackAnalytics","useUIContext","trackEventCompleted","useCallback","step","AnalyticsLabel","handleEndJourneyForPuzzle","puzzlesData","journeyId","ProjectType","ActionEvent","handleEndJourneyForLesson","lessonsData","startJourney","projectData","paginationList","_a","launcherDims","_c","_b","journeyProjectsData","_d","_e","_f","secondProjectData","PLATFORM_EVENTS_STUDENT","_g","coachmarks","IndicatorType","jsx","SwipeableCard","SHOW_NUDGE_AFTER_MS","SwipableArea","Text","CarouselIndicator","CircularGameCard","_h","_i","_j","_k","delayBeforeStart","SLIDE_TO_LESSON_MS","data","useMemo","useEffect","timer"],"mappings":"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"}

package/dist/features/homework/card-title.js

@@ -1,16 +1,16 @@
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { memo as a } from "react";
 import c from "../ui/layout/flex-view.js";
-import i from "../ui/text/text.js";
-const l = ({ label: r, title: e }) => /* @__PURE__ */ o(c, { children: [
-  /* @__PURE__ */ t(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ t(i, { $color: "WHITE", $renderAs: "ac4-black", children: r }) }),
-  /* @__PURE__ */ t(i, { $renderAs: "ac4-black", children: e })
+import n from "../ui/text/text.js";
+const i = ({ label: r, title: l }) => /* @__PURE__ */ o(c, { children: [
+  /* @__PURE__ */ t(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ t(n, { $color: "WHITE", $renderAs: "ac4-black", children: r }) }),
+  /* @__PURE__ */ t(n, { $renderAs: "ac4-black", children: l })
 ] }), m = ({
   cardHeader: r,
-  nodeType: e,
-  courseType: n
-}) => e === "MASTERY" ? /* @__PURE__ */ t(l, { label: "Smart", title: "Practice" }) : n === "REMEDIAL" ? /* @__PURE__ */ t(l, { label: "EXTRA", title: r }) : n === "EXAM" ? /* @__PURE__ */ t(l, { label: "CUSTOM", title: r }) : /* @__PURE__ */ t(i, { $renderAs: "ac4-black", children: r }), A = a(m);
+  nodeType: l,
+  courseType: e
+}) => l === "MASTERY" ? /* @__PURE__ */ t(i, { label: "Smart", title: "Practice" }) : e && e === "REMEDIAL" ? /* @__PURE__ */ t(i, { label: "EXTRA", title: r }) : e && e === "EXAM" ? /* @__PURE__ */ t(i, { label: "CUSTOM", title: r }) : /* @__PURE__ */ t(n, { $renderAs: "ac4-black", children: r }), $ = a(m);
 export {
-  A as default
+  $ as default
 };
 //# sourceMappingURL=card-title.js.map

package/dist/features/homework/card-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-title.js","sources":["../../../src/features/homework/card-title.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport type { TCourseType, TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\nconst LabelledTitle = ({ label, title }: { label: string; title: string }) => (\n  <FlexView>\n    <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n      <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n        {label}\n      </Text>\n    </FlexView>\n    <Text $renderAs=\"ac4-black\">{title}</Text>\n  </FlexView>\n);\n\nconst CardTitle = ({\n  cardHeader,\n  nodeType,\n  courseType,\n}: {\n  cardHeader: string;\n  nodeType: TNodeTypes;\n  courseType: TCourseType;\n}) => {\n  if (nodeType === 'MASTERY') {\n    return <LabelledTitle label=\"Smart\" title=\"Practice\" />;\n  }\n\n  if (courseType === 'REMEDIAL') {\n    return <LabelledTitle label=\"EXTRA\" title={cardHeader} />;\n  }\n\n  if (courseType === 'EXAM') {\n    return <LabelledTitle label=\"CUSTOM\" title={cardHeader} />;\n  }\n\n  return <Text $renderAs=\"ac4-black\">{cardHeader}</Text>;\n};\n\nexport default memo(CardTitle);\n"],"names":["LabelledTitle","label","title","FlexView","jsx","Text","CardTitle","cardHeader","nodeType","courseType","CardTitle$1","memo"],"mappings":";;;;AAMA,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,OAAAC,EAAM,wBACnCC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAC,EAAAC,GAAA,EAAK,QAAO,SAAQ,WAAU,aAC5B,YACH,CAAA,GACF;AAAA,EACC,gBAAAD,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAMH,GAAA;AAAA,EACrC,CAAA,GAGII,IAAY,CAAC;AAAA,EACjB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAKMD,MAAa,YACP,gBAAAJ,EAAAJ,GAAA,EAAc,OAAM,SAAQ,OAAM,WAAW,CAAA,IAGnDS,MAAe,aACT,gBAAAL,EAAAJ,GAAA,EAAc,OAAM,SAAQ,OAAOO,EAAY,CAAA,IAGrDE,MAAe,SACT,gBAAAL,EAAAJ,GAAA,EAAc,OAAM,UAAS,OAAOO,EAAY,CAAA,IAGlD,gBAAAH,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAWE,EAAA,CAAA,GAGlCG,IAAAC,EAAKL,CAAS;"}
+{"version":3,"file":"card-title.js","sources":["../../../src/features/homework/card-title.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport type { TCourseType, TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\nconst LabelledTitle = ({ label, title }: { label: string; title: string }) => (\n  <FlexView>\n    <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n      <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n        {label}\n      </Text>\n    </FlexView>\n    <Text $renderAs=\"ac4-black\">{title}</Text>\n  </FlexView>\n);\n\nconst CardTitle = ({\n  cardHeader,\n  nodeType,\n  courseType,\n}: {\n  cardHeader: string;\n  nodeType: TNodeTypes;\n  courseType?: TCourseType;\n}) => {\n  if (nodeType === 'MASTERY') {\n    return <LabelledTitle label=\"Smart\" title=\"Practice\" />;\n  }\n\n  if (courseType && courseType === 'REMEDIAL') {\n    return <LabelledTitle label=\"EXTRA\" title={cardHeader} />;\n  }\n\n  if (courseType && courseType === 'EXAM') {\n    return <LabelledTitle label=\"CUSTOM\" title={cardHeader} />;\n  }\n\n  return <Text $renderAs=\"ac4-black\">{cardHeader}</Text>;\n};\n\nexport default memo(CardTitle);\n"],"names":["LabelledTitle","label","title","FlexView","jsx","Text","CardTitle","cardHeader","nodeType","courseType","CardTitle$1","memo"],"mappings":";;;;AAMA,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,OAAAC,EAAM,wBACnCC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAC,EAAAC,GAAA,EAAK,QAAO,SAAQ,WAAU,aAC5B,YACH,CAAA,GACF;AAAA,EACC,gBAAAD,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAMH,GAAA;AAAA,EACrC,CAAA,GAGII,IAAY,CAAC;AAAA,EACjB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAKMD,MAAa,YACP,gBAAAJ,EAAAJ,GAAA,EAAc,OAAM,SAAQ,OAAM,WAAW,CAAA,IAGnDS,KAAcA,MAAe,aACvB,gBAAAL,EAAAJ,GAAA,EAAc,OAAM,SAAQ,OAAOO,EAAY,CAAA,IAGrDE,KAAcA,MAAe,SACvB,gBAAAL,EAAAJ,GAAA,EAAc,OAAM,UAAS,OAAOO,EAAY,CAAA,IAGlD,gBAAAH,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAWE,EAAA,CAAA,GAGlCG,IAAAC,EAAKL,CAAS;"}

package/dist/features/parent-dashboard/comps/compact-header/compact-header.js

@@ -2,12 +2,12 @@ import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { memo as f } from "react";
 import { useTheme as p } from "styled-components";
 import { ILLUSTRATIONS as s } from "../../../../assets/illustrations/illustrations.js";
-import l from "../../../auth/comps/linear-progress-bar/linear-progress-bar.js";
-import d from "../../../ui/image/image.js";
+import l from "../../../ui/image/image.js";
 import t from "../../../ui/layout/flex-view.js";
-import { EDeviceType as u } from "../../../ui/theme/constants.js";
+import { EDeviceType as d } from "../../../ui/theme/constants.js";
+import u from "../../../ui/linear-progress-bar/linear-progress-bar.js";
 const T = ({ progressPercentage: r, showProgress: o, HeaderAvatar: m }) => {
-  const { device: i } = p(), n = i <= u.TABLET, c = o && r;
+  const { device: i } = p(), n = i <= d.TABLET, c = o && r;
   return n ? /* @__PURE__ */ a(
     t,
     {
@@ -19,7 +19,7 @@ const T = ({ progressPercentage: r, showProgress: o, HeaderAvatar: m }) => {
       $flexColumnGapX: c ? 1 : 0,
       children: [
         m,
-        o && r ? /* @__PURE__ */ e(l, { percentage: r, borderRadius: 8 }) : /* @__PURE__ */ e(t, { $flex: 1, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(d, { width: 90, src: s.CIRCLE_CUEMATH_LOGO_WHITE }) })
+        o && r ? /* @__PURE__ */ e(u, { percentage: r, borderRadius: 8 }) : /* @__PURE__ */ e(t, { $flex: 1, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(l, { width: 90, src: s.CIRCLE_CUEMATH_LOGO_WHITE }) })
       ]
     }
   ) : null;

package/dist/features/parent-dashboard/comps/compact-header/compact-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"compact-header.js","sources":["../../../../../src/features/parent-dashboard/comps/compact-header/compact-header.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport LinearProgressBar from '../../../auth/comps/linear-progress-bar/linear-progress-bar';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport type { ICompactHeaderProps } from './compact-header-types';\n\nconst CompactHeader = ({ progressPercentage, showProgress, HeaderAvatar }: ICompactHeaderProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const showProgressBar = showProgress && progressPercentage;\n\n  if (!isCompact) return null;\n\n  return (\n    <FlexView\n      $gutterX={1}\n      $gapX={1}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $background=\"WHITE_T_05\"\n      $flexColumnGapX={showProgressBar ? 1 : 0}\n    >\n      {HeaderAvatar}\n      {showProgress && progressPercentage ? (\n        <LinearProgressBar percentage={progressPercentage} borderRadius={8} />\n      ) : (\n        <FlexView $flex={1} $justifyContent=\"center\" $alignItems=\"center\">\n          <Image width={90} src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} />\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(CompactHeader);\n"],"names":["CompactHeader","progressPercentage","showProgress","HeaderAvatar","device","useTheme","isCompact","EDeviceType","showProgressBar","jsxs","FlexView","jsx","LinearProgressBar","Image","ILLUSTRATIONS","CompactHeader$1","memo"],"mappings":";;;;;;;;AAUA,MAAMA,IAAgB,CAAC,EAAE,oBAAAC,GAAoB,cAAAC,GAAc,cAAAC,QAAwC;AAC3F,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAkBN,KAAgBD;AAEpC,SAACK,IAGH,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,iBAAiBF,IAAkB,IAAI;AAAA,MAEtC,UAAA;AAAA,QAAAL;AAAA,QACAD,KAAgBD,IACf,gBAAAU,EAACC,GAAkB,EAAA,YAAYX,GAAoB,cAAc,EAAA,CAAG,IAEpE,gBAAAU,EAACD,GAAS,EAAA,OAAO,GAAG,iBAAgB,UAAS,aAAY,UACvD,UAAC,gBAAAC,EAAAE,GAAA,EAAM,OAAO,IAAI,KAAKC,EAAc,0BAAA,CAA2B,EAClE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAjBiB;AAqBzB,GAEeC,IAAAC,EAAKhB,CAAa;"}
+{"version":3,"file":"compact-header.js","sources":["../../../../../src/features/parent-dashboard/comps/compact-header/compact-header.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport type { ICompactHeaderProps } from './compact-header-types';\nimport LinearProgressBar from '../../../ui/linear-progress-bar/linear-progress-bar';\n\nconst CompactHeader = ({ progressPercentage, showProgress, HeaderAvatar }: ICompactHeaderProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const showProgressBar = showProgress && progressPercentage;\n\n  if (!isCompact) return null;\n\n  return (\n    <FlexView\n      $gutterX={1}\n      $gapX={1}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $background=\"WHITE_T_05\"\n      $flexColumnGapX={showProgressBar ? 1 : 0}\n    >\n      {HeaderAvatar}\n      {showProgress && progressPercentage ? (\n        <LinearProgressBar percentage={progressPercentage} borderRadius={8} />\n      ) : (\n        <FlexView $flex={1} $justifyContent=\"center\" $alignItems=\"center\">\n          <Image width={90} src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} />\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(CompactHeader);\n"],"names":["CompactHeader","progressPercentage","showProgress","HeaderAvatar","device","useTheme","isCompact","EDeviceType","showProgressBar","jsxs","FlexView","jsx","LinearProgressBar","Image","ILLUSTRATIONS","CompactHeader$1","memo"],"mappings":";;;;;;;;AAUA,MAAMA,IAAgB,CAAC,EAAE,oBAAAC,GAAoB,cAAAC,GAAc,cAAAC,QAAwC;AAC3F,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAkBN,KAAgBD;AAEpC,SAACK,IAGH,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,iBAAiBF,IAAkB,IAAI;AAAA,MAEtC,UAAA;AAAA,QAAAL;AAAA,QACAD,KAAgBD,IACf,gBAAAU,EAACC,GAAkB,EAAA,YAAYX,GAAoB,cAAc,EAAA,CAAG,IAEpE,gBAAAU,EAACD,GAAS,EAAA,OAAO,GAAG,iBAAgB,UAAS,aAAY,UACvD,UAAC,gBAAAC,EAAAE,GAAA,EAAM,OAAO,IAAI,KAAKC,EAAc,0BAAA,CAA2B,EAClE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAjBiB;AAqBzB,GAEeC,IAAAC,EAAKhB,CAAa;"}

package/dist/features/timeline/monthly-report/api/use-monthly-report-get.js

@@ -0,0 +1,13 @@
+import { createGetAPI as r, createPatchAPI as o } from "@cuemath/rest-api";
+import { BASE_URL_V1 as e } from "../../../../constants/api.js";
+const { useGet: p, invalidate: a } = r({
+  getURL: (t) => `${e}/monthly-progress-reports/${t}`
+}), { usePatch: h } = o({
+  getURL: (t) => `${e}/monthly-progress-reports/${t}`
+});
+export {
+  a as invalidateMonthlyReport,
+  p as useMonthlyReportGet,
+  h as useMonthlyReportPatch
+};
+//# sourceMappingURL=use-monthly-report-get.js.map

package/dist/features/timeline/monthly-report/api/use-monthly-report-get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-monthly-report-get.js","sources":["../../../../../src/features/timeline/monthly-report/api/use-monthly-report-get.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../constants/api';\nimport { type IMonthlyReportResponse } from '../monthly-report-types';\n\nconst { useGet: useMonthlyReportGet, invalidate: invalidateMonthlyReport } =\n  createGetAPI<IMonthlyReportResponse>({\n    getURL: (reportId: string) => {\n      return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n    },\n  });\n\nconst { usePatch: useMonthlyReportPatch } = createPatchAPI<\n  IMonthlyReportResponse,\n  { feedback: string }\n>({\n  getURL: (reportId: string) => {\n    return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n  },\n});\n\nexport { useMonthlyReportGet, useMonthlyReportPatch, invalidateMonthlyReport };\n"],"names":["useMonthlyReportGet","invalidateMonthlyReport","createGetAPI","reportId","BASE_URL_V1","useMonthlyReportPatch","createPatchAPI"],"mappings":";;AAKA,MAAM,EAAE,QAAQA,GAAqB,YAAYC,EAAA,IAC/CC,EAAqC;AAAA,EACnC,QAAQ,CAACC,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC,GAEG,EAAE,UAAUE,EAAsB,IAAIC,EAG1C;AAAA,EACA,QAAQ,CAACH,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC;"}