@cuemath/leap 3.2.22-m → 3.2.24-mb

package/dist/index.d.ts

@@ -2,13 +2,10 @@ import type { ButtonHTMLAttributes } from 'react';
 import type { Channel } from '@cuemath/cue-message-broker';
 import { ChannelStatus } from '@cuemath/cue-message-broker';
 import { ComponentType } from 'react';
-import type { Config } from '@lottiefiles/dotlottie-web';
 import { Context } from 'react';
 import type { 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 { FC } from 'react';
 import type { FormEvent } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -77,8 +74,6 @@ export declare const AnimatedArc: React_2.FC<IAnimatedArcProps>;
 
 export declare const AnimatedAvatarMessage: NamedExoticComponent<IAnimatedAvatarMessageProps>;
 
-declare type AnimationSegment = [number, number];
-
 export declare const AppLoader: FC<IAppLoaderProps>;
 
 export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
@@ -368,8 +363,6 @@ export declare const DesmosCalculator: FC<IDesmosCalculatorProps>;
 
 export declare const DigitalMeter: FC<IDigitalMeterProps>;
 
-export declare const DotLottieAnimation: NamedExoticComponent<ILottieAnimationProps & RefAttributes<ILottieAnimationRef>>;
-
 export declare const DownIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const DraftIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -2223,22 +2216,6 @@ declare interface ILogger {
     (eventName: string, data?: Record<string, unknown>): void;
 }
 
-declare interface ILottieAnimationProps {
-    src: string;
-    width?: string | number;
-    height?: string | number;
-    settings?: Partial<LottieSettings>;
-    eventListeners?: {
-        name: EventType;
-        callback: EventListener_2<EventType>;
-    }[];
-    onRender?: () => void;
-}
-
-declare interface ILottieAnimationRef {
-    playSegments: (segments: AnimationSegment, forceFlag?: boolean) => void;
-}
-
 declare interface ILPARChapterProps extends ILPARSheetCallbacks {
     userType: TUserTypes;
     chapterData: TLPARChapterData;
@@ -2575,7 +2552,7 @@ export declare interface IModal {
     /** Content to display inside the modal */
     element: ReactElement;
     /** Rendering style of the modal */
-    renderAs?: 'modal' | 'fullscreen' | 'spotlight' | 'bottom-sheet';
+    renderAs?: 'modal' | 'fullscreen' | 'spotlight' | 'bottom-sheet' | 'fullscreen-transparent';
     /** Whether the modal can be dismissed by clicking outside or ESC key (default: true) */
     isDismissable?: boolean;
     /** Whether the modal requires authentication to view (default: true) */
@@ -3417,19 +3394,35 @@ declare interface IStepperProps {
     currentStep: number;
 }
 
-declare interface IStickerData {
+export declare interface IStickerData {
     id: string;
     emoji: string;
     lottieUrl?: string;
-    name?: string;
+    name: string;
 }
 
-declare interface IStickerGridProps {
+export declare interface IStickerProps {
+    emoji: string;
+    lottieUrl?: string;
+    size?: number | string;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+
+export declare interface IStickerSelectorProps {
     stickers: IStickerData[];
     columns?: number;
     gap?: number;
     stickerSize?: number | string;
     onStickerClick?: (sticker: IStickerData) => void;
+    disabled?: boolean;
+}
+
+export declare interface IStickersProps {
+    stickers: string[];
+    effect: TStickerEffects;
+    count: number;
+    duration: number;
 }
 
 declare interface IStreakIconProps extends React.HTMLProps<HTMLDivElement> {
@@ -4531,8 +4524,6 @@ export declare const LOTTIE: {
     VIDEO: string;
 };
 
-declare type LottieSettings = Omit<Config, 'src' | 'canvas'>;
-
 export declare const LPARChapter: FC<ILPARChapterProps>;
 
 export declare const LPARMilestoneChapter: FC<ILPARMilestoneChapter>;
@@ -5047,22 +5038,15 @@ declare const STICKER_BADGE: {
     AWESOME: string;
 };
 
-declare type StickerEffect = 'burst_from_edges' | 'pop_expand' | 'float_up' | 'fall_down';
+export declare const stickerData: IStickerData[];
 
 export declare const StickerFilledIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const StickerIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-export declare const Stickers: React_2.NamedExoticComponent<StickersProps>;
-
-declare interface StickersProps {
-    stickers: string[];
-    effect: StickerEffect;
-    count: number;
-    duration: number;
-}
+export declare const StickersEffects: React_2.NamedExoticComponent<IStickersProps>;
 
-export declare const StickersSelector: React_2.NamedExoticComponent<IStickerGridProps>;
+export declare const StickersSelector: React_2.NamedExoticComponent<IStickerSelectorProps>;
 
 export declare const StreakIcon: React_2.FC<IStreakIconProps>;
 
@@ -5988,7 +5972,7 @@ declare type TRenderAs_2 = 'canvas' | 'whiteboard';
 declare type TRewardHomeData = {
     user_badges: TBadgeData[] | [];
     user_rewards: TRewardsData[] | [];
-    user_stickers: TStickerData[] | [];
+    user_stickers: TStickerData_2[] | [];
 };
 
 declare type TRewardsData = {
@@ -6116,7 +6100,18 @@ export declare type TSkillStatus = 'pending' | 'completed';
 
 export declare type TSocialAuthProvider = 'google' | 'apple';
 
-declare type TStickerData = {
+export declare type TStickerData = {
+    id: string;
+    sticker: string;
+    lottie?: string;
+    x: number;
+    y: number;
+    size: number;
+    fromX?: string;
+    fromY?: string;
+};
+
+declare type TStickerData_2 = {
     actor_id: string;
     badge_id: string;
     badge_type: string;
@@ -6129,6 +6124,8 @@ declare type TStickerData = {
     user_type: string;
 };
 
+export declare type TStickerEffects = 'burst-from-edges' | 'pop-expand' | 'float-up' | 'fall-down';
+
 export declare type TStreakStatus = 'pending' | 'completed';
 
 declare type TStyleAttrubutes = NonNullable<HTMLAttributes<HTMLDivElement>['style']>;