@learncard/react 2.7.2 → 2.7.4
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.
- package/dist/cjs/{BoostGenericCard-a5ca50df.js → BoostGenericCard-c7b6a8ac.js} +12 -9
- package/dist/cjs/BoostGenericCard-c7b6a8ac.js.map +1 -0
- package/dist/cjs/{BoostSmallCard-28401cef.js → BoostSmallCard-a8b7f33d.js} +3 -2
- package/dist/cjs/BoostSmallCard-a8b7f33d.js.map +1 -0
- package/dist/cjs/{CircleIcon-5587a585.js → CircleIcon-3d6a536a.js} +2 -2
- package/dist/{esm/CircleIcon-b527bf95.js.map → cjs/CircleIcon-3d6a536a.js.map} +1 -1
- package/dist/cjs/{VCCard-1e1abd28.js → VCCard-72db0270.js} +2 -2
- package/dist/cjs/{VCCard-1e1abd28.js.map → VCCard-72db0270.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard2-81afa476.js → VCDisplayCard2-6c386dbd.js} +2 -2
- package/dist/cjs/{VCDisplayCard2-81afa476.js.map → VCDisplayCard2-6c386dbd.js.map} +1 -1
- package/dist/cjs/{constants-3359aea1.js → constants-30861aed.js} +2 -2
- package/dist/cjs/{constants-3359aea1.js.map → constants-30861aed.js.map} +1 -1
- package/dist/cjs/index-7d94d5ac.js.map +1 -1
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/index13.js +6 -6
- package/dist/cjs/index28.js +2 -2
- package/dist/cjs/index3.js +1 -1
- package/dist/cjs/index36.js +2 -2
- package/dist/cjs/index39.js +1 -1
- package/dist/cjs/index4.js +1 -1
- package/dist/cjs/index8.js +1 -1
- package/dist/esm/{BoostGenericCard-a82dec36.js → BoostGenericCard-563c1b3e.js} +12 -9
- package/dist/esm/BoostGenericCard-563c1b3e.js.map +1 -0
- package/dist/esm/{BoostSmallCard-d33208f5.js → BoostSmallCard-00692212.js} +3 -2
- package/dist/esm/BoostSmallCard-00692212.js.map +1 -0
- package/dist/esm/{CircleIcon-b527bf95.js → CircleIcon-b0eb81d2.js} +2 -2
- package/dist/{cjs/CircleIcon-5587a585.js.map → esm/CircleIcon-b0eb81d2.js.map} +1 -1
- package/dist/esm/{VCCard-18e042c5.js → VCCard-b98daea4.js} +2 -2
- package/dist/esm/{VCCard-18e042c5.js.map → VCCard-b98daea4.js.map} +1 -1
- package/dist/esm/{VCDisplayCard2-8f8ad746.js → VCDisplayCard2-55b4930f.js} +2 -2
- package/dist/esm/{VCDisplayCard2-8f8ad746.js.map → VCDisplayCard2-55b4930f.js.map} +1 -1
- package/dist/esm/{constants-f2a32f0c.js → constants-d339f98c.js} +2 -2
- package/dist/esm/{constants-f2a32f0c.js.map → constants-d339f98c.js.map} +1 -1
- package/dist/esm/index-43f63ea7.js.map +1 -1
- package/dist/esm/index.js +6 -6
- package/dist/esm/index13.js +6 -6
- package/dist/esm/index28.js +2 -2
- package/dist/esm/index3.js +1 -1
- package/dist/esm/index36.js +2 -2
- package/dist/esm/index39.js +1 -1
- package/dist/esm/index4.js +1 -1
- package/dist/esm/index8.js +1 -1
- package/dist/index.d.ts +4 -0
- package/package.json +1 -1
- package/dist/cjs/BoostGenericCard-a5ca50df.js.map +0 -1
- package/dist/cjs/BoostSmallCard-28401cef.js.map +0 -1
- package/dist/esm/BoostGenericCard-a82dec36.js.map +0 -1
- package/dist/esm/BoostSmallCard-d33208f5.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { a as CircleIcon } from './CircleIcon-
|
|
2
|
+
import { a as CircleIcon } from './CircleIcon-b0eb81d2.js';
|
|
3
3
|
import { I as Icons, W as WalletCategoryTypes, L as LCSubtypes } from './index-43f63ea7.js';
|
|
4
4
|
import { I as ICONS_TO_SOURCE } from './icons-6ed3416f.js';
|
|
5
5
|
import { a as TYPE_TO_IMG_SRC$1, c as TYPE_TO_WALLET_COLOR$1 } from './index-09573aa0.js';
|
|
@@ -104,4 +104,4 @@ const TYPE_TO_WALLET_COLOR = {
|
|
|
104
104
|
};
|
|
105
105
|
|
|
106
106
|
export { RoundedSquare as R, TYPE_TO_MINI_ICON as T, WALLET_SUBTYPES as W, TYPE_TO_IMG_SRC as a, TYPE_TO_WALLET_COLOR as b };
|
|
107
|
-
//# sourceMappingURL=constants-
|
|
107
|
+
//# sourceMappingURL=constants-d339f98c.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants-
|
|
1
|
+
{"version":3,"file":"constants-d339f98c.js","sources":["../../src/components/RoundedSquare/RoundedSquare.tsx","../../src/components/RoundedSquare/constants.ts"],"sourcesContent":["import React from 'react';\n\nimport CircleIcon from '../CircleIcon/CircleIcon';\nimport { Icons, WalletCategoryTypes } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_COLOR } from '../../constants';\n\nexport type RoundedSquareProps = {\n title?: string;\n description?: string;\n type?: WalletCategoryTypes;\n iconSrc?: string;\n imgSrc?: string;\n count?: string | number;\n onClick?: () => void;\n bgColor?: string;\n iconCircleClass?: string;\n loading?: boolean;\n containerClass?: string;\n};\n\nexport const RoundedSquare: React.FC<RoundedSquareProps> = ({\n title = 'Currencies',\n description = 'Lorem ipsum sit dalor amet',\n iconSrc = ICONS_TO_SOURCE[Icons.trophyIcon],\n imgSrc,\n type = WalletCategoryTypes.achievements,\n count = '28',\n onClick = () => {},\n bgColor,\n iconCircleClass = '',\n loading,\n containerClass = '',\n}) => {\n const imgSource = imgSrc || TYPE_TO_IMG_SRC[type];\n const backgroundColor = bgColor ?? `bg-${TYPE_TO_WALLET_COLOR[type]}`;\n const circleClass = `flex w-full justify-end icon-display absolute right-[15px] bottom-[10px] max-h-[40px] max-w-[40px] rounded-full`;\n const iconAltDescription = `${title} Icon`;\n return (\n <button\n onClick={onClick}\n className={`flex relative ${backgroundColor} py-[15px] px-[15px] w-[170px] h-[170px] rounded-[40px] rounded-square-card-container ${containerClass}`}\n >\n <div className=\"w-full relative\">\n <section className=\"title-headline-container flex items-center\">\n <h3 className=\"line-clamp-2 font-bold text-[13px] text-grayscale-900 ml-[5px]\">\n {title}\n </h3>\n </section>\n\n <div className=\"graphic-background relative flex justify-center\">\n <img alt={iconAltDescription} className=\"max-w-[130px]\" src={imgSource} />\n </div>\n </div>\n\n <div className={`${circleClass}`}>\n <CircleIcon\n iconCircleClass={iconCircleClass}\n iconSrc={iconSrc}\n count={count}\n size=\"40\"\n loading={loading}\n />\n </div>\n </button>\n );\n};\n\nexport default RoundedSquare;\n","import coinsGraphic from '../../assets/images/walletcurrency.webp';\nimport idsGraphic from '../../assets/images/walletids.webp';\nimport jobhistoryGraphic from '../../assets/images/walletjobhistory.webp';\nimport learningHistoryGraphic from '../../assets/images/walletlearninghistory.webp';\nimport skillsGraphic from '../../assets/images/walletskills.webp';\nimport achievementsGraphic from '../../assets/images/walletTrophy.webp';\nimport badgeGraphic from '../../assets/images/social-badge-2.svg';\nimport membershipGraphic from '../../assets/images/membership-graphic.png';\n\nimport apple from '../../assets/images/apple.png';\nimport accommodationHands from '../../assets/images/Accommodation-Hands.png';\nimport experienceMountain from '../../assets/images/experience-mountain.svg';\n\nimport MiniTrophyIcon from '../../assets/images/minitrophycolored.svg';\nimport MiniGradIcon from '../../assets/images/minigradcapcolored.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzlecolored.svg';\nimport { LCSubtypes } from '../../types';\n\nexport const TYPE_TO_MINI_ICON: any = {\n [LCSubtypes.course]: MiniGradIcon,\n [LCSubtypes.achievement]: MiniTrophyIcon,\n [LCSubtypes.skill]: MiniPuzzleIcon,\n};\n\nexport const WALLET_SUBTYPES = {\n ACHIEVEMENTS: 'achievements',\n IDS: 'ids',\n JOB_HISTORY: 'jobHistory',\n CURRENCIES: 'currency',\n LEARNING_HISTORY: 'learningHistory',\n SKILLS: 'skills',\n SOCIAL_BADGES: 'socialBadges',\n MEMBERSHIP: 'membership',\n ACCOMPLISHMENTS: 'accomplishments',\n ACCOMMODATIONS: 'accommodations',\n};\n\nexport const TYPE_TO_IMG_SRC = {\n [WALLET_SUBTYPES.ACHIEVEMENTS]: achievementsGraphic,\n [WALLET_SUBTYPES.IDS]: idsGraphic,\n [WALLET_SUBTYPES.JOB_HISTORY]: experienceMountain,\n [WALLET_SUBTYPES.LEARNING_HISTORY]: apple,\n [WALLET_SUBTYPES.CURRENCIES]: coinsGraphic,\n [WALLET_SUBTYPES.SKILLS]: skillsGraphic,\n [WALLET_SUBTYPES.SOCIAL_BADGES]: badgeGraphic,\n [WALLET_SUBTYPES.MEMBERSHIP]: membershipGraphic,\n [WALLET_SUBTYPES.ACCOMPLISHMENTS]: learningHistoryGraphic,\n [WALLET_SUBTYPES.ACCOMMODATIONS]: accommodationHands,\n};\n\nexport const TYPE_TO_WALLET_COLOR = {\n [WALLET_SUBTYPES.ACHIEVEMENTS]: 'spice-300',\n [WALLET_SUBTYPES.IDS]: 'yellow-300',\n [WALLET_SUBTYPES.JOB_HISTORY]: 'rose-300',\n [WALLET_SUBTYPES.LEARNING_HISTORY]: 'emerald-300',\n [WALLET_SUBTYPES.CURRENCIES]: 'cyan-200',\n [WALLET_SUBTYPES.SKILLS]: 'indigo-300',\n [WALLET_SUBTYPES.SOCIAL_BADGES]: 'cyan-200',\n [WALLET_SUBTYPES.MEMBERSHIP]: 'teal-300',\n [WALLET_SUBTYPES.ACCOMPLISHMENTS]: 'lime-300',\n [WALLET_SUBTYPES.ACCOMMODATIONS]: 'amber-300',\n};\n"],"names":["TYPE_TO_IMG_SRC","TYPE_TO_WALLET_COLOR","badgeGraphic"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-43f63ea7.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-43f63ea7.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/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { A as AchievementCard } from './AchievementCard-36de6ca1.js';
|
|
2
|
-
export { B as BoostGenericCard } from './BoostGenericCard-
|
|
3
|
-
export { B as BoostSmallCard } from './BoostSmallCard-
|
|
2
|
+
export { B as BoostGenericCard } from './BoostGenericCard-563c1b3e.js';
|
|
3
|
+
export { B as BoostSmallCard } from './BoostSmallCard-00692212.js';
|
|
4
4
|
export { B as Button } from './Button-5f805204.js';
|
|
5
5
|
import 'react';
|
|
6
6
|
import './CaretRightFilled.svg';
|
|
@@ -10,7 +10,7 @@ export { B as Briefcase, G as Graduation, U as User } from './User-161c7f37.js';
|
|
|
10
10
|
export { T as Trophy } from './Trophy-ad67f46a.js';
|
|
11
11
|
export { L as Lightbox } from './Lightbox-a1aab9ea.js';
|
|
12
12
|
export { C as CircleCheckButton } from './CircleCheckButton-aba0f804.js';
|
|
13
|
-
export { a as CircleIcon, C as CountCircle } from './CircleIcon-
|
|
13
|
+
export { a as CircleIcon, C as CountCircle } from './CircleIcon-b0eb81d2.js';
|
|
14
14
|
export { C as CourseCard } from './CourseCard-663ff174.js';
|
|
15
15
|
export { C as CourseVerticalCard } from './CourseVerticalCard-da219627.js';
|
|
16
16
|
export { F as FlippyCard } from './FlippyCard-a2de5cf1.js';
|
|
@@ -30,14 +30,14 @@ export { N as NotificationUserCard } from './NotificationUserCard-dbcc80f9.js';
|
|
|
30
30
|
export { U as UserNotificationTypeStyles } from './types-b32d28d5.js';
|
|
31
31
|
export { Q as QRCodeCard } from './QRCodeCard-79d4d253.js';
|
|
32
32
|
export { C as CheckmarkSvg, R as RoundedPill } from './RoundedPill-3f27d4ac.js';
|
|
33
|
-
export { R as RoundedSquare, a as TYPE_TO_IMG_SRC, T as TYPE_TO_MINI_ICON, b as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './constants-
|
|
33
|
+
export { R as RoundedSquare, a as TYPE_TO_IMG_SRC, T as TYPE_TO_MINI_ICON, b as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './constants-d339f98c.js';
|
|
34
34
|
export { S as SchoolIDCard } from './SchoolIDCard-01422d53.js';
|
|
35
35
|
export { S as SkillTabCard } from './SkillTabCard-3670457e.js';
|
|
36
36
|
export { S as SkillVerticalCard } from './SkillVerticalCard-108f49bb.js';
|
|
37
37
|
export { a as SkillsCard, S as SkillsMeterSegment } from './SkillsCard-92a51db2.js';
|
|
38
38
|
export { S as SkillsStatsCard } from './SkillsStatsCard-1628fe9c.js';
|
|
39
39
|
export { S as SmallAchievementCard } from './SmallAchievementCard-d0220751.js';
|
|
40
|
-
export { V as VCCard } from './VCCard-
|
|
40
|
+
export { V as VCCard } from './VCCard-b98daea4.js';
|
|
41
41
|
export { V as VCDisplayBackFace } from './VCDisplayBackFace-1a581f1c.js';
|
|
42
42
|
export { V as VCDisplayCard } from './VCDisplayCard-ac914ce3.js';
|
|
43
43
|
import './default-face.jpeg';
|
|
@@ -50,7 +50,7 @@ import './medical.svg';
|
|
|
50
50
|
import './social.svg';
|
|
51
51
|
import './stem.svg';
|
|
52
52
|
import './trade.svg';
|
|
53
|
-
export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-
|
|
53
|
+
export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-55b4930f.js';
|
|
54
54
|
export { A as AwardRibbon, I as IDIcon, Q as QRCodeIcon } from './QRCodeIcon-e9569804.js';
|
|
55
55
|
import './id-sleeve.png';
|
|
56
56
|
import './icon.green.fat-arrow.png';
|
package/dist/esm/index13.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { A as AchievementCard } from './AchievementCard-36de6ca1.js';
|
|
2
|
-
export { B as BoostGenericCard } from './BoostGenericCard-
|
|
3
|
-
export { B as BoostSmallCard } from './BoostSmallCard-
|
|
2
|
+
export { B as BoostGenericCard } from './BoostGenericCard-563c1b3e.js';
|
|
3
|
+
export { B as BoostSmallCard } from './BoostSmallCard-00692212.js';
|
|
4
4
|
export { B as Button } from './Button-5f805204.js';
|
|
5
5
|
import 'react';
|
|
6
6
|
import './CaretRightFilled.svg';
|
|
@@ -10,7 +10,7 @@ export { B as Briefcase, G as Graduation, U as User } from './User-161c7f37.js';
|
|
|
10
10
|
export { T as Trophy } from './Trophy-ad67f46a.js';
|
|
11
11
|
export { L as Lightbox } from './Lightbox-a1aab9ea.js';
|
|
12
12
|
export { C as CircleCheckButton } from './CircleCheckButton-aba0f804.js';
|
|
13
|
-
export { a as CircleIcon, C as CountCircle } from './CircleIcon-
|
|
13
|
+
export { a as CircleIcon, C as CountCircle } from './CircleIcon-b0eb81d2.js';
|
|
14
14
|
export { C as CourseCard } from './CourseCard-663ff174.js';
|
|
15
15
|
export { C as CourseVerticalCard } from './CourseVerticalCard-da219627.js';
|
|
16
16
|
export { F as FlippyCard } from './FlippyCard-a2de5cf1.js';
|
|
@@ -30,14 +30,14 @@ export { N as NotificationUserCard } from './NotificationUserCard-dbcc80f9.js';
|
|
|
30
30
|
export { U as UserNotificationTypeStyles } from './types-b32d28d5.js';
|
|
31
31
|
export { Q as QRCodeCard } from './QRCodeCard-79d4d253.js';
|
|
32
32
|
export { C as CheckmarkSvg, R as RoundedPill } from './RoundedPill-3f27d4ac.js';
|
|
33
|
-
export { R as RoundedSquare, a as TYPE_TO_IMG_SRC, T as TYPE_TO_MINI_ICON, b as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './constants-
|
|
33
|
+
export { R as RoundedSquare, a as TYPE_TO_IMG_SRC, T as TYPE_TO_MINI_ICON, b as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './constants-d339f98c.js';
|
|
34
34
|
export { S as SchoolIDCard } from './SchoolIDCard-01422d53.js';
|
|
35
35
|
export { S as SkillTabCard } from './SkillTabCard-3670457e.js';
|
|
36
36
|
export { S as SkillVerticalCard } from './SkillVerticalCard-108f49bb.js';
|
|
37
37
|
export { a as SkillsCard, S as SkillsMeterSegment } from './SkillsCard-92a51db2.js';
|
|
38
38
|
export { S as SkillsStatsCard } from './SkillsStatsCard-1628fe9c.js';
|
|
39
39
|
export { S as SmallAchievementCard } from './SmallAchievementCard-d0220751.js';
|
|
40
|
-
export { V as VCCard } from './VCCard-
|
|
40
|
+
export { V as VCCard } from './VCCard-b98daea4.js';
|
|
41
41
|
export { V as VCDisplayBackFace } from './VCDisplayBackFace-1a581f1c.js';
|
|
42
42
|
export { V as VCDisplayCard } from './VCDisplayCard-ac914ce3.js';
|
|
43
43
|
import './default-face.jpeg';
|
|
@@ -50,7 +50,7 @@ import './medical.svg';
|
|
|
50
50
|
import './social.svg';
|
|
51
51
|
import './stem.svg';
|
|
52
52
|
import './trade.svg';
|
|
53
|
-
export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-
|
|
53
|
+
export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-55b4930f.js';
|
|
54
54
|
export { A as AwardRibbon, I as IDIcon, Q as QRCodeIcon } from './QRCodeIcon-e9569804.js';
|
|
55
55
|
import './id-sleeve.png';
|
|
56
56
|
import './icon.green.fat-arrow.png';
|
package/dist/esm/index28.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { R as RoundedSquare, a as TYPE_TO_IMG_SRC, T as TYPE_TO_MINI_ICON, b as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './constants-
|
|
1
|
+
export { R as RoundedSquare, a as TYPE_TO_IMG_SRC, T as TYPE_TO_MINI_ICON, b as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './constants-d339f98c.js';
|
|
2
2
|
import 'react';
|
|
3
|
-
import './CircleIcon-
|
|
3
|
+
import './CircleIcon-b0eb81d2.js';
|
|
4
4
|
import './CircleSpinner-9b8b1a6b.js';
|
|
5
5
|
import './index-43f63ea7.js';
|
|
6
6
|
import './icons-6ed3416f.js';
|
package/dist/esm/index3.js
CHANGED
package/dist/esm/index36.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { V as VCCard } from './VCCard-
|
|
1
|
+
export { V as VCCard } from './VCCard-b98daea4.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import '@learncard/init';
|
|
4
4
|
import './VCDisplayCard-ac914ce3.js';
|
|
@@ -31,7 +31,7 @@ import './social.svg';
|
|
|
31
31
|
import './stem.svg';
|
|
32
32
|
import './trade.svg';
|
|
33
33
|
import './CaretRightFilled.svg';
|
|
34
|
-
import './VCDisplayCard2-
|
|
34
|
+
import './VCDisplayCard2-55b4930f.js';
|
|
35
35
|
import './index-4fa491c1.js';
|
|
36
36
|
import './CertificateDisplayCard-3b19363c.js';
|
|
37
37
|
import './Lightbox-a1aab9ea.js';
|
package/dist/esm/index39.js
CHANGED
|
@@ -13,7 +13,7 @@ import './stem.svg';
|
|
|
13
13
|
import './trade.svg';
|
|
14
14
|
import './types.esm-8f6a5623.js';
|
|
15
15
|
import './CaretRightFilled.svg';
|
|
16
|
-
export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-
|
|
16
|
+
export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-55b4930f.js';
|
|
17
17
|
import './id-sleeve.png';
|
|
18
18
|
import './credential.helpers-c06a1aa8.js';
|
|
19
19
|
import './index-43f63ea7.js';
|
package/dist/esm/index4.js
CHANGED
package/dist/esm/index8.js
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -218,6 +218,7 @@ declare type IssueHistory = {
|
|
|
218
218
|
};
|
|
219
219
|
declare type BoostSmallCardProps = {
|
|
220
220
|
title?: string;
|
|
221
|
+
customTitle?: React$1.ReactNode | string | null;
|
|
221
222
|
className?: string;
|
|
222
223
|
type?: WalletCategoryTypes;
|
|
223
224
|
thumbImgSrc?: string;
|
|
@@ -239,6 +240,7 @@ declare type BoostSmallCardProps = {
|
|
|
239
240
|
};
|
|
240
241
|
declare type BoostGenericCardProps = {
|
|
241
242
|
title?: string;
|
|
243
|
+
customTitle?: React$1.ReactNode | string | null;
|
|
242
244
|
className?: string;
|
|
243
245
|
type?: WalletCategoryTypes;
|
|
244
246
|
thumbImgSrc?: string;
|
|
@@ -251,8 +253,10 @@ declare type BoostGenericCardProps = {
|
|
|
251
253
|
innerOnClick?: () => void;
|
|
252
254
|
bgImgSrc?: string;
|
|
253
255
|
issuerName?: string;
|
|
256
|
+
customIssuerName?: React$1.ReactNode | string | null;
|
|
254
257
|
optionsTriggerOnClick?: () => void;
|
|
255
258
|
dateDisplay?: string;
|
|
259
|
+
customDateDisplay?: React$1.ReactNode | string | null;
|
|
256
260
|
verifierBadge?: React$1.ReactNode;
|
|
257
261
|
};
|
|
258
262
|
declare type Attachment = {
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BoostGenericCard-a5ca50df.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 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 dateDisplay,\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 <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 <section className=\"small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full\">\n <div className=\"flex items-center justify-center small-generic-boost-issuer-name text-[12px] text-grayscale-700 font-bold px-[6px]\">\n <span className=\"line-clamp-1\">by {issuerName}</span>\n </div>\n <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700 px-[7px]\">\n {dateDisplay}\n </p>\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":["WalletCategoryTypes","TYPE_TO_WALLET_DARK_COLOR","TYPE_TO_IMG_SRC","React","ThreeDots","CircleCheckButton"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BoostSmallCard-28401cef.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 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 <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 <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":["WalletCategoryTypes","TYPE_TO_WALLET_DARK_COLOR","TYPE_TO_IMG_SRC","React","DefaultFace","ThreeDots","AddAwardLight","CircleCheckButton","CaretRightFilled"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BoostGenericCard-a82dec36.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 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 dateDisplay,\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 <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 <section className=\"small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full\">\n <div className=\"flex items-center justify-center small-generic-boost-issuer-name text-[12px] text-grayscale-700 font-bold px-[6px]\">\n <span className=\"line-clamp-1\">by {issuerName}</span>\n </div>\n <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700 px-[7px]\">\n {dateDisplay}\n </p>\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":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BoostSmallCard-d33208f5.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 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 <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 <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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"}
|