@learncard/react 2.7.20 → 2.7.23

package/dist/esm/{VCDisplayCard2-06c93532.js → VCDisplayCard2-599e7a65.js}

@@ -1,28 +1,17 @@
 import React, { useRef, useEffect, useState, createContext, Component, Children, cloneElement, useLayoutEffect } from 'react';
-import './index-4fa491c1.js';
 import { a as VCVerificationCheckWithSpinner } from './VCVerificationCheck-80249524.js';
 import DefaultFace from './default-face.jpeg';
-import { a as getColorForVerificationStatus, j as format$1, h as getNameFromProfile, b as getInfoFromCredential, i as getImageFromProfile, k as getCategoryColor, g as getTotalCountOfSkills, c as categorizeSkills } from './credential.helpers-cdc2f4a3.js';
-import { g as getBaseUrl, a as VideoIcon, C as Camera, G as GenericDocumentIcon, L as LinkIcon, p as prettyBytes, c as capitalize, X, E as ExclamationPoint, A as AcuteCheckmark, I as InfoIcon, b as LeftArrow, d as SkillsBox, t as truncateWithEllipsis, V as VERIFIER_STATES$1, i as VerifierStateBadgeAndText, P as PersonBadge, j as VerifiedBadge, U as UnknownVerifierBadge, k as RedFlag } from './VerifierStateBadgeAndText-86214479.js';
-import { L as Lightbox } from './Lightbox-a1aab9ea.js';
-import { V as VerificationStatusEnum } from './types.esm-4ec5392e.js';
-import { A as AlignmentsBox, b as CertificateDisplayCard } from './CertificateDisplayCard-b69fd06f.js';
+import { a as getColorForVerificationStatus, j as format$1, h as getNameFromProfile, i as getImageFromProfile, b as getInfoFromCredential, k as getCategoryColor, g as getTotalCountOfSkills, c as categorizeSkills } from './credential.helpers-a5b16a5e.js';
+import { g as getBaseUrl, a as VideoIcon, C as Camera, G as GenericDocumentIcon, L as LinkIcon, p as prettyBytes, c as capitalize, X, E as ExclamationPoint, A as AcuteCheckmark, I as InfoIcon, b as LeftArrow, d as SkillsBox, t as truncateWithEllipsis, V as VERIFIER_STATES$1, i as VerifierStateBadgeAndText, P as PersonBadge, j as VerifiedBadge, U as UnknownVerifierBadge, k as RedFlag } from './VerifierStateBadgeAndText-b042bf32.js';
+import './index-705f3821.js';
+import { L as Lightbox } from './Lightbox-883afe8f.js';
+import { V as VerificationStatusEnum } from './types.esm-3a1994d5.js';
+import { A as AlignmentsBox, b as CertificateDisplayCard } from './CertificateDisplayCard-7fbe6404.js';
 import { I as IDIcon, Q as QRCodeIcon, A as AwardRibbon } from './QRCodeIcon-e9569804.js';
 import { a as LCCategoryEnum } from './index-28917993.js';
 import { P as PuzzlePiece } from './PuzzlePiece-1fb12c2e.js';
 import IDSleeve from './id-sleeve.png';
