@learncard/react 2.4.0 → 2.5.1

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import * as React$1 from 'react';
-import React__default, { MouseEventHandler } from 'react';
+import React$1, { MouseEventHandler } from 'react';
 import { Profile, CredentialSubject, VerificationItem, AchievementCredential, VC, VerificationStatus } from '@learncard/types';
 
 declare enum LCSubtypes {
@@ -18,13 +17,13 @@ declare enum WalletCategoryTypes {
     skills = "skills",
     socialBadge = "socialBadge"
 }
-declare type VCDisplayCardProps = {
+type VCDisplayCardProps = {
     title?: string;
     createdAt?: string;
     issuer?: Profile;
     issuee?: Profile;
-    subjectImageComponent?: React__default.ReactNode;
-    issuerImageComponent?: React__default.ReactNode;
+    subjectImageComponent?: React$1.ReactNode;
+    issuerImageComponent?: React$1.ReactNode;
     hideProfileBubbles?: boolean;
     userImage?: string;
     className?: string;
@@ -33,12 +32,12 @@ declare type VCDisplayCardProps = {
     loading?: boolean;
     verification?: VerificationItem[];
     handleClick?: () => void;
-    overrideDetailsComponent?: React__default.ReactNode;
+    overrideDetailsComponent?: React$1.ReactNode;
     overrideCardTitle?: string;
-    overrideCardImageComponent?: React__default.ReactNode;
-    customHeaderComponent?: React__default.ReactNode;
+    overrideCardImageComponent?: React$1.ReactNode;
+    customHeaderComponent?: React$1.ReactNode;
 };
-declare type SmallAchievementCardProps = {
+type SmallAchievementCardProps = {
     title?: string;
     thumbImgSrc?: string;
     showStatus?: boolean;
@@ -46,7 +45,7 @@ declare type SmallAchievementCardProps = {
     date?: string;
     onClick?: () => void;
 };
-declare type AchievementCardProps = {
+type AchievementCardProps = {
     title?: string;
     thumbImgSrc?: string;
     showStatus?: boolean;
@@ -58,7 +57,7 @@ declare type AchievementCardProps = {
     onCheckClick?: () => void;
     onClick?: () => void;
 };
-declare type CourseCardProps = {
+type CourseCardProps = {
     status?: string;
     title?: string;
     semester?: string;
@@ -71,7 +70,7 @@ declare type CourseCardProps = {
     achievementCount: string | number;
     onClick?: () => void;
 };
-declare type CourseCardVerticalProps = {
+type CourseCardVerticalProps = {
     title?: string;
     className?: string;
     thumbImgSrc?: string;
@@ -86,7 +85,7 @@ declare type CourseCardVerticalProps = {
     onCheckClick?: () => void;
     onClick?: () => void;
 };
-declare type SkillsCardProps = {
+type SkillsCardProps = {
     count?: number;
     title?: string;
     level?: string;
@@ -96,18 +95,18 @@ declare type SkillsCardProps = {
     onClick?: () => void;
     className?: string;
 };
-declare type SkillStat = {
+type SkillStat = {
     name?: string;
     percent: number | string;
     className?: string;
 };
-declare type SkillsStatsCardProps = {
+type SkillsStatsCardProps = {
     totalCount?: string | number;
     skills?: SkillStat[];
     className?: string;
     onClick?: () => void;
 };
-declare type SkillVerticalCardProps = {
+type SkillVerticalCardProps = {
     title: string;
     completed?: number;
     total?: number;
@@ -115,24 +114,24 @@ declare type SkillVerticalCardProps = {
     onClick?: () => void;
     className?: string;
 };
-declare type RoundedPillProps = {
+type RoundedPillProps = {
     statusText?: string;
     type?: LCSubtypes.course | LCSubtypes.achievement | LCSubtypes.skill | 'locked';
     onClick?: () => void;
     showCheckmark?: boolean;
 };
-declare type JobQualificationsCount = {
+type JobQualificationsCount = {
     fulfilledCount: number;
     totalRequiredCount: number;
 };
-declare type JobQualificationDisplay = {
+type JobQualificationDisplay = {
     skills?: JobQualificationsCount;
     achievements?: JobQualificationsCount;
     courses?: JobQualificationsCount;
 };
-declare type JobListCardProps = {
+type JobListCardProps = {
     title?: string;
-    customButtonComponent?: React__default.ReactNode;
+    customButtonComponent?: React$1.ReactNode;
     company?: string;
     compensation?: string;
     location?: string;
@@ -147,18 +146,18 @@ declare type JobListCardProps = {
     onBookmark?: () => void;
     onClick?: () => void;
 };
-declare type LearnPillProps = {
+type LearnPillProps = {
     count: number | string;
     type: LCSubtypes.course | LCSubtypes.achievement | LCSubtypes.skill;
     className?: string;
 };
-declare type CircleCheckButtonProps = {
+type CircleCheckButtonProps = {
     onClick?: () => void;
     className?: string;
     bgColor?: string;
     checked?: boolean;
 };
-declare type SkillTabCardProps = {
+type SkillTabCardProps = {
     title?: string;
     description?: string;
     checked?: boolean;
@@ -168,7 +167,7 @@ declare type SkillTabCardProps = {
     onCheckClicked?: () => void;
     onClick?: () => void;
 };
-declare type JobHistoryCardProps = {
+type JobHistoryCardProps = {
     title?: string;
     company?: string;
     description?: string;
@@ -178,7 +177,7 @@ declare type JobHistoryCardProps = {
     showArrow?: boolean;
     onClick?: () => void;
 };
-declare type GenericCardProps = {
+type GenericCardProps = {
     title?: string;
     className?: string;
     type?: WalletCategoryTypes;
@@ -190,12 +189,37 @@ declare type GenericCardProps = {
     onClick?: () => void;
     flipped?: boolean;
 };
-declare type Attachment = {
+type IssueHistory = {
+    id?: string | number;
+    name?: string;
+    thumb?: string;
+    date?: string;
+};
+type BoostSmallCardProps = {
+    title?: string;
+    className?: string;
+    type?: WalletCategoryTypes;
+    thumbImgSrc?: string;
+    customThumbClass?: string;
+    customHeaderClass?: string;
+    customBodyClass?: string;
+    showChecked?: boolean;
+    checkStatus?: boolean;
+    customButtonComponent?: React$1.ReactNode;
+    customThumbComponent?: React$1.ReactNode;
+    customBodyComponent?: React$1.ReactNode;
+    arrowOnClick?: () => void;
+    buttonOnClick?: () => void;
+    onCheckClick?: () => void;
+    innerOnClick?: () => void;
+    issueHistory: IssueHistory[];
+};
+type Attachment = {
     title: string;
     url: string;
     type: 'photo' | 'document' | 'video' | 'link';
 };
-declare type BoostAchievementCredential = AchievementCredential & {
+type BoostAchievementCredential = AchievementCredential & {
     display?: {
         backgroundImage?: string;
         backgroundColor?: string;
@@ -204,18 +228,20 @@ declare type BoostAchievementCredential = AchievementCredential & {
     attachments: Attachment[];
 };
 
-declare const AchievementCard: React__default.FC<AchievementCardProps>;
+declare const AchievementCard: React$1.FC<AchievementCardProps>;
+
+declare const BoostSmallCard: React$1.FC<BoostSmallCardProps>;
 
-declare type ButtonProps = {
+type ButtonProps = {
     text?: string;
     onClick: MouseEventHandler<HTMLButtonElement>;
     className?: string;
 };
-declare const Button: React__default.FC<ButtonProps>;
+declare const Button: React$1.FC<ButtonProps>;
 
-declare const CircleCheckButton: React__default.FC<CircleCheckButtonProps>;
+declare const CircleCheckButton: React$1.FC<CircleCheckButtonProps>;
 
-declare type CircleIconProps = {
+type CircleIconProps = {
     iconSrc?: string;
     count?: string | number;
     onClick?: () => void;
@@ -224,7 +250,7 @@ declare type CircleIconProps = {
     size?: string;
     borderColor?: string;
 };
-declare type CountCircleProps = {
+type CountCircleProps = {
     size?: string;
     count?: string | number;
     innerPadding?: string;
@@ -232,32 +258,32 @@ declare type CountCircleProps = {
     bgColor?: string;
     className?: string;
 };
-declare const CountCircle: React__default.FC<CountCircleProps>;
-declare const CircleIcon: React__default.FC<CircleIconProps>;
+declare const CountCircle: React$1.FC<CountCircleProps>;
+declare const CircleIcon: React$1.FC<CircleIconProps>;
 
-declare const CourseCard: React__default.FC<CourseCardProps>;
+declare const CourseCard: React$1.FC<CourseCardProps>;
 
-declare const CourseVerticalCard: React__default.FC<CourseCardVerticalProps>;
+declare const CourseVerticalCard: React$1.FC<CourseCardVerticalProps>;
 
-declare type FlippyCardProps = {
-    children: React__default.ReactChild[];
-    flipState?: 'front' | 'back' | undefined | string;
+type FlippyCardProps = {
+    children: React$1.ReactChild[];
+    flipState?: 'front' | 'back' | string;
 };
-declare const FlippyCard: React__default.FC<FlippyCardProps>;
+declare const FlippyCard: React$1.FC<FlippyCardProps>;
 
-declare const GenericCard: React__default.FC<GenericCardProps>;
+declare const GenericCard: React$1.FC<GenericCardProps>;
 
-declare const JobHistoryCard: React__default.FC<JobHistoryCardProps>;
+declare const JobHistoryCard: React$1.FC<JobHistoryCardProps>;
 
-declare type JobListingBubbleProps = {
+type JobListingBubbleProps = {
     count: number | string | undefined;
     type: LCSubtypes.course | LCSubtypes.achievement | LCSubtypes.skill;
     className?: string;
 };
-declare const JobListingBubble: React__default.FC<JobListingBubbleProps>;
-declare const JobListCard: React__default.FC<JobListCardProps>;
+declare const JobListingBubble: React$1.FC<JobListingBubbleProps>;
+declare const JobListCard: React$1.FC<JobListCardProps>;
 
-declare type LearnCardCreditCardBackFaceProps = {
+type LearnCardCreditCardBackFaceProps = {
     /**
      * custom className
      * @type {string}
@@ -266,7 +292,7 @@ declare type LearnCardCreditCardBackFaceProps = {
     user: LearnCardCreditCardUserProps;
     card: LearnCardCreditCardProps;
 };
-declare type LearnCardCreditCardUserProps = {
+type LearnCardCreditCardUserProps = {
     /**
      * unique user handle / username
      * @type {string}
@@ -278,7 +304,7 @@ declare type LearnCardCreditCardUserProps = {
      */
     fullName: string;
 };
-declare type LearnCardCreditCardProps = {
+type LearnCardCreditCardProps = {
     /**
      * card number
      * @type {number}
@@ -301,9 +327,9 @@ declare type LearnCardCreditCardProps = {
     cardSecurityCode?: string;
 };
 
-declare const LearnCardCreditCardBackFace: React__default.FC<LearnCardCreditCardBackFaceProps>;
+declare const LearnCardCreditCardBackFace: React$1.FC<LearnCardCreditCardBackFaceProps>;
 
-declare type LearnCardCreditCardFrontFaceProps = {
+type LearnCardCreditCardFrontFaceProps = {
     /**
      * user image
      * @type {string}
@@ -344,15 +370,15 @@ declare type LearnCardCreditCardFrontFaceProps = {
     onClick?: () => void;
 };
 
-declare const LearnCardCreditCardFrontFace: React__default.FC<LearnCardCreditCardFrontFaceProps>;
+declare const LearnCardCreditCardFrontFace: React$1.FC<LearnCardCreditCardFrontFaceProps>;
 
-declare const LearnPill: React__default.FC<LearnPillProps>;
+declare const LearnPill: React$1.FC<LearnPillProps>;
 
 declare enum CircleLoadingState {
     spin = 0,
     stop = 1
 }
-declare type CircleSpinnerProps = {
+type CircleSpinnerProps = {
     size?: number;
     thickness?: number;
     color?: string;
@@ -360,7 +386,7 @@ declare type CircleSpinnerProps = {
     marginOffset?: number;
 };
 
-declare type MiniVCThumbnailProps = {
+type MiniVCThumbnailProps = {
     /**
      * thumbnail title
      * @type {string}
@@ -393,7 +419,7 @@ declare type MiniVCThumbnailProps = {
     onClick?: () => void;
 };
 
-declare const MiniVCThumbnail: React__default.FC<MiniVCThumbnailProps>;
+declare const MiniVCThumbnail: React$1.FC<MiniVCThumbnailProps>;
 
 declare enum NotificationTypeEnum {
     Currency = "currency",
@@ -401,84 +427,36 @@ declare enum NotificationTypeEnum {
     Achievement = "achievement",
     Skill = "skill",
     Job = "job",
-    Learning = "learning"
+    Learning = "learning",
+    SocialBadges = "socialBadge"
 }
 
-declare type NotificationProps = {
+type NotificationProps = {
     notificationType: NotificationTypeEnum;
     title: string;
     issuerImage?: string;
     issueDate: string;
     className?: string;
-    onClick: () => void;
+    handleViewOnClick: () => void;
+    claimStatus: boolean;
+    handleClaimOnClick: () => void;
+    loadingState: boolean;
 };
 declare const NotificationTypeStyles: {
-    currency: {
-        viewButtonStyles: string;
-        unclaimedButtonStyles: string;
-        claimedButtonStyles: string;
-        textStyles: string;
-        iconCircleStyles: string;
-        IconComponent: React$1.FC<{
-            className?: string | undefined;
-        }>;
-    };
-    id: {
-        viewButtonStyles: string;
-        unclaimedButtonStyles: string;
-        claimedButtonStyles: string;
-        textStyles: string;
-        iconCircleStyles: string;
-        IconComponent: React$1.FC<{
-            className?: string | undefined;
-        }>;
-    };
-    achievement: {
-        viewButtonStyles: string;
-        unclaimedButtonStyles: string;
-        claimedButtonStyles: string;
-        textStyles: string;
-        iconCircleStyles: string;
-        IconComponent: React$1.FC<{
-            className?: string | undefined;
-            color?: string | undefined;
-        }>;
-    };
-    skill: {
-        viewButtonStyles: string;
-        unclaimedButtonStyles: string;
-        claimedButtonStyles: string;
-        textStyles: string;
-        iconCircleStyles: string;
-        IconComponent: React$1.FC<{
-            className?: string | undefined;
-        }>;
-    };
-    job: {
-        viewButtonStyles: string;
-        unclaimedButtonStyles: string;
-        claimedButtonStyles: string;
-        textStyles: string;
-        iconCircleStyles: string;
-        IconComponent: React$1.FC<{
-            className?: string | undefined;
-        }>;
-    };
-    learning: {
+    [key: NotificationTypeEnum | string]: {
         viewButtonStyles: string;
         unclaimedButtonStyles: string;
         claimedButtonStyles: string;
         textStyles: string;
         iconCircleStyles: string;
-        IconComponent: React$1.FC<{
-            className?: string | undefined;
-        }>;
+        IconComponent: any;
+        typeText: string;
     };
 };
 
-declare const Notification: React__default.FC<NotificationProps>;
+declare const Notification: React$1.FC<NotificationProps>;
 
-declare type QRCodeCardProps = {
+type QRCodeCardProps = {
     /**
      * user handle
      * @type {string}
@@ -501,16 +479,16 @@ declare type QRCodeCardProps = {
     className?: string;
 };
 
-declare const QRCodeCard: React__default.FC<QRCodeCardProps>;
+declare const QRCodeCard: React$1.FC<QRCodeCardProps>;
 
-declare type InlineSVGProps = {
+type InlineSVGProps = {
     color?: string;
     size?: string | number;
 };
-declare const CheckmarkSvg: React__default.FC<InlineSVGProps>;
-declare const RoundedPill: React__default.FC<RoundedPillProps>;
+declare const CheckmarkSvg: React$1.FC<InlineSVGProps>;
+declare const RoundedPill: React$1.FC<RoundedPillProps>;
 
-declare type RoundedSquareProps = {
+type RoundedSquareProps = {
     title?: string;
     description?: string;
     type?: WalletCategoryTypes;
@@ -521,7 +499,7 @@ declare type RoundedSquareProps = {
     bgColor?: string;
     iconCircleClass?: string;
 };
-declare const RoundedSquare: React__default.FC<RoundedSquareProps>;
+declare const RoundedSquare: React$1.FC<RoundedSquareProps>;
 
 declare const TYPE_TO_MINI_ICON: any;
 declare const WALLET_SUBTYPES: {
@@ -531,6 +509,7 @@ declare const WALLET_SUBTYPES: {
     CURRENCIES: string;
     LEARNING_HISTORY: string;
     SKILLS: string;
+    SOCIAL_BADGES: string;
 };
 declare const TYPE_TO_IMG_SRC: {
     [x: string]: any;
@@ -539,7 +518,7 @@ declare const TYPE_TO_WALLET_COLOR: {
     [x: string]: string;
 };
 
-declare type SchoolIDCardProps = {
+type SchoolIDCardProps = {
     /**
      * student image
      * @type {string}
@@ -554,7 +533,7 @@ declare type SchoolIDCardProps = {
      * text to display below the student name
      * @type {React.ReactNode | string | undefined}
      */
-    text?: React__default.ReactNode | string | undefined;
+    text?: React$1.ReactNode | string | undefined;
     /**
      * extra text to display on the ID card
      * @type {React.ReactNode | string | undefined}
@@ -580,72 +559,75 @@ declare type SchoolIDCardProps = {
     subjectInitialsClass?: string;
 };
 
-declare const SchoolIDCard: React__default.FC<SchoolIDCardProps>;
+declare const SchoolIDCard: React$1.FC<SchoolIDCardProps>;
 
-declare const SkillTabCard: React__default.FC<SkillTabCardProps>;
+declare const SkillTabCard: React$1.FC<SkillTabCardProps>;
 
-declare const SkillVerticalCard: React__default.FC<SkillVerticalCardProps>;
+declare const SkillVerticalCard: React$1.FC<SkillVerticalCardProps>;
 
-declare type SkillsMeterSegmentProps = {
+type SkillsMeterSegmentProps = {
     filled?: boolean;
     className?: string;
     skillColor?: string;
 };
-declare const SkillsMeterSegment: React__default.FC<SkillsMeterSegmentProps>;
-declare const SkillsCard: React__default.FC<SkillsCardProps>;
+declare const SkillsMeterSegment: React$1.FC<SkillsMeterSegmentProps>;
+declare const SkillsCard: React$1.FC<SkillsCardProps>;
 
-declare const SkillsStatsCard: React__default.FC<SkillsStatsCardProps>;
+declare const SkillsStatsCard: React$1.FC<SkillsStatsCardProps>;
 
-declare const SmallAchievementCard: React__default.FC<SmallAchievementCardProps>;
+declare const SmallAchievementCard: React$1.FC<SmallAchievementCardProps>;
 
-declare type MediaMetadata = {
+type MediaMetadata = {
     fileExtension?: string;
     sizeInBytes?: number;
     numberOfPages?: number;
 };
-declare type VideoMetadata = {
+type VideoMetadata = {
     title?: string;
     videoLength?: string;
     imageUrl?: string;
 };
 
-declare type CredentialIconType = {
-    image?: React__default.ReactNode;
+type CredentialIconType = {
+    image?: React$1.ReactNode;
     color?: string;
 };
-declare type VCDisplayCard2Props = {
+type VCDisplayCard2Props = {
     credential: VC | BoostAchievementCredential;
     verificationItems: VerificationItem[];
     issueeOverride?: Profile;
     issuerOverride?: Profile;
-    subjectImageComponent?: React__default.ReactNode;
-    issuerImageComponent?: React__default.ReactNode;
+    subjectImageComponent?: React$1.ReactNode;
+    issuerImageComponent?: React$1.ReactNode;
     verificationInProgress?: boolean;
     handleXClick?: () => void;
     getFileMetadata?: (url: string) => MediaMetadata;
     getVideoMetadata?: (url: string) => VideoMetadata;
     onMediaAttachmentClick?: (url: string) => void;
     bottomRightIcon?: CredentialIconType;
+    customFooterComponent?: React$1.ReactNode;
+    customBodyCardComponent?: React$1.ReactNode;
+    issueHistory?: IssueHistory[];
 };
-declare const VCDisplayCard2: React__default.FC<VCDisplayCard2Props>;
+declare const VCDisplayCard2: React$1.FC<VCDisplayCard2Props>;
 
-declare type VCCardProps = {
+type VCCardProps = {
     credential: VC;
     issueeOverride?: Profile;
     className?: string;
     version?: '1' | '2';
-    subjectImageComponent?: React__default.ReactNode;
+    subjectImageComponent?: React$1.ReactNode;
     handleXClick?: () => void;
     getFileMetadata?: (url: string) => MediaMetadata;
     getVideoMetadata?: (url: string) => VideoMetadata;
     onMediaAttachmentClick?: (url: string) => void;
     bottomRightIcon?: CredentialIconType;
 };
-declare const VCCard: React__default.FC<VCCardProps>;
+declare const VCCard: React$1.FC<VCCardProps>;
 
-declare const VCDisplayBackFace: React__default.FC<VCDisplayCardProps>;
+declare const VCDisplayBackFace: React$1.FC<VCDisplayCardProps>;
 
-declare type VCDisplayCardPropsReal = {
+type VCDisplayCardPropsReal = {
     credential: VC | AchievementCredential;
     issueeOverride?: Profile;
     issuerOverride?: Profile;
@@ -653,16 +635,16 @@ declare type VCDisplayCardPropsReal = {
     hideProfileBubbles?: boolean;
     loading?: boolean;
     verification?: VerificationItem[];
-    subjectImageComponent?: React__default.ReactNode;
-    issuerImageComponent?: React__default.ReactNode;
-    overrideDetailsComponent?: React__default.ReactNode;
+    subjectImageComponent?: React$1.ReactNode;
+    issuerImageComponent?: React$1.ReactNode;
+    overrideDetailsComponent?: React$1.ReactNode;
     overrideCardTitle?: string;
-    overrideCardImageComponent?: React__default.ReactNode;
-    customHeaderComponent?: React__default.ReactNode;
+    overrideCardImageComponent?: React$1.ReactNode;
+    customHeaderComponent?: React$1.ReactNode;
 };
-declare const VCDisplayCard: React__default.FC<VCDisplayCardPropsReal>;
+declare const VCDisplayCard: React$1.FC<VCDisplayCardPropsReal>;
 
-declare type VCThumbnailProps = {
+type VCThumbnailProps = {
     /**
      * thumbnail title
      * @type {string}
@@ -683,7 +665,7 @@ declare type VCThumbnailProps = {
      * @type {string}
      */
     userImage?: string;
-    userImageComponent?: React__default.ReactNode;
+    userImageComponent?: React$1.ReactNode;
     /**
      * badge image
      * @type {string}
@@ -707,65 +689,65 @@ declare type VCThumbnailProps = {
     onClick?: () => void;
 };
 
-declare const VCThumbnail: React__default.FC<VCThumbnailProps>;
+declare const VCThumbnail: React$1.FC<VCThumbnailProps>;
 
-declare type VCVerificationCheckProps = {
+type VCVerificationCheckProps = {
     size?: string | number;
     loading?: boolean;
 };
-declare const VCVerificationCheck: React__default.FC<VCVerificationCheckProps>;
+declare const VCVerificationCheck: React$1.FC<VCVerificationCheckProps>;
 
-declare const VCVerificationCheckWithSpinner: React__default.FC<VCVerificationCheckProps & {
+declare const VCVerificationCheckWithSpinner: React$1.FC<VCVerificationCheckProps & {
     spinnerSize?: string;
     withBorder?: boolean;
 }>;
-declare const VCVerificationCheckWithText: React__default.FC<VCVerificationCheckProps & {
+declare const VCVerificationCheckWithText: React$1.FC<VCVerificationCheckProps & {
     spinnerSize?: string;
 }>;
 
-declare type VerifiableStateIndicatorProps = {
+type VerifiableStateIndicatorProps = {
     status: VerificationStatus;
 };
-declare const ValidationStateIndicator: React__default.FC<VerifiableStateIndicatorProps>;
+declare const ValidationStateIndicator: React$1.FC<VerifiableStateIndicatorProps>;
 
-declare const AwardRibbon: React__default.FC<{
+declare const AwardRibbon: React$1.FC<{
     className?: string;
 }>;
 
-declare const Briefcase: React__default.FC<{
+declare const Briefcase: React$1.FC<{
     className?: string;
 }>;
 
-declare const Checkmark: React__default.FC<{
+declare const Checkmark: React$1.FC<{
     className?: string;
 }>;
 
-declare const Coins: React__default.FC<{
+declare const Coins: React$1.FC<{
     className?: string;
 }>;
 
-declare const GenericArrow: React__default.FC<{
+declare const GenericArrow: React$1.FC<{
     className?: string;
     color?: string;
     width?: string;
     height?: string;
 }>;
 
-declare const Graduation: React__default.FC<{
+declare const Graduation: React$1.FC<{
     className?: string;
 }>;
 
-declare const Lightbulb: React__default.FC<{
+declare const Lightbulb: React$1.FC<{
     className?: string;
 }>;
 
-declare const Trophy: React__default.FC<{
+declare const Trophy: React$1.FC<{
     className?: string;
     color?: string;
 }>;
 
-declare const User: React__default.FC<{
+declare const User: React$1.FC<{
     className?: string;
 }>;
 
-export { AchievementCard, AwardRibbon, Briefcase, Button, ButtonProps, Checkmark, CheckmarkSvg, CircleCheckButton, CircleIcon, CircleIconProps, CircleLoadingState, CircleSpinnerProps, Coins, CountCircle, CountCircleProps, CourseCard, CourseVerticalCard, CredentialIconType, FlippyCard, FlippyCardProps, GenericArrow, GenericCard, Graduation, JobHistoryCard, JobListCard, JobListingBubble, LearnCardCreditCardBackFace, LearnCardCreditCardBackFaceProps, LearnCardCreditCardFrontFace, LearnCardCreditCardFrontFaceProps, LearnCardCreditCardProps, LearnCardCreditCardUserProps, LearnPill, Lightbulb, MediaMetadata, MiniVCThumbnail, MiniVCThumbnailProps, Notification, NotificationProps, NotificationTypeStyles, QRCodeCard, QRCodeCardProps, RoundedPill, RoundedSquare, RoundedSquareProps, SchoolIDCard, SchoolIDCardProps, SkillTabCard, SkillVerticalCard, SkillsCard, SkillsMeterSegment, SkillsStatsCard, SmallAchievementCard, TYPE_TO_IMG_SRC, TYPE_TO_MINI_ICON, TYPE_TO_WALLET_COLOR, Trophy, User, VCCard, VCCardProps, VCDisplayBackFace, VCDisplayCard, VCDisplayCard2, VCDisplayCard2Props, VCDisplayCardPropsReal, VCThumbnail, VCThumbnailProps, VCVerificationCheck, VCVerificationCheckProps, VCVerificationCheckWithSpinner, VCVerificationCheckWithText, ValidationStateIndicator, VideoMetadata, WALLET_SUBTYPES };
+export { AchievementCard, AwardRibbon, BoostSmallCard, Briefcase, Button, ButtonProps, Checkmark, CheckmarkSvg, CircleCheckButton, CircleIcon, CircleIconProps, CircleLoadingState, CircleSpinnerProps, Coins, CountCircle, CountCircleProps, CourseCard, CourseVerticalCard, CredentialIconType, FlippyCard, FlippyCardProps, GenericArrow, GenericCard, Graduation, JobHistoryCard, JobListCard, JobListingBubble, LearnCardCreditCardBackFace, LearnCardCreditCardBackFaceProps, LearnCardCreditCardFrontFace, LearnCardCreditCardFrontFaceProps, LearnCardCreditCardProps, LearnCardCreditCardUserProps, LearnPill, Lightbulb, MediaMetadata, MiniVCThumbnail, MiniVCThumbnailProps, Notification, NotificationProps, NotificationTypeStyles, QRCodeCard, QRCodeCardProps, RoundedPill, RoundedSquare, RoundedSquareProps, SchoolIDCard, SchoolIDCardProps, SkillTabCard, SkillVerticalCard, SkillsCard, SkillsMeterSegment, SkillsStatsCard, SmallAchievementCard, TYPE_TO_IMG_SRC, TYPE_TO_MINI_ICON, TYPE_TO_WALLET_COLOR, Trophy, User, VCCard, VCCardProps, VCDisplayBackFace, VCDisplayCard, VCDisplayCard2, VCDisplayCard2Props, VCDisplayCardPropsReal, VCThumbnail, VCThumbnailProps, VCVerificationCheck, VCVerificationCheckProps, VCVerificationCheckWithSpinner, VCVerificationCheckWithText, ValidationStateIndicator, VideoMetadata, WALLET_SUBTYPES };