npm - @cuemath/leap - Versions diffs - 2.8.24-hg1 → 2.8.24-link1 - Mend

@cuemath/leap 2.8.24-hg1 → 2.8.24-link1

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 (66) hide show

package/dist/features/circle-games/game-launcher/game-launcher-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"game-launcher-styled.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE ~~} from './comps/card-container/constants';\nimport {~~ GAME_LAUNCHER_ASSET_PADDING } from './comps/segmented-game-card/constants';\n\nexport const SleepyBoiLottyContainer = styled.div`\n height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n`;\n"],"names":["SleepyBoiLottyContainer","styled","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING"],"mappings":"~~;;;AAKO~~,MAAMA,IAA0BC,EAAO;AAAA,YAClCC,IAAqBC,CAA2B;AAAA,WACjDD,IAAqBC,CAA2B;AAAA;"}
1	+ {"version":3,"file":"game-launcher-styled.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport {\n GAME_LAUNCHER_SIZE,\n GAME_LAUNCHER_ASSET_PADDING,\n} from './comps/segmented-game-card/constants';\n\nexport const SleepyBoiLottyContainer = styled.div`\n height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n`;\n"],"names":["SleepyBoiLottyContainer","styled","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING"],"mappings":";;AAOO,MAAMA,IAA0BC,EAAO;AAAA,YAClCC,IAAqBC,CAA2B;AAAA,WACjDD,IAAqBC,CAA2B;AAAA;"}

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

