@learncard/react 2.7.16 → 2.7.17
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-7cf6e8de.js → VCCard-cf3590eb.js} +2 -2
- package/dist/cjs/{VCCard-7cf6e8de.js.map → VCCard-cf3590eb.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard2-caca1aa2.js → VCDisplayCard2-19613b61.js} +21 -8
- package/dist/{esm/VCDisplayCard2-95c022ae.js.map → cjs/VCDisplayCard2-19613b61.js.map} +1 -1
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index13.js +2 -2
- package/dist/cjs/index37.js +2 -2
- package/dist/cjs/index40.js +1 -1
- package/dist/esm/{VCCard-af6c0f15.js → VCCard-6c8c3ff1.js} +2 -2
- package/dist/esm/{VCCard-af6c0f15.js.map → VCCard-6c8c3ff1.js.map} +1 -1
- package/dist/esm/{VCDisplayCard2-95c022ae.js → VCDisplayCard2-06c93532.js} +21 -8
- package/dist/{cjs/VCDisplayCard2-caca1aa2.js.map → esm/VCDisplayCard2-06c93532.js.map} +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index13.js +2 -2
- package/dist/esm/index37.js +2 -2
- package/dist/esm/index40.js +1 -1
- package/dist/main.css +1 -1
- package/dist/main.js +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -44,7 +44,7 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
|
|
|
44
44
|
var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
|
|
45
45
|
var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
|
|
46
46
|
var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
|
|
47
|
-
var VCCard = require('./VCCard-
|
|
47
|
+
var VCCard = require('./VCCard-cf3590eb.js');
|
|
48
48
|
var VCDisplayBackFace = require('./VCDisplayBackFace-9c064eef.js');
|
|
49
49
|
var VCDisplayCard = require('./VCDisplayCard-929fe8b9.js');
|
|
50
50
|
require('./default-face.jpeg');
|
|
@@ -57,7 +57,7 @@ require('./medical.svg');
|
|
|
57
57
|
require('./social.svg');
|
|
58
58
|
require('./stem.svg');
|
|
59
59
|
require('./trade.svg');
|
|
60
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
60
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-19613b61.js');
|
|
61
61
|
var QRCodeIcon = require('./QRCodeIcon-81c6e96b.js');
|
|
62
62
|
require('./id-sleeve.png');
|
|
63
63
|
require('./icon.green.fat-arrow.png');
|
package/dist/cjs/index13.js
CHANGED
|
@@ -44,7 +44,7 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
|
|
|
44
44
|
var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
|
|
45
45
|
var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
|
|
46
46
|
var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
|
|
47
|
-
var VCCard = require('./VCCard-
|
|
47
|
+
var VCCard = require('./VCCard-cf3590eb.js');
|
|
48
48
|
var VCDisplayBackFace = require('./VCDisplayBackFace-9c064eef.js');
|
|
49
49
|
var VCDisplayCard = require('./VCDisplayCard-929fe8b9.js');
|
|
50
50
|
require('./default-face.jpeg');
|
|
@@ -57,7 +57,7 @@ require('./medical.svg');
|
|
|
57
57
|
require('./social.svg');
|
|
58
58
|
require('./stem.svg');
|
|
59
59
|
require('./trade.svg');
|
|
60
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
60
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-19613b61.js');
|
|
61
61
|
var QRCodeIcon = require('./QRCodeIcon-81c6e96b.js');
|
|
62
62
|
require('./id-sleeve.png');
|
|
63
63
|
require('./icon.green.fat-arrow.png');
|
package/dist/cjs/index37.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-cf3590eb.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('@learncard/init');
|
|
8
8
|
require('./VCDisplayCard-929fe8b9.js');
|
|
@@ -34,7 +34,7 @@ require('./medical.svg');
|
|
|
34
34
|
require('./social.svg');
|
|
35
35
|
require('./stem.svg');
|
|
36
36
|
require('./trade.svg');
|
|
37
|
-
require('./VCDisplayCard2-
|
|
37
|
+
require('./VCDisplayCard2-19613b61.js');
|
|
38
38
|
require('./index-838fa72c.js');
|
|
39
39
|
require('./VerifierStateBadgeAndText-fd0bd814.js');
|
|
40
40
|
require('./Lightbox-f19e13d2.js');
|
package/dist/cjs/index40.js
CHANGED
|
@@ -15,7 +15,7 @@ require('./medical.svg');
|
|
|
15
15
|
require('./social.svg');
|
|
16
16
|
require('./stem.svg');
|
|
17
17
|
require('./trade.svg');
|
|
18
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
18
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-19613b61.js');
|
|
19
19
|
require('./types.esm-c33cbec2.js');
|
|
20
20
|
require('./CaretRightFilled.svg');
|
|
21
21
|
require('./id-sleeve.png');
|
|
@@ -12,7 +12,7 @@ import './medical.svg';
|
|
|
12
12
|
import './social.svg';
|
|
13
13
|
import './stem.svg';
|
|
14
14
|
import './trade.svg';
|
|
15
|
-
import { V as VCDisplayCard2 } from './VCDisplayCard2-
|
|
15
|
+
import { V as VCDisplayCard2 } from './VCDisplayCard2-06c93532.js';
|
|
16
16
|
import './types.esm-4ec5392e.js';
|
|
17
17
|
import './CaretRightFilled.svg';
|
|
18
18
|
import './id-sleeve.png';
|
|
@@ -84,4 +84,4 @@ const VCCard = ({
|
|
|
84
84
|
};
|
|
85
85
|
|
|
86
86
|
export { VCCard as V };
|
|
87
|
-
//# sourceMappingURL=VCCard-
|
|
87
|
+
//# sourceMappingURL=VCCard-6c8c3ff1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCCard-
|
|
1
|
+
{"version":3,"file":"VCCard-6c8c3ff1.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 CredentialIconType,\n} from '../VCDisplayCard2';\n\nimport { MediaMetadata, VideoMetadata } from '../../types';\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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"}
|
|
@@ -1112,9 +1112,9 @@ const VCDisplayCard2 = ({
|
|
|
1112
1112
|
const headerRef = useRef(null);
|
|
1113
1113
|
useLayoutEffect(() => {
|
|
1114
1114
|
setTimeout(() => {
|
|
1115
|
-
var _a2, _b2, _c2
|
|
1116
|
-
setHeaderHeight((
|
|
1117
|
-
setHeaderWidth((
|
|
1115
|
+
var _a2, _b2, _c2;
|
|
1116
|
+
setHeaderHeight(((_a2 = headerRef.current) == null ? void 0 : _a2.clientHeight) || 100);
|
|
1117
|
+
setHeaderWidth((_c2 = (_b2 = headerRef.current) == null ? void 0 : _b2.clientWidth) != null ? _c2 : 0);
|
|
1118
1118
|
}, 10);
|
|
1119
1119
|
});
|
|
1120
1120
|
let worstVerificationStatus = verificationItems.reduce((currentWorst, verification) => {
|
|
@@ -1211,6 +1211,8 @@ const VCDisplayCard2 = ({
|
|
|
1211
1211
|
hideGradientBackground
|
|
1212
1212
|
}));
|
|
1213
1213
|
}
|
|
1214
|
+
const headerClassName = "vc-card-header px-[20px] pb-[10px] pt-[3px] overflow-visible mt-[40px] text-center bg-white border-y-[5px] border-[#EEF2FF] w-[calc(100%_+_16px)] rounded-t-[8px] z-50";
|
|
1215
|
+
const headerFitTextClassName = "vc-card-header-main-title text-[#18224E] leading-[80%] text-shadow text-[32px]";
|
|
1214
1216
|
return /* @__PURE__ */ React.createElement(h, {
|
|
1215
1217
|
className: "w-full",
|
|
1216
1218
|
flipKey: isFront
|
|
@@ -1236,7 +1238,7 @@ const VCDisplayCard2 = ({
|
|
|
1236
1238
|
inverseFlipId: "card"
|
|
1237
1239
|
}, /* @__PURE__ */ React.createElement("h1", {
|
|
1238
1240
|
ref: headerRef,
|
|
1239
|
-
className:
|
|
1241
|
+
className: `${headerClassName} absolute`,
|
|
1240
1242
|
style: { wordBreak: "break-word" }
|
|
1241
1243
|
}, customRibbonCategoryComponent && customRibbonCategoryComponent, !customRibbonCategoryComponent && /* @__PURE__ */ React.createElement(VCDisplayCardCategoryType, {
|
|
1242
1244
|
categoryType
|
|
@@ -1245,14 +1247,14 @@ const VCDisplayCard2 = ({
|
|
|
1245
1247
|
maxFontSize: 32,
|
|
1246
1248
|
minFontSize: 20,
|
|
1247
1249
|
width: ((headerWidth != null ? headerWidth : 290) - 40).toString(),
|
|
1248
|
-
className:
|
|
1250
|
+
className: headerFitTextClassName
|
|
1249
1251
|
}))), isFront && handleXClick && /* @__PURE__ */ React.createElement(v, {
|
|
1250
1252
|
inverseFlipId: "card"
|
|
1251
1253
|
}, /* @__PURE__ */ React.createElement("button", {
|
|
1252
1254
|
className: "vc-card-x-button absolute top-[-25px] bg-white rounded-full h-[50px] w-[50px] flex items-center justify-center z-50",
|
|
1253
1255
|
onClick: handleXClick
|
|
1254
1256
|
}, /* @__PURE__ */ React.createElement(RoundedX, null))), /* @__PURE__ */ React.createElement("div", {
|
|
1255
|
-
className: "relative
|
|
1257
|
+
className: "relative vc-card-content-container flex flex-col items-center grow min-h-0 w-full rounded-t-[30px] bg-[#353E64] rounded-b-[200px]"
|
|
1256
1258
|
}, /* @__PURE__ */ React.createElement(v, {
|
|
1257
1259
|
inverseFlipId: "card",
|
|
1258
1260
|
scale: true
|
|
@@ -1261,7 +1263,18 @@ const VCDisplayCard2 = ({
|
|
|
1261
1263
|
style: backgroundStyle
|
|
1262
1264
|
})), /* @__PURE__ */ React.createElement("div", {
|
|
1263
1265
|
className: "vc-card-content-scroll-container w-full pt-[20px] min-h-full flex flex-col justify-start items-center rounded-t-[30px] rounded-b-[200px] scrollbar-hide pb-[50px] z-50"
|
|
1264
|
-
},
|
|
1266
|
+
}, /* @__PURE__ */ React.createElement("h1", {
|
|
1267
|
+
className: `${headerClassName} invisible`,
|
|
1268
|
+
style: { wordBreak: "break-word" }
|
|
1269
|
+
}, customRibbonCategoryComponent && customRibbonCategoryComponent, !customRibbonCategoryComponent && /* @__PURE__ */ React.createElement(VCDisplayCardCategoryType, {
|
|
1270
|
+
categoryType
|
|
1271
|
+
}), /* @__PURE__ */ React.createElement(FitText, {
|
|
1272
|
+
text: _title != null ? _title : "",
|
|
1273
|
+
maxFontSize: 32,
|
|
1274
|
+
minFontSize: 20,
|
|
1275
|
+
width: ((headerWidth != null ? headerWidth : 290) - 40).toString(),
|
|
1276
|
+
className: headerFitTextClassName
|
|
1277
|
+
})), isFront && /* @__PURE__ */ React.createElement(VC2FrontFaceInfo, {
|
|
1265
1278
|
credential,
|
|
1266
1279
|
issuee,
|
|
1267
1280
|
subjectDID,
|
|
@@ -1336,4 +1349,4 @@ const VCDisplayCard2 = ({
|
|
|
1336
1349
|
};
|
|
1337
1350
|
|
|
1338
1351
|
export { VCDisplayCard2 as V, VCDisplayCardSkillsCount as a, VCIDDisplayCard as b };
|
|
1339
|
-
//# sourceMappingURL=VCDisplayCard2-
|
|
1352
|
+
//# sourceMappingURL=VCDisplayCard2-06c93532.js.map
|