@learncard/react 2.7.10 → 2.7.11

package/dist/cjs/{VCDisplayCard2-0960b02d.js → VCDisplayCard2-e779aa25.js}

@@ -4,12 +4,13 @@ var React = require('react');
 require('./index-838fa72c.js');
 var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
 var DefaultFace = require('./default-face.jpeg');
-var credential_helpers = require('./credential.helpers-07221424.js');
-var CertificateDisplayCard = require('./CertificateDisplayCard-538033fd.js');
+var credential_helpers = require('./credential.helpers-c1f43597.js');
+var VerifierStateBadgeAndText = require('./VerifierStateBadgeAndText-fd0bd814.js');
 var Lightbox = require('./Lightbox-f19e13d2.js');
 var types_esm = require('./types.esm-e15a100d.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-96545851.js');
 var QRCodeIcon = require('./QRCodeIcon-81c6e96b.js');
-var index = require('./index-7d94d5ac.js');
+var index = require('./index-5488badc.js');
 var PuzzlePiece = require('./PuzzlePiece-937c216a.js');
 var IDSleeve = require('./id-sleeve.png');
 require('./CaretRightFilled.svg');
@@ -23,6 +24,7 @@ require('./medical.svg');
 require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
+var MeritBadgeDisplayCard = require('./MeritBadgeDisplayCard-d153be39.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -269,19 +271,19 @@ const MediaAttachmentsBox = ({
     if (media.type === "video") {
       const metadata = videoMetadata[media.url];
       title = (_a = title || (metadata == null ? void 0 : metadata.title)) != null ? _a : "";
-      const baseUrl = CertificateDisplayCard.getBaseUrl(media.url);
+      const baseUrl = VerifierStateBadgeAndText.getBaseUrl(media.url);
       const iconTop = title || baseUrl;
       innerContent = /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "absolute top-0 left-0 right-0 bottom-0 bg-cover bg-no-repeat font-poppins text-white text-[12px] font-[400] leading-[17px] flex flex-col justify-end items-start p-[10px] text-left bg-rose-600 rounded-[15px]",
         style: {
           backgroundImage: (metadata == null ? void 0 : metadata.imageUrl) ? `linear-gradient(180deg, rgba(0, 0, 0, 0) 44.20%, rgba(0, 0, 0, 0.6) 69%), url(${(_b = metadata == null ? void 0 : metadata.imageUrl) != null ? _b : ""})` : void 0
         }
-      }, !(metadata == null ? void 0 : metadata.imageUrl) && /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.VideoIcon, {
+      }, !(metadata == null ? void 0 : metadata.imageUrl) && /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.VideoIcon, {
         size: "60",
         className: "m-auto"
       }), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `absolute ${iconTop ? "top-[10px]" : "bottom-[10px]"} left-[10px] z-10 flex items-center gap-[5px]`
-      }, (metadata == null ? void 0 : metadata.imageUrl) && /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.VideoIcon, null), (metadata == null ? void 0 : metadata.videoLength) && /* @__PURE__ */ React__default["default"].createElement("span", {
+      }, (metadata == null ? void 0 : metadata.imageUrl) && /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.VideoIcon, null), (metadata == null ? void 0 : metadata.videoLength) && /* @__PURE__ */ React__default["default"].createElement("span", {
         className: "leading-[23px]"
       }, metadata.videoLength)), baseUrl && /* @__PURE__ */ React__default["default"].createElement("span", {
         className: "font-[600]"
@@ -294,7 +296,7 @@ const MediaAttachmentsBox = ({
       }, /* @__PURE__ */ React__default["default"].createElement("img", {
         className: "rounded-[15px] object-cover h-full w-full",
         src: media.url
-      }), /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.Camera, {
+      }), /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.Camera, {
         className: "absolute bottom-[10px] left-[10px] z-10"
       }));
     }
