@learncard/react 2.3.49 → 2.3.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/cjs/{VCCard-b78d2f19.js → VCCard-d04bbb8d.js} +2 -2
  2. package/dist/cjs/{VCCard-b78d2f19.js.map → VCCard-d04bbb8d.js.map} +1 -1
  3. package/dist/cjs/{VCDisplayBackFace-9f5b806d.js → VCDisplayBackFace-80deea80.js} +5 -5
  4. package/dist/cjs/VCDisplayBackFace-80deea80.js.map +1 -0
  5. package/dist/cjs/{VCDisplayCard-56621eed.js → VCDisplayCard-8af36d1c.js} +42 -22
  6. package/dist/cjs/{VCDisplayCard-56621eed.js.map → VCDisplayCard-8af36d1c.js.map} +1 -1
  7. package/dist/cjs/index-63ee021e.js.map +1 -1
  8. package/dist/cjs/index.js +3 -3
  9. package/dist/cjs/index10.js +3 -3
  10. package/dist/cjs/index29.js +3 -3
  11. package/dist/cjs/index30.js +1 -1
  12. package/dist/cjs/index31.js +2 -2
  13. package/dist/esm/{VCCard-082fef1d.js → VCCard-fdbb9b04.js} +2 -2
  14. package/dist/esm/{VCCard-082fef1d.js.map → VCCard-fdbb9b04.js.map} +1 -1
  15. package/dist/esm/{VCDisplayBackFace-41090fa6.js → VCDisplayBackFace-fabc926c.js} +5 -5
  16. package/dist/esm/VCDisplayBackFace-fabc926c.js.map +1 -0
  17. package/dist/esm/{VCDisplayCard-eaae1142.js → VCDisplayCard-df6c485d.js} +42 -22
  18. package/dist/esm/{VCDisplayCard-eaae1142.js.map → VCDisplayCard-df6c485d.js.map} +1 -1
  19. package/dist/esm/index-15b828c0.js.map +1 -1
  20. package/dist/esm/index.js +3 -3
  21. package/dist/esm/index10.js +3 -3
  22. package/dist/esm/index29.js +3 -3
  23. package/dist/esm/index30.js +1 -1
  24. package/dist/esm/index31.js +2 -2
  25. package/dist/index.d.ts +6 -1
  26. package/dist/main.css +1 -1
  27. package/dist/main.js +1 -1
  28. package/package.json +2 -2
  29. package/dist/cjs/VCDisplayBackFace-9f5b806d.js.map +0 -1
  30. package/dist/esm/VCDisplayBackFace-41090fa6.js.map +0 -1
package/dist/cjs/{VCCard-b78d2f19.js → VCCard-d04bbb8d.js} RENAMED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var React = require('react');
4
4
  var core = require('@learncard/core');
5
- var VCDisplayCard = require('./VCDisplayCard-56621eed.js');
5
+ var VCDisplayCard = require('./VCDisplayCard-8af36d1c.js');
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -50,4 +50,4 @@ const VCCard = ({ credential, issueeOverride, className = "" }) => {
50
50
  };
51
51
 
52
52
  exports.VCCard = VCCard;
