@learncard/react 2.10.0 → 2.10.2

package/dist/esm/{BoostGenericCard-b83ff069.js → BoostGenericCard-18e140ec.js}

@@ -1,9 +1,9 @@
 import React from 'react';
 import { W as WalletCategoryTypes } from './index-28917993.js';
 import { a as TYPE_TO_IMG_SRC, b as TYPE_TO_WALLET_DARK_COLOR } from './index-cbe3a76a.js';
-import { B as BadgeDisplayIcon, A as AwardDisplayIcon, a as CourseDisplayIcon, I as IDDisplayIcon, C as CertificateDisplayIcon } from './IDDisplayIcon-d87174fd.js';
+import { B as BadgeDisplayIcon, A as AwardDisplayIcon, a as CourseDisplayIcon, I as IDDisplayIcon, C as CertificateDisplayIcon } from './IDDisplayIcon-f6993140.js';
 import { P as PuzzlePiece } from './PuzzlePiece-a3d9cc62.js';
-import { c as categorizeSkills } from './credential.helpers-108b5fb6.js';
+import { c as categorizeSkills } from './credential.helpers-b6acd108.js';
 import { T as ThreeDotVertical } from './ThreeDotVertical-ccbbc8ef.js';
 import { B as BadgeThumbnailImg } from './BadgeThumbnailImg-7d436367.js';
 import { C as CircleCheckButton } from './CircleCheckButton-23a9c7d4.js';
