@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
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var init = require('@learncard/init');
|
|
5
5
|
var VCDisplayCard = require('./VCDisplayCard-ccafd788.js');
|
|
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');
|
|
@@ -79,4 +79,4 @@ const VCCard = ({
|
|
|
79
79
|
};
|
|
80
80
|
|
|
81
81
|
exports.VCCard = VCCard;
|
|
82
|
-
//# sourceMappingURL=VCCard-
|
|
82
|
+
//# sourceMappingURL=VCCard-d40f49cd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCCard-
|
|
1
|
+
{"version":3,"file":"VCCard-d40f49cd.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":["useState","useEffect","this","initLearnCard","React","VCDisplayCard","VCDisplayCard2"],"mappings":"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"}
|
|
@@ -738,6 +738,8 @@ const VC2BackFace = ({
|
|
|
738
738
|
issueHistory,
|
|
739
739
|
showBackButton,
|
|
740
740
|
showFrontFace,
|
|
741
|
+
customDescription,
|
|
742
|
+
customCriteria,
|
|
741
743
|
customIssueHistoryComponent,
|
|
742
744
|
enableLightbox
|
|
743
745
|
}) => {
|
|
@@ -757,13 +759,21 @@ const VC2BackFace = ({
|
|
|
757
759
|
}, /* @__PURE__ */ React__default["default"].createElement(LeftArrow, {
|
|
758
760
|
className: "text-white",
|
|
759
761
|
size: "25"
|
|
760
|
-
}), "Details")),
|
|
762
|
+
}), "Details")), customDescription && /* @__PURE__ */ React__default["default"].createElement(TruncateTextBox, {
|
|
763
|
+
headerText: "About",
|
|
764
|
+
text: description,
|
|
765
|
+
className: "description-box"
|
|
766
|
+
}, customDescription), !customDescription && (description || expiration) && /* @__PURE__ */ React__default["default"].createElement(TruncateTextBox, {
|
|
761
767
|
headerText: "About",
|
|
762
768
|
text: description,
|
|
763
769
|
className: "description-box"
|
|
764
770
|
}, expiration && /* @__PURE__ */ React__default["default"].createElement("p", {
|
|
765
771
|
className: "text-grayscale-800 font-poppins font-[600] text-[12px] leading-[18px] mb-0"
|
|
766
|
-
}, "Expire", isExpired ? "d" : "s", " on ", expiration)),
|
|
772
|
+
}, "Expire", isExpired ? "d" : "s", " on ", expiration)), customCriteria && /* @__PURE__ */ React__default["default"].createElement(TruncateTextBox, {
|
|
773
|
+
headerText: "Criteria",
|
|
774
|
+
text: description,
|
|
775
|
+
className: "description-box"
|
|
776
|
+
}, customCriteria), !customCriteria && criteria && /* @__PURE__ */ React__default["default"].createElement(TruncateTextBox, {
|
|
767
777
|
headerText: "Criteria",
|
|
768
778
|
text: criteria,
|
|
769
779
|
className: "criteria-box"
|
|
@@ -784,6 +794,7 @@ const VC2BackFace = ({
|
|
|
784
794
|
const VC2FrontFaceInfo = ({
|
|
785
795
|
issuee,
|
|
786
796
|
issuer,
|
|
797
|
+
subjectDID,
|
|
787
798
|
subjectImageComponent,
|
|
788
799
|
issuerImageComponent,
|
|
789
800
|
customBodyCardComponent,
|
|
@@ -814,8 +825,10 @@ const VC2FrontFaceInfo = ({
|
|
|
814
825
|
}), customThumbComponent && customThumbComponent, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
815
826
|
className: "vc-issue-info-box bg-white flex flex-col items-center gap-[5px] rounded-[20px] shadow-bottom px-[15px] py-[20px] w-full"
|
|
816
827
|
}, customBodyCardComponent && customBodyCardComponent, !customBodyCardComponent && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("h3", {
|
|
817
|
-
className: "text-[27px] leading-[130%] text-grayscale-900"
|
|
818
|
-
}, issueeName
|
|
828
|
+
className: "text-[27px] flex flex-col text-center leading-[130%] text-grayscale-900 capitalize"
|
|
829
|
+
}, issueeName, subjectDID && /* @__PURE__ */ React__default["default"].createElement("span", {
|
|
830
|
+
className: "text-[12px] text-grayscale-700 leading-[18px] font-poppins font-[400] m-0 p-0 normal-case"
|
|
831
|
+
}, subjectDID)), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
819
832
|
className: "relative"
|
|
820
833
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
821
834
|
className: "vc-issuee-image h-[60px] w-[60px] rounded-full overflow-hidden"
|
|
@@ -886,6 +899,7 @@ const VCDisplayCard2 = ({
|
|
|
886
899
|
verificationItems,
|
|
887
900
|
issueeOverride,
|
|
888
901
|
issuerOverride,
|
|
902
|
+
subjectDID,
|
|
889
903
|
subjectImageComponent,
|
|
890
904
|
issuerImageComponent,
|
|
891
905
|
verificationInProgress = false,
|
|
@@ -897,6 +911,8 @@ const VCDisplayCard2 = ({
|
|
|
897
911
|
customFooterComponent,
|
|
898
912
|
customBodyCardComponent,
|
|
899
913
|
customThumbComponent,
|
|
914
|
+
customCriteria,
|
|
915
|
+
customDescription,
|
|
900
916
|
customIssueHistoryComponent,
|
|
901
917
|
issueHistory,
|
|
902
918
|
titleOverride,
|
|
@@ -978,6 +994,7 @@ const VCDisplayCard2 = ({
|
|
|
978
994
|
style: __spreadValues({ paddingTop: headerHeight + 70 }, backgroundStyle)
|
|
979
995
|
}, isFront && /* @__PURE__ */ React__default["default"].createElement(VC2FrontFaceInfo, {
|
|
980
996
|
issuee,
|
|
997
|
+
subjectDID,
|
|
981
998
|
issuer,
|
|
982
999
|
title,
|
|
983
1000
|
subjectImageComponent,
|
|
@@ -995,6 +1012,8 @@ const VCDisplayCard2 = ({
|
|
|
995
1012
|
onMediaAttachmentClick,
|
|
996
1013
|
showBackButton,
|
|
997
1014
|
showFrontFace: () => setIsFront(true),
|
|
1015
|
+
customDescription,
|
|
1016
|
+
customCriteria,
|
|
998
1017
|
customIssueHistoryComponent,
|
|
999
1018
|
enableLightbox
|
|
1000
1019
|
}), /* @__PURE__ */ React__default["default"].createElement("button", {
|
|
@@ -1026,4 +1045,4 @@ const VCDisplayCard2 = ({
|
|
|
1026
1045
|
};
|
|
1027
1046
|
|
|
1028
1047
|
exports.VCDisplayCard2 = VCDisplayCard2;
|
|
1029
|
-
//# sourceMappingURL=VCDisplayCard2-
|
|
1048
|
+
//# sourceMappingURL=VCDisplayCard2-5a987b26.js.map
|