@learncard/react 2.8.13 → 2.8.14

package/dist/cjs/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var AchievementCard = require('./AchievementCard-dd332f3f.js');
-var BoostGenericCard = require('./BoostGenericCard-08a4e856.js');
-var BoostSmallCard = require('./BoostSmallCard-e51886cf.js');
+var BoostGenericCard = require('./BoostGenericCard-c34f1bb9.js');
+var BoostSmallCard = require('./BoostSmallCard-07103b39.js');
 var Button = require('./Button-a7af702b.js');
 var CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-b1565a79.js');
-var CertificateDisplayCard = require('./CertificateDisplayCard-355bb9db.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-26aedfb3.js');
 var VerifierStateBadgeAndText = require('./VerifierStateBadgeAndText-215395cc.js');
 var CircleCheckButton = require('./CircleCheckButton-82d47ee2.js');
 var CircleIcon = require('./CircleIcon-617c38fa.js');
@@ -20,9 +20,9 @@ var JobListCard = require('./JobListCard-f74f0302.js');
 var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
 var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-39eeb89a.js');
 var LearnPill = require('./LearnPill-d80ba2e6.js');
-var Lightbox = require('./Lightbox-d7b749fd.js');
+var Lightbox = require('./Lightbox-ce6ddca1.js');
 var CircleSpinner = require('./CircleSpinner-093cce04.js');
-var MeritBadgeDisplayCard = require('./MeritBadgeDisplayCard-cdb59ca4.js');
+var MeritBadgeDisplayCard = require('./MeritBadgeDisplayCard-0bf40f57.js');
 var MeritBadgeSkillsCount = require('./MeritBadgeSkillsCount-cf2c9c8c.js');
 var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
 var Notification = require('./Notification-d212fa7b.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-41ec5401.js');
