@learncard/react 2.7.16 → 2.7.18
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 +2 -2
|
@@ -14,7 +14,7 @@ require('./medical.svg');
|
|
|
14
14
|
require('./social.svg');
|
|
15
15
|
require('./stem.svg');
|
|
16
16
|
require('./trade.svg');
|
|
17
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
17
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-19613b61.js');
|
|
18
18
|
require('./types.esm-c33cbec2.js');
|
|
19
19
|
require('./CaretRightFilled.svg');
|
|
20
20
|
require('./id-sleeve.png');
|
|
@@ -90,4 +90,4 @@ const VCCard = ({
|
|
|
90
90
|
};
|
|
91
91
|
|
|
92
92
|
exports.VCCard = VCCard;
|
|
93
|
-
//# sourceMappingURL=VCCard-
|
|
93
|
+
//# sourceMappingURL=VCCard-cf3590eb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCCard-
|
|
1
|
+
{"version":3,"file":"VCCard-cf3590eb.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":["useState","useEffect","this","initLearnCard","React","VCDisplayCard","VCDisplayCard2"],"mappings":"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"}
|
|
@@ -1120,9 +1120,9 @@ const VCDisplayCard2 = ({
|
|
|
1120
1120
|
const headerRef = React.useRef(null);
|
|
1121
1121
|
React.useLayoutEffect(() => {
|
|
1122
1122
|
setTimeout(() => {
|
|
1123
|
-
var _a2, _b2, _c2
|
|
1124
|
-
setHeaderHeight((
|
|
1125
|
-
setHeaderWidth((
|
|
1123
|
+
var _a2, _b2, _c2;
|
|
1124
|
+
setHeaderHeight(((_a2 = headerRef.current) == null ? void 0 : _a2.clientHeight) || 100);
|
|
1125
|
+
setHeaderWidth((_c2 = (_b2 = headerRef.current) == null ? void 0 : _b2.clientWidth) != null ? _c2 : 0);
|
|
1126
1126
|
}, 10);
|
|
1127
1127
|
});
|
|
1128
1128
|
let worstVerificationStatus = verificationItems.reduce((currentWorst, verification) => {
|
|
@@ -1219,6 +1219,8 @@ const VCDisplayCard2 = ({
|
|
|
1219
1219
|
hideGradientBackground
|
|
1220
1220
|
}));
|
|
1221
1221
|
}
|
|
1222
|
+
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";
|
|
1223
|
+
const headerFitTextClassName = "vc-card-header-main-title text-[#18224E] leading-[80%] text-shadow text-[32px]";
|
|
1222
1224
|
return /* @__PURE__ */ React__default["default"].createElement(h, {
|
|
1223
1225
|
className: "w-full",
|
|
1224
1226
|
flipKey: isFront
|
|
@@ -1244,7 +1246,7 @@ const VCDisplayCard2 = ({
|
|
|
1244
1246
|
inverseFlipId: "card"
|
|
1245
1247
|
}, /* @__PURE__ */ React__default["default"].createElement("h1", {
|
|
1246
1248
|
ref: headerRef,
|
|
1247
|
-
className:
|
|
1249
|
+
className: `${headerClassName} absolute`,
|
|
1248
1250
|
style: { wordBreak: "break-word" }
|
|
1249
1251
|
}, customRibbonCategoryComponent && customRibbonCategoryComponent, !customRibbonCategoryComponent && /* @__PURE__ */ React__default["default"].createElement(VCDisplayCardCategoryType, {
|
|
1250
1252
|
categoryType
|
|
@@ -1253,14 +1255,14 @@ const VCDisplayCard2 = ({
|
|
|
1253
1255
|
maxFontSize: 32,
|
|
1254
1256
|
minFontSize: 20,
|
|
1255
1257
|
width: ((headerWidth != null ? headerWidth : 290) - 40).toString(),
|
|
1256
|
-
className:
|
|
1258
|
+
className: headerFitTextClassName
|
|
1257
1259
|
}))), isFront && handleXClick && /* @__PURE__ */ React__default["default"].createElement(v, {
|
|
1258
1260
|
inverseFlipId: "card"
|
|
1259
1261
|
}, /* @__PURE__ */ React__default["default"].createElement("button", {
|
|
1260
1262
|
className: "vc-card-x-button absolute top-[-25px] bg-white rounded-full h-[50px] w-[50px] flex items-center justify-center z-50",
|
|
1261
1263
|
onClick: handleXClick
|
|
1262
1264
|
}, /* @__PURE__ */ React__default["default"].createElement(RoundedX, null))), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
1263
|
-
className: "relative
|
|
1265
|
+
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]"
|
|
1264
1266
|
}, /* @__PURE__ */ React__default["default"].createElement(v, {
|
|
1265
1267
|
inverseFlipId: "card",
|
|
1266
1268
|
scale: true
|
|
@@ -1269,7 +1271,18 @@ const VCDisplayCard2 = ({
|
|
|
1269
1271
|
style: backgroundStyle
|
|
1270
1272
|
})), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
1271
1273
|
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"
|
|
1272
|
-
},
|
|
1274
|
+
}, /* @__PURE__ */ React__default["default"].createElement("h1", {
|
|
1275
|
+
className: `${headerClassName} invisible`,
|
|
1276
|
+
style: { wordBreak: "break-word" }
|
|
1277
|
+
}, customRibbonCategoryComponent && customRibbonCategoryComponent, !customRibbonCategoryComponent && /* @__PURE__ */ React__default["default"].createElement(VCDisplayCardCategoryType, {
|
|
1278
|
+
categoryType
|
|
1279
|
+
}), /* @__PURE__ */ React__default["default"].createElement(FitText, {
|
|
1280
|
+
text: _title != null ? _title : "",
|
|
1281
|
+
maxFontSize: 32,
|
|
1282
|
+
minFontSize: 20,
|
|
1283
|
+
width: ((headerWidth != null ? headerWidth : 290) - 40).toString(),
|
|
1284
|
+
className: headerFitTextClassName
|
|
1285
|
+
})), isFront && /* @__PURE__ */ React__default["default"].createElement(VC2FrontFaceInfo, {
|
|
1273
1286
|
credential,
|
|
1274
1287
|
issuee,
|
|
1275
1288
|
subjectDID,
|
|
@@ -1346,4 +1359,4 @@ const VCDisplayCard2 = ({
|
|
|
1346
1359
|
exports.VCDisplayCard2 = VCDisplayCard2;
|
|
1347
1360
|
exports.VCDisplayCardSkillsCount = VCDisplayCardSkillsCount;
|
|
1348
1361
|
exports.VCIDDisplayCard = VCIDDisplayCard;
|
|
1349
|
-
//# sourceMappingURL=VCDisplayCard2-
|
|
1362
|
+
//# sourceMappingURL=VCDisplayCard2-19613b61.js.map
|