@learncard/react 2.6.59 → 2.6.60

package/dist/cjs/index.js

@@ -18,9 +18,9 @@ require('./medical.svg');
 require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
-var CertificateDisplayCard = require('./CertificateDisplayCard-d93af598.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8e500ee3.js');
 require('./default-face.jpeg');
-var VCDisplayCard2 = require('./VCDisplayCard2-f99e286c.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-b47ebf73.js');
 var CircleCheckButton = require('./CircleCheckButton-abff235d.js');
 var CircleIcon = require('./CircleIcon-dace003c.js');
 var CourseCard = require('./CourseCard-338a32ee.js');
@@ -50,9 +50,9 @@ 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-a698fb77.js');
-var VCDisplayBackFace = require('./VCDisplayBackFace-91668901.js');
-var VCDisplayCard = require('./VCDisplayCard-d5fcddb7.js');
+var VCCard = require('./VCCard-eb810671.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-c6f12ee8.js');
+var VCDisplayCard = require('./VCDisplayCard-3325a3e5.js');
 require('./icon.green.fat-arrow.png');
 var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
@@ -87,7 +87,7 @@ require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');
 require('react-dom');
-require('./credential.helpers-a3c3d503.js');
+require('./credential.helpers-66f4ff2a.js');
 require('./icons-9878f84c.js');
 require('./coins.svg');
 require('./user.svg');

package/dist/cjs/index13.js

@@ -18,9 +18,9 @@ require('./medical.svg');
 require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
-var CertificateDisplayCard = require('./CertificateDisplayCard-d93af598.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8e500ee3.js');
 require('./default-face.jpeg');
-var VCDisplayCard2 = require('./VCDisplayCard2-f99e286c.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-b47ebf73.js');
 var CircleCheckButton = require('./CircleCheckButton-abff235d.js');
 var CircleIcon = require('./CircleIcon-dace003c.js');
 var CourseCard = require('./CourseCard-338a32ee.js');
@@ -50,9 +50,9 @@ 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-a698fb77.js');
-var VCDisplayBackFace = require('./VCDisplayBackFace-91668901.js');
-var VCDisplayCard = require('./VCDisplayCard-d5fcddb7.js');
+var VCCard = require('./VCCard-eb810671.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-c6f12ee8.js');
+var VCDisplayCard = require('./VCDisplayCard-3325a3e5.js');
 require('./icon.green.fat-arrow.png');
 var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
@@ -87,7 +87,7 @@ require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');
 require('react-dom');
-require('./credential.helpers-a3c3d503.js');
+require('./credential.helpers-66f4ff2a.js');
 require('./icons-9878f84c.js');
 require('./coins.svg');
 require('./user.svg');

package/dist/cjs/index36.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCCard = require('./VCCard-a698fb77.js');
+var VCCard = require('./VCCard-eb810671.js');
 require('react');
 require('@learncard/init');
-require('./VCDisplayCard-d5fcddb7.js');
+require('./VCDisplayCard-3325a3e5.js');
 require('./FlippyCard-209549c5.js');
 require('./icon.green.fat-arrow.png');
 require('./default-face.jpeg');
 require('./VCVerificationCheck-46fa75d3.js');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');
-require('./credential.helpers-a3c3d503.js');
+require('./credential.helpers-66f4ff2a.js');
 require('./VCVerificationPill-d0edd7ae.js');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
@@ -97,9 +97,9 @@ require('./membership-graphic.png');
 require('./skillplaceholder.png');
 require('./skillgraph.svg');
 require('./ArrowArcRight.svg');
-require('./VCDisplayBackFace-91668901.js');
-require('./VCDisplayCard2-f99e286c.js');
-require('./CertificateDisplayCard-d93af598.js');
+require('./VCDisplayBackFace-c6f12ee8.js');
+require('./VCDisplayCard2-b47ebf73.js');
+require('./CertificateDisplayCard-8e500ee3.js');
 require('./Lightbox-f19e13d2.js');
 require('./AwardRibbon-14ba45fb.js');
 

package/dist/cjs/index37.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCDisplayBackFace = require('./VCDisplayBackFace-91668901.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-c6f12ee8.js');
 require('react');
 require('./VCVerificationCheck-46fa75d3.js');
 require('./vc.check.svg');
@@ -12,7 +12,7 @@ require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');
 require('./ArrowArcRight.svg');
