npm - @learncard/react - Versions diffs - 2.8.17 → 2.8.19 - Mend

@learncard/react 2.8.17 → 2.8.19

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

Files changed (37) hide show

package/dist/cjs/index.js CHANGED Viewed

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var AchievementCard = require('./AchievementCard-dd332f3f.js');
-var BoostGenericCard = require('./BoostGenericCard-6064f7b0.js');
+var BoostGenericCard = require('./BoostGenericCard-225305dd.js');
 var BoostSmallCard = require('./BoostSmallCard-07103b39.js');
 var Button = require('./Button-a7af702b.js');
-var CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-de4a0019.js');
-var CertificateDisplayCard = require('./CertificateDisplayCard-b4987c0a.js');
+var CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-6b89fb1c.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-99463fe3.js');
 var VerifierStateBadgeAndText = require('./VerifierStateBadgeAndText-215395cc.js');
 var CircleCheckButton = require('./CircleCheckButton-82d47ee2.js');
 var CircleIcon = require('./CircleIcon-617c38fa.js');
@@ -40,10 +40,10 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
-var VCCard = require('./VCCard-dd0c1cc4.js');
+var VCCard = require('./VCCard-f7bf1540.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-6a495d04.js');
 var VCDisplayCard = require('./VCDisplayCard-2c4852e7.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-679300d2.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-fc797c3c.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
 var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
 var VCVerificationPill = require('./VCVerificationPill-5459decc.js');

package/dist/cjs/index13.js CHANGED Viewed

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var AchievementCard = require('./AchievementCard-dd332f3f.js');
-var BoostGenericCard = require('./BoostGenericCard-6064f7b0.js');
+var BoostGenericCard = require('./BoostGenericCard-225305dd.js');
 var BoostSmallCard = require('./BoostSmallCard-07103b39.js');
 var Button = require('./Button-a7af702b.js');
-var CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-de4a0019.js');
-var CertificateDisplayCard = require('./CertificateDisplayCard-b4987c0a.js');
+var CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-6b89fb1c.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-99463fe3.js');
 var VerifierStateBadgeAndText = require('./VerifierStateBadgeAndText-215395cc.js');
 var CircleCheckButton = require('./CircleCheckButton-82d47ee2.js');
 var CircleIcon = require('./CircleIcon-617c38fa.js');
@@ -40,10 +40,10 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
-var VCCard = require('./VCCard-dd0c1cc4.js');
+var VCCard = require('./VCCard-f7bf1540.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-6a495d04.js');
 var VCDisplayCard = require('./VCDisplayCard-2c4852e7.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-679300d2.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-fc797c3c.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
 var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
 var VCVerificationPill = require('./VCVerificationPill-5459decc.js');

package/dist/cjs/index3.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var BoostGenericCard = require('./BoostGenericCard-6064f7b0.js');
+var BoostGenericCard = require('./BoostGenericCard-225305dd.js');
 require('react');
 require('./index-5488badc.js');
 require('./index-08002ab6.js');
@@ -24,7 +24,7 @@ require('./minigradcapcolored.svg');
 require('./minipuzzlecolored.svg');
 require('./IDDisplayIcon-62993df0.js');
 require('./ThreeDotVertical-e39ac5df.js');
-require('./CertDisplayCardSkillsCount-de4a0019.js');
+require('./CertDisplayCardSkillsCount-6b89fb1c.js');
 require('./PuzzlePiece-937c216a.js');
 require('./credential.helpers-a6eb673d.js');
 require('./index-a9e3ddf5.js');

package/dist/cjs/index37.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var VCCard = require('./VCCard-dd0c1cc4.js');
+var VCCard = require('./VCCard-f7bf1540.js');
 require('react');
 require('@learncard/init');
 require('./VCDisplayCard-2c4852e7.js');
@@ -25,7 +25,7 @@ require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');
 require('./ArrowArcRight.svg');
-require('./VCDisplayCard2-679300d2.js');
+require('./VCDisplayCard2-fc797c3c.js');
 require('./VerifierStateBadgeAndText-215395cc.js');
 require('./athletics.png');
 require('./business.png');
@@ -38,8 +38,8 @@ require('./stem.png');
 require('./trade.png');
 require('./Lightbox-ce6ddca1.js');
 require('react-dom');
-require('./CertificateDisplayCard-b4987c0a.js');
-require('./CertDisplayCardSkillsCount-de4a0019.js');
+require('./CertificateDisplayCard-99463fe3.js');
+require('./CertDisplayCardSkillsCount-6b89fb1c.js');
 require('./CaretRightFilled.svg');
 require('./DotsThreeOutline.svg');
 require('./QRCodeIcon-81c6e96b.js');

package/dist/cjs/index40.js CHANGED Viewed

@@ -15,7 +15,7 @@ require('./social.png');
 require('./stem.png');
 require('./trade.png');
 require('./index-a9e3ddf5.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-679300d2.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-fc797c3c.js');
 require('./types.esm-9e1f15fe.js');
 require('./CaretRightFilled.svg');
 require('./id-sleeve.png');
@@ -29,8 +29,8 @@ require('./User-301088ac.js');
 require('./Trophy-3d323be3.js');
 require('./Lightbox-ce6ddca1.js');
 require('react-dom');
-require('./CertificateDisplayCard-b4987c0a.js');
-require('./CertDisplayCardSkillsCount-de4a0019.js');
+require('./CertificateDisplayCard-99463fe3.js');
+require('./CertDisplayCardSkillsCount-6b89fb1c.js');
 require('./DotsThreeOutline.svg');
 require('./QRCodeIcon-81c6e96b.js');
 require('./MeritBadgeDisplayCard-0bf40f57.js');

package/dist/cjs/index6.js CHANGED Viewed

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('./CaretRightFilled.svg');
-var CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-de4a0019.js');
-var CertificateDisplayCard = require('./CertificateDisplayCard-b4987c0a.js');
+var CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-6b89fb1c.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-99463fe3.js');
 require('./index-a9e3ddf5.js');
 require('./types.esm-9e1f15fe.js');
 var VerifierStateBadgeAndText = require('./VerifierStateBadgeAndText-215395cc.js');

package/dist/esm/{BoostGenericCard-42c82f7f.js → BoostGenericCard-12b6571c.js} RENAMED Viewed

@@ -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-e3144ad0.js';
-import { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-813fb647.js';
+import { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-ea0df0d8.js';
 import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
 const getDisplayIcon = (displayType) => {
@@ -82,11 +82,15 @@ const BoostGenericCard = ({
     className: "max-w-full p-0 object-cover rounded-full",
     src: imgSrc
   })), /* @__PURE__ */ React.createElement("section", {
-    className: `flex flex-col flex-grow items-center justify-end pt-1 ${linkedCredentialsCount === 0 ? "pb-[20px]" : ""}`
+    className: `flex flex-col flex-grow items-center justify-end pt-1 w-full ${linkedCredentialsCount === 0 ? "pb-[20px]" : ""}`
   }, /* @__PURE__ */ React.createElement("div", {
-    className: "px-1 flex flex-col items-center justify-center"
+    className: "px-1 flex flex-col items-center justify-center w-full"
   }, !customTitle ? /* @__PURE__ */ React.createElement("p", {
-    className: `${customHeaderClass} text-[16px] font-medium text-center text-grayscale-900 line-clamp-2`
+    className: `
+                                ${customHeaderClass}
+                                text-[16px] font-medium text-center text-grayscale-900 line-clamp-2
+                                h-[40px] flex items-center justify-center
+                            `
   }, title) : customTitle, customIssuerName || /* @__PURE__ */ React.createElement("span", {
     className: "text-[12px] text-grayscale-700 mt-1"
   }, "by ", /* @__PURE__ */ React.createElement("span", {
@@ -113,4 +117,4 @@ const BoostGenericCard = ({
 };
 export { BoostGenericCard as B };
-//# sourceMappingURL=BoostGenericCard-42c82f7f.js.map
+//# sourceMappingURL=BoostGenericCard-12b6571c.js.map

package/dist/esm/BoostGenericCard-12b6571c.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BoostGenericCard-12b6571c.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]\">\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-813fb647.js → CertDisplayCardSkillsCount-ea0df0d8.js} RENAMED Viewed

@@ -18,7 +18,7 @@ const CertDisplayCardSkillsCount = ({ skills, onClick, className, isInSkillsModa
   const total = totalSkills + totalSubskills;
   const text = skillsCount === 1 ? "Skill" : "Skills";
   return /* @__PURE__ */ React.createElement("div", {
-    className: `flex w-full items-center justify-center cursor-pointer bg-white rounded-[20px] ${className === "boost-generic" ? "" : "px-4 py-2 mt-4 shadow-bottom"} `,
+    className: `flex w-full items-center justify-center cursor-pointer bg-white rounded-[20px] ${className === "boost-generic" ? "" : "px-4 py-2 mt-4"} `,
     onClick
   }, /* @__PURE__ */ React.createElement("div", {
     className: `text-violet-500 flex items-center justify-center tracking-[0.75px] font-poppins font-semibold ${className === "boost-generic" ? "text-[12px] mt-[5px]" : "text-sm"}`
@@ -36,4 +36,4 @@ const CertDisplayCardSkillsCount = ({ skills, onClick, className, isInSkillsModa
 };
 export { CertDisplayCardSkillsCount as C };
-//# sourceMappingURL=CertDisplayCardSkillsCount-813fb647.js.map
+//# sourceMappingURL=CertDisplayCardSkillsCount-ea0df0d8.js.map

package/dist/esm/CertDisplayCardSkillsCount-ea0df0d8.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CertDisplayCardSkillsCount-ea0df0d8.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-b45bac21.js → CertificateDisplayCard-03bc48e8.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { I as InfoIcon, c as capitalize, X, 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 Smiley, i as Line, a as VerifierStateBadgeAndText, F as FatArrow } from './VerifierStateBadgeAndText-d7a439ec.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-5362ab28.js';
-import { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-813fb647.js';
+import { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-ea0df0d8.js';
 import { a as LCCategoryEnum } from './index-28917993.js';
 import { V as VerificationStatusEnum } from './types.esm-603cf59d.js';
 import CaretRightFilled from './CaretRightFilled.svg';
@@ -806,4 +806,4 @@ const CertificateDisplayCard = ({
 };
 export { AlignmentsBox as A, CertificateBackFace as C, CertificateDisplayCard as a, CertificateFrontFace as b };
-//# sourceMappingURL=CertificateDisplayCard-b45bac21.js.map
+//# sourceMappingURL=CertificateDisplayCard-03bc48e8.js.map