@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
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-b0310ec9.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('@learncard/init');
|
|
8
8
|
require('./VCDisplayCard-d5aec5b3.js');
|
|
@@ -21,7 +21,7 @@ require('./GreenCheckCircle.svg');
|
|
|
21
21
|
require('./YellowWarningCircle.svg');
|
|
22
22
|
require('./ArrowArcRight.svg');
|
|
23
23
|
require('react-dom');
|
|
24
|
-
require('./VCDisplayCard2-
|
|
24
|
+
require('./VCDisplayCard2-3160e330.js');
|
|
25
25
|
require('./Lightbox-f19e13d2.js');
|
|
26
26
|
require('./AwardRibbon-14ba45fb.js');
|
|
27
27
|
require('./index-866aaa70.js');
|
package/dist/cjs/index38.js
CHANGED
|
@@ -6,7 +6,7 @@ require('react');
|
|
|
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
|
require('./VCVerificationCheck-46fa75d3.js');
|
|
11
11
|
require('./vc.check.svg');
|
|
12
12
|
require('./CircleSpinner-093cce04.js');
|
|
@@ -4,7 +4,7 @@ import { V as VCDisplayCard } from './VCDisplayCard-f4bf4cf6.js';
|
|
|
4
4
|
import './default-face.jpeg';
|
|
5
5
|
import 'react-dom';
|
|
6
6
|
import './types.esm-1c0b4fba.js';
|
|
7
|
-
import { V as VCDisplayCard2 } from './VCDisplayCard2-
|
|
7
|
+
import { V as VCDisplayCard2 } from './VCDisplayCard2-b6ec16e6.js';
|
|
8
8
|
|
|
9
9
|
var __async = (__this, __arguments, generator) => {
|
|
10
10
|
return new Promise((resolve, reject) => {
|
|
@@ -73,4 +73,4 @@ const VCCard = ({
|
|
|
73
73
|
};
|
|
74
74
|
|
|
75
75
|
export { VCCard as V };
|
|
76
|
-
//# sourceMappingURL=VCCard-
|
|
76
|
+
//# sourceMappingURL=VCCard-425e4b72.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCCard-
|
|
1
|
+
{"version":3,"file":"VCCard-425e4b72.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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"}
|
|
@@ -946,13 +946,13 @@ const VCDisplayCard2 = ({
|
|
|
946
946
|
const issuee = issueeOverride || _issuee;
|
|
947
947
|
const issuer = issuerOverride || _issuer;
|
|
948
948
|
const [isFront, setIsFront] = useState(true);
|
|
949
|
-
const [headerHeight, setHeaderHeight] = useState(
|
|
949
|
+
const [headerHeight, setHeaderHeight] = useState(100);
|
|
950
950
|
const [headerWidth, setHeaderWidth] = useState(0);
|
|
951
951
|
const headerRef = useRef(null);
|
|
952
952
|
useLayoutEffect(() => {
|
|
953
953
|
setTimeout(() => {
|
|
954
954
|
var _a2, _b2, _c2, _d2;
|
|
955
|
-
setHeaderHeight((_b2 = (_a2 = headerRef.current) == null ? void 0 : _a2.clientHeight) != null ? _b2 :
|
|
955
|
+
setHeaderHeight((_b2 = (_a2 = headerRef.current) == null ? void 0 : _a2.clientHeight) != null ? _b2 : 100);
|
|
956
956
|
setHeaderWidth((_d2 = (_c2 = headerRef.current) == null ? void 0 : _c2.clientWidth) != null ? _d2 : 0);
|
|
957
957
|
}, 10);
|
|
958
958
|
});
|
|
@@ -980,11 +980,11 @@ const VCDisplayCard2 = ({
|
|
|
980
980
|
}, /* @__PURE__ */ React.createElement(RibbonEnd, {
|
|
981
981
|
side: "left",
|
|
982
982
|
className: "absolute left-[-30px] top-[50px] z-0",
|
|
983
|
-
height:
|
|
983
|
+
height: "100"
|
|
984
984
|
}), /* @__PURE__ */ React.createElement(RibbonEnd, {
|
|
985
985
|
side: "right",
|
|
986
986
|
className: "absolute right-[-30px] top-[50px] z-0",
|
|
987
|
-
height:
|
|
987
|
+
height: "100"
|
|
988
988
|
}), /* @__PURE__ */ React.createElement("h1", {
|
|
989
989
|
ref: headerRef,
|
|
990
990
|
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",
|
|
@@ -1007,7 +1007,7 @@ const VCDisplayCard2 = ({
|
|
|
1007
1007
|
className: "vc-card-content-container flex flex-col items-center grow w-full rounded-t-[30px] rounded-b-[20px] overflow-scroll scrollbar-hide"
|
|
1008
1008
|
}, /* @__PURE__ */ React.createElement("div", {
|
|
1009
1009
|
className: "vc-card-content-scroll-container w-full flex flex-col justify-center items-center rounded-b-[200px] bg-[#353E64] pb-[50px]",
|
|
1010
|
-
style: __spreadValues({ paddingTop:
|
|
1010
|
+
style: __spreadValues({ paddingTop: "170px" }, backgroundStyle)
|
|
1011
1011
|
}, isFront && /* @__PURE__ */ React.createElement(VC2FrontFaceInfo, {
|
|
1012
1012
|
issuee,
|
|
1013
1013
|
subjectDID,
|
|
@@ -1065,4 +1065,4 @@ const VCDisplayCard2 = ({
|
|
|
1065
1065
|
};
|
|
1066
1066
|
|
|
1067
1067
|
export { VCDisplayCard2 as V };
|
|
1068
|
-
//# sourceMappingURL=VCDisplayCard2-
|
|
1068
|
+
//# sourceMappingURL=VCDisplayCard2-b6ec16e6.js.map
|