@learncard/react 2.6.31 → 2.6.33
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-9ae569c2.js → VCCard-d40f49cd.js} +2 -2
- package/dist/cjs/{VCCard-9ae569c2.js.map → VCCard-d40f49cd.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard2-820cd61e.js → VCDisplayCard2-5a987b26.js} +24 -5
- package/dist/cjs/{VCDisplayCard2-820cd61e.js.map → 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-cf26b539.js → VCCard-ae90de5c.js} +2 -2
- package/dist/esm/{VCCard-cf26b539.js.map → VCCard-ae90de5c.js.map} +1 -1
- package/dist/esm/{VCDisplayCard2-164801d0.js → VCDisplayCard2-4fb1e9d4.js} +24 -5
- package/dist/esm/{VCDisplayCard2-164801d0.js.map → 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 +3 -0
- package/package.json +1 -1
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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"}
|
|
@@ -731,6 +731,8 @@ const VC2BackFace = ({
|
|
|
731
731
|
issueHistory,
|
|
732
732
|
showBackButton,
|
|
733
733
|
showFrontFace,
|
|
734
|
+
customDescription,
|
|
735
|
+
customCriteria,
|
|
734
736
|
customIssueHistoryComponent,
|
|
735
737
|
enableLightbox
|
|
736
738
|
}) => {
|
|
@@ -750,13 +752,21 @@ const VC2BackFace = ({
|
|
|
750
752
|
}, /* @__PURE__ */ React.createElement(LeftArrow, {
|
|
751
753
|
className: "text-white",
|
|
752
754
|
size: "25"
|
|
753
|
-
}), "Details")),
|
|
755
|
+
}), "Details")), customDescription && /* @__PURE__ */ React.createElement(TruncateTextBox, {
|
|
756
|
+
headerText: "About",
|
|
757
|
+
text: description,
|
|
758
|
+
className: "description-box"
|
|
759
|
+
}, customDescription), !customDescription && (description || expiration) && /* @__PURE__ */ React.createElement(TruncateTextBox, {
|
|
754
760
|
headerText: "About",
|
|
755
761
|
text: description,
|
|
756
762
|
className: "description-box"
|
|
757
763
|
}, expiration && /* @__PURE__ */ React.createElement("p", {
|
|
758
764
|
className: "text-grayscale-800 font-poppins font-[600] text-[12px] leading-[18px] mb-0"
|
|
759
|
-
}, "Expire", isExpired ? "d" : "s", " on ", expiration)),
|
|
765
|
+
}, "Expire", isExpired ? "d" : "s", " on ", expiration)), customCriteria && /* @__PURE__ */ React.createElement(TruncateTextBox, {
|
|
766
|
+
headerText: "Criteria",
|
|
767
|
+
text: description,
|
|
768
|
+
className: "description-box"
|
|
769
|
+
}, customCriteria), !customCriteria && criteria && /* @__PURE__ */ React.createElement(TruncateTextBox, {
|
|
760
770
|
headerText: "Criteria",
|
|
761
771
|
text: criteria,
|
|
762
772
|
className: "criteria-box"
|
|
@@ -777,6 +787,7 @@ const VC2BackFace = ({
|
|
|
777
787
|
const VC2FrontFaceInfo = ({
|
|
778
788
|
issuee,
|
|
779
789
|
issuer,
|
|
790
|
+
subjectDID,
|
|
780
791
|
subjectImageComponent,
|
|
781
792
|
issuerImageComponent,
|
|
782
793
|
customBodyCardComponent,
|
|
@@ -807,8 +818,10 @@ const VC2FrontFaceInfo = ({
|
|
|
807
818
|
}), customThumbComponent && customThumbComponent, /* @__PURE__ */ React.createElement("div", {
|
|
808
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"
|
|
809
820
|
}, customBodyCardComponent && customBodyCardComponent, !customBodyCardComponent && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h3", {
|
|
810
|
-
className: "text-[27px] leading-[130%] text-grayscale-900"
|
|
811
|
-
}, 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", {
|
|
812
825
|
className: "relative"
|
|
813
826
|
}, /* @__PURE__ */ React.createElement("div", {
|
|
814
827
|
className: "vc-issuee-image h-[60px] w-[60px] rounded-full overflow-hidden"
|
|
@@ -879,6 +892,7 @@ const VCDisplayCard2 = ({
|
|
|
879
892
|
verificationItems,
|
|
880
893
|
issueeOverride,
|
|
881
894
|
issuerOverride,
|
|
895
|
+
subjectDID,
|
|
882
896
|
subjectImageComponent,
|
|
883
897
|
issuerImageComponent,
|
|
884
898
|
verificationInProgress = false,
|
|
@@ -890,6 +904,8 @@ const VCDisplayCard2 = ({
|
|
|
890
904
|
customFooterComponent,
|
|
891
905
|
customBodyCardComponent,
|
|
892
906
|
customThumbComponent,
|
|
907
|
+
customCriteria,
|
|
908
|
+
customDescription,
|
|
893
909
|
customIssueHistoryComponent,
|
|
894
910
|
issueHistory,
|
|
895
911
|
titleOverride,
|
|
@@ -971,6 +987,7 @@ const VCDisplayCard2 = ({
|
|
|
971
987
|
style: __spreadValues({ paddingTop: headerHeight + 70 }, backgroundStyle)
|
|
972
988
|
}, isFront && /* @__PURE__ */ React.createElement(VC2FrontFaceInfo, {
|
|
973
989
|
issuee,
|
|
990
|
+
subjectDID,
|
|
974
991
|
issuer,
|
|
975
992
|
title,
|
|
976
993
|
subjectImageComponent,
|
|
@@ -988,6 +1005,8 @@ const VCDisplayCard2 = ({
|
|
|
988
1005
|
onMediaAttachmentClick,
|
|
989
1006
|
showBackButton,
|
|
990
1007
|
showFrontFace: () => setIsFront(true),
|
|
1008
|
+
customDescription,
|
|
1009
|
+
customCriteria,
|
|
991
1010
|
customIssueHistoryComponent,
|
|
992
1011
|
enableLightbox
|
|
993
1012
|
}), /* @__PURE__ */ React.createElement("button", {
|
|
@@ -1019,4 +1038,4 @@ const VCDisplayCard2 = ({
|
|
|
1019
1038
|
};
|
|
1020
1039
|
|
|
1021
1040
|
export { VCDisplayCard2 as V };
|
|
1022
|
-
//# sourceMappingURL=VCDisplayCard2-
|
|
1041
|
+
//# sourceMappingURL=VCDisplayCard2-4fb1e9d4.js.map
|