53
- //# sourceMappingURL=VCCard-b78d2f19.js.map
53
+ //# sourceMappingURL=VCCard-d04bbb8d.js.map
package/dist/cjs/{VCCard-b78d2f19.js.map → VCCard-d04bbb8d.js.map} RENAMED
@@ -1 +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;;;;"}
1
+ {"version":3,"file":"VCCard-d04bbb8d.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/{VCDisplayBackFace-9f5b806d.js → VCDisplayBackFace-80deea80.js} RENAMED
@@ -59,15 +59,15 @@ const VCDisplayBackFace = ({
59
59
  }, /* @__PURE__ */ React__default["default"].createElement("h6", {
60
60
  className: "line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased"
61
61
  }, "Description"), /* @__PURE__ */ React__default["default"].createElement("p", {
62
- className: "line-clamp-4 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp"
62
+ className: "line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp"
63
63
  }, descriptionText)), /* @__PURE__ */ React__default["default"].createElement("div", {
64
- className: "width-full mt-7"
64
+ className: "width-full mt-[10px]"
65
65
  }, /* @__PURE__ */ React__default["default"].createElement("h6", {
66
66
  className: "line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased"
67
67
  }, "Criteria"), /* @__PURE__ */ React__default["default"].createElement("p", {
68
- className: "line-clamp-4 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp"
68
+ className: "line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp"
69
69
  }, criteriaText)), /* @__PURE__ */ React__default["default"].createElement("div", {
70
- className: "width-full mt-7 line-clamp-1 overflow-hidden vc-issuer-name-info"
70
+ className: "width-full mt-[10px] line-clamp-1 overflow-hidden vc-issuer-name-info"
71
71
  }, /* @__PURE__ */ React__default["default"].createElement("h6", {
72
72
  className: "line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased"
73
73
  }, "Issuer"), /* @__PURE__ */ React__default["default"].createElement("p", {
@@ -99,4 +99,4 @@ const VCDisplayBackFace = ({
99
99
  exports.VCDisplayBackFace = VCDisplayBackFace;
100
100
  exports.getImageFromProfile = getImageFromProfile;
101
101
  exports.getNameFromProfile = getNameFromProfile;
102
- //# sourceMappingURL=VCDisplayBackFace-9f5b806d.js.map
102
+ //# sourceMappingURL=VCDisplayBackFace-80deea80.js.map
package/dist/cjs/VCDisplayBackFace-80deea80.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VCDisplayBackFace-80deea80.js","sources":["../../src/helpers/credential.helpers.ts","../../src/components/VCDisplayBackFace/VCDisplayBackFace.tsx"],"sourcesContent":["import { Image, Profile } from '@learncard/types';\n\nexport const getImageFromImage = (image: Image): string => {\n if (typeof image === 'string') return image;\n\n return image.id ?? '';\n};\n\nexport const getNameFromProfile = (profile: Profile): string => {\n if (typeof profile === 'string') return profile;\n\n return profile.name ?? '';\n};\n\nexport const getImageFromProfile = (profile: Profile): string => {\n if (typeof profile === 'string') return '';\n\n return getImageFromImage(profile.image ?? '');\n};\n","import React from 'react';\nimport { VCDisplayCardProps } from '../../types';\nimport { VCVerificationCheckWithText } from '../VCVerificationCheck/VCVerificationCheck';\nimport VCVerificationPill from '../VCVerificationPill/VCVerificationPill';\nimport FlipArrowRight from '../../assets/images/ArrowArcRight.svg';\nimport { getNameFromProfile } from '../../helpers/credential.helpers';\n\nexport const VCDisplayBackFace: React.FC<VCDisplayCardProps> = ({\n issuer,\n credentialSubject,\n className = '',\n loading,\n verification = [],\n}) => {\n const descriptionText = credentialSubject?.achievement?.description;\n const criteriaText = credentialSubject?.achievement?.criteria?.narrative;\n const issuerUrl = typeof issuer === 'object' ? issuer.url : '';\n const issuerName = getNameFromProfile(issuer ?? '');\n\n return (\n <div\n className={`flex overflow-hidden flex-col items-center justify-between relative max-w-[400px] h-[100%] max-h-[1100px] min-h-[600px] p-7 rounded-3xl shadow-3xl bg-emerald-700 vc-display-card-full-container ${className}`}\n >\n <section className=\"flex max-h-[150px] items-end bg-white rounded-bl-[50%] rounded-br-[50%] absolute top-0 w-[110%] h-[55%] min-h-[400px]\"></section>\n <section className=\"flex flex-col items-center justify-center z-10 text-left credential-details-container max-w-[100%] relative\">\n <section className=\"flex flex-row items-start justify-start w-full line-clamp-2\">\n <h3\n className=\"text-2xl line-clamp-2 tracking-wide leading-snug text-left text-emerald-700\"\n data-testid=\"vc-credential-details-title tracking-wide subpixel-antialiased\"\n >\n Credential Details\n </h3>\n </section>\n\n <section className=\"flex flex-col mt-2 w-full my-2 min-h-[200px] credential-details-info\">\n <div className=\"width-full\">\n <h6 className=\"line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased\">\n Description\n </h6>\n <p className=\"line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp\">\n {descriptionText}\n </p>\n </div>\n\n <div className=\"width-full mt-[10px]\">\n <h6 className=\"line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased\">\n Criteria\n </h6>\n <p className=\"line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp\">\n {criteriaText}\n </p>\n </div>\n\n <div className=\"width-full mt-[10px] line-clamp-1 overflow-hidden vc-issuer-name-info\">\n <h6 className=\"line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased\">\n Issuer\n </h6>\n <p className=\"max-w-[344px] line-clamp-1 subpixel-antialiased text-grayscale-600 text-[14px] block overflow-ellipsis break-all\">\n {issuerName}\n </p>\n </div>\n\n {issuerUrl && (\n <p className=\"text-indigo-500 font-bold text-xs width-full text-center mt-8\">\n {issuerUrl}\n </p>\n )}\n </section>\n\n <div className=\"w-full mt-2\"></div>\n\n <button className=\"bg-white my-3 border-2 text-indigo-500 font-semibold py-2 px-4 shadow-3xl rounded-full\">\n <span className=\"flex justify-center\">\n <img\n className=\"h-8 w-8 my-0 mx-4 scale-x-[-1]\"\n src={FlipArrowRight ?? ''}\n alt=\"Flip Card\"\n />\n </span>\n </button>\n\n <section className=\"flex-col items-center justify-center checklist-container justify-center w-[100%] width-full mt-[20px]\">\n <VCVerificationCheckWithText loading={loading} />\n <section>\n {verification.map(item => (\n <VCVerificationPill\n key={item.check}\n status={item.status}\n message={item.message}\n details={item.details}\n />\n ))}\n </section>\n </section>\n </section>\n </div>\n );\n};\n\nexport default VCDisplayBackFace;\n"],"names":["React","FlipArrowRight","VCVerificationCheckWithText","VCVerificationPill"],"mappings":"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"}
package/dist/cjs/{VCDisplayCard-56621eed.js → VCDisplayCard-8af36d1c.js} RENAMED
@@ -6,7 +6,7 @@ var FatArrow = require('./icon.green.fat-arrow.png');
6
6
  var FlipArrowRight = require('./ArrowArcRight.svg');
7
7
  var DefaultFace = require('./default-face.jpeg');
8
8
  var VCVerificationCheck = require('./VCVerificationCheck-0e495524.js');
9
- var VCDisplayBackFace = require('./VCDisplayBackFace-9f5b806d.js');
9
+ var VCDisplayBackFace = require('./VCDisplayBackFace-80deea80.js');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
12
 
@@ -2433,18 +2433,23 @@ const VCDisplayFrontFace = ({
2433
2433
  issuer,
2434
2434
  issuee,
2435
2435
  subjectImageComponent,
2436
+ issuerImageComponent,
2437
+ hideProfileBubbles = false,
2436
2438
  credentialSubject,
2437
2439
  className = "",
2438
2440
  loading
2439
2441
  }) => {
2440
- var _a, _b, _c;
2441
- const credentialAchievementImage = (_a = credentialSubject == null ? void 0 : credentialSubject.achievement) == null ? void 0 : _a.image;
2442
+ var _a, _b, _c, _d, _e, _f;
2443
+ const credentialAchievementImage = ((_b = (_a = credentialSubject == null ? void 0 : credentialSubject.achievement) == null ? void 0 : _a.image) == null ? void 0 : _b.id) || ((_c = credentialSubject == null ? void 0 : credentialSubject.achievement) == null ? void 0 : _c.image);
2442
2444
  const issuerName = VCDisplayBackFace.getNameFromProfile(issuer != null ? issuer : "");
2443
2445
  const issueeName = VCDisplayBackFace.getNameFromProfile(issuee != null ? issuee : "");
2444
2446
  const issuerImage = VCDisplayBackFace.getImageFromProfile(issuer != null ? issuer : "");
2445
2447
  const issueeImage = VCDisplayBackFace.getImageFromProfile(issuee != null ? issuee : "");
2448
+ const issuerNameAbr = (_d = issuerName == null ? void 0 : issuerName.slice(0, 1)) != null ? _d : "";
2446
2449
  let issueeImageEl = null;
2447
- if (issueeImage) {
2450
+ const issuerImgExists = issuerImage && issuerImage !== "";
2451
+ const issueeImgExists = issueeImage && issueeImage !== "";
2452
+ if (issueeImgExists) {
2448
2453
  issueeImageEl = /* @__PURE__ */ React__default["default"].createElement("div", {
2449
2454
  className: "flex flex-row items-center justify-center h-full w-full rounded-full border-solid border-4 border-white overflow-hidden bg-white"
2450
2455
  }, /* @__PURE__ */ React__default["default"].createElement("img", {
@@ -2452,9 +2457,24 @@ const VCDisplayFrontFace = ({
2452
2457
  src: issueeImage || DefaultFace__default["default"],
2453
2458
  alt: "Issuee image"
2454
2459
  }));
2455
- } else if (!issueeImage && subjectImageComponent) {
2460
+ } else if (!issueeImgExists && subjectImageComponent) {
2456
2461
  issueeImageEl = subjectImageComponent;
2457
2462
  }
2463
+ let issuerImageEl = null;
2464
+ if (issuerImgExists) {
2465
+ issuerImageEl = /* @__PURE__ */ React__default["default"].createElement("img", {
2466
+ className: "w-4/6 h-4/6 object-cover",
2467
+ src: issuerImage,
2468
+ alt: "Issuer image"
2469
+ });
2470
+ } else {
2471
+ issuerImageEl = /* @__PURE__ */ React__default["default"].createElement("div", {
2472
+ className: "flex flex-row items-center justify-center h-full w-full overflow-hidden bg-emerald-700 text-white font-medium text-3xl"
2473
+ }, issuerNameAbr);
2474
+ }
2475
+ if (issuerImageComponent) {
2476
+ issuerImageEl = issuerImageComponent;
2477
+ }
2458
2478
  return /* @__PURE__ */ React__default["default"].createElement("div", {
2459
2479
  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}`
2460
2480
  }, /* @__PURE__ */ React__default["default"].createElement("section", {
@@ -2468,29 +2488,23 @@ const VCDisplayFrontFace = ({
2468
2488
  src: credentialAchievementImage != null ? credentialAchievementImage : "",
2469
2489
  alt: "Credential Achievement Image"
2470
2490
  })), /* @__PURE__ */ React__default["default"].createElement("section", {
2471
- className: "flex flex-row items-start justify-between w-full line-clamp-2"
2491
+ className: "flex flex-row w-full line-clamp-2"
2472
2492
  }, /* @__PURE__ */ React__default["default"].createElement("div", {
2473
- className: "flex flex-row items-start justify-start line-clamp-2 py-4 "
2493
+ className: "flex flex-row w-full line-clamp-2 py-4 vc-flippy-card-title-front "
2474
2494
  }, /* @__PURE__ */ React__default["default"].createElement("h3", {
2475
- className: "text-2xl line-clamp-2 tracking-wide leading-snug text-center vc-display-title text-gray-900 font-medium",
2495
+ 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",
2476
2496
  "data-testid": "vc-thumbnail-title"
2477
2497
  }, title != null ? title : ""))), /* @__PURE__ */ React__default["default"].createElement("section", {
2478
2498
  className: "flex flex-row items-center justify-center mt-2 w-full my-2 vc-card-issuer-thumbs"
2479
- }, /* @__PURE__ */ React__default["default"].createElement("div", {
2499
+ }, !hideProfileBubbles && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
2480
2500
  className: "flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white"
2481
- }, /* @__PURE__ */ React__default["default"].createElement("div", {
2482
- className: "flex flex-row items-center justify-center rounded-full overflow-hidden bg-white w-10/12 h-5/6"
2483
- }, /* @__PURE__ */ React__default["default"].createElement("img", {
2484
- className: "w-4/6 h-4/6 object-cover",
2485
- src: issuerImage,
2486
- alt: "Issuer image"
2487
- }))), /* @__PURE__ */ React__default["default"].createElement("img", {
2501
+ }, issuerImageEl), /* @__PURE__ */ React__default["default"].createElement("img", {
2488
2502
  className: "h-8 w-8 my-0 mx-4",
2489
- src: (_b = FatArrow__default["default"]) != null ? _b : "",
2503
+ src: (_e = FatArrow__default["default"]) != null ? _e : "",
2490
2504
  alt: "fat arrow icon"
2491
2505
  }), /* @__PURE__ */ React__default["default"].createElement("div", {
2492
2506
  className: "flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white"
2493
- }, issueeImageEl)), /* @__PURE__ */ React__default["default"].createElement("div", {
2507
+ }, issueeImageEl))), /* @__PURE__ */ React__default["default"].createElement("div", {
2494
2508
  className: "w-full mt-2 vc-card-issued-to-info"
2495
2509
  }, /* @__PURE__ */ React__default["default"].createElement("p", {
2496
2510
  className: "text-sm font-light text-center line-clamp-2 vc-display-issue-details text-gray-900",
@@ -2507,7 +2521,7 @@ const VCDisplayFrontFace = ({
2507
2521
  className: "flex items-center"
2508
2522
  }, "Details"), /* @__PURE__ */ React__default["default"].createElement("img", {
2509
2523
  className: "h-8 w-8 my-0 mx-1",
2510
- src: (_c = FlipArrowRight__default["default"]) != null ? _c : "",
2524
+ src: (_f = FlipArrowRight__default["default"]) != null ? _f : "",
2511
2525
  alt: "Flip Card"
2512
2526
  })))), /* @__PURE__ */ React__default["default"].createElement("div", {
2513
2527
  className: "flex items-center justify-center w-full"
@@ -2528,25 +2542,31 @@ const getInfoFromCredential = (credential) => {
2528
2542
  const VCDisplayCard = ({
2529
2543
  credential,
2530
2544
  issueeOverride,
2545
+ issuerOverride,
2531
2546
  className = "",
2532
2547
  loading = false,
2533
2548
  verification = [],
2534
- subjectImageComponent
2549
+ hideProfileBubbles = false,
2550
+ subjectImageComponent,
2551
+ issuerImageComponent
2535
2552
  }) => {
2536
2553
  const {
2537
2554
  title,
2538
2555
  createdAt,
2539
- issuer,
2556
+ issuer: _issuer,
2540
2557
  issuee: _issuee,
2541
2558
  credentialSubject
2542
2559
  } = getInfoFromCredential(credential);
2543
2560
  const issuee = issueeOverride || _issuee;
2561
+ const issuer = issuerOverride || _issuer;
2544
2562
  return /* @__PURE__ */ React__default["default"].createElement(FlippyCard.FlippyCard, null, /* @__PURE__ */ React__default["default"].createElement(VCDisplayFrontFace, {
2545
2563
  title,
2546
2564
  credentialSubject,
2547
2565
  issuer,
2548
2566
  issuee,
2549
2567
  subjectImageComponent,
2568
+ issuerImageComponent,
2569
+ hideProfileBubbles,
2550
2570
  createdAt,
2551
2571
  className,
2552
2572
  loading
@@ -2563,4 +2583,4 @@ const VCDisplayCard = ({
2563
2583
  };
2564
2584
 
2565
2585
  exports.VCDisplayCard = VCDisplayCard;
2566
- //# sourceMappingURL=VCDisplayCard-56621eed.js.map
2586
+ //# sourceMappingURL=VCDisplayCard-8af36d1c.js.map