-import './CaretRightFilled.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 { a as MeritBadgeDisplayCard } from './MeritBadgeDisplayCard-575a61ed.js';
+import { a as MeritBadgeDisplayCard } from './MeritBadgeDisplayCard-ec9d5238.js';
 
 const RoundedX = ({ className = "" }) => {
   return /* @__PURE__ */ React.createElement("svg", {
@@ -59,7 +48,9 @@ const FitText = ({
   const adjustFontSize = () => {
     var _a;
     if (textRef.current) {
-      const currentFontSize = parseFloat(window.getComputedStyle(textRef.current).getPropertyValue("font-size"));
+      const currentFontSize = parseFloat(
+        window.getComputedStyle(textRef.current).getPropertyValue("font-size")
+      );
       textRef.current.style.whiteSpace = "nowrap";
       const parentWidth = (_a = textRef.current.parentNode) == null ? void 0 : _a.clientWidth;
       const scrollWidth = textRef.current.scrollWidth || textRef.current.offsetWidth;
@@ -70,7 +61,10 @@ const FitText = ({
         animationFrameId = requestAnimationFrame(adjustFontSize);
         return;
       }
-      const newFontSize = Math.min(Math.max(parentWidth / scrollWidth * currentFontSize, minFontSize), maxFontSize);
+      const newFontSize = Math.min(
+        Math.max(parentWidth / scrollWidth * currentFontSize, minFontSize),
+        maxFontSize
+      );
       textRef.current.style.fontSize = `${newFontSize}px`;
       textRef.current.style.whiteSpace = newFontSize === minFontSize ? "normal" : "nowrap";
     }
@@ -163,7 +157,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const defaultGetFileMetadata = (url) => __async(undefined, null, function* () {
+const defaultGetFileMetadata = (url) => __async(void 0, null, function* () {
   var _a;
   const isFilestack = url.includes("filestack");
   if (!isFilestack)
@@ -183,7 +177,7 @@ const defaultGetFileMetadata = (url) => __async(undefined, null, function* () {
     numberOfPages: void 0
   };
 });
-const defaultGetVideoMetadata = (url) => __async(undefined, null, function* () {
+const defaultGetVideoMetadata = (url) => __async(void 0, null, function* () {
   const isYoutube = url.includes("youtube");
   if (!isYoutube)
     return;
@@ -222,16 +216,18 @@ const MediaAttachmentsBox = ({
     }
   });
   useEffect(() => {
-    const getMetadata = (attachments2) => __async(undefined, null, function* () {
+    const getMetadata = (attachments2) => __async(void 0, null, function* () {
       const docMetadata = {};
       const videoMetadata2 = {};
-      yield Promise.all(attachments2.map((attachment) => __async(this, null, function* () {
-        if (attachment.type === "document") {
-          docMetadata[attachment.url] = yield getFileMetadata(attachment.url);
-        } else if (attachment.type === "video") {
-          videoMetadata2[attachment.url] = yield getVideoMetadata(attachment.url);
-        }
-      })));
+      yield Promise.all(
+        attachments2.map((attachment) => __async(void 0, null, function* () {
+          if (attachment.type === "document") {
+            docMetadata[attachment.url] = yield getFileMetadata(attachment.url);
+          } else if (attachment.type === "video") {
+            videoMetadata2[attachment.url] = yield getVideoMetadata(attachment.url);
+          }
+        }))
+      );
       setVideoMetadata(videoMetadata2);
       setDocumentMetadata(docMetadata);
     });
@@ -239,7 +235,9 @@ const MediaAttachmentsBox = ({
     getMetadata([...documentsAndLinks, ...videos]);
   }, []);
   const [currentLightboxUrl, setCurrentLightboxUrl] = useState(void 0);
-  const lightboxItems = mediaAttachments.filter((a) => a.type === "photo" || a.type === "video");
+  const lightboxItems = mediaAttachments.filter(
+    (a) => a.type === "photo" || a.type === "video"
+  );
   const handleMediaAttachmentClick = (url, type) => {
     if (type === "photo" || type === "video") {
       setCurrentLightboxUrl(url);
@@ -794,14 +792,24 @@ const VC2FrontFaceInfo = ({
       alt
     });
   };
-  const issueeImageEl = getImageElement(issueeImage, "Issuee image", subjectImageComponent);
-  const issuerImageEl = getImageElement(issuerImage, "Issuer image", issuerImageComponent);
+  const issueeImageEl = getImageElement(
+    issueeImage,
+    "Issuee image",
+    subjectImageComponent
+  );
+  const issuerImageEl = getImageElement(
+    issuerImage,
+    "Issuer image",
+    issuerImageComponent
+  );
   const issuerDid = typeof credential.issuer === "string" ? credential.issuer : credential.issuer.id;
   let verifierState;
   if ((credentialSubject == null ? void 0 : credentialSubject.id) === issuerDid && issuerDid && issuerDid !== "did:example:123") {
     verifierState = VERIFIER_STATES$1.selfVerified;
   } else {
-    const appRegistryEntry = trustedAppRegistry == null ? void 0 : trustedAppRegistry.find((registryEntry) => registryEntry.did === issuerDid);
+    const appRegistryEntry = trustedAppRegistry == null ? void 0 : trustedAppRegistry.find(
+      (registryEntry) => registryEntry.did === issuerDid
+    );
     if (appRegistryEntry) {
       verifierState = appRegistryEntry.isTrusted ? VERIFIER_STATES$1.trustedVerifier : VERIFIER_STATES$1.untrustedVerifier;
     } else {
@@ -856,8 +864,14 @@ const VCDisplayCardSkillsCount = ({ skills, onClick }) => {
   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 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", {
@@ -899,7 +913,9 @@ const VCIDDisplayFrontFace = ({
   if ((credentialSubject == null ? void 0 : credentialSubject.id) === issuerDid && issuerDid && issuerDid !== "did:example:123") {
     verifierState = VERIFIER_STATES.selfVerified;
   } else {
-    const appRegistryEntry = trustedAppRegistry == null ? void 0 : trustedAppRegistry.find((registryEntry) => registryEntry.did === issuerDid);
+    const appRegistryEntry = trustedAppRegistry == null ? void 0 : trustedAppRegistry.find(
+      (registryEntry) => registryEntry.did === issuerDid
+    );
     if (appRegistryEntry) {
       verifierState = appRegistryEntry.isTrusted ? VERIFIER_STATES.trustedVerifier : VERIFIER_STATES.untrustedVerifier;
     } else {
@@ -1117,16 +1133,19 @@ const VCDisplayCard2 = ({
       setHeaderWidth((_c2 = (_b2 = headerRef.current) == null ? void 0 : _b2.clientWidth) != null ? _c2 : 0);
     }, 10);
   });
-  let worstVerificationStatus = verificationItems.reduce((currentWorst, verification) => {
-    switch (currentWorst) {
-      case VerificationStatusEnum.Success:
-        return verification.status;
-      case VerificationStatusEnum.Error:
-        return verification.status === VerificationStatusEnum.Failed ? verification.status : currentWorst;
-      case VerificationStatusEnum.Failed:
-        return currentWorst;
-    }
-  }, VerificationStatusEnum.Success);
+  let worstVerificationStatus = verificationItems.reduce(
+    (currentWorst, verification) => {
+      switch (currentWorst) {
+        case VerificationStatusEnum.Success:
+          return verification.status;
+        case VerificationStatusEnum.Error:
+          return verification.status === VerificationStatusEnum.Failed ? verification.status : currentWorst;
+        case VerificationStatusEnum.Failed:
+          return currentWorst;
+      }
+    },
+    VerificationStatusEnum.Success
+  );
   const statusColor = getColorForVerificationStatus(worstVerificationStatus);
   const backgroundStyle = {
     backgroundColor: (_a = credential == null ? void 0 : credential.display) == null ? void 0 : _a.backgroundColor,
@@ -1349,4 +1368,4 @@ const VCDisplayCard2 = ({
 };
 
 export { VCDisplayCard2 as V, VCDisplayCardSkillsCount as a, VCIDDisplayCard as b };
-//# sourceMappingURL=VCDisplayCard2-06c93532.js.map
+//# sourceMappingURL=VCDisplayCard2-599e7a65.js.map