@learncard/react 2.5.18 → 2.5.20

package/dist/cjs/{constants-35d9ebc6.js.map → constants-3f8ed765.js.map}

@@ -1 +1 @@
-{"version":3,"file":"constants-35d9ebc6.js","sources":["../../src/components/RoundedSquare/RoundedSquare.tsx","../../src/components/RoundedSquare/constants.ts"],"sourcesContent":["import React from 'react';\n\nimport CircleIcon from '../CircleIcon/CircleIcon';\n\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};\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}) => {\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\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`}\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 className=\"max-w-[130px]\" src={imgSource} />\n                </div>\n            </div>\n\n            <div className={`${circleClass} ${iconCircleClass}`}>\n                <CircleIcon iconSrc={iconSrc} count={count} size=\"40\" />\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/badge.png';\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};\n\nexport const TYPE_TO_IMG_SRC = {\n    [WALLET_SUBTYPES.ACHIEVEMENTS]: achievementsGraphic,\n    [WALLET_SUBTYPES.IDS]: idsGraphic,\n    [WALLET_SUBTYPES.JOB_HISTORY]: jobhistoryGraphic,\n    [WALLET_SUBTYPES.LEARNING_HISTORY]: learningHistoryGraphic,\n    [WALLET_SUBTYPES.CURRENCIES]: coinsGraphic,\n    [WALLET_SUBTYPES.SKILLS]: skillsGraphic,\n    [WALLET_SUBTYPES.SOCIAL_BADGES]: badgeGraphic,\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};\n"],"names":["ICONS_TO_SOURCE","Icons","WalletCategoryTypes","TYPE_TO_IMG_SRC","TYPE_TO_WALLET_COLOR","React","CircleIcon","LCSubtypes","MiniGradIcon","MiniTrophyIcon","MiniPuzzleIcon","achievementsGraphic","idsGraphic","jobhistoryGraphic","learningHistoryGraphic","coinsGraphic","skillsGraphic","badgeGraphic"],"mappings":"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"}
+{"version":3,"file":"constants-3f8ed765.js","sources":["../../src/components/RoundedSquare/RoundedSquare.tsx","../../src/components/RoundedSquare/constants.ts"],"sourcesContent":["import React from 'react';\n\nimport CircleIcon from '../CircleIcon/CircleIcon';\n\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};\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}) => {\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\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`}\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 className=\"max-w-[130px]\" src={imgSource} />\n                </div>\n            </div>\n\n            <div className={`${circleClass} ${iconCircleClass}`}>\n                <CircleIcon iconSrc={iconSrc} count={count} size=\"40\" />\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/badge.png';\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};\n\nexport const TYPE_TO_IMG_SRC = {\n    [WALLET_SUBTYPES.ACHIEVEMENTS]: achievementsGraphic,\n    [WALLET_SUBTYPES.IDS]: idsGraphic,\n    [WALLET_SUBTYPES.JOB_HISTORY]: jobhistoryGraphic,\n    [WALLET_SUBTYPES.LEARNING_HISTORY]: learningHistoryGraphic,\n    [WALLET_SUBTYPES.CURRENCIES]: coinsGraphic,\n    [WALLET_SUBTYPES.SKILLS]: skillsGraphic,\n    [WALLET_SUBTYPES.SOCIAL_BADGES]: badgeGraphic,\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};\n"],"names":["ICONS_TO_SOURCE","Icons","WalletCategoryTypes","TYPE_TO_IMG_SRC","TYPE_TO_WALLET_COLOR","React","CircleIcon","LCSubtypes","MiniGradIcon","MiniTrophyIcon","MiniPuzzleIcon","achievementsGraphic","idsGraphic","jobhistoryGraphic","learningHistoryGraphic","coinsGraphic","skillsGraphic","badgeGraphic"],"mappings":"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"}

package/dist/cjs/{index-83152f8d.js → index-d057eaee.js}

@@ -64,11 +64,11 @@ const TYPE_TO_WALLET_DARK_COLOR = {
   [index.WalletCategoryTypes.learningHistory]: "emerald-500",
   [index.WalletCategoryTypes.currency]: "cyan-200",
   [index.WalletCategoryTypes.skills]: "indigo-400",
-  [index.WalletCategoryTypes.socialBadge]: "cyan-200"
+  [index.WalletCategoryTypes.socialBadge]: "cyan-700"
 };
 
 exports.TYPE_TO_IMG_SRC = TYPE_TO_IMG_SRC;
 exports.TYPE_TO_MINI_ICON = TYPE_TO_MINI_ICON;
 exports.TYPE_TO_WALLET_COLOR = TYPE_TO_WALLET_COLOR;
 exports.TYPE_TO_WALLET_DARK_COLOR = TYPE_TO_WALLET_DARK_COLOR;
-//# sourceMappingURL=index-83152f8d.js.map
+//# sourceMappingURL=index-d057eaee.js.map

