@cuemath/leap 3.4.4 → 3.4.5-akm-3

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_ASSET_PADDING as n } from "../../circle-games/game-launcher/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/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/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

@@ -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>;
@@ -404,7 +406,7 @@ export declare const COUNTRY_CODE_MAP: {
     geoIPCountryCode: string;
 }[];
 
-declare const COURSE_STREAMS: {
+export declare const COURSE_STREAMS: {
     readonly SAT_DEMO: "SAT-DEMO";
     readonly SAT_MATH: "SAT-MATH";
     readonly SAT_ENGLISH: "SAT-ENGLISH";
@@ -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",
@@ -712,6 +716,8 @@ declare const getMediaQueries: () => {
     minWidthLargeDevice: string;
 };
 
+export declare const getPreferencesFromConfig: IGetPreferencesFromConfig;
+
 declare const getTabConfig: IGetTabConfig;
 
 declare const getTextButtonConfig: IGetTextButtonConfig;
@@ -981,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'> {
@@ -1708,6 +1715,8 @@ declare interface IFirstSessionIntroductionProps {
 
 declare interface IGame extends IBaseProject {
     played: boolean;
+    won_today: number;
+    lost_today: number;
 }
 
 declare interface IGameLauncherProps {
@@ -1779,6 +1788,14 @@ declare interface IGetMilestoneResourcesAPIMetaData {
     studentId: string;
 }
 
+declare interface IGetPreferencesFromConfig {
+    (config: IMilestoneConfig, options: {
+        grade: string;
+        preferenceCategory: TPreferenceCategory;
+        courseStream: TCourseStream;
+    }): TMilestoneConfigOption[];
+}
+
 declare interface IGetTabConfig {
     (gutter: number): {
         sizes: Record<TTabSizes, ITabSizeConfig>;
@@ -2222,7 +2239,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 {
@@ -2241,6 +2259,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;
 }
@@ -2273,6 +2297,7 @@ declare interface ILinearProgressBarProps {
 }
 
 export declare const ILLUSTRATIONS: {
+    ACCURACY_BADGE: string;
     ALARM_CLOCK_ORANGE: string;
     ALARM_CLOCK_PURPLE: string;
     ALIEN_1: string;
@@ -2311,6 +2336,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;
@@ -2321,6 +2347,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;
@@ -2338,6 +2365,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;
@@ -2389,6 +2417,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;
@@ -2412,6 +2441,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;
@@ -2433,6 +2463,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;
@@ -3151,6 +3182,7 @@ export declare interface IPostGameStat {
 export declare interface IPostGameStatsProps {
     stats: IPostGameStat[];
     show: boolean;
+    offsetY?: number;
     onComplete?: () => void;
 }
 
@@ -3168,6 +3200,7 @@ declare interface IPreferencesCurriculumMap {
     text_input_needed?: boolean;
     preference_description?: string;
     lottie_key?: string;
+    preference_description_2?: string;
 }
 
 export declare interface IPreviewWorksheetModel {
@@ -3266,6 +3299,7 @@ declare interface IPuzzle extends IBaseProject {
     question: string;
     is_hint_seen: boolean;
     solved: boolean;
+    first_attempt?: IPuzzleFirstAttempt;
 }
 
 declare interface IPuzzleAppProps {
@@ -3338,6 +3372,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;
@@ -3946,6 +3985,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 {
@@ -4827,6 +4868,7 @@ export declare interface Lesson extends BaseProject {
     miniGameIdentifier: string;
     targetQuestions: number;
     status: TSkillStatus;
+    firstAttempt: LessonFirstAttempt;
 }
 
 declare const LESSON_TAG_TYPE: {
@@ -4834,6 +4876,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;
@@ -4920,6 +4968,7 @@ export declare const LOTTIE: {
     PARTY_POPPER: string;
     PENCIL: string;
     PHONE_NUMBER: string;
+    PILL_TICK: string;
     PLUS_SIGN: string;
     POINT100: string;
     POINT10: string;
@@ -5231,6 +5280,7 @@ export declare const PillButton: NamedExoticComponent<IPillButtonProps>;
 
 export declare enum PLA_ANALYTICS_EVENTS {
     START_SIGNUP_CTA_CLICKED = "start_signup_cta_clicked",
+    SIGNUP_TO_LOGIN_CTA_CLICKED = "signup_to_login_cta_clicked",
     ECNA_STEP_VIEWED = "ecna_step_viewed",
     ECNA_RESPONSE_RECORDED_DEBUG = "ecna_response_recorded_debug",
     PARENT_SIGNUP_CTA_CLICKED = "parent_signup_cta_clicked",
@@ -5313,7 +5363,7 @@ export declare const PostGameStats: NamedExoticComponent<IPostGameStatsProps & R
 
 export declare const PracticeIcon: FC<SVGProps<SVGSVGElement>>;
 
-declare const PREFERENCE_CATEGORY: {
+export declare const PREFERENCE_CATEGORY: {
     readonly LEVEL: "Level";
     readonly FOCUS: "Focus";
     readonly BEHAVIOR: "Behaviors";
@@ -5348,6 +5398,7 @@ export declare interface Puzzle extends BaseProject {
     question: string;
     isHintSeen: boolean;
     solved: boolean;
+    firstAttempt: PuzzleFirstAttempt;
 }
 
 export declare const Puzzle2Icon: FC<SVGProps<SVGSVGElement>>;
@@ -5375,6 +5426,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: {
@@ -5682,7 +5738,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>;
 
@@ -6497,6 +6553,15 @@ declare type TMilestoneChapterBlockData = {
     user_id: string;
 };
 
+export declare type TMilestoneConfigOption = {
+    id: string;
+    label: string;
+    description?: string;
+    lottie?: keyof typeof LOTTIE;
+    extendedDescription?: string;
+    category?: TPreferenceCategory;
+};
+
 declare type TMilestoneDeleteProps = {
     milestoneId: string;
     isGoalCreation?: boolean;
@@ -6551,7 +6616,7 @@ declare type TPreference = {
     selectedTime: string;
 };
 
-declare type TPreferenceCategory = (typeof PREFERENCE_CATEGORY)[keyof typeof PREFERENCE_CATEGORY];
+export declare type TPreferenceCategory = (typeof PREFERENCE_CATEGORY)[keyof typeof PREFERENCE_CATEGORY];
 
 declare type TProfileHighlight = {
     illustration: string;
@@ -6753,7 +6818,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';
 
@@ -7005,6 +7070,24 @@ export declare const useGetLeaderboardDal: (userId: string) => Omit<ReturnType<t
     data: ILeaderboardDetails | null;
 };
 
+export declare const useGetMileStoneConfig: (initialId?: string, initialQuery?: {
+    demo_type?: "TRIAL_V3";
+} | undefined) => {
+    get: (id: string, query: {
+        demo_type?: "TRIAL_V3";
+    } | undefined, meta: void) => Promise<void>;
+    resource: ResourceModel<IMilestoneConfig> | undefined;
+    data: IMilestoneConfig | undefined;
+    permissions: Record<string, unknown> | undefined;
+    isProcessing: boolean;
+    isProcessed: boolean;
+    isProcessingFailed: boolean;
+    isStale: boolean;
+    error: ({
+        message?: string | undefined;
+    } & Record<string, unknown>) | undefined;
+};
+
 export declare const useGetMilestoneResources: (initialId?: string, initialQuery?: void | undefined) => {
     get: (id: string, query: void, meta: IGetMilestoneResourcesAPIMetaData) => Promise<void>;
     resource: ResourceModel<INodeDataProps[]> | undefined;