@cuemath/leap 2.9.1-aa0 → 2.9.1-j1

package/dist/index.d.ts

@@ -11,6 +11,7 @@ import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } 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 { IProvidedProps } from 'google-maps-react';
 import { IStyledComponent } from 'styled-components';
@@ -39,6 +40,8 @@ import { Substitute } from 'styled-components/dist/types';
  */
 export declare const AccordionSection: FC<IAccordionSectionProps>;
 
+export declare const AccountSelector: ({ userAccounts, onSelect, onAddNew, isLoading, }: IAccountSelectorViewProps) => JSX_2.Element;
+
 export declare const ACHIEVEMENT_ACTIONS: {
     SHARE: string;
     NOT_SHARE_CHOSEN: string;
@@ -58,6 +61,10 @@ export declare const ArcButton: MemoExoticComponent<ForwardRefExoticComponent<IA
 
 export declare const ArrowTooltip: FC<IArrowTooltipProps>;
 
+export declare const AuthPageLayout: FC<IAuthPageLayoutProps>;
+
+export declare const AuthStaticPanel: FC<IAuthStaticPanelProps>;
+
 export declare const AutoPlayPermissionProvider: FC<{
     children: ReactNode;
 }>;
@@ -211,6 +218,10 @@ export declare const CircularLoader: () => JSX_2.Element;
 
 export declare const CircularSteps: FC<ICircularStepsProps>;
 
+export declare const CircularStepWrapper: ForwardRefExoticComponent<ICircularStepWrapperProps & RefAttributes<ICircularStepRef>>;
+
+export declare const ClaimUserAccount: NamedExoticComponent<IClaimUserAccountProps>;
+
 export declare const Clickable: React_2.FC<IClickableProps>;
 
 export declare const ClipboardIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -261,6 +272,8 @@ export declare const CueRocket: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const DashArrowIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const DatePickerInput: FC<IDatePickerInputProps>;
+
 export declare const DesmosCalculator: FC<IDesmosCalculatorProps>;
 
 export declare const DigitalMeter: FC<IDigitalMeterProps>;
@@ -290,6 +303,8 @@ export declare enum ELeaderboardType {
     ALL_TIME_STREAK = "globalStreak"
 }
 
+export declare const EmailInput: FC<ICustomInputProps>;
+
 declare const ENROLLMENT_TYPES: {
     readonly ONLINE: "ONLINE";
     readonly PLUS: "PLUS";
@@ -459,6 +474,8 @@ export declare const GoalEdit: React.FC<IMileStoneEditContainerProps>;
 
 export declare const GooglePlacesSearchInput: ComponentType<Omit_2<IGooglePlacesSearchInputProps, IProvidedProps>>;
 
+export declare const GradeInput: FC<ICustomInputProps>;
+
 export declare function GradeSelector({ selectedValue, onSelect, tabsWidth, width, grades, renderAs, size, layoutAlignment, }: IGradeSelectorProps): JSX.Element;
 
 export declare const HandIcon: React_2.FC;
@@ -481,6 +498,17 @@ declare interface IAccordionSectionProps {
     bodyOverFlow?: TStyleAttrubutes['overflow'];
 }
 
+declare interface IAccountSelectorViewProps {
+    userAccounts: {
+        id: string;
+        username: string;
+        user_avatar: IAvatarLayer[];
+    }[];
+    onSelect: (accountId: string) => void;
+    onAddNew: () => void;
+    isLoading: boolean;
+}
+
 declare interface IAchievementConfig {
     pollingInterval?: number;
     maxPollingAttempts?: number;
@@ -534,6 +562,17 @@ declare interface IAttempt {
     score: ILearnosityQuestionScore;
 }
 
+declare interface IAuthPageLayoutProps {
+    leftBlock: ReactNode;
+    rightBlock?: ReactNode;
+    isFullWidth: boolean;
+}
+
+declare interface IAuthStaticPanelProps {
+    title?: string;
+    description?: string;
+}
+
 declare interface IAutoPlayPermissionContextType {
     canAutoPlayAudio: boolean;
     canAutoPlayVideo: boolean;
@@ -844,6 +883,10 @@ export declare interface ICircleHomeDetails {
     timestamps: ITodaysContentTimeStamps;
 }
 
+export declare type ICircularStepRef = {
+    playOutroAndFadeOut: () => Promise<void>;
+};
+
 declare interface ICircularSteps {
     id: string;
     label?: React.ReactNode;
@@ -867,6 +910,29 @@ declare interface ICircularStepsProps {
     sizeInPercent?: number;
 }
 
+declare interface ICircularStepWrapperProps {
+    children: ReactNode;
+    onGoBack?: () => void;
+    onNext?: () => void;
+    label?: string;
+    showNext: boolean;
+    showPrevious: boolean;
+    animation: string;
+    introFrames: [number, number];
+    outroFrames: [number, number];
+    isNextLoading: boolean;
+}
+
+declare interface IClaimUserAccountProps {
+    email: string;
+    onSelectAccount: (userId: string) => void;
+    onCreateNewAccount: () => void;
+    userAccounts: TUserAccount[];
+    isCreatingAccount: boolean;
+    isSelectingAccount: boolean;
+    isLoading: boolean;
+}
+
 declare interface IClassStatus {
     next_class_time?: number;
     class_duration: number;
@@ -930,7 +996,9 @@ declare interface IconProps_2 extends React_2.SVGProps<SVGSVGElement> {
 }
 
 declare interface IContextMenuProps {
-    targetElement: JSX.Element;
+    targetElement: React.ReactElement<{
+        menuVisible?: boolean;
+    }>;
     menuElement: JSX.Element;
     menuOffset?: number;
     menuZIndex?: number;
@@ -946,6 +1014,16 @@ declare interface ICountdownTimer {
     theme: 'GREEN_1' | 'ORANGE_1';
 }
 
+declare interface ICountryOption {
+    code: string;
+    id: string;
+    value: string;
+    label: string;
+    icon: string;
+    url: string;
+    geoIPCountryCode: string;
+}
+
 export declare interface ICreateUserPayloadDal {
     username: string;
     grade: string;
@@ -1004,6 +1082,16 @@ declare interface ICurriculumStandards {
     name: string;
 }
 
+declare interface ICustomInputProps {
+    value: string;
+    onChange: (email: string) => void;
+    onEnter?: () => void;
+    error?: string;
+    helperText?: string;
+    actionElement?: ReactNode;
+    showLoading?: boolean;
+}
+
 declare interface ICustomVideoProps extends React_2.DetailedHTMLProps<React_2.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {
     isYoutube?: boolean;
     analyticsData?: Record<string, unknown>;
@@ -1011,6 +1099,11 @@ declare interface ICustomVideoProps extends React_2.DetailedHTMLProps<React_2.Vi
     src: string;
 }
 
+declare interface IDatePickerInputProps extends Omit<ICustomInputProps, 'value' | 'onChange'> {
+    value: Date | null;
+    onChange: (date: Date | null) => void;
+}
+
 declare interface IDesmosCalculatorProps {
     onClose: () => void;
     height?: string | number;
@@ -1229,6 +1322,12 @@ declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape'
     renderAs: TButtonVariants;
 }
 
+declare interface IImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    withLoader: boolean;
+    borderRadius?: number;
+    borderColor?: TColorNames;
+}
+
 export declare interface IInfoMessage {
     message: string;
     position: 'top' | 'bottom';
@@ -1604,6 +1703,7 @@ export declare const ILLUSTRATIONS: {
     CHAPTER_9: string;
     CHAPTER_HEADER_BG: string;
     CIRCLE_CUEMATH_LOGO: string;
+    CIRCLE_CUEMATH_LOGO_WHITE: string;
     CIRCLE_OUTERCIRCLE_BG: string;
     CLOCK_ORANGE: string;
     COMMUNITY_BULB: string;
@@ -1611,6 +1711,7 @@ export declare const ILLUSTRATIONS: {
     CROWN: string;
     CROWN_OVERLAY: string;
     CUECOIN_GOLD: string;
+    CUEMATH_APP_QR_CODE: string;
     DESKTOP_WITH_PURPLE_FILL: string;
     DURATION_30MIN_GRAY: string;
     DURATION_45MIN_GRAY: string;
@@ -1687,6 +1788,7 @@ export declare const ILLUSTRATIONS: {
     USER_DOWN: string;
     USER_PIN: string;
     USER_PROFILE_BACKGROUND: string;
+    USER_TYPE_SELECTOR_GRID_BG: string;
     USER_UP: string;
     YELLOW_FACE: string;
 };
@@ -1728,11 +1830,14 @@ declare interface ILPARMilestoneSheetItemCallbacks {
 
 declare interface ILPARSheetCallbacks extends ISATSheetItemCallbacks {
     onMenuActionAttempt?: (userAction: string, sheet: TLPARSheetData) => void;
-    onView?: (sheet: TLPARSheetData) => void;
-    onStartOrResume?: (sheet: TLPARSheetData) => void;
-    onReview?: (sheet: TLPARSheetData) => void;
+    onView?: (sheet: TLPARSheetData, isV3Worksheet: boolean) => void;
+    onStartOrResume?: (sheet: TLPARSheetData, isV3Worksheet: boolean) => void;
+    onReview?: (sheet: TLPARSheetData, isV3Worksheet: boolean) => void;
 }
 
+declare const Image_2: React.FC<IImageProps>;
+export { Image_2 as Image }
+
 export declare const ImageIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const IMAGES: {
@@ -2073,6 +2178,17 @@ declare interface IOpenImageReviewModalProps {
     image?: string;
 }
 
+declare interface IOTPInputProps extends ICustomInputProps {
+    onResendOTP: () => void;
+}
+
+declare interface IOTPResendProps {
+    onResendOTP: () => void;
+    onResendVoiceOTP?: () => void;
+    timerSeconds?: number;
+    showVoiceOTP?: number;
+}
+
 declare interface IOutcomeConfig {
     id: string;
     input_type: string;
@@ -2108,6 +2224,11 @@ declare interface IPerfectHitsProps {
     value: number;
 }
 
+declare interface IPhoneInputProps extends ICustomInputProps {
+    onCountryChange: (option: TSelectedCountry) => void;
+    selectedCountry: TSelectedCountry;
+}
+
 declare interface IPlaceholder {
     text?: string;
     marks?: string;
@@ -2526,11 +2647,11 @@ export declare interface ISheetDataProps {
 }
 
 declare interface ISheetItemCallbackProps {
-    onStart?: (nodeId: string, userNodeId?: string | null) => void;
-    onResume?: (nodeId: string, userNodeId?: string | null) => void;
-    onReattempt?: (nodeId: string, userNodeId?: string | null) => void;
-    onPreview?: (sheetData: ISheetDataProps) => void;
-    onReview?: (nodeId: string, userMilestoneId?: string) => void;
+    onStart?: (nodeId: string, isV3Worksheet: boolean, userNodeId?: string | null) => void;
+    onResume?: (nodeId: string, isV3Worksheet: boolean, userNodeId?: string | null) => void;
+    onReattempt?: (nodeId: string, isV3Worksheet: boolean, userNodeId?: string | null) => void;
+    onPreview?: (sheetData: ISheetDataProps, isV3Worksheet: boolean) => void;
+    onReview?: (nodeId: string, isV3Worksheet: boolean, userMilestoneId?: string) => void;
     onChangeLocation?: (sheetData: ISheetDataProps, sheetDataType?: (typeof SHEET_DATA_TYPE)[keyof typeof SHEET_DATA_TYPE]) => void;
     onReset?: (sheetData: ISheetDataProps, userMilestoneId?: string) => void;
     onMarkAsFamiliar?: (nodeId: string) => void;
@@ -2568,6 +2689,13 @@ declare interface ISheetsListProps extends ISheetItemCallbackProps {
     section?: TSheetsSection;
 }
 
+declare interface ISignupMethodsProps {
+    onEmailSignup: () => void;
+    onPhoneSignup: () => void;
+    onGoogleSignup: () => void;
+    onAppleSignup: () => void;
+}
+
 export declare interface ISignUpProps {
     circleOnLeapSignedUp: boolean;
     circleOnLeapPremiumEnabled: boolean;
@@ -2675,6 +2803,10 @@ declare interface ISubmitModalProps_2 {
     courseStream: TCourseStream;
 }
 
+export declare const isV3Worksheet: (sheet: ISheetDataProps | TLPARSheetData, mode?: "resume" | "review") => boolean;
+
+export declare const isV3WorksheetAttempt: (attempt: IWorksheetAttemptModel) => boolean;
+
 declare interface ISyncableWebGameProps {
     joinByRoomId?: string;
     enableSync?: boolean;
@@ -3085,6 +3217,12 @@ declare interface IUserChapterProgressProps {
     total_core_sheets: number;
 }
 
+declare interface IUserTypeSelectorProps {
+    onNext: () => void;
+    onUserTypeChange: (id: TSignupUserType) => void;
+    userType: TSignupUserType;
+}
+
 declare interface IUseTrialSessionMessageBroker {
     (options: {
         teacherClassroomId?: string;
@@ -3464,6 +3602,7 @@ export declare const LOTTIE: {
     ACCURACY_METER: string;
     ACCURACY_NEEDLE: string;
     ADVANCE_MODE_SEGMENT_LOTTIE: string;
+    AVATAR_SELECTED: string;
     BEGINNER1X: string;
     BRONZE_1: string;
     BRONZE_2: string;
@@ -3477,6 +3616,7 @@ export declare const LOTTIE: {
     COLOR_2: string;
     COLOR_3: string;
     DIFFICULT: string;
+    DOB: string;
     EASY: string;
     ELITE_CIRCLE: string;
     ERROR_LOTTIE: string;
@@ -3486,11 +3626,17 @@ export declare const LOTTIE: {
     GOLD_1: string;
     GOLD_2: string;
     GOLD_3: string;
+    GRADE: string;
     INFINITE_BUTTON_BG: string;
     INFINITE_BUTTON_SYMBOL: string;
+    KEY: string;
     LEVELUP_RINGS: string;
+    MAIL: string;
     MEDIUM: string;
     NUDGE_TAP: string;
+    OTP: string;
+    PARENT_AVATAR: string;
+    PHONE_NUMBER: string;
     POINT100: string;
     POINT10: string;
     POINT15: string;
@@ -3516,6 +3662,7 @@ export declare const LOTTIE: {
     SLEEPY_BOI: string;
     SPINNER_WHITE: string;
     SPLASH_SCREEN: string;
+    STUDENT_AVATAR: string;
     TABLE_MODE_REVEAL: string;
     TABLE_MODE_STAR: string;
     TABLE_SEGMENT_STAR: string;
@@ -3525,6 +3672,7 @@ export declare const LOTTIE: {
     TOTAL_TIME: string;
     TOTAL_TIME_SPENT: string;
     TOURNAMENT_RIPPLE: string;
+    USERNAME: string;
 };
 
 export declare const LPARChapter: FC<ILPARChapterProps>;
@@ -3693,6 +3841,8 @@ declare interface NumRangeInputProps {
     endPlaceholder?: string;
 }
 
+export declare const OTPInput: FC<IOTPInputProps>;
+
 export declare type OutcomeStage = keyof typeof STAGES;
 
 export declare const PencilIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -3701,6 +3851,8 @@ export declare const PercentileInput: React_2.ForwardRefExoticComponent<IPercent
 
 export declare const PerfectHits: NamedExoticComponent<IPerfectHitsProps>;
 
+export declare const PhoneInput: FC<IPhoneInputProps>;
+
 /**
  ** Global/Platform specific events that needs to be tracked goes here
  ** Naming convention needs to be snake_case
@@ -3821,6 +3973,8 @@ export declare const ReferenceSheet: FC<IReferenceSheetProps>;
 
 export declare const RemotePeerPointer: MemoExoticComponent<({ containerRef, onPublish, onSubscribe, responseId }: IPointerProps) => JSX_2.Element>;
 
+export declare const ResendOTP: React.FC<IOTPResendProps>;
+
 export declare const REWARDS_LIST: string[];
 
 export declare const RightIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -3894,6 +4048,8 @@ 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_2.Element;
 
+export declare const SignupMethods: FC<ISignupMethodsProps>;
+
 declare const SketchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 export { SketchIcon as ScribbleIcon }
 export { SketchIcon }
@@ -3956,6 +4112,10 @@ export declare const StrikedEyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const StudentDetails: FC<IStudentDetailsProps>;
 
+export declare const StudentPasswordInput: FC<ICustomInputProps>;
+
+export declare const StudentUsernameInput: FC<ICustomInputProps>;
+
 export declare const SubmitMilestoneModal: React.FC<ISubmitModalProps>;
 
 export declare const SwitchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -3993,6 +4153,8 @@ export declare type TArrowTooltipConfig = {
 
 export declare type TArrowTooltipVariants = 'primary' | 'secondary';
 
+export declare type TAuthProvider = 'email' | 'phone';
+
 declare type TBadgeData = {
     acknowledged_on: number | null;
     animation_url: string;
@@ -4190,6 +4352,7 @@ declare interface TextProps {
     $marginBottomX?: number;
     $inline?: boolean;
     $textDecoration?: string;
+    $whiteSpace?: 'pre-line' | 'normal' | 'pre-wrap' | 'no-wrap' | 'pre' | 'break-spaces';
 }
 
 export declare type TFontFamilyNames = `${'Athletics'}-${'Light' | 'Regular' | 'Medium' | 'Bold' | 'Black'}` | `${'UntitledSans'}-${'Regular' | 'Medium'}`;
@@ -4790,6 +4953,8 @@ declare type TSectionSummary = {
     modules: TSATModule[];
 };
 
+export declare type TSelectedCountry = Pick<ICountryOption, 'id' | 'code'>;
+
 declare type TSheetAttemptLocation = keyof typeof SHEET_ATTEMPT_LOCATION;
 
 declare type TSheetAttemptStateProps = keyof typeof SHEET_ATTEMPT_STATE;
@@ -4853,8 +5018,12 @@ export declare type TSheetsSection = 'core_lessons' | 'supplementary_sheets' | '
 
 declare type TSheetStateProps = 'LOCKED' | 'NOT_STARTED' | 'IN_PROGRESS' | 'FAMILIAR' | 'PROFICIENT' | 'MASTERED' | 'COMPLETED' | 'RE_ATTEMPT';
 
+export declare type TSignupUserType = 'student' | 'parent';
+
 export declare type TSkillStatus = 'pending' | 'completed';
 
+export declare type TSocialAuthProvider = 'google' | 'apple';
+
 declare type TStickerData = {
     actor_id: string;
     badge_id: string;
@@ -4925,6 +5094,12 @@ export declare type TTrialSessionMessage = {
     };
 };
 
+declare type TUserAccount = {
+    id: string;
+    phone: string;
+    email: string;
+};
+
 declare type TUserChapterStates = 'MASTERED' | 'PROFICIENT' | 'FAMILIAR' | 'STARTED';
 
 declare type TUserProgram = {
@@ -5093,6 +5268,8 @@ export declare const User2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const UserIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const UserTypeSelector: NamedExoticComponent<IUserTypeSelectorProps>;
+
 export declare const useTrackingContext: (commonAnalyticsProps: Record<string, unknown>, overrides?: Record<string, unknown>) => {
     onClick: TTrackCTA;
     onResponse: TTrackInput;
@@ -5154,8 +5331,6 @@ export declare const WORKSHEET_QUESTIONS_GAP = 16;
 
 export declare const WORKSHEET_TOP_NAVIGATION_HEIGHT = 48;
 
-export declare const WORKSHEET_V3_NODE_TYPES: TNodeTypeProps[];
-
 declare const ZINDEX: {
     readonly CHAPTER_CROWN_ICON: 4;
     readonly CHAPTER_PLUS_ICON: 2;