@cuemath/leap 3.3.33-as1 → 3.3.34-as1

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import type { AnimationEventCallback } from 'lottie-web';
+import type { AnimationEventName } from 'lottie-web';
 import type { ButtonHTMLAttributes } from 'react';
 import type { Channel } from '@cuemath/cue-message-broker';
 import { ChannelStatus } from '@cuemath/cue-message-broker';
@@ -367,14 +369,10 @@ export declare const CircularStepWrapper: NamedExoticComponent<ICircularStepWrap
 
 export declare const ClaimUserAccount: NamedExoticComponent<IClaimUserAccountProps>;
 
-export declare const ClassTime: MemoExoticComponent<(props: IClassTimeProps) => JSX.Element | null>;
-
 export declare const Clickable: React_2.FC<IClickableProps>;
 
 export declare const ClipboardIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-export declare const Clock: MemoExoticComponent<({ completionTime, onComplete, startedOn, textVariant, textColor, }: IClockProps) => JSX.Element | null>;
-
 export declare const Clock2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const ClockIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -673,8 +671,6 @@ declare interface FlexViewProps {
     $flex?: number;
 }
 
-export declare const formatTimeInHHMMSS: (seconds: number, includeHours?: boolean) => string;
-
 export declare interface Game extends BaseProject {
     isPlayed: boolean;
 }
@@ -1410,25 +1406,6 @@ export declare interface IClassTimeAlertConfig {
     onComplete: () => void;
 }
 
