@learncard/react 2.6.59 → 2.6.60

package/dist/cjs/{CertificateDisplayCard-d93af598.js → CertificateDisplayCard-8e500ee3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var credential_helpers = require('./credential.helpers-a3c3d503.js');
+var credential_helpers = require('./credential.helpers-66f4ff2a.js');
 require('./default-face.jpeg');
 require('react-dom');
 var Athletics = require('./athletics.svg');
@@ -2599,7 +2599,7 @@ const Subskill = ({ subskillSelected, skill, subSkill }) => {
   return /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "flex items-center justify-between w-full mb-4  bg-violet-100 rounded-[20px]"
   }, /* @__PURE__ */ React__default["default"].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__default["default"].createElement("div", {
     className: "rounded-full h-[50px] w-[50px]"
   }, /* @__PURE__ */ React__default["default"].createElement("img", {
@@ -2625,7 +2625,7 @@ const SelectedSkills = ({ skill, skillSelected }) => {
   }), skillSelected && skillSelected.subskills.length > 0 && expandSubSkills && /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "w-full flex items-center justify-end"
   }, /* @__PURE__ */ React__default["default"].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);
@@ -2645,14 +2645,14 @@ const SkillsBox = ({ skills }) => {
   }, /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "flex items-center justify-start"
   }, /* @__PURE__ */ React__default["default"].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__default["default"].createElement(types.PuzzlePiece, {
     className: "text-white",
     fill: "#fff"
   })), " ", /* @__PURE__ */ React__default["default"].createElement("h3", {
     className: "text-[20px] leading-[20px] text-grayscale-900 ml-2"
   }, "Skills")), skills.length > 0 && /* @__PURE__ */ React__default["default"].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);
@@ -2818,13 +2818,17 @@ const VCDisplayCardSkillsCount = ({ skills, onClick }) => {
   const skillsCount = credential_helpers.getTotalCountOfSkills(skills);
   if (skillsCount === 0)
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null);
+  const skillsMap = credential_helpers.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__default["default"].createElement("div", {
     className: "flex items-center justify-center mt-8 cursor-pointer",
     onClick
   }, /* @__PURE__ */ React__default["default"].createElement("p", {
     className: "text-violet-500 text-xl flex items-center justify-center tracking-[0.75px] font-poppins font-semibold"
-  }, "+", skillsCount, " ", text, " ", /* @__PURE__ */ React__default["default"].createElement("div", {
+  }, "+", total, " ", text, " ", /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "bg-violet-500 rounded-full flex items-center justify-center ml-2 h-[30px] w-[30px] p-1"
   }, /* @__PURE__ */ React__default["default"].createElement(types.PuzzlePiece, {
     className: "text-white",
@@ -2995,7 +2999,7 @@ const CertificateDisplayCard = ({
 }) => {
   const [isFront, setIsFront] = React.useState(true);
   return /* @__PURE__ */ React__default["default"].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__default["default"].createElement(CertificateFrontFace, {
     credential,
     categoryType,
@@ -3056,4 +3060,4 @@ exports.capitalize = capitalize;
 exports.getBaseUrl = getBaseUrl;
 exports.prettyBytes = prettyBytes;
 exports.truncateWithEllipsis = truncateWithEllipsis;
-//# sourceMappingURL=CertificateDisplayCard-d93af598.js.map
+//# sourceMappingURL=CertificateDisplayCard-8e500ee3.js.map