@learncard/react 2.6.32 → 2.6.34
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-e0b61a78.js → VCCard-d40f49cd.js} +2 -2
- package/dist/cjs/{VCCard-e0b61a78.js.map → VCCard-d40f49cd.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard2-e9a242e5.js → VCDisplayCard2-5a987b26.js} +8 -3
- package/dist/{esm/VCDisplayCard2-4f9555c9.js.map → cjs/VCDisplayCard2-5a987b26.js.map} +1 -1
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index12.js +2 -2
- package/dist/cjs/index35.js +2 -2
- package/dist/cjs/index38.js +1 -1
- package/dist/esm/{VCCard-f2b62663.js → VCCard-ae90de5c.js} +2 -2
- package/dist/esm/{VCCard-f2b62663.js.map → VCCard-ae90de5c.js.map} +1 -1
- package/dist/esm/{VCDisplayCard2-4f9555c9.js → VCDisplayCard2-4fb1e9d4.js} +8 -3
- package/dist/{cjs/VCDisplayCard2-e9a242e5.js.map → esm/VCDisplayCard2-4fb1e9d4.js.map} +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index12.js +2 -2
- package/dist/esm/index35.js +2 -2
- package/dist/esm/index38.js +1 -1
- package/dist/index.d.ts +1 -0
- package/package.json +2 -2
package/dist/cjs/index.js
CHANGED
|
@@ -35,11 +35,11 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
|
|
|
35
35
|
var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
|
|
36
36
|
var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
|
|
37
37
|
var SmallAchievementCard = require('./SmallAchievementCard-c76701ce.js');
|
|
38
|
-
var VCCard = require('./VCCard-
|
|
38
|
+
var VCCard = require('./VCCard-d40f49cd.js');
|
|
39
39
|
var VCDisplayBackFace = require('./VCDisplayBackFace-ec1c3e5a.js');
|
|
40
40
|
var VCDisplayCard = require('./VCDisplayCard-ccafd788.js');
|
|
41
41
|
require('react');
|
|
42
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
42
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-5a987b26.js');
|
|
43
43
|
require('./default-face.jpeg');
|
|
44
44
|
require('./types.esm-f11c659b.js');
|
|
45
45
|
require('./icon.green.fat-arrow.png');
|
package/dist/cjs/index12.js
CHANGED
|
@@ -35,11 +35,11 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
|
|
|
35
35
|
var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
|
|
36
36
|
var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
|
|
37
37
|
var SmallAchievementCard = require('./SmallAchievementCard-c76701ce.js');
|
|
38
|
-
var VCCard = require('./VCCard-
|
|
38
|
+
var VCCard = require('./VCCard-d40f49cd.js');
|
|
39
39
|
var VCDisplayBackFace = require('./VCDisplayBackFace-ec1c3e5a.js');
|
|
40
40
|
var VCDisplayCard = require('./VCDisplayCard-ccafd788.js');
|
|
41
41
|
require('react');
|
|
42
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
42
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-5a987b26.js');
|
|
43
43
|
require('./default-face.jpeg');
|
|
44
44
|
require('./types.esm-f11c659b.js');
|
|
45
45
|
require('./icon.green.fat-arrow.png');
|
package/dist/cjs/index35.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var VCCard = require('./VCCard-
|
|
5
|
+
var VCCard = require('./VCCard-d40f49cd.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('@learncard/init');
|
|
8
8
|
require('./VCDisplayCard-ccafd788.js');
|
|
@@ -20,7 +20,7 @@ require('./RedXCircle.svg');
|
|
|
20
20
|
require('./GreenCheckCircle.svg');
|
|
21
21
|
require('./YellowWarningCircle.svg');
|
|
22
22
|
require('./ArrowArcRight.svg');
|
|
23
|
-
require('./VCDisplayCard2-
|
|
23
|
+
require('./VCDisplayCard2-5a987b26.js');
|
|
24
24
|
require('./Lightbox-f19e13d2.js');
|
|
25
25
|
require('react-dom');
|
|
26
26
|
require('./AwardRibbon-14ba45fb.js');
|
package/dist/cjs/index38.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('react');
|
|
6
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
6
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-5a987b26.js');
|
|
7
7
|
require('./default-face.jpeg');
|
|
8
8
|
require('react-dom');
|
|
9
9
|
require('./types.esm-f11c659b.js');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { initLearnCard } from '@learncard/init';
|
|
3
3
|
import { V as VCDisplayCard } from './VCDisplayCard-41dac4f3.js';
|
|
4
|
-
import { V as VCDisplayCard2 } from './VCDisplayCard2-
|
|
4
|
+
import { V as VCDisplayCard2 } from './VCDisplayCard2-4fb1e9d4.js';
|
|
5
5
|
import './default-face.jpeg';
|
|
6
6
|
import 'react-dom';
|
|
7
7
|
import './types.esm-2cae99fa.js';
|
|
@@ -73,4 +73,4 @@ const VCCard = ({
|
|
|
73
73
|
};
|
|
74
74
|
|
|
75
75
|
export { VCCard as V };
|
|
76
|
-
//# sourceMappingURL=VCCard-
|
|
76
|
+
//# sourceMappingURL=VCCard-ae90de5c.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCCard-
|
|
1
|
+
{"version":3,"file":"VCCard-ae90de5c.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 MediaMetadata,\n VideoMetadata,\n CredentialIconType,\n} from '../VCDisplayCard2';\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":["this"],"mappings":"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"}
|
|
@@ -787,6 +787,7 @@ const VC2BackFace = ({
|
|
|
787
787
|
const VC2FrontFaceInfo = ({
|
|
788
788
|
issuee,
|
|
789
789
|
issuer,
|
|
790
|
+
subjectDID,
|
|
790
791
|
subjectImageComponent,
|
|
791
792
|
issuerImageComponent,
|
|
792
793
|
customBodyCardComponent,
|
|
@@ -817,8 +818,10 @@ const VC2FrontFaceInfo = ({
|
|
|
817
818
|
}), customThumbComponent && customThumbComponent, /* @__PURE__ */ React.createElement("div", {
|
|
818
819
|
className: "vc-issue-info-box bg-white flex flex-col items-center gap-[5px] rounded-[20px] shadow-bottom px-[15px] py-[20px] w-full"
|
|
819
820
|
}, customBodyCardComponent && customBodyCardComponent, !customBodyCardComponent && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h3", {
|
|
820
|
-
className: "text-[27px] leading-[130%] text-grayscale-900"
|
|
821
|
-
}, issueeName
|
|
821
|
+
className: "text-[27px] flex flex-col text-center leading-[130%] text-grayscale-900 capitalize"
|
|
822
|
+
}, issueeName, subjectDID && /* @__PURE__ */ React.createElement("span", {
|
|
823
|
+
className: "text-[12px] text-grayscale-700 leading-[18px] font-poppins font-[400] m-0 p-0 normal-case"
|
|
824
|
+
}, subjectDID)), /* @__PURE__ */ React.createElement("div", {
|
|
822
825
|
className: "relative"
|
|
823
826
|
}, /* @__PURE__ */ React.createElement("div", {
|
|
824
827
|
className: "vc-issuee-image h-[60px] w-[60px] rounded-full overflow-hidden"
|
|
@@ -889,6 +892,7 @@ const VCDisplayCard2 = ({
|
|
|
889
892
|
verificationItems,
|
|
890
893
|
issueeOverride,
|
|
891
894
|
issuerOverride,
|
|
895
|
+
subjectDID,
|
|
892
896
|
subjectImageComponent,
|
|
893
897
|
issuerImageComponent,
|
|
894
898
|
verificationInProgress = false,
|
|
@@ -983,6 +987,7 @@ const VCDisplayCard2 = ({
|
|
|
983
987
|
style: __spreadValues({ paddingTop: headerHeight + 70 }, backgroundStyle)
|
|
984
988
|
}, isFront && /* @__PURE__ */ React.createElement(VC2FrontFaceInfo, {
|
|
985
989
|
issuee,
|
|
990
|
+
subjectDID,
|
|
986
991
|
issuer,
|
|
987
992
|
title,
|
|
988
993
|
subjectImageComponent,
|
|
@@ -1033,4 +1038,4 @@ const VCDisplayCard2 = ({
|
|
|
1033
1038
|
};
|
|
1034
1039
|
|
|
1035
1040
|
export { VCDisplayCard2 as V };
|
|
1036
|
-
//# sourceMappingURL=VCDisplayCard2-
|
|
1041
|
+
//# sourceMappingURL=VCDisplayCard2-4fb1e9d4.js.map
|