@cuemath/leap 3.4.8 → 3.4.9-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/features/ui/nudge/nudge.js

@@ -1,18 +1,19 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { memo as n } from "react";
-import { LOTTIE as d } from "../../../assets/lottie/lottie.js";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { memo as d } from "react";
+import { LOTTIE as o } from "../../../assets/lottie/lottie.js";
 import p from "../lottie-animation/lottie-animation.js";
 import { NudgeWrapper as f, NudgeLottieContainer as s } from "./nudge-styled.js";
-const u = ({
-  content: o,
-  nudgePointerX: r = 0,
-  nudgePointerY: e = 0,
-  zIndex: i = 100
-}) => /* @__PURE__ */ m(f, { $top: e, $left: r, $zIndex: i, children: [
-  /* @__PURE__ */ t(s, { $height: 60, $width: 60, children: /* @__PURE__ */ t(p, { src: d.NUDGE_TAP }) }),
-  o
-] }), N = n(u);
+const l = ({
+  nudge: r = "click",
+  content: e,
+  nudgePointerX: i = 0,
+  nudgePointerY: m = 0,
+  zIndex: n = 100
+}) => /* @__PURE__ */ c(f, { $top: m, $left: i, $zIndex: n, children: [
+  /* @__PURE__ */ t(s, { $height: 60, $width: 60, children: /* @__PURE__ */ t(p, { src: r === "click" ? o.NUDGE_TAP : o.NUDGE_SWIPE }) }),
+  e
+] }), h = d(l);
 export {
-  N as default
+  h as default
 };
 //# sourceMappingURL=nudge.js.map

package/dist/features/ui/nudge/nudge.js.map

@@ -1 +1 @@
-{"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport * as S from './nudge-styled';\nimport type { INudgeProps } from './nudge-types';\n\nconst Nudge: FC<INudgeProps> = ({\n  content,\n  nudgePointerX = 0,\n  nudgePointerY = 0,\n  zIndex = 100,\n}) => {\n  return (\n    <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n      <S.NudgeLottieContainer $height={60} $width={60}>\n        <LottieAnimation src={LOTTIE.NUDGE_TAP} />\n      </S.NudgeLottieContainer>\n      {content}\n    </S.NudgeWrapper>\n  );\n};\n\nexport default memo(Nudge);\n"],"names":["Nudge","content","nudgePointerX","nudgePointerY","zIndex","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","LottieAnimation","LOTTIE","Nudge$1","memo"],"mappings":";;;;;AAOA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAEI,gBAAAC,EAACC,GAAA,EAAe,MAAMH,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,EAAA,gBAAAG,EAACC,GAAA,EAAuB,SAAS,IAAI,QAAQ,IAC3C,UAAA,gBAAAD,EAACE,GAAgB,EAAA,KAAKC,EAAO,UAAA,CAAW,EAC1C,CAAA;AAAA,EACCT;AACH,EAAA,CAAA,GAIWU,IAAAC,EAAKZ,CAAK;"}
+{"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport * as S from './nudge-styled';\nimport type { INudgeProps } from './nudge-types';\n\nconst Nudge: FC<INudgeProps> = ({\n  nudge = 'click',\n  content,\n  nudgePointerX = 0,\n  nudgePointerY = 0,\n  zIndex = 100,\n}) => {\n  return (\n    <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n      <S.NudgeLottieContainer $height={60} $width={60}>\n        <LottieAnimation src={nudge === 'click' ? LOTTIE.NUDGE_TAP : LOTTIE.NUDGE_SWIPE} />\n      </S.NudgeLottieContainer>\n      {content}\n    </S.NudgeWrapper>\n  );\n};\n\nexport default memo(Nudge);\n"],"names":["Nudge","nudge","content","nudgePointerX","nudgePointerY","zIndex","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","LottieAnimation","LOTTIE","Nudge$1","memo"],"mappings":";;;;;AAOA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAEI,gBAAAC,EAACC,GAAA,EAAe,MAAMH,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,EAAA,gBAAAG,EAACC,GAAA,EAAuB,SAAS,IAAI,QAAQ,IAC3C,UAAA,gBAAAD,EAACE,GAAgB,EAAA,KAAKT,MAAU,UAAUU,EAAO,YAAYA,EAAO,YAAa,CAAA,GACnF;AAAA,EACCT;AACH,EAAA,CAAA,GAIWU,IAAAC,EAAKb,CAAK;"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import type { ButtonHTMLAttributes } from 'react';
 import type { Channel } from '@cuemath/cue-message-broker';
 import { ChannelStatus } from '@cuemath/cue-message-broker';