@@ -321,15 +323,15 @@ const MediaAttachmentsBox = ({
     const { fileExtension, sizeInBytes, numberOfPages } = metadata != null ? metadata : {};
     let baseUrl = "";
     if (docOrLink.type === "link") {
-      baseUrl = CertificateDisplayCard.getBaseUrl(docOrLink.url);
+      baseUrl = VerifierStateBadgeAndText.getBaseUrl(docOrLink.url);
     }
     const innerContent = /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "flex flex-col gap-[5px]"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "flex gap-[5px] items-center"
-    }, docOrLink.type === "document" && /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.GenericDocumentIcon, {
+    }, docOrLink.type === "document" && /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.GenericDocumentIcon, {
       className: "shrink-0"
-    }), docOrLink.type === "link" && /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.LinkIcon, {
+    }), docOrLink.type === "link" && /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.LinkIcon, {
       className: "shrink-0"
     }), /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "text-grayscale-900 font-[400]"
@@ -341,7 +343,7 @@ const MediaAttachmentsBox = ({
       onClick: (e) => e.stopPropagation()
     }, fileExtension && /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "uppercase"
-    }, fileExtension), fileExtension && (numberOfPages || sizeInBytes) && " \u2022 ", numberOfPages && /* @__PURE__ */ React__default["default"].createElement("span", null, numberOfPages, " page", numberOfPages === 1 ? "" : "s"), numberOfPages && sizeInBytes && " \u2022 ", sizeInBytes && /* @__PURE__ */ React__default["default"].createElement("span", null, CertificateDisplayCard.prettyBytes(sizeInBytes))), docOrLink.type === "link" && /* @__PURE__ */ React__default["default"].createElement("a", {
+    }, fileExtension), fileExtension && (numberOfPages || sizeInBytes) && " \u2022 ", numberOfPages && /* @__PURE__ */ React__default["default"].createElement("span", null, numberOfPages, " page", numberOfPages === 1 ? "" : "s"), numberOfPages && sizeInBytes && " \u2022 ", sizeInBytes && /* @__PURE__ */ React__default["default"].createElement("span", null, VerifierStateBadgeAndText.prettyBytes(sizeInBytes))), docOrLink.type === "link" && /* @__PURE__ */ React__default["default"].createElement("a", {
       href: docOrLink.url,
       target: "_blank",
       rel: "noreferrer",
@@ -468,18 +470,18 @@ const VerificationRow = ({ verification }) => {
   const getIcon = () => {
     switch (verification.status) {
       case types_esm.VerificationStatusEnum.Success:
-        return /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.AcuteCheckmark, null);
+        return /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.AcuteCheckmark, null);
       case types_esm.VerificationStatusEnum.Error:
-        return /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.ExclamationPoint, null);
+        return /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.ExclamationPoint, null);
       case types_esm.VerificationStatusEnum.Failed:
-        return /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.X, null);
+        return /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.X, null);
     }
   };
   let primaryText = verification.check ? `${verification.check}: ${verification.message}` : verification.message;
   if (verification.status === types_esm.VerificationStatusEnum.Failed) {
     primaryText = (_b = (_a = verification.message) != null ? _a : verification.details) != null ? _b : "";
   }
-  primaryText = CertificateDisplayCard.capitalize(primaryText);
+  primaryText = VerifierStateBadgeAndText.capitalize(primaryText);
   const infoText = "";
   return /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "verification-row flex flex-col gap-[5px] font-poppins border-b-[1px] border-grayscale-200 border-solid w-full py-[10px] last:border-0 last:pb-0"
@@ -507,7 +509,7 @@ const VerificationsBox = ({ verificationItems }) => {
       e.stopPropagation();
       setShowInfo(!showInfo);
     }
