@learncard/react 2.9.26 → 2.9.27

package/dist/esm/{VerifierStateBadgeAndText-c2de56ec.js → VerifierStateBadgeAndText-c96ea8d5.js}

@@ -9,7 +9,7 @@ import Social from './social.png';
 import Stem from './stem.png';
 import Trade from './trade.png';
 import { P as PuzzlePiece } from './PuzzlePiece-a3d9cc62.js';
-import { o as object, l as literal, n as number, s as string, u as union } from './types.esm-b900cd51.js';
+import { o as object, l as literal, n as number, s as string, u as union } from './types.esm-3a3c23e0.js';
 
 const AcuteCheckmark = ({ className = "" }) => {
   return /* @__PURE__ */ React.createElement(
@@ -201,20 +201,6 @@ const LeftArrow = ({ className = "", size = "20" }) => {
   );
 };
 
-const Line = ({ className = "", width = "109" }) => {
-  return /* @__PURE__ */ React.createElement(
-    "svg",
-    {
-      width,
-      height: "6",
-      viewBox: "0 0 109 6",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    /* @__PURE__ */ React.createElement("rect", { y: "0.575806", width: "109", height: "5", rx: "2.5", fill: "#E2E3E9" })
-  );
-};
-
 const LinkIcon = ({ className = "" }) => {
   return /* @__PURE__ */ React.createElement(
     "svg",
@@ -433,9 +419,6 @@ const VideoIcon = ({ className = "", size = "25" }) => {
   );
 };
 
-const truncateWithEllipsis = (str, maxLength) => {
-  return str.length > maxLength ? `${str.substring(0, maxLength)}...` : str;
-};
 const capitalize = (string) => {
   return string ? string[0].toUpperCase() + string.slice(1) : "";
 };
@@ -3572,6 +3555,7 @@ var require_types_cjs_development = __commonJS({
       RefreshServiceValidator: /* @__PURE__ */ __name(() => RefreshServiceValidator, "RefreshServiceValidator"),
       RegExpValidator: /* @__PURE__ */ __name(() => RegExpValidator, "RegExpValidator"),
       RelatedValidator: /* @__PURE__ */ __name(() => RelatedValidator, "RelatedValidator"),
+      RenderMethodValidator: /* @__PURE__ */ __name(() => RenderMethodValidator, "RenderMethodValidator"),
       ReplaceSkillFrameworkSkillsInputValidator: /* @__PURE__ */ __name(() => ReplaceSkillFrameworkSkillsInputValidator, "ReplaceSkillFrameworkSkillsInputValidator"),
       ReplaceSkillFrameworkSkillsResultValidator: /* @__PURE__ */ __name(() => ReplaceSkillFrameworkSkillsResultValidator, "ReplaceSkillFrameworkSkillsResultValidator"),
       RequestLearnerContextEventValidator: /* @__PURE__ */ __name(() => RequestLearnerContextEventValidator, "RequestLearnerContextEventValidator"),
@@ -3614,6 +3598,7 @@ var require_types_cjs_development = __commonJS({
       SummaryCredentialKeywordValidator: /* @__PURE__ */ __name(() => SummaryCredentialKeywordValidator, "SummaryCredentialKeywordValidator"),
       SyncFrameworkInputValidator: /* @__PURE__ */ __name(() => SyncFrameworkInputValidator, "SyncFrameworkInputValidator"),
       TagValidator: /* @__PURE__ */ __name(() => TagValidator, "TagValidator"),
+      TemplateRenderMethodValidator: /* @__PURE__ */ __name(() => TemplateRenderMethodValidator, "TemplateRenderMethodValidator"),
       TermsOfUseValidator: /* @__PURE__ */ __name(() => TermsOfUseValidator, "TermsOfUseValidator"),
       UnsignedAchievementCredentialValidator: /* @__PURE__ */ __name(() => UnsignedAchievementCredentialValidator, "UnsignedAchievementCredentialValidator"),
       UnsignedClrCredentialValidator: /* @__PURE__ */ __name(() => UnsignedClrCredentialValidator, "UnsignedClrCredentialValidator"),
@@ -17151,6 +17136,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       genre: external_exports.string().optional(),
       audience: external_exports.string().optional()
     }).catchall(external_exports.any());
+    var TemplateRenderMethodValidator = external_exports.object({
+      type: external_exports.literal("TemplateRenderMethod"),
+      renderSuite: external_exports.string(),
+      template: external_exports.string(),
+      renderProperty: external_exports.array(external_exports.string()).optional(),
+      outputPreference: external_exports.object({
+        mediaType: external_exports.string()
+      }).optional()
+    });
+    var RenderMethodValidator = external_exports.union([
+      TemplateRenderMethodValidator,
+      external_exports.record(external_exports.string(), external_exports.any())
+    ]);
     var UnsignedVCValidator = external_exports.object({
       "@context": ContextValidator,
       id: external_exports.string().optional(),
@@ -17174,7 +17172,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       validUntil: external_exports.string().optional(),
       status: CredentialStatusValidator.or(CredentialStatusValidator.array()).optional(),
       termsOfUse: TermsOfUseValidator.or(TermsOfUseValidator.array()).optional(),
-      evidence: external_exports.union([VC2EvidenceValidator, external_exports.array(VC2EvidenceValidator)]).optional()
+      evidence: external_exports.union([VC2EvidenceValidator, external_exports.array(VC2EvidenceValidator)]).optional(),
+      renderMethod: external_exports.union([RenderMethodValidator, external_exports.array(RenderMethodValidator)]).optional()
     }).catchall(external_exports.any());
     var ProofValidator = external_exports.object({
       type: external_exports.string(),
@@ -17483,16 +17482,43 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       proof: ProofValidator.or(ProofValidator.array())
     });
     var StatusCheckEntryValidator = external_exports.object({
+      /**
+       * The `credentialStatus.type` as it appeared on the credential.
+       * One of `BitstringStatusListEntry`, `StatusList2021Entry`,
+       * `RevocationList2020Status`, or any future custom status type.
+       */
       entryType: external_exports.string(),
+      /**
+       * The claimed purpose of the entry. Standard values are
+       * `"revocation"` and `"suspension"`; the spec allows arbitrary
+       * strings.
+       */
       statusPurpose: external_exports.string(),
+      /**
+       * Whether the bit at the credential's index in the status list
+       * bitstring was set.
+       */
       isSet: external_exports.boolean(),
+      /** URL of the status list credential, when known. */
       statusListCredential: external_exports.string().optional(),
+      /** Original (string) index within the status list. */
       statusListIndex: external_exports.string().optional()
     });
     var VerificationCheckValidator = external_exports.object({
       checks: external_exports.string().array(),
       warnings: external_exports.string().array(),
       errors: external_exports.string().array(),
+      /**
+       * Per-entry results for the `credentialStatus` check, populated
+       * by `@learncard/didkit-plugin` when the verified credential
+       * carries one or more `credentialStatus` entries. Empty / absent
+       * for credentials without a status entry.
+       *
+       * Marked `.optional()` because the underlying `ssi-ldp`
+       * serializer omits the field when empty (`skip_serializing_if`),
+       * so older WASM builds that pre-date the structured-status
+       * change still validate against this schema.
+       */
       status: StatusCheckEntryValidator.array().optional()
     });
     var VerificationStatusValidator = external_exports.enum(["Success", "Failed", "Error"]);
@@ -19621,6 +19647,130 @@ var isAppDidWeb = /* @__PURE__ */ __name((did) => {
   return LCN_APP_DID_WEB_REGEX.test(did);
 }, "isAppDidWeb");
 
+const isDid = (str) => /^did:/i.test(str);
+const LC_NETWORK_USER_RE = /^did:web:network\.learncard\.com:users:(.+)$/i;
+const isLearnCardNetworkDid = (did) => LC_NETWORK_USER_RE.test(did);
+const formatDidDisplayName = (did) => {
+  if (!did) return "";
+  const lcMatch = did.match(LC_NETWORK_USER_RE);
+  if (lcMatch) return lcMatch[1];
+  const parts = did.split(":");
+  if (parts[0] !== "did" || parts.length < 3) return did;
+  const method = parts[1];
+  if (method === "web") {
+    return parts.slice(2).join(".");
+  }
+  const material = parts.slice(2).join(":");
+  if (material.length > 12) {
+    return `${material.slice(0, 4)}\u2026${material.slice(-4)}`;
+  }
+  return material;
+};
+const getAvatarLetterFromDid = (did) => {
+  var _a, _b, _c, _d, _e, _f;
+  if (!did) return "";
+  const lcMatch = did.match(LC_NETWORK_USER_RE);
+  if (lcMatch) return (_a = lcMatch[1][0]) != null ? _a : "";
+  const parts = did.split(":");
+  if (parts[0] !== "did" || parts.length < 3) return (_b = did[0]) != null ? _b : "";
+  const method = parts[1];
+  if (method === "web") {
+    return (_d = ((_c = parts[2]) != null ? _c : "")[0]) != null ? _d : "";
+  }
+  return (_f = ((_e = parts[2]) != null ? _e : "")[0]) != null ? _f : "";
+};
+const hashString = (str) => {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  return hash;
+};
+const AVATAR_PALETTE = [
+  "bg-indigo-600",
+  "bg-emerald-700",
+  "bg-cyan-800",
+  "bg-spice-600",
+  "bg-indigo-700",
+  "bg-emerald-600"
+];
+const DID_AVATAR_PALETTE = [
+  { avatarColor: "bg-lime-400", avatarFingerprintColor: "text-black" },
+  { avatarColor: "bg-green-500", avatarFingerprintColor: "text-white" },
+  { avatarColor: "bg-indigo-600", avatarFingerprintColor: "text-cyan-200" },
+  { avatarColor: "bg-pink-500", avatarFingerprintColor: "text-yellow-300" },
+  { avatarColor: "bg-yellow-300", avatarFingerprintColor: "text-blue-600" },
+  { avatarColor: "bg-fuchsia-300", avatarFingerprintColor: "text-black" },
+  { avatarColor: "bg-emerald-800", avatarFingerprintColor: "text-white" },
+  { avatarColor: "bg-cyan-300", avatarFingerprintColor: "text-red-600" },
+  { avatarColor: "bg-grayscale-900", avatarFingerprintColor: "text-lime-400" },
+  { avatarColor: "bg-rose-600", avatarFingerprintColor: "text-white" },
+  { avatarColor: "bg-blue-800", avatarFingerprintColor: "text-cyan-400" },
+  { avatarColor: "bg-orange-600", avatarFingerprintColor: "text-yellow-300" },
+  { avatarColor: "bg-teal-300", avatarFingerprintColor: "text-violet-600" },
+  { avatarColor: "bg-grayscale-200", avatarFingerprintColor: "text-sky-500" },
+  { avatarColor: "bg-emerald-700", avatarFingerprintColor: "text-yellow-300" },
+  { avatarColor: "bg-fuchsia-500", avatarFingerprintColor: "text-pink-200" }
+];
+const getDidAvatarColorPair = (did) => {
+  if (!did) {
+    return {
+      avatarColor: "bg-emerald-700",
+      avatarFingerprintColor: "text-white"
+    };
+  }
+  return DID_AVATAR_PALETTE[Math.abs(hashString(did)) % DID_AVATAR_PALETTE.length];
+};
+const getAvatarColorFromString = (str) => {
+  if (!str) return "bg-emerald-700";
+  return AVATAR_PALETTE[Math.abs(hashString(str)) % AVATAR_PALETTE.length];
+};
+const resolveProfileDisplay = (profile, fallbackLabel) => {
+  var _a;
+  let rawName = "";
+  let rawId = "";
+  if (typeof profile === "string") {
+    rawName = profile;
+  } else if (profile && typeof profile === "object") {
+    rawName = profile.name || profile.displayName || "";
+    rawId = profile.id || "";
+  }
+  if (rawName && !isDid(rawName)) {
+    return {
+      displayName: rawName,
+      avatarLetter: (_a = rawName[0]) != null ? _a : "",
+      avatarColor: getAvatarColorFromString(rawName),
+      avatarFingerprintColor: "text-white",
+      isMissing: false,
+      isDidValue: false,
+      isLCNetwork: false
+    };
+  }
+  const didStr = isDid(rawName) ? rawName : rawId;
+  if (didStr && isDid(didStr)) {
+    const lcNetwork = isLearnCardNetworkDid(didStr);
+    const avatarColors = getDidAvatarColorPair(didStr);
+    return {
+      displayName: formatDidDisplayName(didStr),
+      avatarLetter: getAvatarLetterFromDid(didStr),
+      avatarColor: avatarColors.avatarColor,
+      avatarFingerprintColor: avatarColors.avatarFingerprintColor,
+      isMissing: false,
+      isDidValue: !lcNetwork,
+      isLCNetwork: lcNetwork
+    };
+  }
+  return {
+    displayName: fallbackLabel,
+    avatarLetter: "",
+    avatarColor: "bg-grayscale-200",
+    avatarFingerprintColor: "text-white",
+    isMissing: true,
+    isDidValue: false,
+    isLCNetwork: false
+  };
+};
+
 const VERIFIER_STATES = {
   selfVerified: "Self Issued",
   trustedVerifier: "Trusted Issuer",
@@ -19637,5 +19787,5 @@ const VerifierStateBadgeAndText = ({
   return /* @__PURE__ */ React.createElement("div", { className: `flex justify-center ${className}` }, effectiveState === VERIFIER_STATES.selfVerified && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-green-dark" }, /* @__PURE__ */ React.createElement(PersonBadge, null), /* @__PURE__ */ React.createElement("span", { className: "whitespace-nowrap" }, "Self Issued")), effectiveState === VERIFIER_STATES.trustedVerifier && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-green-600" }, /* @__PURE__ */ React.createElement(VerifiedBadge, null), /* @__PURE__ */ React.createElement("span", { className: "whitespace-nowrap" }, unknownVerifierTitle != null ? unknownVerifierTitle : "Trusted Issuer")), effectiveState === VERIFIER_STATES.unknownVerifier && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-orange-500" }, /* @__PURE__ */ React.createElement(UnknownVerifierBadge, null), /* @__PURE__ */ React.createElement("span", { className: "whitespace-nowrap" }, unknownVerifierTitle != null ? unknownVerifierTitle : VERIFIER_STATES.unknownVerifier)), effectiveState === VERIFIER_STATES.appIssuer && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-cyan-600" }, /* @__PURE__ */ React.createElement(VerifiedBadge, null), /* @__PURE__ */ React.createElement("span", { className: "whitespace-nowrap" }, "App Issuer")), effectiveState === VERIFIER_STATES.untrustedVerifier && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-red-mastercard" }, /* @__PURE__ */ React.createElement(RedFlag, null), /* @__PURE__ */ React.createElement("span", { className: "whitespace-nowrap" }, "Untrusted Issuer")));
 };
 
-export { AcuteCheckmark as A, Camera as C, ExclamationPoint as E, FatArrow as F, GenericDocumentIcon as G, InfoIcon as I, LinkIcon as L, PersonBadge as P, RoundedCorner as R, SelectedSkills as S, UnknownVerifierBadge as U, VERIFIER_STATES as V, VerifierStateBadgeAndText as a, VideoIcon as b, capitalize as c, LeftArrow as d, SkillsBox as e, IssuerSeal as f, getBaseUrl as g, Line as h, isAppDidWeb as i, VerifiedBadge as j, RedFlag as k, prettyBytes as p, truncateWithEllipsis as t };
-//# sourceMappingURL=VerifierStateBadgeAndText-c2de56ec.js.map
+export { AcuteCheckmark as A, Camera as C, ExclamationPoint as E, FatArrow as F, GenericDocumentIcon as G, InfoIcon as I, LinkIcon as L, PersonBadge as P, RoundedCorner as R, SelectedSkills as S, UnknownVerifierBadge as U, VERIFIER_STATES as V, VerifierStateBadgeAndText as a, VideoIcon as b, capitalize as c, LeftArrow as d, SkillsBox as e, IssuerSeal as f, getBaseUrl as g, VerifiedBadge as h, isAppDidWeb as i, RedFlag as j, prettyBytes as p, resolveProfileDisplay as r };
+//# sourceMappingURL=VerifierStateBadgeAndText-c96ea8d5.js.map