@learncard/react 2.6.46 → 2.6.48
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-70261781.js → VCCard-b0310ec9.js} +2 -2
- package/dist/cjs/{VCCard-70261781.js.map → VCCard-b0310ec9.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard2-5a3fef83.js → VCDisplayCard2-3160e330.js} +6 -6
- package/dist/cjs/{VCDisplayCard2-5a3fef83.js.map → VCDisplayCard2-3160e330.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-de9ff4cf.js → VCCard-425e4b72.js} +2 -2
- package/dist/esm/{VCCard-de9ff4cf.js.map → VCCard-425e4b72.js.map} +1 -1
- package/dist/esm/{VCDisplayCard2-9f861da6.js → VCDisplayCard2-b6ec16e6.js} +6 -6
- package/dist/esm/{VCDisplayCard2-9f861da6.js.map → VCDisplayCard2-b6ec16e6.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/package.json +2 -2
|
@@ -6,7 +6,7 @@ var VCDisplayCard = require('./VCDisplayCard-d5aec5b3.js');
|
|
|
6
6
|
require('./default-face.jpeg');
|
|
7
7
|
require('react-dom');
|
|
8
8
|
require('./types.esm-17b1128c.js');
|
|
9
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
9
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-3160e330.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
12
|
|
|
@@ -79,4 +79,4 @@ const VCCard = ({
|
|
|
79
79
|
};
|
|
80
80
|
|
|
81
81
|
exports.VCCard = VCCard;
|
|
82
|
-
//# sourceMappingURL=VCCard-
|
|
82
|
+
//# sourceMappingURL=VCCard-b0310ec9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCCard-
|
|
1
|
+
{"version":3,"file":"VCCard-b0310ec9.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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"}
|
|
@@ -953,13 +953,13 @@ const VCDisplayCard2 = ({
|
|
|
953
953
|
const issuee = issueeOverride || _issuee;
|
|
954
954
|
const issuer = issuerOverride || _issuer;
|
|
955
955
|
const [isFront, setIsFront] = React.useState(true);
|
|
956
|
-
const [headerHeight, setHeaderHeight] = React.useState(
|
|
956
|
+
const [headerHeight, setHeaderHeight] = React.useState(100);
|
|
957
957
|
const [headerWidth, setHeaderWidth] = React.useState(0);
|
|
958
958
|
const headerRef = React.useRef(null);
|
|
959
959
|
React.useLayoutEffect(() => {
|
|
960
960
|
setTimeout(() => {
|
|
961
961
|
var _a2, _b2, _c2, _d2;
|
|
962
|
-
setHeaderHeight((_b2 = (_a2 = headerRef.current) == null ? void 0 : _a2.clientHeight) != null ? _b2 :
|
|
962
|
+
setHeaderHeight((_b2 = (_a2 = headerRef.current) == null ? void 0 : _a2.clientHeight) != null ? _b2 : 100);
|
|
963
963
|
setHeaderWidth((_d2 = (_c2 = headerRef.current) == null ? void 0 : _c2.clientWidth) != null ? _d2 : 0);
|
|
964
964
|
}, 10);
|
|
965
965
|
});
|
|
@@ -987,11 +987,11 @@ const VCDisplayCard2 = ({
|
|
|
987
987
|
}, /* @__PURE__ */ React__default["default"].createElement(RibbonEnd, {
|
|
988
988
|
side: "left",
|
|
989
989
|
className: "absolute left-[-30px] top-[50px] z-0",
|
|
990
|
-
height:
|
|
990
|
+
height: "100"
|
|
991
991
|
}), /* @__PURE__ */ React__default["default"].createElement(RibbonEnd, {
|
|
992
992
|
side: "right",
|
|
993
993
|
className: "absolute right-[-30px] top-[50px] z-0",
|
|
994
|
-
height:
|
|
994
|
+
height: "100"
|
|
995
995
|
}), /* @__PURE__ */ React__default["default"].createElement("h1", {
|
|
996
996
|
ref: headerRef,
|
|
997
997
|
className: "vc-card-header px-[20px] pb-[10px] pt-[3px] overflow-visible mt-[40px] absolute text-center bg-white border-y-[5px] border-[#EEF2FF] shadow-bottom w-[calc(100%_+_16px)] rounded-t-[8px] z-50",
|
|
@@ -1014,7 +1014,7 @@ const VCDisplayCard2 = ({
|
|
|
1014
1014
|
className: "vc-card-content-container flex flex-col items-center grow w-full rounded-t-[30px] rounded-b-[20px] overflow-scroll scrollbar-hide"
|
|
1015
1015
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
1016
1016
|
className: "vc-card-content-scroll-container w-full flex flex-col justify-center items-center rounded-b-[200px] bg-[#353E64] pb-[50px]",
|
|
1017
|
-
style: __spreadValues({ paddingTop:
|
|
1017
|
+
style: __spreadValues({ paddingTop: "170px" }, backgroundStyle)
|
|
1018
1018
|
}, isFront && /* @__PURE__ */ React__default["default"].createElement(VC2FrontFaceInfo, {
|
|
1019
1019
|
issuee,
|
|
1020
1020
|
subjectDID,
|
|
@@ -1072,4 +1072,4 @@ const VCDisplayCard2 = ({
|
|
|
1072
1072
|
};
|
|
1073
1073
|
|
|
1074
1074
|
exports.VCDisplayCard2 = VCDisplayCard2;
|
|
1075
|
-
//# sourceMappingURL=VCDisplayCard2-
|
|
1075
|
+
//# sourceMappingURL=VCDisplayCard2-3160e330.js.map
|