+import { ComponentProps } from 'react';
 import { ComponentType } from 'react';
 import type { Config } from '@lottiefiles/dotlottie-web';
 import { Context } from 'react';
@@ -153,6 +154,7 @@ declare interface BaseProject {
     cardLottie: string;
     tutorial: string;
     variant: string;
+    displayNameImage: string;
 }
 
 export declare const BeltsElementsStickers: NamedExoticComponent<BeltsElementsStickersProps>;
@@ -673,6 +675,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 +685,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 +987,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 +1715,8 @@ declare interface IFirstSessionIntroductionProps {
 
 declare interface IGame extends IBaseProject {
     played: boolean;
+    won_today: number;
+    lost_today: number;
 }
 
 declare interface IGameLauncherProps {
@@ -2020,7 +2027,12 @@ export declare interface IJourneyContext {
      * This data is set only the component is mounted.
      * And thereafter it is updated when the user completes a journey, through the `endJourney` method.
      */
-    userCompletedJourneyIds: TJourneyId[] | null;
+    userCompletedJourneyIds: (TJourneyId | TTrackingId)[] | null;
+    /**
+     * Function to track views.
+     * @param trackingId - The ID of the view to track.
+     */
+    trackView: (trackingId: TTrackingId) => void;
 }
 
 declare interface IJourneyProviderProps {
@@ -2232,7 +2244,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 +2264,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 +2302,7 @@ declare interface ILinearProgressBarProps {
 }
 
 export declare const ILLUSTRATIONS: {
+    ACCURACY_BADGE: string;
     ALARM_CLOCK_ORANGE: string;
     ALARM_CLOCK_PURPLE: string;
     ALIEN_1: string;
@@ -2321,6 +2341,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 +2352,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 +2370,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 +2422,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 +2446,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 +2468,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;
@@ -2959,7 +2985,7 @@ declare interface INodePermissions {
 export declare const InputStatusIcon: NamedExoticComponent<IInputStatusIconProps>;
 
 export declare interface INudgeProps {
-    nudge: 'click';
+    nudge: 'click' | 'swipe';
     content: ReactNode;
     nudgePointerX: number;
     nudgePointerY: number;
@@ -3161,6 +3187,7 @@ export declare interface IPostGameStat {
 export declare interface IPostGameStatsProps {
     stats: IPostGameStat[];
     show: boolean;
+    offsetY?: number;
     onComplete?: () => void;
 }
 
@@ -3277,6 +3304,7 @@ declare interface IPuzzle extends IBaseProject {
     question: string;
     is_hint_seen: boolean;
     solved: boolean;
+    first_attempt?: IPuzzleFirstAttempt;
 }
 
 declare interface IPuzzleAppProps {
@@ -3349,6 +3377,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;
@@ -3957,6 +3990,8 @@ declare interface ITabsProps {
     onChange: (tab: string) => void;
     tabs: ITabItem[];
     background?: TColorNames;
+    selectedTextProps?: ComponentProps<typeof Text_2>;
+    defaultTextProps?: ComponentProps<typeof Text_2>;
 }
 
 export declare interface ITabVariantConfig {
@@ -4793,6 +4828,7 @@ export declare interface IWorksheetResponse {
 
 export declare enum JOURNEY_ID_STUDENT {
     CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY",
+    CIRCLE_ACTIVITIES_INTRO_JOURNEY_V2 = "CIRCLE_ACTIVITIES_INTRO_JOURNEY_V2",
     CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY",
     CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY",
     CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY",
@@ -4800,6 +4836,7 @@ export declare enum JOURNEY_ID_STUDENT {
     CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY",
     CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY",
     CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY",
+    CIRCLE_LESSONS_K_1_INTRO_JOURNEY_V2 = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY_V2",
     PLA_SWITCH_USER_JOURNEY = "PLA_SWITCH_USER_JOURNEY",
     HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY",
     CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY",
@@ -4838,6 +4875,7 @@ export declare interface Lesson extends BaseProject {
     miniGameIdentifier: string;
     targetQuestions: number;
     status: TSkillStatus;
+    firstAttempt: LessonFirstAttempt;
 }
 
 declare const LESSON_TAG_TYPE: {
@@ -4845,6 +4883,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;
@@ -4883,6 +4927,7 @@ export declare const LOTTIE: {
     COLOR_3: string;
     COMPETITIVE_ARENA: string;
     COOL: string;
+    DAILY_WORK_OUT_COMPLETE: string;
     DART: string;
     DIAMOND: string;
     DICE: string;
@@ -4924,6 +4969,7 @@ export declare const LOTTIE: {
     MEDAL: string;
     MEDIUM: string;
     MUSCLE: string;
+    NUDGE_SWIPE: string;
     NUDGE_TAP: string;
     OTP: string;
     PARENT_AVATAR: string;
@@ -4931,6 +4977,7 @@ export declare const LOTTIE: {
     PARTY_POPPER: string;
     PENCIL: string;
     PHONE_NUMBER: string;
+    PILL_TICK: string;
     PLUS_SIGN: string;
     POINT100: string;
     POINT10: string;
@@ -5283,6 +5330,9 @@ export declare enum PLATFORM_EVENTS_STUDENT {
     HOMEWORK_COMPLETED = "homework_completed",
     ERROR_VIA_AUTO_LOGIN_FROM_CUEMATH_APP = "error_via_auto_login_from_cuemath_app",
     PUZZLE_ATTEMPTED = "puzzle_attempted",
+    WORKOUT_TAB_CLICKED = "workout_tab_clicked",
+    TABLES_TAB_CLICKED = "tables_tab_clicked",
+    INFO_BUTTON_CLICKED = "info_button_clicked",
     ACTIVITY_STARTED = "activity_started",
     ACTIVITY_TUTORIAL_SEEN = "activity_tutorial_seen",
     STREAK_ICON_CLICKED = "streak_icon_clicked",
@@ -5360,6 +5410,7 @@ export declare interface Puzzle extends BaseProject {
     question: string;
     isHintSeen: boolean;
     solved: boolean;
+    firstAttempt: PuzzleFirstAttempt;
 }
 
 export declare const Puzzle2Icon: FC<SVGProps<SVGSVGElement>>;
@@ -5387,6 +5438,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: {
@@ -5694,7 +5750,7 @@ declare const TAB_CODES: {
 
 export declare const TabComponent: FC<ITabProps>;
 
-export declare const Tabs: MemoExoticComponent<({ selectedTab, onChange, tabs, background }: ITabsProps) => JSX.Element>;
+export declare const Tabs: MemoExoticComponent<({ selectedTab, onChange, tabs, background, selectedTextProps, defaultTextProps, }: ITabsProps) => JSX.Element>;
 
 export declare type TAction = EventToPayload<TInclassMessage>;
 
@@ -6612,6 +6668,10 @@ declare type TQuestionByQuestionOverviewList = {
     user_node_id: string;
 }[];
 
+declare enum TRACKING_ID_STUDENT {
+    INFO_ABOUT_GAME_ACTIVITIES = "INFO_ABOUT_GAME_ACTIVITIES"
+}
+
 declare type TRecommendedChaptersFilter = TRecommendedChaptersQuery & {
     chapter_codes?: string[];
 };
@@ -6774,7 +6834,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';
 
@@ -6846,6 +6906,8 @@ export declare type TTrackCTA = (params: {
 
 export declare type TTrackEvent = (eventType: string, props: Record<string, unknown>, overrides?: Record<string, unknown>) => void;
 
+declare type TTrackingId = TRACKING_ID_STUDENT;
+
 export declare type TTrackInput = (params: {
     label: string;
     value: string | boolean | number;
@@ -6891,7 +6953,7 @@ export declare type TUserTypes = 'TEACHER' | 'STUDENT';
 
 export declare const TutorChangeModal: MemoExoticComponent<() => JSX.Element>;
 
-export declare const Tutorial: ({ src, title, onCross, showProgress, onTutorialPlayedOnce, isJourneyActive, }: ITutorialProps) => JSX.Element;
+export declare const Tutorial: ForwardRefExoticComponent<ITutorialProps & RefAttributes<HTMLVideoElement>>;
 
 export declare const TutoringIcon: FC<SVGProps<SVGSVGElement>>;
 

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/segmented-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>