@cuemath/leap 3.2.15 → 3.2.16-link.0

package/dist/index.d.ts

@@ -33,6 +33,17 @@ import { ResourceModel } from '@cuemath/rest-api';
 import type { SetStateAction } from 'react';
 import { Substitute } from 'styled-components/dist/types';
 
+export declare const Accordion: NamedExoticComponent<AccordionProps>;
+
+declare interface AccordionProps {
+    theme?: AccordionTheme;
+    visibleBuffer: number;
+    accordionData: Array<{
+        accordionQuestion: string;
+        accordionAnswer: React.ReactNode | string;
+    }>;
+}
+
 /**
  * AccordionSection component.
  *
@@ -41,6 +52,8 @@ import { Substitute } from 'styled-components/dist/types';
  */
 export declare const AccordionSection: FC<IAccordionSectionProps>;
 
+declare type AccordionTheme = 'light' | 'dark';
+
 export declare const AccountSelector: MemoExoticComponent<({ userAccounts, onSelect, onAddNew, isLoading, }: IAccountSelectorViewProps) => JSX.Element>;
 
 export declare const ACHIEVEMENT_ACTIONS: {
@@ -52,10 +65,14 @@ export declare const AchievementNotShareReasonModal: React_2.FC<IShareInstructio
 
 export declare const AchievementShareInstructionModal: React_2.FC<IShareInstructionModalProps>;
 
+export declare const AfternoonIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const AlertIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const AnimatedArc: React_2.FC<IAnimatedArcProps>;
 
+export declare const AnimatedAvatarMessage: NamedExoticComponent<IAnimatedAvatarMessageProps>;
+
 export declare const AppLoader: FC<IAppLoaderProps>;
 
 export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
@@ -96,6 +113,8 @@ export declare const BackgroundImage: ({ img }: {
 
 export declare const BackIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const BaseInput: React_2.FC<IBaseInputProps>;
+
 declare interface BaseProject {
     id: string;
     name: string;
@@ -348,6 +367,8 @@ export declare const DraftIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const DragIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const Drawer: FC<IDrawerProps>;
+
 export declare const DynamicPreviewWorksheet: FC<IDynamicWorksheetPreview>;
 
 export declare enum EClassTimeAlertLevel {
@@ -420,6 +441,8 @@ declare interface ErrorProps {
     handleClick: () => void;
 }
 
+export declare const EveningIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const EVENTS: {
     PUZZLE_FEEDBACK_CELEBRATION: "PUZZLE_FEEDBACK_CELEBRATION";
     HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN";
@@ -644,6 +667,20 @@ declare interface IAnimatedArcProps {
     showAnimatedRainbowArc?: boolean;
 }
 
+declare interface IAnimatedAvatarMessageProps {
+    message: string;
+    onShowContent: (show: boolean) => void;
+    confirmationFrames: [number, number];
+    confirmationMessage?: string;
+    isConfirmationVisible?: boolean;
+    ref: React.Ref<IAnimatedAvatarMessageRef>;
+}
+
+export declare type IAnimatedAvatarMessageRef = {
+    fadeOutMessage: () => Promise<void>;
+    playConfirmationFrames: () => Promise<void>;
+};
+
 declare interface IAppLoaderProps {
     width?: string | number;
     height?: string | number;
@@ -689,6 +726,7 @@ declare interface IAuthPageLayoutProps {
     leftBlock: ReactElement;
     rightBlock?: ReactElement;
     isFullWidth?: boolean;
+    rightBlockBg?: TColorNames;
 }
 
 declare interface IAuthStaticPanelProps {
@@ -1345,6 +1383,16 @@ declare interface IDigitalMeterProps {
     actAsTimer?: boolean;
 }
 
+declare interface IDrawerProps {
+    isOpen: boolean;
+    onClose?: () => void;
+    children: ReactNode;
+    drawerWidth?: number | string;
+    position?: 'left' | 'right';
+    zIndex?: number;
+    theme: 'light' | 'dark';
+}
+
 declare interface IDynamicWorksheetPreview {
     studentId: string;
     userNodeId: string;
@@ -1604,7 +1652,7 @@ declare interface IIdentifierOtpFormProps {
 }
 
 declare interface IImageProps extends ImgHTMLAttributes<HTMLImageElement> {
-    withLoader: boolean;
+    withLoader?: boolean;
     borderRadius?: number;
     borderColor?: TColorNames;
 }
@@ -1978,6 +2026,14 @@ export declare interface ILessonWebGameProps extends IBaseWebGameProps, ISyncabl
     targetQuestions: number;
 }
 
+declare interface ILinearProgressBarProps {
+    percentage: number;
+    height?: number;
+    backgroundColor?: TColorNames;
+    fillColor?: TColorNames;
+    borderRadius?: number;
+}
+
 export declare const ILLUSTRATIONS: {
     ALARM_CLOCK_ORANGE: string;
     ALARM_CLOCK_PURPLE: string;
@@ -1994,6 +2050,7 @@ export declare const ILLUSTRATIONS: {
     CALENDAR_BLUE: string;
     CALENDAR_GRAY: string;
     CALENDAR_GREEN: string;
+    CALENDAR_PURPLE: string;
     CAUTION: string;
     CHAPTER_10: string;
     CHAPTER_1: string;
@@ -2033,6 +2090,7 @@ export declare const ILLUSTRATIONS: {
     GRADUATE_PINK_FILLED_BG: string;
     GREEN_BALLOON: string;
     GREEN_FACE: string;
+    HANDSHAKE: string;
     LEARNED_SHIELD_GRAY: string;
     LEARNED_SHIELD_GREEN: string;
     LEARNT: string;
@@ -2051,6 +2109,7 @@ export declare const ILLUSTRATIONS: {
     MILESTONE_INTRO_2: string;
     MILESTONE_INTRO_3: string;
     MISTAKE: string;
+    MONEY: string;
     NODE_ACTIVITY_BG: string;
     NODE_CUSTOM_TEST_BG: string;
     NODE_DOWNLOAD_BG: string;
@@ -2068,6 +2127,7 @@ export declare const ILLUSTRATIONS: {
     NUMBER_4_ORANGE: string;
     ONE_STAR_FILLED: string;
     ORANGE_FACE: string;
+    PARENT_AVATAR: string;
     PEOPLE_WITH_ORANGE_FILL: string;
     PLAY: string;
     PLAY_ICON: string;
@@ -2095,6 +2155,7 @@ export declare const ILLUSTRATIONS: {
     STAR_WITH_GREEN_FILL: string;
     STREAK_GREEN: string;
     STREAK_WHITE: string;
+    STRIPE_BLURPLE: string;
     TEST_DIFFICULTY_EASY: string;
     TEST_DIFFICULTY_HARD: string;
     TEST_DIFFICULTY_MEDIUM: string;
@@ -2104,6 +2165,7 @@ export declare const ILLUSTRATIONS: {
     TROPHY_BLUE_FILLED: string;
     TROPHY_CIRCLE: string;
     TROPHY_GREEN: string;
+    TRUSTPILOT: string;
     TWO_STARS_FILLED: string;
     UP_ARROW: string;
     USER_CROWN_GRID_BACKGROUND: string;
@@ -2459,7 +2521,7 @@ export declare interface IModal {
     /** Content to display inside the modal */
     element: ReactElement;
     /** Rendering style of the modal */
-    renderAs?: 'modal' | 'fullscreen' | 'spotlight';
+    renderAs?: 'modal' | 'fullscreen' | 'spotlight' | 'bottom-sheet';
     /** 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) */
@@ -2636,6 +2698,14 @@ declare interface IOpenImageReviewModalProps {
     image?: string;
 }
 
+declare interface IOTPInputProps {
+    length?: number;
+    value: string;
+    onChange: (val: string) => void;
+    error?: string;
+    isBusy?: boolean;
+}
+
 declare interface IOTPResendProps {
     onResendOTP: () => void;
     onResendVoiceOTP?: () => void;
@@ -2644,6 +2714,8 @@ declare interface IOTPResendProps {
     disabled?: boolean;
     renderAs?: 'submit' | 'text';
     width?: number | string;
+    textButtonColor?: TColorNames;
+    size?: 'small' | 'xsmall';
 }
 
 declare interface IOutcomeConfig {
@@ -2681,6 +2753,18 @@ declare interface IPerfectHitsProps {
     value: number;
 }
 
+declare interface IPillButtonProps {
+    id: string;
+    label: string;
+    selected?: boolean;
+    disabled?: boolean;
+    animatedLabel?: string;
+    icon?: string;
+    onClick: (val: string) => void;
+    tooltip?: string;
+    width?: number | string;
+}
+
 declare interface IPlaceholder {
     text?: string;
     marks?: string;
@@ -3068,6 +3152,15 @@ declare interface ISectionOption<Section = TDefaultSection> {
     data: Section[];
 }
 
+declare interface ISelectableInfoCardProps {
+    id: string;
+    title: string;
+    description: string;
+    icon: string;
+    selected: boolean;
+    onClick: (val: string) => void;
+}
+
 declare interface ISelectInputProps<IDType extends string | number> extends Omit<IBaseSelectInputProps<IDType>, 'searchable' | 'searchText' | 'onSearchTextChange'> {
 }
 
@@ -3202,6 +3295,15 @@ declare interface ISignupMethodsProps {
     loadingProvider: TSocialAuthProvider | null;
 }
 
+declare interface ISignupOptionsProps {
+    onEmailSignup: () => void;
+    onGoogleSignup: () => void;
+    onAppleSignup: () => void;
+    onGoToLogin: () => void;
+    loadingProvider: TSocialAuthProvider | null;
+    title?: string;
+}
+
 export declare interface ISignUpProps {
     circleOnLeapSignedUp: boolean;
     circleOnLeapPremiumEnabled: boolean;
@@ -3357,6 +3459,8 @@ declare interface ISyncableWebGameProps {
 declare interface ITabItem {
     id: string;
     label: string;
+    iconPosition?: 'left' | 'right';
+    Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
 }
 
 export declare interface ITable {
@@ -3428,6 +3532,7 @@ declare interface ITabsProps {
     selectedTab: string;
     onChange: (tab: string) => void;
     tabs: ITabItem[];
+    background?: TColorNames;
 }
 
 export declare interface ITabVariantConfig {
@@ -3486,6 +3591,20 @@ declare interface ITalkMeterProps extends ITalkMeter {
     animated?: boolean;
 }
 
+declare interface ITeacherProfileDetails {
+    lower_grade: string;
+    higher_grade: string;
+    header_image: string;
+    years_of_experience: number;
+    number_of_students_taught: number;
+    countries: string[];
+    degree: TDegreeInformation;
+}
+
+declare interface ITeacherProfileProps {
+    teacherProfile?: ITeacherProfileDetails;
+}
+
 declare interface ITeacherReview {
     reviewComment?: string;
     images?: string[];
@@ -4220,6 +4339,8 @@ declare const LESSON_TAG_TYPE: {
     readonly DEFAULT: "DEFAULT";
 };
 
+export declare const LinearProgressBar: NamedExoticComponent<ILinearProgressBarProps>;
+
 export declare const loadScript: ILoadScript;
 
 export declare const Lock2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
@@ -4234,6 +4355,7 @@ export declare const LOTTIE: {
     ACTIVITY: string;
     ADVANCE_MODE_SEGMENT_LOTTIE: string;
     ALL_DONE: string;
+    ANIMATED_AVATAR: string;
     AVATAR_SELECTED: string;
     BEGINNER1X: string;
     BRONZE_1: string;
@@ -4265,12 +4387,14 @@ export declare const LOTTIE: {
     FAMILIAR1X: string;
     FIFTEEN_MIN_CLOCK: string;
     FIVE_MIN_CLOCK: string;
+    FLYING_DISK: string;
     GIFT: string;
     GOLD_1: string;
     GOLD_2: string;
     GOLD_3: string;
     GOLF: string;
     GRADE: string;
+    GRADUATION_CAP: string;
     HIGH_SCORE_CONFETTI: string;
     HIGH_SCORE_TEXT: string;
     INFINITE_BUTTON_BG: string;
@@ -4281,17 +4405,21 @@ export declare const LOTTIE: {
     LEVELUP_RINGS: string;
     LEVEL_1_ALLSTAR: string;
     LIGHTNING: string;
+    LIGHT_BULB: string;
     MAGICWAND: string;
     MAIL: string;
     MECHANICAL_ARM: string;
     MEDAL: string;
     MEDIUM: string;
+    MUSCLE: string;
     NUDGE_TAP: string;
     OTP: string;
     PARENT_AVATAR: string;
     PARTY_BALL: string;
     PARTY_POPPER: string;
+    PENCIL: string;
     PHONE_NUMBER: string;
+    PLUS_SIGN: string;
     POINT100: string;
     POINT10: string;
     POINT15: string;
@@ -4312,9 +4440,12 @@ export declare const LOTTIE: {
     PROFICIENT1X: string;
     PROJECT: string;
     PUZZLE: string;
+    RACING_CAR: string;
     RANDOM_MODE_SEGMENT_LOTTIE: string;
     RECAP: string;
+    ROCKET: string;
     SEQUENCE_MODE_SEGMENT_LOTTIE: string;
+    SHOVEL: string;
     SILVER_1: string;
     SILVER_2: string;
     SILVER_3: string;
@@ -4377,6 +4508,8 @@ export declare const ModalProvider: FC<IModalProviderProps>;
 
 export declare const MoreVerticalIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const MorningIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const MultiTabBlocker: FC<PropsWithChildren<IMultiTabBlockerProps>>;
 
 export declare const Next2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -4530,8 +4663,12 @@ declare interface NumRangeInputProps {
     endPlaceholder?: string;
 }
 
+export declare const OnboardingGuide: () => JSX.Element;
+
 export declare const OTPForm: MemoExoticComponent<({ onSubmit, onChange, value, error, isProcessing, isValid, helperText, }: ISingleFieldFormProps) => JSX.Element>;
 
+export declare const OTPInput: NamedExoticComponent<IOTPInputProps>;
+
 export declare type OutcomeStage = keyof typeof STAGES;
 
 export declare const OverlayLoader: MemoExoticComponent<({ isLoading }: {
@@ -4544,6 +4681,8 @@ export declare const PercentileInput: React_2.ForwardRefExoticComponent<IPercent
 
 export declare const PerfectHits: NamedExoticComponent<IPerfectHitsProps>;
 
+export declare const PillButton: NamedExoticComponent<IPillButtonProps>;
+
 /**
  ** Global/Platform specific events that needs to be tracked goes here
  ** Naming convention needs to be snake_case
@@ -4729,6 +4868,8 @@ declare enum SECTION_CODE {
 
 export declare const SectionList: <Section extends string | number | TDefaultSection>(props: ISectionList<Section>) => ReactElement;
 
+export declare const SelectableInfoCard: MemoExoticComponent<({ id, title, description, icon, selected, onClick, }: ISelectableInfoCardProps) => JSX.Element>;
+
 export declare const SelectInput: <IDType extends string | number>(props: ISelectInputProps<IDType>) => ReactElement;
 
 export declare const SelectionCards: <IDType extends string | number>({ options, value, values, onChange, analyticsLabel, analyticsProps, type, $background, $selectedBackground, $cardWidth, }: ISelectionCardListProps<IDType>) => JSX.Element;
@@ -4784,8 +4925,12 @@ export declare const SheetLocked: MemoExoticComponent<({ onHomeClick }: {
 
 export declare const SignUp: ({ mathGymEnrolledUser, circleEnrolledUser, circleOnLeapPremiumDays, circleUsername, countryCode, grade: defaultGrade, state, circleOnLeapPremiumEnabled, studentId, isSignUpProcessing, onCreateUser, onUpdateUser, onSignupStepsComplete, }: ISignUpProps) => JSX.Element;
 
+export declare const SignupHeader: () => JSX.Element;
+
 export declare const SignupMethods: NamedExoticComponent<ISignupMethodsProps>;
 
+export declare const SignupOptions: NamedExoticComponent<ISignupOptionsProps>;
+
 declare const SketchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 export { SketchIcon as ScribbleIcon }
 export { SketchIcon }
@@ -4812,6 +4957,8 @@ export declare const STAGES: {
 
 export declare const Star2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const Star3Icon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const StarIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare enum State {
@@ -4884,7 +5031,7 @@ declare const TAB_CODES: {
 
 export declare const TabComponent: React_2.FC<ITabProps>;
 
-export declare const Tabs: MemoExoticComponent<({ selectedTab, onChange, tabs }: ITabsProps) => JSX.Element>;
+export declare const Tabs: MemoExoticComponent<({ selectedTab, onChange, tabs, background }: ITabsProps) => JSX.Element>;
 
 export declare type TAction = EventToPayload<TInclassMessage>;
 
@@ -4973,7 +5120,7 @@ declare type TBlockType = keyof typeof BLOCK_TYPE_2;
 
 export declare type TButtonSizes = 'xsmall' | 'small' | 'regular' | 'medium' | 'large';
 
-export declare type TButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'secondary-gray' | 'secondary-dark';
+export declare type TButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'secondary-gray' | 'secondary-dark' | 'black' | 'black-dark' | 'yellow-dark';
 
 declare type TCallback = (messages: TInclassMessage[]) => void;
 
@@ -5094,8 +5241,15 @@ declare type TCueProgramData = {
 
 declare type TDefaultSection = Record<string, unknown>;
 
+declare type TDegreeInformation = {
+    degree_name?: string;
+    field_of_study?: string;
+};
+
 declare type TDrawingData = ITile | IStroke | undefined;
 
+export declare const TeacherProfile: FC<ITeacherProfileProps>;
+
 declare type TEnglishSectionSummary = {
     section_code: 'READING & WRITING';
 } & TSectionSummary;
@@ -5129,6 +5283,7 @@ declare interface TextProps {
     $whiteSpace?: 'pre-line' | 'normal' | 'pre-wrap' | 'no-wrap' | 'pre' | 'break-spaces';
     $renderOnMobileAs?: TTextVariants;
     $renderOnTabletAs?: TTextVariants;
+    $cursor?: 'pointer' | 'default' | 'text' | 'not-allowed' | 'move' | 'help';
 }
 
 export declare type TFontFamilyNames = `${'Athletics'}-${'Light' | 'Regular' | 'Medium' | 'Bold' | 'Black'}` | `${'UntitledSans'}-${'Regular' | 'Medium'}`;