@cuemath/leap 3.4.4-aa0 → 3.4.4-akm-2

package/dist/features/post-game-stats/streak/streak-styled.js

@@ -1,6 +1,6 @@
 import i, { keyframes as r, css as s } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import { GAME_LAUNCHER_ASSET_PADDING as n } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as n } from "../../circle-games/game-launcher-v2/comps/circular-game-card/constants.js";
 import c from "../../ui/text/text.js";
 import { STREAK_TOP_GREEN_SEGMENT_HEIGHT as x, STREAK_CONTAINER_HEIGHT as o } from "./constants.js";
 const m = 50 * 84 / 100, p = r`

package/dist/features/post-game-stats/streak/streak-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"streak-styled.js","sources":["../../../../src/features/post-game-stats/streak/streak-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport Text from '../../ui/text/text';\nimport { STREAK_CONTAINER_HEIGHT, STREAK_TOP_GREEN_SEGMENT_HEIGHT } from './constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Streak = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n`;\n\nexport const SVGImgContainer = styled.div`\n  position: absolute;\n  border-radius: ${Math.ceil((GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING) / 2)}px;\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  z-index: 0;\n`;\n\nexport const StreakLottieView = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n`;\nexport const StreakValueWrapper = styled.div<{\n  $duration: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  position: absolute;\n  top: ${STREAK_TOP_GREEN_SEGMENT_HEIGHT}px;\n  z-index: 2;\n  height: ${STREAK_CONTAINER_HEIGHT}px;\n  animation: ${({ $animationType, $duration }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards\n  `};\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const StreakValueContainer = styled.div<{\n  $translate: boolean;\n  $translateDuration: number;\n}>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: ${STREAK_CONTAINER_HEIGHT * 2}px;\n  transition: transform ${({ $translateDuration }) => `${$translateDuration}ms linear`};\n  transform: ${({ $translate }) =>\n    $translate ? `translateY(-${STREAK_CONTAINER_HEIGHT}px)` : 'translateY(0)'};\n`;\n\nexport const StreakValue = styled(Text)`\n  font-size: 123px;\n  line-height: 123px;\n  text-align: center;\n  height: ${STREAK_CONTAINER_HEIGHT}px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Streak","styled","GAME_LAUNCHER_SIZE","SVGImgContainer","GAME_LAUNCHER_ASSET_PADDING","StreakLottieView","StreakValueWrapper","STREAK_TOP_GREEN_SEGMENT_HEIGHT","STREAK_CONTAINER_HEIGHT","$animationType","$duration","css","StreakValueContainer","$translateDuration","$translate","StreakValue","Text","TextWrapper","$delay"],"mappings":";;;;;AAOA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAASC,EAAO;AAAA,YACjBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAkBF,EAAO;AAAA;AAAA,mBAEnB,KAAK,MAAMC,IAAqBE,KAA+B,CAAC,CAAC;AAAA,YACxEF,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA,GAI9CC,IAAmBJ,EAAO;AAAA,YAC3BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAI9CE,IAAqBL,EAAO;AAAA;AAAA,SAKhCM,CAA+B;AAAA;AAAA,YAE5BC,CAAuB;AAAA,eACpB,CAAC,EAAE,gBAAAC,GAAgB,WAAAC,EAAA,MAAgBC;AAAA,MAC5CF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS;AAAA,GAC9D;AAAA;AAAA;AAAA;AAAA;AAAA,GAOUE,IAAuBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ/BO,IAA0B,CAAC;AAAA,0BACb,CAAC,EAAE,oBAAAK,EAAyB,MAAA,GAAGA,CAAkB,WAAW;AAAA,eACvE,CAAC,EAAE,YAAAC,EAAW,MACzBA,IAAa,eAAeN,CAAuB,QAAQ,eAAe;AAAA,GAGjEO,IAAcd,EAAOe,CAAI;AAAA;AAAA;AAAA;AAAA,YAI1BR,CAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtBS,IAAchB,EAAO;AAAA;AAAA;AAAA,eAOnB,CAAC,EAAE,gBAAAQ,GAAgB,WAAAC,GAAW,QAAAQ,QAAaP;AAAA,MACpDF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS,MAAMQ,CAAM;AAAA,GAC1E;AAAA,2BACyBhB,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}
+{"version":3,"file":"streak-styled.js","sources":["../../../../src/features/post-game-stats/streak/streak-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher-v2/comps/circular-game-card/constants';\nimport Text from '../../ui/text/text';\nimport { STREAK_CONTAINER_HEIGHT, STREAK_TOP_GREEN_SEGMENT_HEIGHT } from './constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Streak = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n`;\n\nexport const SVGImgContainer = styled.div`\n  position: absolute;\n  border-radius: ${Math.ceil((GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING) / 2)}px;\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  z-index: 0;\n`;\n\nexport const StreakLottieView = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n`;\nexport const StreakValueWrapper = styled.div<{\n  $duration: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  position: absolute;\n  top: ${STREAK_TOP_GREEN_SEGMENT_HEIGHT}px;\n  z-index: 2;\n  height: ${STREAK_CONTAINER_HEIGHT}px;\n  animation: ${({ $animationType, $duration }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards\n  `};\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const StreakValueContainer = styled.div<{\n  $translate: boolean;\n  $translateDuration: number;\n}>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: ${STREAK_CONTAINER_HEIGHT * 2}px;\n  transition: transform ${({ $translateDuration }) => `${$translateDuration}ms linear`};\n  transform: ${({ $translate }) =>\n    $translate ? `translateY(-${STREAK_CONTAINER_HEIGHT}px)` : 'translateY(0)'};\n`;\n\nexport const StreakValue = styled(Text)`\n  font-size: 123px;\n  line-height: 123px;\n  text-align: center;\n  height: ${STREAK_CONTAINER_HEIGHT}px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Streak","styled","GAME_LAUNCHER_SIZE","SVGImgContainer","GAME_LAUNCHER_ASSET_PADDING","StreakLottieView","StreakValueWrapper","STREAK_TOP_GREEN_SEGMENT_HEIGHT","STREAK_CONTAINER_HEIGHT","$animationType","$duration","css","StreakValueContainer","$translateDuration","$translate","StreakValue","Text","TextWrapper","$delay"],"mappings":";;;;;AAOA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAASC,EAAO;AAAA,YACjBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAkBF,EAAO;AAAA;AAAA,mBAEnB,KAAK,MAAMC,IAAqBE,KAA+B,CAAC,CAAC;AAAA,YACxEF,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA,GAI9CC,IAAmBJ,EAAO;AAAA,YAC3BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAI9CE,IAAqBL,EAAO;AAAA;AAAA,SAKhCM,CAA+B;AAAA;AAAA,YAE5BC,CAAuB;AAAA,eACpB,CAAC,EAAE,gBAAAC,GAAgB,WAAAC,EAAA,MAAgBC;AAAA,MAC5CF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS;AAAA,GAC9D;AAAA;AAAA;AAAA;AAAA;AAAA,GAOUE,IAAuBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ/BO,IAA0B,CAAC;AAAA,0BACb,CAAC,EAAE,oBAAAK,EAAyB,MAAA,GAAGA,CAAkB,WAAW;AAAA,eACvE,CAAC,EAAE,YAAAC,EAAW,MACzBA,IAAa,eAAeN,CAAuB,QAAQ,eAAe;AAAA,GAGjEO,IAAcd,EAAOe,CAAI;AAAA;AAAA;AAAA;AAAA,YAI1BR,CAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtBS,IAAchB,EAAO;AAAA;AAAA;AAAA,eAOnB,CAAC,EAAE,gBAAAQ,GAAgB,WAAAC,GAAW,QAAAQ,QAAaP;AAAA,MACpDF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS,MAAMQ,CAAM;AAAA,GAC1E;AAAA,2BACyBhB,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}

package/dist/index.d.ts

@@ -153,6 +153,7 @@ declare interface BaseProject {
     cardLottie: string;
     tutorial: string;
     variant: string;
+    displayNameImage: string;
 }
 
 export declare const BeltsElementsStickers: NamedExoticComponent<BeltsElementsStickersProps>;
@@ -673,6 +674,8 @@ declare interface FlexViewProps {
 
 export declare interface Game extends BaseProject {
     isPlayed: boolean;
+    wonToday: number;
+    lostToday: number;
 }
 
 export declare const GAME_LAUNCHER_ASSET_PADDING: number;
@@ -681,7 +684,7 @@ export declare const GAME_LAUNCHER_SIZE: number;
 
 export declare const GameIcon: FC<SVGProps<SVGSVGElement>>;
 
-export declare const GameLauncher: FC<IGameLauncherProps>;
+export declare const GameLauncherV2: FC<IGameLauncherProps>;
 
 declare enum GENDER {
     MALE = "MALE",
@@ -983,6 +986,7 @@ declare interface IBaseProject {
     card: string;
     variant: string;
     tutorial: string;
+    display_name_image?: string;
 }
 
 declare interface IBaseSelectInputProps<IDType extends string | number> extends Omit<IBaseInputProps, 'inputElement' | 'size'> {
@@ -1710,6 +1714,8 @@ declare interface IFirstSessionIntroductionProps {
 
 declare interface IGame extends IBaseProject {
     played: boolean;
+    won_today: number;
+    lost_today: number;
 }
 
 declare interface IGameLauncherProps {
@@ -2232,7 +2238,8 @@ declare interface ILesson extends IBaseProject {
     session_id: string;
     mini_game_identifier: string;
     target_questions: number;
-    status: 'pending' | 'completed';
+    status: 'pending' | 'completed' | 'paused';
+    first_attempt?: ILessonFirstAttempt;
 }
 
 export declare interface ILessonDataProps {
@@ -2251,6 +2258,12 @@ export declare interface ILessonDataProps {
     learnosity_activity_ref: string;
 }
 
+declare interface ILessonFirstAttempt {
+    points_scored: number;
+    accuracy: number;
+    gross_time_taken: number;
+}
+
 declare interface ILessonItemCallbackProps extends Omit<ISheetItemCallbackProps, 'onReset'> {
     onReset?: (nodeId: string) => void;
 }
@@ -2283,6 +2296,7 @@ declare interface ILinearProgressBarProps {
 }
 
 export declare const ILLUSTRATIONS: {
+    ACCURACY_BADGE: string;
     ALARM_CLOCK_ORANGE: string;
     ALARM_CLOCK_PURPLE: string;
     ALIEN_1: string;
@@ -2321,6 +2335,7 @@ export declare const ILLUSTRATIONS: {
     CIRCLE_CUEMATH_LOGO: string;
     CIRCLE_CUEMATH_LOGO_WHITE: string;
     CIRCLE_OUTERCIRCLE_BG: string;
+    CLOCK_BADGE: string;
     CLOCK_ORANGE: string;
     COMMON: string;
     COMMUNITY_BULB: string;
@@ -2331,6 +2346,7 @@ export declare const ILLUSTRATIONS: {
     CUECOIN_GOLD: string;
     CUEMATH_APP_QR_CODE: string;
     DESKTOP_WITH_PURPLE_FILL: string;
+    DOWN_ARROW_BADGE: string;
     DURATION_30MIN_GRAY: string;
     DURATION_45MIN_GRAY: string;
     DURATION_60MIN_GRAY: string;
@@ -2348,6 +2364,7 @@ export declare const ILLUSTRATIONS: {
     GRADUATE_PINK_FILLED_BG: string;
     GREEN_BALLOON: string;
     GREEN_FACE: string;
+    GREEN_TICK: string;
     HANDSHAKE: string;
     HANDSHAKE_GREEN: string;
     HEART_OUTLINED: string;
@@ -2399,6 +2416,7 @@ export declare const ILLUSTRATIONS: {
     PLATFORM_PURPLE: string;
     PLAY: string;
     PLAY_ICON: string;
+    POINTS_BADGE: string;
     POINTS_SUM: string;
     PRACTICED_SHIELD_GREEN: string;
     PRACTICED_SHIELD_GREY: string;
@@ -2422,6 +2440,7 @@ export declare const ILLUSTRATIONS: {
     ROCKET_YELLOW: string;
     SCORE: string;
     SMILEY: string;
+    STAR_BADGE: string;
     STAR_ORANGE: string;
     STAR_ORANGE_FILLED: string;
     STAR_OUTLINED: string;
@@ -2443,6 +2462,7 @@ export declare const ILLUSTRATIONS: {
     TRUSTPILOT: string;
     TWO_STARS_FILLED: string;
     UP_ARROW: string;
+    UP_ARROW_BADGE: string;
     USER_CROWN_GRID_BACKGROUND: string;
     USER_DOWN: string;
     USER_PIN: string;
@@ -3161,6 +3181,7 @@ export declare interface IPostGameStat {
 export declare interface IPostGameStatsProps {
     stats: IPostGameStat[];
     show: boolean;
+    offsetY?: number;
     onComplete?: () => void;
 }
 
@@ -3277,6 +3298,7 @@ declare interface IPuzzle extends IBaseProject {
     question: string;
     is_hint_seen: boolean;
     solved: boolean;
+    first_attempt?: IPuzzleFirstAttempt;
 }
 
 declare interface IPuzzleAppProps {
@@ -3349,6 +3371,11 @@ declare interface IPuzzleDashboardProps {
     onCardClick: (userNodeId: string) => void;
 }
 
+declare interface IPuzzleFirstAttempt {
+    solved_with_hint: boolean;
+    points_scored: number;
+}
+
 export declare interface IPuzzleWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {
     question: string;
     askHintPermission?: boolean;
@@ -3904,7 +3931,7 @@ export declare interface ITableInfo {
 
 declare interface ITableInfo_2 {
     table_number: number;
-    stars: ('advance' | 'random' | 'sequence')[];
+    stars: ('advance' | 'random' | 'sequence' | 'infinite')[];
 }
 
 declare interface ITableModeState {
@@ -4838,6 +4865,7 @@ export declare interface Lesson extends BaseProject {
     miniGameIdentifier: string;
     targetQuestions: number;
     status: TSkillStatus;
+    firstAttempt: LessonFirstAttempt;
 }
 
 declare const LESSON_TAG_TYPE: {
@@ -4845,6 +4873,12 @@ declare const LESSON_TAG_TYPE: {
     readonly DEFAULT: "DEFAULT";
 };
 
+export declare interface LessonFirstAttempt {
+    pointsScored: number;
+    accuracy: number;
+    grossTimeTaken: number;
+}
+
 export declare const LinearProgressBar: NamedExoticComponent<ILinearProgressBarProps>;
 
 export declare const loadScript: ILoadScript;
@@ -5360,6 +5394,7 @@ export declare interface Puzzle extends BaseProject {
     question: string;
     isHintSeen: boolean;
     solved: boolean;
+    firstAttempt: PuzzleFirstAttempt;
 }
 
 export declare const Puzzle2Icon: FC<SVGProps<SVGSVGElement>>;
@@ -5387,6 +5422,11 @@ export declare const PuzzleDashboard: FC<IPuzzleDashboardProps>;
 
 export declare const PuzzleFeedbackCelebration: FC;
 
+export declare interface PuzzleFirstAttempt {
+    solvedWithHint: boolean;
+    pointsScored: number;
+}
+
 export declare const PuzzleIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const PYTHON_NODE_TYPES: {
@@ -6774,7 +6814,7 @@ declare type TSheetStateProps = 'LOCKED' | 'NOT_STARTED' | 'IN_PROGRESS' | 'FAMI
 
 declare type TSheetStates = keyof typeof NODE_CARD_STATES;
 
-export declare type TSkillStatus = 'pending' | 'completed';
+export declare type TSkillStatus = 'pending' | 'completed' | 'paused';
 
 export declare type TSocialAuthProvider = 'google' | 'apple';
 

package/dist/index.js

@@ -213,8 +213,8 @@ import { checkIfPPTNodeType as Zs } from "./features/chapters/lpar-chapter/utils
 import { getActiveSATSheet as Xs } from "./features/chapters/lpar-chapter/block-section/sat-sheet-item/sat-sheet-utils.js";
 import { default as el } from "./features/chapters-v2/chapter-details/chapter-details.js";
 import { invalidateGetChapterDetails as rl } from "./features/chapters-v2/api/chapter.js";
-import { GAME_LAUNCHER_ASSET_PADDING as al } from "./features/circle-games/game-launcher/comps/segmented-game-card/constants.js";
-import { GAME_LAUNCHER_SIZE as sl } from "./features/circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as al } from "./features/circle-games/game-launcher-v2/comps/circular-game-card/constants.js";
+import { GAME_LAUNCHER_SIZE as sl } from "./features/circle-games/game-launcher-v2/comps/card-container/constants.js";
 import { useCircleSounds as ul } from "./features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
 import { CircleSoundKey as ml } from "./features/circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
 import { useGetLeaderboardDal as xl } from "./features/circle-games/leaderboard/dal/use-get-leaderboard-dal/use-get-leaderboard-dal.js";
@@ -229,8 +229,8 @@ import { PlayerType as kl } from "./features/circle-games/games/web-view/enums/p
 import { IStatsToAwardErrorCode as Nl } from "./features/circle-games/games/web-view/web-view-types.js";
 import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as gl } from "./features/circle-games/enum/circle-onboarding-steps.js";
 import { CIRCLE_ACTION_IDS as yl } from "./features/circle-games/enum/circle-action-ids.js";
-import { GameLauncher as Ul } from "./features/circle-games/game-launcher/game-launcher.js";
-import { useGetCircleHomeDetailsDal as Bl } from "./features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js";
+import { GameLauncherV2 as Ul } from "./features/circle-games/game-launcher-v2/game-launcher-v2.js";
+import { useGetCircleHomeDetailsDal as Bl } from "./features/circle-games/game-launcher-v2/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js";
 import { Leaderboard as zl } from "./features/circle-games/leaderboard/leaderboard.js";
 import { BackgroundImage as wl, CircularSteps as Wl } from "./features/circle-games/sign-up/comp/circular-steps/circular-steps.js";
 import { SplashScreen as Jl } from "./features/circle-games/sign-up/comp/splash-screen/splash-screen.js";
@@ -482,7 +482,7 @@ export {
   sl as GAME_LAUNCHER_SIZE,
   x as GIF,
   yr as GameIcon,
-  Ul as GameLauncher,
+  Ul as GameLauncherV2,
   Ap as GoalCreationConfirmationModal,
   kp as GoalDraftEdit,
   Bp as GoalEdit,

package/dist/static/accuracy-badge.2e161f00.svg

@@ -0,0 +1 @@
+<svg width="17" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.49883 4.09883C6.34492 4.09883 4.59883 5.84492 4.59883 7.99883C4.59883 10.1527 6.34492 11.8988 8.49883 11.8988C9.0972 11.8988 9.66323 11.7643 10.1692 11.5241V10.2347L9.88957 9.95513C9.49725 10.2345 9.01729 10.3988 8.49896 10.3988C7.17348 10.3988 6.09896 9.32431 6.09896 7.99883C6.09896 6.67334 7.17348 5.59883 8.49896 5.59883C9.82444 5.59883 10.899 6.67334 10.899 7.99883C10.899 8.51716 10.7346 8.99711 10.4553 9.38944L10.7349 9.66904H12.0242C12.2644 9.16313 12.3988 8.59714 12.3988 7.99883C12.3988 5.84492 10.6527 4.09883 8.49883 4.09883ZM12.8371 9.80995C13.0702 9.25223 13.1988 8.64019 13.1988 7.99883C13.1988 5.40309 11.0946 3.29883 8.49883 3.29883C5.90309 3.29883 3.79883 5.40309 3.79883 7.99883C3.79883 10.5946 5.90309 12.6988 8.49883 12.6988C9.14026 12.6988 9.75236 12.5701 10.3101 12.337L12.5456 14.5725V12.0455H15.0726L12.8371 9.80995ZM12.3648 10.469H10.9692V11.8647L11.7456 12.6411V11.2455H13.1413L12.3648 10.469ZM9.87743 8.81161C10.0182 8.57341 10.099 8.29555 10.099 7.99883C10.099 7.11517 9.38261 6.39883 8.49896 6.39883C7.6153 6.39883 6.89896 7.11517 6.89896 7.99883C6.89896 8.88248 7.6153 9.59883 8.49896 9.59883C8.79568 9.59883 9.07354 9.51805 9.31175 9.3773L8.21612 8.28167L8.7818 7.71598L9.87743 8.81161Z" fill="#B25900"/><path d="M10.099 7.99883C10.099 8.29555 10.0182 8.57341 9.87743 8.81161L8.7818 7.71598L8.21612 8.28167L9.31175 9.3773C9.07354 9.51805 8.79568 9.59883 8.49896 9.59883C7.6153 9.59883 6.89896 8.88248 6.89896 7.99883C6.89896 7.11517 7.6153 6.39883 8.49896 6.39883C9.38261 6.39883 10.099 7.11517 10.099 7.99883Z" fill="#FFB700"/><path d="M4.59883 7.99883C4.59883 5.84492 6.34492 4.09883 8.49883 4.09883C10.6527 4.09883 12.3988 5.84492 12.3988 7.99883C12.3988 8.59714 12.2644 9.16313 12.0242 9.66904H10.7349L10.4553 9.38944C10.7346 8.99711 10.899 8.51716 10.899 7.99883C10.899 6.67334 9.82444 5.59883 8.49896 5.59883C7.17348 5.59883 6.09896 6.67334 6.09896 7.99883C6.09896 9.32431 7.17348 10.3988 8.49896 10.3988C9.01729 10.3988 9.49725 10.2345 9.88957 9.95513L10.1692 10.2347V11.5241C9.66323 11.7643 9.0972 11.8988 8.49883 11.8988C6.34492 11.8988 4.59883 10.1527 4.59883 7.99883Z" fill="#FFB700"/><path d="M11.7456 12.6411L10.9692 11.8647V10.469H12.3648L13.1413 11.2455H11.7456V12.6411Z" fill="#FFB700"/></svg>

package/dist/static/clock-badge.0adb4ba6.svg

@@ -0,0 +1 @@
+<svg width="17" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.36641 7.99974C4.36641 5.71696 6.21696 3.86641 8.49974 3.86641C10.7825 3.86641 12.6331 5.71696 12.6331 7.99974C12.6331 10.2825 10.7825 12.1331 8.49974 12.1331C6.21696 12.1331 4.36641 10.2825 4.36641 7.99974ZM8.49974 3.06641C5.77513 3.06641 3.56641 5.27513 3.56641 7.99974C3.56641 10.7243 5.77513 12.9331 8.49974 12.9331C11.2243 12.9331 13.4331 10.7243 13.4331 7.99974C13.4331 5.27513 11.2243 3.06641 8.49974 3.06641ZM8.91951 4.97329H8.11951V8.26642L10.8361 9.39832L11.1438 8.65986L8.91951 7.73309V4.97329Z" fill="#B25900"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.49974 3.86641C6.21696 3.86641 4.36641 5.71696 4.36641 7.99974C4.36641 10.2825 6.21696 12.1331 8.49974 12.1331C10.7825 12.1331 12.6331 10.2825 12.6331 7.99974C12.6331 5.71696 10.7825 3.86641 8.49974 3.86641ZM8.91951 4.97329H8.11951V8.26642L10.8361 9.39832L11.1438 8.65986L8.91951 7.73309V4.97329Z" fill="#FFB700"/></svg>

package/dist/static/down-arrow-badge.f462f615.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-outside-1_4204_73575" maskUnits="userSpaceOnUse" x="3.66797" y="3.33203" width="9" height="9" fill="black"><rect fill="white" x="3.66797" y="3.33203" width="9" height="9"/><path d="M8.00128 11.332L5.3346 8.66536L7.16795 8.66536L7.16795 4.66536L8.83462 4.66536L8.83462 8.66536L10.668 8.66536L8.00128 11.332Z"/></mask><path d="M8.00128 11.332L5.3346 8.66536L7.16795 8.66536L7.16795 4.66536L8.83462 4.66536L8.83462 8.66536L10.668 8.66536L8.00128 11.332Z" fill="#FF884C"/><path d="M7.16795 4.66536L7.16795 3.9987L6.50128 3.9987L6.50128 4.66536L7.16795 4.66536ZM8.83462 4.66536L9.50129 4.66536L9.50129 3.9987L8.83462 3.9987L8.83462 4.66536ZM8.00128 11.332L7.52988 11.8034L8.00128 12.2748L8.47269 11.8034L8.00128 11.332ZM10.668 8.66536L11.1394 9.13677L12.2775 7.9987L10.668 7.9987L10.668 8.66536ZM5.3346 8.66536L5.3346 7.9987L3.72511 7.9987L4.8632 9.13677L5.3346 8.66536ZM8.83462 8.66536L8.16796 8.66536L8.16796 9.33203L8.83462 9.33203L8.83462 8.66536ZM7.16795 8.66536L7.16795 9.33203L7.83462 9.33203L7.83462 8.66536L7.16795 8.66536ZM7.16795 4.66536L7.16795 5.33203L8.83462 5.33203L8.83462 4.66536L8.83462 3.9987L7.16795 3.9987L7.16795 4.66536ZM8.00128 11.332L8.47269 11.8034L11.1394 9.13677L10.668 8.66536L10.1966 8.19396L7.52988 10.8606L8.00128 11.332ZM8.00128 11.332L8.47269 10.8606L5.80601 8.19396L5.3346 8.66536L4.8632 9.13677L7.52988 11.8034L8.00128 11.332ZM8.83462 4.66536L8.16796 4.66536L8.16796 8.66536L8.83462 8.66536L9.50129 8.66536L9.50129 4.66536L8.83462 4.66536ZM8.83462 8.66536L8.83462 9.33203L10.668 9.33203L10.668 8.66536L10.668 7.9987L8.83462 7.9987L8.83462 8.66536ZM5.3346 8.66536L5.3346 9.33203L7.16795 9.33203L7.16795 8.66536L7.16795 7.9987L5.3346 7.9987L5.3346 8.66536ZM7.16795 8.66536L7.83462 8.66536L7.83462 4.66536L7.16795 4.66536L6.50128 4.66536L6.50128 8.66536L7.16795 8.66536Z" fill="#B23B00" mask="url(#path-1-outside-1_4204_73575)"/></svg>

package/dist/static/green-tick.43b94c3a.svg

@@ -0,0 +1 @@
+<svg width="120" height="120" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M92.2775 36.9447L49.5513 86.9447L44.2706 84.9958C44.2706 73.3328 35.8919 63.348 24.2578 60.391L25.7358 54.5759C37.4123 57.5437 46.6527 66.4831 49.4196 77.863L87.7161 33.0469L92.2775 36.9447Z" fill="#00E573"/></svg>

package/dist/static/points-badge.96bdecc9.svg

@@ -0,0 +1 @@
+<svg width="17" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.66602 4.33301V6.83301H12.166V9.16602H9.66602V11.666H7.33301V9.16602H4.83301V6.83301H7.33301V4.33301H9.66602Z" fill="#FFB700" stroke="#B25900" stroke-width="0.666667"/></svg>

package/dist/static/star-badge.5450c267.svg

@@ -0,0 +1 @@
+<svg width="17" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.50128 4.7696L7.69027 7.26562H5.0658L7.18904 8.80825L6.37803 11.3043L8.50128 9.76164L10.6245 11.3043L9.81351 8.80825L11.9368 7.26562H9.31228L8.50128 4.7696ZM8.12085 3.35156L8.8817 3.35156L9.89352 6.46562H13.1678L13.4029 7.18923L10.754 9.11382L11.7658 12.2279L11.1503 12.6751L8.50128 10.7505L5.8523 12.6751L5.23677 12.2279L6.24858 9.11382L3.59961 7.18923L3.83472 6.46562H7.10904L8.12085 3.35156Z" fill="#B25900"/><path d="M7.69027 7.26562L8.50128 4.7696L9.31228 7.26562H11.9368L9.81351 8.80825L10.6245 11.3043L8.50128 9.76164L6.37803 11.3043L7.18904 8.80825L5.0658 7.26562H7.69027Z" fill="#FFB700"/></svg>

package/dist/static/up-arrow-badge.71fe7ad1.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-outside-1_4204_73572" maskUnits="userSpaceOnUse" x="3.33203" y="3.66797" width="9" height="9" fill="black"><rect fill="white" x="3.33203" y="3.66797" width="9" height="9"/><path d="M7.99872 4.66797L10.6654 7.33464H8.83205V11.3346H7.16538V7.33464H5.33203L7.99872 4.66797Z"/></mask><path d="M7.99872 4.66797L10.6654 7.33464H8.83205V11.3346H7.16538V7.33464H5.33203L7.99872 4.66797Z" fill="#FFBA07"/><path d="M8.83205 11.3346V12.0013H9.49872V11.3346H8.83205ZM7.16538 11.3346H6.49871V12.0013H7.16538V11.3346ZM7.99872 4.66797L8.47012 4.19656L7.99872 3.72516L7.52731 4.19656L7.99872 4.66797ZM5.33203 7.33464L4.86063 6.86323L3.72254 8.0013H5.33203V7.33464ZM10.6654 7.33464V8.0013H12.2749L11.1368 6.86323L10.6654 7.33464ZM7.16538 7.33464H7.83205V6.66797H7.16538V7.33464ZM8.83205 7.33464V6.66797H8.16539V7.33464H8.83205ZM8.83205 11.3346V10.668H7.16538V11.3346V12.0013H8.83205V11.3346ZM7.99872 4.66797L7.52731 4.19656L4.86063 6.86323L5.33203 7.33464L5.80344 7.80604L8.47012 5.13938L7.99872 4.66797ZM7.99872 4.66797L7.52731 5.13938L10.194 7.80604L10.6654 7.33464L11.1368 6.86323L8.47012 4.19656L7.99872 4.66797ZM7.16538 11.3346H7.83205V7.33464H7.16538H6.49871V11.3346H7.16538ZM7.16538 7.33464V6.66797H5.33203V7.33464V8.0013H7.16538V7.33464ZM10.6654 7.33464V6.66797H8.83205V7.33464V8.0013H10.6654V7.33464ZM8.83205 7.33464H8.16539V11.3346H8.83205H9.49872V7.33464H8.83205Z" fill="#B25900" mask="url(#path-1-outside-1_4204_73572)"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.4.4-aa0",
+  "version": "3.4.4-akm-2",
   "type": "module",
   "files": [
     "dist"

package/dist/assets/line-icons/icons/carat-left.js

@@ -1,26 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-const o = (e) => /* @__PURE__ */ l(
-  "svg",
-  {
-    width: "28",
-    height: "28",
-    viewBox: "0 0 28 28",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...e,
-    children: /* @__PURE__ */ l(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M8.55566 13.3004C12.4646 13.3004 15.6334 10.1316 15.6334 6.22266H17.0334C17.0334 9.7039 14.9352 12.6951 11.9343 14.0004C14.9352 15.3058 17.0334 18.297 17.0334 21.7782H15.6334C15.6334 17.8693 12.4646 14.7004 8.55566 14.7004V13.3004Z",
-        fill: "currentColor",
-        fillOpacity: "0.87"
-      }
-    )
-  }
-);
-export {
-  o as default
-};
-//# sourceMappingURL=carat-left.js.map

package/dist/assets/line-icons/icons/carat-left.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carat-left.js","sources":["../../../../src/assets/line-icons/icons/carat-left.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst CaratLeftIcon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"28\"\n    height=\"28\"\n    viewBox=\"0 0 28 28\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M8.55566 13.3004C12.4646 13.3004 15.6334 10.1316 15.6334 6.22266H17.0334C17.0334 9.7039 14.9352 12.6951 11.9343 14.0004C14.9352 15.3058 17.0334 18.297 17.0334 21.7782H15.6334C15.6334 17.8693 12.4646 14.7004 8.55566 14.7004V13.3004Z\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.87\"\n    />\n  </svg>\n);\n\nexport default CaratLeftIcon;\n"],"names":["CaratLeftIcon","props","jsx"],"mappings":";AAEA,MAAMA,IAA6C,CACjDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}

package/dist/assets/line-icons/icons/carat-right.js

@@ -1,26 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-const i = (e) => /* @__PURE__ */ l(
-  "svg",
-  {
-    width: "28",
-    height: "28",
-    viewBox: "0 0 28 28",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...e,
-    children: /* @__PURE__ */ l(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M19.4443 14.6996C15.5354 14.6996 12.3666 17.8684 12.3666 21.7773H10.9666C10.9666 18.2961 13.0648 15.3049 16.0657 13.9996C13.0648 12.6942 10.9666 9.70303 10.9666 6.22179L12.3666 6.22179C12.3666 10.1307 15.5354 13.2996 19.4443 13.2996V14.6996Z",
-        fill: "currentColor",
-        fillOpacity: "0.87"
-      }
-    )
-  }
-);
-export {
-  i as default
-};
-//# sourceMappingURL=carat-right.js.map

package/dist/assets/line-icons/icons/carat-right.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carat-right.js","sources":["../../../../src/assets/line-icons/icons/carat-right.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst CaratRightIcon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"28\"\n    height=\"28\"\n    viewBox=\"0 0 28 28\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M19.4443 14.6996C15.5354 14.6996 12.3666 17.8684 12.3666 21.7773H10.9666C10.9666 18.2961 13.0648 15.3049 16.0657 13.9996C13.0648 12.6942 10.9666 9.70303 10.9666 6.22179L12.3666 6.22179C12.3666 10.1307 15.5354 13.2996 19.4443 13.2996V14.6996Z\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.87\"\n    />\n  </svg>\n);\n\nexport default CaratRightIcon;\n"],"names":["CaratRightIcon","props","jsx"],"mappings":";AAEA,MAAMA,IAA8C,CAClDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}

package/dist/features/circle-games/game-launcher/api/get-content-for-today/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/api/get-content-for-today/constants.ts"],"sourcesContent":["export const BASE_URL = '/api/v1/circle';\n"],"names":["BASE_URL"],"mappings":"AAAO,MAAMA,IAAW;"}

package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js

@@ -1,10 +0,0 @@
-import { createGetAPI as i } from "@cuemath/rest-api";
-import { BASE_URL as r } from "./constants.js";
-const { useGet: a, invalidate: c } = i({
-  getURL: (o, { user_id: e, grade: t }) => `${r}/circle-home/?intelenrollment_id=${e}&grade=${t}`
-});
-export {
-  c as invalidateCircleHomeAPI,
-  a as useGetCircleHomeAPI
-};
-//# sourceMappingURL=get-circle-home-api.js.map

package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-circle-home-api.js","sources":["../../../../../../src/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL } from './constants';\nimport type {\n  IGetCircleHomeResponseModel,\n  IGetCircleHomePayloadModel,\n} from './get-circle-home-api-types';\n\nexport const { useGet: useGetCircleHomeAPI, invalidate: invalidateCircleHomeAPI } = createGetAPI<\n  IGetCircleHomeResponseModel,\n  IGetCircleHomePayloadModel\n>({\n  getURL: (_, { user_id, grade }) =>\n    `${BASE_URL}/circle-home/?intelenrollment_id=${user_id}&grade=${grade}`,\n});\n"],"names":["useGetCircleHomeAPI","invalidateCircleHomeAPI","createGetAPI","_","user_id","grade","BASE_URL"],"mappings":";;AAQO,MAAM,EAAE,QAAQA,GAAqB,YAAYC,EAAA,IAA4BC,EAGlF;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,SAAAC,GAAS,OAAAC,EACrB,MAAA,GAAGC,CAAQ,oCAAoCF,CAAO,UAAUC,CAAK;AACzE,CAAC;"}

package/dist/features/circle-games/game-launcher/comps/card-container/card-container-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-container-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/card-container-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport type { TColorNames } from '../../../../ui/types';\nimport { GAME_LAUNCHER_SIZE } from './constants';\n\nexport const CardWrapper = styled.div`\n  position: relative;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ExtendedFlexView = styled(FlexView)`\n  position: absolute;\n  top: -28px;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const CardContainer = styled.div<{ $strokeColor?: TColorNames }>`\n  position: relative;\n  border-radius: ${GAME_LAUNCHER_SIZE}px;\n  border: ${({ $strokeColor }) =>\n    $strokeColor ? `2px solid ${$strokeColor}` : '0 solid transparent'};\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  align-self: center;\n  backdrop-filter: blur(0px);\n  flex-shrink: 0;\n`;\n\nexport const AnimatedLabel = styled(Text)<{ $isAnimated: boolean }>`\n  transition: color 0.5s ease-in-out;\n\n  ${({ $isAnimated }) =>\n    $isAnimated &&\n    `\n      animation: zoomInOut 1s ease-in-out infinite;\n    `}\n\n  @keyframes zoomInOut {\n    0% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.05);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n`;\n"],"names":["CardWrapper","styled","ExtendedFlexView","FlexView","CardContainer","GAME_LAUNCHER_SIZE","$strokeColor","AnimatedLabel","Text","$isAnimated"],"mappings":";;;;AAOO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBC,IAAmBD,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOlCC,IAAgBH,EAAO;AAAA;AAAA,mBAEjBI,CAAkB;AAAA,YACzB,CAAC,EAAE,cAAAC,EAAa,MACxBA,IAAe,aAAaA,CAAY,KAAK,qBAAqB;AAAA,YAC1DD,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWhBE,IAAgBN,EAAOO,CAAI;AAAA;AAAA;AAAA,IAGpC,CAAC,EAAE,aAAAC,QACHA,KACA;AAAA;AAAA,KAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"card-container.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/card-container.tsx"],"sourcesContent":["import type { ForwardRefRenderFunction } from 'react';\nimport { forwardRef, memo } from 'react';\n\nimport * as Styled from './card-container-styled';\nimport type { ICardContainerProps } from './card-container-types';\n\nconst Container: ForwardRefRenderFunction<HTMLDivElement, ICardContainerProps> = (props, ref) => {\n  const {\n    children,\n    strokeColor,\n    label,\n    isAnimated,\n    labelRef,\n    showLabel = true,\n    labelColor,\n    ...rest\n  } = props;\n\n  return (\n    <Styled.CardWrapper {...rest}>\n      <Styled.ExtendedFlexView>\n        <Styled.AnimatedLabel\n          ref={labelRef}\n          $renderAs=\"ac4-black\"\n          $align=\"center\"\n          $color={labelColor}\n          $isAnimated={isAnimated}\n        >\n          {showLabel ? label : ''}\n        </Styled.AnimatedLabel>\n      </Styled.ExtendedFlexView>\n      <Styled.CardContainer ref={ref} $strokeColor={strokeColor}>\n        {children}\n      </Styled.CardContainer>\n    </Styled.CardWrapper>\n  );\n};\n\nexport const CardContainer = memo(forwardRef(Container));\n"],"names":["Container","props","ref","children","strokeColor","label","isAnimated","labelRef","showLabel","labelColor","rest","jsxs","Styled.CardWrapper","jsx","Styled.ExtendedFlexView","Styled.AnimatedLabel","Styled.CardContainer","CardContainer","memo","forwardRef"],"mappings":";;;AAMA,MAAMA,IAA2E,CAACC,GAAOC,MAAQ;AACzF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT;AAEJ,SACG,gBAAAU,EAAAC,GAAA,EAAoB,GAAGF,GACtB,UAAA;AAAA,IAAC,gBAAAG,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,WAAU;AAAA,QACV,QAAO;AAAA,QACP,QAAQE;AAAA,QACR,aAAaH;AAAA,QAEZ,cAAYD,IAAQ;AAAA,MAAA;AAAA,IAAA,GAEzB;AAAA,sBACCW,GAAA,EAAqB,KAAAd,GAAU,cAAcE,GAC3C,UAAAD,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEac,IAAgBC,EAAKC,EAAWnB,CAAS,CAAC;"}

package/dist/features/circle-games/game-launcher/comps/card-container/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/constants.ts"],"sourcesContent":["export const GAME_LAUNCHER_SIZE_SMALL = 296;\nexport const GAME_LAUNCHER_SIZE_LARGE = 400;\n\nconst CARD_CONTAINER_SIZE =\n  window.innerWidth >= 600 && window.innerHeight >= 800\n    ? GAME_LAUNCHER_SIZE_LARGE\n    : GAME_LAUNCHER_SIZE_SMALL;\n\nexport const GAME_LAUNCHER_SIZE = CARD_CONTAINER_SIZE;\n"],"names":["GAME_LAUNCHER_SIZE_SMALL","GAME_LAUNCHER_SIZE_LARGE","CARD_CONTAINER_SIZE","GAME_LAUNCHER_SIZE"],"mappings":"AAAO,MAAMA,IAA2B,KAC3BC,IAA2B,KAElCC,IACJ,OAAO,cAAc,OAAO,OAAO,eAAe,MAC9C,MACA,KAEOC,IAAqBD;"}

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

@@ -1,39 +0,0 @@
-import e from "styled-components";
-import o from "../../../../ui/layout/flex-view.js";
-const s = e.div`
-  width: 100%;
-  position: relative;
-  display: flex;
-  justify-content: center;
-`, l = e.div`
-  display: flex;
-  width: 100%;
-  flex-grow: 1;
-  transform: ${({ $translate: t }) => `translateX(${-t}%)`};
-  transition: ${({ $translateDuration: t }) => `all ${t}ms ease-in`};
-`, a = e.div`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-grow: 1;
-  flex-shrink: 0;
-`, d = e.div`
-  border: 1px solid ${({ theme: t }) => t.colors.WHITE};
-  height: 8px;
-  width: 8px;
-  border-radius: 100%;
-  margin: 0 4px;
-  background: ${({ theme: t, $isActive: r }) => r ? t.colors.WHITE : "transparent"};
-  cursor: pointer;
-`, p = e(o)`
-  bottom: -32px;
-`;
-export {
-  s as Carousel,
-  a as CarouselItemContainer,
-  l as CarouselWrapper,
-  p as ExtendedFlexView,
-  d as Indicator
-};
-//# sourceMappingURL=carousel-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"carousel-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const Carousel = styled.div`\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n`;\nexport const CarouselWrapper = styled.div<{ $translate: number; $translateDuration: number }>`\n  display: flex;\n  width: 100%;\n  flex-grow: 1;\n  transform: ${({ $translate }) => `translateX(${-$translate}%)`};\n  transition: ${({ $translateDuration }) => `all ${$translateDuration}ms ease-in`};\n`;\n\nexport const CarouselItemContainer = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n  flex-shrink: 0;\n`;\n\nexport const Indicator = styled.div<{ $isActive?: boolean }>`\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  height: 8px;\n  width: 8px;\n  border-radius: 100%;\n  margin: 0 4px;\n  background: ${({ theme, $isActive }) => ($isActive ? theme.colors.WHITE : 'transparent')};\n  cursor: pointer;\n`;\n\nexport const ExtendedFlexView = styled(FlexView)`\n  bottom: -32px;\n`;\n"],"names":["Carousel","styled","CarouselWrapper","$translate","$translateDuration","CarouselItemContainer","Indicator","theme","$isActive","ExtendedFlexView","FlexView"],"mappings":";;AAIO,MAAMA,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAMlBC,IAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA,eAIvB,CAAC,EAAE,YAAAE,QAAiB,cAAc,CAACA,CAAU,IAAI;AAAA,gBAChD,CAAC,EAAE,oBAAAC,EAAyB,MAAA,OAAOA,CAAkB,YAAY;AAAA,GAGpEC,IAAwBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS/BK,IAAYL,EAAO;AAAA,sBACV,CAAC,EAAE,OAAAM,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKvC,CAAC,EAAE,OAAAA,GAAO,WAAAC,QAAiBA,IAAYD,EAAM,OAAO,QAAQ,aAAc;AAAA;AAAA,GAI7EE,IAAmBR,EAAOS,CAAQ;AAAA;AAAA;"}

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

@@ -1,85 +0,0 @@
-import { jsxs as y, jsx as e } from "react/jsx-runtime";
-import { memo as j, forwardRef as x, useMemo as u, useRef as b, useState as z, createRef as B, useCallback as d, useImperativeHandle as D, useEffect as $ } from "react";
-import E from "../../../../../assets/line-icons/icons/carat-left.js";
-import F from "../../../../../assets/line-icons/icons/carat-right.js";
-import R from "../../../../ui/buttons/icon-button/icon-button.js";
-import g from "../../../../ui/separator/separator.js";
-import { Carousel as M, CarouselWrapper as S, CarouselItemContainer as H, ExtendedFlexView as T, Indicator as V } from "./carousel-styled.js";
-const W = ({ items: t, defaultIndex: l = 0, onNext: s, onPrev: c, analyticsPrev: m, analyticsNext: p }, k) => {
-  const f = u(() => m, [m]), C = u(() => p, [p]), h = b(null), i = b(!0), [o, n] = z(l), I = u(() => t.map(() => B()), [t]), w = d(() => {
-    c == null || c(), n((r) => r - 1);
-  }, [c]), A = d(() => {
-    s == null || s(), n((r) => r + 1);
-  }, [s]), L = d((r) => {
-    n(r);
-  }, []);
-  return D(k, () => ({
-    nextBtnRef: h,
-    indicatorRefs: I,
-    currentIndex: o,
-    goToIndex: (r) => {
-      n(r);
-    }
-  })), $(() => {
-    i.current && (i.current = !1);
-  }, []), $(() => {
-    n(l);
-  }, [l]), /* @__PURE__ */ y(M, { children: [
-    /* @__PURE__ */ e(
-      S,
-      {
-        $translate: o * 100,
-        $translateDuration: i.current ? 0 : 300,
-        children: t.map((r, a) => /* @__PURE__ */ e(H, { children: r }, a))
-      }
-    ),
-    t.length > 1 && /* @__PURE__ */ y(
-      T,
-      {
-        $flexDirection: "row",
-        $alignItems: "center",
-        $justifyContent: "center",
-        $position: "absolute",
-        children: [
-          /* @__PURE__ */ e(
-            R,
-            {
-              renderAs: "secondary",
-              Icon: E,
-              onClick: w,
-              analyticsLabel: f.analyticsLabel,
-              analyticsProps: f.analyticsProps,
-              disabled: o === 0
-            }
-          ),
-          /* @__PURE__ */ e(g, { width: 48 }),
-          t.map((r, a) => /* @__PURE__ */ e(
-            V,
-            {
-              ref: I[a],
-              $isActive: a === o,
-              onClick: () => L(a)
-            },
-            a
-          )),
-          /* @__PURE__ */ e(g, { width: 48 }),
-          /* @__PURE__ */ e("div", { ref: h, children: /* @__PURE__ */ e(
-            R,
-            {
-              renderAs: "secondary",
-              Icon: F,
-              onClick: A,
-              analyticsLabel: C.analyticsLabel,
-              analyticsProps: C.analyticsProps,
-              disabled: o === t.length - 1
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}, Q = j(x(W));
-export {
-  Q as Carousel
-};
-//# sourceMappingURL=carousel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import type { ForwardRefRenderFunction } from 'react';\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createRef,\n} from 'react';\n\nimport CaratLeftIcon from '../../../../../assets/line-icons/icons/carat-left';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport Separator from '../../../../ui/separator/separator';\nimport * as Styled from './carousel-styled';\nimport type { ICarouselProps, ICarouselRefs } from './carousel-types';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  { items, defaultIndex = 0, onNext, onPrev, analyticsPrev, analyticsNext },\n  ref,\n) => {\n  const memoizedAnalyticsPrev = useMemo(() => analyticsPrev, [analyticsPrev]);\n  const memoizedAnalyticsNext = useMemo(() => analyticsNext, [analyticsNext]);\n\n  const nextBtnRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const isFirstMount = useRef(true);\n  const [currIndex, setCurrIndex] = useState(defaultIndex);\n\n  // Create a stable array of refs for indicators\n  const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n\n  const handleCarouselPrev = useCallback(() => {\n    onPrev?.();\n    setCurrIndex(prev => prev - 1);\n  }, [onPrev]);\n\n  const handleCarouselNext = useCallback(() => {\n    onNext?.();\n    setCurrIndex(prev => prev + 1);\n  }, [onNext]);\n\n  const handleCarouselIndicatorClick = useCallback((index: number) => {\n    setCurrIndex(index);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    nextBtnRef,\n    indicatorRefs,\n    currentIndex: currIndex,\n    goToIndex: (index: number) => {\n      setCurrIndex(index);\n    },\n  }));\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n    }\n  }, []);\n\n  // Change index from parent\n  useEffect(() => {\n    setCurrIndex(defaultIndex);\n  }, [defaultIndex]);\n\n  return (\n    <Styled.Carousel>\n      <Styled.CarouselWrapper\n        $translate={currIndex * 100}\n        $translateDuration={isFirstMount.current ? 0 : 300}\n      >\n        {items.map((item, index) => (\n          <Styled.CarouselItemContainer key={index}>{item}</Styled.CarouselItemContainer>\n        ))}\n      </Styled.CarouselWrapper>\n\n      {items.length > 1 && (\n        <Styled.ExtendedFlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $position=\"absolute\"\n        >\n          <IconButton\n            renderAs=\"secondary\"\n            Icon={CaratLeftIcon}\n            onClick={handleCarouselPrev}\n            analyticsLabel={memoizedAnalyticsPrev.analyticsLabel}\n            analyticsProps={memoizedAnalyticsPrev.analyticsProps}\n            disabled={currIndex === 0}\n          />\n          <Separator width={48} />\n          {items.map((_, index) => (\n            <Styled.Indicator\n              ref={indicatorRefs[index]}\n              $isActive={index === currIndex}\n              key={index}\n              onClick={() => handleCarouselIndicatorClick(index)}\n            />\n          ))}\n          <Separator width={48} />\n          <div ref={nextBtnRef}>\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={CaratRightIcon}\n              onClick={handleCarouselNext}\n              analyticsLabel={memoizedAnalyticsNext.analyticsLabel}\n              analyticsProps={memoizedAnalyticsNext.analyticsProps}\n              disabled={currIndex === items.length - 1}\n            />\n          </div>\n        </Styled.ExtendedFlexView>\n      )}\n    </Styled.Carousel>\n  );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","onNext","onPrev","analyticsPrev","analyticsNext","ref","memoizedAnalyticsPrev","useMemo","memoizedAnalyticsNext","nextBtnRef","useRef","isFirstMount","currIndex","setCurrIndex","useState","indicatorRefs","createRef","handleCarouselPrev","useCallback","prev","handleCarouselNext","handleCarouselIndicatorClick","index","useImperativeHandle","useEffect","jsxs","Styled.Carousel","jsx","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","Styled.ExtendedFlexView","IconButton","CaratLeftIcon","Separator","_","Styled.Indicator","CaratRightIcon","Carousel","memo","forwardRef"],"mappings":"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"}