@cuemath/leap 3.2.9-link.0 → 3.2.9-pzd-0.1-testing

package/dist/index.d.ts

@@ -52,8 +52,6 @@ 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>;
@@ -98,8 +96,6 @@ 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;
@@ -411,9 +407,10 @@ declare interface ErrorProps {
     handleClick: () => void;
 }
 
-export declare const EveningIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-
 export declare const EVENTS: {
+    PUZZLE_ASSIGNED: "PUZZLE_ASSIGNED";
+    PUZZLE_UNASSIGNED: "PUZZLE_UNASSIGNED";
+    PUZZLE_REVIEWED: "PUZZLE_REVIEWED";
     PUZZLE_FEEDBACK_CELEBRATION: "PUZZLE_FEEDBACK_CELEBRATION";
     HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN";
     INVALIDATE_HOMEWORK: "INVALIDATE_HOMEWORK";
@@ -586,6 +583,7 @@ declare interface HWCardListProps extends INodeCardCallbacks {
     homeworkRef?: React_2.RefObject<HTMLDivElement>;
     startHomePageJourney?: ({ studentId, stream, userType }: IHomepageStartJourneyProps) => void;
     canStartJourney?: boolean;
+    canStartPuzzleAssignedJourney?: boolean;
 }
 
 declare interface IAccordionSectionProps {
@@ -679,7 +677,6 @@ declare interface IAuthPageLayoutProps {
     leftBlock: ReactElement;
     rightBlock?: ReactElement;
     isFullWidth?: boolean;
-    rightBlockBg?: TColorNames;
 }
 
 declare interface IAuthStaticPanelProps {
@@ -1374,6 +1371,7 @@ declare interface IErrorProps {
     theme?: 'light' | 'dark';
     title?: string;
     description?: string;
+    size?: 'compact' | 'full';
 }
 
 declare interface IExpandableHeaderProps {
@@ -1594,7 +1592,7 @@ declare interface IIdentifierOtpFormProps {
 }
 
 declare interface IImageProps extends ImgHTMLAttributes<HTMLImageElement> {
-    withLoader?: boolean;
+    withLoader: boolean;
     borderRadius?: number;
     borderColor?: TColorNames;
 }
@@ -1967,14 +1965,6 @@ 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;
@@ -1991,7 +1981,6 @@ export declare const ILLUSTRATIONS: {
     CALENDAR_BLUE: string;
     CALENDAR_GRAY: string;
     CALENDAR_GREEN: string;
-    CALENDAR_PURPLE: string;
     CAUTION: string;
     CHAPTER_10: string;
     CHAPTER_1: string;
@@ -2031,7 +2020,6 @@ 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;
@@ -2050,7 +2038,6 @@ 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,7 +2055,6 @@ 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;
@@ -2078,6 +2064,7 @@ export declare const ILLUSTRATIONS: {
     PROFICIENT_BADGE: string;
     PROFILE_BOARD: string;
     PUZZLE: string;
+    PUZZLE_DASHBOARD_BANNER: string;
     PUZZLE_PATTERN_BLUE: string;
     PUZZLE_PATTERN_GREEN: string;
     PUZZLE_PATTERN_ORANGE: string;
@@ -2096,7 +2083,6 @@ 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;
@@ -2106,7 +2092,6 @@ 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;
@@ -2639,14 +2624,6 @@ 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;
@@ -2655,8 +2632,6 @@ declare interface IOTPResendProps {
     disabled?: boolean;
     renderAs?: 'submit' | 'text';
     width?: number | string;
-    textButtonColor?: TColorNames;
-    size?: 'small' | 'xsmall';
 }
 
 declare interface IOutcomeConfig {
@@ -2694,19 +2669,6 @@ 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?: string;
-    height?: string;
-}
-
 declare interface IPlaceholder {
     text?: string;
     marks?: string;
@@ -2820,6 +2782,7 @@ declare interface IPreviewWorksheetProps {
     items?: string[];
     onWorksheetLoaded?: (loaded: boolean) => void;
     onUnassign?: () => void;
+    canStartUnassignJourney?: boolean;
 }
 
 export declare interface IProject<T> {
@@ -2911,6 +2874,7 @@ export declare interface IPuzzleCardAssignData {
     node_type: TNodeTypes;
     node_id: string;
     user_node_id: string | null;
+    rewards?: TPuzzleRewards[];
 }
 
 declare interface IPuzzleCardContainerProps {
@@ -2921,7 +2885,12 @@ declare interface IPuzzleCardContainerProps {
     studentId: string;
     onFullyHidden?: () => void;
     onPuzzleClick: () => void;
-    onPuzzleAssign?: () => void;
+}
+
+declare interface IPuzzleDashboardProps {
+    studentId: string;
+    onBackCLick?: () => void;
+    onCardClick: (userNodeId: string) => void;
 }
 
 export declare interface IPuzzleWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {
@@ -3085,15 +3054,6 @@ 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'> {
 }
 
@@ -3228,15 +3188,6 @@ 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;
@@ -3299,6 +3250,7 @@ declare interface IStepperProps {
 declare interface IStreakIconProps extends React.HTMLProps<HTMLDivElement> {
     value: number;
     blink?: boolean;
+    isInteractive?: boolean;
 }
 
 export declare interface IStreakLeaderboardDetails extends IBaseLeaderboardDetails {
@@ -3376,8 +3328,6 @@ declare interface ISyncableWebGameProps {
 declare interface ITabItem {
     id: string;
     label: string;
-    iconPosition?: 'left' | 'right';
-    Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
 }
 
 export declare interface ITable {
@@ -3799,6 +3749,10 @@ declare interface IusePointerSyncProps {
     targetUserId?: string;
 }
 
+declare interface IUsePuzzleIntroJourney {
+    onJourneyComplete: () => void;
+}
+
 export declare interface IUserChapterData {
     chapter_code: string;
     chapter_id: string;
@@ -4005,6 +3959,14 @@ export declare interface IWorksheetBehavior {
      *    For teacher we don't show review cta.
      */
     canTeacherValidate: boolean;
+    /**
+     * * In case of puzzle worksheet for teacher
+     * * If true,
+     *     Teacher validation button will be disabled.
+     * * If false,
+     *     Teacher validation button will be active.
+     */
+    canTeacherValidateDisabled?: boolean;
     /**
      * If true, questions will be validated and feedback will be shown.
      */
@@ -4056,6 +4018,10 @@ export declare interface IWorksheetBehavior {
      * If true, the user can unassign the sheet.
      */
     canUnAssign?: boolean;
+    /**
+     * If true, journey will be started.
+     */
+    canStartJourney?: boolean;
 }
 
 declare interface IWorksheetCallbackProps {
@@ -4219,13 +4185,21 @@ export declare enum JOURNEY_ID_STUDENT {
     CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY",
     HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY",
     CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY",
-    CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY"
+    PUZZLE_ATTEMPT_JOURNEY = "PUZZLE_ATTEMPT_JOURNEY",
+    CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY",
+    PUZZLE_ASSIGNED_JOURNEY = "PUZZLE_ASSIGNED_JOURNEY",
+    PUZZLE_DASHBOARD_JOURNEY = "PUZZLE_DASHBOARD_JOURNEY"
 }
 
 export declare enum JOURNEY_ID_TEACHER {
     HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY",
     CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY",
-    CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY"
+    CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY",
+    PUZZLE_ASSIGN_JOURNEY = "PUZZLE_ASSIGN_JOURNEY",
+    PUZZLE_INTRO_JOURNEY = "PUZZLE_INTRO_JOURNEY",
+    PUZZLE_REVIEW_JOURNEY = "PUZZLE_REVIEW_JOURNEY",
+    PUZZLE_PROGRESS_JOURNEY = "PUZZLE_PROGRESS_JOURNEY",
+    PUZZLE_UNASSIGN_JOURNEY = "PUZZLE_UNASSIGN_JOURNEY"
 }
 
 export declare const JourneyProvider: FC<IJourneyProviderProps>;
@@ -4248,8 +4222,6 @@ declare const LESSON_TAG_TYPE: {
     readonly DEFAULT: "DEFAULT";
 };
 
-export declare const LinearProgressBar: FC<ILinearProgressBarProps>;
-
 export declare const loadScript: ILoadScript;
 
 export declare const Lock2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
@@ -4295,14 +4267,12 @@ 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;
@@ -4313,21 +4283,17 @@ 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;
@@ -4348,12 +4314,14 @@ export declare const LOTTIE: {
     PROFICIENT1X: string;
     PROJECT: string;
     PUZZLE: string;
-    RACING_CAR: string;
+    PUZZLE_BLUE_LOTTIE: string;
+    PUZZLE_GREEN_LOTTIE: string;
+    PUZZLE_ORANGE_LOTTIE: string;
+    PUZZLE_PURPLE_LOTTIE: string;
+    PUZZLE_YELLOW_LOTTIE: 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;
@@ -4416,8 +4384,6 @@ 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>>;
@@ -4571,12 +4537,8 @@ 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: React.FC<IOTPInputProps>;
-
 export declare type OutcomeStage = keyof typeof STAGES;
 
 export declare const OverlayLoader: MemoExoticComponent<({ isLoading }: {
@@ -4589,8 +4551,6 @@ export declare const PercentileInput: React_2.ForwardRefExoticComponent<IPercent
 
 export declare const PerfectHits: NamedExoticComponent<IPerfectHitsProps>;
 
-export declare const PillButton: FC<IPillButtonProps>;
-
 /**
  ** Global/Platform specific events that needs to be tracked goes here
  ** Naming convention needs to be snake_case
@@ -4600,6 +4560,7 @@ export declare enum PLATFORM_EVENTS_STUDENT {
     CUSTOM_TEST_SUBMITTED = "custom_test_submitted",
     HOMEWORK_COMPLETED = "homework_completed",
     ERROR_VIA_AUTO_LOGIN_FROM_CUEMATH_APP = "error_via_auto_login_from_cuemath_app",
+    PUZZLE_ATTEMPTED = "puzzle_attempted",
     ACTIVITY_STARTED = "activity_started",
     ACTIVITY_TUTORIAL_SEEN = "activity_tutorial_seen",
     STREAK_ICON_CLICKED = "streak_icon_clicked",
@@ -4616,7 +4577,9 @@ export declare enum PLATFORM_EVENTS_TEACHER {
     LESSON_FEEDBACK_NEGATIVE = "lesson_feedback_negative",
     LESSON_FEEDBACK_BACK_BUTTON = "lesson_feedback_back_button",
     LESSON_FEEDBACK_SUBMIT = "lesson_feedback_submit",
-    LESSON_FEEDBACK_NEXT = "lesson_feedback_next"
+    LESSON_FEEDBACK_NEXT = "lesson_feedback_next",
+    PUZZLE_UNASSIGNED = "puzzle_unassigned",
+    PUZZLE_REVIEWED = "puzzle_reviewed"
 }
 
 export declare const Play2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
@@ -4691,6 +4654,8 @@ declare const PUZZLE_CARDS: "puzzle_cards";
 
 export declare const PuzzleCard: FC<IPuzzleCardContainerProps>;
 
+export declare const PuzzleDashboard: FC<IPuzzleDashboardProps>;
+
 export declare const PuzzleFeedbackCelebration: FC;
 
 export declare const PuzzleIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -4770,8 +4735,6 @@ declare enum SECTION_CODE {
 
 export declare const SectionList: <Section extends string | number | TDefaultSection>(props: ISectionList<Section>) => ReactElement;
 
-export declare const SelectableInfoCard: ({ 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;
@@ -4827,12 +4790,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.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 }
@@ -4859,8 +4818,6 @@ 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 {
@@ -5005,7 +4962,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' | 'black' | 'black-dark' | 'yellow-dark';
+export declare type TButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'secondary-gray' | 'secondary-dark';
 
 declare type TCallback = (messages: TInclassMessage[]) => void;
 
@@ -5415,6 +5372,21 @@ export declare type TInclassMessage = {
     eventPayload: {
         chapterId: string;
     };
+} | {
+    eventName: typeof EVENTS.PUZZLE_ASSIGNED;
+    eventPayload: {
+        puzzleId: string;
+    };
+} | {
+    eventName: typeof EVENTS.PUZZLE_UNASSIGNED;
+    eventPayload: {
+        puzzleId?: string;
+    };
+} | {
+    eventName: typeof EVENTS.PUZZLE_REVIEWED;
+    eventPayload: {
+        puzzleId: string;
+    };
 } | {
     eventName: 'TEACHER_BADGE';
     eventPayload: {
@@ -6240,6 +6212,21 @@ export declare const useModalParams: IUseModalParams;
 
 export declare const usePointerSync: ({ userType, targetUserId, }: IusePointerSyncProps) => IusePointerSyncMethods;
 
+export declare const usePuzzleDashboardJourney: () => {
+    puzzleProfileRef: RefObject<HTMLDivElement>;
+    startJourney: (avatar: IAvatarLayer[]) => void;
+};
+
+export declare const usePuzzleIntroJourney: ({ onJourneyComplete }: IUsePuzzleIntroJourney) => {
+    puzzleIconRef: RefObject<HTMLDivElement>;
+    startJourney: () => void;
+};
+
+export declare const usePuzzleProgressJourney: () => {
+    puzzleProgressRef: RefObject<HTMLDivElement>;
+    startJourney: () => void;
+};
+
 export declare const User2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const UserIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -6250,6 +6237,11 @@ export declare const UsernamePasswordForm: NamedExoticComponent<IUsernamePasswor
 
 export declare const UserTypeSelector: NamedExoticComponent<IUserTypeSelectorProps>;
 
+export declare const useTeacherPuzzleAssignedJourney: () => {
+    puzzleHomeTabRef: RefObject<HTMLDivElement>;
+    startJourney: () => void;
+};
+
 export declare const useTrackingContext: (commonAnalyticsProps: Record<string, unknown>, overrides?: Record<string, unknown>) => {
     onClick: TTrackCTA;
     onResponse: TTrackInput;