package/dist/cjs/{index-83152f8d.js.map → index-d057eaee.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-83152f8d.js","sources":["../../src/constants/index.ts"],"sourcesContent":["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 socialBadge from '../assets/images/social-badge.png';\n\nimport MiniTrophyIcon from '../assets/images/minitrophycolored.svg';\nimport MiniGradIcon from '../assets/images/minigradcapcolored.svg';\nimport MiniPuzzleIcon from '../assets/images/minipuzzlecolored.svg';\nimport { LCSubtypes, WalletCategoryTypes } 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 TYPE_TO_IMG_SRC = {\n    [WalletCategoryTypes.achievements]: achievementsGraphic,\n    [WalletCategoryTypes.ids]: idsGraphic,\n    [WalletCategoryTypes.jobHistory]: jobhistoryGraphic,\n    [WalletCategoryTypes.learningHistory]: learningHistoryGraphic,\n    [WalletCategoryTypes.currency]: coinsGraphic,\n    [WalletCategoryTypes.skills]: skillsGraphic,\n    [WalletCategoryTypes.socialBadge]: socialBadge,\n};\n\nexport const TYPE_TO_WALLET_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-300',\n    [WalletCategoryTypes.ids]: 'yellow-300',\n    [WalletCategoryTypes.jobHistory]: 'rose-300',\n    [WalletCategoryTypes.learningHistory]: 'emerald-300',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-300',\n    [WalletCategoryTypes.socialBadge]: 'cyan-200',\n};\n\nexport const TYPE_TO_WALLET_LIGHT_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-200',\n    [WalletCategoryTypes.ids]: 'yellow-200',\n    [WalletCategoryTypes.jobHistory]: 'rose-200',\n    [WalletCategoryTypes.learningHistory]: 'emerald-200',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-200',\n    [WalletCategoryTypes.socialBadge]: 'cyan-200',\n};\n\nexport const TYPE_TO_WALLET_DARK_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-500',\n    [WalletCategoryTypes.ids]: 'yellow-400',\n    [WalletCategoryTypes.jobHistory]: 'rose-400',\n    [WalletCategoryTypes.learningHistory]: 'emerald-500',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-400',\n    [WalletCategoryTypes.socialBadge]: 'cyan-200',\n};\n"],"names":["LCSubtypes","MiniGradIcon","MiniTrophyIcon","MiniPuzzleIcon","WalletCategoryTypes","achievementsGraphic","idsGraphic","jobhistoryGraphic","learningHistoryGraphic","coinsGraphic","skillsGraphic","socialBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,iBAAyB,GAAA;AAAA,EAClC,CAACA,iBAAW,MAAS,GAAAC,gCAAA;AAAA,EACrB,CAACD,iBAAW,WAAc,GAAAE,kCAAA;AAAA,EAC1B,CAACF,iBAAW,KAAQ,GAAAG,kCAAA;AACxB,EAAA;AAEO,MAAM,eAAkB,GAAA;AAAA,EAC3B,CAACC,0BAAoB,YAAe,GAAAC,uCAAA;AAAA,EACpC,CAACD,0BAAoB,GAAM,GAAAE,8BAAA;AAAA,EAC3B,CAACF,0BAAoB,UAAa,GAAAG,qCAAA;AAAA,EAClC,CAACH,0BAAoB,eAAkB,GAAAI,0CAAA;AAAA,EACvC,CAACJ,0BAAoB,QAAW,GAAAK,gCAAA;AAAA,EAChC,CAACL,0BAAoB,MAAS,GAAAM,iCAAA;AAAA,EAC9B,CAACN,0BAAoB,WAAc,GAAAO,+BAAA;AACvC,EAAA;AAEO,MAAM,oBAAuB,GAAA;AAAA,EAChC,CAACP,0BAAoB,YAAe,GAAA,WAAA;AAAA,EACpC,CAACA,0BAAoB,GAAM,GAAA,YAAA;AAAA,EAC3B,CAACA,0BAAoB,UAAa,GAAA,UAAA;AAAA,EAClC,CAACA,0BAAoB,eAAkB,GAAA,aAAA;AAAA,EACvC,CAACA,0BAAoB,QAAW,GAAA,UAAA;AAAA,EAChC,CAACA,0BAAoB,MAAS,GAAA,YAAA;AAAA,EAC9B,CAACA,0BAAoB,WAAc,GAAA,UAAA;AACvC,EAAA;CAE0C;AAAA,EACtC,CAACA,0BAAoB,YAAe,GAAA,WAAA;AAAA,EACpC,CAACA,0BAAoB,GAAM,GAAA,YAAA;AAAA,EAC3B,CAACA,0BAAoB,UAAa,GAAA,UAAA;AAAA,EAClC,CAACA,0BAAoB,eAAkB,GAAA,aAAA;AAAA,EACvC,CAACA,0BAAoB,QAAW,GAAA,UAAA;AAAA,EAChC,CAACA,0BAAoB,MAAS,GAAA,YAAA;AAAA,EAC9B,CAACA,0BAAoB,WAAc,GAAA,UAAA;AACvC,GAAA;AAEO,MAAM,yBAA4B,GAAA;AAAA,EACrC,CAACA,0BAAoB,YAAe,GAAA,WAAA;AAAA,EACpC,CAACA,0BAAoB,GAAM,GAAA,YAAA;AAAA,EAC3B,CAACA,0BAAoB,UAAa,GAAA,UAAA;AAAA,EAClC,CAACA,0BAAoB,eAAkB,GAAA,aAAA;AAAA,EACvC,CAACA,0BAAoB,QAAW,GAAA,UAAA;AAAA,EAChC,CAACA,0BAAoB,MAAS,GAAA,YAAA;AAAA,EAC9B,CAACA,0BAAoB,WAAc,GAAA,UAAA;AACvC;;;;;;;"}
+{"version":3,"file":"index-d057eaee.js","sources":["../../src/constants/index.ts"],"sourcesContent":["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 socialBadge from '../assets/images/social-badge.png';\n\nimport MiniTrophyIcon from '../assets/images/minitrophycolored.svg';\nimport MiniGradIcon from '../assets/images/minigradcapcolored.svg';\nimport MiniPuzzleIcon from '../assets/images/minipuzzlecolored.svg';\nimport { LCSubtypes, WalletCategoryTypes } 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 TYPE_TO_IMG_SRC = {\n    [WalletCategoryTypes.achievements]: achievementsGraphic,\n    [WalletCategoryTypes.ids]: idsGraphic,\n    [WalletCategoryTypes.jobHistory]: jobhistoryGraphic,\n    [WalletCategoryTypes.learningHistory]: learningHistoryGraphic,\n    [WalletCategoryTypes.currency]: coinsGraphic,\n    [WalletCategoryTypes.skills]: skillsGraphic,\n    [WalletCategoryTypes.socialBadge]: socialBadge,\n};\n\nexport const TYPE_TO_WALLET_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-300',\n    [WalletCategoryTypes.ids]: 'yellow-300',\n    [WalletCategoryTypes.jobHistory]: 'rose-300',\n    [WalletCategoryTypes.learningHistory]: 'emerald-300',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-300',\n    [WalletCategoryTypes.socialBadge]: 'cyan-200',\n};\n\nexport const TYPE_TO_WALLET_LIGHT_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-200',\n    [WalletCategoryTypes.ids]: 'yellow-200',\n    [WalletCategoryTypes.jobHistory]: 'rose-200',\n    [WalletCategoryTypes.learningHistory]: 'emerald-200',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-200',\n    [WalletCategoryTypes.socialBadge]: 'cyan-200',\n};\n\nexport const TYPE_TO_WALLET_DARK_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-500',\n    [WalletCategoryTypes.ids]: 'yellow-400',\n    [WalletCategoryTypes.jobHistory]: 'rose-400',\n    [WalletCategoryTypes.learningHistory]: 'emerald-500',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-400',\n    [WalletCategoryTypes.socialBadge]: 'cyan-700',\n};\n"],"names":["LCSubtypes","MiniGradIcon","MiniTrophyIcon","MiniPuzzleIcon","WalletCategoryTypes","achievementsGraphic","idsGraphic","jobhistoryGraphic","learningHistoryGraphic","coinsGraphic","skillsGraphic","socialBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,iBAAyB,GAAA;AAAA,EAClC,CAACA,iBAAW,MAAS,GAAAC,gCAAA;AAAA,EACrB,CAACD,iBAAW,WAAc,GAAAE,kCAAA;AAAA,EAC1B,CAACF,iBAAW,KAAQ,GAAAG,kCAAA;AACxB,EAAA;AAEO,MAAM,eAAkB,GAAA;AAAA,EAC3B,CAACC,0BAAoB,YAAe,GAAAC,uCAAA;AAAA,EACpC,CAACD,0BAAoB,GAAM,GAAAE,8BAAA;AAAA,EAC3B,CAACF,0BAAoB,UAAa,GAAAG,qCAAA;AAAA,EAClC,CAACH,0BAAoB,eAAkB,GAAAI,0CAAA;AAAA,EACvC,CAACJ,0BAAoB,QAAW,GAAAK,gCAAA;AAAA,EAChC,CAACL,0BAAoB,MAAS,GAAAM,iCAAA;AAAA,EAC9B,CAACN,0BAAoB,WAAc,GAAAO,+BAAA;AACvC,EAAA;AAEO,MAAM,oBAAuB,GAAA;AAAA,EAChC,CAACP,0BAAoB,YAAe,GAAA,WAAA;AAAA,EACpC,CAACA,0BAAoB,GAAM,GAAA,YAAA;AAAA,EAC3B,CAACA,0BAAoB,UAAa,GAAA,UAAA;AAAA,EAClC,CAACA,0BAAoB,eAAkB,GAAA,aAAA;AAAA,EACvC,CAACA,0BAAoB,QAAW,GAAA,UAAA;AAAA,EAChC,CAACA,0BAAoB,MAAS,GAAA,YAAA;AAAA,EAC9B,CAACA,0BAAoB,WAAc,GAAA,UAAA;AACvC,EAAA;CAE0C;AAAA,EACtC,CAACA,0BAAoB,YAAe,GAAA,WAAA;AAAA,EACpC,CAACA,0BAAoB,GAAM,GAAA,YAAA;AAAA,EAC3B,CAACA,0BAAoB,UAAa,GAAA,UAAA;AAAA,EAClC,CAACA,0BAAoB,eAAkB,GAAA,aAAA;AAAA,EACvC,CAACA,0BAAoB,QAAW,GAAA,UAAA;AAAA,EAChC,CAACA,0BAAoB,MAAS,GAAA,YAAA;AAAA,EAC9B,CAACA,0BAAoB,WAAc,GAAA,UAAA;AACvC,GAAA;AAEO,MAAM,yBAA4B,GAAA;AAAA,EACrC,CAACA,0BAAoB,YAAe,GAAA,WAAA;AAAA,EACpC,CAACA,0BAAoB,GAAM,GAAA,YAAA;AAAA,EAC3B,CAACA,0BAAoB,UAAa,GAAA,UAAA;AAAA,EAClC,CAACA,0BAAoB,eAAkB,GAAA,aAAA;AAAA,EACvC,CAACA,0BAAoB,QAAW,GAAA,UAAA;AAAA,EAChC,CAACA,0BAAoB,MAAS,GAAA,YAAA;AAAA,EAC9B,CAACA,0BAAoB,WAAc,GAAA,UAAA;AACvC;;;;;;;"}

package/dist/cjs/index-d836b84d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-d836b84d.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}\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}\n\nexport enum LCSubtypes {\n    job = 'job',\n    achievement = 'achievement',\n    skill = 'skill',\n    course = 'course',\n    locked = 'locked',\n}\n\nexport enum WalletCategoryTypes {\n    achievements = 'achievements',\n    ids = 'ids',\n    jobHistory = 'jobHistory',\n    currency = 'currency',\n    learningHistory = 'learningHistory',\n    skills = 'skills',\n    socialBadge = 'socialBadge',\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    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    dateDisplay?: string;\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"],"names":["Icons","LCCategoryEnum","LCSubtypes","WalletCategoryTypes"],"mappings":";;AAQY,IAAA,KAAA,qBAAAA,MAAL,KAAA;AACH,EAAAA,MAAA,CAAA,MAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,eAAA,CAAA,GAAA,CAAA,CAAA,GAAA,eAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,gBAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,eAAA,CAAA,GAAA,CAAA,CAAA,GAAA,eAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,GAAA,cAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAVQ,EAAAA,OAAAA,MAAAA,CAAAA;AAAA,CAAA,EAAA,KAAA,IAAA,EAAA,EAAA;AAaA,IAAA,cAAA,qBAAAC,eAAL,KAAA;AACH,EAAAA,gBAAA,aAAc,CAAA,GAAA,cAAA,CAAA;AACd,EAAAA,gBAAA,aAAc,CAAA,GAAA,aAAA,CAAA;AACd,EAAAA,gBAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AACT,EAAAA,gBAAA,KAAM,CAAA,GAAA,KAAA,CAAA;AACN,EAAAA,gBAAA,IAAK,CAAA,GAAA,IAAA,CAAA;AACL,EAAAA,gBAAA,aAAc,CAAA,GAAA,cAAA,CAAA;AACd,EAAAA,gBAAA,UAAW,CAAA,GAAA,UAAA,CAAA;AACX,EAAAA,gBAAA,iBAAkB,CAAA,GAAA,kBAAA,CAAA;AAClB,EAAAA,gBAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AATA,EAAAA,OAAAA,eAAAA,CAAAA;AAAA,CAAA,EAAA,cAAA,IAAA,EAAA,EAAA;AAYA,IAAA,UAAA,qBAAAC,WAAL,KAAA;AACH,EAAAA,YAAA,KAAM,CAAA,GAAA,KAAA,CAAA;AACN,EAAAA,YAAA,aAAc,CAAA,GAAA,aAAA,CAAA;AACd,EAAAA,YAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AACR,EAAAA,YAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AACT,EAAAA,YAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AALD,EAAAA,OAAAA,WAAAA,CAAAA;AAAA,CAAA,EAAA,UAAA,IAAA,EAAA,EAAA;AAQA,IAAA,mBAAA,qBAAAC,oBAAL,KAAA;AACH,EAAAA,qBAAA,cAAe,CAAA,GAAA,cAAA,CAAA;AACf,EAAAA,qBAAA,KAAM,CAAA,GAAA,KAAA,CAAA;AACN,EAAAA,qBAAA,YAAa,CAAA,GAAA,YAAA,CAAA;AACb,EAAAA,qBAAA,UAAW,CAAA,GAAA,UAAA,CAAA;AACX,EAAAA,qBAAA,iBAAkB,CAAA,GAAA,iBAAA,CAAA;AAClB,EAAAA,qBAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AACT,EAAAA,qBAAA,aAAc,CAAA,GAAA,aAAA,CAAA;AAPN,EAAAA,OAAAA,oBAAAA,CAAAA;AAAA,CAAA,EAAA,mBAAA,IAAA,EAAA;;;;;;;"}
+{"version":3,"file":"index-d836b84d.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}\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}\n\nexport enum LCSubtypes {\n    job = 'job',\n    achievement = 'achievement',\n    skill = 'skill',\n    course = 'course',\n    locked = 'locked',\n}\n\nexport enum WalletCategoryTypes {\n    achievements = 'achievements',\n    ids = 'ids',\n    jobHistory = 'jobHistory',\n    currency = 'currency',\n    learningHistory = 'learningHistory',\n    skills = 'skills',\n    socialBadge = 'socialBadge',\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};\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"],"names":["Icons","LCCategoryEnum","LCSubtypes","WalletCategoryTypes"],"mappings":";;AAQY,IAAA,KAAA,qBAAAA,MAAL,KAAA;AACH,EAAAA,MAAA,CAAA,MAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,eAAA,CAAA,GAAA,CAAA,CAAA,GAAA,eAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,gBAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,eAAA,CAAA,GAAA,CAAA,CAAA,GAAA,eAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,GAAA,cAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAVQ,EAAAA,OAAAA,MAAAA,CAAAA;AAAA,CAAA,EAAA,KAAA,IAAA,EAAA,EAAA;AAaA,IAAA,cAAA,qBAAAC,eAAL,KAAA;AACH,EAAAA,gBAAA,aAAc,CAAA,GAAA,cAAA,CAAA;AACd,EAAAA,gBAAA,aAAc,CAAA,GAAA,aAAA,CAAA;AACd,EAAAA,gBAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AACT,EAAAA,gBAAA,KAAM,CAAA,GAAA,KAAA,CAAA;AACN,EAAAA,gBAAA,IAAK,CAAA,GAAA,IAAA,CAAA;AACL,EAAAA,gBAAA,aAAc,CAAA,GAAA,cAAA,CAAA;AACd,EAAAA,gBAAA,UAAW,CAAA,GAAA,UAAA,CAAA;AACX,EAAAA,gBAAA,iBAAkB,CAAA,GAAA,kBAAA,CAAA;AAClB,EAAAA,gBAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AATA,EAAAA,OAAAA,eAAAA,CAAAA;AAAA,CAAA,EAAA,cAAA,IAAA,EAAA,EAAA;AAYA,IAAA,UAAA,qBAAAC,WAAL,KAAA;AACH,EAAAA,YAAA,KAAM,CAAA,GAAA,KAAA,CAAA;AACN,EAAAA,YAAA,aAAc,CAAA,GAAA,aAAA,CAAA;AACd,EAAAA,YAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AACR,EAAAA,YAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AACT,EAAAA,YAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AALD,EAAAA,OAAAA,WAAAA,CAAAA;AAAA,CAAA,EAAA,UAAA,IAAA,EAAA,EAAA;AAQA,IAAA,mBAAA,qBAAAC,oBAAL,KAAA;AACH,EAAAA,qBAAA,cAAe,CAAA,GAAA,cAAA,CAAA;AACf,EAAAA,qBAAA,KAAM,CAAA,GAAA,KAAA,CAAA;AACN,EAAAA,qBAAA,YAAa,CAAA,GAAA,YAAA,CAAA;AACb,EAAAA,qBAAA,UAAW,CAAA,GAAA,UAAA,CAAA;AACX,EAAAA,qBAAA,iBAAkB,CAAA,GAAA,iBAAA,CAAA;AAClB,EAAAA,qBAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AACT,EAAAA,qBAAA,aAAc,CAAA,GAAA,aAAA,CAAA;AAPN,EAAAA,OAAAA,oBAAAA,CAAAA;AAAA,CAAA,EAAA,mBAAA,IAAA,EAAA;;;;;;;"}