-declare interface IClassTimeProps {
-    /** Class duration in seconds */
-    classDuration: number;
-    /** When the class started */
-    classStartedTime: Date;
-    /** Extended time in minutes */
-    extendedTime?: number;
-    /** Whether class is ongoing */
-    ongoing?: boolean;
-    /** Callback when timer completes */
-    onComplete?: () => void;
-    /** Callback when extend class is requested */
-    onExtendClass?: () => void;
-    /** Callback triggered when extended time period starts updating reducer to show/hide end class button in demo logout dropdown */
-    onExtendedTimeStart?: () => void;
-    /** Whether to show the extend class icon (default: false) there is conditions for teacher where we are also not showing this icon */
-    showExtendIcon?: boolean;
-}
-
 export declare interface IClickableAnalyticsProps {
     label?: string;
     analyticsLabel?: string;
@@ -1442,14 +1419,6 @@ declare interface IClickableProps extends IClickableAnalyticsProps {
     children: React_2.ReactNode;
 }
 
-declare interface IClockProps {
-    startedOn?: Date;
-    completionTime?: number | null;
-    onComplete?: () => void;
-    textVariant?: TTextVariants;
-    textColor?: TColorNames;
-}
-
 declare interface ICoachMarkCompletion {
     CIRCLE_ACTIVITIES_INTRO_JOURNEY: boolean;
     CIRCLE_LEADERBOARD_INTRO_JOURNEY: boolean;
@@ -1504,15 +1473,11 @@ declare interface IContextMenuProps {
 }
 
 declare interface ICountdownTimer {
-    renderAs: 'circular-progressive-bar' | 'default';
     hideDigits: boolean;
     onTimerComplete?: () => void;
     timeRemaining: number;
-    background: 'GREEN_1' | 'ORANGE_1' | 'GREY_1';
-    duration?: number;
-    textVariant?: TTextVariants;
-    textColor?: TColorNames;
-    iconColor?: 'YELLOW_3' | 'ORANGE_3' | 'BLACK' | 'WHITE';
+    duration: number;
+    theme: 'GREEN_1' | 'ORANGE_1';
 }
 
 export declare interface ICreateUserPayloadDal {
@@ -2434,9 +2399,9 @@ export declare const ILLUSTRATIONS: {
     PUZZLE_PATTERN_PURPLE: string;
     PUZZLE_PATTERN_YELLOW: string;
     PUZZLE_STUDENT: string;
-    RARE: string;
     RADIAL_GRADIENT_BG: string;
     RADIAL_GRADIENT_BG_2: string;
+    RARE: string;
     REFUND_POLICY: string;
     REFUND_POLICY_WITH_HEADPHONE: string;
     REPORT_404: string;
@@ -2482,6 +2447,30 @@ declare interface ILogger {
     (eventName: string, data?: Record<string, unknown>): void;
 }
 
+declare interface ILottieAnimationProps {
+    src: string;
+    width?: string | number;
+    height?: string | number;
+    settings?: Record<string, string | number | boolean | number[] | undefined | unknown>;
+    eventListener?: {
+        name: AnimationEventName;
+        callback: AnimationEventCallback;
+    };
+    onRender?: () => void;
+    onError?: () => void;
+    animateOnIntersect?: boolean;
+}
+
+declare interface ILottieAnimationRef {
+    playSegments: (segments: [number, number], forceFlag?: boolean) => void;
+    play: () => void;
+    stop: () => void;
+    setLoop: (loop: boolean) => void;
+    goToAndStop(value: number, isFrame?: boolean): void;
+    addEventListener: (eventName: string, callback: () => void) => void;
+    removeEventListener: (eventName: string, callback: () => void) => void;
+}
+
 declare interface ILPARChapterProps extends ILPARSheetCallbacks {
     userType: TUserTypes;
     chapterData: TLPARChapterData;
@@ -4150,15 +4139,6 @@ declare interface ITimeLeftTimelineProps {
     showRemainingTime?: boolean;
 }
 
-declare interface ITimerProps {
-    endTime: number;
-    onComplete?: () => void;
-    reminder?: number;
-    onReminder?: () => void;
-    textColor?: TColorNames;
-    textVariant?: TTextVariants;
-}
-
 declare interface ITimeStampsResponseModel {
     current: number;
     start_timestamp: number;
@@ -4894,6 +4874,9 @@ export declare const LOTTIE: {
     COLOR_2: string;
     COLOR_3: string;
     COMPETITIVE_ARENA: string;
+    CONFETTI_1: string;
+    CONFETTI_2: string;
+    CONFETTI_3: string;
     COOL: string;
     DART: string;
     DIAMOND: string;
@@ -4912,6 +4895,7 @@ export declare const LOTTIE: {
     FIVE_MIN_CLOCK: string;
     FLYING_DISK: string;
     GIFT: string;
+    GOAL_MASTERED: string;
     GOLD_1: string;
     GOLD_2: string;
     GOLD_3: string;
@@ -4974,6 +4958,10 @@ export declare const LOTTIE: {
     RECAP: string;
     ROCKET: string;
     SEQUENCE_MODE_SEGMENT_LOTTIE: string;
+    SHEET_COMPLETED_ADVANCED: string;
+    SHEET_COMPLETED_ASSESSMENT: string;
+    SHEET_COMPLETED_LEARNING: string;
+    SHEET_COMPLETED_PRACTICE: string;
     SHOVEL: string;
     SILVER_1: string;
     SILVER_2: string;
@@ -4984,6 +4972,11 @@ export declare const LOTTIE: {
     SPLASH_SCREEN: string;
     STAR: string;
     STAR_STRIKE_EMOJI: string;
+    STONES_COSA: string;
+    STONES_DOCA: string;
+    STONES_HEXO: string;
+    STONES_OCTO: string;
+    STONES_TTRO: string;
     STUDENT_AVATAR: string;
     SUBJECTIVE: string;
     SUPER: string;
@@ -5006,6 +4999,8 @@ export declare const LOTTIE: {
     VIDEO: string;
 };
 
+export declare const LottieAnimation: NamedExoticComponent<ILottieAnimationProps & RefAttributes<ILottieAnimationRef>>;
+
 declare type LottieSettings = Omit<Config, 'src' | 'canvas'>;
 
 export declare const LPARChapter: FC<ILPARChapterProps>;
@@ -5980,8 +5975,6 @@ export declare const TickIcon: React.FC<React.SVGProps<SVGSVGElement>>;
  */
 export declare const TimeLeftTimeline: React_2.FC<ITimeLeftTimelineProps>;
 
-export declare const Timer: MemoExoticComponent<({ endTime, onComplete, onReminder, reminder, textColor, textVariant, }: ITimerProps) => JSX.Element>;
-
 export declare type TInclassChannelMetadata = {
     syncModule?: {
         name: 'MILESTONE_CREATE' | 'MILESTONE_EDIT' | 'MILESTONE_REVIEW';
@@ -7175,12 +7168,6 @@ export declare const useTrialSessionMessageBroker: IUseTrialSessionMessageBroker
 
 export declare const useUIContext: () => UIContextProps;
 
-/**
- * Custom hook to detect visibility change of the document.
- * Returns true if the document is visible, false otherwise.
- */
-export declare const useVisibilityChange: () => boolean;
-
 export declare const useWorksheetLayout: IUseWorksheetLayout;
 
 export declare const useZoomDisable: () => void;
@@ -7281,9 +7268,6 @@ declare const ZINDEX: {
     readonly GOAL_CHAPTER_SHEETS_MENU: 4;
     readonly JOURNEY_OVERLAY: 1000;
     readonly CHAPTER_COMPLETED_LOTTIE: 5;
-    readonly EXTEND_CLASS_ANIMATION_1: 24;
-    readonly EXTEND_CLASS_ANIMATION_2: 25;
-    readonly EXTEND_CLASS_ANIMATION_3: 26;
     readonly WINS_HEADER: 11;
 };