@learncard/react 2.9.6 → 2.9.7

package/dist/esm/{VCCard-b207ce18.js → VCCard-e29637d6.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { initLearnCard } from '@learncard/init';
 import { V as VCDisplayCard } from './VCDisplayCard-3a8c0544.js';
-import { V as VCDisplayCard2 } from './VCDisplayCard2-983e1e29.js';
+import { V as VCDisplayCard2 } from './VCDisplayCard2-f02476ef.js';
 
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
@@ -77,4 +77,4 @@ const VCCard = ({
 };
 
 export { VCCard as V };
-//# sourceMappingURL=VCCard-b207ce18.js.map
+//# sourceMappingURL=VCCard-e29637d6.js.map

package/dist/esm/{VCCard-b207ce18.js.map → VCCard-e29637d6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VCCard-b207ce18.js","sources":["../../src/components/VCCard/VCCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { initLearnCard } from '@learncard/init';\nimport { VC, Profile, VerificationItem } from '@learncard/types';\n\nimport { VCDisplayCard } from '../VCDisplayCard';\nimport {\n    VCDisplayCard2,\n    CredentialIconType,\n} from '../VCDisplayCard2';\n\nimport { MediaMetadata, VideoMetadata } from '../../types';\n\nexport type VCCardProps = {\n    credential: VC;\n    issueeOverride?: Profile;\n    className?: string;\n    version?: '1' | '2';\n\n    /* Only used for version 2 */\n    subjectImageComponent?: React.ReactNode;\n    // convertTagsToSkills?: (tags: string[]) => { [skill: string]: string[] };\n    handleXClick?: () => void;\n    getFileMetadata?: (url: string) => MediaMetadata;\n    getVideoMetadata?: (url: string) => VideoMetadata;\n    onMediaAttachmentClick?: (url: string) => void;\n    bottomRightIcon?: CredentialIconType;\n};\n\nexport const VCCard: React.FC<VCCardProps> = ({\n    credential,\n    issueeOverride,\n    className = '',\n    version = '1',\n    subjectImageComponent,\n    // convertTagsToSkills,\n    handleXClick,\n    getFileMetadata,\n    getVideoMetadata,\n    onMediaAttachmentClick,\n    bottomRightIcon,\n}) => {\n    const [loading, setLoading] = useState(true);\n    const [vcVerification, setVCVerification] = useState<VerificationItem[]>([]);\n\n    useEffect(() => {\n        const verify = async () => {\n            const wallet = await initLearnCard();\n            const verification = await wallet.invoke.verifyCredential(credential, {}, true);\n            setVCVerification(verification);\n            setLoading(false);\n        };\n\n        verify();\n    }, [credential]);\n\n    if (version === '1') {\n        return (\n            <VCDisplayCard\n                credential={credential}\n                issueeOverride={issueeOverride}\n                className={className}\n                loading={loading}\n                verification={vcVerification}\n            />\n        );\n    }\n    return (\n        <VCDisplayCard2\n            credential={credential}\n            issueeOverride={issueeOverride}\n            verificationInProgress={loading}\n            verificationItems={vcVerification}\n            subjectImageComponent={subjectImageComponent}\n            // convertTagsToSkills={convertTagsToSkills}\n            handleXClick={handleXClick}\n            getFileMetadata={getFileMetadata}\n            getVideoMetadata={getVideoMetadata}\n            onMediaAttachmentClick={onMediaAttachmentClick}\n            bottomRightIcon={bottomRightIcon}\n        />\n    );\n};\n\nexport default VCCard;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,SAAgC,CAAC;AAAA,EAC1C,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAY,GAAA,EAAA;AAAA,EACZ,OAAU,GAAA,GAAA;AAAA,EACV,qBAAA;AAAA;AAAA,EAEA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,sBAAA;AAAA,EACA,eAAA;AACJ,CAAM,KAAA;AACF,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AAC3C,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAA,QAAA,CAA6B,EAAE,CAAA,CAAA;AAE3E,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAM,SAAS,MAAY,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AACvB,MAAM,MAAA,MAAA,GAAS,MAAM,aAAc,EAAA,CAAA;AACnC,MAAM,MAAA,YAAA,GAAe,MAAM,MAAO,CAAA,MAAA,CAAO,iBAAiB,UAAY,EAAA,IAAI,IAAI,CAAA,CAAA;AAC9E,MAAA,iBAAA,CAAkB,YAAY,CAAA,CAAA;AAC9B,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,KACpB,CAAA,CAAA;AAEA,IAAO,MAAA,EAAA,CAAA;AAAA,GACX,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAA,IAAI,YAAY,GAAK,EAAA;AACjB,IACI,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACG,UAAA;AAAA,QACA,cAAA;AAAA,QACA,SAAA;AAAA,QACA,OAAA;AAAA,QACA,YAAc,EAAA,cAAA;AAAA,OAAA;AAAA,KAClB,CAAA;AAAA,GAER;AACA,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACG,UAAA;AAAA,MACA,cAAA;AAAA,MACA,sBAAwB,EAAA,OAAA;AAAA,MACxB,iBAAmB,EAAA,cAAA;AAAA,MACnB,qBAAA;AAAA,MAEA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,sBAAA;AAAA,MACA,eAAA;AAAA,KAAA;AAAA,GACJ,CAAA;AAER;;;;"}
+{"version":3,"file":"VCCard-e29637d6.js","sources":["../../src/components/VCCard/VCCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { initLearnCard } from '@learncard/init';\nimport { VC, Profile, VerificationItem } from '@learncard/types';\n\nimport { VCDisplayCard } from '../VCDisplayCard';\nimport {\n    VCDisplayCard2,\n    CredentialIconType,\n} from '../VCDisplayCard2';\n\nimport { MediaMetadata, VideoMetadata } from '../../types';\n\nexport type VCCardProps = {\n    credential: VC;\n    issueeOverride?: Profile;\n    className?: string;\n    version?: '1' | '2';\n\n    /* Only used for version 2 */\n    subjectImageComponent?: React.ReactNode;\n    // convertTagsToSkills?: (tags: string[]) => { [skill: string]: string[] };\n    handleXClick?: () => void;\n    getFileMetadata?: (url: string) => MediaMetadata;\n    getVideoMetadata?: (url: string) => VideoMetadata;\n    onMediaAttachmentClick?: (url: string) => void;\n    bottomRightIcon?: CredentialIconType;\n};\n\nexport const VCCard: React.FC<VCCardProps> = ({\n    credential,\n    issueeOverride,\n    className = '',\n    version = '1',\n    subjectImageComponent,\n    // convertTagsToSkills,\n    handleXClick,\n    getFileMetadata,\n    getVideoMetadata,\n    onMediaAttachmentClick,\n    bottomRightIcon,\n}) => {\n    const [loading, setLoading] = useState(true);\n    const [vcVerification, setVCVerification] = useState<VerificationItem[]>([]);\n\n    useEffect(() => {\n        const verify = async () => {\n            const wallet = await initLearnCard();\n            const verification = await wallet.invoke.verifyCredential(credential, {}, true);\n            setVCVerification(verification);\n            setLoading(false);\n        };\n\n        verify();\n    }, [credential]);\n\n    if (version === '1') {\n        return (\n            <VCDisplayCard\n                credential={credential}\n                issueeOverride={issueeOverride}\n                className={className}\n                loading={loading}\n                verification={vcVerification}\n            />\n        );\n    }\n    return (\n        <VCDisplayCard2\n            credential={credential}\n            issueeOverride={issueeOverride}\n            verificationInProgress={loading}\n            verificationItems={vcVerification}\n            subjectImageComponent={subjectImageComponent}\n            // convertTagsToSkills={convertTagsToSkills}\n            handleXClick={handleXClick}\n            getFileMetadata={getFileMetadata}\n            getVideoMetadata={getVideoMetadata}\n            onMediaAttachmentClick={onMediaAttachmentClick}\n            bottomRightIcon={bottomRightIcon}\n        />\n    );\n};\n\nexport default VCCard;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,SAAgC,CAAC;AAAA,EAC1C,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAY,GAAA,EAAA;AAAA,EACZ,OAAU,GAAA,GAAA;AAAA,EACV,qBAAA;AAAA;AAAA,EAEA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,sBAAA;AAAA,EACA,eAAA;AACJ,CAAM,KAAA;AACF,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AAC3C,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAA,QAAA,CAA6B,EAAE,CAAA,CAAA;AAE3E,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAM,SAAS,MAAY,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AACvB,MAAM,MAAA,MAAA,GAAS,MAAM,aAAc,EAAA,CAAA;AACnC,MAAM,MAAA,YAAA,GAAe,MAAM,MAAO,CAAA,MAAA,CAAO,iBAAiB,UAAY,EAAA,IAAI,IAAI,CAAA,CAAA;AAC9E,MAAA,iBAAA,CAAkB,YAAY,CAAA,CAAA;AAC9B,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,KACpB,CAAA,CAAA;AAEA,IAAO,MAAA,EAAA,CAAA;AAAA,GACX,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAA,IAAI,YAAY,GAAK,EAAA;AACjB,IACI,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACG,UAAA;AAAA,QACA,cAAA;AAAA,QACA,SAAA;AAAA,QACA,OAAA;AAAA,QACA,YAAc,EAAA,cAAA;AAAA,OAAA;AAAA,KAClB,CAAA;AAAA,GAER;AACA,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACG,UAAA;AAAA,MACA,cAAA;AAAA,MACA,sBAAwB,EAAA,OAAA;AAAA,MACxB,iBAAmB,EAAA,cAAA;AAAA,MACnB,qBAAA;AAAA,MAEA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,sBAAA;AAAA,MACA,eAAA;AAAA,KAAA;AAAA,GACJ,CAAA;AAER;;;;"}

package/dist/esm/{VCDisplayCard2-983e1e29.js → VCDisplayCard2-f02476ef.js}

@@ -1,17 +1,18 @@
 import React, { useRef, useEffect, useState, createContext, Component, Children, cloneElement, useLayoutEffect } from 'react';
+import './index-4fa491c1.js';
 import { a as VCVerificationCheckWithSpinner } from './VCVerificationCheck-8b8b7a76.js';
 import { U as UserProfilePicture } from './UserProfilePicture-7b950437.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-ac4e6c0f.js';
-import { g as getBaseUrl, b as VideoIcon, C as Camera, G as GenericDocumentIcon, L as LinkIcon, p as prettyBytes, c as capitalize, E as ExclamationPoint, A as AcuteCheckmark, I as InfoIcon, d as LeftArrow, e as SkillsBox, t as truncateWithEllipsis, V as VERIFIER_STATES$1, a as VerifierStateBadgeAndText, P as PersonBadge, i as VerifiedBadge, U as UnknownVerifierBadge, j as RedFlag } from './VerifierStateBadgeAndText-490c08dc.js';
+import { g as getBaseUrl, b as VideoIcon, C as Camera, G as GenericDocumentIcon, L as LinkIcon, p as prettyBytes, c as capitalize, E as ExclamationPoint, A as AcuteCheckmark, I as InfoIcon, d as LeftArrow, e as SkillsBox, t as truncateWithEllipsis, V as VERIFIER_STATES$1, a as VerifierStateBadgeAndText, P as PersonBadge, i as VerifiedBadge, U as UnknownVerifierBadge, j as RedFlag } from './VerifierStateBadgeAndText-796c26ac.js';
 import './index-eae3ca64.js';
 import { L as Lightbox, X } from './Lightbox-f0338a0c.js';
 import { V as VerificationStatusEnum } from './types.esm-adb59560.js';
-import { A as AlignmentsBox, b as CertificateDisplayCard } from './CertificateDisplayCard-f6c1dc1b.js';
+import { A as AlignmentsBox, b as CertificateDisplayCard } from './CertificateDisplayCard-bba13104.js';
 import { I as IDIcon, Q as QRCodeIcon, A as AwardRibbon } from './QRCodeIcon-8eef4f7c.js';
 import { a as LCCategoryEnum } from './index-28917993.js';
 import { P as PuzzlePiece } from './PuzzlePiece-a3d9cc62.js';
 import IDSleeve from './id-sleeve.png';
-import { a as MeritBadgeDisplayCard } from './MeritBadgeDisplayCard-f4bf079c.js';
+import { a as MeritBadgeDisplayCard } from './MeritBadgeDisplayCard-e212372b.js';
 
 const RoundedX = ({ className = "" }) => {
   return /* @__PURE__ */ React.createElement(
@@ -830,7 +831,8 @@ const VC2FrontFaceInfo = ({
   imageUrl,
   customThumbComponent,
   knownDIDRegistry,
-  customBodyContentSlot
+  customBodyContentSlot,
+  unknownVerifierTitle
 }) => {
   const issuerName = truncateWithEllipsis(getNameFromProfile(issuer != null ? issuer : ""), 20);
   const issueeName = truncateWithEllipsis(getNameFromProfile(issuee != null ? issuee : ""), 25);
@@ -865,6 +867,8 @@ const VC2FrontFaceInfo = ({
   let verifierState;
   if ((credentialSubject == null ? void 0 : credentialSubject.id) === issuerDid && issuerDid && issuerDid !== "did:example:123") {
     verifierState = VERIFIER_STATES$1.selfVerified;
+  } else if (unknownVerifierTitle) {
+    verifierState = VERIFIER_STATES$1.trustedVerifier;
   } else {
     if ((knownDIDRegistry == null ? void 0 : knownDIDRegistry.source) === "trusted") {
       verifierState = VERIFIER_STATES$1.trustedVerifier;
@@ -882,7 +886,13 @@ const VC2FrontFaceInfo = ({
       className: "vc-front-image h-[130px] w-[130px] rounded-[10px]",
       src: imageUrl
     }
-  ), customThumbComponent && customThumbComponent, /* @__PURE__ */ React.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.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h3", { className: "text-[27px] flex flex-col text-center leading-[130%] text-grayscale-900 capitalize" }, issueeName, subjectDID && /* @__PURE__ */ React.createElement("span", { className: "text-[12px] text-grayscale-700 leading-[18px] font-poppins font-[400] m-0 p-0 normal-case" }, subjectDID)), /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement("div", { className: "vc-issuee-image h-[60px] w-[60px] rounded-full overflow-hidden" }, issueeImageEl), /* @__PURE__ */ React.createElement("div", { className: "vc-issuer-image h-[30px] w-[30px] rounded-full overflow-hidden absolute bottom-[-12px] right-[-12px]" }, issuerImageEl)), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-[13px]" }, /* @__PURE__ */ React.createElement("div", { className: "vc-issue-details mt-[10px] flex flex-col items-center font-montserrat text-[14px] leading-[20px]" }, /* @__PURE__ */ React.createElement("span", { className: "created-at text-grayscale-700" }, createdAt), /* @__PURE__ */ React.createElement("span", { className: "issued-by text-grayscale-900 font-[500]" }, "by ", /* @__PURE__ */ React.createElement("strong", { className: "font-[700]" }, issuerName))), /* @__PURE__ */ React.createElement(VerifierStateBadgeAndText, { verifierState }))), customBodyContentSlot && customBodyContentSlot)));
+  ), customThumbComponent && customThumbComponent, /* @__PURE__ */ React.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.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h3", { className: "text-[27px] flex flex-col text-center leading-[130%] text-grayscale-900 capitalize" }, issueeName, subjectDID && /* @__PURE__ */ React.createElement("span", { className: "text-[12px] text-grayscale-700 leading-[18px] font-poppins font-[400] m-0 p-0 normal-case" }, subjectDID)), /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement("div", { className: "vc-issuee-image h-[60px] w-[60px] rounded-full overflow-hidden" }, issueeImageEl), /* @__PURE__ */ React.createElement("div", { className: "vc-issuer-image h-[30px] w-[30px] rounded-full overflow-hidden absolute bottom-[-12px] right-[-12px]" }, issuerImageEl)), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-[13px]" }, /* @__PURE__ */ React.createElement("div", { className: "vc-issue-details mt-[10px] flex flex-col items-center font-montserrat text-[14px] leading-[20px]" }, /* @__PURE__ */ React.createElement("span", { className: "created-at text-grayscale-700" }, createdAt), /* @__PURE__ */ React.createElement("span", { className: "issued-by text-grayscale-900 font-[500]" }, "by ", /* @__PURE__ */ React.createElement("strong", { className: "font-[700]" }, issuerName))), /* @__PURE__ */ React.createElement(
+    VerifierStateBadgeAndText,
+    {
+      verifierState,
+      unknownVerifierTitle
+    }
+  ))), customBodyContentSlot && customBodyContentSlot)));
 };
 
 const VCDisplayCardCategoryType = ({
@@ -937,7 +947,8 @@ const VCIDDisplayFrontFace = ({
   customThumbComponent,
   hideQRCode = false,
   qrCodeOnClick,
-  customIDDescription
+  customIDDescription,
+  unknownVerifierTitle
 }) => {
   var _a;
   const { credentialSubject } = getInfoFromCredential(credential, "MMM dd, yyyy", {
@@ -947,6 +958,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;
@@ -988,7 +1001,7 @@ const VCIDDisplayFrontFace = ({
       onClick: () => setIsFront(!isFront)
     },
     "Details"
-  ), /* @__PURE__ */ React.createElement("div", { className: "w-full flex items-center justify-center mt-4" }, /* @__PURE__ */ React.createElement("div", { className: "h-[2px] w-full bg-gray-200" })), /* @__PURE__ */ React.createElement("div", { className: "w-full flex items-center justify-center mt-2" }, isSelfVerified && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-base font-[500] text-green-dark flex gap-[3px] items-center" }, /* @__PURE__ */ React.createElement(PersonBadge, { className: "w-[20px] h-[20px]" }), "Self Issued"), verifierState === VERIFIER_STATES.trustedVerifier && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-base font-[500] text-blue-light flex gap-[3px] items-center" }, /* @__PURE__ */ React.createElement(VerifiedBadge, { className: "w-[20px] h-[20px]" }), "Trusted Issuer"), verifierState === VERIFIER_STATES.unknownVerifier && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-base font-[500] text-orange-500 flex gap-[3px] items-center" }, /* @__PURE__ */ React.createElement(UnknownVerifierBadge, { className: "w-[20px] h-[20px]" }), "Unknown Issuer"), verifierState === VERIFIER_STATES.untrustedVerifier && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-base font-[500] text-red-mastercard flex gap-[3px] items-center" }, /* @__PURE__ */ React.createElement(RedFlag, { className: "w-[20px] h-[20px]" }), "Untrusted Issuer")))))));
+  ), /* @__PURE__ */ React.createElement("div", { className: "w-full flex items-center justify-center mt-4" }, /* @__PURE__ */ React.createElement("div", { className: "h-[2px] w-full bg-gray-200" })), /* @__PURE__ */ React.createElement("div", { className: "w-full flex items-center justify-center mt-2" }, isSelfVerified && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-base font-[500] text-green-dark flex gap-[3px] items-center" }, /* @__PURE__ */ React.createElement(PersonBadge, { className: "w-[20px] h-[20px]" }), "Self Issued"), verifierState === VERIFIER_STATES.trustedVerifier && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-base font-[500] text-blue-light flex gap-[3px] items-center text-center" }, /* @__PURE__ */ React.createElement(VerifiedBadge, { className: "w-[20px] h-[20px]" }), unknownVerifierTitle != null ? unknownVerifierTitle : "Trusted Issuer"), verifierState === VERIFIER_STATES.unknownVerifier && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-base font-[500] text-orange-500 flex gap-[3px] items-center" }, /* @__PURE__ */ React.createElement(UnknownVerifierBadge, { className: "w-[20px] h-[20px]" }), "Unknown Issuer"), verifierState === VERIFIER_STATES.untrustedVerifier && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-base font-[500] text-red-mastercard flex gap-[3px] items-center" }, /* @__PURE__ */ React.createElement(RedFlag, { className: "w-[20px] h-[20px]" }), "Untrusted Issuer")))))));
 };
 
 const VCIDDisplayCard = ({
@@ -1014,7 +1027,8 @@ const VCIDDisplayCard = ({
   showDetailsBtn = false,
   customIDDescription,
   hideGradientBackground = false,
-  customLinkedCredentialsComponent
+  customLinkedCredentialsComponent,
+  unknownVerifierTitle
 }) => {
   const [_isFront, _setIsFront] = useState(isFrontOverride != null ? isFrontOverride : true);
   const isFront = isFrontOverride != null ? isFrontOverride : _isFront;
@@ -1050,7 +1064,8 @@ const VCIDDisplayCard = ({
           knownDIDRegistry,
           qrCodeOnClick,
           hideQRCode,
-          customIDDescription
+          customIDDescription,
+          unknownVerifierTitle
         }
       ), !isFront && /* @__PURE__ */ React.createElement(
         VC2BackFace,
@@ -1118,7 +1133,10 @@ const VCDisplayCard2 = ({
   formattedDisplayType,
   customLinkedCredentialsComponent,
   customContentSlot,
-  customBodyContentSlot
+  customBodyContentSlot,
+  unknownVerifierTitle,
+  hideAwardedTo,
+  hideFrontFaceDetails
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const {
@@ -1192,7 +1210,10 @@ const VCDisplayCard2 = ({
         showDetailsBtn,
         formattedDisplayType,
         customLinkedCredentialsComponent,
-        customBodyContentSlot
+        customBodyContentSlot,
+        unknownVerifierTitle,
+        hideAwardedTo,
+        hideFrontFaceDetails
       }
     );
   }
@@ -1223,7 +1244,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") {
@@ -1252,7 +1276,8 @@ const VCDisplayCard2 = ({
         showDetailsBtn,
         customIDDescription,
         hideGradientBackground,
-        customLinkedCredentialsComponent
+        customLinkedCredentialsComponent,
+        unknownVerifierTitle
       }
     ));
   }
@@ -1348,7 +1373,8 @@ const VCDisplayCard2 = ({
         createdAt: createdAt != null ? createdAt : "",
         imageUrl,
         knownDIDRegistry,
-        customBodyContentSlot
+        customBodyContentSlot,
+        unknownVerifierTitle
       }
     ), !isFront && /* @__PURE__ */ React.createElement(
       VC2BackFace,
@@ -1419,4 +1445,4 @@ const VCDisplayCard2 = ({
 };
 
 export { VCDisplayCard2 as V, VCDisplayCardSkillsCount as a, VCIDDisplayCard as b };
-//# sourceMappingURL=VCDisplayCard2-983e1e29.js.map
+//# sourceMappingURL=VCDisplayCard2-f02476ef.js.map