@cuemath/leap 2.8.25-rj-5 → 2.8.26

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

@@ -1,33 +1,34 @@
 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 { memo as h, useState as C, useMemo as a, useEffect as _ } from "react";
+import { LOTTIE as b } from "../../../assets/lottie/lottie.js";
+import { CircularLoader as v } from "../../ui/loader/circular-loader/circular-loader.js";
+import S from "../../ui/lottie-animation/lottie-animation.js";
+import { useCircleSounds as G } from "../hooks/use-circle-sounds/use-circle-sounds.js";
+import { Carousel as P } from "./comps/carousel/carousel.js";
+import { GAME_LAUNCHER_SIZE as R, GAME_LAUNCHER_ASSET_PADDING as M } from "./comps/segmented-game-card/constants.js";
+import { SegmentedGameCard as n } from "./comps/segmented-game-card/segmented-game-card.js";
+import { GAME_LAUNCHER_ANALYTICS_EVENTS as y } from "./game-launcher-analytics-events.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,
+import { ProjectType as m } from "../games/web-view/enums/project-type-enum.js";
+const A = R + M, K = h(
+  ({ onSegmentClick: l, onJourneyComplete: x, journeyId: i, data: e, isLoading: I, defaultIndex: V = 0 }) => {
+    const [g, z] = C(V), { playSwipSound: t } = G(), {
+      gameRefs: u,
       lessonRefs: p,
-      puzzleRefs: c,
-      startJourney: f,
-      carouselNextBtnRef: y,
+      puzzleRefs: f,
+      startJourney: c,
+      carouselNextBtnRef: E,
       isJourneyInProgress: L
     } = B({
-      setCarouselIndex: A,
-      onSegmentClick: o,
-      onJourneyComplete: g
-    }), E = P(() => {
-      let l = [];
-      return e && (e.lessons && (l = [
-        ...l,
+      setCarouselIndex: z,
+      onSegmentClick: l,
+      onJourneyComplete: x
+    }), N = a(() => {
+      let o = [];
+      return e && (e.lessons && (o = [
+        ...o,
         /* @__PURE__ */ r(
-          i,
+          n,
           {
             ref: p,
             label: e.lessons.label,
@@ -38,16 +39,16 @@ const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
               card: s.cardLottie,
               name: s.name,
               isCompleted: s.status === "completed",
-              onPress: () => s.status === "completed" ? void 0 : o(s, t.LESSON)
+              onPress: () => s.status === "completed" ? void 0 : l(s, m.LESSON)
             }))
           }
         )
-      ]), l = [
-        ...l,
+      ]), o = [
+        ...o,
         /* @__PURE__ */ r(
-          i,
+          n,
           {
-            ref: a,
+            ref: u,
             label: e.games.label,
             value: e.games.data.filter((s) => s.isPlayed).length,
             maxValue: e.games.data.length,
@@ -56,14 +57,14 @@ const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
               card: s.cardLottie,
               name: s.name,
               isCompleted: !1,
-              onPress: () => o(s, t.GAME)
+              onPress: () => l(s, m.GAME)
             }))
           }
         ),
         /* @__PURE__ */ r(
-          i,
+          n,
           {
-            ref: c,
+            ref: f,
             label: e.puzzles.label,
             value: e.puzzles.data.filter((s) => s.solved).length,
             maxValue: e.puzzles.data.length,
@@ -72,51 +73,46 @@ const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
               card: s.cardLottie,
               name: s.name,
               isCompleted: s.solved,
-              onPress: () => o(s, t.PUZZLE)
+              onPress: () => l(s, m.PUZZLE)
             }))
           }
         )
-      ]), l;
-    }, [e, a, p, o, c]), I = P(
-      () => [/* @__PURE__ */ r(_, { ref: m })],
+      ]), o;
+    }, [e, u, p, l, f]), T = a(
+      () => [
+        /* @__PURE__ */ r(
+          S,
+          {
+            src: b.SLEEPY_BOI,
+            width: A,
+            height: A
+          }
+        )
+      ],
       []
     );