-require('./credential.helpers-a3c3d503.js');
+require('./credential.helpers-66f4ff2a.js');
 require('./index-7d94d5ac.js');
 require('./types-7f6324ea.js');
 require('./notifications-56c6fc94.js');

package/dist/cjs/index38.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCDisplayCard = require('./VCDisplayCard-d5fcddb7.js');
+var VCDisplayCard = require('./VCDisplayCard-3325a3e5.js');
 require('react');
 require('./FlippyCard-209549c5.js');
 require('./icon.green.fat-arrow.png');
@@ -10,7 +10,7 @@ require('./default-face.jpeg');
 require('./VCVerificationCheck-46fa75d3.js');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');
-require('./credential.helpers-a3c3d503.js');
+require('./credential.helpers-66f4ff2a.js');
 require('./VCVerificationPill-d0edd7ae.js');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
@@ -96,7 +96,7 @@ require('./skillplaceholder.png');
 require('./skillgraph.svg');
 require('@learncard/init');
 require('./ArrowArcRight.svg');
-require('./VCDisplayBackFace-91668901.js');
+require('./VCDisplayBackFace-c6f12ee8.js');
 
 
 

package/dist/cjs/index39.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('./default-face.jpeg');
 require('react-dom');
-var CertificateDisplayCard = require('./CertificateDisplayCard-d93af598.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8e500ee3.js');
 require('./athletics.svg');
 require('./business.svg');
 require('./creative.svg');
@@ -44,8 +44,8 @@ require('@learncard/init');
 require('./icon.green.fat-arrow.png');
 require('./vc.check.svg');
 require('./ArrowArcRight.svg');
-var VCDisplayCard2 = require('./VCDisplayCard2-f99e286c.js');
-require('./credential.helpers-a3c3d503.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-b47ebf73.js');
+require('./credential.helpers-66f4ff2a.js');
 require('./index-7d94d5ac.js');
 require('./User-dde46685.js');
 require('./Trophy-3d323be3.js');

package/dist/cjs/index6.js

@@ -44,7 +44,7 @@ require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
 require('./index.es-f433af46.js');
-var CertificateDisplayCard = require('./CertificateDisplayCard-d93af598.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8e500ee3.js');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');
@@ -92,7 +92,7 @@ require('./User-dde46685.js');
 require('./walletlearninghistory.webp');
 require('./walletTrophy.webp');
 require('./membership-graphic.png');
-require('./credential.helpers-a3c3d503.js');
+require('./credential.helpers-66f4ff2a.js');
 require('./Lightbox-f19e13d2.js');
 
 

package/dist/esm/{CertificateDisplayCard-5fbb5a9d.js → CertificateDisplayCard-dcebf9a7.js}

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { g as getColorForVerificationStatus, a as getInfoFromCredential, b as getCategoryDarkColor, c as getCategoryLightColor, d as getCategoryIcon, e as getTotalCountOfSkills, f as getNameFromProfile, h as getImageFromProfile } from './credential.helpers-96c9bb51.js';
+import { g as getColorForVerificationStatus, a as getInfoFromCredential, b as getCategoryDarkColor, c as getCategoryLightColor, d as getCategoryIcon, e as getTotalCountOfSkills, f as categorizeSkills, h as getNameFromProfile, i as getImageFromProfile } from './credential.helpers-cf70a857.js';
 import './default-face.jpeg';
 import 'react-dom';
 import Athletics from './athletics.svg';
@@ -2583,7 +2583,7 @@ const Subskill = ({ subskillSelected, skill, subSkill }) => {
   return /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center justify-between w-full mb-4  bg-violet-100 rounded-[20px]"
   }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-start w-[80%] px-[6px] py-[10px] overflow-hidden"