+var VCCard = require('./VCCard-bd181185.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-6a495d04.js');
 var VCDisplayCard = require('./VCDisplayCard-2c4852e7.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-896291d9.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-3013307b.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
 var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
 var VCVerificationPill = require('./VCVerificationPill-5459decc.js');
@@ -54,6 +54,7 @@ var Checkmark = require('./Checkmark-f611aa4d.js');
 var Coins = require('./Coins-acd63f46.js');
 var GenericArrow = require('./GenericArrow-8dfb261d.js');
 var Lightbulb = require('./Lightbulb-19c89d3c.js');
+var ThreeDotVertical = require('./ThreeDotVertical-e39ac5df.js');
 var Trophy = require('./Trophy-3d323be3.js');
 require('react');
 require('./index-08002ab6.js');
@@ -74,7 +75,6 @@ require('./minitrophycolored.svg');
 require('./minigradcapcolored.svg');
 require('./minipuzzlecolored.svg');
 require('./index-5488badc.js');
-require('./DotsThreeOutline.svg');
 require('./CaretRightFilled.svg');
 require('./default-face.jpeg');
 require('./addawardlight.svg');
@@ -82,6 +82,7 @@ require('./PuzzlePiece-937c216a.js');
 require('./credential.helpers-a6eb673d.js');
 require('./index-a9e3ddf5.js');
 require('./types.esm-9e1f15fe.js');
+require('./DotsThreeOutline.svg');
 require('./athletics.png');
 require('./business.png');
 require('./creative.png');
@@ -220,5 +221,6 @@ exports.Coins = Coins.Coins;
 exports.GenericArrow = GenericArrow.GenericArrow;
 exports.IDSleeve = Lightbulb.IDSleeve;
 exports.Lightbulb = Lightbulb.Lightbulb;
+exports.ThreeDotVertical = ThreeDotVertical.ThreeDotVertical;
 exports.Trophy = Trophy.Trophy;
 //# sourceMappingURL=index.js.map

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/index13.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var AchievementCard = require('./AchievementCard-dd332f3f.js');
-var BoostGenericCard = require('./BoostGenericCard-08a4e856.js');
-var BoostSmallCard = require('./BoostSmallCard-e51886cf.js');
+var BoostGenericCard = require('./BoostGenericCard-c34f1bb9.js');
+var BoostSmallCard = require('./BoostSmallCard-07103b39.js');
 var Button = require('./Button-a7af702b.js');
 var CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-b1565a79.js');
-var CertificateDisplayCard = require('./CertificateDisplayCard-355bb9db.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-26aedfb3.js');
 var VerifierStateBadgeAndText = require('./VerifierStateBadgeAndText-215395cc.js');
 var CircleCheckButton = require('./CircleCheckButton-82d47ee2.js');
 var CircleIcon = require('./CircleIcon-617c38fa.js');
@@ -20,9 +20,9 @@ var JobListCard = require('./JobListCard-f74f0302.js');
 var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
 var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-39eeb89a.js');
 var LearnPill = require('./LearnPill-d80ba2e6.js');
-var Lightbox = require('./Lightbox-d7b749fd.js');
+var Lightbox = require('./Lightbox-ce6ddca1.js');
 var CircleSpinner = require('./CircleSpinner-093cce04.js');
-var MeritBadgeDisplayCard = require('./MeritBadgeDisplayCard-cdb59ca4.js');
+var MeritBadgeDisplayCard = require('./MeritBadgeDisplayCard-0bf40f57.js');
 var MeritBadgeSkillsCount = require('./MeritBadgeSkillsCount-cf2c9c8c.js');
 var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
 var Notification = require('./Notification-d212fa7b.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-41ec5401.js');
+var VCCard = require('./VCCard-bd181185.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-6a495d04.js');
 var VCDisplayCard = require('./VCDisplayCard-2c4852e7.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-896291d9.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-3013307b.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
 var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
 var VCVerificationPill = require('./VCVerificationPill-5459decc.js');
@@ -54,6 +54,7 @@ var Checkmark = require('./Checkmark-f611aa4d.js');
 var Coins = require('./Coins-acd63f46.js');
 var GenericArrow = require('./GenericArrow-8dfb261d.js');
 var Lightbulb = require('./Lightbulb-19c89d3c.js');
+var ThreeDotVertical = require('./ThreeDotVertical-e39ac5df.js');
 var Trophy = require('./Trophy-3d323be3.js');
 require('react');
 require('./index-08002ab6.js');
@@ -74,7 +75,6 @@ require('./minitrophycolored.svg');
 require('./minigradcapcolored.svg');
 require('./minipuzzlecolored.svg');
 require('./index-5488badc.js');
-require('./DotsThreeOutline.svg');
 require('./CaretRightFilled.svg');
 require('./default-face.jpeg');
 require('./addawardlight.svg');
@@ -82,6 +82,7 @@ require('./PuzzlePiece-937c216a.js');
 require('./credential.helpers-a6eb673d.js');
 require('./index-a9e3ddf5.js');
 require('./types.esm-9e1f15fe.js');
+require('./DotsThreeOutline.svg');
 require('./athletics.png');
 require('./business.png');
 require('./creative.png');
@@ -220,5 +221,6 @@ exports.Coins = Coins.Coins;
 exports.GenericArrow = GenericArrow.GenericArrow;
 exports.IDSleeve = Lightbulb.IDSleeve;
 exports.Lightbulb = Lightbulb.Lightbulb;
+exports.ThreeDotVertical = ThreeDotVertical.ThreeDotVertical;
 exports.Trophy = Trophy.Trophy;
 //# sourceMappingURL=index13.js.map

package/dist/cjs/index13.js.map

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

package/dist/cjs/index19.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Lightbox = require('./Lightbox-d7b749fd.js');
+var Lightbox = require('./Lightbox-ce6ddca1.js');
 require('react');
 require('react-dom');
 

package/dist/cjs/index21.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('./CaretRightFilled.svg');
-var MeritBadgeDisplayCard = require('./MeritBadgeDisplayCard-cdb59ca4.js');
+var MeritBadgeDisplayCard = require('./MeritBadgeDisplayCard-0bf40f57.js');
 require('./index-a9e3ddf5.js');
 require('./types.esm-9e1f15fe.js');
 var MeritBadgeSkillsCount = require('./MeritBadgeSkillsCount-cf2c9c8c.js');
@@ -23,7 +23,7 @@ require('./credential.helpers-a6eb673d.js');
 require('./index-5488badc.js');
 require('./User-301088ac.js');
 require('./Trophy-3d323be3.js');
-require('./Lightbox-d7b749fd.js');
+require('./Lightbox-ce6ddca1.js');
 require('react-dom');
 require('./DotsThreeOutline.svg');
 

package/dist/cjs/index3.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var BoostGenericCard = require('./BoostGenericCard-08a4e856.js');
+var BoostGenericCard = require('./BoostGenericCard-c34f1bb9.js');
 require('react');
 require('./index-5488badc.js');
 require('./index-08002ab6.js');
@@ -22,8 +22,8 @@ require('./eventsGraphic.png');
 require('./minitrophycolored.svg');
 require('./minigradcapcolored.svg');
 require('./minipuzzlecolored.svg');
-require('./DotsThreeOutline.svg');
 require('./IDDisplayIcon-62993df0.js');
+require('./ThreeDotVertical-e39ac5df.js');
 require('./CertDisplayCardSkillsCount-b1565a79.js');
 require('./PuzzlePiece-937c216a.js');
 require('./credential.helpers-a6eb673d.js');

package/dist/cjs/index36.js

@@ -10,6 +10,7 @@ var Checkmark = require('./Checkmark-f611aa4d.js');
 var Coins = require('./Coins-acd63f46.js');
 var GenericArrow = require('./GenericArrow-8dfb261d.js');
 var Lightbulb = require('./Lightbulb-19c89d3c.js');
+var ThreeDotVertical = require('./ThreeDotVertical-e39ac5df.js');
 var Trophy = require('./Trophy-3d323be3.js');
 
 
@@ -30,5 +31,6 @@ exports.Coins = Coins.Coins;
 exports.GenericArrow = GenericArrow.GenericArrow;
 exports.IDSleeve = Lightbulb.IDSleeve;
 exports.Lightbulb = Lightbulb.Lightbulb;
+exports.ThreeDotVertical = ThreeDotVertical.ThreeDotVertical;
 exports.Trophy = Trophy.Trophy;
 //# sourceMappingURL=index36.js.map

package/dist/cjs/index36.js.map

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

package/dist/cjs/index37.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCCard = require('./VCCard-41ec5401.js');
+var VCCard = require('./VCCard-bd181185.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-896291d9.js');
+require('./VCDisplayCard2-3013307b.js');
 require('./VerifierStateBadgeAndText-215395cc.js');
 require('./athletics.png');
 require('./business.png');
@@ -36,15 +36,15 @@ require('./medical.png');
 require('./social.png');
 require('./stem.png');
 require('./trade.png');
-require('./Lightbox-d7b749fd.js');
+require('./Lightbox-ce6ddca1.js');
 require('react-dom');
-require('./CertificateDisplayCard-355bb9db.js');
+require('./CertificateDisplayCard-26aedfb3.js');
 require('./CertDisplayCardSkillsCount-b1565a79.js');
 require('./CaretRightFilled.svg');
 require('./DotsThreeOutline.svg');
 require('./QRCodeIcon-81c6e96b.js');
 require('./id-sleeve.png');
-require('./MeritBadgeDisplayCard-cdb59ca4.js');
+require('./MeritBadgeDisplayCard-0bf40f57.js');
 
 
 

package/dist/cjs/index4.js

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var BoostSmallCard = require('./BoostSmallCard-e51886cf.js');
+var BoostSmallCard = require('./BoostSmallCard-07103b39.js');
 require('react');
 require('./CaretRightFilled.svg');
 require('./default-face.jpeg');
 require('./addawardlight.svg');
-require('./DotsThreeOutline.svg');
 require('./index-5488badc.js');
 require('./index-08002ab6.js');
 require('./walletcurrency.webp');
@@ -26,6 +25,7 @@ require('./eventsGraphic.png');
 require('./minitrophycolored.svg');
 require('./minigradcapcolored.svg');
 require('./minipuzzlecolored.svg');
+require('./ThreeDotVertical-e39ac5df.js');
 require('./CircleCheckButton-82d47ee2.js');
 require('./RoundedPill-bda7c067.js');
 require('./icons-0404f605.js');

package/dist/cjs/index40.js

@@ -15,7 +15,7 @@ require('./social.png');
 require('./stem.png');
 require('./trade.png');
 require('./index-a9e3ddf5.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-896291d9.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-3013307b.js');
 require('./types.esm-9e1f15fe.js');
 require('./CaretRightFilled.svg');
 require('./id-sleeve.png');
@@ -27,13 +27,13 @@ require('./credential.helpers-a6eb673d.js');
 require('./index-5488badc.js');
 require('./User-301088ac.js');
 require('./Trophy-3d323be3.js');
-require('./Lightbox-d7b749fd.js');
+require('./Lightbox-ce6ddca1.js');
 require('react-dom');
-require('./CertificateDisplayCard-355bb9db.js');
+require('./CertificateDisplayCard-26aedfb3.js');
 require('./CertDisplayCardSkillsCount-b1565a79.js');
 require('./DotsThreeOutline.svg');
 require('./QRCodeIcon-81c6e96b.js');
-require('./MeritBadgeDisplayCard-cdb59ca4.js');
+require('./MeritBadgeDisplayCard-0bf40f57.js');
 
 
 

package/dist/cjs/index6.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('./CaretRightFilled.svg');
 var CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-b1565a79.js');
-var CertificateDisplayCard = require('./CertificateDisplayCard-355bb9db.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-26aedfb3.js');
 require('./index-a9e3ddf5.js');
 require('./types.esm-9e1f15fe.js');
 var VerifierStateBadgeAndText = require('./VerifierStateBadgeAndText-215395cc.js');
@@ -14,7 +14,7 @@ require('./credential.helpers-a6eb673d.js');
 require('./index-5488badc.js');
 require('./User-301088ac.js');
 require('./Trophy-3d323be3.js');
-require('./Lightbox-d7b749fd.js');
+require('./Lightbox-ce6ddca1.js');
 require('react-dom');
 require('./DotsThreeOutline.svg');
 require('./athletics.png');

package/dist/esm/{BoostGenericCard-3a36ddf6.js → BoostGenericCard-5d259cdc.js}

@@ -1,8 +1,8 @@
 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-b102febc.js';
-import ThreeDots from './DotsThreeOutline.svg';
 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-9cf487a7.js';
 import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
 
@@ -66,12 +66,10 @@ const BoostGenericCard = ({
   return /* @__PURE__ */ React.createElement("div", {
     className: `flex generic-display-card-simple bg-white flex-col shadow-bottom relative py-[0px] px-[0px] w-[160px] h-[265px] min-h-[265px] 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",
+    className: "absolute cursor-pointer shadow-bottom h-[30px] w-[30px] top-[5px] right-[5px] rounded-full overflow-hidden z-20 bg-white/70 flex items-center justify-center",
     onClick: handleOptionsClick
-  }, /* @__PURE__ */ React.createElement("img", {
-    alt: "Menu dropdown icon",
-    className: "h-[20px] w-[20px] object-cover overflow-hidden",
-    src: ThreeDots
+  }, /* @__PURE__ */ React.createElement(ThreeDotVertical, {
+    className: "h-[20px] w-[20px] z-50 text-grayscale-900"
   })), bgImgSrc && /* @__PURE__ */ React.createElement("section", {
     className: "absolute top-[-50px] shadow-bottom left-[0px] rounded-b-full overflow-hidden z-0 mt-3"
   }, /* @__PURE__ */ React.createElement("img", {
@@ -123,4 +121,4 @@ const BoostGenericCard = ({
 };
 
 export { BoostGenericCard as B };
-//# sourceMappingURL=BoostGenericCard-3a36ddf6.js.map
+//# sourceMappingURL=BoostGenericCard-5d259cdc.js.map

package/dist/esm/BoostGenericCard-5d259cdc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoostGenericCard-5d259cdc.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 { CircleCheckButton } from '../CircleCheckButton';\nimport { DisplayTypeEnum, getDisplayIcon } from '../../helpers/display.helpers';\nimport { CertDisplayCardSkillsCount } from '../CertificateDisplayCard';\nimport ThreeDotVertical from '../svgs/ThreeDotVertical';\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}) => {\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    const headerBgColor = TYPE_TO_WALLET_DARK_COLOR[type]\n        ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`\n        : '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    const DisplayIcon = getDisplayIcon(displayType as DisplayTypeEnum);\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-[265px] min-h-[265px] 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/70 flex items-center justify-center\"\n                    onClick={handleOptionsClick}\n                >\n                    <ThreeDotVertical className=\"h-[20px] w-[20px] z-50 text-grayscale-900\" />\n                </section>\n            )}\n\n            {bgImgSrc && (\n                <section className=\"absolute top-[-50px] shadow-bottom left-[0px] rounded-b-full overflow-hidden z-0 mt-3\">\n                    <img className=\"h-full w-full object-cover overflow-hidden\" src={bgImgSrc} />\n                </section>\n            )}\n            <button\n                type=\"button\"\n                className=\"boost-small-card inner-click-container z-10\"\n                onClick={handleInnerClick}\n            >\n                {customThumbComponent && customThumbComponent}\n                {!customThumbComponent && (\n                    <section className={defaultThumbClass}>\n                        {thumbImgSrc && thumbImgSrc?.trim() !== '' && (\n                            <img\n                                className=\"generic-display-card-img h-full w-full  w-[110px] h-[110px] rounded-full object-cover overflow-hidden\"\n                                src={thumbImgSrc ?? ''}\n                                alt=\"Credential Achievement Image\"\n                            />\n                        )}\n                        {(!thumbImgSrc || thumbImgSrc?.trim() === '') && (\n                            <img\n                                className=\"max-w-[110px] w-full h-full p-[0px] object-cover rounded-full\"\n                                src={imgSrc}\n                            />\n                        )}\n                    </section>\n                )}\n                <section className=\"boost-generic-info-section\">\n                    {!customTitle && (\n                        <div className={`${defaultHeaderClass} items-center`}>\n                            <p className=\"relative z-[100] small-boost-title text-[16px] leading-[130%] px-[0px] font-medium text-center text-grayscale-900 line-clamp-2 max-w-full\">\n                                {title}\n                            </p>\n                        </div>\n                    )}\n\n                    {customTitle && customTitle}\n\n                    {customIssuerName && customIssuerName}\n                    {!customIssuerName && (\n                        <span className=\"flex items-center justify-center small-generic-boost-issuer-name line-clamp-1 text-[12px] text-grayscale-700 px-[6px]\">\n                            by <span className=\"font-bold whitespace-pre\"> {issuerName}</span>\n                        </span>\n                    )}\n\n                    {customDateDisplay && customDateDisplay}\n                    {!customDateDisplay && (\n                        <p className=\"small-generic-boost-date-display line-clamp-1 flex items-center justify-center text-center text-[12px] text-grayscale-700  px-[7px]\">\n                            {verifierBadge}\n                            {dateDisplay}\n                        </p>\n                    )}\n\n                    {isInSkillsModal && (\n                        <CertDisplayCardSkillsCount\n                            skills={credential?.skills ?? []}\n                            onClick={handleInnerClick}\n                            className={'boost-generic'}\n                            isInSkillsModal={isInSkillsModal}\n                        />\n                    )}\n                </section>\n            </button>\n\n            {/* Linked Credentials */}\n            {linkedCredentialsCount > 0 && (\n                <div\n                    className={`absolute bottom-0 left-0 h-[20px] w-full rounded-b-[20px] flex items-center justify-center py-4 mt-1 ${linkedCredentialsClassName}`}\n                >\n                    <DisplayIcon className={`h-[20px] w-[20px]`} />{' '}\n                    <span className=\"ml-2 font-poppins text-sm font-semibold text-white\">\n                        +{linkedCredentialsCount} Linked\n                    </span>\n                </div>\n            )}\n\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        </div>\n    );\n};\n\nexport default BoostGenericCard;\n"],"names":[],"mappings":"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"}

package/dist/esm/{BoostSmallCard-5d47a19f.js → BoostSmallCard-7cb33197.js}

@@ -2,9 +2,9 @@ import React from 'react';
 import CaretRightFilled from './CaretRightFilled.svg';
 import DefaultFace from './default-face.jpeg';
 import AddAwardLight from './addawardlight.svg';
-import ThreeDots from './DotsThreeOutline.svg';
 import { W as WalletCategoryTypes } from './index-28917993.js';
 import { b as TYPE_TO_WALLET_DARK_COLOR, a as TYPE_TO_IMG_SRC } from './index-b102febc.js';
+import { T as ThreeDotVertical } from './ThreeDotVertical-e3144ad0.js';
 import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
 
 const getDarkBGColor = (type) => {
@@ -94,12 +94,10 @@ const BoostSmallCard = ({
   return /* @__PURE__ */ React.createElement("div", {
     className: `flex generic-display-card-simple bg-white flex-col shadow-bottom relative $ py-[0px] px-[0px] w-[160px] h-[280px] rounded-[20px] overflow-hidden ${className}`
   }, optionsTriggerOnClick && /* @__PURE__ */ React.createElement("section", {
-    className: "absolute cursor-pointer h-[30px] w-[30px] top-[5px] right-[5px] rounded-full overflow-hidden z-20 bg-white flex items-center justify-center",
+    className: "absolute cursor-pointer shadow-bottom h-[30px] w-[30px] top-[5px] right-[5px] rounded-full overflow-hidden z-20 bg-white/70 flex items-center justify-center",
     onClick: handleOptionsClick
-  }, /* @__PURE__ */ React.createElement("img", {
-    alt: "Menu dropdown icon",
-    className: "h-[20px] w-[20px] object-cover overflow-hidden",
-    src: ThreeDots
+  }, /* @__PURE__ */ React.createElement(ThreeDotVertical, {
+    className: "h-[20px] w-[20px] z-50 text-grayscale-900"
   })), bgImgSrc && /* @__PURE__ */ React.createElement("section", {
     className: "absolute top-[-50px]  shadow-bottom left-[0px] rounded-b-full overflow-hidden z-0 mt-3"
   }, /* @__PURE__ */ React.createElement("img", {
@@ -155,4 +153,4 @@ const BoostSmallCard = ({
 };
 
 export { BoostSmallCard as B };
-//# sourceMappingURL=BoostSmallCard-5d47a19f.js.map
+//# sourceMappingURL=BoostSmallCard-7cb33197.js.map

package/dist/esm/BoostSmallCard-7cb33197.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoostSmallCard-7cb33197.js","sources":["../../src/helpers/color.helpers.ts","../../src/components/BoostSmallCard/BoostSmallCard.tsx"],"sourcesContent":["import { WalletCategoryTypes } from '../types';\n\nexport const getDarkBGColor = (type: WalletCategoryTypes) => {\n    if (!type) return '';\n\n    if (type === WalletCategoryTypes?.achievements) {\n        return 'bg-orange-500';\n    } else if (type === WalletCategoryTypes?.learningHistory) {\n        return 'bg-emerald-500';\n    } else if (type === WalletCategoryTypes?.skills) {\n        return 'bg-violet-500';\n    } else if (type === WalletCategoryTypes?.jobHistory) {\n        return 'bg-blue-500';\n    } else if (type === WalletCategoryTypes?.socialBadge) {\n        return 'bg-cyan-500';\n    } else if (type === WalletCategoryTypes?.relationships) {\n        return 'bg-pink-500';\n    } else if (type === WalletCategoryTypes?.accommodations) {\n        return 'bg-amber-500';\n    } else if (type === WalletCategoryTypes?.accomplishments) {\n        return 'bg-lime-500';\n    } else if (type === WalletCategoryTypes?.events) {\n        return 'bg-fuchsia-500';\n    } else if (type === WalletCategoryTypes?.membership) {\n        return 'bg-teal-500';\n    } else if (type === WalletCategoryTypes?.goals) {\n        return 'bg-rose-500';\n    } else if (type === WalletCategoryTypes?.ids) {\n        return 'bg-yellow-500';\n    } else if (type === WalletCategoryTypes?.currency) {\n        return 'bg-cyan-500';\n    }\n\n    return 'bg-grayscale-900';\n};\n","import React from 'react';\n\nimport CaretRightFilled from '../../assets/images/CaretRightFilled.svg';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport AddAwardLight from '../../assets/images/addawardlight.svg';\nimport ThreeDots from '../../assets/images/DotsThreeOutline.svg';\nimport { CircleCheckButton } from '../CircleCheckButton';\n\nimport { BoostSmallCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { getDarkBGColor } from '../../helpers/color.helpers';\nimport ThreeDotVertical from '../svgs/ThreeDotVertical';\n\nexport const BoostSmallCard: React.FC<BoostSmallCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    customTitle,\n    thumbImgSrc,\n    customThumbClass = '',\n    customHeaderClass = '',\n    type = WalletCategoryTypes.achievements,\n    className,\n    onCheckClick,\n    showChecked,\n    checkStatus,\n    arrowOnClick,\n    buttonOnClick,\n    customButtonComponent,\n    customBodyClass,\n    customBodyComponent,\n    customThumbComponent,\n    customDraftComponent,\n    innerOnClick,\n    issueHistory,\n    bgImgSrc,\n    optionsTriggerOnClick,\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    const headerBgColor = getDarkBGColor(type);\n    const checkBtnClass = checkStatus ? 'generic-vc-card checked' : 'generic-vc-card unchecked';\n    const defaultHeaderClass = `flex generic-card-title w-full justify-center ${customHeaderClass}`;\n    const defaultBodyClass = ` boost-small-card-body flex justify-center items-center text-center text-[14px] overflow-hidden text-grayscale-500 py-[5px] px-[10px] ${customBodyClass}`;\n    const defaultButtonClass = `cursor-pointer small-boost-boost-btn flex boost-btn-click rounded-[40px] w-[140px] h-[48px] text-white flex justify-center items-center ${headerBgColor}`;\n    const innerClickContainerClass = `relative cursor-pointer boost-small-card inner-click-container z-10`;\n\n    const issueHistoryDisplay =\n        issueHistory && issueHistory?.length > 3 ? issueHistory?.slice(0, 3) : issueHistory;\n    const renderIssueHistory = issueHistoryDisplay?.map(issueItem => {\n        return (\n            <div\n                key={issueItem?.id}\n                className=\"profile-thumb-img border-[1px] border-white border-solid  vc-issuee-image h-[35px] w-[35px] rounded-full overflow-hidden mx-[-5px]\"\n            >\n                <img\n                    className=\"h-full w-full object-cover\"\n                    src={issueItem?.thumb || DefaultFace}\n                    alt=\"profile\"\n                />\n            </div>\n        );\n    });\n\n    const handleInnerClick = () => {\n        innerOnClick?.();\n    };\n\n    const handleOptionsClick = () => {\n        optionsTriggerOnClick?.();\n    };\n\n    return (\n        <div\n            className={`flex generic-display-card-simple bg-white flex-col shadow-bottom relative $ py-[0px] px-[0px] w-[160px] h-[280px] rounded-[20px] overflow-hidden ${className}`}\n        >\n            {optionsTriggerOnClick && (\n                <section\n                    className=\"absolute cursor-pointer shadow-bottom h-[30px] w-[30px] top-[5px] right-[5px] rounded-full overflow-hidden z-20 bg-white/70 flex items-center justify-center\"\n                    onClick={handleOptionsClick}\n                >\n                    <ThreeDotVertical className=\"h-[20px] w-[20px] z-50 text-grayscale-900\" />\n                </section>\n            )}\n\n            {bgImgSrc && (\n                <section className=\"absolute top-[-50px]  shadow-bottom left-[0px] rounded-b-full overflow-hidden z-0 mt-3\">\n                    <img className=\"h-full w-full object-cover overflow-hidden\" src={bgImgSrc} />\n                </section>\n            )}\n\n            <div className={innerClickContainerClass} onClick={handleInnerClick}>\n                {customThumbComponent && customThumbComponent}\n                {!customThumbComponent && (\n                    <section className={defaultThumbClass}>\n                        {thumbImgSrc && thumbImgSrc?.trim() !== '' && (\n                            <img\n                                className=\"generic-display-card-img h-full w-full  w-[110px] h-[110px] rounded-full object-cover overflow-hidden\"\n                                src={thumbImgSrc ?? ''}\n                                alt=\"Credential Achievement Image\"\n                            />\n                        )}\n                        {(!thumbImgSrc || thumbImgSrc?.trim() === '') && (\n                            <img\n                                className=\"max-w-[110px] w-full h-full p-[0px] object-cover  rounded-full\"\n                                src={imgSrc}\n                            />\n                        )}\n                    </section>\n                )}\n\n                {customTitle && customTitle}\n                {!customTitle && (\n                    <section className={defaultHeaderClass}>\n                        <p className=\"relative z-[100] small-boost-title text-[16px] leading-[130%] p-[0px] font-medium text-center line-clamp-2\">\n                            {title}\n                        </p>\n                    </section>\n                )}\n\n                <section className={defaultBodyClass}>\n                    {customBodyComponent && customBodyComponent}\n                    {!customBodyComponent &&\n                        issueHistory &&\n                        issueHistory?.length > 0 &&\n                        renderIssueHistory}\n                    {!customBodyComponent && issueHistory && issueHistory?.length > 3 && (\n                        <span className=\"small-boost-issue-count ml-[10px] font-semibold\">\n                            +{issueHistory?.length - 3}\n                        </span>\n                    )}\n                </section>\n            </div>\n\n            <section className=\"small-boost-card-footer flex justify-center items-center absolute bottom-[15px] w-full\">\n                {customButtonComponent && customButtonComponent}\n\n                {!customButtonComponent && (\n                    <div className=\"flex w-full flex-col items-center justify-center\">\n                        {customDraftComponent && customDraftComponent}\n                        <div onClick={buttonOnClick} className={defaultButtonClass}>\n                            <img className=\"h-[25px] mr-[7px] text-\" src={AddAwardLight} />\n                            <span className=\"font-mouse text-[25px] tracking-wider\">BOOST</span>\n                        </div>\n                    </div>\n                )}\n            </section>\n            {showChecked && (\n                <div className=\"check-btn-overlay absolute top-[5px] left-[5px]\">\n                    <CircleCheckButton\n                        checked={checkStatus}\n                        onClick={onCheckClick}\n                        className={checkBtnClass}\n                    />\n                </div>\n            )}\n\n            {arrowOnClick && (\n                <button\n                    type=\"button\"\n                    onClick={arrowOnClick}\n                    className=\"arrow-btn-overlay absolute top-[52px] right-[2px]\"\n                >\n                    <img\n                        className=\"h-full w-full object-contai\"\n                        src={CaretRightFilled ?? ''}\n                        alt=\"Right Caret\"\n                    />\n                </button>\n            )}\n        </div>\n    );\n};\n\nexport default BoostSmallCard;\n"],"names":[],"mappings":"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"}

package/dist/esm/{CertificateDisplayCard-3ff759b1.js → CertificateDisplayCard-34c129c7.js}

@@ -5,7 +5,7 @@ import { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-9c
 import { a as LCCategoryEnum } from './index-28917993.js';
 import { V as VerificationStatusEnum } from './types.esm-603cf59d.js';
 import CaretRightFilled from './CaretRightFilled.svg';
-import { L as Lightbox } from './Lightbox-f02b5b4f.js';
+import { L as Lightbox } from './Lightbox-8a43ba52.js';
 import ThreeDots from './DotsThreeOutline.svg';
 
 const AlignmentRow = ({
@@ -806,4 +806,4 @@ const CertificateDisplayCard = ({
 };
 
 export { AlignmentsBox as A, CertificateBackFace as C, CertificateDisplayCard as a, CertificateFrontFace as b };
-//# sourceMappingURL=CertificateDisplayCard-3ff759b1.js.map
+//# sourceMappingURL=CertificateDisplayCard-34c129c7.js.map