@cuemath/leap 3.5.29 → 3.5.30-as10

package/dist/index.d.ts

@@ -1,40 +1,40 @@
-import type { ButtonHTMLAttributes } from 'react';
-import type { Channel } from '@cuemath/cue-message-broker';
+import { ButtonHTMLAttributes } from 'react';
+import { 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 { Config } from '@lottiefiles/dotlottie-web';
 import { Context } from 'react';
-import type { Data } from '@lottiefiles/dotlottie-web';
-import type { DefaultTheme } from 'styled-components';
+import { Data } from '@lottiefiles/dotlottie-web';
+import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
-import type { Dispatch } from 'react';
-import type { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
-import type { EventType } from '@lottiefiles/dotlottie-web';
+import { Dispatch } from 'react';
+import { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
+import { EventType } from '@lottiefiles/dotlottie-web';
 import { FC } from 'react';
-import type { FormEvent } from 'react';
+import { FormEvent } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
-import type { HTMLProps } from 'react';
+import { HTMLProps } from 'react';
 import { IChannelMessage } from '@cuemath/cue-message-broker';
-import type { IframeHTMLAttributes } from 'react';
-import type { ImgHTMLAttributes } from 'react';
-import type { InputHTMLAttributes } from 'react';
+import { IframeHTMLAttributes } from 'react';
+import { ImgHTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
 import { IProvidedProps } from 'google-maps-react';
 import { IStyledComponent } from 'styled-components';
 import { JSX } from 'react/jsx-runtime';
 import { MemoExoticComponent } from 'react';
-import type { MutableRefObject } from 'react';
+import { MutableRefObject } from 'react';
 import { NamedExoticComponent } from 'react';
 import { Omit as Omit_2 } from 'google-maps-react';
-import type { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
+import { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
 import { PropsWithChildren } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { ResourceModel } from '@cuemath/rest-api';
-import type { SetStateAction } from 'react';
+import { SetStateAction } from 'react';
 import { Substitute } from 'styled-components/dist/types';
 import { SVGProps } from 'react';
 import { VideoHTMLAttributes } from 'react';
@@ -87,7 +87,7 @@ declare type AnimationSegment = [number, number];
 export declare const AppLoader: FC<IAppLoaderProps>;
 
 export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
-    children?: ReactNode | undefined;
+children?: ReactNode | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
 export declare const ArrowTooltip: NamedExoticComponent<IArrowTooltipProps>;
@@ -244,6 +244,48 @@ export declare const CancellationReasonModal: NamedExoticComponent<object>;
 
 export declare const CancelSubscriptionModal: NamedExoticComponent<object>;
 
+declare enum CARD_TYPE {
+    'general' = "general",
+    'legacy' = "legacy",
+    'diagnostic' = "diagnostic",
+    'remedial' = "remedial",
+    'recap' = "recap",
+    'learn' = "learn",
+    'extra_practice' = "extra_practice",
+    'practice' = "practice",
+    'test' = "test",
+    'revision' = "revision",
+    'advanced' = "advanced",
+    'challenge' = "challenge",
+    'video' = "video",
+    'simulation' = "simulation",
+    'note' = "note",
+    'subjective' = "subjective",
+    'deck' = "deck",
+    'puzzle' = "puzzle",
+    'test_series' = "test_series",
+    'activity' = "activity",
+    'project' = "project",
+    'certificate' = "certificate",
+    'ppt_viva' = "ppt_viva",
+    'ppt_content' = "ppt_content",
+    'wb_activity' = "wb_activity",
+    'smart_practice' = "smart_practice",
+    'exit_ticket' = "exit_ticket",
+    'monthly_mastery_test' = "monthly_mastery_test",
+    'supplementary_mastery_test' = "supplementary_mastery_test",
+    'trial_diagnostic' = "trial_diagnostic",
+    'trial_basic' = "trial_basic",
+    'trial_intermediate' = "trial_intermediate",
+    'trial_advanced' = "trial_advanced"
+}
+
+export declare const CardTitle: MemoExoticComponent<({ cardHeader, nodeType, courseType, }: {
+cardHeader: string;
+nodeType: TNodeTypes_2;
+courseType?: TCourseType;
+}) => JSX.Element>;
+
 export declare const Carousel: FC<CarouselProps>;
 
 declare interface CarouselProps {
@@ -450,7 +492,7 @@ declare interface CueCoinIconProps extends SVGProps<SVGSVGElement> {
     variant?: 'gold' | 'silver';
 }
 
-export declare const CuemathAppFeatures: NamedExoticComponent<{}>;
+export declare const CuemathAppFeatures: NamedExoticComponent<    {}>;
 
 export declare const CuemathLogo: FC<SVGProps<SVGSVGElement>>;
 
@@ -485,6 +527,8 @@ export declare const DesmosCalculator: FC<IDesmosCalculatorProps>;
 
 export declare const DigitalMeter: FC<IDigitalMeterProps>;
 
+export declare const DotIcon: FC<SVGProps<SVGSVGElement>>;
+
 export declare const DotLottieAnimation: NamedExoticComponent<IDotLottieAnimationProps & RefAttributes<IDotLottieAnimationRef>>;
 
 export declare const DownIcon: FC<SVGProps<SVGSVGElement>>;
@@ -598,6 +642,11 @@ export declare enum ESummaryType {
     LEARNING_PLAN = "learningPlan"
 }
 
+export declare enum ETAB_IDS {
+    DAILY = "daily",
+    MONTHLY = "monthly"
+}
+
 export declare const EveningIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const EVENTS: {
@@ -707,7 +756,7 @@ declare enum GENDER {
     OTHER = "OTHER"
 }
 
-export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData;
+export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData | undefined;
 
 declare const getArrowTooltipConfig: IGetArrowTooltipConfig;
 
@@ -859,6 +908,7 @@ declare interface IAnimatedArcProps {
     duration?: number;
     delay?: number;
     showAnimatedRainbowArc?: boolean;
+    zIndex?: number;
 }
 
 declare interface IAnimatedAvatarMessageProps {
@@ -1618,6 +1668,14 @@ declare interface IDigitalMeterProps {
     actAsTimer?: boolean;
 }
 
+declare interface IDotConfig {
+    dotColor?: TColorNames;
+    inactiveDotColor?: TColorNames;
+    activeIndicatorSize?: string;
+    inactiveIndicatorSize?: string;
+    spacing?: string;
+}
+
 declare type IDotLottieAnimationProps = XOR<WithSrc, WithData> & SharedProps;
 
 declare interface IDotLottieAnimationRef {
@@ -2317,6 +2375,8 @@ declare interface ILinearProgressBarProps {
     backgroundColor?: TColorNames;
     fillColor?: TColorNames;
     borderRadius?: number;
+    delta?: number;
+    deltaProgressColor?: TColorNames;
 }
 
 export declare const ILLUSTRATIONS: {
@@ -2362,6 +2422,7 @@ export declare const ILLUSTRATIONS: {
     CIRCLE_OUTERCIRCLE_BG: string;
     CLOCK_BADGE: string;
     CLOCK_ORANGE: string;
+    CODING_REPORT_ICON: string;
     COMMON: string;
     COMMUNITY_BULB: string;
     COMMUNITY_BULB_YELLOW_2: string;
@@ -2379,9 +2440,13 @@ export declare const ILLUSTRATIONS: {
     DURATION_90MIN_GRAY: string;
     EARTH_GREEN: string;
     ELLIPSE_CLIP: string;
+    ELP_ICON: string;
+    ENGLISH_ICON: string;
     EPIC: string;
     EQUAL_OUTLINED: string;
     FEMALE_AVATAR: string;
+    FOCUS_BLUE: string;
+    FULL_REPORT: string;
     GAME_PLAY: string;
     GLOBE_WITH_BLUE_FILL: string;
     GRADE_GRID_BACKGROUND: string;
@@ -2395,6 +2460,7 @@ export declare const ILLUSTRATIONS: {
     HANDSHAKE_GREEN: string;
     HEART_OUTLINED: string;
     HW_ICON: string;
+    KEY: string;
     KNOWLEDGE_BLUE: string;
     LEARNED_SHIELD_GRAY: string;
     LEARNED_SHIELD_GREEN: string;
@@ -2403,6 +2469,7 @@ export declare const ILLUSTRATIONS: {
     LEGENDARY: string;
     LIKE: string;
     LIVE_SESSION: string;
+    LIVE_SESSION_BLUE: string;
     LOADER: string;
     LOADER_1: string;
     LOCKED: string;
@@ -2411,6 +2478,7 @@ export declare const ILLUSTRATIONS: {
     MASTERED_BADGE: string;
     MASTERED_SHIELD_GRAY: string;
     MASTERED_SHIELD_GREEN: string;
+    MATH_FIT_GREY: string;
     MENTAL_MATH: string;
     MILESTONE_INTRO_1: string;
     MILESTONE_INTRO_2: string;
@@ -2431,15 +2499,19 @@ export declare const ILLUSTRATIONS: {
     NODE_TEST_PREP_BG: string;
     NODE_VIDEO_BG: string;
     NO_ACTIVITY: string;
+    NO_REPORT: string;
     NUMBER_1_ORANGE: string;
     NUMBER_2_ORANGE: string;
     NUMBER_3_ORANGE: string;
     NUMBER_4_ORANGE: string;
     ONE_STAR_FILLED: string;
+    OPENED_BOOK_GREEN: string;
     ORANGE_FACE: string;
     PARENT_AVATAR: string;
     PEOPLE_WITH_ORANGE_FILL: string;
+    PERCENTAGE_PATTERN_YELLOW: string;
     PERSONALIZATION: string;
+    PI_ORANGE: string;
     PLATFORM_GREEN: string;
     PLATFORM_PURPLE: string;
     PLAY: string;
@@ -2450,6 +2522,7 @@ export declare const ILLUSTRATIONS: {
     PRACTICED_SHIELD_GREY: string;
     PROFICIENT_BADGE: string;
     PROFILE_BOARD: string;
+    PTM_REPORT_ICON: string;
     PUZZLE: string;
     PUZZLE_DASHBOARD_BANNER: string;
     PUZZLE_PATTERN_BLUE: string;
@@ -2457,15 +2530,20 @@ export declare const ILLUSTRATIONS: {
     PUZZLE_PATTERN_ORANGE: string;
     PUZZLE_PATTERN_PURPLE: string;
     PUZZLE_PATTERN_YELLOW: string;
+    PUZZLE_PURPLE: string;
     PUZZLE_STUDENT: string;
+    QUESTION_MARK_YELLOW: string;
     RADIAL_GRADIENT_BG: string;
     RADIAL_GRADIENT_BG_2: string;
     RARE: string;
     REFUND_POLICY: string;
     REFUND_POLICY_WITH_HEADPHONE: string;
+    RENEWAL_BLUE: string;
     REPORT_404: string;
     ROCKET_BROKEN: string;
     ROCKET_YELLOW: string;
+    SAT_REPORT_ICON: string;
+    SCIENCE_REPORT_ICON: string;
     SCORE: string;
     SMILEY: string;
     STAR_BADGE: string;
@@ -2481,7 +2559,11 @@ export declare const ILLUSTRATIONS: {
     TEST_DIFFICULTY_HARD: string;
     TEST_DIFFICULTY_MEDIUM: string;
     THREE_STARS_FILLED: string;
+    THUMBS_UP_GREEN: string;
+    THUMPS_DOWN: string;
+    THUMPS_UP: string;
     TICK_GREEN: string;
+    TIME_PURPLE: string;
     TROPHY_BLUE: string;
     TROPHY_BLUE_FILLED: string;
     TROPHY_CIRCLE: string;
@@ -2552,6 +2634,14 @@ export { Image_2 as Image }
 export declare const ImageIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const IMAGES: {
+    2021: string;
+    2022: string;
+    2023: string;
+    2024: string;
+    2025: string;
+    2026: string;
+    2027: string;
+    2028: string;
     ACHIEVEMENT_BG: string;
     APR: string;
     ASHTA: string;
@@ -2910,6 +3000,56 @@ declare interface IModalProviderProps extends PropsWithChildren {
     isUserAuthenticated?: boolean;
 }
 
+declare interface IMonthlyActivity {
+    id: string;
+    node_type: NODE_TYPES;
+    card_type: CARD_TYPE;
+    card_header: CARD_TYPE | null;
+    feedback_comments: string | null;
+    state: NODE_STATE;
+    title?: string;
+    accuracy?: number | null;
+    subtext?: string | null;
+    is_timed?: boolean;
+    image_hue?: THueNames;
+    image_url?: string;
+    sat_max_score?: number | null;
+    sat_total_score?: number | null;
+    item_ref?: string | null;
+    thumbnail_url?: string;
+    user_attempt_id?: string | null;
+    tip: string | null;
+    user_block_id: string | null;
+    user_chapter_id: string | null;
+    user_node_id: string | null;
+}
+
+declare interface IMonthlyReportProps {
+    reportId: string;
+    studentName: string;
+    onPuzzleClick?: (params: {
+        item_ref: IMonthlyActivity['item_ref'];
+        feedback_comments: IMonthlyActivity['feedback_comments'];
+        image_hue: IMonthlyActivity['image_hue'];
+        title: IMonthlyActivity['title'];
+        tip: IMonthlyActivity['tip'];
+    }) => void;
+    showSnackbar?: (params: {
+        type: 'error' | 'info';
+        message: string;
+        bgColor: string;
+    }) => void;
+    onFeedback?: (feedback: TFeedback, studentCourseId: string) => void;
+}
+
+declare interface IMonthlyTimelineProps {
+    userType: 'PARENT' | 'TEACHER' | 'STUDENT';
+    studentId: string;
+    courseStreams?: string[];
+    onReportClick?: (reportId: string, reportType: REPORT_TYPE, year: number, month: string) => void;
+    scrollAreaHeight?: string | number;
+}
+
 export declare interface IMultiplayerWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {
     enablePlayerTurnIndicators?: boolean;
 }
@@ -2933,6 +3073,13 @@ declare interface IMultiTabBlockerProps {
     onTabBlock?: (source: string) => void;
 }
 
+declare interface INavigationConfig {
+    buttonVariant?: 'primary' | 'secondary';
+    buttonSize?: 'xsmall' | 'small' | 'medium' | 'large';
+    spacing?: number;
+    hideOnMobile?: boolean;
+}
+
 export declare enum IndicatorType {
     TOOLTIP = "tooltip",
     NUDGE = "nudge"
@@ -3293,6 +3440,12 @@ declare interface IProgramOption {
     [key: string]: unknown;
 }
 
+declare interface IProgressTimelineTabs {
+    onTabClick: (tab: ETAB_IDS) => void;
+    activeTab: string;
+    headerHeight: number;
+}
+
 export declare interface IProject<T> {
     type: ProjectType;
     data: T[];
@@ -3330,6 +3483,10 @@ declare interface IProjects_2 {
     };
 }
 
+declare interface IPTMReportProps {
+    ptmId: string;
+}
+
 declare interface IPublishData {
     eventName: string;
     eventPayload: IActionData;
@@ -3933,6 +4090,33 @@ declare interface ISubmitModalProps_2 {
     courseStream: TCourseStream;
 }
 
+export declare interface ISwipableCarousel {
+    items: ReactNode[];
+    children?: ReactNode;
+    defaultIndex?: number;
+    transitionDuration?: number;
+    onSwipeLeft?: () => void;
+    onSwipeRight?: () => void;
+    onIndexChange?: (index: number) => void;
+    showDots?: boolean;
+    dotsConfig?: IDotConfig;
+    showNavigationButtons?: boolean;
+    navigationConfig?: INavigationConfig;
+    onDotClick?: (index: number) => void;
+}
+
+export declare interface ISwipableCarouselRefs {
+    currentIndex: number;
+    goToIndex: (index: number) => void;
+}
+
+declare interface ISwipeableComponentProps {
+    onSwipeLeft?: () => void;
+    onSwipeRight?: () => void;
+    minSwipeDistance?: number;
+    children: ReactNode;
+}
+
 declare interface ISyncableWebGameProps {
     joinByRoomId?: string;
     enableSync?: boolean;
@@ -4964,7 +5148,7 @@ export declare interface LessonFirstAttempt {
     grossTimeTaken: number;
 }
 
-export declare const LinearProgressBar: NamedExoticComponent<ILinearProgressBarProps>;
+export declare const LinearProgressBar: FC<ILinearProgressBarProps>;
 
 export declare const loadScript: ILoadScript;
 
@@ -5153,6 +5337,10 @@ export declare const Mobile: FC<SVGProps<SVGSVGElement>>;
  */
 export declare const ModalProvider: FC<IModalProviderProps>;
 
+export declare const MonthlyReport: NamedExoticComponent<IMonthlyReportProps>;
+
+export declare const MonthlyTimeline: NamedExoticComponent<IMonthlyTimelineProps>;
+
 export declare const MoreVerticalIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const MorningIcon: FC<SVGProps<SVGSVGElement>>;
@@ -5354,13 +5542,15 @@ export declare const OTPInput: NamedExoticComponent<IOTPInputProps>;
 export declare type OutcomeStage = keyof typeof STAGES;
 
 export declare const OverlayLoader: MemoExoticComponent<({ isLoading }: {
-    isLoading?: boolean | undefined;
+isLoading?: boolean | undefined;
 }) => JSX.Element | null>;
 
 export declare const ParentDashboard: NamedExoticComponent<IParentDashboardProps>;
 
 export declare const ParentDashboardFaqs: () => JSX.Element;
 
+export declare const PauseIcon: FC<SVGProps<SVGSVGElement>>;
+
 export declare const PencilIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const PercentileInput: ForwardRefExoticComponent<IPercentileProps & RefAttributes<HTMLInputElement>>;
@@ -5492,6 +5682,8 @@ export declare enum ProjectType {
     TABLE = "table"
 }
 
+export declare const PTMReport: NamedExoticComponent<IPTMReportProps>;
+
 export declare interface Puzzle extends BaseProject {
     question: string;
     isHintSeen: boolean;
@@ -5567,6 +5759,12 @@ export declare const ReferenceSheet: FC<IReferenceSheetProps>;
 
 export declare const RemotePeerPointer: NamedExoticComponent<IPointerProps>;
 
+export declare enum REPORT_TYPE {
+    MPR_V1 = "MPR_V1",
+    MPR_V2 = "MPR_V2",
+    PTM = "PTM"
+}
+
 export declare const ReportInformation: FC<IReportInformationProps>;
 
 export declare const ResendOTP: NamedExoticComponent<IOTPResendProps>;
@@ -5690,7 +5888,7 @@ export declare const SheetIcon: FC<SVGProps<SVGSVGElement>>;
 export declare const SheetList: FC<ISheetsListProps>;
 
 export declare const SheetLocked: MemoExoticComponent<({ onHomeClick }: {
-    onHomeClick: () => void;
+onHomeClick: () => void;
 }) => JSX.Element>;
 
 export declare const SignUp: ({ circleOnLeapPremiumDays, circleUsername, countryCode, grade: defaultGrade, state, circleOnLeapPremiumEnabled, studentId, isSignUpProcessing, onCreateUser, onUpdateUser, onSignupStepsComplete, isPLAStudent, }: ISignUpProps) => JSX.Element;
@@ -5836,6 +6034,10 @@ export declare const StudentTrialReportModal: MemoExoticComponent<() => JSX.Elem
 
 export declare const SubmitMilestoneModal: FC<ISubmitModalProps>;
 
+export declare const SwipableCarousel: NamedExoticComponent<ISwipableCarousel & RefAttributes<ISwipableCarouselRefs>>;
+
+export declare const SwipeableComponent: React.FC<ISwipeableComponentProps>;
+
 export declare const SwitchIcon: FC<SVGProps<SVGSVGElement>>;
 
 declare const TAB_CODES: {
@@ -6102,6 +6304,8 @@ declare interface TextProps {
     $cursor?: 'pointer' | 'default' | 'text' | 'not-allowed' | 'move' | 'help';
 }
 
+declare type TFeedback = 'positive' | 'negative';
+
 export declare type TFontFamilyNames = `${'Athletics'}-${'Light' | 'Regular' | 'Medium' | 'Bold' | 'Black'}` | `${'UntitledSans'}-${'Regular' | 'Medium'}`;
 
 declare type TGoalCategory = keyof typeof GOAL_CATEGORY | null;
@@ -6137,6 +6341,8 @@ export declare const TickIcon: FC<SVGProps<SVGSVGElement>>;
  */
 export declare const TimeLeftTimeline: FC<ITimeLeftTimelineProps>;
 
+export declare const TimelineTabs: MemoExoticComponent<({ onTabClick, activeTab, headerHeight }: IProgressTimelineTabs) => JSX.Element>;
+
 export declare type TInclassChannelMetadata = {
     syncModule?: {
         name: 'MILESTONE_CREATE' | 'MILESTONE_EDIT' | 'MILESTONE_REVIEW';
@@ -6982,7 +7188,7 @@ export declare type TTestType = 'standardized' | 'non-standardized' | 'no-test'
 
 export declare type TTextButtonSizes = 'small' | 'regular' | 'medium';
 
-export declare type TTextVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'quote' | 'body1' | 'body1Medium' | 'body2' | 'body3' | 'eyebrow1' | 'eyebrow2' | 'cta1' | 'cta2' | 'cta3' | `${'ah1' | 'ah2' | 'ah3' | 'ah4' | 'ab1' | 'ab2' | 'ab3' | 'ab4'}${'' | '-bold' | '-black'}` | `${'ac1' | 'ac2' | 'ac3' | 'ac4'}${'' | '-black'}` | `${'ub1' | 'ub2' | 'ub3'}${'' | '-bold'}`;
+export declare type TTextVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'quote' | 'body1' | 'body1Medium' | 'body2' | 'body3' | 'eyebrow1' | 'eyebrow2' | 'cta1' | 'cta2' | 'cta3' | `${'ah1' | 'ah2' | 'ah3' | 'ah4' | 'ab1' | 'ab2' | 'ab3' | 'ab4'}${'' | '-bold' | '-black'}` | `${'ac1' | 'ac2' | 'ac3' | 'ac4' | 'ac5'}${'' | '-black'}` | `${'ub1' | 'ub2' | 'ub3'}${'' | '-bold'}`;
 
 declare type TTimeUnit = 'hours' | 'minutes' | 'days';
 
@@ -7223,8 +7429,8 @@ export declare const useGetMilestoneResources: (initialId?: string, initialQuery
 
 export declare const useGetPastMilestoneCount: (initialId?: string, initialQuery?: void | undefined) => {
     get: (id: string, query: void, meta: TQuery_2) => Promise<void>;
-    resource: ResourceModel<{
-        user_milestones_count: number;
+    resource: ResourceModel<    {
+    user_milestones_count: number;
     }> | undefined;
     data: {
         user_milestones_count: number;