npm - @cuemath/leap - Versions diffs - 3.5.30-as8 → 3.5.30-gg2 - Mend

@cuemath/leap 3.5.30-as8 → 3.5.30-gg2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (266) hide show

package/dist/features/circle-games/game-launcher/comps/swipable-component/swipeable-component.js ADDED Viewed

@@ -0,0 +1,26 @@
+import { jsx as h } from "react/jsx-runtime";
+import { memo as T, useRef as l, useCallback as o } from "react";
+import { SwipeableWrapper as X } from "./swipeable-component-styled.js";
+const C = T(
+  ({ onSwipeLeft: t, onSwipeRight: a, minSwipeDistance: e = 50, children: m }) => {
+    const s = l(0), n = l(0), u = o(() => {
+      const r = s.current - n.current;
+      Math.abs(r) < e || (r > 0 ? t == null || t() : a == null || a());
+    }, [e, t, a]), d = o((r) => {
+      var c;
+      s.current = ((c = r.changedTouches[0]) == null ? void 0 : c.clientX) || 0;
+    }, []), b = o(
+      (r) => {
+        var c;
+        n.current = ((c = r.changedTouches[0]) == null ? void 0 : c.clientX) || 0, u();
+      },
+      [u]
+    );
+    return /* @__PURE__ */ h(X, { onTouchStart: d, onTouchEnd: b, children: m });
+  }
+);
+C.displayName = "SwipeableComponent";
+export {
+  C as default
+};
+//# sourceMappingURL=swipeable-component.js.map

package/dist/features/circle-games/game-launcher/comps/swipable-component/swipeable-component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"swipeable-component.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/swipable-component/swipeable-component.tsx"],"sourcesContent":["import { useRef, useCallback, memo } from 'react';\n\nimport * as Styled from './swipeable-component-styled';\nimport { type ISwipeableComponentProps } from './swipeable-component-types';\n\nconst SwipeableComponent: React.FC<ISwipeableComponentProps> = memo(\n ({ onSwipeLeft, onSwipeRight, minSwipeDistance = 50, children }) => {\n const touchStartX = useRef(0);\n const touchEndX = useRef(0);\n\n const handleSwipe = useCallback(() => {\n const distance = touchStartX.current - touchEndX.current;\n\n if (Math.abs(distance) < minSwipeDistance) return;\n\n if (distance > 0) {\n onSwipeLeft?.();\n } else {\n onSwipeRight?.();\n }\n }, [minSwipeDistance, onSwipeLeft, onSwipeRight]);\n\n const onTouchStart = useCallback((e: React.TouchEvent) => {\n touchStartX.current = e.changedTouches[0]?.clientX || 0;\n }, []);\n\n const onTouchEnd = useCallback(\n (e: React.TouchEvent) => {\n touchEndX.current = e.changedTouches[0]?.clientX || 0;\n handleSwipe();\n },\n [handleSwipe],\n );\n\n return (\n <Styled.SwipeableWrapper onTouchStart={onTouchStart} onTouchEnd={onTouchEnd}>\n {children}\n </Styled.SwipeableWrapper>\n );\n },\n);\n\nSwipeableComponent.displayName = 'SwipeableComponent';\n\nexport default SwipeableComponent;\n"],"names":["SwipeableComponent","memo","onSwipeLeft","onSwipeRight","minSwipeDistance","children","touchStartX","useRef","touchEndX","handleSwipe","useCallback","distance","onTouchStart","e","_a","onTouchEnd","Styled.SwipeableWrapper"],"mappings":";;;AAKA,MAAMA,IAAyDC;AAAA,EAC7D,CAAC,EAAE,aAAAC,GAAa,cAAAC,GAAc,kBAAAC,IAAmB,IAAI,UAAAC,QAAe;AAC5D,UAAAC,IAAcC,EAAO,CAAC,GACtBC,IAAYD,EAAO,CAAC,GAEpBE,IAAcC,EAAY,MAAM;AAC9B,YAAAC,IAAWL,EAAY,UAAUE,EAAU;AAEjD,MAAI,KAAK,IAAIG,CAAQ,IAAIP,MAErBO,IAAW,IACCT,KAAA,QAAAA,MAECC,KAAA,QAAAA;AAAA,IAEhB,GAAA,CAACC,GAAkBF,GAAaC,CAAY,CAAC,GAE1CS,IAAeF,EAAY,CAACG,MAAwB;;AACxD,MAAAP,EAAY,YAAUQ,IAAAD,EAAE,eAAe,CAAC,MAAlB,gBAAAC,EAAqB,YAAW;AAAA,IACxD,GAAG,CAAE,CAAA,GAECC,IAAaL;AAAA,MACjB,CAACG,MAAwB;;AACvB,QAAAL,EAAU,YAAUM,IAAAD,EAAE,eAAe,CAAC,MAAlB,gBAAAC,EAAqB,YAAW,GACxCL;MACd;AAAA,MACA,CAACA,CAAW;AAAA,IAAA;AAGd,6BACGO,GAAA,EAAwB,cAAAJ,GAA4B,YAAAG,GAClD,UAAAV,EACH,CAAA;AAAA,EAEJ;AACF;AAEAL,EAAmB,cAAc;"}

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

@@ -1,4 +1,4 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as i } 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 "../../../../ui/swipeable-component/swipeable-component.js";
+import j from "../../comps/swipable-component/swipeable-component.js";
 import { SHOW_NUDGE_AFTER_MS as V, SLIDE_TO_LESSON_MS as ee } from "./constants.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";
