npm - @learncard/react - Versions diffs - 2.8.13 → 2.8.15 - Mend

@learncard/react 2.8.13 → 2.8.15

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 (78) 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-08a4e856.js');
-var BoostSmallCard = require('./BoostSmallCard-e51886cf.js');
+var BoostGenericCard = require('./BoostGenericCard-85c4b752.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 CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-de4a0019.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-b4987c0a.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-8b3e8047.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-6a495d04.js');
 var VCDisplayCard = require('./VCDisplayCard-2c4852e7.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-896291d9.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-eac4573b.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 CHANGED Viewed

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

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-08a4e856.js');
-var BoostSmallCard = require('./BoostSmallCard-e51886cf.js');
+var BoostGenericCard = require('./BoostGenericCard-85c4b752.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 CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-de4a0019.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-b4987c0a.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-8b3e8047.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-6a495d04.js');
 var VCDisplayCard = require('./VCDisplayCard-2c4852e7.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-896291d9.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-eac4573b.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 CHANGED Viewed

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

package/dist/cjs/index19.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var BoostGenericCard = require('./BoostGenericCard-08a4e856.js');
+var BoostGenericCard = require('./BoostGenericCard-85c4b752.js');
 require('react');
 require('./index-5488badc.js');
 require('./index-08002ab6.js');
@@ -22,41 +22,15 @@ require('./eventsGraphic.png');
 require('./minitrophycolored.svg');
 require('./minigradcapcolored.svg');
 require('./minipuzzlecolored.svg');
-require('./DotsThreeOutline.svg');
 require('./IDDisplayIcon-62993df0.js');
-require('./CertDisplayCardSkillsCount-b1565a79.js');
+require('./ThreeDotVertical-e39ac5df.js');
+require('./CertDisplayCardSkillsCount-de4a0019.js');
 require('./PuzzlePiece-937c216a.js');
 require('./credential.helpers-a6eb673d.js');
 require('./index-a9e3ddf5.js');
 require('./types.esm-9e1f15fe.js');
 require('./User-301088ac.js');
 require('./Trophy-3d323be3.js');
-require('./CircleCheckButton-82d47ee2.js');
-require('./RoundedPill-bda7c067.js');
-require('./icons-0404f605.js');
-require('./coins.svg');
-require('./user.svg');
-require('./trophy.svg');
-require('./briefcase.svg');
-require('./graduation.svg');
-require('./lightbulb.svg');
-require('./award.svg');
-require('./key-icon.svg');
-require('./minipuzzle.svg');
-require('./minitrophy.svg');
-require('./gradcaplight.svg');
-require('./idIcon.svg');
-require('./coursesIcon.svg');
-require('./socialBadgesIcon.svg');
-require('./achievementsIcon.svg');
-require('./accomplishmentsIcon.svg');
-require('./skillsIcon.svg');
-require('./experiencesIcon.svg');
-require('./relationshipsIcon.svg');
-require('./accommodationsIcon.svg');
-require('./membershipsIcon.svg');
-require('./goalsIcon.svg');
-require('./eventsIcon.svg');

package/dist/cjs/index3.js.map CHANGED Viewed

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

package/dist/cjs/index36.js CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/dist/cjs/index37.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var VCCard = require('./VCCard-41ec5401.js');
+var VCCard = require('./VCCard-8b3e8047.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-eac4573b.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('./CertDisplayCardSkillsCount-b1565a79.js');
+require('./CertificateDisplayCard-b4987c0a.js');
+require('./CertDisplayCardSkillsCount-de4a0019.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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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-eac4573b.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('./CertDisplayCardSkillsCount-b1565a79.js');
+require('./CertificateDisplayCard-b4987c0a.js');
+require('./CertDisplayCardSkillsCount-de4a0019.js');
 require('./DotsThreeOutline.svg');
 require('./QRCodeIcon-81c6e96b.js');
-require('./MeritBadgeDisplayCard-cdb59ca4.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-b1565a79.js');
-var CertificateDisplayCard = require('./CertificateDisplayCard-355bb9db.js');
+var CertDisplayCardSkillsCount = require('./CertDisplayCardSkillsCount-de4a0019.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-b4987c0a.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-14030d36.js ADDED Viewed

@@ -0,0 +1,108 @@
+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 { 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';
+const getDisplayIcon = (displayType) => {
+  switch (displayType) {
+    case "badge" /* Badge */:
+      return BadgeDisplayIcon;
+    case "certificate" /* Certificate */:
+      return CertificateDisplayIcon;
+    case "id" /* ID */:
+      return IDDisplayIcon;
+    case "course" /* Course */:
+      return CourseDisplayIcon;
+    case "award" /* Award */:
+      return AwardDisplayIcon;
+    default:
+      return BadgeDisplayIcon;
+  }
+};
+const BoostGenericCard = ({
+  title,
+  customTitle,
+  thumbImgSrc,
+  customThumbClass = "",
+  customHeaderClass = "",
+  type = WalletCategoryTypes.achievements,
+  className,
+  onCheckClick,
+  showChecked,
+  checkStatus,
+  customThumbComponent,
+  innerOnClick,
+  bgImgSrc,
+  issuerName,
+  customIssuerName,
+  dateDisplay,
+  customDateDisplay,
+  optionsTriggerOnClick,
+  verifierBadge,
+  credential,
+  isInSkillsModal,
+  displayType,
+  linkedCredentialsCount = 0,
+  linkedCredentialsClassName = ""
+}) => {
+  const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type] ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` : "bg-grayscale-50";
+  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}`;
+  const imgSrc = (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) !== "" ? thumbImgSrc : TYPE_TO_IMG_SRC[type];
+  const handleInnerClick = () => innerOnClick == null ? void 0 : innerOnClick();
+  const handleOptionsClick = () => optionsTriggerOnClick == null ? void 0 : optionsTriggerOnClick();
+  const DisplayIcon = getDisplayIcon(displayType);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: `flex bg-white flex-col shadow-bottom relative p-0 w-[160px] h-[265px] rounded-[20px] overflow-hidden ${className}`
+  }, optionsTriggerOnClick && /* @__PURE__ */ React.createElement("section", {
+    className: "absolute cursor-pointer h-[30px] w-[30px] top-[5px] right-[5px] rounded-full bg-white/70 flex items-center justify-center z-20",
+    onClick: handleOptionsClick
+  }, /* @__PURE__ */ React.createElement(ThreeDotVertical, {
+    className: "h-[20px] w-[20px] text-grayscale-900"
+  })), bgImgSrc && /* @__PURE__ */ React.createElement("section", {
+    className: "absolute top-[-50px] left-0 rounded-b-full overflow-hidden z-0"
+  }, /* @__PURE__ */ React.createElement("img", {
+    className: "h-full w-full object-cover",
+    src: bgImgSrc
+  })), /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    className: "z-10 flex flex-col flex-grow",
+    onClick: handleInnerClick
+  }, customThumbComponent || /* @__PURE__ */ React.createElement("section", {
+    className: defaultThumbClass
+  }, (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) ? /* @__PURE__ */ React.createElement("img", {
+    className: "w-full h-full rounded-full object-cover",
+    src: thumbImgSrc,
+    alt: "Credential Achievement"
+  }) : /* @__PURE__ */ React.createElement("img", {
+    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]" : ""}`
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "px-1 flex flex-col items-center justify-center"
+  }, !customTitle ? /* @__PURE__ */ React.createElement("p", {
+    className: `${customHeaderClass} text-[16px] font-medium text-center text-grayscale-900 line-clamp-2`
+  }, title) : customTitle, customIssuerName || /* @__PURE__ */ React.createElement("span", {
+    className: "text-[12px] text-grayscale-700 mt-1"
+  }, "by ", /* @__PURE__ */ React.createElement("span", {
+    className: "font-bold"
+  }, issuerName)), customDateDisplay || /* @__PURE__ */ React.createElement("p", {
+    className: "text-[12px] text-grayscale-700 mt-1 flex items-center"
+  }, verifierBadge, dateDisplay), isInSkillsModal && /* @__PURE__ */ React.createElement(CertDisplayCardSkillsCount, {
+    skills: (credential == null ? void 0 : credential.skills) || [],
+    onClick: handleInnerClick,
+    isInSkillsModal
+  })), linkedCredentialsCount > 0 && /* @__PURE__ */ React.createElement("div", {
+    className: `mt-auto flex items-center justify-center py-1 w-full ${linkedCredentialsClassName}`
+  }, /* @__PURE__ */ React.createElement(DisplayIcon, {
+    className: "h-[20px] w-[20px] text-grayscale-900"
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: "ml-1 text-sm font-semibold text-grayscale-900"
+  }, "+", linkedCredentialsCount, " Linked")))));
+};
+export { BoostGenericCard as B };
+//# sourceMappingURL=BoostGenericCard-14030d36.js.map

