@learncard/react 2.9.4 → 2.9.7

package/dist/cjs/{VCDisplayCard2-08ec8bfb.js → VCDisplayCard2-7e83002e.js}

@@ -4,17 +4,17 @@ var React = require('react');
 require('./index-838fa72c.js');
 var VCVerificationCheck = require('./VCVerificationCheck-92198135.js');
 var UserProfilePicture = require('./UserProfilePicture-d69fe4f0.js');
-var credential_helpers = require('./credential.helpers-d7126a07.js');
-var VerifierStateBadgeAndText = require('./VerifierStateBadgeAndText-e46d8393.js');
+var credential_helpers = require('./credential.helpers-a8529046.js');
+var VerifierStateBadgeAndText = require('./VerifierStateBadgeAndText-103557ca.js');
 require('./index-0cac2c5b.js');
 var Lightbox = require('./Lightbox-d72e19ba.js');
-var types_esm = require('./types.esm-45113962.js');
-var CertificateDisplayCard = require('./CertificateDisplayCard-96418fdf.js');
+var types_esm = require('./types.esm-15986537.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-3629a31d.js');
 var QRCodeIcon = require('./QRCodeIcon-3021a53b.js');
 var index = require('./index-5488badc.js');
 var PuzzlePiece = require('./PuzzlePiece-e64f4596.js');
 var IDSleeve = require('./id-sleeve.png');