-  }, /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.InfoIcon, {
+  }, /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.InfoIcon, {
     color: showInfo ? "#6366F1" : void 0
   })), showInfo && /* @__PURE__ */ React__default["default"].createElement(InfoBox, {
     text: "Credential verifications check the cryptographic proof of digital credentials to ensure their authenticity and accuracy.",
@@ -547,7 +549,7 @@ const VC2BackFace = ({
   }, /* @__PURE__ */ React__default["default"].createElement("button", {
     className: "vc-card-back-button rounded-full h-[50px] px-[15px] flex items-center justify-center gap-[5px] z-50 text-[30px] text-white select-none",
     onClick: showFrontFace
-  }, /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.LeftArrow, {
+  }, /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.LeftArrow, {
     className: "text-white",
     size: "25"
   }), "Details")), customDescription && /* @__PURE__ */ React__default["default"].createElement(TruncateTextBox, {
@@ -568,7 +570,7 @@ const VC2BackFace = ({
     headerText: "Criteria",
     text: criteria,
     className: "criteria-box"
-  }), ((_c = (_b = credential.skills) == null ? void 0 : _b.length) != null ? _c : 0) > 0 && (customSkillsComponent ? customSkillsComponent : /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.SkillsBox, {
+  }), ((_c = (_b = credential.skills) == null ? void 0 : _b.length) != null ? _c : 0) > 0 && (customSkillsComponent ? customSkillsComponent : /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.SkillsBox, {
     skills: (_d = credential.skills) != null ? _d : []
   })), issueHistory && (issueHistory == null ? void 0 : issueHistory.length) > 0 && /* @__PURE__ */ React__default["default"].createElement(IssueHistoryBox, {
     issueHistory,
@@ -600,8 +602,8 @@ const VC2FrontFaceInfo = ({
   customThumbComponent,
   trustedAppRegistry
 }) => {
-  const issuerName = CertificateDisplayCard.truncateWithEllipsis(credential_helpers.getNameFromProfile(issuer != null ? issuer : ""), 20);
-  const issueeName = CertificateDisplayCard.truncateWithEllipsis(credential_helpers.getNameFromProfile(issuee != null ? issuee : ""), 25);
+  const issuerName = VerifierStateBadgeAndText.truncateWithEllipsis(credential_helpers.getNameFromProfile(issuer != null ? issuer : ""), 20);
+  const issueeName = VerifierStateBadgeAndText.truncateWithEllipsis(credential_helpers.getNameFromProfile(issuee != null ? issuee : ""), 25);
   const issuerImage = credential_helpers.getImageFromProfile(issuer != null ? issuer : "");
   const issueeImage = credential_helpers.getImageFromProfile(issuee != null ? issuee : "");
   const { credentialSubject } = credential_helpers.getInfoFromCredential(credential, "MMM dd, yyyy", {
@@ -621,13 +623,13 @@ const VC2FrontFaceInfo = ({
   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 = CertificateDisplayCard.VERIFIER_STATES.selfVerified;
+    verifierState = VerifierStateBadgeAndText.VERIFIER_STATES.selfVerified;
   } else {
     const appRegistryEntry = trustedAppRegistry == null ? void 0 : trustedAppRegistry.find((registryEntry) => registryEntry.did === issuerDid);
     if (appRegistryEntry) {
-      verifierState = appRegistryEntry.isTrusted ? CertificateDisplayCard.VERIFIER_STATES.trustedVerifier : CertificateDisplayCard.VERIFIER_STATES.untrustedVerifier;
+      verifierState = appRegistryEntry.isTrusted ? VerifierStateBadgeAndText.VERIFIER_STATES.trustedVerifier : VerifierStateBadgeAndText.VERIFIER_STATES.untrustedVerifier;
     } else {
-      verifierState = CertificateDisplayCard.VERIFIER_STATES.unknownVerifier;
+      verifierState = VerifierStateBadgeAndText.VERIFIER_STATES.unknownVerifier;
     }
   }
   return /* @__PURE__ */ React__default["default"].createElement("section", {
@@ -657,7 +659,7 @@ const VC2FrontFaceInfo = ({
     className: "issued-by text-grayscale-900 font-[500]"
   }, "by ", /* @__PURE__ */ React__default["default"].createElement("strong", {
     className: "font-[700]"
-  }, issuerName))), /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.VerifierStateBadgeAndText, {
+  }, issuerName))), /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.VerifierStateBadgeAndText, {
     verifierState
   })))));
 };