package/dist/cjs/index.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AchievementCard = require('./AchievementCard-f0130caa.js');
-var BoostGenericCard = require('./BoostGenericCard-315c6b82.js');
-var BoostSmallCard = require('./BoostSmallCard-30f75abb.js');
+var AchievementCard = require('./AchievementCard-52b029e8.js');
+var BoostGenericCard = require('./BoostGenericCard-7a29863b.js');
+var BoostSmallCard = require('./BoostSmallCard-2c5b5dfe.js');
 var Button = require('./Button-a7af702b.js');
 var CircleCheckButton = require('./CircleCheckButton-43c96841.js');
 var CircleIcon = require('./CircleIcon-a45953f5.js');
 var CourseCard = require('./CourseCard-338a32ee.js');
 var CourseVerticalCard = require('./CourseVerticalCard-b76f5407.js');
 var FlippyCard = require('./FlippyCard-209549c5.js');
-var GenericCard = require('./GenericCard-9674fcc0.js');
+var GenericCard = require('./GenericCard-4241c598.js');
 var JobHistoryCard = require('./JobHistoryCard-05a3f98b.js');
-var JobListCard = require('./JobListCard-c662e649.js');
+var JobListCard = require('./JobListCard-a3e030e0.js');
 var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
 var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-4452fd7a.js');