+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";
 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(
-    (t) => {
+    (r) => {
       p(B.ONBOARDING_STEP_COMPLETED, {
-        step: t
+        step: r
       });
     },
     [p]
   ), O = f(
-    (t, e) => {
-      d(t, i.PUZZLE), E(S.PUZZLE_ACTIVITY), h(e), a(e);
+    (r, e) => {
+      d(r, n.PUZZLE), E(S.PUZZLE_ACTIVITY), h(e), a(e);
     },
     [h, a, d, E]
   ), y = f(
-    (t, e) => {
-      d(t, i.LESSON), E(S.SKILL_ACTIVITY), h(e), a(e);
+    (r, e) => {
+      d(r, n.LESSON), E(S.SKILL_ACTIVITY), h(e), a(e);
     },
     [h, a, d, E]
   ), R = f(
-    (t, e) => {
+    (r, 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: i.GAME
+          type: n.GAME
         },
         {
           projectData: e.puzzles.data[0],
-          type: i.PUZZLE
+          type: n.PUZZLE
         }
       ), (Y = e == null ? void 0 : e.lessons) != null && Y.data.length && g.push(
-        { projectData: e.lessons.data[0], type: i.LESSON },
-        { projectData: e.lessons.data[1], type: i.LESSON }
+        { projectData: e.lessons.data[0], type: n.LESSON },
+        { projectData: e.lessons.data[1], type: n.LESSON }
       );
-      const r = g[1];
+      const t = g[1];
       p(B.ONBOARDING_STEP_VIEWED, {
-        step: ((Z = g[0]) == null ? void 0 : Z.type) === i.LESSON ? S.SKILL_ACTIVITY : S.GAMES_ACTIVITY
+        step: ((Z = g[0]) == null ? void 0 : Z.type) === n.LESSON ? S.SKILL_ACTIVITY : S.GAMES_ACTIVITY
       });
       const F = [
         l ? {
           originalElementToHighlightRef: c.current.circularCardWrapperRef,
           type: I.NUDGE,
-          elementToHighlight: /* @__PURE__ */ n(
+          elementToHighlight: /* @__PURE__ */ i(
             j,
             {
               onSwipeLeft: () => {
                 var m;
-                (m = o.current) == null || m.goToIndex(1), u(t, !1, V);
+                (m = o.current) == null || m.goToIndex(1), u(r, !1, V);
               },
-              children: /* @__PURE__ */ n(re, {})
+              children: /* @__PURE__ */ i(te, {})
             }
           ),
           indicator: {
             nudge: "swipe",
-            content: /* @__PURE__ */ n(A, { $renderAs: "ab2-bold", children: "Swipe to explore" }),
+            content: /* @__PURE__ */ i(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__ */ n(
-            te,
+          elementToHighlight: /* @__PURE__ */ i(
+            re,
             {
               textToShowInsideIndicator: "2",
               onClick: () => {
                 var m;
-                (m = o.current) == null || m.goToIndex(1), u(t, !1, V);
+                (m = o.current) == null || m.goToIndex(1), u(r, !1, V);
               }
             }
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ n(A, { $renderAs: "ab1-bold", children: "Click to proceed" }),
+            content: /* @__PURE__ */ i(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__ */ n(
+          elementToHighlight: /* @__PURE__ */ i(
             D,
             {
               label: "",
               data: {
-                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) ?? "",
+                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) ?? "",
                 isCompleted: !1,
-                displayNameImage: (M = r == null ? void 0 : r.projectData) == null ? void 0 : M.displayNameImage,
+                displayNameImage: (M = t == null ? void 0 : t.projectData) == null ? void 0 : M.displayNameImage,
                 onPress: () => {
-                  (r == null ? void 0 : r.type) === i.LESSON && y(r.projectData, t), (r == null ? void 0 : r.type) === i.PUZZLE && O(r.projectData, t);
+                  (t == null ? void 0 : t.type) === n.LESSON && y(t.projectData, r), (t == null ? void 0 : t.type) === n.PUZZLE && O(t.projectData, r);
                 }
               }
             }
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ n(A, { $renderAs: l ? "ab2-bold" : "ab1-bold", children: l ? "Tap to start" : " Click to start" }),
+            content: /* @__PURE__ */ i(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
           }
         }
       ];
-      _(t, F), (z = o.current) == null || z.goToIndex(0);
+      _(r, F), (z = o.current) == null || z.goToIndex(0);
       const b = setTimeout(() => {
-        clearTimeout(b), u(t);
+        clearTimeout(b), u(r);
       }, ee);
       L.current.push(b);
     },
@@ -153,7 +153,7 @@ const Se = ({
     [R]
   );
   return X(() => () => {
-    L.current.forEach((t) => clearTimeout(t)), L.current = [];
+    L.current.forEach((r) => clearTimeout(r)), L.current = [];
   }, [o]), v;
 };
 export {

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

	@@ -1 +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 '../../../../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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"}
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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"}

package/dist/features/stickers/hooks/use-handle-sticker-send/use-handle-sticker-send.js CHANGED Viewed

@@ -37,6 +37,7 @@ const u = (t, s) => {
         n(r, { baseEventData: i });
       }
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, e, a, t, c]
   );
 };

package/dist/features/stickers/hooks/use-handle-sticker-send/use-handle-sticker-send.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-handle-sticker-send.js","sources":["../../../../../src/features/stickers/hooks/use-handle-sticker-send/use-handle-sticker-send.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport useInClassMessageBroker from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\nimport { useUIContext } from '../../../ui/context/context';\nimport { STICKERS_ANALYTICS_EVENT } from '../../stickers-analytics-events';\nimport { useStickers } from '../../stickers-effects/hooks/use-stickers';\nimport type {\n IStickerData,\n TStickerAnimationEffects,\n TStickersPayload,\n} from '../../stickers-types';\nimport { useStickersErrorLogger } from '../use-stickers-error-logger';\nimport { type TUseStickerSendMetaData } from './use-handle-sticker-send-types';\n\nexport const useHandleStickerSend = (\n studentClassroomId: string,\n metaData: TUseStickerSendMetaData,\n) => {\n const { publish } = useInClassMessageBroker({\n studentClassroomId,\n });\n\n const { onEvent: trackEvent } = useUIContext();\n const logError = useStickersErrorLogger();\n\n const { showSticker } = useStickers();\n\n const sendSticker = useCallback(\n (sticker: IStickerData, effect: TStickerAnimationEffects) => {\n const baseEventData = {\n classroom_id: studentClassroomId,\n sticker: sticker.id,\n teacherClassroomId: metaData.teacherClassroomId,\n triggerType: metaData.triggerType,\n };\n\n try {\n const payload: TStickersPayload = {\n message: {\n data: {\n selectedSticker: {\n id: sticker.id,\n name: sticker.name,\n },\n effectId: effect,\n },\n },\n type: 'STICKERS',\n };\n\n showSticker(payload);\n\n publish?.({\n eventName: 'STICKERS',\n eventPayload: payload,\n });\n\n trackEvent(STICKERS_ANALYTICS_EVENT.STICKER_SENT, baseEventData);\n } catch (error) {\n logError(error, { baseEventData });\n }\n },\n [logError, publish, showSticker, studentClassroomId, trackEvent],\n );\n\n return sendSticker;\n};\n"],"names":["useHandleStickerSend","studentClassroomId","metaData","publish","useInClassMessageBroker","trackEvent","useUIContext","logError","useStickersErrorLogger","showSticker","useStickers","useCallback","sticker","effect","baseEventData","payload","STICKERS_ANALYTICS_EVENT","error"],"mappings":";;;;;;AAca,MAAAA,IAAuB,CAClCC,GACAC,MACG;AACG,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAwB;AAAA,IAC1C,oBAAAH;AAAA,EAAA,CACD,GAEK,EAAE,SAASI,EAAW,IAAIC,EAAa,GACvCC,IAAWC,KAEX,EAAE,aAAAC,MAAgBC;~~AAwCjB~~,~~SAtCaC~~;AAAA,IAClB,CAACC,GAAuBC,MAAqC;AAC3D,YAAMC,IAAgB;AAAA,QACpB,cAAcb;AAAA,QACd,SAASW,EAAQ;AAAA,QACjB,oBAAoBV,EAAS;AAAA,QAC7B,aAAaA,EAAS;AAAA,MAAA;AAGpB,UAAA;AACF,cAAMa,IAA4B;AAAA,UAChC,SAAS;AAAA,YACP,MAAM;AAAA,cACJ,iBAAiB;AAAA,gBACf,IAAIH,EAAQ;AAAA,gBACZ,MAAMA,EAAQ;AAAA,cAChB;AAAA,cACA,UAAUC;AAAA,YACZ;AAAA,UACF;AAAA,UACA,MAAM;AAAA,QAAA;AAGR,QAAAJ,EAAYM,CAAO,GAETZ,KAAA,QAAAA,EAAA;AAAA,UACR,WAAW;AAAA,UACX,cAAcY;AAAA,QAAA,IAGLV,EAAAW,EAAyB,cAAcF,CAAa;AAAA,eACxDG,GAAO;AACL,QAAAV,EAAAU,GAAO,EAAE,eAAAH,EAAA,CAAe;AAAA,MACnC;AAAA,IACF;AAAA,~~IACA~~,CAACP,GAAUJ,GAASM,GAAaR,GAAoBI,CAAU;AAAA,EAAA;AAInE;"}
1	+ {"version":3,"file":"use-handle-sticker-send.js","sources":["../../../../../src/features/stickers/hooks/use-handle-sticker-send/use-handle-sticker-send.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport useInClassMessageBroker from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\nimport { useUIContext } from '../../../ui/context/context';\nimport { STICKERS_ANALYTICS_EVENT } from '../../stickers-analytics-events';\nimport { useStickers } from '../../stickers-effects/hooks/use-stickers';\nimport type {\n IStickerData,\n TStickerAnimationEffects,\n TStickersPayload,\n} from '../../stickers-types';\nimport { useStickersErrorLogger } from '../use-stickers-error-logger';\nimport { type TUseStickerSendMetaData } from './use-handle-sticker-send-types';\n\nexport const useHandleStickerSend = (\n studentClassroomId: string,\n metaData: TUseStickerSendMetaData,\n) => {\n const { publish } = useInClassMessageBroker({\n studentClassroomId,\n });\n\n const { onEvent: trackEvent } = useUIContext();\n const logError = useStickersErrorLogger();\n\n const { showSticker } = useStickers();\n\n const sendSticker = useCallback(\n (sticker: IStickerData, effect: TStickerAnimationEffects) => {\n const baseEventData = {\n classroom_id: studentClassroomId,\n sticker: sticker.id,\n teacherClassroomId: metaData.teacherClassroomId,\n triggerType: metaData.triggerType,\n };\n\n try {\n const payload: TStickersPayload = {\n message: {\n data: {\n selectedSticker: {\n id: sticker.id,\n name: sticker.name,\n },\n effectId: effect,\n },\n },\n type: 'STICKERS',\n };\n\n showSticker(payload);\n\n publish?.({\n eventName: 'STICKERS',\n eventPayload: payload,\n });\n\n trackEvent(STICKERS_ANALYTICS_EVENT.STICKER_SENT, baseEventData);\n } catch (error) {\n logError(error, { baseEventData });\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [logError, publish, showSticker, studentClassroomId, trackEvent],\n );\n\n return sendSticker;\n};\n"],"names":["useHandleStickerSend","studentClassroomId","metaData","publish","useInClassMessageBroker","trackEvent","useUIContext","logError","useStickersErrorLogger","showSticker","useStickers","useCallback","sticker","effect","baseEventData","payload","STICKERS_ANALYTICS_EVENT","error"],"mappings":";;;;;;AAca,MAAAA,IAAuB,CAClCC,GACAC,MACG;AACG,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAwB;AAAA,IAC1C,oBAAAH;AAAA,EAAA,CACD,GAEK,EAAE,SAASI,EAAW,IAAIC,EAAa,GACvCC,IAAWC,KAEX,EAAE,aAAAC,MAAgBC;AAyCjB,SAvCaC;AAAA,IAClB,CAACC,GAAuBC,MAAqC;AAC3D,YAAMC,IAAgB;AAAA,QACpB,cAAcb;AAAA,QACd,SAASW,EAAQ;AAAA,QACjB,oBAAoBV,EAAS;AAAA,QAC7B,aAAaA,EAAS;AAAA,MAAA;AAGpB,UAAA;AACF,cAAMa,IAA4B;AAAA,UAChC,SAAS;AAAA,YACP,MAAM;AAAA,cACJ,iBAAiB;AAAA,gBACf,IAAIH,EAAQ;AAAA,gBACZ,MAAMA,EAAQ;AAAA,cAChB;AAAA,cACA,UAAUC;AAAA,YACZ;AAAA,UACF;AAAA,UACA,MAAM;AAAA,QAAA;AAGR,QAAAJ,EAAYM,CAAO,GAETZ,KAAA,QAAAA,EAAA;AAAA,UACR,WAAW;AAAA,UACX,cAAcY;AAAA,QAAA,IAGLV,EAAAW,EAAyB,cAAcF,CAAa;AAAA,eACxDG,GAAO;AACL,QAAAV,EAAAU,GAAO,EAAE,eAAAH,EAAA,CAAe;AAAA,MACnC;AAAA,IACF;AAAA;AAAA,IAEA,CAACP,GAAUJ,GAASM,GAAaR,GAAoBI,CAAU;AAAA,EAAA;AAInE;"}

package/dist/features/ui/arrow-tooltip/comps/tooltip-body-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-body-styled.js","sources":["../../../../../src/features/ui/arrow-tooltip/comps/tooltip-body-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\nimport { animateToolTip, arrowPosition, tooltipPosition } from '../arrow-tooltip-util';\nimport type { ITooltipBodyProps } from './tooltip-body-types';\n\nexport const TooltipBody = styled(FlexView)<ITooltipBodyProps>(({\n theme,\n $arrowColor,\n $arrowSize,\n $arrowXCoOrdinates,\n $arrowYCoOrdinates,\n $borderColor,\n $isAnimated,\n $position,\n $renderAs,\n $tooltipCoOrdinates,\n $tooltipOffset,\n $tooltipXCoOrdinates,\n $tooltipYCoOrdinates,\n $zIndex,\n $backgroundColor,\n}) => {\n const { gutter } = theme.layout;\n const { REAL_BLACK_15 } = theme.colors;\n const { tooltipVariants } = theme.arrowTooltip;\n let { backgroundColorName } = tooltipVariants[$renderAs];\n const { textColorName } = tooltipVariants[$renderAs];\n\n backgroundColorName = $backgroundColor \|\| backgroundColorName;\n\n return `\n position: fixed;\n z-index: ${$zIndex \|\| 1};\n padding: ${gutter * 0.25}px ${gutter * 0.5}px;\n color: ${textColorName};\n box-shadow: 0px 2px 15px 0px ${REAL_BLACK_15};\n background-color: ${theme.colors[backgroundColorName]};\n border: 1px solid ${$borderColor ? theme.colors[$borderColor] : 'transparent'};\n\n &::after {\n content: '';\n position: absolute;\n height: ${$arrowSize}px;\n width: ${$arrowSize}px;\n clip-path: polygon(0% 0%, 100% 100%, 0% 100%);\n background-color: ${\n $arrowColor ? theme.colors[$arrowColor] : theme.colors[backgroundColorName]\n };\n ${arrowPosition({\n position: $position,\n arrowXCoOrdinates: $arrowXCoOrdinates,\n arrowYCoOrdinates: $arrowYCoOrdinates,\n arrowSize: $arrowSize,\n })};\n }\n\n ${tooltipPosition({\n position: $position,\n arrowSize: $arrowSize,\n tooltipCoOrdinates: $tooltipCoOrdinates,\n tooltipOffset: $tooltipOffset,\n tooltipXCoOrdinates: $tooltipXCoOrdinates,\n tooltipYCoOrdinates: $tooltipYCoOrdinates,\n })};\n\n ${animateToolTip($isAnimated)};\n `;\n});\n"],"names":["TooltipBody","styled","FlexView","theme","$arrowColor","$arrowSize","$arrowXCoOrdinates","$arrowYCoOrdinates","$borderColor","$isAnimated","$position","$renderAs","$tooltipCoOrdinates","$tooltipOffset","$tooltipXCoOrdinates","$tooltipYCoOrdinates","$zIndex","$backgroundColor","gutter","REAL_BLACK_15","tooltipVariants","backgroundColorName","textColorName","arrowPosition","tooltipPosition","animateToolTip"],"mappings":";;;AAMO,MAAMA,IAAcC,EAAOC,CAAQ,~~EAAqB~~,CAAC;AAAA,~~EAC9D~~,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,EAAO,IAAIf,EAAM,QACnB,EAAE,eAAAgB,EAAc,IAAIhB,EAAM,QAC1B,EAAE,iBAAAiB,EAAgB,IAAIjB,EAAM;AAClC,MAAI,EAAE,qBAAAkB,EAAA,IAAwBD,EAAgBT,CAAS;AACvD,QAAM,EAAE,eAAAW,EAAA,IAAkBF,EAAgBT,CAAS;AAEnD,SAAAU,IAAsBJ,KAAoBI,GAEnC;AAAA;AAAA,eAEML,KAAW,CAAC;AAAA,eACZE,IAAS,IAAI,MAAMA,IAAS,GAAG;AAAA,aACjCI,CAAa;AAAA,mCACSH,CAAa;AAAA,wBACxBhB,EAAM,OAAOkB,CAAmB,CAAC;AAAA,wBACjCb,IAAeL,EAAM,OAAOK,CAAY,IAAI,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKjEH,CAAU;AAAA,eACXA,CAAU;AAAA;AAAA,0BAGjBD,IAAcD,EAAM,OAAOC,CAAW,IAAID,EAAM,OAAOkB,CAAmB,CAC5E;AAAA,QACEE,EAAc;AAAA,IACd,UAAUb;AAAA,IACV,mBAAmBJ;AAAA,IACnB,mBAAmBC;AAAA,IACnB,WAAWF;AAAA,EAAA,CACZ,CAAC;AAAA;AAAA;AAAA,MAGFmB,EAAgB;AAAA,IAChB,UAAUd;AAAA,IACV,WAAWL;AAAA,IACX,oBAAoBO;AAAA,IACpB,eAAeC;AAAA,IACf,qBAAqBC;AAAA,IACrB,qBAAqBC;AAAA,EAAA,CACtB,CAAC;AAAA;AAAA,MAEAU,EAAehB,CAAW,CAAC;AAAA;AAEjC,CAAC;"}
1	+ {"version":3,"file":"tooltip-body-styled.js","sources":["../../../../../src/features/ui/arrow-tooltip/comps/tooltip-body-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\nimport { animateToolTip, arrowPosition, tooltipPosition } from '../arrow-tooltip-util';\nimport type { ITooltipBodyProps } from './tooltip-body-types';\n\nexport const TooltipBody = styled(FlexView)<Omit<ITooltipBodyProps, 'textVariant'>>(({\n theme,\n $arrowColor,\n $arrowSize,\n $arrowXCoOrdinates,\n $arrowYCoOrdinates,\n $borderColor,\n $isAnimated,\n $position,\n $renderAs,\n $tooltipCoOrdinates,\n $tooltipOffset,\n $tooltipXCoOrdinates,\n $tooltipYCoOrdinates,\n $zIndex,\n $backgroundColor,\n}) => {\n const { gutter } = theme.layout;\n const { REAL_BLACK_15 } = theme.colors;\n const { tooltipVariants } = theme.arrowTooltip;\n let { backgroundColorName } = tooltipVariants[$renderAs];\n const { textColorName } = tooltipVariants[$renderAs];\n\n backgroundColorName = $backgroundColor \|\| backgroundColorName;\n\n return `\n position: fixed;\n z-index: ${$zIndex \|\| 1};\n padding: ${gutter * 0.25}px ${gutter * 0.5}px;\n color: ${textColorName};\n box-shadow: 0px 2px 15px 0px ${REAL_BLACK_15};\n background-color: ${theme.colors[backgroundColorName]};\n border: 1px solid ${$borderColor ? theme.colors[$borderColor] : 'transparent'};\n\n &::after {\n content: '';\n position: absolute;\n height: ${$arrowSize}px;\n width: ${$arrowSize}px;\n clip-path: polygon(0% 0%, 100% 100%, 0% 100%);\n background-color: ${\n $arrowColor ? theme.colors[$arrowColor] : theme.colors[backgroundColorName]\n };\n ${arrowPosition({\n position: $position,\n arrowXCoOrdinates: $arrowXCoOrdinates,\n arrowYCoOrdinates: $arrowYCoOrdinates,\n arrowSize: $arrowSize,\n })};\n }\n\n ${tooltipPosition({\n position: $position,\n arrowSize: $arrowSize,\n tooltipCoOrdinates: $tooltipCoOrdinates,\n tooltipOffset: $tooltipOffset,\n tooltipXCoOrdinates: $tooltipXCoOrdinates,\n tooltipYCoOrdinates: $tooltipYCoOrdinates,\n })};\n\n ${animateToolTip($isAnimated)};\n `;\n});\n"],"names":["TooltipBody","styled","FlexView","theme","$arrowColor","$arrowSize","$arrowXCoOrdinates","$arrowYCoOrdinates","$borderColor","$isAnimated","$position","$renderAs","$tooltipCoOrdinates","$tooltipOffset","$tooltipXCoOrdinates","$tooltipYCoOrdinates","$zIndex","$backgroundColor","gutter","REAL_BLACK_15","tooltipVariants","backgroundColorName","textColorName","arrowPosition","tooltipPosition","animateToolTip"],"mappings":";;;AAMO,MAAMA,IAAcC,EAAOC,CAAQ,EAA0C,CAAC;AAAA,EACnF,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,EAAO,IAAIf,EAAM,QACnB,EAAE,eAAAgB,EAAc,IAAIhB,EAAM,QAC1B,EAAE,iBAAAiB,EAAgB,IAAIjB,EAAM;AAClC,MAAI,EAAE,qBAAAkB,EAAA,IAAwBD,EAAgBT,CAAS;AACvD,QAAM,EAAE,eAAAW,EAAA,IAAkBF,EAAgBT,CAAS;AAEnD,SAAAU,IAAsBJ,KAAoBI,GAEnC;AAAA;AAAA,eAEML,KAAW,CAAC;AAAA,eACZE,IAAS,IAAI,MAAMA,IAAS,GAAG;AAAA,aACjCI,CAAa;AAAA,mCACSH,CAAa;AAAA,wBACxBhB,EAAM,OAAOkB,CAAmB,CAAC;AAAA,wBACjCb,IAAeL,EAAM,OAAOK,CAAY,IAAI,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKjEH,CAAU;AAAA,eACXA,CAAU;AAAA;AAAA,0BAGjBD,IAAcD,EAAM,OAAOC,CAAW,IAAID,EAAM,OAAOkB,CAAmB,CAC5E;AAAA,QACEE,EAAc;AAAA,IACd,UAAUb;AAAA,IACV,mBAAmBJ;AAAA,IACnB,mBAAmBC;AAAA,IACnB,WAAWF;AAAA,EAAA,CACZ,CAAC;AAAA;AAAA;AAAA,MAGFmB,EAAgB;AAAA,IAChB,UAAUd;AAAA,IACV,WAAWL;AAAA,IACX,oBAAoBO;AAAA,IACpB,eAAeC;AAAA,IACf,qBAAqBC;AAAA,IACrB,qBAAqBC;AAAA,EAAA,CACtB,CAAC;AAAA;AAAA,MAEAU,EAAehB,CAAW,CAAC;AAAA;AAEjC,CAAC;"}

package/dist/features/ui/arrow-tooltip/comps/tooltip-body.js CHANGED Viewed

@@ -1,21 +1,21 @@
 import { jsx as t } from "react/jsx-runtime";
-import { memo as i } from "react";
-import { useTheme as n } from "styled-components";
-import l from "../../text/text.js";
-import { TooltipBody as m } from "./tooltip-body-styled.js";
-const d = (o) => {
-  const { arrowTooltip: r } = n(), { tooltipVariants: e } = r;
-  return /* @__PURE__ */ t(m, { ...o, children: typeof o.children == "string" ? /* @__PURE__ */ t(
-    l,
+import { memo as n } from "react";
+import { useTheme as l } from "styled-components";
+import m from "../../text/text.js";
+import { TooltipBody as d } from "./tooltip-body-styled.js";
+const a = (o) => {
+  const { textVariant: c, ...r } = o, { arrowTooltip: e } = l(), { tooltipVariants: i } = e;
+  return /* @__PURE__ */ t(d, { ...r, children: typeof o.children == "string" ? /* @__PURE__ */ t(
+    m,
     {
       $renderAs: o.textVariant || "body3",
-      $color: e[o.$renderAs].textColorName,
+      $color: i[o.$renderAs].textColorName,
       $align: "center",
       children: o.children
     }
   ) : o.children });
-}, h = i(d);
+}, y = n(a);
 export {
-  h as default
+  y as default
 };
 //# sourceMappingURL=tooltip-body.js.map

package/dist/features/ui/arrow-tooltip/comps/tooltip-body.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-body.js","sources":["../../../../../src/features/ui/arrow-tooltip/comps/tooltip-body.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../text/text';\nimport * as Styled from './tooltip-body-styled';\nimport type { ITooltipBodyProps } from './tooltip-body-types';\n\nconst TooltipBody: FC<ITooltipBodyProps> = props => {\n const { arrowTooltip } = useTheme();\n const { tooltipVariants } = arrowTooltip;\n\n return (\n <Styled.TooltipBody {...~~props~~}>\n {typeof props.children === 'string' ? (\n <Text\n $renderAs={props.textVariant \|\| 'body3'}\n $color={tooltipVariants[props.$renderAs].textColorName}\n $align=\"center\"\n >\n {props.children}\n </Text>\n ) : (\n props.children\n )}\n </Styled.TooltipBody>\n );\n};\n\nexport default memo(TooltipBody);\n"],"names":["TooltipBody","props","arrowTooltip","useTheme","tooltipVariants","jsx","Styled.TooltipBody","Text","TooltipBody$1","memo"],"mappings":";;;;;AAOA,MAAMA,IAAqC,CAASC,MAAA;~~AAC5C~~,~~QAAA~~,EAAE,~~cAAAC~~,MAAiBC,KACnB,EAAE,iBAAAC,EAAoB,IAAAF;AAG1B,SAAA,gBAAAG,EAACC,GAAA,EAAoB,GAAGL,GACrB,UAAA,~~OAAOA~~,EAAM,YAAa,WACzB,~~gBAAAI~~;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,~~WAAWN~~,EAAM,eAAe;AAAA,MAChC,~~QAAQG~~,~~EAAgBH~~,EAAM,SAAS,EAAE;AAAA,MACzC,QAAO;AAAA,MAEN,UAAMA,EAAA;AAAA,IAAA;AAAA,EAAA,IAGTA,EAAM,SAEV,CAAA;AAEJ,~~GAEeO~~,IAAAC,~~EAAKT~~,CAAW;"}
1	+ {"version":3,"file":"tooltip-body.js","sources":["../../../../../src/features/ui/arrow-tooltip/comps/tooltip-body.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../text/text';\nimport * as Styled from './tooltip-body-styled';\nimport type { ITooltipBodyProps } from './tooltip-body-types';\n\nconst TooltipBody: FC<ITooltipBodyProps> = props => {\n const { textVariant, ...rest } = props;\n const { arrowTooltip } = useTheme();\n const { tooltipVariants } = arrowTooltip;\n\n return (\n <Styled.TooltipBody {...rest}>\n {typeof props.children === 'string' ? (\n <Text\n $renderAs={props.textVariant \|\| 'body3'}\n $color={tooltipVariants[props.$renderAs].textColorName}\n $align=\"center\"\n >\n {props.children}\n </Text>\n ) : (\n props.children\n )}\n </Styled.TooltipBody>\n );\n};\n\nexport default memo(TooltipBody);\n"],"names":["TooltipBody","props","textVariant","rest","arrowTooltip","useTheme","tooltipVariants","jsx","Styled.TooltipBody","Text","TooltipBody$1","memo"],"mappings":";;;;;AAOA,MAAMA,IAAqC,CAASC,MAAA;AAClD,QAAM,EAAE,aAAAC,GAAa,GAAGC,EAAA,IAASF,GAC3B,EAAE,cAAAG,MAAiBC,KACnB,EAAE,iBAAAC,EAAoB,IAAAF;AAG1B,SAAA,gBAAAG,EAACC,GAAA,EAAoB,GAAGL,GACrB,UAAA,OAAOF,EAAM,YAAa,WACzB,gBAAAM;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWR,EAAM,eAAe;AAAA,MAChC,QAAQK,EAAgBL,EAAM,SAAS,EAAE;AAAA,MACzC,QAAO;AAAA,MAEN,UAAMA,EAAA;AAAA,IAAA;AAAA,EAAA,IAGTA,EAAM,SAEV,CAAA;AAEJ,GAEeS,IAAAC,EAAKX,CAAW;"}

package/dist/features/worksheet/user-pointer-pin/hooks/use-user-location.js CHANGED Viewed

@@ -1,31 +1,32 @@
-import { useState as u, useMemo as a, useCallback as I } from "react";
-import { useAVMessage as c } from "@cuemath/av";
-const N = ({
-  questions: o,
-  activeQuestionIndex: r,
-  userType: p
-}) => {
-  var n;
-  const [t, i] = u(), e = a(
-    () => o.findIndex((s) => s.response_id === t),
-    [t, o]
-  ), d = I((s, m) => {
-    i(m.id);
+import { useState as m, useMemo as a, useCallback as c } from "react";
+import { useAVMessage as I } from "@cuemath/av";
+import { useWorksheetStore as T } from "../../worksheet/hooks/use-worksheet-store.js";
+const f = () => {
+  var r;
+  const { activeQuestionIndex: t, questions: s, userType: i } = T((e) => ({
+    activeQuestionIndex: e.activeQuestionIndex,
+    questions: e.questions,
+    userType: e.userType
+  })), [n, u] = m(), o = a(
+    () => s.findIndex((e) => e.response_id === n),
+    [n, s]
+  ), p = c((e, d) => {
+    u(d.id);
   }, []);
-  return c({
+  return I({
     type: "STUDENT_MOUSE_POINTER_POSITION_CHANGED",
-    onMessage: d
-  }), p !== "TEACHER" || e === -1 || r === e ? {
+    onMessage: p
+  }), i !== "TEACHER" || o === -1 || t === o ? {
     peerLocation: void 0,
     peerQuestionIndex: void 0,
     peerItemNumber: void 0
   } : {
-    peerLocation: e > r ? "down" : "up",
-    peerQuestionIndex: e,
-    peerItemNumber: (n = o[e]) == null ? void 0 : n.item_number
+    peerLocation: o > t ? "down" : "up",
+    peerQuestionIndex: o,
+    peerItemNumber: (r = s[o]) == null ? void 0 : r.item_number
   };
 };
 export {
-  N as default
+  f as default
 };
 //# sourceMappingURL=use-user-location.js.map

package/dist/features/worksheet/user-pointer-pin/hooks/use-user-location.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-user-location.js","sources":["../../../../../src/features/worksheet/user-pointer-pin/hooks/use-user-location.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useAVMessage } from '@cuemath/av';\n\nimport ~~type~~ { ~~TUserTypes~~ } from '~~../../../ui/types';\nimport type { IWorksheetQuestion } from '~~../../worksheet/worksheet-~~types~~';\n\~~ninterface IUseRemoteUserLocationProps {\n questions: IWorksheetQuestion[];\n activeQuestionIndex: number;\n userType?: TUserTypes;\n}\n\~~ntype ~~TpointerLocation~~ = 'up' \| 'down' \| undefined;\n\ninterface IUseRemoteUserLocation {\n peerLocation: ~~TpointerLocation~~;\n peerQuestionIndex: number \| undefined;\n peerItemNumber: number \| undefined;\n}\n\nconst useRemoteUserLocation = ({\n questions~~,\n activeQuestionIndex,\n~~ userType~~,\n~~}: ~~IUseRemoteUserLocationProps):~~ ~~IUseRemoteUserLocation~~ => {\n const [peerResponseId, setPeerResponseId] = useState<string \| undefined>();\n const peerQuestionIndex = useMemo(\n () => questions.findIndex(qs => qs.response_id === peerResponseId),\n [peerResponseId, questions],\n );\n const onPointerReceive = useCallback((_: string, data: Record<string, unknown>) => {\n setPeerResponseId(data.id as string);\n }, []);\n\n useAVMessage<Record<string, unknown>>({\n type: 'STUDENT_MOUSE_POINTER_POSITION_CHANGED',\n onMessage: onPointerReceive,\n });\n\n if (\n userType !== 'TEACHER' \|\|\n peerQuestionIndex === -1 \|\|\n activeQuestionIndex === peerQuestionIndex\n ) {\n return {\n peerLocation: undefined,\n peerQuestionIndex: undefined,\n peerItemNumber: undefined,\n };\n }\n\n return {\n peerLocation: peerQuestionIndex > activeQuestionIndex ? 'down' : 'up',\n peerQuestionIndex,\n peerItemNumber: questions[peerQuestionIndex]?.item_number,\n };\n};\n\nexport default useRemoteUserLocation;\n"],"names":["useRemoteUserLocation","~~questions~~","~~activeQuestionIndex~~","userType","peerResponseId","setPeerResponseId","useState","peerQuestionIndex","useMemo","qs","onPointerReceive","useCallback","_","data","useAVMessage","_a"],"mappings":"~~;;AAqBA~~,MAAMA,IAAwB,~~CAAC~~;AAAA,~~EAC7B~~,~~WAAAC~~;AAAA,~~EACA~~,~~qBAAAC~~;AAAA,~~EACA~~,~~UAAAC~~;~~AACF~~,~~MAA2D;;AACzD~~,~~QAAM~~,CAACC,GAAgBC,CAAiB,IAAIC,EAA6B,GACnEC,IAAoBC;AAAA,IACxB,~~MAAMP~~,EAAU,UAAU,~~CAAMQ~~,MAAAA,EAAG,gBAAgBL,CAAc;AAAA,IACjE,CAACA,~~GAAgBH~~,CAAS;AAAA,EAAA,~~GAEtBS~~,IAAmBC,EAAY,CAACC,GAAWC,MAAkC;AACjF,IAAAR,EAAkBQ,EAAK,EAAY;AAAA,EACrC,GAAG,CAAE,CAAA;AAOL,SALsCC,EAAA;AAAA,IACpC,MAAM;AAAA,IACN,WAAWJ;AAAA,EAAA,CACZ,~~GAGCP~~,MAAa,~~aACbI~~,MAAsB,~~MACtBL~~,~~MAAwBK~~,IAEjB;AAAA,IACL,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,EAAA,IAIb;AAAA,IACL,cAAcA,~~IAAoBL~~,IAAsB,SAAS;AAAA,IACjE,~~mBAAAK~~;AAAA,IACA,iBAAgBQ,~~IAAAd~~,~~EAAUM~~,CAAiB,MAA3B,gBAAAQ,EAA8B;AAAA,EAAA;AAElD;"}
1	+ {"version":3,"file":"use-user-location.js","sources":["../../../../../src/features/worksheet/user-pointer-pin/hooks/use-user-location.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useAVMessage } from '@cuemath/av';\n\nimport { useWorksheetStore } from '../../worksheet/hooks/use-worksheet-store';\n\ntype TPointerLocation = 'up' \| 'down' \| undefined;\n\ninterface IUseRemoteUserLocation {\n peerLocation: TPointerLocation;\n peerQuestionIndex: number \| undefined;\n peerItemNumber: number \| undefined;\n}\n\nconst useRemoteUserLocation = (): IUseRemoteUserLocation => {\n const { activeQuestionIndex, questions, userType } = useWorksheetStore(store => ({\n activeQuestionIndex: store.activeQuestionIndex,\n questions: store.questions,\n userType: store.userType,\n }));\n const [peerResponseId, setPeerResponseId] = useState<string \| undefined>();\n const peerQuestionIndex = useMemo(\n () => questions.findIndex(qs => qs.response_id === peerResponseId),\n [peerResponseId, questions],\n );\n const onPointerReceive = useCallback((_: string, data: Record<string, unknown>) => {\n setPeerResponseId(data.id as string);\n }, []);\n\n useAVMessage<Record<string, unknown>>({\n type: 'STUDENT_MOUSE_POINTER_POSITION_CHANGED',\n onMessage: onPointerReceive,\n });\n\n if (\n userType !== 'TEACHER' \|\|\n peerQuestionIndex === -1 \|\|\n activeQuestionIndex === peerQuestionIndex\n ) {\n return {\n peerLocation: undefined,\n peerQuestionIndex: undefined,\n peerItemNumber: undefined,\n };\n }\n\n return {\n peerLocation: peerQuestionIndex > activeQuestionIndex ? 'down' : 'up',\n peerQuestionIndex,\n peerItemNumber: questions[peerQuestionIndex]?.item_number,\n };\n};\n\nexport default useRemoteUserLocation;\n"],"names":["useRemoteUserLocation","activeQuestionIndex","questions","userType","useWorksheetStore","store","peerResponseId","setPeerResponseId","useState","peerQuestionIndex","useMemo","qs","onPointerReceive","useCallback","_","data","useAVMessage","_a"],"mappings":";;;AAcA,MAAMA,IAAwB,MAA8B;;AAC1D,QAAM,EAAE,qBAAAC,GAAqB,WAAAC,GAAW,UAAAC,EAAS,IAAIC,EAAkB,CAAUC,OAAA;AAAA,IAC/E,qBAAqBA,EAAM;AAAA,IAC3B,WAAWA,EAAM;AAAA,IACjB,UAAUA,EAAM;AAAA,EAChB,EAAA,GACI,CAACC,GAAgBC,CAAiB,IAAIC,EAA6B,GACnEC,IAAoBC;AAAA,IACxB,MAAMR,EAAU,UAAU,CAAMS,MAAAA,EAAG,gBAAgBL,CAAc;AAAA,IACjE,CAACA,GAAgBJ,CAAS;AAAA,EAAA,GAEtBU,IAAmBC,EAAY,CAACC,GAAWC,MAAkC;AACjF,IAAAR,EAAkBQ,EAAK,EAAY;AAAA,EACrC,GAAG,CAAE,CAAA;AAOL,SALsCC,EAAA;AAAA,IACpC,MAAM;AAAA,IACN,WAAWJ;AAAA,EAAA,CACZ,GAGCT,MAAa,aACbM,MAAsB,MACtBR,MAAwBQ,IAEjB;AAAA,IACL,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,EAAA,IAIb;AAAA,IACL,cAAcA,IAAoBR,IAAsB,SAAS;AAAA,IACjE,mBAAAQ;AAAA,IACA,iBAAgBQ,IAAAf,EAAUO,CAAiB,MAA3B,gBAAAQ,EAA8B;AAAA,EAAA;AAElD;"}

package/dist/features/worksheet/user-pointer-pin/user-pin.js CHANGED Viewed

@@ -1,55 +1,57 @@
 import { jsx as s } from "react/jsx-runtime";
-import { memo as U, useCallback as S } from "react";
-import a from "styled-components";
-import { ILLUSTRATIONS as f } from "../../../assets/illustrations/illustrations.js";
-import _ from "../../ui/buttons/clickable/clickable.js";
-import C from "../../ui/layout/flex-view.js";
-import { scrollToQuestion as E } from "../worksheet/worksheet-helpers.js";
-import R from "./hooks/use-user-location.js";
-const c = 32, u = 36, T = a.img`
+import { memo as h, useCallback as x } from "react";
+import l from "styled-components";
+import { ILLUSTRATIONS as a } from "../../../assets/illustrations/illustrations.js";
+import I from "../../ui/buttons/clickable/clickable.js";
+import U from "../../ui/layout/flex-view.js";
+import { useWorksheetStore as y } from "../worksheet/hooks/use-worksheet-store.js";
+import { scrollToQuestion as S } from "../worksheet/worksheet-helpers.js";
+import T from "./hooks/use-user-location.js";
+const c = 32, f = 36, b = l.img`
   position: absolute;
-  transform: ${({ $pointer: t }) => t === "down" ? `translate(-${c / 2}px, -${u}px)` : `translate(-${c / 2}px, 0)`};
-`, b = a(C)(
-  ({ $pointer: t, $topOffset: r, $bottomOffset: i }) => `
+  transform: ${({ $pointer: e }) => e === "down" ? `translate(-${c / 2}px, -${f}px)` : `translate(-${c / 2}px, 0)`};
+`, _ = l(U)(
+  ({ $pointer: e, $topOffset: n, $bottomOffset: o }) => `
   position: sticky;
-  top: ${t === "down" ? `calc(100% - ${i}px)` : `calc(${r + 48 + 8}px)`};
+  top: ${e === "down" ? `calc(100% - ${o}px)` : `calc(${n + 48 + 8}px)`};
   z-index: 1;
 `
-), H = U(function(r) {
-  const { activeQuestionIndex: i, questions: o, bottomOffset: d, topOffset: $, userType: l } = r, { peerLocation: e, peerQuestionIndex: n } = R({
-    questions: o,
-    activeQuestionIndex: i,
-    userType: l
-  }), x = S(() => {
-    var p, m;
-    if (n === void 0)
+), q = h(function() {
+  const { topOffset: n, questions: o, userType: m, actionbarHeight: u } = y((t) => ({
+    topOffset: t.layout.topOffset,
+    questions: t.questions,
+    userType: t.userType,
+    actionbarHeight: t.actionbarHeight
+  })), { peerLocation: r, peerQuestionIndex: i } = T(), d = x(() => {
+    var t, p;
+    if (i === void 0)
       return null;
-    if ((p = o[n]) != null && p.response_id) {
-      const I = (m = o[n]) == null ? void 0 : m.response_id;
-      E(I);
+    if ((t = o[i]) != null && t.response_id) {
+      const $ = (p = o[i]) == null ? void 0 : p.response_id;
+      S($);
     }
-  }, [n, o]);
-  return !e || l !== "TEACHER" ? null : /* @__PURE__ */ s(
-    b,
+  }, [i, o]);
+  return !r || m !== "TEACHER" ? null : /* @__PURE__ */ s(
+    _,
     {
       $alignItems: "center",
       $justifyContent: "center",
-      $pointer: e,
-      $bottomOffset: d,
-      $topOffset: $,
-      children: /* @__PURE__ */ s(_, { label: "User Location Pointer", onClick: x, children: /* @__PURE__ */ s(
-        T,
+      $pointer: r,
+      $bottomOffset: u,
+      $topOffset: n,
+      children: /* @__PURE__ */ s(I, { label: "User Location Pointer", onClick: d, children: /* @__PURE__ */ s(
+        b,
         {
-          $pointer: e,
+          $pointer: r,
           width: c,
-          height: u,
-          src: e === "up" ? f.USER_UP : f.USER_DOWN
+          height: f,
+          src: r === "up" ? a.USER_UP : a.USER_DOWN
         }
       ) })
     }
   );
 });
 export {
-  H as default
+  q as default
 };
 //# sourceMappingURL=user-pin.js.map

package/dist/features/worksheet/user-pointer-pin/user-pin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"user-pin.js","sources":["../../../../src/features/worksheet/user-pointer-pin/user-pin.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport ~~type~~ { ~~TUserTypes~~ } from '~~../../ui/types';\nimport { scrollToQuestion } from '~~../worksheet/worksheet-~~helpers~~';\nimport ~~type~~ { ~~IWorksheetQuestion~~ } from '../worksheet/worksheet-~~types~~';\nimport useRemoteUserLocation from './hooks/use-user-location';\n\nconst USER_PIN_WIDTH = 32;\nconst USER_PIN_HEIGHT = 36;\n\nconst StyledImage = styled.img<{ $pointer: 'up' \| 'down' \| undefined }>`\n position: absolute;\n transform: ${({ $pointer }) =>\n $pointer === 'down'\n ? `translate(-${USER_PIN_WIDTH / 2}px, -${USER_PIN_HEIGHT}px)`\n : `translate(-${USER_PIN_WIDTH / 2}px, 0)`};\n`;\n\nconst StickyContainer = styled(FlexView)<{\n $pointer: 'up' \| 'down' \| undefined;\n $topOffset: number;\n $bottomOffset: number;\n}>(\n ({ $pointer, $topOffset, $bottomOffset }) => `\n position: sticky;\n top: ${\n $pointer === 'down' ? `calc(100% - ${$bottomOffset}px)` : `calc(${$topOffset + 48 + 8}px)`\n };\n z-index: 1;\n`,\n);\n\ninterface IUserPointerProps {\n activeQuestionIndex: number;\n onClick: (questionId: string) => void;\n questions: IWorksheetQuestion[];\n bottomOffset: number;\n topOffset: number;\n userType: TUserTypes;\n}\n\nconst UserPointer: FC~~<IUserPointerProps>~~ = memo(function UserPointer(~~props~~) {\n const { ~~activeQuestionIndex~~, questions, ~~bottomOffset~~, ~~topOffset,~~ ~~userType~~ } = ~~props;\n const~~ { ~~peerLocation, peerQuestionIndex } = useRemoteUserLocation~~({\n ~~questions~~,\n ~~activeQuestionIndex~~,\n userType,\n });\n\n const handleClick = useCallback(() => {\n if (peerQuestionIndex === undefined) {\n return null;\n }\n\n if (questions[peerQuestionIndex]?.response_id) {\n const qrId = questions[peerQuestionIndex]?.response_id as string;\n\n scrollToQuestion(qrId);\n }\n }, [peerQuestionIndex, questions]);\n\n if (!peerLocation \|\| userType !== 'TEACHER') {\n return null;\n }\n\n return (\n <StickyContainer\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $pointer={peerLocation}\n $bottomOffset={~~bottomOffset~~}\n $topOffset={topOffset}\n >\n <Clickable label=\"User Location Pointer\" onClick={handleClick}>\n <StyledImage\n $pointer={peerLocation}\n width={USER_PIN_WIDTH}\n height={USER_PIN_HEIGHT}\n src={peerLocation === 'up' ? ILLUSTRATIONS.USER_UP : ILLUSTRATIONS.USER_DOWN}\n />\n </Clickable>\n </StickyContainer>\n );\n});\n\nexport default UserPointer;\n"],"names":["USER_PIN_WIDTH","USER_PIN_HEIGHT","StyledImage","styled","$pointer","StickyContainer","FlexView","$topOffset","$bottomOffset","UserPointer","memo","~~props~~","~~activeQuestionIndex~~","~~questions~~","~~bottomOffset~~","~~topOffset~~","~~userType~~","peerLocation","peerQuestionIndex","useRemoteUserLocation","handleClick","useCallback","_a","qrId","_b","scrollToQuestion","jsx","Clickable","ILLUSTRATIONS"],"mappings":"~~;;;;;;;;AAWA~~,MAAMA,IAAiB,IACjBC,IAAkB,IAElBC,IAAcC,EAAO;AAAA;AAAA,eAEZ,CAAC,EAAE,UAAAC,QACdA,MAAa,SACT,cAAcJ,IAAiB,CAAC,QAAQC,CAAe,QACvD,cAAcD,IAAiB,CAAC,QAAQ;AAAA,GAG1CK,IAAkBF,EAAOG,CAAQ;AAAA,EAKrC,CAAC,EAAE,UAAAF,GAAU,YAAAG,GAAY,eAAAC,EAAoB,MAAA;AAAA;AAAA,SAG3CJ,MAAa,SAAS,eAAeI,CAAa,QAAQ,QAAQD,IAAa,KAAK,CAAC,KACvF;AAAA;AAAA;AAGF,~~GAWME~~,~~IAAqCC~~,EAAK,~~SAAqBC,GAAO~~;~~AAC1E~~,QAAM,EAAE,~~qBAAAC,GAAqB,~~WAAAC,GAAW,~~cAAAC,GAAc,~~WAAAC,GAAW,UAAAC,~~EAAa~~,~~IAAAL~~,~~GACxE~~,~~EAAE~~,~~cAAAM~~,~~GAAc~~,~~mBAAAC~~,~~EAAkB~~,~~IAAIC~~,~~EAAsB~~;AAAA,~~IAChE~~,~~WAAAN~~;AAAA,~~IACA~~,~~qBAAAD~~;AAAA,~~IACA~~,~~UAAAI~~;AAAA,EAAA,~~CACD~~,~~GAEKI~~,IAAcC,EAAY,MAAM;;AACpC,QAAIH,MAAsB;AACjB,aAAA;AAGL,SAAAI,~~IAAAT~~,~~EAAUK~~,CAAiB,MAA3B,QAAAI,EAA8B,aAAa;AACvC,YAAAC,KAAOC,~~IAAAX~~,~~EAAUK~~,CAAiB,MAA3B,gBAAAM,EAA8B;AAE3C,MAAAC,EAAiBF,CAAI;AAAA,IACvB;AAAA,EAAA,GACC,CAACL,~~GAAmBL~~,CAAS,CAAC;AAE7B,SAAA,~~CAACI~~,~~KAAgBD~~,MAAa,YACzB,OAIP,~~gBAAAU~~;AAAA,IAACrB;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,UAAUY;AAAA,MACV,eAAeH;AAAA,MACf,~~YAAYC~~;AAAA,MAEZ,UAAC,~~gBAAAW~~,EAAAC,GAAA,EAAU,OAAM,yBAAwB,SAASP,GAChD,UAAA,gBAAAM;AAAA,QAACxB;AAAA,QAAA;AAAA,UACC,UAAUe;AAAA,UACV,OAAOjB;AAAA,UACP,QAAQC;AAAA,UACR,KAAKgB,MAAiB,OAAOW,EAAc,UAAUA,EAAc;AAAA,QAAA;AAAA,MAAA,GAEvE;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
1	+ {"version":3,"file":"user-pin.js","sources":["../../../../src/features/worksheet/user-pointer-pin/user-pin.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { useWorksheetStore } from '../worksheet/hooks/use-worksheet-store';\nimport { scrollToQuestion } from '../worksheet/worksheet-helpers';\nimport useRemoteUserLocation from './hooks/use-user-location';\n\nconst USER_PIN_WIDTH = 32;\nconst USER_PIN_HEIGHT = 36;\n\nconst StyledImage = styled.img<{ $pointer: 'up' \| 'down' \| undefined }>`\n position: absolute;\n transform: ${({ $pointer }) =>\n $pointer === 'down'\n ? `translate(-${USER_PIN_WIDTH / 2}px, -${USER_PIN_HEIGHT}px)`\n : `translate(-${USER_PIN_WIDTH / 2}px, 0)`};\n`;\n\nconst StickyContainer = styled(FlexView)<{\n $pointer: 'up' \| 'down' \| undefined;\n $topOffset: number;\n $bottomOffset: number;\n}>(\n ({ $pointer, $topOffset, $bottomOffset }) => `\n position: sticky;\n top: ${\n $pointer === 'down' ? `calc(100% - ${$bottomOffset}px)` : `calc(${$topOffset + 48 + 8}px)`\n };\n z-index: 1;\n`,\n);\n\nconst UserPointer: FC = memo(function UserPointer() {\n const { topOffset, questions, userType, actionbarHeight } = useWorksheetStore(store => ({\n topOffset: store.layout.topOffset,\n questions: store.questions,\n userType: store.userType,\n actionbarHeight: store.actionbarHeight,\n }));\n const { peerLocation, peerQuestionIndex } = useRemoteUserLocation();\n\n const handleClick = useCallback(() => {\n if (peerQuestionIndex === undefined) {\n return null;\n }\n\n if (questions[peerQuestionIndex]?.response_id) {\n const qrId = questions[peerQuestionIndex]?.response_id as string;\n\n scrollToQuestion(qrId);\n }\n }, [peerQuestionIndex, questions]);\n\n if (!peerLocation \|\| userType !== 'TEACHER') {\n return null;\n }\n\n return (\n <StickyContainer\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $pointer={peerLocation}\n $bottomOffset={actionbarHeight}\n $topOffset={topOffset}\n >\n <Clickable label=\"User Location Pointer\" onClick={handleClick}>\n <StyledImage\n $pointer={peerLocation}\n width={USER_PIN_WIDTH}\n height={USER_PIN_HEIGHT}\n src={peerLocation === 'up' ? ILLUSTRATIONS.USER_UP : ILLUSTRATIONS.USER_DOWN}\n />\n </Clickable>\n </StickyContainer>\n );\n});\n\nexport default UserPointer;\n"],"names":["USER_PIN_WIDTH","USER_PIN_HEIGHT","StyledImage","styled","$pointer","StickyContainer","FlexView","$topOffset","$bottomOffset","UserPointer","memo","topOffset","questions","userType","actionbarHeight","useWorksheetStore","store","peerLocation","peerQuestionIndex","useRemoteUserLocation","handleClick","useCallback","_a","qrId","_b","scrollToQuestion","jsx","Clickable","ILLUSTRATIONS"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAiB,IACjBC,IAAkB,IAElBC,IAAcC,EAAO;AAAA;AAAA,eAEZ,CAAC,EAAE,UAAAC,QACdA,MAAa,SACT,cAAcJ,IAAiB,CAAC,QAAQC,CAAe,QACvD,cAAcD,IAAiB,CAAC,QAAQ;AAAA,GAG1CK,IAAkBF,EAAOG,CAAQ;AAAA,EAKrC,CAAC,EAAE,UAAAF,GAAU,YAAAG,GAAY,eAAAC,EAAoB,MAAA;AAAA;AAAA,SAG3CJ,MAAa,SAAS,eAAeI,CAAa,QAAQ,QAAQD,IAAa,KAAK,CAAC,KACvF;AAAA;AAAA;AAGF,GAEME,IAAkBC,EAAK,WAAuB;AAClD,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,iBAAAC,MAAoBC,EAAkB,CAAUC,OAAA;AAAA,IACtF,WAAWA,EAAM,OAAO;AAAA,IACxB,WAAWA,EAAM;AAAA,IACjB,UAAUA,EAAM;AAAA,IAChB,iBAAiBA,EAAM;AAAA,EACvB,EAAA,GACI,EAAE,cAAAC,GAAc,mBAAAC,EAAkB,IAAIC,EAAsB,GAE5DC,IAAcC,EAAY,MAAM;;AACpC,QAAIH,MAAsB;AACjB,aAAA;AAGL,SAAAI,IAAAV,EAAUM,CAAiB,MAA3B,QAAAI,EAA8B,aAAa;AACvC,YAAAC,KAAOC,IAAAZ,EAAUM,CAAiB,MAA3B,gBAAAM,EAA8B;AAE3C,MAAAC,EAAiBF,CAAI;AAAA,IACvB;AAAA,EAAA,GACC,CAACL,GAAmBN,CAAS,CAAC;AAE7B,SAAA,CAACK,KAAgBJ,MAAa,YACzB,OAIP,gBAAAa;AAAA,IAACrB;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,UAAUY;AAAA,MACV,eAAeH;AAAA,MACf,YAAYH;AAAA,MAEZ,UAAC,gBAAAe,EAAAC,GAAA,EAAU,OAAM,yBAAwB,SAASP,GAChD,UAAA,gBAAAM;AAAA,QAACxB;AAAA,QAAA;AAAA,UACC,UAAUe;AAAA,UACV,OAAOjB;AAAA,UACP,QAAQC;AAAA,UACR,KAAKgB,MAAiB,OAAOW,EAAc,UAAUA,EAAc;AAAA,QAAA;AAAA,MAAA,GAEvE;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}