@cuemath/leap 3.0.15 → 3.0.16

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import type { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import type { Dispatch } from 'react';
 import { FC } from 'react';
+import type { FormEvent } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { IChannelMessage } from '@cuemath/cue-message-broker';
@@ -40,6 +41,8 @@ import { Substitute } from 'styled-components/dist/types';
  */
 export declare const AccordionSection: FC<IAccordionSectionProps>;
 
+export declare const AccountSelector: MemoExoticComponent<({ userAccounts, onSelect, onAddNew, isLoading, }: IAccountSelectorViewProps) => JSX_2.Element>;
+
 export declare const ACHIEVEMENT_ACTIONS: {
     SHARE: string;
     NOT_SHARE_CHOSEN: string;
@@ -61,6 +64,22 @@ export declare const ArcButton: MemoExoticComponent<ForwardRefExoticComponent<IA
 
 export declare const ArrowTooltip: FC<IArrowTooltipProps>;
 
+export declare const AUTH_TABS: IAuthTab[];
+
+export declare const AuthApiErrorCode: {
+    readonly USER_NOT_FOUND: 8000;
+    readonly INVALID_PASSWORD: 8001;
+    readonly MULTIPLE_USERS_FOUND: 8002;
+    readonly ACCESS_TOKEN_FAILURE: 8003;
+    readonly INVALID_ACCESS_TOKEN: 8004;
+    readonly INVALID_USERNAME_OR_USER_ALREADY_EXIST: 8005;
+    readonly SOCIAL_SIGNUP_EMAIL_MISSING: 8006;
+};
+
+export declare const AuthPageLayout: NamedExoticComponent<IAuthPageLayoutProps>;
+
+export declare const AuthStaticPanel: NamedExoticComponent<IAuthStaticPanelProps>;
+
 export declare const AutoPlayPermissionProvider: FC<{
     children: ReactNode;
 }>;
@@ -232,6 +251,10 @@ export declare const CircularLoader: () => JSX_2.Element;
 
 export declare const CircularSteps: FC<ICircularStepsProps>;
 
+export declare const CircularStepWrapper: MemoExoticComponent<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>>;
@@ -280,8 +303,12 @@ export declare const CuemathLogo: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const CueRocket: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const CustomInputField: NamedExoticComponent<ICustomInputFieldProps>;
+
 export declare const DashArrowIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const DatePickerInput: NamedExoticComponent<IDatePickerInputProps>;
+
 export declare const DesmosCalculator: FC<IDesmosCalculatorProps>;
 
 export declare const DigitalMeter: FC<IDigitalMeterProps>;
@@ -488,6 +515,8 @@ export declare const GoalEdit: React.FC<IMileStoneEditContainerProps>;
 
 export declare const GooglePlacesSearchInput: ComponentType<Omit_2<IGooglePlacesSearchInputProps, IProvidedProps>>;
 
+export declare const GradeInput: NamedExoticComponent<ICustomInputFieldProps>;
+
 export declare function GradeSelector({ selectedValue, onSelect, tabsWidth, width, grades, renderAs, size, layoutAlignment, }: IGradeSelectorProps): JSX.Element;
 
 export declare const HandIcon: React_2.FC;
@@ -524,6 +553,17 @@ declare interface IAccordionSectionProps {
     bodyOverFlow?: TStyleAttrubutes['overflow'];
 }
 
+declare interface IAccountSelectorViewProps {
+    userAccounts: {
+        id: string;
+        username: string;
+        user_avatar?: IAvatarLayer[] | null;
+    }[];
+    onSelect: (accountId: string) => void;
+    onAddNew: () => void;
+    isLoading: boolean;
+}
+
 declare interface IAchievementConfig {
     pollingInterval?: number;
     maxPollingAttempts?: number;
@@ -590,6 +630,22 @@ declare interface IAttempt {
     score: ILearnosityQuestionScore;
 }
 
+declare interface IAuthPageLayoutProps {
+    leftBlock: JSX.Element;
+    rightBlock?: JSX.Element;
+    isFullWidth?: boolean;
+}
+
+declare interface IAuthStaticPanelProps {
+    title?: string;
+    description?: string;
+}
+
+declare interface IAuthTab {
+    id: TAuthTabKeys;
+    label: string;
+}
+
 declare interface IAutoPlayPermissionContextType {
     canAutoPlayAudio: boolean;
     canAutoPlayVideo: boolean;
@@ -966,6 +1022,10 @@ export declare interface ICircleHomeDetails {
     timestamps: ITodaysContentTimeStamps;
 }
 
+export declare type ICircularStepRef = {
+    playOutroAndFadeOut: () => Promise<void>;
+};
+
 declare interface ICircularSteps {
     id: string;
     label?: React.ReactNode;
@@ -989,6 +1049,29 @@ declare interface ICircularStepsProps {
     sizeInPercent?: number;
 }
 
+declare interface ICircularStepWrapperProps {
+    children: JSX.Element;
+    animation: string;
+    introFrames: [number, number];
+    outroFrames: [number, number];
+    onGoBack?: () => void;
+    onNext?: () => void;
+    label?: string;
+    showNext?: boolean;
+    showPrevious?: boolean;
+    isNextLoading?: boolean;
+    progressAngle?: number;
+}
+
+declare interface IClaimUserAccountProps {
+    email?: string;
+    onSelectAccount: (userId: string) => void;
+    onCreateNewAccount: () => void;
+    userAccounts: TUserAccount[];
+    isCreatingAccount: boolean;
+    isLoading: boolean;
+}
+
 declare interface IClassStatus {
     next_class_time?: number;
     class_duration: number;
@@ -1072,6 +1155,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;
@@ -1130,6 +1223,26 @@ declare interface ICurriculumStandards {
     name: string;
 }
 
+declare interface ICustomInputFieldProps {
+    value: string;
+    onChange: (value: string) => void;
+    onEnter?: () => void;
+    error?: string;
+    helperText?: string;
+    actionElement?: JSX.Element;
+    isLoading?: boolean;
+    isValid?: boolean;
+    type?: 'text' | 'password' | 'number' | 'phone';
+    placeholder?: string;
+    maxLength?: number;
+    width?: number;
+    textTransform?: string;
+    textAlign?: string;
+    onCountryChange?: (option: TSelectedCountry) => void;
+    selectedCountry?: TSelectedCountry;
+    autoSize?: boolean;
+}
+
 declare interface ICustomVideoProps extends React_2.DetailedHTMLProps<React_2.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {
     isYoutube?: boolean;
     analyticsData?: Record<string, unknown>;
@@ -1137,6 +1250,13 @@ declare interface ICustomVideoProps extends React_2.DetailedHTMLProps<React_2.Vi
     src: string;
 }
 
+declare interface IDatePickerInputProps extends Omit<ICustomInputFieldProps, 'value' | 'onChange'> {
+    value: Date | null;
+    onChange: (date: Date | null) => void;
+}
+
+export declare const IdentifierOtpForm: React_2.NamedExoticComponent<IIdentifierOtpFormProps>;
+
 declare interface IDesmosCalculatorProps {
     onClose: () => void;
     height?: string | number;
@@ -1361,6 +1481,22 @@ declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape'
     renderAs: TButtonVariants;
 }
 
+declare interface IIdentifierOtpFormProps {
+    identifier: string;
+    otp: string;
+    errors: {
+        identifier: string;
+        otp: string;
+    };
+    isOtpVerified: boolean;
+    isLoading: boolean;
+    isSubmitDisabled: boolean;
+    showOtpInput: boolean;
+    onChange: (key: 'identifier' | 'otp', value: string) => void;
+    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+    onSendOtp: () => void;
+}
+
 declare interface IImageProps extends ImgHTMLAttributes<HTMLImageElement> {
     withLoader: boolean;
     borderRadius?: number;
@@ -1386,6 +1522,15 @@ export declare interface IInputSizeConfig {
     iconPadding: number;
 }
 
+declare interface IInputStatusIconProps {
+    isLoading?: boolean;
+    isValid?: boolean;
+    isError?: boolean;
+    size?: number;
+    successColor?: TColorNames;
+    errorColor?: TColorNames;
+}
+
 export declare interface IInputVariantConfig {
     valueColorName: {
         inactive: TColorNames;
@@ -1745,6 +1890,7 @@ export declare const ILLUSTRATIONS: {
     CHAPTER_HEADER_BG: string;
     CHAPTER_HEADER_BG_2: string;
     CIRCLE_CUEMATH_LOGO: string;
+    CIRCLE_CUEMATH_LOGO_WHITE: string;
     CIRCLE_OUTERCIRCLE_BG: string;
     CLOCK_ORANGE: string;
     COMMUNITY_BULB: string;
@@ -1752,6 +1898,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;
@@ -1836,6 +1983,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;
 };
@@ -2266,6 +2414,8 @@ declare interface INodePermissions {
     can_unassign: boolean;
 }
 
+export declare const InputStatusIcon: NamedExoticComponent<IInputStatusIconProps>;
+
 export declare interface INudgeProps {
     nudge: 'click';
     content: ReactNode;
@@ -2298,6 +2448,16 @@ declare interface IOpenImageReviewModalProps {
     image?: string;
 }
 
+declare interface IOTPResendProps {
+    onResendOTP: () => void;
+    onResendVoiceOTP?: () => void;
+    timerSeconds?: number;
+    showVoiceOTP?: boolean;
+    disabled?: boolean;
+    renderAs?: 'submit' | 'text';
+    width?: number;
+}
+
 declare interface IOutcomeConfig {
     id: string;
     input_type: string;
@@ -2575,6 +2735,16 @@ declare interface IReferenceSheetProps {
     };
 }
 
+declare interface IResetPasswordFormProps {
+    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+    onChange: (key: string, value: string) => void;
+    formData: Record<string, string>;
+    errors: Record<string, string>;
+    isProcessing: boolean;
+    isSubmitDisabled: boolean;
+    isValid?: boolean;
+}
+
 export declare interface IResourceItemData {
     boards: string[];
     created_on: string;
@@ -2793,6 +2963,14 @@ declare interface ISheetsListProps extends ISheetItemCallbackProps {
     section?: TSheetsSection;
 }
 
+declare interface ISignupMethodsProps {
+    onEmailSignup: () => void;
+    onPhoneSignup: () => void;
+    onGoogleSignup: () => void;
+    onAppleSignup: () => void;
+    loadingProvider: TSocialAuthProvider | null;
+}
+
 export declare interface ISignUpProps {
     circleOnLeapSignedUp: boolean;
     circleOnLeapPremiumEnabled: boolean;
@@ -2810,6 +2988,29 @@ export declare interface ISignUpProps {
     onSignupStepsComplete: (data: IUpdateUserPayloadDal | ICreateUserResponseDal | null) => void;
 }
 
+declare interface ISingleFieldFormProps {
+    onSubmit: (e?: FormEvent<HTMLFormElement>) => void;
+    onChange: (key: string, value: string) => void;
+    value: string;
+    error: string;
+    isProcessing: boolean;
+    isSubmitDisabled?: boolean;
+    isValid?: boolean;
+    label?: string;
+    helperText?: string;
+}
+
+declare interface ISocialAccountNotFoundProps {
+    onRetryLogin: () => void;
+    onGoToSignup: () => void;
+}
+
+declare interface ISocialLoginMethodsProps {
+    onGoogleLogin: () => void;
+    onAppleLogin: () => void;
+    loadingProvider: TSocialAuthProvider | null;
+}
+
 export declare const isOkayTypeQuestion: IIsOkayTypeQuestion;
 
 export declare enum IStatsToAwardErrorCode {
@@ -2905,6 +3106,11 @@ declare interface ISyncableWebGameProps {
     enableSync?: boolean;
 }
 
+declare interface ITabItem {
+    id: string;
+    label: string;
+}
+
 export declare interface ITable {
     tableList: ITableInfo[];
     infiniteModeHighScore: number;
@@ -2970,6 +3176,12 @@ export declare interface ITabSizeConfig {
     textVariant: TTextVariants;
 }
 
+declare interface ITabsProps {
+    selectedTab: string;
+    onChange: (tab: string) => void;
+    tabs: ITabItem[];
+}
+
 export declare interface ITabVariantConfig {
     backgroundColorName: {
         inactive: TColorNames;
@@ -3327,6 +3539,25 @@ declare interface IUserChapterProgressProps {
     total_core_sheets: number;
 }
 
+declare interface IUsernamePasswordFormProps {
+    username: string;
+    password: string;
+    errors: {
+        username: string;
+        password: string;
+    };
+    isLoading: boolean;
+    onChange: (key: 'username' | 'password', value: string) => void;
+    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+    onForgotPassword: () => void;
+}
+
+declare interface IUserTypeSelectorProps {
+    onNext: () => void;
+    onUserTypeChange: (id: TAuthUserType) => void;
+    userType: TAuthUserType;
+}
+
 declare interface IUseTrialSessionMessageBroker {
     (options: {
         teacherClassroomId?: string;
@@ -3716,6 +3947,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;
@@ -3731,8 +3963,10 @@ export declare const LOTTIE: {
     COLOR_3: string;
     COMPETITIVE_ARENA: string;
     DIFFICULT: string;
+    DOB: string;
     EASY: string;
     ELITE_CIRCLE: string;
+    ERROR: string;
     ERROR_LOTTIE: string;
     FAMILIAR1X: string;
     FIFTEEN_MIN_CLOCK: string;
@@ -3740,12 +3974,18 @@ 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;
     LEARN: 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;
@@ -3775,6 +4015,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;
@@ -3785,6 +4026,7 @@ export declare const LOTTIE: {
     TOTAL_TIME: string;
     TOTAL_TIME_SPENT: string;
     TOURNAMENT_RIPPLE: string;
+    USERNAME: string;
     VIDEO: string;
 };
 
@@ -3969,8 +4211,14 @@ declare interface NumRangeInputProps {
     endPlaceholder?: string;
 }
 
+export declare const OTPForm: MemoExoticComponent<({ onSubmit, onChange, value, error, isProcessing, isValid, helperText, }: ISingleFieldFormProps) => JSX_2.Element>;
+
 export declare type OutcomeStage = keyof typeof STAGES;
 
+export declare const OverlayLoader: MemoExoticComponent<({ isLoading }: {
+    isLoading?: boolean | undefined;
+}) => JSX_2.Element | null>;
+
 export declare const PencilIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const PercentileInput: React_2.ForwardRefExoticComponent<IPercentileProps & React_2.RefAttributes<HTMLInputElement>>;
@@ -4109,6 +4357,10 @@ export declare const ReferenceSheet: FC<IReferenceSheetProps>;
 
 export declare const RemotePeerPointer: MemoExoticComponent<({ containerRef, onPublish, onSubscribe, responseId }: IPointerProps) => JSX_2.Element>;
 
+export declare const ResendOTP: NamedExoticComponent<IOTPResendProps>;
+
+export declare const ResetPasswordForm: MemoExoticComponent<({ onSubmit, onChange, formData, errors, isSubmitDisabled, isProcessing, isValid, }: IResetPasswordFormProps) => JSX_2.Element>;
+
 export declare const REWARDS_LIST: string[];
 
 export declare const RightIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -4198,6 +4450,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: NamedExoticComponent<ISignupMethodsProps>;
+
 declare const SketchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 export { SketchIcon as ScribbleIcon }
 export { SketchIcon }
@@ -4208,6 +4462,10 @@ export declare const SkipColoredIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const SkipIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const SocialAccountNotFound: MemoExoticComponent<({ onRetryLogin, onGoToSignup }: ISocialAccountNotFoundProps) => JSX_2.Element>;
+
+export declare const SocialLoginMethods: NamedExoticComponent<ISocialLoginMethodsProps>;
+
 export declare const SplashScreen: ({ animationCompleted }: {
     animationCompleted: () => void;
 }) => JSX_2.Element;
@@ -4275,6 +4533,8 @@ declare const TAB_CODES: {
 
 export declare const TabComponent: React_2.FC<ITabProps>;
 
+export declare const Tabs: MemoExoticComponent<({ selectedTab, onChange, tabs }: ITabsProps) => JSX_2.Element>;
+
 export declare type TAction = EventToPayload<TInclassMessage>;
 
 declare type TActionListenerOptions = {
@@ -4301,6 +4561,14 @@ export declare type TArrowTooltipConfig = {
 
 export declare type TArrowTooltipVariants = 'primary' | 'secondary';
 
+export declare type TAuthApiErrorCode = (typeof AuthApiErrorCode)[keyof typeof AuthApiErrorCode];
+
+export declare type TAuthProvider = 'email' | 'phone' | 'username';
+
+export declare type TAuthTabKeys = 'identifier' | 'username';
+
+export declare type TAuthUserType = 'student' | 'parent';
+
 declare type TBadgeData = {
     acknowledged_on: number | null;
     animation_url: string;
@@ -5136,6 +5404,8 @@ declare type TSectionSummary = {
     modules: TSATModule[];
 };
 
+export declare type TSelectedCountry = Pick<ICountryOption, 'id' | 'code'>;
+
 declare type TSheetAttemptLocation = keyof typeof SHEET_ATTEMPT_LOCATION;
 
 declare type TSheetAttemptLocation_2 = keyof typeof SHEET_ATTEMPT_LOCATION;
@@ -5205,6 +5475,8 @@ declare type TSheetStates = keyof typeof NODE_CARD_STATES;
 
 export declare type TSkillStatus = 'pending' | 'completed';
 
+export declare type TSocialAuthProvider = 'google' | 'apple';
+
 declare type TStickerData = {
     actor_id: string;
     badge_id: string;
@@ -5279,6 +5551,12 @@ export declare type TTrialSessionMessage = {
 
 declare type TUpdateHeight = (height: number) => void;
 
+declare type TUserAccount = {
+    id: string;
+    phone: string;
+    user_avatar?: IAvatarLayer[] | null;
+};
+
 declare type TUserChapterStates = 'MASTERED' | 'PROFICIENT' | 'FAMILIAR' | 'STARTED';
 
 declare type TUserProgram = {
@@ -5462,6 +5740,12 @@ export declare const User2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const UserIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const UserIdentifierForm: MemoExoticComponent<({ onSubmit, onChange, value, error, isSubmitDisabled, isProcessing, isValid, label, }: ISingleFieldFormProps) => JSX_2.Element>;
+
+export declare const UsernamePasswordForm: NamedExoticComponent<IUsernamePasswordFormProps>;
+
+export declare const UserTypeSelector: NamedExoticComponent<IUserTypeSelectorProps>;
+
 export declare const useTrackingContext: (commonAnalyticsProps: Record<string, unknown>, overrides?: Record<string, unknown>) => {
     onClick: TTrackCTA;
     onResponse: TTrackInput;