@@ -951,19 +953,19 @@ const VCIDDisplayFrontFace = ({
     className: "w-full flex items-center justify-center mt-2"
   }, isSelfVerified && /* @__PURE__ */ React__default["default"].createElement("span", {
     className: "uppercase font-poppins text-base font-[500] text-green-dark flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.PersonBadge, {
+  }, /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.PersonBadge, {
     className: "w-[20px] h-[20px]"
   }), "Self Verified"), verifierState === VERIFIER_STATES.trustedVerifier && /* @__PURE__ */ React__default["default"].createElement("span", {
     className: "uppercase font-poppins text-base font-[500] text-blue-light flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.VerifiedBadge, {
+  }, /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.VerifiedBadge, {
     className: "w-[20px] h-[20px]"
   }), "Trusted Verifier"), verifierState === VERIFIER_STATES.unknownVerifier && /* @__PURE__ */ React__default["default"].createElement("span", {
     className: "uppercase font-poppins text-base font-[500] text-orange-500 flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.UnknownVerifierBadge, {
+  }, /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.UnknownVerifierBadge, {
     className: "w-[20px] h-[20px]"
   }), "Unknown Verifier"), verifierState === VERIFIER_STATES.untrustedVerifier && /* @__PURE__ */ React__default["default"].createElement("span", {
     className: "uppercase font-poppins text-base font-[500] text-red-mastercard flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.RedFlag, {
+  }, /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.RedFlag, {
     className: "w-[20px] h-[20px]"
   }), "Untrusted Verifier"))));
 };
@@ -1131,6 +1133,31 @@ const VCDisplayCard2 = ({
     backgroundAttachment: "fixed"
   };
   const _title = titleOverride || title;
+  if (categoryType === index.LCCategoryEnum.meritBadge) {
+    return /* @__PURE__ */ React__default["default"].createElement(MeritBadgeDisplayCard.MeritBadgeDisplayCard, {
+      credential,
+      categoryType,
+      issueeOverride: issuee,
+      issuerOverride: issuer,
+      verificationItems,
+      getFileMetadata,
+      getVideoMetadata,
+      onMediaAttachmentClick,
+      enableLightbox,
+      trustedAppRegistry,
+      handleXClick,
+      subjectImageComponent,
+      issuerImageComponent,
+      customBodyCardComponent,
+      hideIssueDate,
+      onDotsClick,
+      isFrontOverride,
+      setIsFrontOverride,
+      hideNavButtons,
+      showBackButton,
+      showDetailsBtn
+    });
+  }
   if (((_d = credential == null ? void 0 : credential.display) == null ? void 0 : _d.displayType) === "certificate") {
     return /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.CertificateDisplayCard, {
       credential,
@@ -1268,7 +1295,7 @@ const VCDisplayCard2 = ({
     onClick: () => setIsFront(!isFront)
   }, /* @__PURE__ */ React__default["default"].createElement("span", {
     className: "flex gap-[10px] items-center"
-  }, /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.LeftArrow, null), "Back"))))))), /* @__PURE__ */ React__default["default"].createElement("footer", {
+  }, /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.LeftArrow, null), "Back"))))))), /* @__PURE__ */ React__default["default"].createElement("footer", {
     className: "vc-card-footer w-full flex justify-between p-[5px] mt-[5px]"
   }, customFooterComponent && customFooterComponent, !customFooterComponent && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, worstVerificationStatus === types_esm.VerificationStatusEnum.Failed ? /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "w-[40px]",
@@ -1293,4 +1320,4 @@ const VCDisplayCard2 = ({
 exports.VCDisplayCard2 = VCDisplayCard2;
 exports.VCDisplayCardSkillsCount = VCDisplayCardSkillsCount;
 exports.VCIDDisplayCard = VCIDDisplayCard;
-//# sourceMappingURL=VCDisplayCard2-0960b02d.js.map
+//# sourceMappingURL=VCDisplayCard2-e779aa25.js.map