@learncard/react 2.6.66 → 2.6.67
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-a968d699.js → VCCard-250f02a9.js} +2 -2
- package/dist/cjs/{VCCard-a968d699.js.map → VCCard-250f02a9.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard2-474c0055.js → VCDisplayCard2-669eaefa.js} +7 -7
- package/dist/{esm/VCDisplayCard2-f0baf63f.js.map → cjs/VCDisplayCard2-669eaefa.js.map} +1 -1
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index13.js +2 -2
- package/dist/cjs/index36.js +2 -2
- package/dist/cjs/index39.js +1 -1
- package/dist/esm/{VCCard-c8ef35ec.js → VCCard-a6f686c1.js} +2 -2
- package/dist/esm/{VCCard-c8ef35ec.js.map → VCCard-a6f686c1.js.map} +1 -1
- package/dist/esm/{VCDisplayCard2-f0baf63f.js → VCDisplayCard2-508c6d13.js} +7 -7
- package/dist/{cjs/VCDisplayCard2-474c0055.js.map → esm/VCDisplayCard2-508c6d13.js.map} +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index13.js +2 -2
- package/dist/esm/index36.js +2 -2
- package/dist/esm/index39.js +1 -1
- package/package.json +1 -1
|
@@ -42,7 +42,7 @@ require('./skillgraph.svg');
|
|
|
42
42
|
require('./vc.check.svg');
|
|
43
43
|
require('./ArrowArcRight.svg');
|
|
44
44
|
require('./icon.green.fat-arrow.png');
|
|
45
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
45
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-669eaefa.js');
|
|
46
46
|
require('./index.es-fd7e56d1.js');
|
|
47
47
|
require('./id-sleeve.png');
|
|
48
48
|
|
|
@@ -117,4 +117,4 @@ const VCCard = ({
|
|
|
117
117
|
};
|
|
118
118
|
|
|
119
119
|
exports.VCCard = VCCard;
|
|
120
|
-
//# sourceMappingURL=VCCard-
|
|
120
|
+
//# sourceMappingURL=VCCard-250f02a9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCCard-
|
|
1
|
+
{"version":3,"file":"VCCard-250f02a9.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":["useState","useEffect","this","initLearnCard","React","VCDisplayCard","VCDisplayCard2"],"mappings":"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"}
|
|
@@ -830,7 +830,7 @@ const VCDisplayCard2 = ({
|
|
|
830
830
|
hideNavButtons,
|
|
831
831
|
qrCodeOnClick
|
|
832
832
|
}) => {
|
|
833
|
-
var _a, _b, _c, _d, _e;
|
|
833
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
834
834
|
const {
|
|
835
835
|
title = "",
|
|
836
836
|
createdAt,
|
|
@@ -866,13 +866,13 @@ const VCDisplayCard2 = ({
|
|
|
866
866
|
const statusColor = credential_helpers.getColorForVerificationStatus(worstVerificationStatus);
|
|
867
867
|
const backgroundStyle = {
|
|
868
868
|
backgroundColor: (_a = credential == null ? void 0 : credential.display) == null ? void 0 : _a.backgroundColor,
|
|
869
|
-
backgroundImage: void 0,
|
|
869
|
+
backgroundImage: ((_b = credential == null ? void 0 : credential.display) == null ? void 0 : _b.backgroundImage) ? `linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.25)), url(${(_c = credential.display) == null ? void 0 : _c.backgroundImage})` : void 0,
|
|
870
870
|
backgroundSize: "cover",
|
|
871
871
|
backgroundPosition: "center",
|
|
872
872
|
backgroundAttachment: "fixed"
|
|
873
873
|
};
|
|
874
874
|
const _title = titleOverride || title;
|
|
875
|
-
if (((
|
|
875
|
+
if (((_d = credential == null ? void 0 : credential.display) == null ? void 0 : _d.displayType) === "certificate") {
|
|
876
876
|
return /* @__PURE__ */ React__default["default"].createElement(CertificateDisplayCard.CertificateDisplayCard, {
|
|
877
877
|
credential,
|
|
878
878
|
categoryType,
|
|
@@ -894,7 +894,7 @@ const VCDisplayCard2 = ({
|
|
|
894
894
|
setIsFrontOverride,
|
|
895
895
|
hideNavButtons
|
|
896
896
|
});
|
|
897
|
-
} else if (((
|
|
897
|
+
} else if (((_e = credential == null ? void 0 : credential.display) == null ? void 0 : _e.displayType) === "id" || categoryType === "ID") {
|
|
898
898
|
return /* @__PURE__ */ React__default["default"].createElement(VCIDDisplayCard, {
|
|
899
899
|
credential,
|
|
900
900
|
verificationItems,
|
|
@@ -1017,10 +1017,10 @@ const VCDisplayCard2 = ({
|
|
|
1017
1017
|
style: { color: statusColor }
|
|
1018
1018
|
}, worstVerificationStatus)), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
1019
1019
|
className: "vc-footer-icon rounded-[20px] h-[40px] w-[40px] flex items-center justify-center overflow-hidden",
|
|
1020
|
-
style: { backgroundColor: (
|
|
1021
|
-
}, (
|
|
1020
|
+
style: { backgroundColor: (_f = bottomRightIcon == null ? void 0 : bottomRightIcon.color) != null ? _f : "#6366F1" }
|
|
1021
|
+
}, (_g = bottomRightIcon == null ? void 0 : bottomRightIcon.image) != null ? _g : /* @__PURE__ */ React__default["default"].createElement(QRCodeIcon.AwardRibbon, null)))))));
|
|
1022
1022
|
};
|
|
1023
1023
|
|
|
1024
1024
|
exports.VCDisplayCard2 = VCDisplayCard2;
|
|
1025
1025
|
exports.VCIDDisplayCard = VCIDDisplayCard;
|
|
1026
|
-
//# sourceMappingURL=VCDisplayCard2-
|
|
1026
|
+
//# sourceMappingURL=VCDisplayCard2-669eaefa.js.map
|