@cuemath/leap 2.9.11 → 2.9.12-j2

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: ({ userAccounts, onSelect, onAddNew, isLoading, }: IAccountSelectorViewProps) => JSX_2.Element;
+
 export declare const ACHIEVEMENT_ACTIONS: {
     SHARE: string;
     NOT_SHARE_CHOSEN: string;
@@ -61,6 +64,12 @@ export declare const ArcButton: MemoExoticComponent<ForwardRefExoticComponent<IA
 
 export declare const ArrowTooltip: FC<IArrowTooltipProps>;
 
+export declare const AUTH_TABS: ITabConfig<TAuthTabKeys>;
+
+export declare const AuthPageLayout: FC<IAuthPageLayoutProps>;
+
+export declare const AuthStaticPanel: FC<IAuthStaticPanelProps>;
+
 export declare const AutoPlayPermissionProvider: FC<{
     children: ReactNode;
 }>;
@@ -214,6 +223,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>>;
@@ -262,8 +275,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: FC<ICustomInputFieldProps>;
+
 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>;
@@ -462,6 +479,8 @@ export declare const GoalEdit: React.FC<IMileStoneEditContainerProps>;
 
 export declare const GooglePlacesSearchInput: ComponentType<Omit_2<IGooglePlacesSearchInputProps, IProvidedProps>>;
 
+export declare const GradeInput: FC<ICustomInputFieldProps>;
+
 export declare function GradeSelector({ selectedValue, onSelect, tabsWidth, width, grades, renderAs, size, layoutAlignment, }: IGradeSelectorProps): JSX.Element;
 
 export declare const HandIcon: React_2.FC;
@@ -484,6 +503,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;
@@ -549,6 +579,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;
@@ -860,6 +901,10 @@ export declare interface ICircleHomeDetails {
     timestamps: ITodaysContentTimeStamps;
 }
 
+export declare type ICircularStepRef = {
+    playOutroAndFadeOut: () => Promise<void>;
+};
+
 declare interface ICircularSteps {
     id: string;
     label?: React.ReactNode;
@@ -883,6 +928,29 @@ declare interface ICircularStepsProps {
     sizeInPercent?: number;
 }
 
+declare interface ICircularStepWrapperProps {
+    children: ReactNode;
+    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;
@@ -963,6 +1031,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;
@@ -1021,6 +1099,23 @@ declare interface ICurriculumStandards {
     name: string;
 }
 
+declare interface ICustomInputFieldProps {
+    value: string;
+    onChange: (value: string) => void;
+    onEnter?: () => void;
+    error?: string;
+    helperText?: string;
+    actionElement?: ReactNode;
+    isLoading?: boolean;
+    isValid?: boolean;
+    type?: 'text' | 'password' | 'number';
+    placeholder?: string;
+    maxLength?: number;
+    width?: number;
+    textTransform?: string;
+    textAlign?: string;
+}
+
 declare interface ICustomVideoProps extends React_2.DetailedHTMLProps<React_2.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {
     isYoutube?: boolean;
     analyticsData?: Record<string, unknown>;
@@ -1028,6 +1123,11 @@ 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;
+}
+
 declare interface IDesmosCalculatorProps {
     onClose: () => void;
     height?: string | number;
@@ -1271,6 +1371,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;
@@ -1629,6 +1738,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;
@@ -1636,6 +1746,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;
@@ -1712,6 +1823,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;
 };
@@ -2073,6 +2185,8 @@ export declare const Info2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const InfoIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const InputStatusIcon: React.FC<IInputStatusIconProps>;
+
 export declare interface INudgeProps {
     nudge: 'click';
     content: ReactNode;
@@ -2101,6 +2215,13 @@ declare interface IOpenImageReviewModalProps {
     image?: string;
 }
 
+declare interface IOTPResendProps {
+    onResendOTP: () => void;
+    onResendVoiceOTP?: () => void;
+    timerSeconds?: number;
+    showVoiceOTP?: boolean;
+}
+
 declare interface IOutcomeConfig {
     id: string;
     input_type: string;
@@ -2136,6 +2257,11 @@ declare interface IPerfectHitsProps {
     value: number;
 }
 
+declare interface IPhoneInputProps extends ICustomInputFieldProps {
+    onCountryChange: (option: TSelectedCountry) => void;
+    selectedCountry: TSelectedCountry;
+}
+
 declare interface IPlaceholder {
     text?: string;
     marks?: string;
@@ -2378,6 +2504,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;
@@ -2596,6 +2732,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;
@@ -2613,6 +2757,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;
+    field?: string;
+    label?: 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 {
@@ -2708,6 +2875,13 @@ declare interface ISyncableWebGameProps {
     enableSync?: boolean;
 }
 
+export declare type ITabConfig<T extends string = string> = Record<T, ITabItem>;
+
+declare interface ITabItem {
+    label: string;
+    component?: JSX.Element;
+}
+
 export declare interface ITable {
     tableList: ITableInfo[];
     infiniteModeHighScore: number;
@@ -2771,6 +2945,12 @@ export declare interface ITabSizeConfig {
     textVariant: TTextVariants;
 }
 
+declare interface ITabsProps<T extends string> {
+    selectedTab: T;
+    onChange: (tab: T) => void;
+    tabs: ITabConfig<T>;
+}
+
 export declare interface ITabVariantConfig {
     backgroundColorName: {
         inactive: TColorNames;
@@ -3113,6 +3293,12 @@ declare interface IUserChapterProgressProps {
     total_core_sheets: number;
 }
 
+declare interface IUserTypeSelectorProps {
+    onNext: () => void;
+    onUserTypeChange: (id: TAuthUserType) => void;
+    userType: TAuthUserType;
+}
+
 declare interface IUseTrialSessionMessageBroker {
     (options: {
         teacherClassroomId?: string;
@@ -3495,6 +3681,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;
@@ -3508,8 +3695,10 @@ export declare const LOTTIE: {
     COLOR_2: string;
     COLOR_3: string;
     DIFFICULT: string;
+    DOB: string;
     EASY: string;
     ELITE_CIRCLE: string;
+    ERROR: string;
     ERROR_LOTTIE: string;
     FAMILIAR1X: string;
     FIFTEEN_MIN_CLOCK: string;
@@ -3517,11 +3706,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;
@@ -3547,6 +3742,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;
@@ -3556,6 +3752,7 @@ export declare const LOTTIE: {
     TOTAL_TIME: string;
     TOTAL_TIME_SPENT: string;
     TOURNAMENT_RIPPLE: string;
+    USERNAME: string;
 };
 
 export declare const LPARChapter: FC<ILPARChapterProps>;
@@ -3724,14 +3921,22 @@ declare interface NumRangeInputProps {
     endPlaceholder?: string;
 }
 
+export declare const OTPForm: ({ onSubmit, onChange, value, error, isProcessing, isValid, }: ISingleFieldFormProps) => JSX_2.Element;
+
 export declare type OutcomeStage = keyof typeof STAGES;
 
+export declare const OverlayLoader: ({ 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>>;
 
 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
@@ -3852,6 +4057,10 @@ 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 ResetPasswordForm: ({ 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>>;
@@ -3929,6 +4138,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 }
@@ -3937,6 +4148,10 @@ export declare const Skip2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const SkipIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const SocialAccountNotFound: ({ onRetryLogin, onGoToSignup }: ISocialAccountNotFoundProps) => JSX_2.Element;
+
+export declare const SocialLoginMethods: FC<ISocialLoginMethodsProps>;
+
 export declare const SplashScreen: ({ animationCompleted }: {
     animationCompleted: () => void;
 }) => JSX_2.Element;
@@ -4002,6 +4217,8 @@ declare const TAB_CODES: {
 
 export declare const TabComponent: React_2.FC<ITabProps>;
 
+export declare function Tabs<T extends string>({ selectedTab, onChange, tabs }: ITabsProps<T>): JSX_2.Element;
+
 export declare type TAction = EventToPayload<TInclassMessage>;
 
 declare type TActionListenerOptions = {
@@ -4028,6 +4245,12 @@ export declare type TArrowTooltipConfig = {
 
 export declare type TArrowTooltipVariants = 'primary' | 'secondary';
 
+export declare type TAuthProvider = 'email' | 'phone';
+
+export declare type TAuthTabKeys = 'identifier' | 'username';
+
+export declare type TAuthUserType = 'student' | 'parent';
+
 declare type TBadgeData = {
     acknowledged_on: number | null;
     animation_url: string;
@@ -4834,6 +5057,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;
@@ -4899,6 +5124,8 @@ declare type TSheetStateProps = 'LOCKED' | 'NOT_STARTED' | 'IN_PROGRESS' | 'FAMI
 
 export declare type TSkillStatus = 'pending' | 'completed';
 
+export declare type TSocialAuthProvider = 'google' | 'apple';
+
 declare type TStickerData = {
     actor_id: string;
     badge_id: string;
@@ -4969,6 +5196,11 @@ export declare type TTrialSessionMessage = {
     };
 };
 
+declare type TUserAccount = {
+    id: string;
+    phone: string;
+};
+
 declare type TUserChapterStates = 'MASTERED' | 'PROFICIENT' | 'FAMILIAR' | 'STARTED';
 
 declare type TUserProgram = {
@@ -5139,6 +5371,10 @@ export declare const User2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const UserIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const UserIdentifierForm: ({ onSubmit, onChange, value, error, isSubmitDisabled, isProcessing, isValid, label, field, }: ISingleFieldFormProps) => JSX_2.Element;
+
+export declare const UserTypeSelector: NamedExoticComponent<IUserTypeSelectorProps>;
+
 export declare const useTrackingContext: (commonAnalyticsProps: Record<string, unknown>, overrides?: Record<string, unknown>) => {
     onClick: TTrackCTA;
     onResponse: TTrackInput;