-    return x(() => {
-      let l = null;
-      return (async () => {
-        const N = (await J()).default;
-        l = T.loadAnimation({
-          container: m.current,
-          animationData: N,
-          autoplay: !0,
-          loop: !0,
-          renderer: "canvas"
-        });
-      })(), () => {
-        l == null || l.destroy();
-      };
-    }, []), 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,
+    return _(() => {
+      e != null && e.puzzles && i && L && c(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons), i);
+    }, [e == null ? void 0 : e.lessons, e == null ? void 0 : e.puzzles, L, i, c]), I ? /* @__PURE__ */ r(v, {}) : e ? /* @__PURE__ */ r(
+      P,
       {
-        ref: y,
-        items: E,
-        defaultIndex: v,
-        onNext: u,
-        onPrev: u,
+        ref: E,
+        items: N,
+        defaultIndex: g,
+        onNext: t,
+        onPrev: t,
         analyticsNext: {
-          analyticsLabel: z.NEXT_ACTIVITY
+          analyticsLabel: y.NEXT_ACTIVITY
         },
         analyticsPrev: {
-          analyticsLabel: z.PREV_ACTIVITY
+          analyticsLabel: y.PREV_ACTIVITY
         }
       }
     ) : /* @__PURE__ */ r(
-      V,
+      P,
       {
-        ref: y,
-        items: I,
+        ref: E,
+        items: T,
         analyticsNext: {
           analyticsLabel: ""
         },
@@ -128,6 +124,6 @@ const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
   }
 );
 export {
-  Q as GameLauncher
+  K as GameLauncher
 };
 //# sourceMappingURL=game-launcher.js.map

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

