@cuemath/leap 2.9.5-hg2 → 2.9.5-j10

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[] | null;
+    }[];
+    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;
@@ -568,6 +607,7 @@ declare interface IBaseInputProps {
     mandatory?: boolean;
     shape?: TInputShapes;
     isTransparent?: boolean;
+    colorTheme?: 'light' | 'dark';
 }
 
 declare interface IBaseLeaderboardDetails {
@@ -844,6 +884,10 @@ export declare interface ICircleHomeDetails {
     timestamps: ITodaysContentTimeStamps;
 }
 
+export declare type ICircularStepRef = {
+    playOutroAndFadeOut: () => Promise<void>;
+};
+
 declare interface ICircularSteps {
     id: string;
     label?: React.ReactNode;
@@ -867,6 +911,28 @@ 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;
+}
+
+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;
@@ -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,17 @@ declare interface ICurriculumStandards {
     name: string;
 }
 
+declare interface ICustomInputProps {
+    value: string;
+    onChange: (email: string) => void;
+    onEnter?: () => void;
+    error?: string;
+    helperText?: string;
+    actionElement?: ReactNode;
+    isLoading?: boolean;
+    isValid?: boolean;
+}
+
 declare interface ICustomVideoProps extends React_2.DetailedHTMLProps<React_2.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {
     isYoutube?: boolean;
     analyticsData?: Record<string, unknown>;
@@ -1011,6 +1100,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;
@@ -1156,6 +1250,7 @@ declare interface IGetInputConfig {
     (gutter: number): {
         sizes: Record<TInputSizes, IInputSizeConfig>;
         variants: Record<TInputVariants, IInputVariantConfig>;
+        darkVariants: Record<TInputVariants, IInputVariantConfig>;
     };
 }
 
@@ -1229,6 +1324,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';
@@ -1248,6 +1349,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;
@@ -1275,6 +1385,7 @@ export declare interface IInputVariantConfig {
     };
     backgroundColorName?: TColorNames;
     optionHoverColorName?: TColorNames;
+    labelBackgroundColorName?: TColorNames;
 }
 
 declare interface IIsOkayTypeQuestion {
@@ -1604,6 +1715,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 +1723,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 +1800,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;
 };
@@ -1733,6 +1847,9 @@ declare interface ILPARSheetCallbacks extends ISATSheetItemCallbacks {
     onReview?: (sheet: TLPARSheetData) => 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: {
@@ -2045,6 +2162,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;
@@ -2073,6 +2192,17 @@ declare interface IOpenImageReviewModalProps {
     image?: string;
 }
 
+declare interface IOTPInputProps extends ICustomInputProps {
+    onResendOTP: () => void;
+}
+
+declare interface IOTPResendProps {
+    onResendOTP: () => void;
+    onResendVoiceOTP?: () => void;
+    timerSeconds?: number;
+    showVoiceOTP?: boolean;
+}
+
 declare interface IOutcomeConfig {
     id: string;
     input_type: string;
@@ -2108,6 +2238,11 @@ declare interface IPerfectHitsProps {
     value: number;
 }
 
+declare interface IPhoneInputProps extends ICustomInputProps {
+    onCountryChange: (option: TSelectedCountry) => void;
+    selectedCountry: TSelectedCountry;
+}
+
 declare interface IPlaceholder {
     text?: string;
     marks?: string;
@@ -2568,6 +2703,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;
@@ -2585,6 +2728,17 @@ export declare interface ISignUpProps {
     onSignupStepsComplete: (data: IUpdateUserPayloadDal | ICreateUserResponseDal | null) => void;
 }
 
+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 {
@@ -2680,6 +2834,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;
@@ -2743,6 +2904,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;
@@ -3085,6 +3252,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;
@@ -3464,6 +3637,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,8 +3651,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;
@@ -3486,11 +3662,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 +3698,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 +3708,7 @@ export declare const LOTTIE: {
     TOTAL_TIME: string;
     TOTAL_TIME_SPENT: string;
     TOURNAMENT_RIPPLE: string;
+    USERNAME: string;
 };
 
 export declare const LPARChapter: FC<ILPARChapterProps>;
@@ -3693,14 +3877,22 @@ declare interface NumRangeInputProps {
     endPlaceholder?: string;
 }
 
+export declare const OTPInput: FC<IOTPInputProps>;
+
 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
@@ -3821,6 +4013,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 +4088,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 }
@@ -3902,6 +4098,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;
@@ -3956,6 +4156,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>>;
@@ -3967,6 +4171,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 = {
@@ -3993,6 +4199,10 @@ export declare type TArrowTooltipConfig = {
 
 export declare type TArrowTooltipVariants = 'primary' | 'secondary';
 
+export declare type TAuthProvider = 'email' | 'phone';
+
+export declare type TAuthUserType = 'student' | 'parent';
+
 declare type TBadgeData = {
     acknowledged_on: number | null;
     animation_url: string;
@@ -4190,6 +4400,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 +5001,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;
@@ -4855,6 +5068,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;
@@ -4925,6 +5140,11 @@ export declare type TTrialSessionMessage = {
     };
 };
 
+declare type TUserAccount = {
+    id: string;
+    phone: string;
+};
+
 declare type TUserChapterStates = 'MASTERED' | 'PROFICIENT' | 'FAMILIAR' | 'STARTED';
 
 declare type TUserProgram = {
@@ -5093,6 +5313,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;