@cuemath/leap 3.2.22-m → 3.2.23-as1

package/dist/features/wins-dashboard/student-badges/student-badges-lists.js

@@ -0,0 +1,136 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import i, { css as G } from "styled-components";
+import S from "../../../assets/line-icons/icons/up.js";
+import o from "../../ui/layout/flex-view.js";
+import $ from "../../ui/text/text.js";
+import { BADGE_TYPE_BACKGROUND as F, BADGE_TYPE_TAB_ICON as _ } from "../constants.js";
+import j from "./animated-tabbar.js";
+import L from "./hooks/use-student-badge-list-hook.js";
+import O from "./student-badge.js";
+const g = 64, { innerHeight: R } = window, N = i(o)`
+  width: 100%;
+  background-color: ${({ $backgroundColor: t }) => t};
+  padding: ${({ $badgeCategoryGap: t }) => t}px 0;
+  align-items: center;
+  ${({ $isLastCategory: t }) => t && G`
+      min-height: ${R - g}px;
+    `}
+`, Y = i(o)`
+  position: fixed;
+  top: ${({ $topOffset: t }) => t}px;
+  width: ${({ $width: t }) => t}px;
+  z-index: 1;
+  transition: transform 200ms linear;
+  transform: translateY(${({ $visible: t }) => t ? g : 0}px);
+`, v = i(o)`
+  position: fixed;
+  top: ${window.innerHeight - 100}px;
+  right: 40px;
+  width: 48px;
+  height: 48px;
+  border: 1px solid black;
+  background: ${({ theme: t }) => t.colors.WHITE};
+  border-radius: 24px;
+  cursor: pointer;
+  opacity: ${({ $showTabBar: t }) => t ? 1 : 0};
+  transition: all 100ms linear;
+`, U = i.div`
+  display: grid;
+  grid-row-gap: 16px;
+  ${({ $containerStyle: t }) => t};
+`, W = ({
+  invalidateRewardsHome: t,
+  openModal: m,
+  topOffset: h = 0,
+  userBadges: n,
+  currentScreenWidth: a,
+  handleScrollTo: f,
+  scrollPosition: x
+}) => {
+  const {
+    badgeCategoryRefs: w,
+    categoryConfig: u,
+    currentSelectedBadgeType: y,
+    onTabClick: B,
+    scrollToTop: C,
+    showTabBar: c,
+    tabs: T,
+    totalBadgeCategories: b
+  } = L({
+    currentScreenWidth: a,
+    handleScrollTo: f,
+    scrollPosition: x,
+    userBadges: n
+  }), { badgeCategoryGap: I, badgeCategoryWidth: d, containerStyle: E, badgeWidth: k, maxBadgeNameLines: A } = u;
+  return /* @__PURE__ */ s(o, { $alignItems: "center", children: [
+    /* @__PURE__ */ e(
+      Y,
+      {
+        $flexDirection: "row",
+        $background: "WHITE",
+        $visible: c,
+        $justifyContent: "center",
+        $width: a,
+        $topOffset: h,
+        children: /* @__PURE__ */ e(o, { $width: d, children: /* @__PURE__ */ e(
+          j,
+          {
+            tabs: T,
+            selectedTabId: y,
+            onTabClick: B,
+            currentScreenWidth: a
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ e(o, { $flexDirection: "row", $gap: 16, $width: d, children: /* @__PURE__ */ e($, { $renderAs: "h5", children: "BADGES" }) }),
+    Object.keys(n).map((r, H) => {
+      const l = _[r];
+      return /* @__PURE__ */ e(
+        N,
+        {
+          $backgroundColor: F[r] || "#FFFFFF",
+          $badgeCategoryGap: I,
+          $isLastCategory: H === b - 1,
+          ref: w[r],
+          children: /* @__PURE__ */ s(o, { $width: d, children: [
+            /* @__PURE__ */ s(o, { $flexDirection: "row", $flexGap: 8, $alignItems: "center", children: [
+              typeof l == "function" ? /* @__PURE__ */ e(l, {}) : null,
+              /* @__PURE__ */ e($, { $renderAs: "eyebrow1", children: r })
+            ] }),
+            /* @__PURE__ */ e(U, { $containerStyle: E, children: (n[r] || []).map((p) => {
+              const { id: D } = p || {};
+              return /* @__PURE__ */ e(
+                O,
+                {
+                  ...p,
+                  category: r,
+                  openModal: m,
+                  badgeWidth: k,
+                  maxBadgeNameLines: A,
+                  invalidateRewardsHome: t
+                },
+                D
+              );
+            }) })
+          ] })
+        },
+        r
+      );
+    }),
+    /* @__PURE__ */ e(
+      v,
+      {
+        $justifyContent: "center",
+        $alignItems: "center",
+        $showTabBar: c,
+        onClick: C,
+        children: /* @__PURE__ */ e(S, {})
+      }
+    )
+  ] });
+}, Z = W;
+export {
+  Z as default
+};
+//# sourceMappingURL=student-badges-lists.js.map

package/dist/features/wins-dashboard/student-badges/student-badges-lists.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student-badges-lists.js","sources":["../../../../src/features/wins-dashboard/student-badges/student-badges-lists.tsx"],"sourcesContent":["import type { Badge } from './mock/badges-list-mock';\nimport type { RuleSet } from 'styled-components';\n\nimport styled, { css } from 'styled-components';\n\nimport UpIcon from '../../../assets/line-icons/icons/up';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { BADGE_TYPE_BACKGROUND, BADGE_TYPE_TAB_ICON } from '../constants';\nimport AnimatedTabBar from './animated-tabbar';\nimport useStudentBadgeListHook from './hooks/use-student-badge-list-hook';\nimport StudentBadge from './student-badge';\n\nconst HEADER_HEIGHT = 64;\nconst { innerHeight: windowHeight } = window;\n\nconst StudentBadgesContainer = styled(FlexView)<{\n  $backgroundColor: string;\n  $badgeCategoryGap: number;\n  $isLastCategory: boolean;\n}>`\n  width: 100%;\n  background-color: ${({ $backgroundColor }) => $backgroundColor};\n  padding: ${({ $badgeCategoryGap }) => $badgeCategoryGap}px 0;\n  align-items: center;\n  ${({ $isLastCategory }) =>\n    $isLastCategory &&\n    css`\n      min-height: ${windowHeight - HEADER_HEIGHT}px;\n    `}\n`;\n\nconst TabBarContainer = styled(FlexView)<{\n  $topOffset: number;\n  $width: number;\n  $visible: boolean;\n}>`\n  position: fixed;\n  top: ${({ $topOffset }) => $topOffset}px;\n  width: ${({ $width }) => $width}px;\n  z-index: 1;\n  transition: transform 200ms linear;\n  transform: translateY(${({ $visible }) => ($visible ? HEADER_HEIGHT : 0)}px);\n`;\n\nconst ScrollTopButton = styled(FlexView)<{ $showTabBar: boolean }>`\n  position: fixed;\n  top: ${window.innerHeight - 100}px;\n  right: 40px;\n  width: 48px;\n  height: 48px;\n  border: 1px solid black;\n  background: ${({ theme }) => theme.colors.WHITE};\n  border-radius: 24px;\n  cursor: pointer;\n  opacity: ${({ $showTabBar }) => ($showTabBar ? 1 : 0)};\n  transition: all 100ms linear;\n`;\n\nconst CustomRow = styled.div<{ $containerStyle: RuleSet<object> }>`\n  display: grid;\n  grid-row-gap: 16px;\n  ${({ $containerStyle }) => $containerStyle};\n`;\n\ninterface StudentBadgeListProps {\n  invalidateRewardsHome: () => void;\n  openModal: (modal: string, props?: unknown) => void;\n  topOffset?: number;\n  userBadges: Record<string, Badge[]>;\n  currentScreenWidth: number;\n  handleScrollTo: (position: number) => void;\n  scrollPosition: number;\n}\n\nconst StudentBadgeList = ({\n  invalidateRewardsHome,\n  openModal,\n  topOffset = 0,\n  userBadges,\n  currentScreenWidth,\n  handleScrollTo,\n  scrollPosition,\n}: StudentBadgeListProps) => {\n  const {\n    badgeCategoryRefs,\n    categoryConfig,\n    currentSelectedBadgeType,\n    onTabClick,\n    scrollToTop,\n    showTabBar,\n    tabs,\n    totalBadgeCategories,\n  } = useStudentBadgeListHook({\n    currentScreenWidth,\n    handleScrollTo,\n    scrollPosition,\n    userBadges,\n  });\n\n  const { badgeCategoryGap, badgeCategoryWidth, containerStyle, badgeWidth, maxBadgeNameLines } =\n    categoryConfig;\n\n  return (\n    <FlexView $alignItems=\"center\">\n      <TabBarContainer\n        $flexDirection=\"row\"\n        $background=\"WHITE\"\n        $visible={showTabBar}\n        $justifyContent=\"center\"\n        $width={currentScreenWidth}\n        $topOffset={topOffset}\n      >\n        <FlexView $width={badgeCategoryWidth}>\n          <AnimatedTabBar\n            tabs={tabs}\n            selectedTabId={currentSelectedBadgeType}\n            onTabClick={onTabClick}\n            currentScreenWidth={currentScreenWidth}\n          />\n        </FlexView>\n      </TabBarContainer>\n      <FlexView $flexDirection=\"row\" $gap={16} $width={badgeCategoryWidth}>\n        <Text $renderAs=\"h5\">BADGES</Text>\n      </FlexView>\n      {Object.keys(userBadges).map((badge, index) => {\n        const BadgeCategoryIcon = BADGE_TYPE_TAB_ICON[badge];\n\n        return (\n          <StudentBadgesContainer\n            key={badge}\n            $backgroundColor={BADGE_TYPE_BACKGROUND[badge] || '#FFFFFF'}\n            $badgeCategoryGap={badgeCategoryGap}\n            $isLastCategory={index === totalBadgeCategories - 1}\n            ref={badgeCategoryRefs[badge]}\n          >\n            <FlexView $width={badgeCategoryWidth}>\n              <FlexView $flexDirection=\"row\" $flexGap={8} $alignItems=\"center\">\n                {typeof BadgeCategoryIcon === 'function' ? <BadgeCategoryIcon /> : null}\n                <Text $renderAs=\"eyebrow1\">{badge}</Text>\n              </FlexView>\n              <CustomRow $containerStyle={containerStyle}>\n                {(userBadges[badge] || []).map(badgeProps => {\n                  const { id: studentBadgeId } = badgeProps || {};\n\n                  return (\n                    <StudentBadge\n                      key={studentBadgeId}\n                      {...badgeProps}\n                      category={badge}\n                      openModal={openModal}\n                      badgeWidth={badgeWidth}\n                      maxBadgeNameLines={maxBadgeNameLines}\n                      invalidateRewardsHome={invalidateRewardsHome}\n                    />\n                  );\n                })}\n              </CustomRow>\n            </FlexView>\n          </StudentBadgesContainer>\n        );\n      })}\n      <ScrollTopButton\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        $showTabBar={showTabBar}\n        onClick={scrollToTop}\n      >\n        <UpIcon />\n      </ScrollTopButton>\n    </FlexView>\n  );\n};\n\nexport default StudentBadgeList;\n"],"names":["HEADER_HEIGHT","windowHeight","StudentBadgesContainer","styled","FlexView","$backgroundColor","$badgeCategoryGap","$isLastCategory","css","TabBarContainer","$topOffset","$width","$visible","ScrollTopButton","theme","$showTabBar","CustomRow","$containerStyle","StudentBadgeList","invalidateRewardsHome","openModal","topOffset","userBadges","currentScreenWidth","handleScrollTo","scrollPosition","badgeCategoryRefs","categoryConfig","currentSelectedBadgeType","onTabClick","scrollToTop","showTabBar","tabs","totalBadgeCategories","useStudentBadgeListHook","badgeCategoryGap","badgeCategoryWidth","containerStyle","badgeWidth","maxBadgeNameLines","jsxs","jsx","AnimatedTabBar","Text","badge","index","BadgeCategoryIcon","BADGE_TYPE_TAB_ICON","BADGE_TYPE_BACKGROUND","badgeProps","studentBadgeId","StudentBadge","UpIcon","StudentBadgeList$1"],"mappings":"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"}

package/dist/index.d.ts

@@ -119,6 +119,29 @@ export declare const BackgroundImage: ({ img }: {
 
 export declare const BackIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+declare interface Badge {
+    category: keyof typeof STUDENT_BADGE_TYPE;
+    acknowledged_on: number | null;
+    animation_url: string;
+    assigned_on: number | null;
+    audio_url: string | null;
+    badge_id: string;
+    code: string;
+    current_count: number;
+    description: string;
+    id: string;
+    image_url: string;
+    is_global: boolean;
+    is_live: boolean;
+    is_recent: boolean;
+    name: string;
+    position: number;
+    program_id: null;
+    state: string;
+    total_count: number;
+    user_id: string;
+}
+
 export declare const BaseInput: React_2.FC<IBaseInputProps>;
 
 declare interface BaseProject {
@@ -129,6 +152,16 @@ declare interface BaseProject {
     variant: string;
 }
 
+export declare const BeltsElementsStickers: React_2.FC<BeltsElementsStickersProps>;
+
+declare interface BeltsElementsStickersProps {
+    curriculumHomeData?: CurriculumHomeData;
+    rewardHomeData?: RewardHomeData;
+    programStream?: string;
+    currentScreenWidth: number;
+    renderOnTeacher?: boolean;
+}
+
 export declare const Bin2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const BinIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -192,6 +225,36 @@ export declare const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const Callout: React.FC<ICalloutProps>;
 
+export declare const Carousel: React_2.FC<CarouselProps>;
+
+declare interface CarouselProps {
+    children: React_2.ReactNode[] | React_2.ReactNode;
+    initialPosition?: number;
+    infinite?: boolean;
+    slideDuration?: number;
+    dotColor?: string;
+    changeColor?: (position: number) => void;
+    slideAlign?: string | null;
+    inactiveDotColor?: string;
+    activeIndicatorSize?: string;
+    flexCenterIndicators?: boolean;
+    isTestimonial?: boolean;
+    setColor?: (position: number) => void;
+    setPosition?: (position: number) => void;
+    carouselSlotPadding?: string;
+    wrapperMargin?: string;
+    hideIndicators?: boolean;
+    autoScroll?: boolean;
+    nodeRef?: {
+        current?: {
+            next?: () => void;
+            prev?: () => void;
+            position?: number;
+        };
+    } | null;
+    onChange?: () => void;
+}
+
 export declare const CascadingSelectInput: React_2.FC<ICascadingSelectInputProps>;
 
 export declare const Chapter: FC<IChapterProps>;
@@ -354,10 +417,33 @@ export declare const CueCanvasProvider: FC<PropsWithChildren<{
 
 export declare const CueCanvasSideBar: NamedExoticComponent<ISidebar>;
 
+export declare const CueCoinIcon: React_2.FC<CueCoinIconProps>;
+
+declare interface CueCoinIconProps extends React_2.SVGProps<SVGSVGElement> {
+    variant?: 'gold' | 'silver';
+}
+
 export declare const CuemathLogo: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const CueRocket: React.FC<React.SVGProps<SVGSVGElement>>;
 
+declare interface CurriculumHomeData {
+    data?: {
+        curriculum_map?: CurriculumMap;
+    };
+}
+
+declare interface CurriculumMap {
+    belts?: {
+        current_belt_type?: string;
+        goals_required?: number;
+    };
+    goals?: {
+        completed_goals: number;
+        total_goals: number;
+    };
+}
+
 export declare const CustomInputField: NamedExoticComponent<ICustomInputFieldProps>;
 
 export declare const DashArrowIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -845,6 +931,7 @@ declare interface IBaseSelectInputProps<IDType extends string | number> extends
     controlled?: boolean;
     size?: TInputSizes;
     theme?: 'light' | 'dark';
+    inputLabelOverrides?: (section: ISectionOption<ISelectOption<IDType>>, option: ISelectOption<IDType> | undefined) => string;
 }
 
 declare interface IBaseWebGameProps {
@@ -2106,6 +2193,7 @@ export declare const ILLUSTRATIONS: {
     CIRCLE_CUEMATH_LOGO_WHITE: string;
     CIRCLE_OUTERCIRCLE_BG: string;
     CLOCK_ORANGE: string;
+    COMMON: string;
     COMMUNITY_BULB: string;
     CROSSHAIR_CIRCLE: string;
     CROWN: string;
@@ -2119,6 +2207,7 @@ export declare const ILLUSTRATIONS: {
     DURATION_90MIN_GRAY: string;
     EARTH_GREEN: string;
     ELLIPSE_CLIP: string;
+    EPIC: string;
     FEMALE_AVATAR: string;
     GAME_PLAY: string;
     GLOBE_WITH_BLUE_FILL: string;
@@ -2132,6 +2221,7 @@ export declare const ILLUSTRATIONS: {
     LEARNED_SHIELD_GRAY: string;
     LEARNED_SHIELD_GREEN: string;
     LEARNT: string;
+    LEGENDARY: string;
     LIKE: string;
     LIVE_SESSION: string;
     LOADER: string;
@@ -2148,6 +2238,8 @@ export declare const ILLUSTRATIONS: {
     MILESTONE_INTRO_3: string;
     MISTAKE: string;
     MONEY: string;
+    MYSTERY: string;
+    MYTHIC: string;
     NODE_ACTIVITY_BG: string;
     NODE_CUSTOM_TEST_BG: string;
     NODE_DOWNLOAD_BG: string;
@@ -2181,6 +2273,7 @@ export declare const ILLUSTRATIONS: {
     PUZZLE_PATTERN_PURPLE: string;
     PUZZLE_PATTERN_YELLOW: string;
     PUZZLE_STUDENT: string;
+    RARE: string;
     REFUND_POLICY: string;
     REFUND_POLICY_WITH_HEADPHONE: string;
     REPORT_404: string;
@@ -2233,6 +2326,7 @@ declare interface ILottieAnimationProps {
         callback: EventListener_2<EventType>;
     }[];
     onRender?: () => void;
+    onError?: () => void;
 }
 
 declare interface ILottieAnimationRef {
@@ -2288,6 +2382,9 @@ export declare const IMAGES: {
     AWESOME: string;
     BADGE_SUCCESS: string;
     BG_EMPTY_RESOURCES: string;
+    BLACK_BELT: string;
+    BLUE_BELT: string;
+    BROWN_BELT: string;
     CHATVA: string;
     CONGRATS: string;
     COOL: string;
@@ -2298,20 +2395,27 @@ export declare const IMAGES: {
     EKA: string;
     EMPTY_MIX_TESTS: string;
     GREAT: string;
+    GREEN_BELT: string;
     HEXO: string;
     KUDOS: string;
     LEARNING_PLAN: string;
     LESSON_OVERVIEW_BANNER: string;
+    MASTERED_BADGE: string;
     NO_INFO: string;
     OCTO: string;
+    ORANGE_BELT: string;
+    PURPLE_BELT: string;
     PUZZLE_CARD_EASY: string;
     PUZZLE_CARD_HARD: string;
     PUZZLE_CARD_MEDIUM: string;
+    RED_BELT: string;
     SHARED: string;
     SHEET_REFERENCE: string;
     SPIRAL_PATTERN: string;
     TETRA: string;
+    WHITE_BELT: string;
     WOW: string;
+    YELLOW_BELT: string;
     ZODASA: string;
 };
 
@@ -2934,6 +3038,29 @@ declare interface IPreviewWorksheetProps {
     onUnassign?: () => void;
 }
 
+declare interface IProgramOption {
+    badges_enabled: boolean;
+    board: string;
+    board_id: string;
+    code: string;
+    cue_program_type: string;
+    description: string;
+    grade: string;
+    grades: string[];
+    id: string;
+    is_active: boolean;
+    is_current: boolean;
+    is_current_stream_program: boolean;
+    is_demo: boolean;
+    is_live: boolean;
+    name: string;
+    program_type: string;
+    rewards_enabled: boolean;
+    stream: string;
+    sub_stream: string | null;
+    [key: string]: unknown;
+}
+
 export declare interface IProject<T> {
     type: ProjectType;
     data: T[];
@@ -4065,6 +4192,11 @@ export declare interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameEl
     handleInfoMessage?: (infoMessage: IInfoMessage) => void;
 }
 
+declare interface IWinsCommonIcon {
+    selected?: boolean;
+    className?: string;
+}
+
 declare interface IWinsPreviewProps {
     onWinsClick: () => void;
     rewardsHome: TRewardHomeData;
@@ -4415,6 +4547,7 @@ export declare const LOTTIE: {
     ALL_DONE: string;
     ANIMATED_AVATAR: string;
     AVATAR_SELECTED: string;
+    AWESOME: string;
     BEGINNER1X: string;
     BRONZE_1: string;
     BRONZE_2: string;
@@ -4423,6 +4556,7 @@ export declare const LOTTIE: {
     CHAPTER_COMPLETED: string;
     CIRCULAR_LOADER: string;
     CLAP: string;
+    CLAPPING_HANDS: string;
     CLOCK_30MIN: string;
     CLOCK_45MIN: string;
     CLOCK_60MIN: string;
@@ -4431,6 +4565,7 @@ export declare const LOTTIE: {
     COLOR_2: string;
     COLOR_3: string;
     COMPETITIVE_ARENA: string;
+    COOL: string;
     DART: string;
     DIAMOND: string;
     DICE: string;
@@ -4464,6 +4599,7 @@ export declare const LOTTIE: {
     LEVEL_1_ALLSTAR: string;
     LIGHTNING: string;
     LIGHT_BULB: string;
+    LIKE_BUTTON: string;
     MAGICWAND: string;
     MAIL: string;
     MECHANICAL_ARM: string;
@@ -4512,6 +4648,7 @@ export declare const LOTTIE: {
     SPINNER_WHITE: string;
     SPLASH_SCREEN: string;
     STAR: string;
+    STAR_STRIKE_EMOJI: string;
     STUDENT_AVATAR: string;
     SUBJECTIVE: string;
     SUPER: string;
@@ -4703,6 +4840,28 @@ export declare enum NODE_TYPES {
     'PUZZLE_CARD' = "PUZZLE_CARD"
 }
 
+declare const Notification_2: React.FC<NotificationProps>;
+export { Notification_2 as Notification }
+
+declare interface NotificationProps {
+    avatarUrl?: string | null;
+    Component?: React.ComponentType<Record<string, unknown>> | null;
+    componentProps?: Record<string, unknown>;
+    duration?: number | null;
+    gap?: number;
+    gutter?: number;
+    hideNotification?: () => void;
+    horizontalDist?: number;
+    notificationTheme?: NotificationTheme;
+    position?: Position;
+    showCloseIcon?: boolean;
+    text?: string | null;
+    verticalDist?: number;
+    visible?: boolean;
+}
+
+declare type NotificationTheme = 'white' | 'black';
+
 export declare const Nudge: React_2.NamedExoticComponent<INudgeProps>;
 
 export declare const NumRangeInput: React.FC<NumRangeInputProps>;
@@ -4787,6 +4946,8 @@ export declare const PlusIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const PointerIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+declare type Position = 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';
+
 export declare const PostGameStats: NamedExoticComponent<IPostGameStatsProps & RefAttributes<IPostGameStatsRef>>;
 
 export declare const PracticeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -4890,6 +5051,20 @@ export declare const ResendOTP: NamedExoticComponent<IOTPResendProps>;
 
 export declare const ResetPasswordForm: MemoExoticComponent<({ onSubmit, onChange, formData, errors, isSubmitDisabled, isProcessing, isValid, }: IResetPasswordFormProps) => JSX.Element>;
 
+declare interface RewardElement {
+    aggregate_for?: {
+        name?: string;
+    };
+    aggregates?: number;
+}
+
+declare interface RewardHomeData {
+    data?: {
+        user_rewards?: RewardElement[];
+        user_stickers?: StickerElement[];
+    };
+}
+
 export declare const REWARDS_LIST: string[];
 
 export declare const RightIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -5049,6 +5224,11 @@ declare const STICKER_BADGE: {
 
 declare type StickerEffect = 'burst_from_edges' | 'pop_expand' | 'float_up' | 'fall_down';
 
+declare interface StickerElement {
+    badge_id?: string;
+    name?: string;
+}
+
 export declare const StickerFilledIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const StickerIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -5079,6 +5259,27 @@ export declare class StreakReductionLocalStorageUtil {
 
 export declare const StrikedEyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+declare const STUDENT_BADGE_TYPE: {
+    COMMON: string;
+    RARE: string;
+    EPIC: string;
+    LEGENDARY: string;
+    MYTHIC: string;
+    MYSTERY: string;
+};
+
+export declare const StudentBadgeList: ({ invalidateRewardsHome, openModal, topOffset, userBadges, currentScreenWidth, handleScrollTo, scrollPosition, }: StudentBadgeListProps) => JSX.Element;
+
+declare interface StudentBadgeListProps {
+    invalidateRewardsHome: () => void;
+    openModal: (modal: string, props?: unknown) => void;
+    topOffset?: number;
+    userBadges: Record<string, Badge[]>;
+    currentScreenWidth: number;
+    handleScrollTo: (position: number) => void;
+    scrollPosition: number;
+}
+
 export declare const StudentDetails: FC<IStudentDetailsProps>;
 
 export declare const SubmitMilestoneModal: React.FC<ISubmitModalProps>;
@@ -6489,6 +6690,22 @@ export declare enum WebViewEvent {
  */
 export declare const WHITELIST_EVENTS: Record<string, PLUGIN_NAME[]>;
 
+export declare const WinsCommonIcon: React_2.FC<IWinsCommonIcon>;
+
+export declare const WinsHeader: React_2.FC<WinsTabHeaderProps>;
+
+declare interface WinsTabHeaderProps {
+    currentSelectedProgram?: IProgramOption;
+    goldCoins?: number;
+    onBackClick?: () => void;
+    onProgramChange?: (p: IProgramOption) => void;
+    programOptions?: IProgramOption[];
+    silverCoins?: number;
+    showLeftBorder?: boolean;
+    topOffset?: number;
+    widthOffset?: number;
+}
+
 export declare const Worksheet: NamedExoticComponent<IWorksheetContainerProps & RefAttributes<IWorksheetRef>>;
 
 export declare const WORKSHEET_ACTION_BAR_HEIGHT = 56;
@@ -6516,6 +6733,7 @@ declare const ZINDEX: {
     readonly GOAL_CHAPTER_SHEETS_MENU: 4;
     readonly JOURNEY_OVERLAY: 1000;
     readonly CHAPTER_COMPLETED_LOTTIE: 5;
+    readonly HEADER: 11;
 };
 
 export { }