+    className: "flex items-center justify-start w-[90%] px-[6px] py-[10px] overflow-hidden"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "rounded-full h-[50px] w-[50px]"
   }, /* @__PURE__ */ React.createElement("img", {
@@ -2609,7 +2609,7 @@ const SelectedSkills = ({ skill, skillSelected }) => {
   }), skillSelected && skillSelected.subskills.length > 0 && expandSubSkills && /* @__PURE__ */ React.createElement("div", {
     className: "w-full flex items-center justify-end"
   }, /* @__PURE__ */ React.createElement("div", {
-    className: "w-[90%] flex items-center flex-col"
+    className: "w-[95%] flex items-center flex-col"
   }, skillSelected.subskills.map((subSkill, i) => {
     var _a;
     const subskillSelected = (_a = skillSelected == null ? void 0 : skillSelected.subskills) == null ? void 0 : _a.includes(subSkill);
@@ -2629,14 +2629,14 @@ const SkillsBox = ({ skills }) => {
   }, /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center justify-start"
   }, /* @__PURE__ */ React.createElement("div", {
-    className: "bg-violet-500 rounded-full flex items-center justify-center ml-2 h-[30px] w-[30px] p-1"
+    className: "bg-violet-500 rounded-full flex items-center justify-center h-[30px] w-[30px] p-1"
   }, /* @__PURE__ */ React.createElement(PuzzlePiece, {
     className: "text-white",
     fill: "#fff"
   })), " ", /* @__PURE__ */ React.createElement("h3", {
     className: "text-[20px] leading-[20px] text-grayscale-900 ml-2"
   }, "Skills")), skills.length > 0 && /* @__PURE__ */ React.createElement("div", {
-    className: "ion-padding pt-0 pb-4 flex items-center justify-center flex-col w-full"
+    className: "pt-0 pb-4 flex items-center justify-center flex-col w-full"
   }, skills.map((_skill, index) => {
     boostCMSSKillCategories.find((c) => c.type === _skill.category);
     const skill = CATEGORY_TO_SKILLS[_skill.category].find((s) => s.type === _skill.skill);
@@ -2802,13 +2802,17 @@ const VCDisplayCardSkillsCount = ({ skills, onClick }) => {
   const skillsCount = getTotalCountOfSkills(skills);
   if (skillsCount === 0)
     return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  const skillsMap = categorizeSkills(skills);
+  const totalSkills = Object.values(skillsMap).reduce((total2, category) => total2 + (category == null ? void 0 : category.length), 0);
+  const totalSubskills = Object.values(skillsMap).reduce((total2, category) => total2 + ((category == null ? void 0 : category.totalSubskillsCount) || 0), 0);
+  const total = totalSkills + totalSubskills;
   const text = skillsCount === 1 ? "Skill" : "Skills";
   return /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center justify-center mt-8 cursor-pointer",
     onClick
   }, /* @__PURE__ */ React.createElement("p", {
     className: "text-violet-500 text-xl flex items-center justify-center tracking-[0.75px] font-poppins font-semibold"
-  }, "+", skillsCount, " ", text, " ", /* @__PURE__ */ React.createElement("div", {
+  }, "+", total, " ", text, " ", /* @__PURE__ */ React.createElement("div", {
     className: "bg-violet-500 rounded-full flex items-center justify-center ml-2 h-[30px] w-[30px] p-1"
   }, /* @__PURE__ */ React.createElement(PuzzlePiece, {
     className: "text-white",
@@ -2979,7 +2983,7 @@ const CertificateDisplayCard = ({
 }) => {
   const [isFront, setIsFront] = useState(true);
   return /* @__PURE__ */ React.createElement("section", {
-    className: `w-full border-solid border-[5px] border-grayscale-200 rounded-[30px] relative min-w-[250px] max-w-[300px] ${isFront ? "bg-white p-[13px]" : ``}`
+    className: `w-full border-solid border-[5px] border-grayscale-200 rounded-[30px] relative min-w-[250px]  ${isFront ? "bg-white p-[13px] max-w-[300px]" : `max-w-[400px]`}`
   }, isFront && /* @__PURE__ */ React.createElement(CertificateFrontFace, {
     credential,
     categoryType,
@@ -3025,4 +3029,4 @@ const CertificateDisplayCard = ({
 };
 
 export { AcuteCheckmark as A, CertificateDisplayCard as C, ExclamationPoint as E, GenericDocumentIcon as G, InfoIcon as I, LinkIcon as L, SelectedSkills as S, VCDisplayCardSkillsCount as V, X, VideoIcon as a, Camera as b, capitalize as c, SkillsBox as d, getBaseUrl as g, prettyBytes as p, truncateWithEllipsis as t };
-//# sourceMappingURL=CertificateDisplayCard-5fbb5a9d.js.map
+//# sourceMappingURL=CertificateDisplayCard-dcebf9a7.js.map