@learncard/react 2.6.55 → 2.6.57

package/dist/esm/{credential.helpers-89728941.js → credential.helpers-56ed8ed6.js}

@@ -1,4 +1,158 @@
-import { V as VerificationStatusEnum } from './types.esm-b07820bb.js';
+import React from 'react';
+import { a as VerificationStatusEnum } from './VCVerificationPill-1a8e55d1.js';
+import { a as LCCategoryEnum } from './index-43f63ea7.js';
+import { P as PuzzlePiece } from './types-c31e4bae.js';
+import './icons-25993244.js';
+import { U as User, B as Briefcase, G as Graduation } from './User-9f253521.js';
+import { T as Trophy } from './Trophy-ad67f46a.js';
+import './index-1a9a2345.js';
+import './DotsThreeOutline.svg';
+import './CaretRightFilled.svg';
+import './default-face.jpeg';
+import './addawardlight.svg';
+import 'react-dom';
+import './athletics.svg';
+import './business.svg';
+import './creative.svg';
+import './digital.svg';
+import './durable.svg';
+import './medical.svg';
+import './social.svg';
+import './stem.svg';
+import './trade.svg';
+import './index.es-76d64136.js';
+import './vc.check.svg';
+import './numeral-804ed0c4.js';
+import './lhplaceholder.png';
+import './minitrophy.svg';
+import './minijob.svg';
+import './minipuzzle.svg';
+import './contactless-symbol.svg';
+import './index-dff96076.js';
+import './card-chip.svg';
+import './master-card-logo.svg';
+import './LearnPill-c3773645.js';
+import './verified-check.png';
+import './X.svg';
+import './ArrowArcLeft.svg';
+import './types-b32d28d5.js';
+import './constants-acd78b79.js';
+import './react-barcode-150610c2.js';
+import './skillplaceholder.png';
+import './skillgraph.svg';
+import '@learncard/init';
+import './icon.green.fat-arrow.png';
+import './ArrowArcRight.svg';
+
+const AccommodationsIcon = ({
+  className = "",
+  size = "21"
+}) => {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 25 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M13.7468 11.7616V4.65432C13.7468 3.74053 14.4872 3 15.4008 3C16.3145 3 17.0549 3.74053 17.0549 4.65432V13.4226L18.6758 11.8013C19.3224 11.1546 20.3695 11.1546 21.015 11.8013C21.6617 12.4481 21.6617 13.4954 21.015 14.141L15.9305 19.2265C14.9617 20.3147 13.5515 21 11.9814 21H9.73258C6.81294 21 4.445 18.6327 4.445 15.7115V5.46438C4.445 4.55058 5.18539 3.81006 6.09903 3.81006C7.01266 3.81006 7.75305 4.55058 7.75305 5.46438V11.8996",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M10.751 9.32244C10.751 8.49473 11.4216 7.82373 12.2489 7.82373C13.0762 7.82373 13.7468 8.49473 13.7468 9.32244V12.2636C13.7468 13.0913 13.0762 13.7623 12.2489 13.7623C11.4216 13.7623 10.751 13.0913 10.751 12.2636V9.32244Z",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M7.75527 9.32244C7.75527 8.49473 8.4259 7.82373 9.25316 7.82373C10.0804 7.82373 10.7511 8.49473 10.7511 9.32244V12.2636C10.7511 13.0913 10.0804 13.7623 9.25316 13.7623C8.4259 13.7623 7.75527 13.0913 7.75527 12.2636V9.32244Z",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10"
+  }));
+};
+
+const AccomplishmentsIcon = ({
+  className = "",
+  size = "21"
+}) => {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M9.55107 11.5523L12.6845 14.6763L21.2944 6.06641",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M19.2562 15.1049C17.5418 18.9907 12.9988 20.7527 9.11295 19.0384C5.22709 17.324 3.46511 12.781 5.17947 8.89511C6.89382 5.00925 11.4368 3.24728 15.3227 4.96163",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+
+const KeyIcon = ({
+  className = "",
+  size = "25"
+}) => {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M9.09826 11.9947C8.49602 10.4925 8.43091 8.82848 8.91393 7.28384C9.39696 5.73919 10.3985 4.4087 11.7493 3.51725C13.1 2.6258 14.7172 2.22808 16.3273 2.3913C17.9375 2.55452 19.4419 3.26869 20.5863 4.41307C21.7306 5.55746 22.4448 7.06188 22.608 8.67203C22.7712 10.2822 22.3735 11.8993 21.4821 13.2501C20.5906 14.6008 19.2601 15.6024 17.7155 16.0854C16.1708 16.5684 14.5068 16.5033 13.0046 15.9011L13.0047 15.9009L11.7188 17.1868H9.375V19.5306H7.03125V21.8743H3.125V17.9681L9.09844 11.9946L9.09826 11.9947Z",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M17.5781 8.98438C18.4411 8.98438 19.1406 8.28482 19.1406 7.42188C19.1406 6.55893 18.4411 5.85938 17.5781 5.85938C16.7152 5.85938 16.0156 6.55893 16.0156 7.42188C16.0156 8.28482 16.7152 8.98438 17.5781 8.98438Z",
+    fill: "currentColor"
+  }));
+};
+
+const SocialBadgesIcon = ({
+  className = "",
+  size = "21"
+}) => {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 25 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M23.2643 10.092C23.7079 9.51278 23.4902 8.66248 22.8165 8.37084C21.2392 7.68895 20.6641 6.62506 20.8777 4.85463C20.964 4.14399 20.3478 3.53194 19.6413 3.61821C17.8708 3.83181 16.8069 3.25673 16.1251 1.67936C15.8334 1.0057 14.9872 0.787988 14.4039 1.23162C13.0771 2.25034 11.9229 2.25034 10.592 1.23162C10.0128 0.787988 9.16248 1.0057 8.87084 1.67936C8.18895 3.25673 7.12506 3.83181 5.35463 3.61821C4.64399 3.53194 4.03194 4.1481 4.11821 4.85463C4.33181 6.62506 3.75673 7.68895 2.17936 8.37084C1.5057 8.66248 1.28799 9.50867 1.73162 10.092C2.75034 11.4188 2.75034 12.573 1.73162 13.9039C1.28799 14.4831 1.5057 15.3334 2.17936 15.6251C3.75673 16.3069 4.33181 17.3708 4.11821 19.1413C4.03194 19.8519 4.6481 20.464 5.35463 20.3777C7.12506 20.1641 8.18895 20.7392 8.87084 22.3165C9.16248 22.9902 10.0087 23.2079 10.592 22.7643C11.9188 21.7456 13.073 21.7456 14.4039 22.7643C14.9831 23.2079 15.8334 22.9902 16.1251 22.3165C16.6878 21.0144 17.5176 20.3941 18.7869 20.3407L17.2013 19.9217C15.2707 21.0678 12.9909 21.4662 10.785 21.0514C8.57919 20.6324 6.60338 19.4247 5.22729 17.6502C3.8512 15.8797 3.16932 13.6657 3.30899 11.4229C3.44865 9.18416 4.40164 7.0728 5.98722 5.48311C7.5728 3.89753 9.68416 2.94454 11.927 2.80488C14.1657 2.66522 16.3797 3.3471 18.1543 4.72318C19.9247 6.09927 21.1365 8.07508 21.5555 10.2809C21.9745 12.4868 21.5719 14.7666 20.4258 16.6972L20.8448 18.2828C20.8982 17.0135 21.5185 16.1837 22.8206 15.621C23.4943 15.3293 23.712 14.4831 23.2684 13.8998C22.2497 12.573 22.2497 11.4188 23.2684 10.0879L23.2643 10.092Z",
+    fill: "currentColor"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M20.2402 16.5886C21.3599 14.7026 21.7492 12.4755 21.3438 10.3207C20.9345 8.16584 19.7546 6.23571 18.021 4.89143C16.2913 3.54716 14.1282 2.88104 11.937 3.01747C9.74988 3.15391 7.68713 4.08487 6.13404 5.63379C4.58497 7.18272 3.65392 9.24528 3.51747 11.4362C3.38103 13.6232 4.04721 15.7861 5.39161 17.5196C6.73601 19.2491 8.66633 20.4329 10.8214 20.8422C12.9764 21.2515 15.2037 20.8582 17.0899 19.7386L20.1118 20.5412C20.2402 20.5773 20.3767 20.5813 20.5051 20.5452C20.6335 20.5131 20.7539 20.4449 20.8462 20.3486C20.9425 20.2523 21.0067 20.1359 21.0429 20.0075C21.075 19.8791 21.075 19.7427 21.0388 19.6142L20.2362 16.5926L20.2402 16.5886Z",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M8.65969 10.8379C9.30016 10.8379 9.81937 11.3571 9.81937 11.9975C9.81937 12.638 9.30016 13.1572 8.65969 13.1572C8.01921 13.1572 7.5 12.638 7.5 11.9975C7.5 11.3571 8.01921 10.8379 8.65969 10.8379Z",
+    fill: "currentColor"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M12.4977 10.8379C13.1382 10.8379 13.6574 11.3571 13.6574 11.9975C13.6574 12.638 13.1382 13.1572 12.4977 13.1572C11.8573 13.1572 11.338 12.638 11.338 11.9975C11.338 11.3571 11.8573 10.8379 12.4977 10.8379Z",
+    fill: "currentColor"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M16.3403 10.8379C16.9808 10.8379 17.5 11.3571 17.5 11.9975C17.5 12.638 16.9808 13.1572 16.3403 13.1572C15.6998 13.1572 15.1806 12.638 15.1806 11.9975C15.1806 11.3571 15.6998 10.8379 16.3403 10.8379Z",
+    fill: "currentColor"
+  }));
+};
 
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -2419,10 +2573,9 @@ const getImageFromImage = (image) => {
   return (_a = image.id) != null ? _a : "";
 };
 const getNameFromProfile = (profile) => {
-  var _a;
   if (typeof profile === "string")
     return profile;
-  return (_a = profile.name) != null ? _a : "";
+  return profile.name || profile.displayName || "";
 };
 const getImageFromProfile = (profile) => {
   var _a;
@@ -2430,14 +2583,17 @@ const getImageFromProfile = (profile) => {
     return "";
   return getImageFromImage((_a = profile.image) != null ? _a : "");
 };
-const getInfoFromCredential = (credential, dateFormat = "dd MMM yyyy") => {
+const getInfoFromCredential = (credential, dateFormat = "dd MMM yyyy", options = { uppercaseDate: true }) => {
   var _a, _b;
   const { issuer, issuanceDate } = credential;
   const credentialSubject = Array.isArray(credential.credentialSubject) ? credential.credentialSubject[0] : credential.credentialSubject;
   const title = (_a = credentialSubject.achievement) == null ? void 0 : _a.name;
-  const createdAt = format(new Date(issuanceDate), dateFormat).toUpperCase();
   const issuee = credentialSubject.id;
   const imageUrl = (_b = credentialSubject.achievement) == null ? void 0 : _b.image;
+  let createdAt = format(new Date(issuanceDate), dateFormat);
+  if (options.uppercaseDate) {
+    createdAt = createdAt.toUpperCase();
+  }
   return { title, createdAt, issuer, issuee, credentialSubject, imageUrl };
 };
 const getColorForVerificationStatus = (status) => {
@@ -2452,6 +2608,124 @@ const getColorForVerificationStatus = (status) => {
       return "#000000";
   }
 };
+const getCategoryColor = (category = LCCategoryEnum.achievement) => {
+  switch (category) {
+    case LCCategoryEnum.socialBadge:
+      return "cyan-700";
+    case LCCategoryEnum.skill:
+      return "indigo-600";
+    case LCCategoryEnum.achievement:
+      return "spice-600";
+    case LCCategoryEnum.learningHistory:
+      return "emerald-700";
+    case LCCategoryEnum.id:
+      return "yellow-400";
+    case LCCategoryEnum.workHistory:
+      return "blue-400";
+    case LCCategoryEnum.job:
+      return "rose-600";
+    case LCCategoryEnum.course:
+      return "emerald-700";
+    case LCCategoryEnum.currency:
+      return "cyan-700";
+    case LCCategoryEnum.membership:
+      return "teal-500";
+    default:
+      return "spice-600";
+  }
+};
+const getCategoryPrimaryColor = (category = LCCategoryEnum.achievement) => {
+  switch (category) {
+    case LCCategoryEnum.socialBadge:
+      return "cyan";
+    case LCCategoryEnum.skill:
+      return "indigo";
+    case LCCategoryEnum.achievement:
+      return "spice";
+    case LCCategoryEnum.learningHistory:
+      return "emerald";
+    case LCCategoryEnum.id:
+      return "yellow";
+    case LCCategoryEnum.workHistory:
+      return "blue";
+    case LCCategoryEnum.job:
+      return "rose";
+    case LCCategoryEnum.course:
+      return "emerald";
+    case LCCategoryEnum.currency:
+      return "cyan";
+    case LCCategoryEnum.membership:
+      return "teal";
+    case LCCategoryEnum.accommodations:
+      return "amber";
+    case LCCategoryEnum.accomplishments:
+      return "lime";
+    default:
+      return "spice";
+  }
+};
+const getCategoryLightColor = (category = LCCategoryEnum.achievement) => {
+  return `${getCategoryPrimaryColor(category)}-500`;
+};
+const getCategoryDarkColor = (category = LCCategoryEnum.achievement) => {
+  return `${getCategoryPrimaryColor(category)}-700`;
+};
+const getCategoryIcon = (category = LCCategoryEnum.achievement) => {
+  switch (category) {
+    case LCCategoryEnum.socialBadge:
+      return /* @__PURE__ */ React.createElement(SocialBadgesIcon, null);
+    case LCCategoryEnum.skill:
+      return /* @__PURE__ */ React.createElement(PuzzlePiece, null);
+    case LCCategoryEnum.achievement:
+      return /* @__PURE__ */ React.createElement(Trophy, {
+        size: "21"
+      });
+    case LCCategoryEnum.course:
+    case LCCategoryEnum.learningHistory:
+      return /* @__PURE__ */ React.createElement(Graduation, {
+        size: "21"
+      });
+    case LCCategoryEnum.job:
+    case LCCategoryEnum.workHistory:
+      return /* @__PURE__ */ React.createElement(Briefcase, {
+        size: "21"
+      });
+    case LCCategoryEnum.id:
+      return /* @__PURE__ */ React.createElement(User, {
+        size: "21"
+      });
+    case LCCategoryEnum.membership:
+      return /* @__PURE__ */ React.createElement(KeyIcon, {
+        size: "21"
+      });
+    case LCCategoryEnum.currency:
+    case LCCategoryEnum.accommodations:
+      return /* @__PURE__ */ React.createElement(AccommodationsIcon, {
+        size: "21"
+      });
+    case LCCategoryEnum.accomplishments:
+      return /* @__PURE__ */ React.createElement(AccomplishmentsIcon, {
+        size: "21"
+      });
+    case LCCategoryEnum.currency:
+    default:
+      console.log("\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}");
+      console.log("getCategoryIcon - unhandled category:", category);
+      return void 0;
+  }
+};
+const getTotalCountOfSkills = (skills) => {
+  if (!skills || skills.length === 0)
+    return 0;
+  let totalCount = 0;
+  skills == null ? void 0 : skills.forEach((skill) => {
+    totalCount++;
+    if (skill == null ? void 0 : skill.subSkills) {
+      totalCount += skill == null ? void 0 : skill.subSkills.length;
+    }
+  });
+  return totalCount;
+};
 
-export { getImageFromProfile as a, getInfoFromCredential as b, getColorForVerificationStatus as c, format as f, getNameFromProfile as g };
-//# sourceMappingURL=credential.helpers-89728941.js.map
+export { getInfoFromCredential as a, getCategoryDarkColor as b, getCategoryLightColor as c, getCategoryIcon as d, getTotalCountOfSkills as e, getNameFromProfile as f, getColorForVerificationStatus as g, getImageFromProfile as h, format as i, getCategoryColor as j };
+//# sourceMappingURL=credential.helpers-56ed8ed6.js.map