@learncard/react 2.8.57 → 2.8.58

package/dist/esm/{BoostGenericCard-a0ab8c42.js → BoostGenericCard-1ba03755.js}

@@ -3,7 +3,7 @@ import { W as WalletCategoryTypes } from './index-28917993.js';
 import { a as TYPE_TO_IMG_SRC, b as TYPE_TO_WALLET_DARK_COLOR } from './index-b102febc.js';
 import { B as BadgeDisplayIcon, A as AwardDisplayIcon, a as CourseDisplayIcon, I as IDDisplayIcon, C as CertificateDisplayIcon } from './IDDisplayIcon-82a851e7.js';
 import { T as ThreeDotVertical } from './ThreeDotVertical-08294477.js';
-import { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-b54ec3da.js';
+import { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-b48d509c.js';
 import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
 
 const getDisplayIcon = (displayType) => {
@@ -117,4 +117,4 @@ const BoostGenericCard = ({
 };
 
 export { BoostGenericCard as B };
-//# sourceMappingURL=BoostGenericCard-a0ab8c42.js.map
+//# sourceMappingURL=BoostGenericCard-1ba03755.js.map

package/dist/esm/{BoostGenericCard-a0ab8c42.js.map → BoostGenericCard-1ba03755.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BoostGenericCard-a0ab8c42.js","sources":["../../src/helpers/display.helpers.ts","../../src/components/BoostGenericCard/BoostGenericCard.tsx"],"sourcesContent":["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 { CertDisplayCardSkillsCount } from '../CertificateDisplayCard';\nimport ThreeDotVertical from '../svgs/ThreeDotVertical';\nimport { CircleCheckButton } from '../CircleCheckButton';\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-[265px] 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                            <img\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 */}\n                        {!customTitle ? (\n                            <p\n                                className={`\n                                ${customHeaderClass}\n                                text-[16px] font-medium text-center text-grayscale-900 line-clamp-2\n                                h-[40px] flex items-center justify-center\n                            `}\n                            >\n                                {title}\n                            </p>\n                        ) : (\n                            customTitle\n                        )}\n\n                        {/* Issuer */}\n                        {customIssuerName || (\n                            <span className=\"text-[12px] text-grayscale-700 mt-1\">\n                                by <span className=\"font-bold\">{issuerName}</span>\n                            </span>\n                        )}\n\n                        {/* Date & Verifier */}\n                        {customDateDisplay || (\n                            <p className=\"text-[12px] text-grayscale-700 mt-1 flex items-center\">\n                                {verifierBadge}\n                                {dateDisplay}\n                            </p>\n                        )}\n\n                        {/* Skills count if in modal */}\n                        {isInSkillsModal && (\n                            <CertDisplayCardSkillsCount\n                                skills={credential?.skills || []}\n                                onClick={handleInnerClick}\n                                isInSkillsModal={isInSkillsModal}\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":[],"mappings":"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"}
+{"version":3,"file":"BoostGenericCard-1ba03755.js","sources":["../../src/helpers/display.helpers.ts","../../src/components/BoostGenericCard/BoostGenericCard.tsx"],"sourcesContent":["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 { CertDisplayCardSkillsCount } from '../CertificateDisplayCard';\nimport ThreeDotVertical from '../svgs/ThreeDotVertical';\nimport { CircleCheckButton } from '../CircleCheckButton';\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-[265px] 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                            <img\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 */}\n                        {!customTitle ? (\n                            <p\n                                className={`\n                                ${customHeaderClass}\n                                text-[16px] font-medium text-center text-grayscale-900 line-clamp-2\n                                h-[40px] flex items-center justify-center\n                            `}\n                            >\n                                {title}\n                            </p>\n                        ) : (\n                            customTitle\n                        )}\n\n                        {/* Issuer */}\n                        {customIssuerName || (\n                            <span className=\"text-[12px] text-grayscale-700 mt-1\">\n                                by <span className=\"font-bold\">{issuerName}</span>\n                            </span>\n                        )}\n\n                        {/* Date & Verifier */}\n                        {customDateDisplay || (\n                            <p className=\"text-[12px] text-grayscale-700 mt-1 flex items-center\">\n                                {verifierBadge}\n                                {dateDisplay}\n                            </p>\n                        )}\n\n                        {/* Skills count if in modal */}\n                        {isInSkillsModal && (\n                            <CertDisplayCardSkillsCount\n                                skills={credential?.skills || []}\n                                onClick={handleInnerClick}\n                                isInSkillsModal={isInSkillsModal}\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":[],"mappings":"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"}

package/dist/esm/{CertDisplayCardSkillsCount-b54ec3da.js → CertDisplayCardSkillsCount-b48d509c.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { P as PuzzlePiece } from './PuzzlePiece-1fb12c2e.js';
-import { g as getTotalCountOfSkills, c as categorizeSkills } from './credential.helpers-b69b3a17.js';
+import { g as getTotalCountOfSkills, c as categorizeSkills } from './credential.helpers-f0555631.js';
 
 const CertDisplayCardSkillsCount = ({ skills, onClick, className, isInSkillsModal }) => {
   const skillsCount = getTotalCountOfSkills(skills);
@@ -36,4 +36,4 @@ const CertDisplayCardSkillsCount = ({ skills, onClick, className, isInSkillsModa
 };
 
 export { CertDisplayCardSkillsCount as C };
-//# sourceMappingURL=CertDisplayCardSkillsCount-b54ec3da.js.map
+//# sourceMappingURL=CertDisplayCardSkillsCount-b48d509c.js.map

package/dist/esm/{CertDisplayCardSkillsCount-b54ec3da.js.map → CertDisplayCardSkillsCount-b48d509c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CertDisplayCardSkillsCount-b54ec3da.js","sources":["../../src/components/CertificateDisplayCard/CertDisplayCardSkillsCount.tsx"],"sourcesContent":["import React from 'react';\n\nimport PuzzlePiece from '../svgs/PuzzlePiece';\n\nimport { categorizeSkills, getTotalCountOfSkills } from '../../helpers/credential.helpers';\n\n// Copy of VCDisplayCardSkillsCount, necessary to avoid circular dependency\nexport const CertDisplayCardSkillsCount: React.FC<{\n    skills: { category: string; skill: string; subSkills: string[] }[];\n    onClick?: () => void;\n    className?: string;\n    isInSkillsModal?: boolean;\n}> = ({ skills, onClick, className, isInSkillsModal }) => {\n    const skillsCount = getTotalCountOfSkills(skills);\n\n    if (skillsCount === 0) return <></>;\n\n    const skillsMap = categorizeSkills(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\n    const text: string = skillsCount === 1 ? 'Skill' : 'Skills';\n\n    return (\n        <div\n            className={`flex w-full items-center justify-center cursor-pointer bg-white rounded-[20px] ${\n                className === 'boost-generic' ? '' : 'px-4 py-2 mt-4'\n            } `}\n            onClick={onClick}\n        >\n            <div\n                className={`text-violet-500 flex items-center justify-center tracking-[0.75px] font-poppins font-semibold ${\n                    className === 'boost-generic' ? 'text-[12px] mt-[5px]' : 'text-sm'\n                }`}\n            >\n                {isInSkillsModal ? (\n                    <>\n                        <div className=\"bg-violet-500 rounded-full flex items-center justify-center mr-[5px] p-1 h-[20px] w-[20px]\">\n                            <PuzzlePiece className=\"text-white\" fill=\"#fff\" />\n                        </div>\n                        +{total} {text}\n                    </>\n                ) : (\n                    <>\n                        +{total} {text}\n                        <div className=\"bg-violet-500 rounded-full flex items-center justify-center ml-2 p-1 h-[30px] w-[30px]\">\n                            <PuzzlePiece className=\"text-white\" fill=\"#fff\" />\n                        </div>\n                    </>\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default CertDisplayCardSkillsCount;\n"],"names":["total"],"mappings":";;;;AAOO,MAAM,6BAKR,CAAC,EAAE,QAAQ,OAAS,EAAA,SAAA,EAAW,iBAAsB,KAAA;AACtD,EAAM,MAAA,WAAA,GAAc,sBAAsB,MAAM,CAAA,CAAA;AAEhD,EAAA,IAAI,WAAgB,KAAA,CAAA;AAAG,IAAA,uBAAS,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEhC,EAAM,MAAA,SAAA,GAAY,iBAAiB,MAAM,CAAA,CAAA;AAGzC,EAAA,MAAM,WAAmB,GAAA,MAAA,CAAO,MAAO,CAAA,SAAS,CAAE,CAAA,MAAA;AAAA,IAC9C,CAACA,MAAAA,EAAY,QAAkBA,KAAAA,MAAAA,IAAQ,QAAU,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,MAAA,CAAA;AAAA,IACjD,CAAA;AAAA,GACJ,CAAA;AACA,EAAA,MAAM,cAAsB,GAAA,MAAA,CAAO,MAAO,CAAA,SAAS,CAAE,CAAA,MAAA;AAAA,IACjD,CAACA,MAAAA,EAAY,QAAkBA,KAAAA,MAAAA,IAAAA,CAAS,qCAAU,mBAAuB,KAAA,CAAA,CAAA;AAAA,IACzE,CAAA;AAAA,GACJ,CAAA;AAEA,EAAA,MAAM,QAAa,WAAc,GAAA,cAAA,CAAA;AAEjC,EAAM,MAAA,IAAA,GAAe,WAAgB,KAAA,CAAA,GAAI,OAAU,GAAA,QAAA,CAAA;AAEnD,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAW,EAAA,CAAA,+EAAA,EACP,SAAc,KAAA,eAAA,GAAkB,EAAK,GAAA,gBAAA,CAAA,CAAA,CAAA;AAAA,IAEzC,OAAA;AAAA,GAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAW,EAAA,CAAA,8FAAA,EACP,SAAc,KAAA,eAAA,GAAkB,sBAAyB,GAAA,SAAA,CAAA,CAAA;AAAA,GAG5D,EAAA,eAAA,6EAEQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,4FAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IAAY,SAAU,EAAA,YAAA;AAAA,IAAa,IAAK,EAAA,MAAA;AAAA,GAAO,CACpD,CAAA,EAAM,GACJ,EAAA,KAAA,EAAM,GAAE,EAAA,IACd,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAE,GACI,EAAA,KAAA,EAAM,GAAE,EAAA,IAAA,kBACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,wFAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IAAY,SAAU,EAAA,YAAA;AAAA,IAAa,IAAK,EAAA,MAAA;AAAA,GAAO,CACpD,CACJ,CAER,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"CertDisplayCardSkillsCount-b48d509c.js","sources":["../../src/components/CertificateDisplayCard/CertDisplayCardSkillsCount.tsx"],"sourcesContent":["import React from 'react';\n\nimport PuzzlePiece from '../svgs/PuzzlePiece';\n\nimport { categorizeSkills, getTotalCountOfSkills } from '../../helpers/credential.helpers';\n\n// Copy of VCDisplayCardSkillsCount, necessary to avoid circular dependency\nexport const CertDisplayCardSkillsCount: React.FC<{\n    skills: { category: string; skill: string; subSkills: string[] }[];\n    onClick?: () => void;\n    className?: string;\n    isInSkillsModal?: boolean;\n}> = ({ skills, onClick, className, isInSkillsModal }) => {\n    const skillsCount = getTotalCountOfSkills(skills);\n\n    if (skillsCount === 0) return <></>;\n\n    const skillsMap = categorizeSkills(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\n    const text: string = skillsCount === 1 ? 'Skill' : 'Skills';\n\n    return (\n        <div\n            className={`flex w-full items-center justify-center cursor-pointer bg-white rounded-[20px] ${\n                className === 'boost-generic' ? '' : 'px-4 py-2 mt-4'\n            } `}\n            onClick={onClick}\n        >\n            <div\n                className={`text-violet-500 flex items-center justify-center tracking-[0.75px] font-poppins font-semibold ${\n                    className === 'boost-generic' ? 'text-[12px] mt-[5px]' : 'text-sm'\n                }`}\n            >\n                {isInSkillsModal ? (\n                    <>\n                        <div className=\"bg-violet-500 rounded-full flex items-center justify-center mr-[5px] p-1 h-[20px] w-[20px]\">\n                            <PuzzlePiece className=\"text-white\" fill=\"#fff\" />\n                        </div>\n                        +{total} {text}\n                    </>\n                ) : (\n                    <>\n                        +{total} {text}\n                        <div className=\"bg-violet-500 rounded-full flex items-center justify-center ml-2 p-1 h-[30px] w-[30px]\">\n                            <PuzzlePiece className=\"text-white\" fill=\"#fff\" />\n                        </div>\n                    </>\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default CertDisplayCardSkillsCount;\n"],"names":["total"],"mappings":";;;;AAOO,MAAM,6BAKR,CAAC,EAAE,QAAQ,OAAS,EAAA,SAAA,EAAW,iBAAsB,KAAA;AACtD,EAAM,MAAA,WAAA,GAAc,sBAAsB,MAAM,CAAA,CAAA;AAEhD,EAAA,IAAI,WAAgB,KAAA,CAAA;AAAG,IAAA,uBAAS,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEhC,EAAM,MAAA,SAAA,GAAY,iBAAiB,MAAM,CAAA,CAAA;AAGzC,EAAA,MAAM,WAAmB,GAAA,MAAA,CAAO,MAAO,CAAA,SAAS,CAAE,CAAA,MAAA;AAAA,IAC9C,CAACA,MAAAA,EAAY,QAAkBA,KAAAA,MAAAA,IAAQ,QAAU,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,MAAA,CAAA;AAAA,IACjD,CAAA;AAAA,GACJ,CAAA;AACA,EAAA,MAAM,cAAsB,GAAA,MAAA,CAAO,MAAO,CAAA,SAAS,CAAE,CAAA,MAAA;AAAA,IACjD,CAACA,MAAAA,EAAY,QAAkBA,KAAAA,MAAAA,IAAAA,CAAS,qCAAU,mBAAuB,KAAA,CAAA,CAAA;AAAA,IACzE,CAAA;AAAA,GACJ,CAAA;AAEA,EAAA,MAAM,QAAa,WAAc,GAAA,cAAA,CAAA;AAEjC,EAAM,MAAA,IAAA,GAAe,WAAgB,KAAA,CAAA,GAAI,OAAU,GAAA,QAAA,CAAA;AAEnD,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAW,EAAA,CAAA,+EAAA,EACP,SAAc,KAAA,eAAA,GAAkB,EAAK,GAAA,gBAAA,CAAA,CAAA,CAAA;AAAA,IAEzC,OAAA;AAAA,GAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAW,EAAA,CAAA,8FAAA,EACP,SAAc,KAAA,eAAA,GAAkB,sBAAyB,GAAA,SAAA,CAAA,CAAA;AAAA,GAG5D,EAAA,eAAA,6EAEQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,4FAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IAAY,SAAU,EAAA,YAAA;AAAA,IAAa,IAAK,EAAA,MAAA;AAAA,GAAO,CACpD,CAAA,EAAM,GACJ,EAAA,KAAA,EAAM,GAAE,EAAA,IACd,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAE,GACI,EAAA,KAAA,EAAM,GAAE,EAAA,IAAA,kBACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,wFAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IAAY,SAAU,EAAA,YAAA;AAAA,IAAa,IAAK,EAAA,MAAA;AAAA,GAAO,CACpD,CACJ,CAER,CACJ,CAAA,CAAA;AAER;;;;"}

package/dist/esm/{CertificateDisplayCard-7ed890d5.js → CertificateDisplayCard-5fcc4b05.js}

@@ -1,10 +1,10 @@
 import React, { useState, useEffect } from 'react';
 import { I as InfoIcon, c as capitalize, E as ExclamationPoint, A as AcuteCheckmark, g as getBaseUrl, b as VideoIcon, C as Camera, G as GenericDocumentIcon, L as LinkIcon, p as prettyBytes, d as LeftArrow, e as SkillsBox, R as RoundedCorner, f as IssuerSeal, V as VERIFIER_STATES, h as Line, a as VerifierStateBadgeAndText, F as FatArrow } from './VerifierStateBadgeAndText-151db666.js';
-import { a as getColorForVerificationStatus, b as getInfoFromCredential, d as getCategoryDarkColor, e as getCategoryLightColor, f as getCategoryIcon, h as getNameFromProfile, i as getImageFromProfile } from './credential.helpers-b69b3a17.js';
-import { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-b54ec3da.js';
+import { a as getColorForVerificationStatus, b as getInfoFromCredential, d as getCategoryDarkColor, e as getCategoryLightColor, f as getCategoryIcon, h as getNameFromProfile, i as getImageFromProfile } from './credential.helpers-f0555631.js';
+import { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-b48d509c.js';
 import { U as UserProfilePicture } from './UserProfilePicture-ecc82a6c.js';
 import { a as LCCategoryEnum } from './index-28917993.js';
-import { V as VerificationStatusEnum } from './types.esm-00c9f5ab.js';
+import { V as VerificationStatusEnum } from './types.esm-d6b9a11e.js';
 import { X, L as Lightbox } from './Lightbox-2ae83d79.js';
 import CaretRightFilled from './CaretRightFilled.svg';
 import ThreeDots from './DotsThreeOutline.svg';
@@ -591,7 +591,8 @@ const CertificateFrontFace = ({
   hideIssueDate,
   handleViewBackFace,
   showDetailsBtn = false,
-  formattedDisplayType
+  formattedDisplayType,
+  customBodyContentSlot
 }) => {
   var _a, _b, _c;
   const {
@@ -700,7 +701,7 @@ const CertificateFrontFace = ({
     className: "mb-[3px] pt-[3px] text-grayscale-900 text-[25px] leading-[90%] font-sacramento border-b-[1px] border-solid border-grayscale-200 w-full text-center overflow-ellipsis whitespace-normal scrollbar-hide"
   }, issuerName), /* @__PURE__ */ React.createElement(VerifierStateBadgeAndText, {
     verifierState
-  })), /* @__PURE__ */ React.createElement("div", {
+  })), customBodyContentSlot && customBodyContentSlot, /* @__PURE__ */ React.createElement("div", {
     className: `${textLightColor} uppercase text-[14px] font-notoSans font-[600]`
   }, categoryTitle)), categoryType && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CertificateCornerIcon, {
     categoryType,
@@ -753,7 +754,8 @@ const CertificateDisplayCard = ({
   showBackButton = false,
   showDetailsBtn = false,
   formattedDisplayType,
-  customLinkedCredentialsComponent
+  customLinkedCredentialsComponent,
+  customBodyContentSlot
 }) => {
   const [_isFront, _setIsFront] = useState(isFrontOverride != null ? isFrontOverride : true);
   const isFront = isFrontOverride != null ? isFrontOverride : _isFront;
@@ -775,7 +777,8 @@ const CertificateDisplayCard = ({
     handleViewBackFace: () => setIsFront(!isFront),
     isFront,
     showDetailsBtn,
-    formattedDisplayType
+    formattedDisplayType,
+    customBodyContentSlot
   }), !isFront && /* @__PURE__ */ React.createElement(CertificateBackFace, {
     credential,
     categoryType,
@@ -813,4 +816,4 @@ const CertificateDisplayCard = ({
 };
 
 export { AlignmentsBox as A, CertificateBackFace as C, CertificateDisplayCard as a, CertificateFrontFace as b };
-//# sourceMappingURL=CertificateDisplayCard-7ed890d5.js.map
+//# sourceMappingURL=CertificateDisplayCard-5fcc4b05.js.map