-var LearnPill = require('./LearnPill-5c9bf172.js');
+var LearnPill = require('./LearnPill-0b3170ea.js');
 var CircleSpinner = require('./CircleSpinner-093cce04.js');
 var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
 var Notification = require('./Notification-9d230f1b.js');
@@ -27,17 +27,17 @@ var NotificationUserCard = require('./NotificationUserCard-d4dab06c.js');
 var types$1 = require('./types-e4d9a257.js');
 var QRCodeCard = require('./QRCodeCard-efaa58e1.js');
 var RoundedPill = require('./RoundedPill-85e7ed68.js');
-var constants = require('./constants-35d9ebc6.js');
+var constants = require('./constants-3f8ed765.js');
 var SchoolIDCard = require('./SchoolIDCard-1baf77e8.js');
 var SkillTabCard = require('./SkillTabCard-14ba0618.js');
 var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-c76701ce.js');
-var VCCard = require('./VCCard-b2c5eb4a.js');
+var VCCard = require('./VCCard-58d1f7ac.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-8baacc99.js');
 var VCDisplayCard = require('./VCDisplayCard-9ee844a6.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-447b0452.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-0a9e30d7.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
 var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
 var VCVerificationPill = require('./VCVerificationPill-c6cd574c.js');
@@ -48,7 +48,7 @@ var GenericArrow = require('./GenericArrow-8dfb261d.js');
 var Lightbulb = require('./Lightbulb-1c28af02.js');
 var Trophy = require('./Trophy-9ede7f2b.js');
 require('react');
-require('./index-83152f8d.js');
+require('./index-d057eaee.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');
@@ -60,6 +60,7 @@ require('./minitrophycolored.svg');
 require('./minigradcapcolored.svg');
 require('./minipuzzlecolored.svg');
 require('./index-d836b84d.js');
+require('./DotsThreeOutline.svg');
 require('./CaretRightFilled.svg');
 require('./default-face.jpeg');
 require('./addawardlight.svg');

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index11.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var GenericCard = require('./GenericCard-9674fcc0.js');
+var GenericCard = require('./GenericCard-4241c598.js');
 require('react');
 require('./index-d836b84d.js');
-require('./index-83152f8d.js');
+require('./index-d057eaee.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');

package/dist/cjs/index12.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AchievementCard = require('./AchievementCard-f0130caa.js');
-var BoostGenericCard = require('./BoostGenericCard-315c6b82.js');
-var BoostSmallCard = require('./BoostSmallCard-30f75abb.js');
+var AchievementCard = require('./AchievementCard-52b029e8.js');
+var BoostGenericCard = require('./BoostGenericCard-7a29863b.js');
+var BoostSmallCard = require('./BoostSmallCard-2c5b5dfe.js');
 var Button = require('./Button-a7af702b.js');
 var CircleCheckButton = require('./CircleCheckButton-43c96841.js');
 var CircleIcon = require('./CircleIcon-a45953f5.js');
 var CourseCard = require('./CourseCard-338a32ee.js');
 var CourseVerticalCard = require('./CourseVerticalCard-b76f5407.js');
 var FlippyCard = require('./FlippyCard-209549c5.js');
-var GenericCard = require('./GenericCard-9674fcc0.js');
+var GenericCard = require('./GenericCard-4241c598.js');
 var JobHistoryCard = require('./JobHistoryCard-05a3f98b.js');
-var JobListCard = require('./JobListCard-c662e649.js');
+var JobListCard = require('./JobListCard-a3e030e0.js');
 var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
 var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-4452fd7a.js');
-var LearnPill = require('./LearnPill-5c9bf172.js');
+var LearnPill = require('./LearnPill-0b3170ea.js');
 var CircleSpinner = require('./CircleSpinner-093cce04.js');
 var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
 var Notification = require('./Notification-9d230f1b.js');
@@ -27,17 +27,17 @@ var NotificationUserCard = require('./NotificationUserCard-d4dab06c.js');
 var types$1 = require('./types-e4d9a257.js');
 var QRCodeCard = require('./QRCodeCard-efaa58e1.js');
 var RoundedPill = require('./RoundedPill-85e7ed68.js');
-var constants = require('./constants-35d9ebc6.js');
+var constants = require('./constants-3f8ed765.js');
 var SchoolIDCard = require('./SchoolIDCard-1baf77e8.js');
 var SkillTabCard = require('./SkillTabCard-14ba0618.js');
 var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-c76701ce.js');
-var VCCard = require('./VCCard-b2c5eb4a.js');
+var VCCard = require('./VCCard-58d1f7ac.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-8baacc99.js');
 var VCDisplayCard = require('./VCDisplayCard-9ee844a6.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-447b0452.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-0a9e30d7.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
 var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
 var VCVerificationPill = require('./VCVerificationPill-c6cd574c.js');
@@ -48,7 +48,7 @@ var GenericArrow = require('./GenericArrow-8dfb261d.js');
 var Lightbulb = require('./Lightbulb-1c28af02.js');
 var Trophy = require('./Trophy-9ede7f2b.js');
 require('react');
-require('./index-83152f8d.js');
+require('./index-d057eaee.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');
@@ -60,6 +60,7 @@ require('./minitrophycolored.svg');
 require('./minigradcapcolored.svg');
 require('./minipuzzlecolored.svg');
 require('./index-d836b84d.js');
+require('./DotsThreeOutline.svg');
 require('./CaretRightFilled.svg');
 require('./default-face.jpeg');
 require('./addawardlight.svg');

package/dist/cjs/index12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index12.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index12.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index14.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var JobListCard = require('./JobListCard-c662e649.js');
+var JobListCard = require('./JobListCard-a3e030e0.js');
 require('react');
-require('./index-83152f8d.js');
+require('./index-d057eaee.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');

package/dist/cjs/index17.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LearnPill = require('./LearnPill-5c9bf172.js');
+var LearnPill = require('./LearnPill-0b3170ea.js');
 require('react');
 require('./index-d836b84d.js');
-require('./index-83152f8d.js');
+require('./index-d057eaee.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');

package/dist/cjs/index2.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AchievementCard = require('./AchievementCard-f0130caa.js');
+var AchievementCard = require('./AchievementCard-52b029e8.js');
 require('react');
-require('./index-83152f8d.js');
+require('./index-d057eaee.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');

package/dist/cjs/index26.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var constants = require('./constants-35d9ebc6.js');
+var constants = require('./constants-3f8ed765.js');
 require('react');
 require('./CircleIcon-a45953f5.js');
 require('./index-d836b84d.js');
@@ -17,7 +17,7 @@ require('./award.svg');
 require('./minipuzzle.svg');
 require('./minitrophy.svg');
 require('./gradcaplight.svg');
-require('./index-83152f8d.js');
+require('./index-d057eaee.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');

package/dist/cjs/index3.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var BoostGenericCard = require('./BoostGenericCard-315c6b82.js');
+var BoostGenericCard = require('./BoostGenericCard-7a29863b.js');
 require('react');
 require('./index-d836b84d.js');
-require('./index-83152f8d.js');
+require('./index-d057eaee.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');
@@ -16,6 +16,7 @@ require('./social-badge.png');
 require('./minitrophycolored.svg');
 require('./minigradcapcolored.svg');
 require('./minipuzzlecolored.svg');
+require('./DotsThreeOutline.svg');
 require('./CircleCheckButton-43c96841.js');
 require('./RoundedPill-85e7ed68.js');
 require('./icons-ac6eb6ec.js');

package/dist/cjs/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index34.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCCard = require('./VCCard-b2c5eb4a.js');
+var VCCard = require('./VCCard-58d1f7ac.js');
 require('react');
 require('@learncard/core');
 require('./VCDisplayCard-9ee844a6.js');
@@ -21,7 +21,7 @@ require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');
 require('./ArrowArcRight.svg');
-require('./VCDisplayCard2-447b0452.js');
+require('./VCDisplayCard2-0a9e30d7.js');
 require('./AwardRibbon-14ba45fb.js');
 require('./index-d836b84d.js');
 

package/dist/cjs/index37.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var VCDisplayCard2 = require('./VCDisplayCard2-447b0452.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-0a9e30d7.js');
 require('./default-face.jpeg');
 require('./index-a961acab.js');
 require('./types.esm-b81dff62.js');

package/dist/cjs/index4.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var BoostSmallCard = require('./BoostSmallCard-30f75abb.js');
+var BoostSmallCard = require('./BoostSmallCard-2c5b5dfe.js');
 require('react');
 require('./index-d836b84d.js');
-require('./index-83152f8d.js');
+require('./index-d057eaee.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');
@@ -19,6 +19,7 @@ require('./minipuzzlecolored.svg');
 require('./CaretRightFilled.svg');
 require('./default-face.jpeg');
 require('./addawardlight.svg');
+require('./DotsThreeOutline.svg');
 require('./CircleCheckButton-43c96841.js');
 require('./RoundedPill-85e7ed68.js');
 require('./icons-ac6eb6ec.js');

package/dist/cjs/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{AchievementCard-b9eb551c.js → AchievementCard-51b4814b.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as TYPE_TO_MINI_ICON } from './index-7dcfe90e.js';
+import { T as TYPE_TO_MINI_ICON } from './index-e588d5bb.js';
 import { L as LCSubtypes } from './index-7103ad3c.js';
 import { T as Trophy } from './Trophy-702610b8.js';
 import { C as CircleCheckButton } from './CircleCheckButton-551054f6.js';
@@ -58,4 +58,4 @@ const AchievementCard = ({
 };
 
 export { AchievementCard as A };
-//# sourceMappingURL=AchievementCard-b9eb551c.js.map
+//# sourceMappingURL=AchievementCard-51b4814b.js.map

package/dist/esm/{AchievementCard-b9eb551c.js.map → AchievementCard-51b4814b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AchievementCard-b9eb551c.js","sources":["../../src/components/AchievementCard/AchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { AchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { Trophy } from '../svgs';\nimport { TYPE_TO_MINI_ICON } from '../../constants';\nimport { LCSubtypes } from '../../types';\n\nexport const AchievementCard: React.FC<AchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    claimStatus,\n    showSkills = true,\n    showChecked,\n    checked,\n    skillCount,\n    showStatus = true,\n    onCheckClick,\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n\n    const claimBtnStatusType = claimStatus ? LCSubtypes.achievement : LCSubtypes.locked;\n    const skillIconSrc = TYPE_TO_MINI_ICON[LCSubtypes.skill];\n    const skillCountTxt = skillCount && skillCount > 1 ? 'Skills' : 'Skill';\n    const showSkillCounter = showSkills && skillCount !== 0;\n\n    return (\n        <div\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`relative flex h-[120px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-cover rounded-[20px]\"\n                        src={thumbImgSrc ?? ''}\n                        alt=\"Credential Achievement Image\"\n                    />\n                )}\n                {(!thumbImgSrc || thumbImgSrc === '') && (\n                    <Trophy\n                        className=\"achievement-placeholder-trophy flex p-[15px]\"\n                        color=\"#ffffff\"\n                    />\n                )}\n\n                {showSkills && showSkillCounter && (\n                    <div className=\"absolute px-[10px] text-[14px] flex items-center justify-center text-indigo-600 skill-pill font-bold min-w-[100px] bottom-[10px] right-[9px] rounded-[20px] h-[30px] bg-indigo-50 \">\n                        <img\n                            src={skillIconSrc}\n                            className=\"flex items-center justify-center mr-[4px]\"\n                        />\n                        +{skillCount} {skillCountTxt}\n                    </div>\n                )}\n\n                {showChecked && (\n                    <CircleCheckButton\n                        checked={checked}\n                        onClick={onCheckClick}\n                        className=\"absolute top-[5px] left-[5px]\"\n                    />\n                )}\n            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-[14px] text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n\n            <section className=\"achievement-card-footer absolute bottom-[6px] left-[5px]\">\n                {showStatus && (\n                    <RoundedPill\n                        onClick={onClick}\n                        showCheckmark\n                        type={claimBtnStatusType}\n                        statusText={'Claimed'}\n                    />\n                )}\n            </section>\n        </div>\n    );\n};\n\nexport default AchievementCard;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,kBAAkD,CAAC;AAAA,EAC5D,KAAQ,GAAA,mBAAA;AAAA,EACR,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,WAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,YAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAM,MAAA,UAAA,GAAa,cAAc,iBAAoB,GAAA,eAAA,CAAA;AAErD,EAAA,MAAM,kBAAqB,GAAA,WAAA,GAAc,UAAW,CAAA,WAAA,GAAc,UAAW,CAAA,MAAA,CAAA;AAC7E,EAAM,MAAA,YAAA,GAAe,kBAAkB,UAAW,CAAA,KAAA,CAAA,CAAA;AAClD,EAAA,MAAM,aAAgB,GAAA,UAAA,IAAc,UAAa,GAAA,CAAA,GAAI,QAAW,GAAA,OAAA,CAAA;AAChE,EAAM,MAAA,gBAAA,GAAmB,cAAc,UAAe,KAAA,CAAA,CAAA;AAEtD,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAW,EAAA,CAAA,2IAAA,CAAA;AAAA,GAAA,kBAEV,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACG,WAAW,CAA2B,wBAAA,EAAA,UAAA,CAAA,2DAAA,CAAA;AAAA,GAAA,EAErC,+BACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,2CAAA;AAAA,IACV,KAAK,WAAe,IAAA,IAAA,GAAA,WAAA,GAAA,EAAA;AAAA,IACpB,GAAI,EAAA,8BAAA;AAAA,GACR,CAEF,EAAA,CAAA,CAAC,WAAe,IAAA,WAAA,KAAgB,uBAC7B,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,SAAU,EAAA,8CAAA;AAAA,IACV,KAAM,EAAA,SAAA;AAAA,GACV,CAAA,EAGH,UAAc,IAAA,gBAAA,oBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,oLAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,GAAK,EAAA,YAAA;AAAA,IACL,SAAU,EAAA,2CAAA;AAAA,GACd,GAAE,GACA,EAAA,UAAA,EAAW,KAAE,aACnB,CAAA,EAGH,+BACI,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,OAAS,EAAA,YAAA;AAAA,IACT,SAAU,EAAA,+BAAA;AAAA,GACd,CAER,mBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,2DAAA;AAAA,GAAA,kBACd,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,gEAAA;AAAA,GACR,EAAA,KACL,CACJ,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,0DAAA;AAAA,GAAA,EACd,8BACI,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,aAAa,EAAA,IAAA;AAAA,IACb,IAAM,EAAA,kBAAA;AAAA,IACN,UAAY,EAAA,SAAA;AAAA,GAChB,CAER,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"AchievementCard-51b4814b.js","sources":["../../src/components/AchievementCard/AchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { AchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { Trophy } from '../svgs';\nimport { TYPE_TO_MINI_ICON } from '../../constants';\nimport { LCSubtypes } from '../../types';\n\nexport const AchievementCard: React.FC<AchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    claimStatus,\n    showSkills = true,\n    showChecked,\n    checked,\n    skillCount,\n    showStatus = true,\n    onCheckClick,\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n\n    const claimBtnStatusType = claimStatus ? LCSubtypes.achievement : LCSubtypes.locked;\n    const skillIconSrc = TYPE_TO_MINI_ICON[LCSubtypes.skill];\n    const skillCountTxt = skillCount && skillCount > 1 ? 'Skills' : 'Skill';\n    const showSkillCounter = showSkills && skillCount !== 0;\n\n    return (\n        <div\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`relative flex h-[120px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-cover rounded-[20px]\"\n                        src={thumbImgSrc ?? ''}\n                        alt=\"Credential Achievement Image\"\n                    />\n                )}\n                {(!thumbImgSrc || thumbImgSrc === '') && (\n                    <Trophy\n                        className=\"achievement-placeholder-trophy flex p-[15px]\"\n                        color=\"#ffffff\"\n                    />\n                )}\n\n                {showSkills && showSkillCounter && (\n                    <div className=\"absolute px-[10px] text-[14px] flex items-center justify-center text-indigo-600 skill-pill font-bold min-w-[100px] bottom-[10px] right-[9px] rounded-[20px] h-[30px] bg-indigo-50 \">\n                        <img\n                            src={skillIconSrc}\n                            className=\"flex items-center justify-center mr-[4px]\"\n                        />\n                        +{skillCount} {skillCountTxt}\n                    </div>\n                )}\n\n                {showChecked && (\n                    <CircleCheckButton\n                        checked={checked}\n                        onClick={onCheckClick}\n                        className=\"absolute top-[5px] left-[5px]\"\n                    />\n                )}\n            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-[14px] text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n\n            <section className=\"achievement-card-footer absolute bottom-[6px] left-[5px]\">\n                {showStatus && (\n                    <RoundedPill\n                        onClick={onClick}\n                        showCheckmark\n                        type={claimBtnStatusType}\n                        statusText={'Claimed'}\n                    />\n                )}\n            </section>\n        </div>\n    );\n};\n\nexport default AchievementCard;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,kBAAkD,CAAC;AAAA,EAC5D,KAAQ,GAAA,mBAAA;AAAA,EACR,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,WAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,YAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAM,MAAA,UAAA,GAAa,cAAc,iBAAoB,GAAA,eAAA,CAAA;AAErD,EAAA,MAAM,kBAAqB,GAAA,WAAA,GAAc,UAAW,CAAA,WAAA,GAAc,UAAW,CAAA,MAAA,CAAA;AAC7E,EAAM,MAAA,YAAA,GAAe,kBAAkB,UAAW,CAAA,KAAA,CAAA,CAAA;AAClD,EAAA,MAAM,aAAgB,GAAA,UAAA,IAAc,UAAa,GAAA,CAAA,GAAI,QAAW,GAAA,OAAA,CAAA;AAChE,EAAM,MAAA,gBAAA,GAAmB,cAAc,UAAe,KAAA,CAAA,CAAA;AAEtD,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAW,EAAA,CAAA,2IAAA,CAAA;AAAA,GAAA,kBAEV,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACG,WAAW,CAA2B,wBAAA,EAAA,UAAA,CAAA,2DAAA,CAAA;AAAA,GAAA,EAErC,+BACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,2CAAA;AAAA,IACV,KAAK,WAAe,IAAA,IAAA,GAAA,WAAA,GAAA,EAAA;AAAA,IACpB,GAAI,EAAA,8BAAA;AAAA,GACR,CAEF,EAAA,CAAA,CAAC,WAAe,IAAA,WAAA,KAAgB,uBAC7B,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,SAAU,EAAA,8CAAA;AAAA,IACV,KAAM,EAAA,SAAA;AAAA,GACV,CAAA,EAGH,UAAc,IAAA,gBAAA,oBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,oLAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,GAAK,EAAA,YAAA;AAAA,IACL,SAAU,EAAA,2CAAA;AAAA,GACd,GAAE,GACA,EAAA,UAAA,EAAW,KAAE,aACnB,CAAA,EAGH,+BACI,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,OAAS,EAAA,YAAA;AAAA,IACT,SAAU,EAAA,+BAAA;AAAA,GACd,CAER,mBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,2DAAA;AAAA,GAAA,kBACd,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,gEAAA;AAAA,GACR,EAAA,KACL,CACJ,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,0DAAA;AAAA,GAAA,EACd,8BACI,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,aAAa,EAAA,IAAA;AAAA,IACb,IAAM,EAAA,kBAAA;AAAA,IACN,UAAY,EAAA,SAAA;AAAA,GAChB,CAER,CACJ,CAAA,CAAA;AAER;;;;"}

package/dist/esm/{BoostGenericCard-9c14e541.js → BoostGenericCard-ab82b8aa.js}

@@ -1,6 +1,7 @@
 import React from 'react';
 import { W as WalletCategoryTypes } from './index-7103ad3c.js';
-import { a as TYPE_TO_IMG_SRC, b as TYPE_TO_WALLET_DARK_COLOR } from './index-7dcfe90e.js';
+import { a as TYPE_TO_IMG_SRC, b as TYPE_TO_WALLET_DARK_COLOR } from './index-e588d5bb.js';
+import ThreeDots from './DotsThreeOutline.svg';
 import { C as CircleCheckButton } from './CircleCheckButton-551054f6.js';
 
 const BoostGenericCard = ({
@@ -17,7 +18,8 @@ const BoostGenericCard = ({
   innerOnClick,
   bgImgSrc,
   issuerName,
-  dateDisplay
+  dateDisplay,
+  optionsTriggerOnClick
 }) => {
   var _a, _b;
   const thumbClass = (_a = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`) != null ? _a : "bg-grayscale-50";
@@ -29,14 +31,24 @@ const BoostGenericCard = ({
   const handleInnerClick = () => {
     innerOnClick == null ? void 0 : innerOnClick();
   };
+  const handleOptionsClick = () => {
+    optionsTriggerOnClick == null ? void 0 : optionsTriggerOnClick();
+  };
   return /* @__PURE__ */ React.createElement("div", {
-    className: `flex generic-display-card-simple bg-white flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[0px] px-[0px] w-[160px] h-[250px] rounded-[20px] overflow-hidden ${className}`
-  }, bgImgSrc && /* @__PURE__ */ React.createElement("section", {
+    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}`
+  }, optionsTriggerOnClick && /* @__PURE__ */ React.createElement("section", {
+    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",
+    onClick: handleOptionsClick
+  }, /* @__PURE__ */ React.createElement("img", {
+    className: "h-[20px] w-[20px] object-cover overflow-hidden",
+    src: ThreeDots
+  })), bgImgSrc && /* @__PURE__ */ React.createElement("section", {
     className: "absolute top-[-50px] left-[0px] rounded-b-full overflow-hidden z-0"
   }, /* @__PURE__ */ React.createElement("img", {
     className: "h-full w-full object-cover overflow-hidden",
     src: bgImgSrc
-  })), /* @__PURE__ */ React.createElement("div", {
+  })), /* @__PURE__ */ React.createElement("button", {
+    type: "button",
     className: "boost-small-card inner-click-containe z-10",
     onClick: handleInnerClick
   }, customThumbComponent && customThumbComponent, !customThumbComponent && /* @__PURE__ */ React.createElement("section", {
@@ -51,7 +63,7 @@ const BoostGenericCard = ({
   })), /* @__PURE__ */ React.createElement("section", {
     className: defaultHeaderClass
   }, /* @__PURE__ */ React.createElement("p", {
-    className: "relative z-[100] small-boost-title text-[17px] p-[0px] font-semibold text-center  text-grayscale-900 line-clamp-2"
+    className: "relative z-[100] small-boost-title text-[16px] leading-[130%] p-[0px] font-medium text-center  text-grayscale-900 line-clamp-2"
   }, title)), /* @__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("span", {
@@ -68,4 +80,4 @@ const BoostGenericCard = ({
 };
 
 export { BoostGenericCard as B };
-//# sourceMappingURL=BoostGenericCard-9c14e541.js.map
+//# sourceMappingURL=BoostGenericCard-ab82b8aa.js.map

package/dist/esm/BoostGenericCard-ab82b8aa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoostGenericCard-ab82b8aa.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}) => {\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                        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] left-[0px] rounded-b-full overflow-hidden z-0\">\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-containe 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}>\n                    <p className=\"relative z-[100] small-boost-title text-[16px] leading-[130%] p-[0px] font-medium text-center  text-grayscale-900 line-clamp-2\">\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                    <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                    <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700  px-[7px]\">\n                        {dateDisplay}\n                    </p>\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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"}