-var MeritBadgeDisplayCard = require('./MeritBadgeDisplayCard-1ed86e80.js');
+var MeritBadgeDisplayCard = require('./MeritBadgeDisplayCard-6909f9c4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -838,7 +838,8 @@ const VC2FrontFaceInfo = ({
   imageUrl,
   customThumbComponent,
   knownDIDRegistry,
-  customBodyContentSlot
+  customBodyContentSlot,
+  unknownVerifierTitle
 }) => {
   const issuerName = VerifierStateBadgeAndText.truncateWithEllipsis(credential_helpers.getNameFromProfile(issuer != null ? issuer : ""), 20);
   const issueeName = VerifierStateBadgeAndText.truncateWithEllipsis(credential_helpers.getNameFromProfile(issuee != null ? issuee : ""), 25);
@@ -873,6 +874,8 @@ const VC2FrontFaceInfo = ({
   let verifierState;
   if ((credentialSubject == null ? void 0 : credentialSubject.id) === issuerDid && issuerDid && issuerDid !== "did:example:123") {
     verifierState = VerifierStateBadgeAndText.VERIFIER_STATES.selfVerified;
+  } else if (unknownVerifierTitle) {
+    verifierState = VerifierStateBadgeAndText.VERIFIER_STATES.trustedVerifier;
   } else {
     if ((knownDIDRegistry == null ? void 0 : knownDIDRegistry.source) === "trusted") {
       verifierState = VerifierStateBadgeAndText.VERIFIER_STATES.trustedVerifier;
@@ -890,7 +893,13 @@ const VC2FrontFaceInfo = ({
       className: "vc-front-image h-[130px] w-[130px] rounded-[10px]",
       src: imageUrl
     }
-  ), customThumbComponent && customThumbComponent, /* @__PURE__ */ React__default["default"].createElement("div", { className: "vc-issue-info-box bg-white flex flex-col items-center gap-[5px] rounded-[20px] shadow-bottom px-[15px] py-[20px] w-full" }, customBodyCardComponent && customBodyCardComponent, !customBodyCardComponent && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("h3", { className: "text-[27px] flex flex-col text-center leading-[130%] text-grayscale-900 capitalize" }, issueeName, subjectDID && /* @__PURE__ */ React__default["default"].createElement("span", { className: "text-[12px] text-grayscale-700 leading-[18px] font-poppins font-[400] m-0 p-0 normal-case" }, subjectDID)), /* @__PURE__ */ React__default["default"].createElement("div", { className: "relative" }, /* @__PURE__ */ React__default["default"].createElement("div", { className: "vc-issuee-image h-[60px] w-[60px] rounded-full overflow-hidden" }, issueeImageEl), /* @__PURE__ */ React__default["default"].createElement("div", { className: "vc-issuer-image h-[30px] w-[30px] rounded-full overflow-hidden absolute bottom-[-12px] right-[-12px]" }, issuerImageEl)), /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex flex-col gap-[13px]" }, /* @__PURE__ */ React__default["default"].createElement("div", { className: "vc-issue-details mt-[10px] flex flex-col items-center font-montserrat text-[14px] leading-[20px]" }, /* @__PURE__ */ React__default["default"].createElement("span", { className: "created-at text-grayscale-700" }, createdAt), /* @__PURE__ */ React__default["default"].createElement("span", { className: "issued-by text-grayscale-900 font-[500]" }, "by ", /* @__PURE__ */ React__default["default"].createElement("strong", { className: "font-[700]" }, issuerName))), /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.VerifierStateBadgeAndText, { verifierState }))), customBodyContentSlot && customBodyContentSlot)));
+  ), customThumbComponent && customThumbComponent, /* @__PURE__ */ React__default["default"].createElement("div", { className: "vc-issue-info-box bg-white flex flex-col items-center gap-[5px] rounded-[20px] shadow-bottom px-[15px] py-[20px] w-full" }, customBodyCardComponent && customBodyCardComponent, !customBodyCardComponent && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("h3", { className: "text-[27px] flex flex-col text-center leading-[130%] text-grayscale-900 capitalize" }, issueeName, subjectDID && /* @__PURE__ */ React__default["default"].createElement("span", { className: "text-[12px] text-grayscale-700 leading-[18px] font-poppins font-[400] m-0 p-0 normal-case" }, subjectDID)), /* @__PURE__ */ React__default["default"].createElement("div", { className: "relative" }, /* @__PURE__ */ React__default["default"].createElement("div", { className: "vc-issuee-image h-[60px] w-[60px] rounded-full overflow-hidden" }, issueeImageEl), /* @__PURE__ */ React__default["default"].createElement("div", { className: "vc-issuer-image h-[30px] w-[30px] rounded-full overflow-hidden absolute bottom-[-12px] right-[-12px]" }, issuerImageEl)), /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex flex-col gap-[13px]" }, /* @__PURE__ */ React__default["default"].createElement("div", { className: "vc-issue-details mt-[10px] flex flex-col items-center font-montserrat text-[14px] leading-[20px]" }, /* @__PURE__ */ React__default["default"].createElement("span", { className: "created-at text-grayscale-700" }, createdAt), /* @__PURE__ */ React__default["default"].createElement("span", { className: "issued-by text-grayscale-900 font-[500]" }, "by ", /* @__PURE__ */ React__default["default"].createElement("strong", { className: "font-[700]" }, issuerName))), /* @__PURE__ */ React__default["default"].createElement(
+    VerifierStateBadgeAndText.VerifierStateBadgeAndText,
+    {
+      verifierState,
+      unknownVerifierTitle
+    }
+  ))), customBodyContentSlot && customBodyContentSlot)));
 };
 
 const VCDisplayCardCategoryType = ({
@@ -945,7 +954,8 @@ const VCIDDisplayFrontFace = ({
   customThumbComponent,
   hideQRCode = false,
   qrCodeOnClick,
-  customIDDescription
+  customIDDescription,
+  unknownVerifierTitle
 }) => {
   var _a;
   const { credentialSubject } = credential_helpers.getInfoFromCredential(credential, "MMM dd, yyyy", {
@@ -955,6 +965,8 @@ const VCIDDisplayFrontFace = ({
   let verifierState;
   if ((credentialSubject == null ? void 0 : credentialSubject.id) === issuerDid && issuerDid && issuerDid !== "did:example:123") {
     verifierState = VERIFIER_STATES.selfVerified;
+  } else if (unknownVerifierTitle) {
+    verifierState = VERIFIER_STATES.trustedVerifier;
   } else {
     if ((knownDIDRegistry == null ? void 0 : knownDIDRegistry.source) === "trusted") {
       verifierState = VERIFIER_STATES.trustedVerifier;
@@ -996,7 +1008,7 @@ const VCIDDisplayFrontFace = ({
       onClick: () => setIsFront(!isFront)
     },
     "Details"
-  ), /* @__PURE__ */ React__default["default"].createElement("div", { className: "w-full flex items-center justify-center mt-4" }, /* @__PURE__ */ React__default["default"].createElement("div", { className: "h-[2px] w-full bg-gray-200" })), /* @__PURE__ */ React__default["default"].createElement("div", { 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(VerifierStateBadgeAndText.PersonBadge, { className: "w-[20px] h-[20px]" }), "Self Issued"), 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(VerifierStateBadgeAndText.VerifiedBadge, { className: "w-[20px] h-[20px]" }), "Trusted Issuer"), 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(VerifierStateBadgeAndText.UnknownVerifierBadge, { className: "w-[20px] h-[20px]" }), "Unknown Issuer"), 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(VerifierStateBadgeAndText.RedFlag, { className: "w-[20px] h-[20px]" }), "Untrusted Issuer")))))));
+  ), /* @__PURE__ */ React__default["default"].createElement("div", { className: "w-full flex items-center justify-center mt-4" }, /* @__PURE__ */ React__default["default"].createElement("div", { className: "h-[2px] w-full bg-gray-200" })), /* @__PURE__ */ React__default["default"].createElement("div", { 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(VerifierStateBadgeAndText.PersonBadge, { className: "w-[20px] h-[20px]" }), "Self Issued"), 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 text-center" }, /* @__PURE__ */ React__default["default"].createElement(VerifierStateBadgeAndText.VerifiedBadge, { className: "w-[20px] h-[20px]" }), unknownVerifierTitle != null ? unknownVerifierTitle : "Trusted Issuer"), 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(VerifierStateBadgeAndText.UnknownVerifierBadge, { className: "w-[20px] h-[20px]" }), "Unknown Issuer"), 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(VerifierStateBadgeAndText.RedFlag, { className: "w-[20px] h-[20px]" }), "Untrusted Issuer")))))));
 };
 
 const VCIDDisplayCard = ({
@@ -1022,7 +1034,8 @@ const VCIDDisplayCard = ({
   showDetailsBtn = false,
   customIDDescription,
   hideGradientBackground = false,
-  customLinkedCredentialsComponent
+  customLinkedCredentialsComponent,
+  unknownVerifierTitle
 }) => {
   const [_isFront, _setIsFront] = React.useState(isFrontOverride != null ? isFrontOverride : true);
   const isFront = isFrontOverride != null ? isFrontOverride : _isFront;
@@ -1058,7 +1071,8 @@ const VCIDDisplayCard = ({
           knownDIDRegistry,
           qrCodeOnClick,
           hideQRCode,
-          customIDDescription
+          customIDDescription,
+          unknownVerifierTitle
         }
       ), !isFront && /* @__PURE__ */ React__default["default"].createElement(
         VC2BackFace,
@@ -1126,7 +1140,10 @@ const VCDisplayCard2 = ({
   formattedDisplayType,
   customLinkedCredentialsComponent,
   customContentSlot,
-  customBodyContentSlot
+  customBodyContentSlot,
+  unknownVerifierTitle,
+  hideAwardedTo,
+  hideFrontFaceDetails
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const {
@@ -1200,7 +1217,10 @@ const VCDisplayCard2 = ({
         showDetailsBtn,
         formattedDisplayType,
         customLinkedCredentialsComponent,
-        customBodyContentSlot
+        customBodyContentSlot,
+        unknownVerifierTitle,
+        hideAwardedTo,
+        hideFrontFaceDetails
       }
     );
   }
@@ -1231,7 +1251,10 @@ const VCDisplayCard2 = ({
         showDetailsBtn,
         formattedDisplayType,
         customLinkedCredentialsComponent,
-        customBodyContentSlot
+        customBodyContentSlot,
+        unknownVerifierTitle,
+        hideAwardedTo,
+        hideFrontFaceDetails
       }
     );
   } else if (((_f = credential == null ? void 0 : credential.display) == null ? void 0 : _f.displayType) === "id" || categoryType === "ID") {
@@ -1260,7 +1283,8 @@ const VCDisplayCard2 = ({
         showDetailsBtn,
         customIDDescription,
         hideGradientBackground,
-        customLinkedCredentialsComponent
+        customLinkedCredentialsComponent,
+        unknownVerifierTitle
       }
     ));
   }
@@ -1356,7 +1380,8 @@ const VCDisplayCard2 = ({
         createdAt: createdAt != null ? createdAt : "",
         imageUrl,
         knownDIDRegistry,
-        customBodyContentSlot
+        customBodyContentSlot,
+        unknownVerifierTitle
       }
     ), !isFront && /* @__PURE__ */ React__default["default"].createElement(
       VC2BackFace,
@@ -1429,4 +1454,4 @@ const VCDisplayCard2 = ({
 exports.VCDisplayCard2 = VCDisplayCard2;
 exports.VCDisplayCardSkillsCount = VCDisplayCardSkillsCount;
 exports.VCIDDisplayCard = VCIDDisplayCard;
-//# sourceMappingURL=VCDisplayCard2-08ec8bfb.js.map
+//# sourceMappingURL=VCDisplayCard2-7e83002e.js.map