@@ -1 +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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"}
+{"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 { FC, ReactNode } from 'react';\n\nimport { memo, useEffect, useMemo, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Carousel } from './comps/carousel/carousel';\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_SIZE,\n} from './comps/segmented-game-card/constants';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport { useGameLauncherJourney } from './use-game-launcher-journey/use-game-launcher-journey';\n\nconst sleepyBoiDimension = GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING;\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({ onSegmentClick, onJourneyComplete, journeyId, data, isLoading, defaultIndex = 0 }) => {\n    const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n\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      () => [\n        <LottieAnimation\n          src={LOTTIE.SLEEPY_BOI}\n          width={sleepyBoiDimension}\n          height={sleepyBoiDimension}\n        />,\n      ],\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":["sleepyBoiDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GameLauncher","memo","onSegmentClick","onJourneyComplete","journeyId","data","isLoading","defaultIndex","currentIndex","setCurrentIndex","useState","playSwipSound","useCircleSounds","gameRefs","lessonRefs","puzzleRefs","startJourney","carouselNextBtnRef","isJourneyInProgress","useGameLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","lesson","ProjectType","game","puzzle","sleepyBoiItem","LottieAnimation","LOTTIE","useEffect","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}

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

@@ -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 {\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  countryCode: string;\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":"AAoDY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}
+{"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/leaderboard/comps/banner/banner.js

@@ -1,58 +1,40 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import p from "lottie-web";
-import { memo as h, useRef as x, useEffect as A } from "react";
-import T from "../../../../ui/separator/separator.js";
-import i from "../../../../ui/text/text.js";
-import { BannerContainer as C, CircleLottieView as $, BannerTextContainer as y, CountTextWrapper as B } from "./banner-styled.js";
-const _ = h(
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { memo as d } from "react";
+import h from "../../../../ui/lottie-animation/lottie-animation.js";
+import p from "../../../../ui/separator/separator.js";
+import o from "../../../../ui/text/text.js";
+import { BannerContainer as f, CircleLottieView as x, BannerTextContainer as T, CountTextWrapper as C } from "./banner-styled.js";
+const $ = { renderer: "canvas" }, H = d(
   ({
-    primaryText: l,
-    secondaryText: c,
-    topInset: n = 0,
-    isLoading: m = !1,
-    lottiePromise: a,
-    bgFromTopPosition: d = 0,
-    bgFromRightPosition: u = 0,
-    custEle: f
-  }) => {
-    const o = x(null);
-    return A(() => {
-      let r = null;
-      return (async () => {
-        const s = (await a()).default;
-        o.current && (r = p.loadAnimation({
-          container: o.current,
-          // Ref to the div
-          renderer: "canvas",
-          loop: !0,
-          autoplay: !0,
-          animationData: s
-        }));
-      })(), () => {
-        r == null || r.destroy();
-      };
-    }, [a]), /* @__PURE__ */ t(C, { topInset: n, children: [
-      /* @__PURE__ */ e(
-        $,
-        {
-          ref: o,
-          topInset: n,
-          bgFromTopPosition: d,
-          bgFromRightPosition: u
-        }
-      ),
-      /* @__PURE__ */ t(y, { children: [
-        /* @__PURE__ */ t(B, { topInset: n, children: [
-          /* @__PURE__ */ e(i, { $renderAs: "ac4", $color: "WHITE", children: l }),
-          /* @__PURE__ */ e(T, { height: 4 }),
-          /* @__PURE__ */ e(i, { $renderAs: "ah4", $color: "WHITE", children: m ? "__" : c })
-        ] }),
-        f
-      ] })
-    ] });
-  }
+    primaryText: i,
+    secondaryText: t,
+    topInset: e = 0,
+    isLoading: a = !1,
+    lottiePath: m,
+    bgFromTopPosition: c = 0,
+    bgFromRightPosition: s = 0,
+    custEle: l
+  }) => /* @__PURE__ */ n(f, { topInset: e, children: [
+    /* @__PURE__ */ r(
+      x,
+      {
+        topInset: e,
+        bgFromTopPosition: c,
+        bgFromRightPosition: s,
+        children: /* @__PURE__ */ r(h, { src: m, settings: $ })
+      }
+    ),
+    /* @__PURE__ */ n(T, { children: [
+      /* @__PURE__ */ n(C, { topInset: e, children: [
+        /* @__PURE__ */ r(o, { $renderAs: "ac4", $color: "WHITE", children: i }),
+        /* @__PURE__ */ r(p, { height: 4 }),
+        /* @__PURE__ */ r(o, { $renderAs: "ah4", $color: "WHITE", children: a ? "__" : t })
+      ] }),
+      l
+    ] })
+  ] })
 );
 export {
-  _ as Banner
+  H as Banner
 };
 //# sourceMappingURL=banner.js.map

package/dist/features/circle-games/leaderboard/comps/banner/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/banner/banner.tsx"],"sourcesContent":["import type { IBannerProps } from './banner-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useEffect, useRef } from 'react';\n\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './banner-styled';\n\nexport const Banner: FC<IBannerProps> = memo(\n  ({\n    primaryText,\n    secondaryText,\n    topInset = 0,\n    isLoading = false,\n    lottiePromise,\n    bgFromTopPosition = 0,\n    bgFromRightPosition = 0,\n    custEle,\n  }) => {\n    const lottieAnimationRef = useRef<HTMLDivElement>(null);\n\n    // Initialize Lottie animation\n    useEffect(() => {\n      let animation: AnimationItem | null = null;\n\n      const loadAnimation = async () => {\n        const animationModule = await lottiePromise();\n        const animationData = animationModule.default;\n\n        if (lottieAnimationRef.current) {\n          animation = Lottie.loadAnimation({\n            container: lottieAnimationRef.current, // Ref to the div\n            renderer: 'canvas',\n            loop: true,\n            autoplay: true,\n            animationData: animationData,\n          });\n        }\n      };\n\n      loadAnimation();\n\n      return () => {\n        animation?.destroy();\n      };\n    }, [lottiePromise]);\n\n    return (\n      <Styled.BannerContainer topInset={topInset}>\n        {/* Render Lottie animation */}\n        <Styled.CircleLottieView\n          ref={lottieAnimationRef}\n          topInset={topInset}\n          bgFromTopPosition={bgFromTopPosition}\n          bgFromRightPosition={bgFromRightPosition}\n        />\n\n        <Styled.BannerTextContainer>\n          <Styled.CountTextWrapper topInset={topInset}>\n            <Text $renderAs=\"ac4\" $color=\"WHITE\">\n              {primaryText}\n            </Text>\n            <Separator height={4} />\n            <Text $renderAs=\"ah4\" $color=\"WHITE\">\n              {isLoading ? '__' : secondaryText}\n            </Text>\n          </Styled.CountTextWrapper>\n\n          {custEle}\n        </Styled.BannerTextContainer>\n      </Styled.BannerContainer>\n    );\n  },\n);\n"],"names":["Banner","memo","primaryText","secondaryText","topInset","isLoading","lottiePromise","bgFromTopPosition","bgFromRightPosition","custEle","lottieAnimationRef","useRef","useEffect","animation","animationData","Lottie","jsxs","Styled.BannerContainer","jsx","Styled.CircleLottieView","Styled.BannerTextContainer","Styled.CountTextWrapper","Text","Separator"],"mappings":";;;;;;AAWO,MAAMA,IAA2BC;AAAA,EACtC,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,eAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,qBAAAC,IAAsB;AAAA,IACtB,SAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAqBC,EAAuB,IAAI;AAGtD,WAAAC,EAAU,MAAM;AACd,UAAIC,IAAkC;AAiBxB,cAfQ,YAAY;AAEhC,cAAMC,KADkB,MAAMR,KACQ;AAEtC,QAAII,EAAmB,YACrBG,IAAYE,EAAO,cAAc;AAAA,UAC/B,WAAWL,EAAmB;AAAA;AAAA,UAC9B,UAAU;AAAA,UACV,MAAM;AAAA,UACN,UAAU;AAAA,UACV,eAAAI;AAAA,QAAA,CACD;AAAA,MACH,MAKK,MAAM;AACX,QAAAD,KAAA,QAAAA,EAAW;AAAA,MAAQ;AAAA,IACrB,GACC,CAACP,CAAa,CAAC,GAGf,gBAAAU,EAAAC,GAAA,EAAuB,UAAAb,GAEtB,UAAA;AAAA,MAAA,gBAAAc;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKT;AAAA,UACL,UAAAN;AAAA,UACA,mBAAAG;AAAA,UACA,qBAAAC;AAAA,QAAA;AAAA,MACF;AAAA,MAEA,gBAAAQ,EAACI,GAAA,EACC,UAAA;AAAA,QAAC,gBAAAJ,EAAAK,GAAA,EAAwB,UAAAjB,GACvB,UAAA;AAAA,UAAA,gBAAAc,EAACI,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHpB,GAAA;AAAA,UACA,gBAAAgB,EAACK,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,UACtB,gBAAAL,EAACI,KAAK,WAAU,OAAM,QAAO,SAC1B,UAAAjB,IAAY,OAAOF,EACtB,CAAA;AAAA,QAAA,GACF;AAAA,QAECM;AAAA,MAAA,GACH;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"banner.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/banner/banner.tsx"],"sourcesContent":["import type { IBannerProps } from './banner-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './banner-styled';\n\nconst animationSettings = { renderer: 'canvas' };\n\nexport const Banner: FC<IBannerProps> = memo(\n  ({\n    primaryText,\n    secondaryText,\n    topInset = 0,\n    isLoading = false,\n    lottiePath,\n    bgFromTopPosition = 0,\n    bgFromRightPosition = 0,\n    custEle,\n  }) => (\n    <Styled.BannerContainer topInset={topInset}>\n      <Styled.CircleLottieView\n        topInset={topInset}\n        bgFromTopPosition={bgFromTopPosition}\n        bgFromRightPosition={bgFromRightPosition}\n      >\n        <LottieAnimation src={lottiePath} settings={animationSettings} />\n      </Styled.CircleLottieView>\n\n      <Styled.BannerTextContainer>\n        <Styled.CountTextWrapper topInset={topInset}>\n          <Text $renderAs=\"ac4\" $color=\"WHITE\">\n            {primaryText}\n          </Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ah4\" $color=\"WHITE\">\n            {isLoading ? '__' : secondaryText}\n          </Text>\n        </Styled.CountTextWrapper>\n\n        {custEle}\n      </Styled.BannerTextContainer>\n    </Styled.BannerContainer>\n  ),\n);\n"],"names":["animationSettings","Banner","memo","primaryText","secondaryText","topInset","isLoading","lottiePath","bgFromTopPosition","bgFromRightPosition","custEle","jsxs","Styled.BannerContainer","jsx","Styled.CircleLottieView","LottieAnimation","Styled.BannerTextContainer","Styled.CountTextWrapper","Text","Separator"],"mappings":";;;;;;AAUA,MAAMA,IAAoB,EAAE,UAAU,YAEzBC,IAA2BC;AAAA,EACtC,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,qBAAAC,IAAsB;AAAA,IACtB,SAAAC;AAAA,EAEA,MAAA,gBAAAC,EAACC,GAAA,EAAuB,UAAAP,GACtB,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,UAAAT;AAAA,QACA,mBAAAG;AAAA,QACA,qBAAAC;AAAA,QAEA,UAAC,gBAAAI,EAAAE,GAAA,EAAgB,KAAKR,GAAY,UAAUP,GAAmB;AAAA,MAAA;AAAA,IACjE;AAAA,IAEA,gBAAAW,EAACK,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAL,EAAAM,GAAA,EAAwB,UAAAZ,GACvB,UAAA;AAAA,QAAA,gBAAAQ,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHf,GAAA;AAAA,QACA,gBAAAU,EAACM,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,QACtB,gBAAAN,EAACK,KAAK,WAAU,OAAM,QAAO,SAC1B,UAAAZ,IAAY,OAAOF,EACtB,CAAA;AAAA,MAAA,GACF;AAAA,MAECM;AAAA,IAAA,GACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/features/circle-games/leaderboard/leaderboard-styled.js

@@ -1,33 +1,32 @@
 import t from "styled-components";
 import { ARC_BUTTON_BOTTOM_OFFSET as i } from "../../ui/arc-button/constants.js";
-import e from "../../ui/layout/flex-view.js";
-import { BANNER_HEIGHT as n } from "./comps/banner/constants.js";
-const s = t.div`
+import { BANNER_HEIGHT as e } from "./comps/banner/constants.js";
+const a = t.div`
   flex-direction: column;
   overflow: hidden;
   height: 100vh;
   max-height: 100%;
   position: relative;
-`, c = t.div`
+`, p = t.div`
   background: ${({ theme: o }) => o.colors.BLACK_1};
   height: 100%;
   position: relative;
   width: 100%;
-`, h = t.div`
+`, s = t.div`
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 10;
-`, l = t.div`
+`, c = t.div`
   background: transparent;
   position: absolute;
   overflow: auto;
   width: 100%;
   flex: 1;
   height: 100%;
-  padding-top: ${n}px;
+  padding-top: ${e}px;
   padding-bottom: ${i}px;
-`, m = t.div`
+`, h = t.div`
   position: absolute;
   display: flex;
   top: 5px;
@@ -36,7 +35,7 @@ const s = t.div`
   height: 100%;
   align-items: center;
   justify-content: center;
-`, x = t.div`
+`, l = t.div`
   position: absolute;
   bottom: 0;
   width: 100%;
@@ -45,7 +44,7 @@ const s = t.div`
   justify-content: center;
   width: 150%;
   height: 150%;
-`, f = t.div`
+`, m = t.div`
   background: ${({ theme: o }) => o.colors.YELLOW_6};
   min-height: 32px;
   width: 100%;
@@ -54,17 +53,14 @@ const s = t.div`
   align-items: center;
   justify-content: center;
 `;
-t(e)`
-  padding: 16px;
-`;
 export {
-  x as ActionButtonWrapper,
-  f as Banner,
-  h as BannerWrapper,
-  l as ItemsWrapper,
-  s as Leaderboard,
-  c as LeaderboardContainer,
-  m as TournamentBannerCustContainer,
+  l as ActionButtonWrapper,
+  m as Banner,
+  s as BannerWrapper,
+  c as ItemsWrapper,
+  a as Leaderboard,
+  p as LeaderboardContainer,
+  h as TournamentBannerCustContainer,
   g as TrophyWrapper
 };
 //# sourceMappingURL=leaderboard-styled.js.map

package/dist/features/circle-games/leaderboard/leaderboard-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"leaderboard-styled.js","sources":["../../../../src/features/circle-games/leaderboard/leaderboard-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ARC_BUTTON_BOTTOM_OFFSET } from '../../ui/arc-button/constants';\nimport FlexView from '../../ui/layout/flex-view';\nimport { BANNER_HEIGHT } from './comps/banner/constants';\n\nexport const Leaderboard = styled.div`\n  flex-direction: column;\n  overflow: hidden;\n  height: 100vh;\n  max-height: 100%;\n  position: relative;\n`;\n\nexport const LeaderboardContainer = styled.div`\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  height: 100%;\n  position: relative;\n  width: 100%;\n`;\n\nexport const BannerWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 10;\n`;\n\nexport const ItemsWrapper = styled.div<{ topInset: number }>`\n  background: transparent;\n  position: absolute;\n  overflow: auto;\n  width: 100%;\n  flex: 1;\n  height: 100%;\n  padding-top: ${BANNER_HEIGHT}px;\n  padding-bottom: ${ARC_BUTTON_BOTTOM_OFFSET}px;\n`;\n\nexport const TournamentBannerCustContainer = styled.div`\n  position: absolute;\n  display: flex;\n  top: 5px;\n  right: -2px;\n  width: 200px;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const ActionButtonWrapper = styled.div`\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n`;\n\nexport const TrophyWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  width: 150%;\n  height: 150%;\n`;\n\nexport const Banner = styled.div`\n  background: ${({ theme }) => theme.colors.YELLOW_6};\n  min-height: 32px;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const InfoContainer = styled(FlexView)`\n  padding: 16px;\n`;\n"],"names":["Leaderboard","styled","LeaderboardContainer","theme","BannerWrapper","ItemsWrapper","BANNER_HEIGHT","ARC_BUTTON_BOTTOM_OFFSET","TournamentBannerCustContainer","ActionButtonWrapper","TrophyWrapper","Banner","FlexView"],"mappings":";;;;AAMO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQrBC,IAAuBD,EAAO;AAAA,gBAC3B,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,GAMtCC,IAAgBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBI,IAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOlBK,CAAa;AAAA,oBACVC,CAAwB;AAAA,GAG/BC,IAAgCP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWvCQ,IAAsBR,EAAO;AAAA;AAAA;AAAA;AAAA,GAM7BS,IAAgBT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBU,IAASV,EAAO;AAAA,gBACb,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvBF,EAAOW,CAAQ;AAAA;AAAA;"}
+{"version":3,"file":"leaderboard-styled.js","sources":["../../../../src/features/circle-games/leaderboard/leaderboard-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ARC_BUTTON_BOTTOM_OFFSET } from '../../ui/arc-button/constants';\nimport { BANNER_HEIGHT } from './comps/banner/constants';\n\nexport const Leaderboard = styled.div`\n  flex-direction: column;\n  overflow: hidden;\n  height: 100vh;\n  max-height: 100%;\n  position: relative;\n`;\n\nexport const LeaderboardContainer = styled.div`\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  height: 100%;\n  position: relative;\n  width: 100%;\n`;\n\nexport const BannerWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 10;\n`;\n\nexport const ItemsWrapper = styled.div<{ topInset: number }>`\n  background: transparent;\n  position: absolute;\n  overflow: auto;\n  width: 100%;\n  flex: 1;\n  height: 100%;\n  padding-top: ${BANNER_HEIGHT}px;\n  padding-bottom: ${ARC_BUTTON_BOTTOM_OFFSET}px;\n`;\n\nexport const TournamentBannerCustContainer = styled.div`\n  position: absolute;\n  display: flex;\n  top: 5px;\n  right: -2px;\n  width: 200px;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const ActionButtonWrapper = styled.div`\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n`;\n\nexport const TrophyWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  width: 150%;\n  height: 150%;\n`;\n\nexport const Banner = styled.div`\n  background: ${({ theme }) => theme.colors.YELLOW_6};\n  min-height: 32px;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n`;\n"],"names":["Leaderboard","styled","LeaderboardContainer","theme","BannerWrapper","ItemsWrapper","BANNER_HEIGHT","ARC_BUTTON_BOTTOM_OFFSET","TournamentBannerCustContainer","ActionButtonWrapper","TrophyWrapper","Banner"],"mappings":";;;AAKO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQrBC,IAAuBD,EAAO;AAAA,gBAC3B,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,GAMtCC,IAAgBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBI,IAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOlBK,CAAa;AAAA,oBACVC,CAAwB;AAAA,GAG/BC,IAAgCP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWvCQ,IAAsBR,EAAO;AAAA;AAAA;AAAA;AAAA,GAM7BS,IAAgBT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBU,IAASV,EAAO;AAAA,gBACb,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}