@learncard/react 2.3.49 → 2.3.50

package/dist/cjs/{VCCard-b78d2f19.js → VCCard-0d144529.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var core = require('@learncard/core');
-var VCDisplayCard = require('./VCDisplayCard-56621eed.js');
+var VCDisplayCard = require('./VCDisplayCard-52814572.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -50,4 +50,4 @@ const VCCard = ({ credential, issueeOverride, className = "" }) => {
 };
 
 exports.VCCard = VCCard;
-//# sourceMappingURL=VCCard-b78d2f19.js.map
+//# sourceMappingURL=VCCard-0d144529.js.map

package/dist/cjs/{VCCard-b78d2f19.js.map → VCCard-0d144529.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VCCard-b78d2f19.js","sources":["../../src/components/VCCard/VCCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { initLearnCard } from '@learncard/core';\nimport { VC, Profile, VerificationItem } from '@learncard/types';\n\nimport { VCDisplayCard } from '../VCDisplayCard';\n\nexport type VCCardProps = {\n    credential: VC;\n    issueeOverride?: Profile;\n    className?: string;\n};\n\nexport const VCCard: React.FC<VCCardProps> = ({ credential, issueeOverride, className = '' }) => {\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    return (\n        <VCDisplayCard\n            credential={credential}\n            issueeOverride={issueeOverride}\n            className={className}\n            loading={loading}\n            verification={vcVerification}\n        />\n    );\n};\n\nexport default VCCard;\n"],"names":["useState","useEffect","initLearnCard","React","VCDisplayCard"],"mappings":";;;;;;;;;;AAAA,IAAI,OAAO,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,KAAK;AAClD,EAAE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK;AAC1C,IAAI,IAAI,SAAS,GAAG,CAAC,KAAK,KAAK;AAC/B,MAAM,IAAI;AACV,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC;AAClB,OAAO;AACP,KAAK,CAAC;AACN,IAAI,IAAI,QAAQ,GAAG,CAAC,KAAK,KAAK;AAC9B,MAAM,IAAI;AACV,QAAQ,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACrC,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC;AAClB,OAAO;AACP,KAAK,CAAC;AACN,IAAI,IAAI,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACrG,IAAI,IAAI,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AACpE,GAAG,CAAC,CAAC;AACL,CAAC,CAAC;AAIU,MAAC,MAAM,GAAG,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AAC1E,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;AAC/C,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC,CAAC;AAC3D,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,aAAa;AAC5D,MAAM,MAAM,MAAM,GAAG,MAAMC,kBAAa,EAAE,CAAC;AAC3C,MAAM,MAAM,YAAY,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;AACtF,MAAM,iBAAiB,CAAC,YAAY,CAAC,CAAC;AACtC,MAAM,UAAU,CAAC,KAAK,CAAC,CAAC;AACxB,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,EAAE,CAAC;AACb,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AACnB,EAAE,uBAAuBC,yBAAK,CAAC,aAAa,CAACC,2BAAa,EAAE;AAC5D,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,YAAY,EAAE,cAAc;AAChC,GAAG,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"VCCard-0d144529.js","sources":["../../src/components/VCCard/VCCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { initLearnCard } from '@learncard/core';\nimport { VC, Profile, VerificationItem } from '@learncard/types';\n\nimport { VCDisplayCard } from '../VCDisplayCard';\n\nexport type VCCardProps = {\n    credential: VC;\n    issueeOverride?: Profile;\n    className?: string;\n};\n\nexport const VCCard: React.FC<VCCardProps> = ({ credential, issueeOverride, className = '' }) => {\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    return (\n        <VCDisplayCard\n            credential={credential}\n            issueeOverride={issueeOverride}\n            className={className}\n            loading={loading}\n            verification={vcVerification}\n        />\n    );\n};\n\nexport default VCCard;\n"],"names":["useState","useEffect","initLearnCard","React","VCDisplayCard"],"mappings":";;;;;;;;;;AAAA,IAAI,OAAO,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,KAAK;AAClD,EAAE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK;AAC1C,IAAI,IAAI,SAAS,GAAG,CAAC,KAAK,KAAK;AAC/B,MAAM,IAAI;AACV,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC;AAClB,OAAO;AACP,KAAK,CAAC;AACN,IAAI,IAAI,QAAQ,GAAG,CAAC,KAAK,KAAK;AAC9B,MAAM,IAAI;AACV,QAAQ,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACrC,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC;AAClB,OAAO;AACP,KAAK,CAAC;AACN,IAAI,IAAI,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACrG,IAAI,IAAI,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AACpE,GAAG,CAAC,CAAC;AACL,CAAC,CAAC;AAIU,MAAC,MAAM,GAAG,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AAC1E,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;AAC/C,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC,CAAC;AAC3D,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,aAAa;AAC5D,MAAM,MAAM,MAAM,GAAG,MAAMC,kBAAa,EAAE,CAAC;AAC3C,MAAM,MAAM,YAAY,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;AACtF,MAAM,iBAAiB,CAAC,YAAY,CAAC,CAAC;AACtC,MAAM,UAAU,CAAC,KAAK,CAAC,CAAC;AACxB,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,EAAE,CAAC;AACb,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AACnB,EAAE,uBAAuBC,yBAAK,CAAC,aAAa,CAACC,2BAAa,EAAE;AAC5D,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,YAAY,EAAE,cAAc;AAChC,GAAG,CAAC,CAAC;AACL;;;;"}

package/dist/cjs/{VCDisplayCard-56621eed.js → VCDisplayCard-52814572.js}

@@ -2433,18 +2433,22 @@ const VCDisplayFrontFace = ({
   issuer,
   issuee,
   subjectImageComponent,
+  hideProfileBubbles = false,
   credentialSubject,
   className = "",
   loading
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const credentialAchievementImage = (_a = credentialSubject == null ? void 0 : credentialSubject.achievement) == null ? void 0 : _a.image;
   const issuerName = VCDisplayBackFace.getNameFromProfile(issuer != null ? issuer : "");
   const issueeName = VCDisplayBackFace.getNameFromProfile(issuee != null ? issuee : "");
   const issuerImage = VCDisplayBackFace.getImageFromProfile(issuer != null ? issuer : "");
   const issueeImage = VCDisplayBackFace.getImageFromProfile(issuee != null ? issuee : "");
+  const issuerNameAbr = (_b = issuerName == null ? void 0 : issuerName.slice(0, 1)) != null ? _b : "";
   let issueeImageEl = null;
-  if (issueeImage) {
+  const issuerImgExists = issuerImage && issuerImage !== "";
+  const issueeImgExists = issueeImage && issueeImage !== "";
+  if (issueeImgExists) {
     issueeImageEl = /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "flex flex-row items-center justify-center h-full w-full rounded-full border-solid border-4 border-white overflow-hidden bg-white"
     }, /* @__PURE__ */ React__default["default"].createElement("img", {
@@ -2452,9 +2456,21 @@ const VCDisplayFrontFace = ({
       src: issueeImage || DefaultFace__default["default"],
       alt: "Issuee image"
     }));
-  } else if (!issueeImage && subjectImageComponent) {
+  } else if (!issueeImgExists && subjectImageComponent) {
     issueeImageEl = subjectImageComponent;
   }
+  let issuerImageEl = null;
+  if (issuerImgExists) {
+    issuerImageEl = /* @__PURE__ */ React__default["default"].createElement("img", {
+      className: "w-4/6 h-4/6 object-cover",
+      src: issuerImage,
+      alt: "Issuer image"
+    });
+  } else {
+    issuerImageEl = /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "flex flex-row items-center justify-center h-full w-full overflow-hidden bg-emerald-700 text-white font-medium text-3xl"
+    }, issuerNameAbr);
+  }
   return /* @__PURE__ */ React__default["default"].createElement("div", {
     className: `flex overflow-hidden flex-col items-center justify-between relative max-w-[400px] h-[100%] max-h-[600px] min-h-[600px] p-7 rounded-3xl shadow-3xl bg-emerald-700 vc-display-card-full-container ${className}`
   }, /* @__PURE__ */ React__default["default"].createElement("section", {
@@ -2468,29 +2484,23 @@ const VCDisplayFrontFace = ({
     src: credentialAchievementImage != null ? credentialAchievementImage : "",
     alt: "Credential Achievement Image"
   })), /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "flex flex-row items-start justify-between w-full line-clamp-2"
+    className: "flex flex-row  w-full line-clamp-2"
   }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-row items-start justify-start line-clamp-2 py-4 "
+    className: "flex flex-row w-full line-clamp-2 py-4 vc-flippy-card-title-front "
   }, /* @__PURE__ */ React__default["default"].createElement("h3", {
-    className: "text-2xl line-clamp-2 tracking-wide leading-snug text-center vc-display-title text-gray-900 font-medium",
+    className: "vc-thumbnail-title w-full text-2xl line-clamp-2 tracking-wide leading-snug text-center vc-display-title text-gray-900 font-medium",
     "data-testid": "vc-thumbnail-title"
   }, title != null ? title : ""))), /* @__PURE__ */ React__default["default"].createElement("section", {
     className: "flex flex-row items-center justify-center mt-2 w-full my-2 vc-card-issuer-thumbs"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+  }, !hideProfileBubbles && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-row items-center justify-center rounded-full overflow-hidden bg-white w-10/12 h-5/6"
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "w-4/6 h-4/6 object-cover",
-    src: issuerImage,
-    alt: "Issuer image"
-  }))), /* @__PURE__ */ React__default["default"].createElement("img", {
+  }, issuerImageEl), /* @__PURE__ */ React__default["default"].createElement("img", {
     className: "h-8 w-8 my-0 mx-4",
-    src: (_b = FatArrow__default["default"]) != null ? _b : "",
+    src: (_c = FatArrow__default["default"]) != null ? _c : "",
     alt: "fat arrow icon"
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white"
-  }, issueeImageEl)), /* @__PURE__ */ React__default["default"].createElement("div", {
+  }, issueeImageEl))), /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "w-full mt-2 vc-card-issued-to-info"
   }, /* @__PURE__ */ React__default["default"].createElement("p", {
     className: "text-sm font-light text-center line-clamp-2 vc-display-issue-details text-gray-900",
@@ -2507,7 +2517,7 @@ const VCDisplayFrontFace = ({
     className: "flex items-center"
   }, "Details"), /* @__PURE__ */ React__default["default"].createElement("img", {
     className: "h-8 w-8 my-0 mx-1",
-    src: (_c = FlipArrowRight__default["default"]) != null ? _c : "",
+    src: (_d = FlipArrowRight__default["default"]) != null ? _d : "",
     alt: "Flip Card"
   })))), /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "flex items-center justify-center w-full"
@@ -2531,6 +2541,7 @@ const VCDisplayCard = ({
   className = "",
   loading = false,
   verification = [],
+  hideProfileBubbles = false,
   subjectImageComponent
 }) => {
   const {
@@ -2547,6 +2558,7 @@ const VCDisplayCard = ({
     issuer,
     issuee,
     subjectImageComponent,
+    hideProfileBubbles,
     createdAt,
     className,
     loading
@@ -2563,4 +2575,4 @@ const VCDisplayCard = ({
 };
 
 exports.VCDisplayCard = VCDisplayCard;
-//# sourceMappingURL=VCDisplayCard-56621eed.js.map
+//# sourceMappingURL=VCDisplayCard-52814572.js.map