@@ -1,163 +1,122 @@
-import { jsx as n } from "react/jsx-runtime";
-import B from "lottie-web";
-import { memo as D, useState as K, useRef as J, useCallback as t, useMemo as I, useEffect as V } from "react";
-import { CircularLoader as Y } from "../../ui/loader/circular-loader/circular-loader.js";
-import { useCircleSounds as w } from "../hooks/use-circle-sounds/use-circle-sounds.js";
-import { CircleSoundKey as i } from "../hooks/use-circle-sounds/use-circle-sounds-enums.js";
-import { Carousel as _ } from "./comps/carousel/carousel.js";
-import { SegmentedGameCard as a } from "./comps/segmented-game-card/segmented-game-card.js";
-import { TablesCard as U } from "./comps/tables-card/tables-card.js";
-import { GAME_LAUNCHER_ANALYTICS_EVENTS as R } from "./game-launcher-analytics-events.js";
-import { SleepyBoiLottyContainer as Z } from "./game-launcher-styled.js";
-import { useGameLauncherJourney as H } from "./use-game-launcher-journey/use-game-launcher-journey.js";
-import { ProjectType as m } from "../games/web-view/enums/project-type-enum.js";
-const O = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js"), ne = D(
-  ({ onSegmentClick: r, onJourneyComplete: T, journeyId: u, data: e, isLoading: g, defaultIndex: h = 0 }) => {
-    const [G, v] = K(h), c = J(null), { playSwipSound: f, play: o } = w(), {
-      gameRefs: p,
-      lessonRefs: C,
-      puzzleRefs: y,
-      startJourney: L,
-      carouselNextBtnRef: A,
-      isJourneyInProgress: b
-    } = H({
-      setCarouselIndex: v,
-      onSegmentClick: r,
-      onJourneyComplete: T
-    }), P = t(
-      (s) => {
-        o(i.GAME_CARD_CLICK), r(s, m.TABLE);
-      },
-      [r, o]
-    ), E = t(
-      (s) => {
-        s.status !== "completed" && (o(i.GAME_CARD_CLICK), r(s, m.LESSON));
-      },
-      [r, o]
-    ), z = t(
-      (s) => {
-        o(i.GAME_CARD_CLICK), r(s, m.GAME);
-      },
-      [r, o]
-    ), x = t(
-      (s) => {
-        o(i.GAME_CARD_CLICK), r(s, m.PUZZLE);
-      },
-      [r, o]
-    ), M = I(() => {
-      let s = [];
-      return e && (e.lessons && (s = [
-        ...s,
-        /* @__PURE__ */ n(
-          a,
+import { jsx as r } from "react/jsx-runtime";
+import T from "lottie-web";
+import { memo as h, useState as R, useRef as S, useMemo as P, useEffect as x } from "react";
+import { CircularLoader as G } from "../../ui/loader/circular-loader/circular-loader.js";
+import { useCircleSounds as M } from "../hooks/use-circle-sounds/use-circle-sounds.js";
+import { Carousel as V } from "./comps/carousel/carousel.js";
+import { SegmentedGameCard as i } from "./comps/segmented-game-card/segmented-game-card.js";
+import { GAME_LAUNCHER_ANALYTICS_EVENTS as z } from "./game-launcher-analytics-events.js";
+import { SleepyBoiLottyContainer as _ } from "./game-launcher-styled.js";
+import { useGameLauncherJourney as B } from "./use-game-launcher-journey/use-game-launcher-journey.js";
+import { ProjectType as t } from "../games/web-view/enums/project-type-enum.js";
+const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js"), Q = h(
+  ({ onSegmentClick: o, onJourneyComplete: g, journeyId: n, data: e, isLoading: C, defaultIndex: b = 0 }) => {
+    const [v, A] = R(b), m = S(null), { playSwipSound: u } = M(), {
+      gameRefs: a,
+      lessonRefs: p,
+      puzzleRefs: c,
+      startJourney: f,
+      carouselNextBtnRef: y,
+      isJourneyInProgress: L
+    } = B({
+      setCarouselIndex: A,
+      onSegmentClick: o,
+      onJourneyComplete: g
+    }), E = P(() => {
+      let l = [];
+      return e && (e.lessons && (l = [
+        ...l,
+        /* @__PURE__ */ r(
+          i,
           {
-            ref: C,
+            ref: p,
             label: e.lessons.label,
-            value: e.lessons.data.filter((l) => l.status === "completed").length,
+            value: e.lessons.data.filter((s) => s.status === "completed").length,
             maxValue: e.lessons.data.length,
             initialValue: e.lessons.initialProgressValue,
-            data: e == null ? void 0 : e.lessons.data.map((l) => ({
-              card: l.cardLottie,
-              name: l.name,
-              isCompleted: l.status === "completed",
-              onPress: () => E(l)
+            data: e == null ? void 0 : e.lessons.data.map((s) => ({
+              card: s.cardLottie,
+              name: s.name,
+              isCompleted: s.status === "completed",
+              onPress: () => s.status === "completed" ? void 0 : o(s, t.LESSON)
             }))
           }
         )
-      ]), s = [
-        ...s,
-        /* @__PURE__ */ n(
-          a,
+      ]), l = [
+        ...l,
+        /* @__PURE__ */ r(
+          i,
           {
-            ref: p,
+            ref: a,
             label: e.games.label,
-            value: e.games.data.filter((l) => l.isPlayed).length,
+            value: e.games.data.filter((s) => s.isPlayed).length,
             maxValue: e.games.data.length,
             initialValue: e.games.initialProgressValue,
-            data: e.games.data.map((l) => ({
-              card: l.cardLottie,
-              name: l.name,
+            data: e.games.data.map((s) => ({
+              card: s.cardLottie,
+              name: s.name,
               isCompleted: !1,
-              onPress: () => z(l)
+              onPress: () => o(s, t.GAME)
             }))
           }
         ),
-        /* @__PURE__ */ n(
-          a,
+        /* @__PURE__ */ r(
+          i,
           {
-            ref: y,
+            ref: c,
             label: e.puzzles.label,
-            value: e.puzzles.data.filter((l) => l.solved).length,
+            value: e.puzzles.data.filter((s) => s.solved).length,
             maxValue: e.puzzles.data.length,
             initialValue: e.puzzles.initialProgressValue,
-            data: e.puzzles.data.map((l) => ({
-              card: l.cardLottie,
-              name: l.name,
-              isCompleted: l.solved,
-              onPress: () => x(l)
+            data: e.puzzles.data.map((s) => ({
+              card: s.cardLottie,
+              name: s.name,
+              isCompleted: s.solved,
+              onPress: () => o(s, t.PUZZLE)
             }))
           }
         )
-      ], e.tables && (s = [
-        ...s,
-        /* @__PURE__ */ n(
-          U,
-          {
-            label: e.tables.label,
-            data: e.tables.data,
-            onPress: P
-          }
-        )
-      ])), s;
-    }, [
-      e,
-      p,
-      C,
-      y,
-      E,
-      P,
-      x,
-      z
-    ]), N = I(
-      () => [/* @__PURE__ */ n(Z, { ref: c })],
+      ]), l;
+    }, [e, a, p, o, c]), I = P(
+      () => [/* @__PURE__ */ r(_, { ref: m })],
       []
     );
-    return V(() => {
-      let s = null;
+    return x(() => {
+      let l = null;
       return (async () => {
-        const S = (await O()).default;
-        s = B.loadAnimation({
-          container: c.current,
-          animationData: S,
+        const N = (await J()).default;
+        l = T.loadAnimation({
+          container: m.current,
+          animationData: N,
           autoplay: !0,
           loop: !0,
           renderer: "canvas"
         });
       })(), () => {
-        s == null || s.destroy();
+        l == null || l.destroy();
       };
-    }, []), V(() => {
-      e != null && e.puzzles && u && b && L(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons), u);
-    }, [e == null ? void 0 : e.lessons, e == null ? void 0 : e.puzzles, b, u, L]), g ? /* @__PURE__ */ n(Y, {}) : e ? /* @__PURE__ */ n(
-      _,
+    }, []), x(() => {
+      e != null && e.puzzles && n && L && f(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons), n);
+    }, [e == null ? void 0 : e.lessons, e == null ? void 0 : e.puzzles, L, n, f]), C ? /* @__PURE__ */ r(G, {}) : e ? /* @__PURE__ */ r(
+      V,
       {
-        ref: A,
-        items: M,
-        defaultIndex: G,
-        onNext: f,
-        onPrev: f,
+        ref: y,
+        items: E,
+        defaultIndex: v,
+        onNext: u,
+        onPrev: u,
         analyticsNext: {
-          analyticsLabel: R.NEXT_ACTIVITY
+          analyticsLabel: z.NEXT_ACTIVITY
         },
         analyticsPrev: {
-          analyticsLabel: R.PREV_ACTIVITY
+          analyticsLabel: z.PREV_ACTIVITY
         }
       }
-    ) : /* @__PURE__ */ n(
-      _,
+    ) : /* @__PURE__ */ r(
+      V,
       {
-        ref: A,
-        items: N,
+        ref: y,
+        items: I,
         analyticsNext: {
           analyticsLabel: ""
         },
@@ -169,6 +128,6 @@ const O = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
   }
 );
 export {
-  ne as GameLauncher
+  Q as GameLauncher
 };
 //# sourceMappingURL=game-launcher.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { ITableDetails } from './comps/tables-card/tables-card-types';\nimport type {\n Game,\n Lesson,\n Puzzle,\n} from './dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IGameLauncherProps } from './game-launcher-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC, ReactNode } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { Carousel } from './comps/carousel/carousel';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { TablesCard } from './comps/tables-card/tables-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport * as Styled from './game-launcher-styled';\nimport { useGameLauncherJourney } from './use-game-launcher-journey/use-game-launcher-journey';\n\nconst sleepyBoi = () => import('../../../assets/lotties/circle/sleepy-boi-lottie.json');\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n ({ onSegmentClick, onJourneyComplete, journeyId, data, isLoading, defaultIndex = 0 }) => {\n const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n\n const lottieContainerRef = useRef<HTMLDivElement>(null);\n const { playSwipSound, play } = useCircleSounds();\n const {\n gameRefs,\n lessonRefs,\n puzzleRefs,\n startJourney,\n carouselNextBtnRef,\n isJourneyInProgress,\n } = useGameLauncherJourney({\n setCarouselIndex: setCurrentIndex,\n onSegmentClick,\n onJourneyComplete,\n });\n\n const onTableSegmentClick = useCallback(\n (table: ITableDetails) => {\n play(CircleSoundKey.GAME_CARD_CLICK);\n onSegmentClick(table, ProjectType.TABLE);\n },\n [onSegmentClick, play],\n );\n\n const handleLessonSegmentClick = useCallback(\n (lesson: Lesson) => {\n if (lesson.status !== 'completed') {\n play(CircleSoundKey.GAME_CARD_CLICK);\n onSegmentClick(lesson, ProjectType.LESSON);\n }\n },\n [onSegmentClick, play],\n );\n\n const handleGameSegmentClick = useCallback(\n (game: Game) => {\n play(CircleSoundKey.GAME_CARD_CLICK);\n onSegmentClick(game, ProjectType.GAME);\n },\n [onSegmentClick, play],\n );\n\n const handlePuzzleSegmentClick = useCallback(\n (puzzle: Puzzle) => {\n play(CircleSoundKey.GAME_CARD_CLICK);\n onSegmentClick(puzzle, ProjectType.PUZZLE);\n },\n [onSegmentClick, play],\n );\n\n const items = useMemo(() => {\n let itemTypes: ReactNode[] = [];\n\n if (data) {\n if (data.lessons) {\n itemTypes = [\n ...itemTypes,\n <SegmentedGameCard\n ref={lessonRefs}\n label={data.lessons.label}\n value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n maxValue={data.lessons.data.length}\n initialValue={data.lessons.initialProgressValue}\n data={data?.lessons.data.map(lesson => ({\n card: lesson.cardLottie,\n name: lesson.name,\n isCompleted: lesson.status === 'completed',\n onPress: () => handleLessonSegmentClick(lesson),\n }))}\n />,\n ];\n }\n\n itemTypes = [\n ...itemTypes,\n <SegmentedGameCard\n ref={gameRefs}\n label={data.games.label}\n value={data.games.data.filter(game => game.isPlayed).length}\n maxValue={data.games.data.length}\n initialValue={data.games.initialProgressValue}\n data={data.games.data.map(game => ({\n card: game.cardLottie,\n name: game.name,\n isCompleted: false,\n onPress: () => handleGameSegmentClick(game),\n }))}\n />,\n <SegmentedGameCard\n ref={puzzleRefs}\n label={data.puzzles.label}\n value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n maxValue={data.puzzles.data.length}\n initialValue={data.puzzles.initialProgressValue}\n data={data.puzzles.data.map(puzzle => ({\n card: puzzle.cardLottie,\n name: puzzle.name,\n isCompleted: puzzle.solved,\n onPress: () => handlePuzzleSegmentClick(puzzle),\n }))}\n />,\n ];\n\n if (data.tables) {\n itemTypes = [\n ...itemTypes,\n <TablesCard\n label={data.tables.label}\n data={data.tables.data}\n onPress={onTableSegmentClick}\n />,\n ];\n }\n }\n\n return itemTypes;\n }, [\n data,\n gameRefs,\n lessonRefs,\n puzzleRefs,\n handleLessonSegmentClick,\n onTableSegmentClick,\n handlePuzzleSegmentClick,\n handleGameSegmentClick,\n ]);\n\n const sleepyBoiItem = useMemo(\n () => [<Styled.SleepyBoiLottyContainer ref={lottieContainerRef} />],\n [],\n );\n\n useEffect(() => {\n let animation: AnimationItem \| null = null;\n const loadAnimation = async () => {\n const animationModule = await sleepyBoi();\n\n const animationData = animationModule.default;\n\n animation = Lottie.loadAnimation({\n container: lottieContainerRef.current as Element,\n animationData: animationData,\n autoplay: true,\n loop: true,\n renderer: 'canvas',\n });\n };\n\n loadAnimation();\n\n return () => {\n animation?.destroy();\n };\n }, []);\n\n // Start game launcher journey when the data for puzzles is available\n useEffect(() => {\n if (data?.puzzles && journeyId && isJourneyInProgress) {\n startJourney(data?.puzzles, !!data?.lessons, journeyId);\n }\n }, [data?.lessons, data?.puzzles, isJourneyInProgress, journeyId, startJourney]);\n\n if (isLoading) {\n return <CircularLoader />;\n }\n\n if (!data) {\n return (\n <Carousel\n ref={carouselNextBtnRef}\n items={sleepyBoiItem}\n analyticsNext={{\n analyticsLabel: '',\n }}\n analyticsPrev={{\n analyticsLabel: '',\n }}\n />\n );\n }\n\n return (\n <Carousel\n ref={carouselNextBtnRef}\n items={items}\n defaultIndex={currentIndex}\n onNext={playSwipSound}\n onPrev={playSwipSound}\n analyticsNext={{\n analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n }}\n analyticsPrev={{\n analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n }}\n />\n );\n },\n);\n"],"names":["sleepyBoi","GameLauncher","memo","onSegmentClick","onJourneyComplete","journeyId","data","isLoading","defaultIndex","currentIndex","setCurrentIndex","useState","lottieContainerRef","useRef","playSwipSound","play","useCircleSounds","gameRefs","lessonRefs","puzzleRefs","startJourney","carouselNextBtnRef","isJourneyInProgress","useGameLauncherJourney","onTableSegmentClick","useCallback","table","CircleSoundKey","ProjectType","handleLessonSegmentClick","lesson","handleGameSegmentClick","game","handlePuzzleSegmentClick","puzzle","items","useMemo","itemTypes","jsx","SegmentedGameCard","TablesCard","sleepyBoiItem","Styled.SleepyBoiLottyContainer","useEffect","animation","animationData","Lottie","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}
1	+ {"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { IGameLauncherProps } from './game-launcher-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC, ReactNode } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Carousel } from './comps/carousel/carousel';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport * as Styled from './game-launcher-styled';\nimport { useGameLauncherJourney } from './use-game-launcher-journey/use-game-launcher-journey';\n\nconst sleepyBoi = () => import('../../../assets/lotties/circle/sleepy-boi-lottie.json');\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n ({ onSegmentClick, onJourneyComplete, journeyId, data, isLoading, defaultIndex = 0 }) => {\n const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n\n const lottieContainerRef = useRef<HTMLDivElement>(null);\n const { playSwipSound } = useCircleSounds();\n\n const {\n gameRefs,\n lessonRefs,\n puzzleRefs,\n startJourney,\n carouselNextBtnRef,\n isJourneyInProgress,\n } = useGameLauncherJourney({\n setCarouselIndex: setCurrentIndex,\n onSegmentClick,\n onJourneyComplete,\n });\n\n const items = useMemo(() => {\n let itemTypes: ReactNode[] = [];\n\n if (data) {\n if (data.lessons) {\n itemTypes = [\n ...itemTypes,\n <SegmentedGameCard\n ref={lessonRefs}\n label={data.lessons.label}\n value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n maxValue={data.lessons.data.length}\n initialValue={data.lessons.initialProgressValue}\n data={data?.lessons.data.map(lesson => ({\n card: lesson.cardLottie,\n name: lesson.name,\n isCompleted: lesson.status === 'completed',\n onPress: () =>\n lesson.status === 'completed'\n ? undefined\n : onSegmentClick(lesson, ProjectType.LESSON),\n }))}\n />,\n ];\n }\n\n itemTypes = [\n ...itemTypes,\n <SegmentedGameCard\n ref={gameRefs}\n label={data.games.label}\n value={data.games.data.filter(game => game.isPlayed).length}\n maxValue={data.games.data.length}\n initialValue={data.games.initialProgressValue}\n data={data.games.data.map(game => ({\n card: game.cardLottie,\n name: game.name,\n isCompleted: false,\n onPress: () => onSegmentClick(game, ProjectType.GAME),\n }))}\n />,\n <SegmentedGameCard\n ref={puzzleRefs}\n label={data.puzzles.label}\n value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n maxValue={data.puzzles.data.length}\n initialValue={data.puzzles.initialProgressValue}\n data={data.puzzles.data.map(puzzle => ({\n card: puzzle.cardLottie,\n name: puzzle.name,\n isCompleted: puzzle.solved,\n onPress: () => onSegmentClick(puzzle, ProjectType.PUZZLE),\n }))}\n />,\n ];\n }\n\n return itemTypes;\n }, [data, gameRefs, lessonRefs, onSegmentClick, puzzleRefs]);\n\n const sleepyBoiItem = useMemo(\n () => [<Styled.SleepyBoiLottyContainer ref={lottieContainerRef} />],\n [],\n );\n\n useEffect(() => {\n let animation: AnimationItem \| null = null;\n const loadAnimation = async () => {\n const animationModule = await sleepyBoi();\n\n const animationData = animationModule.default;\n\n animation = Lottie.loadAnimation({\n container: lottieContainerRef.current as Element,\n animationData: animationData,\n autoplay: true,\n loop: true,\n renderer: 'canvas',\n });\n };\n\n loadAnimation();\n\n return () => {\n animation?.destroy();\n };\n }, []);\n\n // Start game launcher journey when the data for puzzles is available\n useEffect(() => {\n if (data?.puzzles && journeyId && isJourneyInProgress) {\n startJourney(data?.puzzles, !!data?.lessons, journeyId);\n }\n }, [data?.lessons, data?.puzzles, isJourneyInProgress, journeyId, startJourney]);\n\n if (isLoading) {\n return <CircularLoader />;\n }\n\n if (!data) {\n return (\n <Carousel\n ref={carouselNextBtnRef}\n items={sleepyBoiItem}\n analyticsNext={{\n analyticsLabel: '',\n }}\n analyticsPrev={{\n analyticsLabel: '',\n }}\n />\n );\n }\n\n return (\n <Carousel\n ref={carouselNextBtnRef}\n items={items}\n defaultIndex={currentIndex}\n onNext={playSwipSound}\n onPrev={playSwipSound}\n analyticsNext={{\n analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n }}\n analyticsPrev={{\n analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n }}\n />\n );\n },\n);\n"],"names":["sleepyBoi","GameLauncher","memo","onSegmentClick","onJourneyComplete","journeyId","data","isLoading","defaultIndex","currentIndex","setCurrentIndex","useState","lottieContainerRef","useRef","playSwipSound","useCircleSounds","gameRefs","lessonRefs","puzzleRefs","startJourney","carouselNextBtnRef","isJourneyInProgress","useGameLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","lesson","ProjectType","game","puzzle","sleepyBoiItem","Styled.SleepyBoiLottyContainer","useEffect","animation","animationData","Lottie","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}

package/dist/features/circle-games/games/web-view/enums/project-ids-enum.js ADDED Viewed

@@ -0,0 +1,14 @@
+var t = /* @__PURE__ */ ((r) => (r.CHESS_MOVES = "chess-moves", r.NO_ATTACK = "no-attack", r.TROMINOS = "trominos", r.NIMS_GAME = "nims-game", r.TRANSFORMATION = "transformation", r.LIGHTS_ON_OR_OFF = "lights-on-or-off", r.LIQUID_WARS = "liquid-wars", r.HACKENBUSH = "hackenbush", r.SQUARE_IT = "square-it", r.CLASH_OF_COLOURS = "clash-of-colours", r.REACH = "reach", r))(t || {}), A = /* @__PURE__ */ ((r) => (r.CUT_THE_STRIP = "cut-the-strip", r.ONE_LINE_WONDER = "one-line-wonder", r.FLIP_IT_UP = "flip-it-up", r.CARS_IN_CHAOS = "cars-in-chaos", r.REFLEKT = "reflekt", r.MATCHSTICKS = "matchsticks", r.NO_CROSS = "no-cross", r.DISSECTION = "dissection", r))(A || {}), E = /* @__PURE__ */ ((r) => (r.SNAKE = "snake", r.BASKETBALL = "basketball", r.REARRANGE = "rearrange", r.CAR_RACE = "car-race", r.DROP_ME = "drop-me", r.WARZONE = "warzone", r.SLOT_MACHINE = "slot-machine", r.SLING_SHOT = "sling-shot", r.CLOCK = "clock", r.MINING = "mining", r.SHADING_AREA = "shading-area", r.MAGIC_HAT = "magic-hat", r.PUZZLE = "puzzle", r.BALANCE = "balance", r))(E || {}), S = /* @__PURE__ */ ((r) => (r.ANGLES = "angles", r.FRACTIONS = "fractions", r.TIME = "time", r.ADDITION_SUBTRACTION = "addition-subtraction", r.MULTIPLICATION_DIVISION = "multiplication-division", r.PERCENTAGES = "percentages", r.INTEGERS = "integers", r.RATIOS = "ratios", r))(S || {});
+const N = {
+  ...t,
+  ...A,
+  ...S
+};
+export {
+  t as GameId,
+  S as LessonId,
+  E as MiniGameId,
+  N as ProjectId,
+  A as PuzzleId
+};
+//# sourceMappingURL=project-ids-enum.js.map

package/dist/features/circle-games/games/web-view/enums/project-ids-enum.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"project-ids-enum.js","sources":["../../../../../../src/features/circle-games/games/web-view/enums/project-ids-enum.ts"],"sourcesContent":["// 1v1 game ids\nexport enum GameId {\n CHESS_MOVES = 'chess-moves',\n NO_ATTACK = 'no-attack',\n TROMINOS = 'trominos',\n NIMS_GAME = 'nims-game',\n TRANSFORMATION = 'transformation',\n LIGHTS_ON_OR_OFF = 'lights-on-or-off',\n LIQUID_WARS = 'liquid-wars',\n HACKENBUSH = 'hackenbush',\n SQUARE_IT = 'square-it',\n CLASH_OF_COLOURS = 'clash-of-colours',\n REACH = 'reach',\n}\n\n// puzzle game ids\nexport enum PuzzleId {\n CUT_THE_STRIP = 'cut-the-strip',\n ONE_LINE_WONDER = 'one-line-wonder',\n FLIP_IT_UP = 'flip-it-up',\n CARS_IN_CHAOS = 'cars-in-chaos',\n REFLEKT = 'reflekt',\n MATCHSTICKS = 'matchsticks',\n NO_CROSS = 'no-cross',\n DISSECTION = 'dissection',\n}\n\n// Mini Game ids\nexport enum MiniGameId {\n SNAKE = 'snake',\n BASKETBALL = 'basketball',\n REARRANGE = 'rearrange',\n CAR_RACE = 'car-race',\n DROP_ME = 'drop-me',\n WARZONE = 'warzone',\n SLOT_MACHINE = 'slot-machine',\n SLING_SHOT = 'sling-shot',\n CLOCK = 'clock',\n MINING = 'mining',\n SHADING_AREA = 'shading-area',\n MAGIC_HAT = 'magic-hat',\n PUZZLE = 'puzzle',\n BALANCE = 'balance',\n}\n\n// lesson ids\nexport enum LessonId {\n ANGLES = 'angles',\n FRACTIONS = 'fractions',\n TIME = 'time',\n ADDITION_SUBTRACTION = 'addition-subtraction',\n MULTIPLICATION_DIVISION = 'multiplication-division',\n PERCENTAGES = 'percentages',\n INTEGERS = 'integers',\n RATIOS = 'ratios',\n}\n\n// each category of games is called as Project\nexport const ProjectId = {\n ...GameId,\n ...PuzzleId,\n ...LessonId,\n} as const;\n"],"names":["GameId","PuzzleId","MiniGameId","LessonId","ProjectId"],"mappings":"AACY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,iBAAiB,kBACjBA,EAAA,mBAAmB,oBACnBA,EAAA,cAAc,eACdA,EAAA,aAAa,cACbA,EAAA,YAAY,aACZA,EAAA,mBAAmB,oBACnBA,EAAA,QAAQ,SAXEA,IAAAA,KAAA,CAAA,CAAA,GAeAC,sBAAAA,OACVA,EAAA,gBAAgB,iBAChBA,EAAA,kBAAkB,mBAClBA,EAAA,aAAa,cACbA,EAAA,gBAAgB,iBAChBA,EAAA,UAAU,WACVA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cARHA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,eAAe,gBACfA,EAAA,aAAa,cACbA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,eAAe,gBACfA,EAAA,YAAY,aACZA,EAAA,SAAS,UACTA,EAAA,UAAU,WAdAA,IAAAA,KAAA,CAAA,CAAA,GAkBAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,YAAY,aACZA,EAAA,OAAO,QACPA,EAAA,uBAAuB,wBACvBA,EAAA,0BAA0B,2BAC1BA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,SAAS,UARCA,IAAAA,KAAA,CAAA,CAAA;AAYL,MAAMC,IAAY;AAAA,EACvB,GAAGJ;AAAA,EACH,GAAGC;AAAA,EACH,GAAGE;AACL;"}

package/dist/features/circle-games/games/web-view/enums/project-type-enum.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var a = /* @__PURE__ */ ((E) => (E.GAME = "game", E.PUZZLE = "puzzle", E.LESSON = "lesson", E.TABLE = "table", E))(a || {});
+var a = /* @__PURE__ */ ((E) => (E.GAME = "game", E.PUZZLE = "puzzle", E.LESSON = "lesson", E))(a || {});
 export {
   a as ProjectType
 };

package/dist/features/circle-games/games/web-view/enums/project-type-enum.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"project-type-enum.js","sources":["../../../../../../src/features/circle-games/games/web-view/enums/project-type-enum.ts"],"sourcesContent":["export enum ProjectType {\n GAME = 'game',\n PUZZLE = 'puzzle',\n LESSON = 'lesson',\n ~~TABLE = 'table',\n~~}\n"],"names":["ProjectType"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,~~UACTA~~,~~EAAA,QAAQ,SAJEA,~~IAAAA,KAAA,CAAA,CAAA;"}
1	+ {"version":3,"file":"project-type-enum.js","sources":["../../../../../../src/features/circle-games/games/web-view/enums/project-type-enum.ts"],"sourcesContent":["export enum ProjectType {\n GAME = 'game',\n PUZZLE = 'puzzle',\n LESSON = 'lesson',\n}\n"],"names":["ProjectType"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/circle-games/games/web-view/web-view-types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"web-view-types.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-types.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type { WebViewEvent, ProjectOutcome, ProjectType } from './enums';\nimport type { WEBVIEW_ANALYTICS_EVENTS } from './web-view-analytics-events';\nimport type { IframeHTMLAttributes } from 'react';\n\nexport interface IPlayer {\n id: string;\n username: string;\n grade?: string;\n avatar?: IAvatarLayer[] \| null;\n playerType: TUserTypes;\n}\n\ninterface ~~ISyncableWebGameProps~~ {\n joinByRoomId?: string;\n enableSync?: boolean; // applicable for all except multiplayer games ~~and tables~~\n~~}\n\ninterface IBaseWebGameProps {\n~~ ~~projectId:~~ ~~string~~;\n ~~variant: string;\n projectType: ProjectType;\n~~ enableCloseButton?: boolean;\n}\n\nexport interface IMultiplayerWebGameProps extends IBaseWebGameProps, ~~ISyncableWebGameProps~~ {~~\n enablePlayerTurnIndicators?: boolean;\n~~}\n\nexport interface IPuzzleWebGameProps extends IBaseWebGameProps, ~~ISyncableWebGameProps~~ {\n question: string;\n askHintPermission?: boolean;\n}\n\nexport interface ILessonWebGameProps extends IBaseWebGameProps, ~~ISyncableWebGameProps~~ {\n miniGameIdentifier: ~~string~~;\n sessionId: string;\n targetQuestions: number;\n}\n\nexport interface ~~ITableWebGameProps extends IBaseWebGameProps {\n tableNumber: number;\n infiniteModeHighScore?: number;\n}\n\nexport interface~~ IVibrationPattern {\n pattern: number[] \| number;\n}\n\nexport enum IStatsToAwardErrorCode {\n DEFAULT = 'default',\n SUCCESS = 'success',\n FAIL = 'fail',\n}\n\nexport interface IPlayerStats {\n points: number;\n accuracy: number;\n timeSpent: number;\n streakDays: number;\n streakStatusToday: 'pending' \| 'completed';\n errorCode: IStatsToAwardErrorCode;\n outcome: ProjectOutcome;\n value: string;\n}\n\nexport interface IInfoMessage {\n message: string;\n position: 'top' \| 'bottom';\n}\n\nexport interface ITrackEvent {\n eventName: typeof WEBVIEW_ANALYTICS_EVENTS;\n properties: Record<string, unknown>;\n}\n\nexport interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {\n baseUrl: string;\n projectDetails~~:\n \|~~ IMultiplayerWebGameProps\n \| IPuzzleWebGameProps\n \| ILessonWebGameProps~~\n \| ITableWebGameProps~~;\n playerDetails: IPlayer;\n onBack?: () => void;\n onGameLoad?: () => void;\n onGamePlayFinish?: (playerStats: IPlayerStats) => void;\n handleInfoMessage?: (infoMessage: IInfoMessage) => void;\n}\n\nexport interface IMessageProps {\n event: `${WebViewEvent}`;\n payload: IVibrationPattern \| IPlayerStats \| IInfoMessage \| null;\n}\n"],"names":["IStatsToAwardErrorCode"],"mappings":"~~AAkDY~~,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}
1	+ {"version":3,"file":"web-view-types.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-types.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type {\n GameId,\n PuzzleId,\n LessonId,\n MiniGameId,\n WebViewEvent,\n ProjectOutcome,\n ProjectType,\n} from './enums';\nimport type { WEBVIEW_ANALYTICS_EVENTS } from './web-view-analytics-events';\nimport type { IframeHTMLAttributes } from 'react';\n\nexport type TProject = GameId \| PuzzleId \| LessonId;\n\nexport interface IPlayer {\n id: string;\n username: string;\n grade?: string;\n avatar?: IAvatarLayer[] \| null;\n playerType: TUserTypes;\n}\n\ninterface IBaseWebGameProps<T> {\n projectId: T;\n variant: string;\n projectType: ProjectType;\n joinByRoomId?: string;\n enableSync?: boolean; // applicable for all except multiplayer games\n enablePlayerTurnIndicators?: boolean;\n enableCloseButton?: boolean;\n}\n\nexport interface IMultiplayerWebGameProps extends IBaseWebGameProps<GameId> {}\n\nexport interface IPuzzleWebGameProps extends IBaseWebGameProps<PuzzleId> {\n question: string;\n askHintPermission?: boolean;\n}\n\nexport interface ILessonWebGameProps extends IBaseWebGameProps<LessonId> {\n miniGameIdentifier: MiniGameId;\n sessionId: string;\n targetQuestions: number;\n}\n\nexport interface IVibrationPattern {\n pattern: number[] \| number;\n}\n\nexport enum IStatsToAwardErrorCode {\n DEFAULT = 'default',\n SUCCESS = 'success',\n FAIL = 'fail',\n}\n\nexport interface IPlayerStats {\n points: number;\n accuracy: number;\n timeSpent: number;\n streakDays: number;\n streakStatusToday: 'pending' \| 'completed';\n errorCode: IStatsToAwardErrorCode;\n outcome: ProjectOutcome;\n value: string;\n}\n\nexport interface IInfoMessage {\n message: string;\n position: 'top' \| 'bottom';\n}\n\nexport interface ITrackEvent {\n eventName: typeof WEBVIEW_ANALYTICS_EVENTS;\n properties: Record<string, unknown>;\n}\n\nexport interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {\n baseUrl: string;\n projectDetails: IMultiplayerWebGameProps \| IPuzzleWebGameProps \| ILessonWebGameProps;\n playerDetails: IPlayer;\n onBack?: () => void;\n onGameLoad?: () => void;\n onGamePlayFinish?: (playerStats: IPlayerStats) => void;\n handleInfoMessage?: (infoMessage: IInfoMessage) => void;\n}\n\nexport interface IMessageProps {\n event: `${WebViewEvent}`;\n payload: IVibrationPattern \| IPlayerStats \| IInfoMessage \| null;\n}\n"],"names":["IStatsToAwardErrorCode"],"mappings":"AAmDY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/circle-games/games/web-view/web-view.js CHANGED Viewed

@@ -1,100 +1,113 @@
-import { jsx as M } from "react/jsx-runtime";
-import { forwardRef as P, useRef as G, useMemo as S, useCallback as T, useImperativeHandle as W, useEffect as V } from "react";
-import { useUIContext as $ } from "../../../ui/context/context.js";
-import { ALLOWED_ORIGIN as _ } from "./constants.js";
-import { ProjectType as s } from "./enums/project-type-enum.js";
-import { WebViewEvent as o } from "./enums/web-view-events-enum.js";
-const z = P((N, C) => {
+import { jsx as L } from "react/jsx-runtime";
+import { forwardRef as G, useRef as M, useMemo as _, useCallback as A, useImperativeHandle as W, useEffect as H } from "react";
+import { useUIContext as V } from "../../../ui/context/context.js";
+import { ALLOWED_ORIGIN as j } from "./constants.js";
+import { ProjectType as I } from "./enums/project-type-enum.js";
+import { WebViewEvent as i } from "./enums/web-view-events-enum.js";
+const K = G((N, C) => {
   const {
-    baseUrl: I,
-    projectDetails: y,
-    playerDetails: v,
+    baseUrl: P,
+    projectDetails: v,
+    playerDetails: T,
     onGameLoad: a,
     onGamePlayFinish: c,
-    handleInfoMessage: p,
-    onBack: f,
-    ...L
-  } = N, l = G(null), w = S(() => v, [v]), t = S(() => y, [y]);
-  let A = "";
-  const { onEvent: O } = $();
-  t.projectType === s.LESSON && (A = t.miniGameIdentifier);
-  const m = T(() => {
-    const { enableCloseButton: n = !0 } = t;
+    handleInfoMessage: f,
+    onBack: l,
+    ...R
+  } = N, p = M(null), g = _(() => T, [T]), o = _(() => v, [v]);
+  let u = "";
+  const { onEvent: w } = V();
+  o.projectType === I.LESSON && (u = o.miniGameIdentifier);
+  const m = A(() => {
+    const {
+      enableCloseButton: r = !0,
+      enablePlayerTurnIndicators: s = !1,
+      enableSync: t = !1,
+      joinByRoomId: E = ""
+    } = o;
     let e = {
-      enableCloseButton: n
+      joinByRoomId: E,
+      enableCloseButton: r,
+      enablePlayerTurnIndicators: s,
+      enableSync: t
     };
-    return t.projectType === s.GAME && (e = {
-      ...e,
-      ...t
-    }), t.projectType === s.PUZZLE && (e = {
-      ...e,
-      ...t
-    }), t.projectType === s.LESSON && (e = {
-      ...e,
-      ...t
-    }), t.projectType === s.TABLE && (e = {
-      ...e,
-      ...t
-    }), e;
-  }, [t]), E = T(() => {
-    var e, r;
-    const n = m();
-    (r = (e = l.current) == null ? void 0 : e.contentWindow) == null || r.postMessage(
+    if (o.projectType === I.PUZZLE) {
+      const n = o;
+      e = {
+        ...e,
+        question: n.question,
+        askHintPermission: n.askHintPermission
+      };
+    }
+    if (o.projectType === I.LESSON) {
+      const n = o;
+      e = {
+        ...e,
+        miniGameIdentifier: n.miniGameIdentifier,
+        sessionId: n.sessionId,
+        targetQuestions: n.targetQuestions
+      };
+    }
+    return e;
+  }, [o]), d = A(() => {
+    var s, t;
+    const r = m();
+    (t = (s = p.current) == null ? void 0 : s.contentWindow) == null || t.postMessage(
       JSON.stringify({
-        event: o.GAME_DATA,
-        payload: n
+        event: i.GAME_DATA,
+        payload: r
       }),
-      _
+      j
     );
-  }, [m]), g = T(() => {
-    var e, r;
-    const n = m();
-    (r = (e = l.current) == null ? void 0 : e.contentWindow) == null || r.postMessage(
+  }, [m]), O = A(() => {
+    var s, t;
+    const r = m();
+    (t = (s = p.current) == null ? void 0 : s.contentWindow) == null || t.postMessage(
       JSON.stringify({
-        event: o.SET_CONFIG,
+        event: i.SET_CONFIG,
         payload: {
-          user: w,
-          projectConfig: n
+          user: g,
+          projectConfig: r
         }
       }),
-      _
+      j
     );
-  }, [w, m]);
-  return W(C, () => l.current, []), V(() => {
-    const n = (e) => {
-      var j, D;
-      const r = e.data, R = typeof r == "string" ? JSON.parse(r) : r, { event: i, payload: d = null } = R;
-      if (i === o.VIBRATE) {
-        const { pattern: u } = d;
-        (D = (j = window.navigator).vibrate) == null || D.call(j, u);
+  }, [g, m]);
+  return W(C, () => p.current, []), H(() => {
+    const r = (s) => {
+      var S, D;
+      const t = s.data, E = typeof t == "string" ? JSON.parse(t) : t, { event: e, payload: n = null } = E;
+      if (e === i.VIBRATE) {
+        const { pattern: y } = n;
+        (D = (S = window.navigator).vibrate) == null || D.call(S, y);
       }
-      if (i === o.GAME_BACK && (f == null || f()), i === o.HIDE_LOADER && (a == null || a()), i === o.LOAD_DATA_FROM_APP && (E == null || E()), i === o.GET_CONFIG && g(), i === o.UPDATE_STATS && (c == null || c(d)), i === o.SHOW_SNACKBAR && (p == null || p(d)), i === o.TRACK_EVENT) {
-        const { eventName: u, properties: b } = d;
-        O(u, b);
+      if (e === i.GAME_BACK && (l == null || l()), e === i.HIDE_LOADER && (a == null || a()), e === i.LOAD_DATA_FROM_APP && (d == null || d()), e === i.GET_CONFIG && O(), e === i.UPDATE_STATS && (c == null || c(n)), e === i.SHOW_SNACKBAR && (f == null || f(n)), e === i.TRACK_EVENT) {
+        const { eventName: y, properties: b } = n;
+        w(y, b);
       }
     };
-    return window.addEventListener("message", n), () => {
-      window.removeEventListener("message", n);
+    return window.addEventListener("message", r), () => {
+      window.removeEventListener("message", r);
     };
   }, [
-    p,
     f,
+    l,
     c,
     a,
-    g,
-    E,
-    O
-  ]), /* @__PURE__ */ M(
+    O,
+    d,
+    w
+  ]), /* @__PURE__ */ L(
     "iframe",
     {
-      ...L,
-      ref: l,
-      src: `${I}/play-game/${t.projectId}/${t.variant}${A ? `/${A}` : ""}?version=2`,
+      ...R,
+      ref: p,
+      src: `${P}/play-game/${o.projectId}/${o.variant}${u ? `/${u}` : ""}?version=2`,
       allow: "autoplay"
     }
   );
 });
 export {
-  z as WebView
+  K as WebView
 };
 //# sourceMappingURL=web-view.js.map

package/dist/features/circle-games/games/web-view/web-view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"web-view.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view.tsx"],"sourcesContent":["import type {\n IInfoMessage,\n ILessonWebGameProps,\n IMessageProps,\n IMultiplayerWebGameProps,\n IPlayerStats,\n IPuzzleWebGameProps,\n ~~ITableWebGameProps,\n~~ IVibrationPattern,\n IWebViewProps,\n} from './web-view-types';\nimport type { ForwardedRef } from 'react';\n\nimport { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport { useUIContext } from '../../../ui/context/context';\nimport { ALLOWED_ORIGIN } from './constants';\nimport { ProjectType, WebViewEvent } from './enums';\n\nexport const WebView = forwardRef((props: IWebViewProps, ref: ForwardedRef<HTMLIFrameElement>) => {\n const {\n baseUrl,\n projectDetails,\n playerDetails,\n onGameLoad,\n onGamePlayFinish,\n handleInfoMessage,\n onBack,\n ...rest\n } = props;\n const webViewRef = useRef<HTMLIFrameElement>(null);\n const memoizedPlayerDetails = useMemo(() => playerDetails, [playerDetails]);\n const memoizedProjectDetails = useMemo(() => projectDetails, [projectDetails]);\n\n let miniGameIdentifier = '';\n const { onEvent: trackEvent } = useUIContext();\n\n if (memoizedProjectDetails.projectType === ProjectType.LESSON) {\n miniGameIdentifier = (memoizedProjectDetails as ILessonWebGameProps).miniGameIdentifier;\n }\n\n const getProjectDetails = useCallback(() => {\n const { enableCloseButton = true } = memoizedProjectDetails;\n\n let payload = {\n enableCloseButton,\n } as IMultiplayerWebGameProps \| IPuzzleWebGameProps \| ILessonWebGameProps;\n\n if (memoizedProjectDetails.projectType === ProjectType.~~GAME~~) {\n ~~payload~~ = ~~{\n ...payload,\n ...~~memoizedProjectDetails~~,\n }~~ as ~~IMultiplayerWebGameProps~~;\n }\n~~\n if (memoizedProjectDetails.projectType === ProjectType.PUZZLE) {\n~~ payload = {\n ...payload,\n ~~...memoizedProjectDetails~~,\n } as IPuzzleWebGameProps;\n }\n\n if (memoizedProjectDetails.projectType === ProjectType.LESSON) {\n ~~payload~~ = ~~{\n ...payload,\n ...~~memoizedProjectDetails~~,\n }~~ as ILessonWebGameProps;\n }\n~~\n if (memoizedProjectDetails.projectType === ProjectType.TABLE) {\n~~ payload = {\n ...payload,\n ~~...memoizedProjectDetails~~,\n } as ~~ITableWebGameProps~~;\n }\n\n return payload;\n }, [memoizedProjectDetails]);\n\n const sendGamesData = useCallback(() => {\n const payload = getProjectDetails();\n\n webViewRef.current?.contentWindow?.postMessage(\n JSON.stringify({\n event: WebViewEvent.GAME_DATA,\n payload,\n }),\n ALLOWED_ORIGIN,\n );\n }, [getProjectDetails]);\n\n const setConfig = useCallback(() => {\n const projectConfig = getProjectDetails();\n\n webViewRef.current?.contentWindow?.postMessage(\n JSON.stringify({\n event: WebViewEvent.SET_CONFIG,\n payload: {\n user: memoizedPlayerDetails,\n projectConfig,\n },\n }),\n ALLOWED_ORIGIN,\n );\n }, [memoizedPlayerDetails, getProjectDetails]);\n\n useImperativeHandle(ref, () => webViewRef.current as HTMLIFrameElement, []);\n\n useEffect(() => {\n const handleMessage = (e: MessageEvent) => {\n const data: string = e.data;\n const parsedData = typeof data === 'string' ? JSON.parse(data) : (data as IMessageProps);\n\n const { event, payload = null } = parsedData;\n\n if (event === WebViewEvent.VIBRATE) {\n const { pattern } = payload as IVibrationPattern;\n\n window.navigator.vibrate?.(pattern);\n }\n\n if (event === WebViewEvent.GAME_BACK) {\n onBack?.();\n }\n\n if (event === WebViewEvent.HIDE_LOADER) {\n onGameLoad?.();\n }\n\n if (event === WebViewEvent.LOAD_DATA_FROM_APP) {\n sendGamesData?.();\n }\n\n if (event === WebViewEvent.GET_CONFIG) {\n setConfig();\n }\n\n if (event === WebViewEvent.UPDATE_STATS) {\n onGamePlayFinish?.(payload as IPlayerStats);\n }\n\n if (event === WebViewEvent.SHOW_SNACKBAR) {\n handleInfoMessage?.(payload as IInfoMessage);\n }\n\n if (event === WebViewEvent.TRACK_EVENT) {\n const { eventName, properties } = payload;\n\n trackEvent(eventName, properties);\n }\n };\n\n window.addEventListener('message', handleMessage);\n\n return () => {\n window.removeEventListener('message', handleMessage);\n };\n }, [\n handleInfoMessage,\n onBack,\n onGamePlayFinish,\n onGameLoad,\n setConfig,\n sendGamesData,\n trackEvent,\n ]);\n\n return (\n <iframe\n {...rest}\n ref={webViewRef}\n src={`${baseUrl}/play-game/${memoizedProjectDetails.projectId}/${\n memoizedProjectDetails.variant\n }${miniGameIdentifier ? `/${miniGameIdentifier}` : ''}?version=2`}\n allow=\"autoplay\"\n />\n );\n});\n"],"names":["WebView","forwardRef","props","ref","baseUrl","projectDetails","playerDetails","onGameLoad","onGamePlayFinish","handleInfoMessage","onBack","rest","webViewRef","useRef","memoizedPlayerDetails","useMemo","memoizedProjectDetails","miniGameIdentifier","trackEvent","useUIContext","ProjectType","getProjectDetails","useCallback","enableCloseButton","payload","sendGamesData","_b","_a","WebViewEvent","ALLOWED_ORIGIN","setConfig","projectConfig","useImperativeHandle","useEffect","handleMessage","data","parsedData","event","pattern","eventName","properties","jsx"],"mappings":";;;;;;~~AAmBO~~,MAAMA,IAAUC,EAAW,CAACC,GAAsBC,MAAyC;AAC1F,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GACEU,IAAaC,EAA0B,IAAI,GAC3CC,IAAwBC,EAAQ,MAAMT,GAAe,CAACA,CAAa,CAAC,GACpEU,IAAyBD,EAAQ,MAAMV,GAAgB,CAACA,CAAc,CAAC;AAE7E,MAAIY,IAAqB;AACzB,QAAM,EAAE,SAASC,EAAW,IAAIC,EAAa;AAEzC,EAAAH,EAAuB,gBAAgBI,EAAY,WACrDH,IAAsBD,EAA+C;AAGjE,QAAAK,IAAoBC,EAAY,MAAM;AACpC,UAAA,~~EAAE~~,mBAAAC,IAAoB,~~GAAS~~,~~IAAAP~~;~~AAErC~~,~~QAAIQ~~,~~IAAU~~;AAAA,~~MACZ~~,~~mBAAAD~~;AAAA,~~IAAA~~;~~AAGE~~,~~WAAAP~~,~~EAAuB~~,~~gBAAgBI~~,~~EAAY~~,~~SAC3CI~~,~~IAAA~~;AAAA,~~MACR~~,~~GAAGA~~;AAAA,~~MACH~~,~~GAAGR~~;AAAA,IAAA,~~IAIHA~~,EAAuB,gBAAgBI,EAAY,~~WAC3CI~~,IAAA;AAAA,~~MACR~~,GAAGA;AAAA,~~MACH~~,~~GAAGR~~;AAAA,~~IAAA~~,~~IAIHA~~,EAAuB,gBAAgBI,EAAY,~~WAC3CI~~,IAAA;AAAA,~~MACR~~,GAAGA;AAAA,~~MACH~~,~~GAAGR~~;AAAA,~~IAAA~~,~~IAIHA~~,~~EAAuB~~,~~gBAAgBI~~,~~EAAY~~,~~UAC3CI,IAAA~~;AAAA,~~MACR,GAAGA~~;AAAA,~~MACH,GAAGR~~;~~AAAA~~,~~IAAA,IAIAQ~~;AAAA,EAAA,GACN,~~CAACR~~,CAAsB,CAAC,~~GAErBS~~,~~IAAgBH~~,EAAY,MAAM;;AACtC,~~UAAME~~,~~IAAUH~~;AAEhB,~~KAAAK~~,KAAAC,~~IAAAf~~,EAAW,YAAX,~~gBAAAe~~,EAAoB,kBAApB,QAAAD,EAAmC;AAAA,MACjC,KAAK,UAAU;AAAA,QACb,OAAOE,EAAa;AAAA,QACpB,~~SAAAJ~~;AAAA,MAAA,CACD;AAAA,~~MACDK~~;AAAA;AAAA,EACF,GACC,~~CAACR~~,CAAiB,CAAC,~~GAEhBS~~,~~IAAYR~~,EAAY,MAAM;;AAClC,~~UAAMS~~,~~IAAgBV~~;AAEtB,~~KAAAK~~,KAAAC,~~IAAAf~~,EAAW,YAAX,~~gBAAAe~~,EAAoB,kBAApB,QAAAD,EAAmC;AAAA,MACjC,KAAK,UAAU;AAAA,QACb,OAAOE,EAAa;AAAA,QACpB,SAAS;AAAA,UACP,~~MAAMd~~;AAAA,UACN,~~eAAAiB~~;AAAA,QACF;AAAA,MAAA,CACD;AAAA,MACDF;AAAA;AAAA,EACF,GACC,~~CAACf~~,GAAuBO,CAAiB,CAAC;AAE7C,~~SAAAW~~,~~EAAoB7B~~,GAAK,MAAMS,EAAW,SAA8B,CAAE,CAAA,~~GAE1EqB~~,EAAU,MAAM;AACR,UAAAC,IAAgB,~~CAAC~~,MAAoB;;AACzC,YAAMC,~~IAAe~~,EAAE,~~MACjBC~~,IAAa,OAAOD,KAAS,WAAW,KAAK,MAAMA,CAAI,IAAKA,GAE5D,EAAE,OAAAE,GAAO,~~SAAAb~~,IAAU,KAAA,~~IAASY~~;AAE9B,UAAAC,~~MAAUT~~,EAAa,SAAS;AAC5B,cAAA,EAAE,~~SAAAU~~,EAAY,~~IAAAd~~;AAEb,~~SAAAE~~,KAAAC,IAAA,OAAA,WAAU,YAAV,QAAAD,EAAA,KAAAC,~~GAAoBW~~;AAAA,MAC7B;AA0BI,UAxBAD,~~MAAUT~~,EAAa,~~cAChBlB~~,KAAA,QAAAA,~~MAGP2B~~,~~MAAUT~~,EAAa,~~gBACZrB~~,KAAA,QAAAA,~~MAGX8B~~,~~MAAUT~~,EAAa,uBACTH,KAAA,QAAAA,~~MAGdY~~,~~MAAUT~~,EAAa,cACfE,~~KAGRO~~,~~MAAUT~~,EAAa,~~iBACzBpB~~,KAAA,QAAAA,~~EAAmBgB~~,~~KAGjBa~~,~~MAAUT~~,EAAa,~~kBACzBnB~~,KAAA,QAAAA,~~EAAoBe~~,~~KAGlBa~~,~~MAAUT~~,EAAa,aAAa;AAChC,cAAA,EAAE,~~WAAAW~~,GAAW,YAAAC,EAAe,~~IAAAhB~~;AAElC,~~QAAAN~~,~~EAAWqB~~,GAAWC,CAAU;AAAA,MAClC;AAAA,IAAA;AAGK,kBAAA,iBAAiB,~~WAAWN~~,CAAa,GAEzC,MAAM;AACJ,aAAA,oBAAoB,WAAWA,CAAa;AAAA,IAAA;AAAA,EACrD,GACC;AAAA,~~IACDzB~~;AAAA,IACAC;AAAA,IACAF;AAAA,IACAD;AAAA,~~IACAuB~~;AAAA,IACAL;AAAA,~~IACAP~~;AAAA,EAAA,CACD,GAGC,~~gBAAAuB~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,~~GAAG9B~~;AAAA,MACJ,KAAKC;AAAA,MACL,KAAK,GAAGR,CAAO,cAAcY,EAAuB,SAAS,IAC3DA,EAAuB,OACzB,GAAGC,IAAqB,IAAIA,CAAkB,KAAK,EAAE;AAAA,MACrD,OAAM;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;"}
1	+ {"version":3,"file":"web-view.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view.tsx"],"sourcesContent":["import type {\n IInfoMessage,\n ILessonWebGameProps,\n IMessageProps,\n IMultiplayerWebGameProps,\n IPlayerStats,\n IPuzzleWebGameProps,\n IVibrationPattern,\n IWebViewProps,\n} from './web-view-types';\nimport type { ForwardedRef } from 'react';\n\nimport { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport { useUIContext } from '../../../ui/context/context';\nimport { ALLOWED_ORIGIN } from './constants';\nimport { ProjectType, WebViewEvent } from './enums';\n\nexport const WebView = forwardRef((props: IWebViewProps, ref: ForwardedRef<HTMLIFrameElement>) => {\n const {\n baseUrl,\n projectDetails,\n playerDetails,\n onGameLoad,\n onGamePlayFinish,\n handleInfoMessage,\n onBack,\n ...rest\n } = props;\n const webViewRef = useRef<HTMLIFrameElement>(null);\n const memoizedPlayerDetails = useMemo(() => playerDetails, [playerDetails]);\n const memoizedProjectDetails = useMemo(() => projectDetails, [projectDetails]);\n\n let miniGameIdentifier = '';\n const { onEvent: trackEvent } = useUIContext();\n\n if (memoizedProjectDetails.projectType === ProjectType.LESSON) {\n miniGameIdentifier = (memoizedProjectDetails as ILessonWebGameProps).miniGameIdentifier;\n }\n\n const getProjectDetails = useCallback(() => {\n const {\n enableCloseButton = true,\n enablePlayerTurnIndicators = false,\n enableSync = false,\n joinByRoomId = '',\n } = memoizedProjectDetails;\n\n let payload = {\n joinByRoomId,\n enableCloseButton,\n enablePlayerTurnIndicators,\n enableSync,\n } as IMultiplayerWebGameProps \| IPuzzleWebGameProps \| ILessonWebGameProps;\n\n if (memoizedProjectDetails.projectType === ProjectType.PUZZLE) {\n const details = memoizedProjectDetails as IPuzzleWebGameProps;\n\n payload = {\n ...payload,\n question: details.question,\n askHintPermission: details.askHintPermission,\n } as IPuzzleWebGameProps;\n }\n\n if (memoizedProjectDetails.projectType === ProjectType.LESSON) {\n const details = memoizedProjectDetails as ILessonWebGameProps;\n\n payload = {\n ...payload,\n miniGameIdentifier: details.miniGameIdentifier,\n sessionId: details.sessionId,\n targetQuestions: details.targetQuestions,\n } as ILessonWebGameProps;\n }\n\n return payload;\n }, [memoizedProjectDetails]);\n\n const sendGamesData = useCallback(() => {\n const payload = getProjectDetails();\n\n webViewRef.current?.contentWindow?.postMessage(\n JSON.stringify({\n event: WebViewEvent.GAME_DATA,\n payload,\n }),\n ALLOWED_ORIGIN,\n );\n }, [getProjectDetails]);\n\n const setConfig = useCallback(() => {\n const projectConfig = getProjectDetails();\n\n webViewRef.current?.contentWindow?.postMessage(\n JSON.stringify({\n event: WebViewEvent.SET_CONFIG,\n payload: {\n user: memoizedPlayerDetails,\n projectConfig,\n },\n }),\n ALLOWED_ORIGIN,\n );\n }, [memoizedPlayerDetails, getProjectDetails]);\n\n useImperativeHandle(ref, () => webViewRef.current as HTMLIFrameElement, []);\n\n useEffect(() => {\n const handleMessage = (e: MessageEvent) => {\n const data: string = e.data;\n const parsedData = typeof data === 'string' ? JSON.parse(data) : (data as IMessageProps);\n\n const { event, payload = null } = parsedData;\n\n if (event === WebViewEvent.VIBRATE) {\n const { pattern } = payload as IVibrationPattern;\n\n window.navigator.vibrate?.(pattern);\n }\n\n if (event === WebViewEvent.GAME_BACK) {\n onBack?.();\n }\n\n if (event === WebViewEvent.HIDE_LOADER) {\n onGameLoad?.();\n }\n\n if (event === WebViewEvent.LOAD_DATA_FROM_APP) {\n sendGamesData?.();\n }\n\n if (event === WebViewEvent.GET_CONFIG) {\n setConfig();\n }\n\n if (event === WebViewEvent.UPDATE_STATS) {\n onGamePlayFinish?.(payload as IPlayerStats);\n }\n\n if (event === WebViewEvent.SHOW_SNACKBAR) {\n handleInfoMessage?.(payload as IInfoMessage);\n }\n\n if (event === WebViewEvent.TRACK_EVENT) {\n const { eventName, properties } = payload;\n\n trackEvent(eventName, properties);\n }\n };\n\n window.addEventListener('message', handleMessage);\n\n return () => {\n window.removeEventListener('message', handleMessage);\n };\n }, [\n handleInfoMessage,\n onBack,\n onGamePlayFinish,\n onGameLoad,\n setConfig,\n sendGamesData,\n trackEvent,\n ]);\n\n return (\n <iframe\n {...rest}\n ref={webViewRef}\n src={`${baseUrl}/play-game/${memoizedProjectDetails.projectId}/${\n memoizedProjectDetails.variant\n }${miniGameIdentifier ? `/${miniGameIdentifier}` : ''}?version=2`}\n allow=\"autoplay\"\n />\n );\n});\n"],"names":["WebView","forwardRef","props","ref","baseUrl","projectDetails","playerDetails","onGameLoad","onGamePlayFinish","handleInfoMessage","onBack","rest","webViewRef","useRef","memoizedPlayerDetails","useMemo","memoizedProjectDetails","miniGameIdentifier","trackEvent","useUIContext","ProjectType","getProjectDetails","useCallback","enableCloseButton","enablePlayerTurnIndicators","enableSync","joinByRoomId","payload","details","sendGamesData","_b","_a","WebViewEvent","ALLOWED_ORIGIN","setConfig","projectConfig","useImperativeHandle","useEffect","handleMessage","e","data","parsedData","event","pattern","eventName","properties","jsx"],"mappings":"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"}