package/dist/esm/BoostGenericCard-14030d36.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BoostGenericCard-14030d36.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';\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\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 ${\n linkedCredentialsCount === 0 ? 'pb-[20px]' : ''\n }`}\n >\n <div className=\"px-1 flex flex-col items-center justify-center\">\n {/* Title */}\n {!customTitle ? (\n <p\n className={`${customHeaderClass} text-[16px] font-medium text-center text-grayscale-900 line-clamp-2`}\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 checked={checkStatus} onClick={onCheckClick} className={checkBtnClass} />\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} RENAMED Viewed

@@ -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 ADDED Viewed

@@ -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/{CertDisplayCardSkillsCount-9cf487a7.js → CertDisplayCardSkillsCount-813fb647.js} RENAMED Viewed

@@ -18,10 +18,10 @@ const CertDisplayCardSkillsCount = ({ skills, onClick, className, isInSkillsModa
   const total = totalSkills + totalSubskills;
   const text = skillsCount === 1 ? "Skill" : "Skills";
   return /* @__PURE__ */ React.createElement("div", {
-    className: `flex items-center justify-center cursor-pointer bg-white rounded-[20px] ${className === "boost-generic" ? "" : "px-4 py-2 mt-8 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 shadow-bottom"} `,
     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-xl"}`
+    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"}`
   }, isInSkillsModal ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
     className: "bg-violet-500 rounded-full flex items-center justify-center mr-[5px] p-1 h-[20px] w-[20px]"
   }, /* @__PURE__ */ React.createElement(PuzzlePiece, {
@@ -36,4 +36,4 @@ const CertDisplayCardSkillsCount = ({ skills, onClick, className, isInSkillsModa
 };
 export { CertDisplayCardSkillsCount as C };
-//# sourceMappingURL=CertDisplayCardSkillsCount-9cf487a7.js.map
+//# sourceMappingURL=CertDisplayCardSkillsCount-813fb647.js.map

package/dist/esm/CertDisplayCardSkillsCount-813fb647.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CertDisplayCardSkillsCount-813fb647.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 shadow-bottom'\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,8BAAA,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;;;;"}