npm - @learncard/react - Versions diffs - 2.7.1 → 2.7.3 - Mend

@learncard/react 2.7.1 → 2.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

package/dist/cjs/index-7d94d5ac.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-7d94d5ac.js","sources":["../../src/types/index.ts"],"sourcesContent":["import {\n VerificationItem,\n AchievementCredential,\n Profile,\n CredentialSubject,\n} from '@learncard/types';\nimport React, { ReactNode } from 'react';\n\nexport enum Icons {\n coinsIcon,\n userIcon,\n trophyIcon,\n briefcaseIcon,\n graduationIcon,\n lightbulbIcon,\n gradcaplight,\n trophylight,\n puzzlelight,\n award,\n keyIcon,\n\n // new icons\n coursesIcon,\n socialBagesIcon,\n achievementsIcon,\n accomplishmentsIcon,\n skillsIcon,\n experiencesIcon,\n relationshipsIcon,\n accommodationsIcon,\n membershipsIcon,\n goalsIcon,\n eventsIcon,\n}\n\nexport enum LCCategoryEnum {\n socialBadge = 'Social Badge',\n achievement = 'Achievement',\n course = 'Course',\n job = 'Job',\n id = 'ID',\n workHistory = 'Work History',\n currency = 'Currency',\n learningHistory = 'Learning History',\n skill = 'Skill',\n membership = 'Membership',\n event = 'Event',\n\n accommodations = 'Accommodation',\n accomplishments = 'Accomplishment',\n}\n\nexport enum LCSubtypes {\n job = 'job',\n achievement = 'achievement',\n skill = 'skill',\n course = 'course',\n locked = 'locked',\n}\n\n// courses(learningHistory - ladder), social badges, achievements, accomplishments,\n// skills, experiences, relationships, accommodations\n// todo - memberships, goals\n// deprecated - ids, currency\nexport enum WalletCategoryTypes {\n achievements = 'achievements',\n jobHistory = 'jobhistory',\n learningHistory = 'learningHistory',\n skills = 'skills',\n socialBadge = 'socialBadge',\n\n // new\n relationships = 'relationships',\n accommodations = 'accommodations',\n accomplishments = 'accomplishments',\n events = 'events',\n\n // todo\n membership = 'membership',\n goals = 'goals',\n\n // deprecated\n ids = 'ids',\n currency = 'currency',\n}\n\nexport type CredentialInfo = {\n title?: string;\n imageUrl?: string;\n createdAt?: string;\n issuer?: Profile;\n issuee?: Profile;\n credentialSubject?: CredentialSubject;\n};\n\nexport type VCDisplayCardProps = {\n title?: string;\n createdAt?: string;\n issuer?: Profile;\n issuee?: Profile;\n subjectImageComponent?: React.ReactNode;\n issuerImageComponent?: React.ReactNode;\n hideProfileBubbles?: boolean;\n userImage?: string;\n className?: string;\n credentialSubject?: CredentialSubject;\n onClick?: () => void;\n loading?: boolean;\n verification?: VerificationItem[];\n handleClick?: () => void;\n overrideDetailsComponent?: React.ReactNode;\n overrideCardTitle?: string;\n overrideCardImageComponent?: React.ReactNode;\n customHeaderComponent?: React.ReactNode;\n};\n\nexport type RoundedSquareProps = {\n title?: string;\n description?: string;\n iconSrc?: string;\n count?: string \| number;\n onClick?: () => void;\n bgColor?: string;\n};\n\nexport type SmallAchievementCardProps = {\n title?: string;\n thumbImgSrc?: string;\n showStatus?: boolean;\n showSkills?: boolean;\n date?: string;\n onClick?: () => void;\n};\n\nexport type AchievementCardProps = {\n title?: string;\n thumbImgSrc?: string;\n showStatus?: boolean;\n claimStatus?: boolean;\n showSkills?: boolean;\n skillCount?: number;\n showChecked?: boolean;\n checked?: boolean;\n onCheckClick?: () => void;\n onClick?: () => void;\n};\n\nexport type CourseCardProps = {\n status?: string;\n title?: string;\n semester?: string;\n skillCount?: string \| number;\n thumbSrc?: string;\n jobCount?: string \| number;\n className?: string;\n hideHeader?: boolean;\n check?: boolean;\n achievementCount: string \| number;\n onClick?: () => void;\n};\n\nexport type CourseCardVerticalProps = {\n title?: string;\n className?: string;\n thumbImgSrc?: string;\n showStatus?: boolean;\n claimStatus?: boolean;\n achievementCount?: number;\n skillCount?: number;\n date?: string;\n checked?: boolean;\n showChecked?: boolean;\n showSubCount?: boolean;\n onCheckClick?: () => void;\n onClick?: () => void;\n};\n\nexport type SkillsCardProps = {\n count?: number;\n title?: string;\n level?: string;\n category?: string;\n levelCount?: number;\n skillColor?: string;\n onClick?: () => void;\n className?: string;\n};\n\nexport type SkillStat = {\n name?: string;\n percent: number \| string;\n className?: string;\n};\n\nexport type SkillsStatsCardProps = {\n totalCount?: string \| number;\n skills?: SkillStat[];\n className?: string;\n onClick?: () => void;\n};\n\nexport type SkillVerticalCardProps = {\n title: string;\n completed?: number;\n total?: number;\n thumbImg?: string;\n onClick?: () => void;\n className?: string;\n};\n\nexport type RoundedPillProps = {\n statusText?: string;\n type?: LCSubtypes.course \| LCSubtypes.achievement \| LCSubtypes.skill \| 'locked';\n onClick?: () => void;\n showCheckmark?: boolean;\n};\n\nexport type JobQualificationsCount = {\n fulfilledCount: number;\n totalRequiredCount: number;\n};\n\nexport type JobQualificationDisplay = {\n skills?: JobQualificationsCount;\n achievements?: JobQualificationsCount;\n courses?: JobQualificationsCount;\n};\n\nexport type JobListCardProps = {\n title?: string;\n customButtonComponent?: React.ReactNode;\n company?: string;\n compensation?: string;\n location?: string;\n locationRequirement?: string;\n timeRequirement?: string;\n qualificationDisplay?: JobQualificationDisplay;\n percentQualifiedDisplay?: string;\n postDateDisplay?: string;\n imgThumb?: string;\n isBookmarked?: boolean;\n className?: string;\n onBookmark?: () => void;\n onClick?: () => void;\n};\n\nexport type LearnPillProps = {\n count: number \| string;\n type: LCSubtypes.course \| LCSubtypes.achievement \| LCSubtypes.skill;\n className?: string;\n};\n\nexport type CircleCheckButtonProps = {\n onClick?: () => void;\n className?: string;\n bgColor?: string;\n checked?: boolean;\n};\n\nexport type SkillTabCardProps = {\n title?: string;\n description?: string;\n checked?: boolean;\n showChecked?: boolean;\n showStatus?: boolean;\n className?: string;\n onCheckClicked?: () => void;\n onClick?: () => void;\n};\n\nexport type JobHistoryCardProps = {\n title?: string;\n company?: string;\n description?: string;\n dateRange?: string;\n jobType?: string;\n className?: string;\n showArrow?: boolean;\n onClick?: () => void;\n};\n\nexport type GenericCardProps = {\n title?: string;\n className?: string;\n type?: WalletCategoryTypes;\n thumbImgSrc?: string;\n customThumbClass?: string;\n customHeaderClass?: string;\n showChecked?: boolean;\n checkStatus?: boolean;\n onClick?: () => void;\n flipped?: boolean;\n};\n\nexport type IssueHistory = {\n id?: string \| number;\n name?: string;\n thumb?: string;\n date?: string;\n};\n\nexport type BoostSmallCardProps = {\n title?: string;\n className?: string;\n type?: WalletCategoryTypes;\n thumbImgSrc?: string;\n customThumbClass?: string;\n customHeaderClass?: string;\n customBodyClass?: string;\n showChecked?: boolean;\n checkStatus?: boolean;\n customButtonComponent?: React.ReactNode;\n customThumbComponent?: React.ReactNode;\n customBodyComponent?: React.ReactNode;\n arrowOnClick?: () => void;\n buttonOnClick?: () => void;\n onCheckClick?: () => void;\n innerOnClick?: () => void;\n optionsTriggerOnClick?: () => void;\n issueHistory?: IssueHistory[];\n bgImgSrc?: string;\n};\n\nexport type BoostGenericCardProps = {\n title?: string;\n className?: string;\n type?: WalletCategoryTypes;\n thumbImgSrc?: string;\n customThumbClass?: string;\n customHeaderClass?: string;\n showChecked?: boolean;\n checkStatus?: boolean;\n onCheckClick?: () => void;\n customThumbComponent?: React.ReactNode;\n innerOnClick?: () => void;\n bgImgSrc?: string;\n issuerName?: string;\n optionsTriggerOnClick?: () => void;\n dateDisplay?: string;\n verifierBadge?: React.ReactNode;\n};\n\nexport type Attachment = {\n title: string;\n url: string;\n type: 'photo' \| 'document' \| 'video' \| 'link';\n};\n\nexport type BoostAchievementCredential = AchievementCredential & {\n display?: { backgroundImage?: string; backgroundColor?: string };\n image: string;\n attachments: Attachment[];\n};\n\nexport type MediaMetadata = {\n fileExtension?: string;\n sizeInBytes?: number;\n numberOfPages?: number;\n};\n\nexport type VideoMetadata = {\n title?: string;\n videoLength?: string;\n imageUrl?: string;\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index-7d94d5ac.js","sources":["../../src/types/index.ts"],"sourcesContent":["import {\n VerificationItem,\n AchievementCredential,\n Profile,\n CredentialSubject,\n} from '@learncard/types';\nimport React, { ReactNode } from 'react';\n\nexport enum Icons {\n coinsIcon,\n userIcon,\n trophyIcon,\n briefcaseIcon,\n graduationIcon,\n lightbulbIcon,\n gradcaplight,\n trophylight,\n puzzlelight,\n award,\n keyIcon,\n\n // new icons\n coursesIcon,\n socialBagesIcon,\n achievementsIcon,\n accomplishmentsIcon,\n skillsIcon,\n experiencesIcon,\n relationshipsIcon,\n accommodationsIcon,\n membershipsIcon,\n goalsIcon,\n eventsIcon,\n}\n\nexport enum LCCategoryEnum {\n socialBadge = 'Social Badge',\n achievement = 'Achievement',\n course = 'Course',\n job = 'Job',\n id = 'ID',\n workHistory = 'Work History',\n currency = 'Currency',\n learningHistory = 'Learning History',\n skill = 'Skill',\n membership = 'Membership',\n event = 'Event',\n\n accommodations = 'Accommodation',\n accomplishments = 'Accomplishment',\n}\n\nexport enum LCSubtypes {\n job = 'job',\n achievement = 'achievement',\n skill = 'skill',\n course = 'course',\n locked = 'locked',\n}\n\n// courses(learningHistory - ladder), social badges, achievements, accomplishments,\n// skills, experiences, relationships, accommodations\n// todo - memberships, goals\n// deprecated - ids, currency\nexport enum WalletCategoryTypes {\n achievements = 'achievements',\n jobHistory = 'jobhistory',\n learningHistory = 'learningHistory',\n skills = 'skills',\n socialBadge = 'socialBadge',\n\n // new\n relationships = 'relationships',\n accommodations = 'accommodations',\n accomplishments = 'accomplishments',\n events = 'events',\n\n // todo\n membership = 'membership',\n goals = 'goals',\n\n // deprecated\n ids = 'ids',\n currency = 'currency',\n}\n\nexport type CredentialInfo = {\n title?: string;\n imageUrl?: string;\n createdAt?: string;\n issuer?: Profile;\n issuee?: Profile;\n credentialSubject?: CredentialSubject;\n};\n\nexport type VCDisplayCardProps = {\n title?: string;\n createdAt?: string;\n issuer?: Profile;\n issuee?: Profile;\n subjectImageComponent?: React.ReactNode;\n issuerImageComponent?: React.ReactNode;\n hideProfileBubbles?: boolean;\n userImage?: string;\n className?: string;\n credentialSubject?: CredentialSubject;\n onClick?: () => void;\n loading?: boolean;\n verification?: VerificationItem[];\n handleClick?: () => void;\n overrideDetailsComponent?: React.ReactNode;\n overrideCardTitle?: string;\n overrideCardImageComponent?: React.ReactNode;\n customHeaderComponent?: React.ReactNode;\n};\n\nexport type RoundedSquareProps = {\n title?: string;\n description?: string;\n iconSrc?: string;\n count?: string \| number;\n onClick?: () => void;\n bgColor?: string;\n};\n\nexport type SmallAchievementCardProps = {\n title?: string;\n thumbImgSrc?: string;\n showStatus?: boolean;\n showSkills?: boolean;\n date?: string;\n onClick?: () => void;\n};\n\nexport type AchievementCardProps = {\n title?: string;\n thumbImgSrc?: string;\n showStatus?: boolean;\n claimStatus?: boolean;\n showSkills?: boolean;\n skillCount?: number;\n showChecked?: boolean;\n checked?: boolean;\n onCheckClick?: () => void;\n onClick?: () => void;\n};\n\nexport type CourseCardProps = {\n status?: string;\n title?: string;\n semester?: string;\n skillCount?: string \| number;\n thumbSrc?: string;\n jobCount?: string \| number;\n className?: string;\n hideHeader?: boolean;\n check?: boolean;\n achievementCount: string \| number;\n onClick?: () => void;\n};\n\nexport type CourseCardVerticalProps = {\n title?: string;\n className?: string;\n thumbImgSrc?: string;\n showStatus?: boolean;\n claimStatus?: boolean;\n achievementCount?: number;\n skillCount?: number;\n date?: string;\n checked?: boolean;\n showChecked?: boolean;\n showSubCount?: boolean;\n onCheckClick?: () => void;\n onClick?: () => void;\n};\n\nexport type SkillsCardProps = {\n count?: number;\n title?: string;\n level?: string;\n category?: string;\n levelCount?: number;\n skillColor?: string;\n onClick?: () => void;\n className?: string;\n};\n\nexport type SkillStat = {\n name?: string;\n percent: number \| string;\n className?: string;\n};\n\nexport type SkillsStatsCardProps = {\n totalCount?: string \| number;\n skills?: SkillStat[];\n className?: string;\n onClick?: () => void;\n};\n\nexport type SkillVerticalCardProps = {\n title: string;\n completed?: number;\n total?: number;\n thumbImg?: string;\n onClick?: () => void;\n className?: string;\n};\n\nexport type RoundedPillProps = {\n statusText?: string;\n type?: LCSubtypes.course \| LCSubtypes.achievement \| LCSubtypes.skill \| 'locked';\n onClick?: () => void;\n showCheckmark?: boolean;\n};\n\nexport type JobQualificationsCount = {\n fulfilledCount: number;\n totalRequiredCount: number;\n};\n\nexport type JobQualificationDisplay = {\n skills?: JobQualificationsCount;\n achievements?: JobQualificationsCount;\n courses?: JobQualificationsCount;\n};\n\nexport type JobListCardProps = {\n title?: string;\n customButtonComponent?: React.ReactNode;\n company?: string;\n compensation?: string;\n location?: string;\n locationRequirement?: string;\n timeRequirement?: string;\n qualificationDisplay?: JobQualificationDisplay;\n percentQualifiedDisplay?: string;\n postDateDisplay?: string;\n imgThumb?: string;\n isBookmarked?: boolean;\n className?: string;\n onBookmark?: () => void;\n onClick?: () => void;\n};\n\nexport type LearnPillProps = {\n count: number \| string;\n type: LCSubtypes.course \| LCSubtypes.achievement \| LCSubtypes.skill;\n className?: string;\n};\n\nexport type CircleCheckButtonProps = {\n onClick?: () => void;\n className?: string;\n bgColor?: string;\n checked?: boolean;\n};\n\nexport type SkillTabCardProps = {\n title?: string;\n description?: string;\n checked?: boolean;\n showChecked?: boolean;\n showStatus?: boolean;\n className?: string;\n onCheckClicked?: () => void;\n onClick?: () => void;\n};\n\nexport type JobHistoryCardProps = {\n title?: string;\n company?: string;\n description?: string;\n dateRange?: string;\n jobType?: string;\n className?: string;\n showArrow?: boolean;\n onClick?: () => void;\n};\n\nexport type GenericCardProps = {\n title?: string;\n className?: string;\n type?: WalletCategoryTypes;\n thumbImgSrc?: string;\n customThumbClass?: string;\n customHeaderClass?: string;\n showChecked?: boolean;\n checkStatus?: boolean;\n onClick?: () => void;\n flipped?: boolean;\n};\n\nexport type IssueHistory = {\n id?: string \| number;\n name?: string;\n thumb?: string;\n date?: string;\n};\n\nexport type BoostSmallCardProps = {\n title?: string;\n customTitle?: React.ReactNode \| string \| null;\n className?: string;\n type?: WalletCategoryTypes;\n thumbImgSrc?: string;\n customThumbClass?: string;\n customHeaderClass?: string;\n customBodyClass?: string;\n showChecked?: boolean;\n checkStatus?: boolean;\n customButtonComponent?: React.ReactNode;\n customThumbComponent?: React.ReactNode;\n customBodyComponent?: React.ReactNode;\n arrowOnClick?: () => void;\n buttonOnClick?: () => void;\n onCheckClick?: () => void;\n innerOnClick?: () => void;\n optionsTriggerOnClick?: () => void;\n issueHistory?: IssueHistory[];\n bgImgSrc?: string;\n};\n\nexport type BoostGenericCardProps = {\n title?: string;\n customTitle?: React.ReactNode \| string \| null;\n className?: string;\n type?: WalletCategoryTypes;\n thumbImgSrc?: string;\n customThumbClass?: string;\n customHeaderClass?: string;\n showChecked?: boolean;\n checkStatus?: boolean;\n onCheckClick?: () => void;\n customThumbComponent?: React.ReactNode;\n innerOnClick?: () => void;\n bgImgSrc?: string;\n issuerName?: string;\n customIssuerName?: React.ReactNode \| string \| null;\n optionsTriggerOnClick?: () => void;\n dateDisplay?: string;\n customDateDisplay?: React.ReactNode \| string \| null;\n verifierBadge?: React.ReactNode;\n};\n\nexport type Attachment = {\n title: string;\n url: string;\n type: 'photo' \| 'document' \| 'video' \| 'link';\n};\n\nexport type BoostAchievementCredential = AchievementCredential & {\n display?: { backgroundImage?: string; backgroundColor?: string };\n image: string;\n attachments: Attachment[];\n};\n\nexport type MediaMetadata = {\n fileExtension?: string;\n sizeInBytes?: number;\n numberOfPages?: number;\n};\n\nexport type VideoMetadata = {\n title?: string;\n videoLength?: string;\n imageUrl?: string;\n};\n"],"names":[],"mappings":"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"}

package/dist/cjs/index.js CHANGED Viewed

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var AchievementCard = require('./AchievementCard-27fc10b5.js');
-var BoostGenericCard = require('./BoostGenericCard-a5ca50df.js');
-var BoostSmallCard = require('./BoostSmallCard-28401cef.js');
+var BoostGenericCard = require('./BoostGenericCard-8c084ed9.js');
+var BoostSmallCard = require('./BoostSmallCard-a8b7f33d.js');
 var Button = require('./Button-a7af702b.js');
 require('react');
 require('./CaretRightFilled.svg');
-var CertificateDisplayCard = require('./CertificateDisplayCard-811ef7cf.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8ded38ec.js');
 require('./types.esm-2ec4fa7e.js');
 var User = require('./User-301088ac.js');
 var Trophy = require('./Trophy-3d323be3.js');
 var Lightbox = require('./Lightbox-f19e13d2.js');
 var CircleCheckButton = require('./CircleCheckButton-abff235d.js');
-var CircleIcon = require('./CircleIcon-5587a585.js');
+var CircleIcon = require('./CircleIcon-3d6a536a.js');
 var CourseCard = require('./CourseCard-338a32ee.js');
 var CourseVerticalCard = require('./CourseVerticalCard-2958d043.js');
 var FlippyCard = require('./FlippyCard-209549c5.js');
@@ -34,14 +34,14 @@ var NotificationUserCard = require('./NotificationUserCard-d4dab06c.js');
 var types$1 = require('./types-e4d9a257.js');
 var QRCodeCard = require('./QRCodeCard-2a818136.js');
 var RoundedPill = require('./RoundedPill-4bce9068.js');
-var constants = require('./constants-3359aea1.js');
+var constants = require('./constants-30861aed.js');
 var SchoolIDCard = require('./SchoolIDCard-c7b4153a.js');
 var SkillTabCard = require('./SkillTabCard-2be1570e.js');
 var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
-var VCCard = require('./VCCard-2d4bfd86.js');
+var VCCard = require('./VCCard-1e1abd28.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-a3cd6ad2.js');
 var VCDisplayCard = require('./VCDisplayCard-f0783ca4.js');
 require('./default-face.jpeg');
@@ -54,7 +54,7 @@ require('./medical.svg');
 require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
-var VCDisplayCard2 = require('./VCDisplayCard2-2fbad5c7.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-81afa476.js');
 var QRCodeIcon = require('./QRCodeIcon-81c6e96b.js');
 require('./id-sleeve.png');
 require('./icon.green.fat-arrow.png');

package/dist/cjs/index13.js CHANGED Viewed

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var AchievementCard = require('./AchievementCard-27fc10b5.js');
-var BoostGenericCard = require('./BoostGenericCard-a5ca50df.js');
-var BoostSmallCard = require('./BoostSmallCard-28401cef.js');
+var BoostGenericCard = require('./BoostGenericCard-8c084ed9.js');
+var BoostSmallCard = require('./BoostSmallCard-a8b7f33d.js');
 var Button = require('./Button-a7af702b.js');
 require('react');
 require('./CaretRightFilled.svg');
-var CertificateDisplayCard = require('./CertificateDisplayCard-811ef7cf.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8ded38ec.js');
 require('./types.esm-2ec4fa7e.js');
 var User = require('./User-301088ac.js');
 var Trophy = require('./Trophy-3d323be3.js');
 var Lightbox = require('./Lightbox-f19e13d2.js');
 var CircleCheckButton = require('./CircleCheckButton-abff235d.js');
-var CircleIcon = require('./CircleIcon-5587a585.js');
+var CircleIcon = require('./CircleIcon-3d6a536a.js');
 var CourseCard = require('./CourseCard-338a32ee.js');
 var CourseVerticalCard = require('./CourseVerticalCard-2958d043.js');
 var FlippyCard = require('./FlippyCard-209549c5.js');
@@ -34,14 +34,14 @@ var NotificationUserCard = require('./NotificationUserCard-d4dab06c.js');
 var types$1 = require('./types-e4d9a257.js');
 var QRCodeCard = require('./QRCodeCard-2a818136.js');
 var RoundedPill = require('./RoundedPill-4bce9068.js');
-var constants = require('./constants-3359aea1.js');
+var constants = require('./constants-30861aed.js');
 var SchoolIDCard = require('./SchoolIDCard-c7b4153a.js');
 var SkillTabCard = require('./SkillTabCard-2be1570e.js');
 var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
-var VCCard = require('./VCCard-2d4bfd86.js');
+var VCCard = require('./VCCard-1e1abd28.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-a3cd6ad2.js');
 var VCDisplayCard = require('./VCDisplayCard-f0783ca4.js');
 require('./default-face.jpeg');
@@ -54,7 +54,7 @@ require('./medical.svg');
 require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
-var VCDisplayCard2 = require('./VCDisplayCard2-2fbad5c7.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-81afa476.js');
 var QRCodeIcon = require('./QRCodeIcon-81c6e96b.js');
 require('./id-sleeve.png');
 require('./icon.green.fat-arrow.png');

package/dist/cjs/index28.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var constants = require('./constants-3359aea1.js');
+var constants = require('./constants-30861aed.js');
 require('react');
-require('./CircleIcon-5587a585.js');
+require('./CircleIcon-3d6a536a.js');
 require('./CircleSpinner-093cce04.js');
 require('./index-7d94d5ac.js');
 require('./icons-9878f84c.js');

package/dist/cjs/index3.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var BoostGenericCard = require('./BoostGenericCard-a5ca50df.js');
+var BoostGenericCard = require('./BoostGenericCard-8c084ed9.js');
 require('react');
 require('./index-7d94d5ac.js');
 require('./index-503d0d98.js');

package/dist/cjs/index36.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var VCCard = require('./VCCard-2d4bfd86.js');
+var VCCard = require('./VCCard-1e1abd28.js');
 require('react');
 require('@learncard/init');
 require('./VCDisplayCard-f0783ca4.js');
@@ -35,9 +35,9 @@ require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
 require('./CaretRightFilled.svg');
-require('./VCDisplayCard2-2fbad5c7.js');
+require('./VCDisplayCard2-81afa476.js');
 require('./index-838fa72c.js');
-require('./CertificateDisplayCard-811ef7cf.js');
+require('./CertificateDisplayCard-8ded38ec.js');
 require('./Lightbox-f19e13d2.js');
 require('./DotsThreeOutline.svg');
 require('./QRCodeIcon-81c6e96b.js');

package/dist/cjs/index39.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('./default-face.jpeg');
 require('react-dom');
-var CertificateDisplayCard = require('./CertificateDisplayCard-811ef7cf.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8ded38ec.js');
 require('./athletics.svg');
 require('./business.svg');
 require('./creative.svg');
@@ -17,7 +17,7 @@ require('./stem.svg');
 require('./trade.svg');
 require('./types.esm-2ec4fa7e.js');
 require('./CaretRightFilled.svg');
-var VCDisplayCard2 = require('./VCDisplayCard2-2fbad5c7.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-81afa476.js');
 require('./id-sleeve.png');
 require('./credential.helpers-ccf9ea86.js');
 require('./index-7d94d5ac.js');

package/dist/cjs/index4.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var BoostSmallCard = require('./BoostSmallCard-28401cef.js');
+var BoostSmallCard = require('./BoostSmallCard-a8b7f33d.js');
 require('react');
 require('./CaretRightFilled.svg');
 require('./default-face.jpeg');

package/dist/cjs/index6.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('./CaretRightFilled.svg');
-var CertificateDisplayCard = require('./CertificateDisplayCard-811ef7cf.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8ded38ec.js');
 require('./types.esm-2ec4fa7e.js');
 require('react-dom');
 require('./credential.helpers-ccf9ea86.js');

package/dist/cjs/index8.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var CircleIcon = require('./CircleIcon-5587a585.js');
+var CircleIcon = require('./CircleIcon-3d6a536a.js');
 require('react');
 require('./CircleSpinner-093cce04.js');
 require('./index-7d94d5ac.js');

package/dist/esm/{BoostGenericCard-a82dec36.js → BoostGenericCard-c9f2b9f4.js} RENAMED Viewed

@@ -6,6 +6,7 @@ import ThreeDots from './DotsThreeOutline.svg';
 const BoostGenericCard = ({
   title,
+  customTitle,
   thumbImgSrc,
   customThumbClass = "",
   customHeaderClass = "",
@@ -18,7 +19,9 @@ const BoostGenericCard = ({
   innerOnClick,
   bgImgSrc,
   issuerName,
+  customIssuerName,
   dateDisplay,
+  customDateDisplay,
   optionsTriggerOnClick,
   verifierBadge
 }) => {
@@ -61,17 +64,15 @@ const BoostGenericCard = ({
   }), (!thumbImgSrc || (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) === "") && /* @__PURE__ */ React.createElement("img", {
     className: "max-w-[110px] w-full h-full p-[0px] object-cover rounded-full",
     src: imgSrc
-  })), /* @__PURE__ */ React.createElement("section", {
+  })), !customTitle && /* @__PURE__ */ React.createElement("section", {
     className: `${defaultHeaderClass} items-center`
   }, /* @__PURE__ */ React.createElement("p", {
     className: "relative z-[100] small-boost-title text-[16px] leading-[130%] px-[0px] font-medium text-center text-grayscale-900 line-clamp-2 max-w-full"
-  }, title)), /* @__PURE__ */ React.createElement("section", {
+  }, title)), customTitle && customTitle, /* @__PURE__ */ React.createElement("section", {
     className: "small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-center small-generic-boost-issuer-name text-[12px] text-grayscale-700 font-bold px-[6px]"
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "line-clamp-1"
-  }, "by ", issuerName)), /* @__PURE__ */ React.createElement("p", {
+  }, customIssuerName && customIssuerName, !customIssuerName && /* @__PURE__ */ React.createElement("span", {
+    className: "flex items-center justify-center small-generic-boost-issuer-name line-clamp-1 text-[12px] text-grayscale-700 font-bold px-[6px]"
+  }, "by ", issuerName), customDateDisplay && customDateDisplay, !customDateDisplay && /* @__PURE__ */ React.createElement("p", {
     className: "small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700  px-[7px]"
   }, dateDisplay), verifierBadge), showChecked && /* @__PURE__ */ React.createElement("div", {
     className: "check-btn-overlay absolute top-[5px] left-[5px]"
@@ -83,4 +84,4 @@ const BoostGenericCard = ({
 };
 export { BoostGenericCard as B };
-//# sourceMappingURL=BoostGenericCard-a82dec36.js.map
+//# sourceMappingURL=BoostGenericCard-c9f2b9f4.js.map

package/dist/esm/BoostGenericCard-c9f2b9f4.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BoostGenericCard-c9f2b9f4.js","sources":["../../src/components/BoostGenericCard/BoostGenericCard.tsx"],"sourcesContent":["import React from 'react';\nimport { BoostGenericCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport CaretRightFilled from '../../assets/images/CaretRightFilled.svg';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport AddAwardLight from '../../assets/images/addawardlight.svg';\nimport ThreeDots from '../../assets/images/DotsThreeOutline.svg';\n\nexport const BoostGenericCard: React.FC<BoostGenericCardProps> = ({\n title,\n customTitle,\n thumbImgSrc,\n customThumbClass = '',\n customHeaderClass = '',\n type = WalletCategoryTypes.achievements,\n className,\n onCheckClick,\n showChecked,\n checkStatus,\n customThumbComponent,\n innerOnClick,\n bgImgSrc,\n issuerName,\n customIssuerName,\n dateDisplay,\n customDateDisplay,\n optionsTriggerOnClick,\n verifierBadge,\n}) => {\n const thumbClass = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-50';\n const defaultThumbClass = `small-boost-card-thumb flex h-[110px] w-[110px] my-[10px] mx-auto ${thumbClass} overflow-hidden flex-col justify-center items-center rounded-full ${customThumbClass}`;\n const imgSrc = thumbImgSrc?.trim() !== '' ? thumbImgSrc : TYPE_TO_IMG_SRC[type];\n const headerBgColor = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-900';\n const checkBtnClass = checkStatus ? 'generic-vc-card checked' : 'generic-vc-card unchecked';\n const defaultHeaderClass = `flex generic-card-title w-full justify-center ${customHeaderClass}`;\n\n const handleInnerClick = () => {\n innerOnClick?.();\n };\n\n const handleOptionsClick = () => {\n optionsTriggerOnClick?.();\n };\n\n return (\n <div\n className={`flex generic-display-card-simple bg-white flex-col shadow-bottom relative $ py-[0px] px-[0px] w-[160px] h-[250px] rounded-[20px] overflow-hidden ${className}`}\n >\n {optionsTriggerOnClick && (\n <section\n className=\"absolute cursor-pointer shadow-bottom h-[30px] w-[30px] top-[5px] right-[5px] rounded-full overflow-hidden z-20 bg-white flex items-center justify-center\"\n onClick={handleOptionsClick}\n >\n <img\n alt=\"Menu dropdown icon\"\n className=\"h-[20px] w-[20px] object-cover overflow-hidden\"\n src={ThreeDots}\n />\n </section>\n )}\n\n {bgImgSrc && (\n <section className=\"absolute top-[-50px] shadow-bottom left-[0px] rounded-b-full overflow-hidden z-0 mt-3\">\n <img className=\"h-full w-full object-cover overflow-hidden\" src={bgImgSrc} />\n </section>\n )}\n <button\n type=\"button\"\n className=\"boost-small-card inner-click-container z-10\"\n onClick={handleInnerClick}\n >\n {customThumbComponent && customThumbComponent}\n {!customThumbComponent && (\n <section className={defaultThumbClass}>\n {thumbImgSrc && thumbImgSrc?.trim() !== '' && (\n <img\n className=\"generic-display-card-img h-full w-full w-[110px] h-[110px] rounded-full object-cover overflow-hidden\"\n src={thumbImgSrc ?? ''}\n alt=\"Credential Achievement Image\"\n />\n )}\n {(!thumbImgSrc || thumbImgSrc?.trim() === '') && (\n <img\n className=\"max-w-[110px] w-full h-full p-[0px] object-cover rounded-full\"\n src={imgSrc}\n />\n )}\n </section>\n )}\n\n {!customTitle && (\n <section className={`${defaultHeaderClass} items-center`}>\n <p className=\"relative z-[100] small-boost-title text-[16px] leading-[130%] px-[0px] font-medium text-center text-grayscale-900 line-clamp-2 max-w-full\">\n {title}\n </p>\n </section>\n )}\n\n {customTitle && customTitle}\n\n <section className=\"small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full\">\n {customIssuerName && customIssuerName}\n {!customIssuerName && (\n <span className=\"flex items-center justify-center small-generic-boost-issuer-name line-clamp-1 text-[12px] text-grayscale-700 font-bold px-[6px]\">\n by {issuerName}\n </span>\n )}\n\n {customDateDisplay && customDateDisplay}\n {!customDateDisplay && (\n <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700 px-[7px]\">\n {dateDisplay}\n </p>\n )}\n {verifierBadge}\n </section>\n {showChecked && (\n <div className=\"check-btn-overlay absolute top-[5px] left-[5px]\">\n <CircleCheckButton\n checked={checkStatus}\n onClick={onCheckClick}\n className={checkBtnClass}\n />\n </div>\n )}\n </button>\n </div>\n );\n};\n\nexport default BoostGenericCard;\n"],"names":[],"mappings":";;;;;;AAKY,MAAC,gBAAgB,GAAG,CAAC;AACjC,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,gBAAgB,GAAG,EAAE;AACvB,EAAE,iBAAiB,GAAG,EAAE;AACxB,EAAE,IAAI,GAAG,mBAAmB,CAAC,YAAY;AACzC,EAAE,SAAS;AACX,EAAE,YAAY;AACd,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,oBAAoB;AACtB,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,UAAU;AACZ,EAAE,gBAAgB;AAClB,EAAE,WAAW;AACb,EAAE,iBAAiB;AACnB,EAAE,qBAAqB;AACvB,EAAE,aAAa;AACf,CAAC,KAAK;AACN,EAAK,IAAC,EAAE,CAAK;AACb,EAAE,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,iBAAiB,CAAC;AACrG,EAAE,MAAM,iBAAiB,GAAG,CAAC,kEAAkE,EAAE,UAAU,CAAC,mEAAmE,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACpM,EAAE,MAAM,MAAM,GAAG,CAAC,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;AAElH,EAAE,MAAM,aAAa,GAAG,WAAW,GAAG,yBAAyB,GAAG,2BAA2B,CAAC;AAC9F,EAAE,MAAM,kBAAkB,GAAG,CAAC,8CAA8C,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAClG,EAAE,MAAM,gBAAgB,GAAG,MAAM;AACjC,IAAI,YAAY,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,YAAY,EAAE,CAAC;AACnD,GAAG,CAAC;AACJ,EAAE,MAAM,kBAAkB,GAAG,MAAM;AACnC,IAAI,qBAAqB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,qBAAqB,EAAE,CAAC;AACrE,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,iJAAiJ,EAAE,SAAS,CAAC,CAAC;AAC9K,GAAG,EAAE,qBAAqB,oBAAoB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7E,IAAI,SAAS,EAAE,2JAA2J;AAC1K,IAAI,OAAO,EAAE,kBAAkB;AAC/B,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,GAAG,EAAE,oBAAoB;AAC7B,IAAI,SAAS,EAAE,gDAAgD;AAC/D,IAAI,GAAG,EAAE,SAAS;AAClB,GAAG,CAAC,CAAC,EAAE,QAAQ,oBAAoB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAClE,IAAI,SAAS,EAAE,uFAAuF;AACtG,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,4CAA4C;AAC3D,IAAI,GAAG,EAAE,QAAQ;AACjB,GAAG,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACrD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,SAAS,EAAE,6CAA6C;AAC5D,IAAI,OAAO,EAAE,gBAAgB;AAC7B,GAAG,EAAE,oBAAoB,IAAI,oBAAoB,EAAE,CAAC,oBAAoB,oBAAoB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC3H,IAAI,SAAS,EAAE,iBAAiB;AAChC,GAAG,EAAE,WAAW,IAAI,CAAC,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC7H,IAAI,SAAS,EAAE,uGAAuG;AACtH,IAAI,GAAG,EAAE,WAAW,IAAI,IAAI,GAAG,WAAW,GAAG,EAAE;AAC/C,IAAI,GAAG,EAAE,8BAA8B;AACvC,GAAG,CAAC,EAAE,CAAC,CAAC,WAAW,IAAI,CAAC,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjI,IAAI,SAAS,EAAE,+DAA+D;AAC9E,IAAI,GAAG,EAAE,MAAM;AACf,GAAG,CAAC,CAAC,EAAE,CAAC,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACtE,IAAI,SAAS,EAAE,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC;AACnD,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,2IAA2I;AAC1J,GAAG,EAAE,KAAK,CAAC,CAAC,EAAE,WAAW,IAAI,WAAW,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACzF,IAAI,SAAS,EAAE,yGAAyG;AACxH,GAAG,EAAE,gBAAgB,IAAI,gBAAgB,EAAE,CAAC,gBAAgB,oBAAoB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC5G,IAAI,SAAS,EAAE,iIAAiI;AAChJ,GAAG,EAAE,KAAK,EAAE,UAAU,CAAC,EAAE,iBAAiB,IAAI,iBAAiB,EAAE,CAAC,iBAAiB,oBAAoB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAChI,IAAI,SAAS,EAAE,wFAAwF;AACvG,GAAG,EAAE,WAAW,CAAC,EAAE,aAAa,CAAC,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC7F,IAAI,SAAS,EAAE,iDAAiD;AAChE,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE;AAC5D,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,SAAS,EAAE,aAAa;AAC5B,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACR;;;;"}

package/dist/esm/{BoostSmallCard-d33208f5.js → BoostSmallCard-00692212.js} RENAMED Viewed

@@ -43,6 +43,7 @@ const getDarkBGColor = (type) => {
 const BoostSmallCard = ({
   title = "Title Lorem Ipsum",
+  customTitle,
   thumbImgSrc,
   customThumbClass = "",
   customHeaderClass = "",
@@ -115,7 +116,7 @@ const BoostSmallCard = ({
   }), (!thumbImgSrc || (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) === "") && /* @__PURE__ */ React.createElement("img", {
     className: "max-w-[110px] w-full h-full p-[0px] object-cover  rounded-full",
     src: imgSrc
-  })), /* @__PURE__ */ React.createElement("section", {
+  })), customTitle && customTitle, !customTitle && /* @__PURE__ */ React.createElement("section", {
     className: defaultHeaderClass
   }, /* @__PURE__ */ React.createElement("p", {
     className: "relative z-[100] small-boost-title text-[16px] leading-[130%] p-[0px] font-medium text-center line-clamp-2"
@@ -151,4 +152,4 @@ const BoostSmallCard = ({
 };
 export { BoostSmallCard as B };
-//# sourceMappingURL=BoostSmallCard-d33208f5.js.map
+//# sourceMappingURL=BoostSmallCard-00692212.js.map

package/dist/esm/BoostSmallCard-00692212.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BoostSmallCard-00692212.js","sources":["../../src/helpers/color.helpers.ts","../../src/components/BoostSmallCard/BoostSmallCard.tsx"],"sourcesContent":["import { WalletCategoryTypes } from '../types';\n\nexport const getDarkBGColor = (type: WalletCategoryTypes) => {\n if (!type) return '';\n\n if (type === WalletCategoryTypes?.achievements) {\n return 'bg-orange-500';\n } else if (type === WalletCategoryTypes?.learningHistory) {\n return 'bg-emerald-500';\n } else if (type === WalletCategoryTypes?.skills) {\n return 'bg-violet-500';\n } else if (type === WalletCategoryTypes?.jobHistory) {\n return 'bg-blue-500';\n } else if (type === WalletCategoryTypes?.socialBadge) {\n return 'bg-cyan-500';\n } else if (type === WalletCategoryTypes?.relationships) {\n return 'bg-pink-500';\n } else if (type === WalletCategoryTypes?.accommodations) {\n return 'bg-amber-500';\n } else if (type === WalletCategoryTypes?.accomplishments) {\n return 'bg-lime-500';\n } else if (type === WalletCategoryTypes?.events) {\n return 'bg-fuchsia-500';\n } else if (type === WalletCategoryTypes?.membership) {\n return 'bg-teal-500';\n } else if (type === WalletCategoryTypes?.goals) {\n return 'bg-rose-500';\n } else if (type === WalletCategoryTypes?.ids) {\n return 'bg-yellow-500';\n } else if (type === WalletCategoryTypes?.currency) {\n return 'bg-cyan-500';\n }\n\n return 'bg-grayscale-900';\n};\n","import React from 'react';\n\nimport CaretRightFilled from '../../assets/images/CaretRightFilled.svg';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport AddAwardLight from '../../assets/images/addawardlight.svg';\nimport ThreeDots from '../../assets/images/DotsThreeOutline.svg';\nimport { CircleCheckButton } from '../CircleCheckButton';\n\nimport { BoostSmallCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { getDarkBGColor } from '../../helpers/color.helpers';\n\nexport const BoostSmallCard: React.FC<BoostSmallCardProps> = ({\n title = 'Title Lorem Ipsum',\n customTitle,\n thumbImgSrc,\n customThumbClass = '',\n customHeaderClass = '',\n type = WalletCategoryTypes.achievements,\n className,\n onCheckClick,\n showChecked,\n checkStatus,\n arrowOnClick,\n buttonOnClick,\n customButtonComponent,\n customBodyClass,\n customBodyComponent,\n customThumbComponent,\n innerOnClick,\n issueHistory,\n bgImgSrc,\n optionsTriggerOnClick,\n}) => {\n const thumbClass = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-50';\n const defaultThumbClass = `small-boost-card-thumb flex h-[110px] w-[110px] my-[10px] mx-auto ${thumbClass} overflow-hidden flex-col justify-center items-center rounded-full ${customThumbClass}`;\n const imgSrc = thumbImgSrc?.trim() !== '' ? thumbImgSrc : TYPE_TO_IMG_SRC[type];\n const headerBgColor = getDarkBGColor(type);\n const checkBtnClass = checkStatus ? 'generic-vc-card checked' : 'generic-vc-card unchecked';\n const defaultHeaderClass = `flex generic-card-title w-full justify-center ${customHeaderClass}`;\n const defaultBodyClass = ` boost-small-card-body flex justify-center items-center text-center text-[14px] overflow-hidden text-grayscale-500 py-[5px] px-[10px] ${customBodyClass}`;\n const defaultButtonClass = `cursor-pointer small-boost-boost-btn flex boost-btn-click rounded-[40px] w-[140px] h-[48px] text-white flex justify-center items-center ${headerBgColor}`;\n const innerClickContainerClass = `relative cursor-pointer boost-small-card inner-click-container z-10`;\n\n const issueHistoryDisplay =\n issueHistory && issueHistory?.length > 3 ? issueHistory?.slice(0, 3) : issueHistory;\n const renderIssueHistory = issueHistoryDisplay?.map(issueItem => {\n return (\n <div\n key={issueItem?.id}\n className=\"profile-thumb-img border-[1px] border-white border-solid vc-issuee-image h-[35px] w-[35px] rounded-full overflow-hidden mx-[-5px]\"\n >\n <img\n className=\"h-full w-full object-cover\"\n src={issueItem?.thumb || DefaultFace}\n alt=\"profile\"\n />\n </div>\n );\n });\n\n const handleInnerClick = () => {\n innerOnClick?.();\n };\n\n const handleOptionsClick = () => {\n optionsTriggerOnClick?.();\n };\n\n return (\n <div\n className={`flex generic-display-card-simple bg-white flex-col shadow-bottom relative $ py-[0px] px-[0px] w-[160px] h-[280px] rounded-[20px] overflow-hidden ${className}`}\n >\n {optionsTriggerOnClick && (\n <section\n className=\"absolute cursor-pointer h-[30px] w-[30px] top-[5px] right-[5px] rounded-full overflow-hidden z-20 bg-white flex items-center justify-center\"\n onClick={handleOptionsClick}\n >\n <img\n alt=\"Menu dropdown icon\"\n className=\"h-[20px] w-[20px] object-cover overflow-hidden\"\n src={ThreeDots}\n />\n </section>\n )}\n\n {bgImgSrc && (\n <section className=\"absolute top-[-50px] shadow-bottom left-[0px] rounded-b-full overflow-hidden z-0 mt-3\">\n <img className=\"h-full w-full object-cover overflow-hidden\" src={bgImgSrc} />\n </section>\n )}\n\n <div className={innerClickContainerClass} onClick={handleInnerClick}>\n {customThumbComponent && customThumbComponent}\n {!customThumbComponent && (\n <section className={defaultThumbClass}>\n {thumbImgSrc && thumbImgSrc?.trim() !== '' && (\n <img\n className=\"generic-display-card-img h-full w-full w-[110px] h-[110px] rounded-full object-cover overflow-hidden\"\n src={thumbImgSrc ?? ''}\n alt=\"Credential Achievement Image\"\n />\n )}\n {(!thumbImgSrc || thumbImgSrc?.trim() === '') && (\n <img\n className=\"max-w-[110px] w-full h-full p-[0px] object-cover rounded-full\"\n src={imgSrc}\n />\n )}\n </section>\n )}\n\n {customTitle && customTitle}\n {!customTitle && (\n <section className={defaultHeaderClass}>\n <p className=\"relative z-[100] small-boost-title text-[16px] leading-[130%] p-[0px] font-medium text-center line-clamp-2\">\n {title}\n </p>\n </section>\n )}\n\n <section className={defaultBodyClass}>\n {customBodyComponent && customBodyComponent}\n {!customBodyComponent &&\n issueHistory &&\n issueHistory?.length > 0 &&\n renderIssueHistory}\n {!customBodyComponent && issueHistory && issueHistory?.length > 3 && (\n <span className=\"small-boost-issue-count ml-[10px] font-semibold\">\n +{issueHistory?.length - 3}\n </span>\n )}\n </section>\n </div>\n\n <section className=\"small-boost-card-footer flex justify-center items-center absolute bottom-[15px] w-full\">\n {customButtonComponent && customButtonComponent}\n\n {!customButtonComponent && (\n <div onClick={buttonOnClick} className={defaultButtonClass}>\n <img className=\"h-[25px] mr-[7px] text-\" src={AddAwardLight} />\n <span className=\"font-mouse text-[25px] tracking-wider\">BOOST!</span>\n </div>\n )}\n </section>\n {showChecked && (\n <div className=\"check-btn-overlay absolute top-[5px] left-[5px]\">\n <CircleCheckButton\n checked={checkStatus}\n onClick={onCheckClick}\n className={checkBtnClass}\n />\n </div>\n )}\n\n {arrowOnClick && (\n <button\n type=\"button\"\n onClick={arrowOnClick}\n className=\"arrow-btn-overlay absolute top-[52px] right-[2px]\"\n >\n <img\n className=\"h-full w-full object-contai\"\n src={CaretRightFilled ?? ''}\n alt=\"Right Caret\"\n />\n </button>\n )}\n </div>\n );\n};\n\nexport default BoostSmallCard;\n"],"names":[],"mappings":"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"}

package/dist/esm/{CertificateDisplayCard-5fc4318c.js → CertificateDisplayCard-3b19363c.js} RENAMED Viewed

@@ -828,12 +828,12 @@ const MediaAttachmentsBox = ({
       }, metadata.videoLength)));
     } else {
       innerContent = /* @__PURE__ */ React.createElement("div", {
-        className: "h-full w-full"
+        className: "h-full w-full flex items-center justify-center"
       }, /* @__PURE__ */ React.createElement("img", {
-        className: "rounded-[15px]",
+        className: "object-cover h-full w-full",
         src: media.url
       }), /* @__PURE__ */ React.createElement(Camera, {
-        className: "relative bottom-[30px] left-[10px] z-10"
+        className: "absolute bottom-[10px] left-[10px] z-10"
       }));
     }
     const className = `media-attachment ${media.type} w-[49%] pt-[49%] overflow-hidden relative`;
@@ -842,7 +842,7 @@ const MediaAttachmentsBox = ({
         key: index,
         className: "flex bg-grayscale-100 items-center rounded-[15px] w-full"
       }, /* @__PURE__ */ React.createElement("button", {
-        className: "h-[80px] w-[80px] rounded-[15px]",
+        className: "h-[80px] w-[80px] rounded-[15px] overflow-hidden flex-shrink-0",
         onClick: (e) => {
           e.stopPropagation();
           handleMediaAttachmentClick(media.url, media.type);
@@ -3162,4 +3162,4 @@ const CertificateDisplayCard = ({
 };
 export { AcuteCheckmark as A, CertDisplayCardSkillsCount as C, ExclamationPoint as E, GenericDocumentIcon as G, InfoIcon as I, LinkIcon as L, PersonBadge as P, RedFlag as R, SelectedSkills as S, UnknownVerifierBadge as U, VERIFIER_STATES as V, X, CertificateBackFace as a, CertificateDisplayCard as b, CertificateFrontFace as c, VideoIcon as d, Camera as e, capitalize as f, getBaseUrl as g, LeftArrow as h, SkillsBox as i, AlignmentsBox as j, VerifierStateBadgeAndText as k, VerifiedBadge as l, prettyBytes as p, truncateWithEllipsis as t };
-//# sourceMappingURL=CertificateDisplayCard-5fc4318c.js.map
+//# sourceMappingURL=CertificateDisplayCard-3b19363c.js.map