@learncard/react 2.3.50 → 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.
- package/dist/cjs/{VCCard-0d144529.js → VCCard-d04bbb8d.js} +2 -2
- package/dist/cjs/{VCCard-0d144529.js.map → VCCard-d04bbb8d.js.map} +1 -1
- package/dist/cjs/{VCDisplayBackFace-9f5b806d.js → VCDisplayBackFace-80deea80.js} +5 -5
- package/dist/cjs/VCDisplayBackFace-80deea80.js.map +1 -0
- package/dist/cjs/{VCDisplayCard-52814572.js → VCDisplayCard-8af36d1c.js} +17 -9
- package/dist/{esm/VCDisplayCard-3e008724.js.map → cjs/VCDisplayCard-8af36d1c.js.map} +1 -1
- package/dist/cjs/index-63ee021e.js.map +1 -1
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index10.js +3 -3
- package/dist/cjs/index29.js +3 -3
- package/dist/cjs/index30.js +1 -1
- package/dist/cjs/index31.js +2 -2
- package/dist/esm/{VCCard-80fabb28.js → VCCard-fdbb9b04.js} +2 -2
- package/dist/esm/{VCCard-80fabb28.js.map → VCCard-fdbb9b04.js.map} +1 -1
- package/dist/esm/{VCDisplayBackFace-41090fa6.js → VCDisplayBackFace-fabc926c.js} +5 -5
- package/dist/esm/VCDisplayBackFace-fabc926c.js.map +1 -0
- package/dist/esm/{VCDisplayCard-3e008724.js → VCDisplayCard-df6c485d.js} +17 -9
- package/dist/{cjs/VCDisplayCard-52814572.js.map → esm/VCDisplayCard-df6c485d.js.map} +1 -1
- package/dist/esm/index-15b828c0.js.map +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index10.js +3 -3
- package/dist/esm/index29.js +3 -3
- package/dist/esm/index30.js +1 -1
- package/dist/esm/index31.js +2 -2
- package/dist/index.d.ts +4 -1
- package/dist/main.css +1 -1
- package/dist/main.js +1 -1
- package/package.json +2 -2
- package/dist/cjs/VCDisplayBackFace-9f5b806d.js.map +0 -1
- package/dist/esm/VCDisplayBackFace-41090fa6.js.map +0 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var core = require('@learncard/core');
|
|
5
|
-
var VCDisplayCard = require('./VCDisplayCard-
|
|
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-
|
|
53
|
+
//# sourceMappingURL=VCCard-d04bbb8d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCCard-
|
|
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;;;;"}
|
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
102
|
+
//# sourceMappingURL=VCDisplayBackFace-80deea80.js.map
|
|
@@ -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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"}
|
|
@@ -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-
|
|
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,19 @@ const VCDisplayFrontFace = ({
|
|
|
2433
2433
|
issuer,
|
|
2434
2434
|
issuee,
|
|
2435
2435
|
subjectImageComponent,
|
|
2436
|
+
issuerImageComponent,
|
|
2436
2437
|
hideProfileBubbles = false,
|
|
2437
2438
|
credentialSubject,
|
|
2438
2439
|
className = "",
|
|
2439
2440
|
loading
|
|
2440
2441
|
}) => {
|
|
2441
|
-
var _a, _b, _c, _d;
|
|
2442
|
-
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);
|
|
2443
2444
|
const issuerName = VCDisplayBackFace.getNameFromProfile(issuer != null ? issuer : "");
|
|
2444
2445
|
const issueeName = VCDisplayBackFace.getNameFromProfile(issuee != null ? issuee : "");
|
|
2445
2446
|
const issuerImage = VCDisplayBackFace.getImageFromProfile(issuer != null ? issuer : "");
|
|
2446
2447
|
const issueeImage = VCDisplayBackFace.getImageFromProfile(issuee != null ? issuee : "");
|
|
2447
|
-
const issuerNameAbr = (
|
|
2448
|
+
const issuerNameAbr = (_d = issuerName == null ? void 0 : issuerName.slice(0, 1)) != null ? _d : "";
|
|
2448
2449
|
let issueeImageEl = null;
|
|
2449
2450
|
const issuerImgExists = issuerImage && issuerImage !== "";
|
|
2450
2451
|
const issueeImgExists = issueeImage && issueeImage !== "";
|
|
@@ -2471,6 +2472,9 @@ const VCDisplayFrontFace = ({
|
|
|
2471
2472
|
className: "flex flex-row items-center justify-center h-full w-full overflow-hidden bg-emerald-700 text-white font-medium text-3xl"
|
|
2472
2473
|
}, issuerNameAbr);
|
|
2473
2474
|
}
|
|
2475
|
+
if (issuerImageComponent) {
|
|
2476
|
+
issuerImageEl = issuerImageComponent;
|
|
2477
|
+
}
|
|
2474
2478
|
return /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2475
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}`
|
|
2476
2480
|
}, /* @__PURE__ */ React__default["default"].createElement("section", {
|
|
@@ -2496,7 +2500,7 @@ const VCDisplayFrontFace = ({
|
|
|
2496
2500
|
className: "flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white"
|
|
2497
2501
|
}, issuerImageEl), /* @__PURE__ */ React__default["default"].createElement("img", {
|
|
2498
2502
|
className: "h-8 w-8 my-0 mx-4",
|
|
2499
|
-
src: (
|
|
2503
|
+
src: (_e = FatArrow__default["default"]) != null ? _e : "",
|
|
2500
2504
|
alt: "fat arrow icon"
|
|
2501
2505
|
}), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2502
2506
|
className: "flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white"
|
|
@@ -2517,7 +2521,7 @@ const VCDisplayFrontFace = ({
|
|
|
2517
2521
|
className: "flex items-center"
|
|
2518
2522
|
}, "Details"), /* @__PURE__ */ React__default["default"].createElement("img", {
|
|
2519
2523
|
className: "h-8 w-8 my-0 mx-1",
|
|
2520
|
-
src: (
|
|
2524
|
+
src: (_f = FlipArrowRight__default["default"]) != null ? _f : "",
|
|
2521
2525
|
alt: "Flip Card"
|
|
2522
2526
|
})))), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2523
2527
|
className: "flex items-center justify-center w-full"
|
|
@@ -2538,26 +2542,30 @@ const getInfoFromCredential = (credential) => {
|
|
|
2538
2542
|
const VCDisplayCard = ({
|
|
2539
2543
|
credential,
|
|
2540
2544
|
issueeOverride,
|
|
2545
|
+
issuerOverride,
|
|
2541
2546
|
className = "",
|
|
2542
2547
|
loading = false,
|
|
2543
2548
|
verification = [],
|
|
2544
2549
|
hideProfileBubbles = false,
|
|
2545
|
-
subjectImageComponent
|
|
2550
|
+
subjectImageComponent,
|
|
2551
|
+
issuerImageComponent
|
|
2546
2552
|
}) => {
|
|
2547
2553
|
const {
|
|
2548
2554
|
title,
|
|
2549
2555
|
createdAt,
|
|
2550
|
-
issuer,
|
|
2556
|
+
issuer: _issuer,
|
|
2551
2557
|
issuee: _issuee,
|
|
2552
2558
|
credentialSubject
|
|
2553
2559
|
} = getInfoFromCredential(credential);
|
|
2554
2560
|
const issuee = issueeOverride || _issuee;
|
|
2561
|
+
const issuer = issuerOverride || _issuer;
|
|
2555
2562
|
return /* @__PURE__ */ React__default["default"].createElement(FlippyCard.FlippyCard, null, /* @__PURE__ */ React__default["default"].createElement(VCDisplayFrontFace, {
|
|
2556
2563
|
title,
|
|
2557
2564
|
credentialSubject,
|
|
2558
2565
|
issuer,
|
|
2559
2566
|
issuee,
|
|
2560
2567
|
subjectImageComponent,
|
|
2568
|
+
issuerImageComponent,
|
|
2561
2569
|
hideProfileBubbles,
|
|
2562
2570
|
createdAt,
|
|
2563
2571
|
className,
|
|
@@ -2575,4 +2583,4 @@ const VCDisplayCard = ({
|
|
|
2575
2583
|
};
|
|
2576
2584
|
|
|
2577
2585
|
exports.VCDisplayCard = VCDisplayCard;
|
|
2578
|
-
//# sourceMappingURL=VCDisplayCard-
|
|
2586
|
+
//# sourceMappingURL=VCDisplayCard-8af36d1c.js.map
|