@@ -175,4 +175,4 @@ const BoostGenericCard = ({
 };
 
 export { BoostGenericCard as B };
-//# sourceMappingURL=BoostGenericCard-b83ff069.js.map
+//# sourceMappingURL=BoostGenericCard-18e140ec.js.map

package/dist/esm/{BoostGenericCard-b83ff069.js.map → BoostGenericCard-18e140ec.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BoostGenericCard-b83ff069.js","sources":["../../src/components/BoostGenericCard/AlignmentSkillsCount.tsx","../../src/helpers/display.helpers.ts","../../src/components/BoostGenericCard/BoostGenericCard.tsx"],"sourcesContent":["import React from 'react';\nimport PuzzlePiece from '../svgs/PuzzlePiece';\nimport { VC } from '@learncard/types';\nimport { categorizeSkills } from '../../helpers/credential.helpers';\n\ntype AlignmentSkillsCountProps = {\n    credential?: VC;\n    onClick?: () => void;\n    className?: string;\n};\n\nconst AlignmentSkillsCount: React.FC<AlignmentSkillsCountProps> = ({\n    credential,\n    onClick,\n    className = '',\n}) => {\n    if (!credential) return <></>;\n\n    const achievement = (credential?.credentialSubject as any)?.achievement;\n    let alignmentCount = achievement?.alignment?.length || 0;\n\n    if (alignmentCount === 0 && credential.skills?.length > 0) {\n        // fallback to legacy skills field if present and no alignments\n        const skillsMap = categorizeSkills(credential.skills ?? []);\n\n        // Calculate total count of skills and subskills\n        const totalSkills: any = Object.values(skillsMap).reduce(\n            (total: any, category: any) => total + category?.length,\n            0\n        );\n        const totalSubskills: any = Object.values(skillsMap).reduce(\n            (total: any, category: any) => total + (category?.totalSubskillsCount || 0),\n            0\n        );\n\n        const total: any = totalSkills + totalSubskills;\n        alignmentCount = total;\n    }\n\n    return (\n        <div\n            role={onClick ? ('button' as const) : undefined}\n            onClick={onClick}\n            className={`px-[10px] py-[2px] flex gap-[3px] items-center rounded-[5px] overflow-hidden bg-violet-100 ${className}`}\n        >\n            <PuzzlePiece className=\"w-[20px] h-[20px] text-grayscale-800\" version=\"filled\" />\n            <p className=\"text-[12px] text-grayscale-800 font-poppins font-[600]\">\n                {`${alignmentCount} Skill${alignmentCount !== 1 ? 's' : ''}`}\n            </p>\n        </div>\n    );\n};\n\nexport default AlignmentSkillsCount;\n","import { LCCategoryEnum } from '../types';\n\nimport { BadgeDisplayIcon } from '../components/svgs/BadgeDisplayIcon';\nimport { CertificateDisplayIcon } from '../components/svgs/CertificateDisplayIcon';\nimport { IDDisplayIcon } from '../components/svgs/IDDisplayIcon';\nimport { CourseDisplayIcon } from '../components/svgs/CourseDisplayIcon';\nimport { AwardDisplayIcon } from '../components/svgs/AwardDisplayIcon';\n\nexport enum DisplayTypeEnum {\n    Badge = 'badge',\n    Certificate = 'certificate',\n    ID = 'id',\n    Course = 'course',\n    Award = 'award',\n}\n\nexport const getDefaultDisplayType = (category: string): DisplayTypeEnum => {\n    if (category === LCCategoryEnum.socialBadge || category === LCCategoryEnum.workHistory) {\n        return DisplayTypeEnum.Badge;\n    }\n\n    if (category === LCCategoryEnum.id || category === LCCategoryEnum.membership) {\n        return DisplayTypeEnum.ID;\n    }\n\n    if (\n        category === LCCategoryEnum.achievement ||\n        category === LCCategoryEnum.accommodations ||\n        category === LCCategoryEnum.accomplishments ||\n        category === LCCategoryEnum.learningHistory\n    ) {\n        return DisplayTypeEnum.Certificate;\n    }\n\n    return DisplayTypeEnum.Badge;\n};\n\nexport const getDisplayIcon = (displayType: DisplayTypeEnum): React.FC<{ className?: string }> => {\n    switch (displayType) {\n        case DisplayTypeEnum.Badge:\n            return BadgeDisplayIcon;\n        case DisplayTypeEnum.Certificate:\n            return CertificateDisplayIcon;\n        case DisplayTypeEnum.ID:\n            return IDDisplayIcon;\n        case DisplayTypeEnum.Course:\n            return CourseDisplayIcon;\n        case DisplayTypeEnum.Award:\n            return AwardDisplayIcon;\n        default:\n            return BadgeDisplayIcon;\n    }\n};\n","import React from 'react';\nimport { BoostGenericCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { DisplayTypeEnum, getDisplayIcon } from '../../helpers/display.helpers';\nimport AlignmentSkillsCount from './AlignmentSkillsCount';\nimport ThreeDotVertical from '../svgs/ThreeDotVertical';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport BadgeThumbnailImg from '../BadgeThumbnailImg/BadgeThumbnailImg';\n\nexport const BoostGenericCard: React.FC<BoostGenericCardProps> = ({\n    title,\n    customTitle,\n    thumbImgSrc,\n    customThumbClass = '',\n    customHeaderClass = '',\n    type = WalletCategoryTypes.achievements,\n    className,\n    onCheckClick,\n    showChecked,\n    checkStatus,\n    customThumbComponent,\n    innerOnClick,\n    bgImgSrc,\n    issuerName,\n    customIssuerName,\n    dateDisplay,\n    customDateDisplay,\n    optionsTriggerOnClick,\n    verifierBadge,\n    credential,\n    isInSkillsModal,\n    displayType,\n    linkedCredentialsCount = 0,\n    linkedCredentialsClassName = '',\n    checkBtnClass = '',\n}) => {\n    const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type]\n        ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`\n        : '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\n    const handleInnerClick = () => innerOnClick?.();\n    const handleOptionsClick = () => optionsTriggerOnClick?.();\n\n    const DisplayIcon = getDisplayIcon(displayType as DisplayTypeEnum);\n\n    return (\n        <div\n            className={`flex bg-white flex-col shadow-bottom relative p-0 w-[160px] h-[285px] 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 bg-white/70 flex items-center justify-center z-20\"\n                    onClick={handleOptionsClick}\n                >\n                    <ThreeDotVertical className=\"h-[20px] w-[20px] text-grayscale-900\" />\n                </section>\n            )}\n\n            {bgImgSrc && (\n                <section className=\"absolute top-[-50px] left-0 rounded-b-full overflow-hidden z-0\">\n                    <img className=\"h-full w-full object-cover\" src={bgImgSrc} />\n                </section>\n            )}\n\n            <button\n                type=\"button\"\n                className=\"z-10 flex flex-col flex-grow\"\n                onClick={handleInnerClick}\n            >\n                {/* Thumbnail */}\n                {customThumbComponent || (\n                    <section className={defaultThumbClass}>\n                        {thumbImgSrc?.trim() ? (\n                            <BadgeThumbnailImg\n                                className=\"w-full h-full rounded-full object-cover\"\n                                src={thumbImgSrc}\n                                alt=\"Credential Achievement\"\n                            />\n                        ) : (\n                            <img\n                                className=\"max-w-full p-0 object-cover rounded-full\"\n                                src={imgSrc}\n                            />\n                        )}\n                    </section>\n                )}\n\n                {/* Details Section: grows to fill available space */}\n                <section\n                    className={`flex flex-col flex-grow items-center justify-end pt-1 w-full ${\n                        linkedCredentialsCount === 0 ? 'pb-[20px]' : ''\n                    }`}\n                >\n                    <div className=\"px-1 flex flex-col items-center justify-center w-full\">\n                        {/* Title - dynamically size based on length */}\n                        {!customTitle ? (\n                            <p\n                                className={`\n                                ${customHeaderClass}\n                                font-medium text-center text-grayscale-900 line-clamp-2\n                                h-[50px] flex items-center justify-center\n                                ${\n                                    (title?.length ?? 0) > 35\n                                        ? 'text-[13px] leading-tight'\n                                        : 'text-[16px]'\n                                }\n                            `}\n                                title={title}\n                            >\n                                {title}\n                            </p>\n                        ) : (\n                            customTitle\n                        )}\n\n                        {/* Verifier & Issuer */}\n                        <div className=\"mt-1 w-full px-4 text-center\">\n                            <span className=\"line-clamp-2 break-words text-[12px] leading-snug text-grayscale-700\">\n                                {verifierBadge && (\n                                    <span className=\"mr-1 inline-block align-middle\">\n                                        {verifierBadge}\n                                    </span>\n                                )}\n                                {customIssuerName || (\n                                    <span className=\"font-bold\">{issuerName}</span>\n                                )}\n                            </span>\n                        </div>\n\n                        {/* Date */}\n                        {customDateDisplay || (\n                            <span className=\"text-[11px] text-grayscale-700 mt-1\">\n                                {dateDisplay}\n                            </span>\n                        )}\n\n                        {/* Skills count if in modal */}\n                        {isInSkillsModal && credential && (\n                            <AlignmentSkillsCount\n                                credential={credential}\n                                onClick={handleInnerClick}\n                                className=\"mt-[16px]\"\n                            />\n                        )}\n                    </div>\n\n                    {/* Linked Credentials moved inside details */}\n                    {linkedCredentialsCount > 0 && (\n                        <div\n                            className={`mt-auto flex items-center justify-center py-1 w-full ${linkedCredentialsClassName}`}\n                        >\n                            <DisplayIcon className=\"h-[20px] w-[20px] text-grayscale-900\" />\n                            <span className=\"ml-1 text-sm font-semibold text-grayscale-900\">\n                                +{linkedCredentialsCount} Linked\n                            </span>\n                        </div>\n                    )}\n                </section>\n            </button>\n\n            {/* Optional Check Button overlay */}\n            {showChecked && (\n                <div className=\"absolute top-[5px] left-[5px] z-20\">\n                    <CircleCheckButton\n                        checked={checkStatus}\n                        onClick={onCheckClick}\n                        className={checkBtnClass}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default BoostGenericCard;\n"],"names":["total"],"mappings":"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"}
+{"version":3,"file":"BoostGenericCard-18e140ec.js","sources":["../../src/components/BoostGenericCard/AlignmentSkillsCount.tsx","../../src/helpers/display.helpers.ts","../../src/components/BoostGenericCard/BoostGenericCard.tsx"],"sourcesContent":["import React from 'react';\nimport PuzzlePiece from '../svgs/PuzzlePiece';\nimport { VC } from '@learncard/types';\nimport { categorizeSkills } from '../../helpers/credential.helpers';\n\ntype AlignmentSkillsCountProps = {\n    credential?: VC;\n    onClick?: () => void;\n    className?: string;\n};\n\nconst AlignmentSkillsCount: React.FC<AlignmentSkillsCountProps> = ({\n    credential,\n    onClick,\n    className = '',\n}) => {\n    if (!credential) return <></>;\n\n    const achievement = (credential?.credentialSubject as any)?.achievement;\n    let alignmentCount = achievement?.alignment?.length || 0;\n\n    if (alignmentCount === 0 && credential.skills?.length > 0) {\n        // fallback to legacy skills field if present and no alignments\n        const skillsMap = categorizeSkills(credential.skills ?? []);\n\n        // Calculate total count of skills and subskills\n        const totalSkills: any = Object.values(skillsMap).reduce(\n            (total: any, category: any) => total + category?.length,\n            0\n        );\n        const totalSubskills: any = Object.values(skillsMap).reduce(\n            (total: any, category: any) => total + (category?.totalSubskillsCount || 0),\n            0\n        );\n\n        const total: any = totalSkills + totalSubskills;\n        alignmentCount = total;\n    }\n\n    return (\n        <div\n            role={onClick ? ('button' as const) : undefined}\n            onClick={onClick}\n            className={`px-[10px] py-[2px] flex gap-[3px] items-center rounded-[5px] overflow-hidden bg-violet-100 ${className}`}\n        >\n            <PuzzlePiece className=\"w-[20px] h-[20px] text-grayscale-800\" version=\"filled\" />\n            <p className=\"text-[12px] text-grayscale-800 font-poppins font-[600]\">\n                {`${alignmentCount} Skill${alignmentCount !== 1 ? 's' : ''}`}\n            </p>\n        </div>\n    );\n};\n\nexport default AlignmentSkillsCount;\n","import { LCCategoryEnum } from '../types';\n\nimport { BadgeDisplayIcon } from '../components/svgs/BadgeDisplayIcon';\nimport { CertificateDisplayIcon } from '../components/svgs/CertificateDisplayIcon';\nimport { IDDisplayIcon } from '../components/svgs/IDDisplayIcon';\nimport { CourseDisplayIcon } from '../components/svgs/CourseDisplayIcon';\nimport { AwardDisplayIcon } from '../components/svgs/AwardDisplayIcon';\n\nexport enum DisplayTypeEnum {\n    Badge = 'badge',\n    Certificate = 'certificate',\n    ID = 'id',\n    Course = 'course',\n    Award = 'award',\n}\n\nexport const getDefaultDisplayType = (category: string): DisplayTypeEnum => {\n    if (category === LCCategoryEnum.socialBadge || category === LCCategoryEnum.workHistory) {\n        return DisplayTypeEnum.Badge;\n    }\n\n    if (category === LCCategoryEnum.id || category === LCCategoryEnum.membership) {\n        return DisplayTypeEnum.ID;\n    }\n\n    if (\n        category === LCCategoryEnum.achievement ||\n        category === LCCategoryEnum.accommodations ||\n        category === LCCategoryEnum.accomplishments ||\n        category === LCCategoryEnum.learningHistory\n    ) {\n        return DisplayTypeEnum.Certificate;\n    }\n\n    return DisplayTypeEnum.Badge;\n};\n\nexport const getDisplayIcon = (displayType: DisplayTypeEnum): React.FC<{ className?: string }> => {\n    switch (displayType) {\n        case DisplayTypeEnum.Badge:\n            return BadgeDisplayIcon;\n        case DisplayTypeEnum.Certificate:\n            return CertificateDisplayIcon;\n        case DisplayTypeEnum.ID:\n            return IDDisplayIcon;\n        case DisplayTypeEnum.Course:\n            return CourseDisplayIcon;\n        case DisplayTypeEnum.Award:\n            return AwardDisplayIcon;\n        default:\n            return BadgeDisplayIcon;\n    }\n};\n","import React from 'react';\nimport { BoostGenericCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { DisplayTypeEnum, getDisplayIcon } from '../../helpers/display.helpers';\nimport AlignmentSkillsCount from './AlignmentSkillsCount';\nimport ThreeDotVertical from '../svgs/ThreeDotVertical';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport BadgeThumbnailImg from '../BadgeThumbnailImg/BadgeThumbnailImg';\n\nexport const BoostGenericCard: React.FC<BoostGenericCardProps> = ({\n    title,\n    customTitle,\n    thumbImgSrc,\n    customThumbClass = '',\n    customHeaderClass = '',\n    type = WalletCategoryTypes.achievements,\n    className,\n    onCheckClick,\n    showChecked,\n    checkStatus,\n    customThumbComponent,\n    innerOnClick,\n    bgImgSrc,\n    issuerName,\n    customIssuerName,\n    dateDisplay,\n    customDateDisplay,\n    optionsTriggerOnClick,\n    verifierBadge,\n    credential,\n    isInSkillsModal,\n    displayType,\n    linkedCredentialsCount = 0,\n    linkedCredentialsClassName = '',\n    checkBtnClass = '',\n}) => {\n    const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type]\n        ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`\n        : '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\n    const handleInnerClick = () => innerOnClick?.();\n    const handleOptionsClick = () => optionsTriggerOnClick?.();\n\n    const DisplayIcon = getDisplayIcon(displayType as DisplayTypeEnum);\n\n    return (\n        <div\n            className={`flex bg-white flex-col shadow-bottom relative p-0 w-[160px] h-[285px] 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 bg-white/70 flex items-center justify-center z-20\"\n                    onClick={handleOptionsClick}\n                >\n                    <ThreeDotVertical className=\"h-[20px] w-[20px] text-grayscale-900\" />\n                </section>\n            )}\n\n            {bgImgSrc && (\n                <section className=\"absolute top-[-50px] left-0 rounded-b-full overflow-hidden z-0\">\n                    <img className=\"h-full w-full object-cover\" src={bgImgSrc} />\n                </section>\n            )}\n\n            <button\n                type=\"button\"\n                className=\"z-10 flex flex-col flex-grow\"\n                onClick={handleInnerClick}\n            >\n                {/* Thumbnail */}\n                {customThumbComponent || (\n                    <section className={defaultThumbClass}>\n                        {thumbImgSrc?.trim() ? (\n                            <BadgeThumbnailImg\n                                className=\"w-full h-full rounded-full object-cover\"\n                                src={thumbImgSrc}\n                                alt=\"Credential Achievement\"\n                            />\n                        ) : (\n                            <img\n                                className=\"max-w-full p-0 object-cover rounded-full\"\n                                src={imgSrc}\n                            />\n                        )}\n                    </section>\n                )}\n\n                {/* Details Section: grows to fill available space */}\n                <section\n                    className={`flex flex-col flex-grow items-center justify-end pt-1 w-full ${\n                        linkedCredentialsCount === 0 ? 'pb-[20px]' : ''\n                    }`}\n                >\n                    <div className=\"px-1 flex flex-col items-center justify-center w-full\">\n                        {/* Title - dynamically size based on length */}\n                        {!customTitle ? (\n                            <p\n                                className={`\n                                ${customHeaderClass}\n                                font-medium text-center text-grayscale-900 line-clamp-2\n                                h-[50px] flex items-center justify-center\n                                ${\n                                    (title?.length ?? 0) > 35\n                                        ? 'text-[13px] leading-tight'\n                                        : 'text-[16px]'\n                                }\n                            `}\n                                title={title}\n                            >\n                                {title}\n                            </p>\n                        ) : (\n                            customTitle\n                        )}\n\n                        {/* Verifier & Issuer */}\n                        <div className=\"mt-1 w-full px-4 text-center\">\n                            <span className=\"line-clamp-2 break-words text-[12px] leading-snug text-grayscale-700\">\n                                {verifierBadge && (\n                                    <span className=\"mr-1 inline-block align-middle\">\n                                        {verifierBadge}\n                                    </span>\n                                )}\n                                {customIssuerName || (\n                                    <span className=\"font-bold\">{issuerName}</span>\n                                )}\n                            </span>\n                        </div>\n\n                        {/* Date */}\n                        {customDateDisplay || (\n                            <span className=\"text-[11px] text-grayscale-700 mt-1\">\n                                {dateDisplay}\n                            </span>\n                        )}\n\n                        {/* Skills count if in modal */}\n                        {isInSkillsModal && credential && (\n                            <AlignmentSkillsCount\n                                credential={credential}\n                                onClick={handleInnerClick}\n                                className=\"mt-[16px]\"\n                            />\n                        )}\n                    </div>\n\n                    {/* Linked Credentials moved inside details */}\n                    {linkedCredentialsCount > 0 && (\n                        <div\n                            className={`mt-auto flex items-center justify-center py-1 w-full ${linkedCredentialsClassName}`}\n                        >\n                            <DisplayIcon className=\"h-[20px] w-[20px] text-grayscale-900\" />\n                            <span className=\"ml-1 text-sm font-semibold text-grayscale-900\">\n                                +{linkedCredentialsCount} Linked\n                            </span>\n                        </div>\n                    )}\n                </section>\n            </button>\n\n            {/* Optional Check Button overlay */}\n            {showChecked && (\n                <div className=\"absolute top-[5px] left-[5px] z-20\">\n                    <CircleCheckButton\n                        checked={checkStatus}\n                        onClick={onCheckClick}\n                        className={checkBtnClass}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default BoostGenericCard;\n"],"names":["total"],"mappings":"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"}

package/dist/esm/{CertificateDisplayCard-d2fa3f05.js → CertificateDisplayCard-d49f9c9c.js}

@@ -1,10 +1,10 @@
 import React, { useState, useEffect } from 'react';
-import { I as InfoIcon, d as capitalize, E as ExclamationPoint, A as AcuteCheckmark, e as getBaseUrl, h as VideoIcon, C as Camera, G as GenericDocumentIcon, L as LinkIcon, p as prettyBytes, j as LeftArrow, k as SkillsBox, R as RoundedCorner, l as IssuerSeal, r as resolveProfileDisplay, m as isAppDidWeb, V as VERIFIER_STATES, a as VerifierStateBadgeAndText, F as FatArrow } from './VerifierStateBadgeAndText-0db85894.js';
-import { g as getTotalCountOfSkills, c as categorizeSkills, a as getColorForVerificationStatus, b as getInfoFromCredential, d as getCategoryDarkColor, e as getCategoryLightColor, f as getCategoryIcon, h as getImageFromProfile } from './credential.helpers-108b5fb6.js';
+import { I as InfoIcon, c as capitalize, E as ExclamationPoint, A as AcuteCheckmark, d as getBaseUrl, e as VideoIcon, C as Camera, G as GenericDocumentIcon, L as LinkIcon, p as prettyBytes, h as LeftArrow, j as SkillsBox, R as RoundedCorner, k as IssuerSeal, r as resolveProfileDisplay, l as isAppDidWeb, V as VERIFIER_STATES, m as VerifierStateBadgeAndText, F as FatArrow } from './VerifierStateBadgeAndText-a1bd5f0c.js';
+import { g as getTotalCountOfSkills, c as categorizeSkills, a as getColorForVerificationStatus, b as getInfoFromCredential, d as getCategoryDarkColor, e as getCategoryLightColor, f as getCategoryIcon, h as getImageFromProfile } from './credential.helpers-b6acd108.js';
 import { P as PuzzlePiece } from './PuzzlePiece-a3d9cc62.js';
 import { U as UserProfilePicture } from './UserProfilePicture-50c34186.js';
 import { a as LCCategoryEnum } from './index-28917993.js';
-import { V as VerificationStatusEnum } from './types.esm-aa0345d0.js';
+import { V as VerificationStatusEnum } from './types.esm-59c23f9b.js';
 import { X, L as Lightbox } from './Lightbox-f0338a0c.js';
 import CaretRightFilled from './CaretRightFilled.svg';
 import ThreeDots from './DotsThreeOutline.svg';
@@ -695,7 +695,8 @@ const CertificateFrontFace = ({
   customBodyContentSlot,
   unknownVerifierTitle,
   hideAwardedTo: hideAwardedToProp,
-  hideFrontFaceDetails
+  hideFrontFaceDetails,
+  onVerifierClick
 }) => {
   var _a, _b, _c;
   const {
@@ -822,7 +823,8 @@ const CertificateFrontFace = ({
         VerifierStateBadgeAndText,
         {
           verifierState,
-          unknownVerifierTitle
+          unknownVerifierTitle,
+          onClick: (event) => onVerifierClick == null ? void 0 : onVerifierClick(event, verifierState)
         }
       )),
       customBodyContentSlot && customBodyContentSlot,
@@ -876,7 +878,8 @@ const CertificateDisplayCard = ({
   customBodyContentSlot,
   unknownVerifierTitle,
   hideAwardedTo,
-  hideFrontFaceDetails
+  hideFrontFaceDetails,
+  onVerifierClick
 }) => {
   const [_isFront, _setIsFront] = useState(isFrontOverride != null ? isFrontOverride : true);
   const isFront = isFrontOverride != null ? isFrontOverride : _isFront;
@@ -900,7 +903,8 @@ const CertificateDisplayCard = ({
       customBodyContentSlot,
       unknownVerifierTitle,
       hideAwardedTo,
-      hideFrontFaceDetails
+      hideFrontFaceDetails,
+      onVerifierClick
     }
   ), !isFront && /* @__PURE__ */ React.createElement(
     CertificateBackFace,
@@ -957,4 +961,4 @@ const CertificateDisplayCard = ({
 };
 
 export { AlignmentsBox as A, CertDisplayCardSkillsCount as C, CertificateBackFace as a, CertificateDisplayCard as b, CertificateFrontFace as c };
-//# sourceMappingURL=CertificateDisplayCard-d2fa3f05.js.map
+//# sourceMappingURL=CertificateDisplayCard-d49f9c9c.js.map