@learncard/react 2.7.3 → 2.7.4
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/{BoostGenericCard-8c084ed9.js → BoostGenericCard-c7b6a8ac.js} +8 -6
- package/dist/cjs/BoostGenericCard-c7b6a8ac.js.map +1 -0
- package/dist/cjs/{VCCard-1e1abd28.js → VCCard-72db0270.js} +2 -2
- package/dist/cjs/{VCCard-1e1abd28.js.map → VCCard-72db0270.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard2-81afa476.js → VCDisplayCard2-6c386dbd.js} +2 -2
- package/dist/cjs/{VCDisplayCard2-81afa476.js.map → VCDisplayCard2-6c386dbd.js.map} +1 -1
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index13.js +3 -3
- package/dist/cjs/index3.js +1 -1
- package/dist/cjs/index36.js +2 -2
- package/dist/cjs/index39.js +1 -1
- package/dist/esm/{BoostGenericCard-c9f2b9f4.js → BoostGenericCard-563c1b3e.js} +8 -6
- package/dist/esm/BoostGenericCard-563c1b3e.js.map +1 -0
- package/dist/esm/{VCCard-18e042c5.js → VCCard-b98daea4.js} +2 -2
- package/dist/esm/{VCCard-18e042c5.js.map → VCCard-b98daea4.js.map} +1 -1
- package/dist/esm/{VCDisplayCard2-8f8ad746.js → VCDisplayCard2-55b4930f.js} +2 -2
- package/dist/esm/{VCDisplayCard2-8f8ad746.js.map → VCDisplayCard2-55b4930f.js.map} +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index13.js +3 -3
- package/dist/esm/index3.js +1 -1
- package/dist/esm/index36.js +2 -2
- package/dist/esm/index39.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/BoostGenericCard-8c084ed9.js.map +0 -1
- package/dist/esm/BoostGenericCard-c9f2b9f4.js.map +0 -1
package/dist/cjs/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var AchievementCard = require('./AchievementCard-27fc10b5.js');
|
|
6
|
-
var BoostGenericCard = require('./BoostGenericCard-
|
|
6
|
+
var BoostGenericCard = require('./BoostGenericCard-c7b6a8ac.js');
|
|
7
7
|
var BoostSmallCard = require('./BoostSmallCard-a8b7f33d.js');
|
|
8
8
|
var Button = require('./Button-a7af702b.js');
|
|
9
9
|
require('react');
|
|
@@ -41,7 +41,7 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
|
|
|
41
41
|
var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
|
|
42
42
|
var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
|
|
43
43
|
var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
|
|
44
|
-
var VCCard = require('./VCCard-
|
|
44
|
+
var VCCard = require('./VCCard-72db0270.js');
|
|
45
45
|
var VCDisplayBackFace = require('./VCDisplayBackFace-a3cd6ad2.js');
|
|
46
46
|
var VCDisplayCard = require('./VCDisplayCard-f0783ca4.js');
|
|
47
47
|
require('./default-face.jpeg');
|
|
@@ -54,7 +54,7 @@ require('./medical.svg');
|
|
|
54
54
|
require('./social.svg');
|
|
55
55
|
require('./stem.svg');
|
|
56
56
|
require('./trade.svg');
|
|
57
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
57
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-6c386dbd.js');
|
|
58
58
|
var QRCodeIcon = require('./QRCodeIcon-81c6e96b.js');
|
|
59
59
|
require('./id-sleeve.png');
|
|
60
60
|
require('./icon.green.fat-arrow.png');
|
package/dist/cjs/index13.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var AchievementCard = require('./AchievementCard-27fc10b5.js');
|
|
6
|
-
var BoostGenericCard = require('./BoostGenericCard-
|
|
6
|
+
var BoostGenericCard = require('./BoostGenericCard-c7b6a8ac.js');
|
|
7
7
|
var BoostSmallCard = require('./BoostSmallCard-a8b7f33d.js');
|
|
8
8
|
var Button = require('./Button-a7af702b.js');
|
|
9
9
|
require('react');
|
|
@@ -41,7 +41,7 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
|
|
|
41
41
|
var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
|
|
42
42
|
var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
|
|
43
43
|
var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
|
|
44
|
-
var VCCard = require('./VCCard-
|
|
44
|
+
var VCCard = require('./VCCard-72db0270.js');
|
|
45
45
|
var VCDisplayBackFace = require('./VCDisplayBackFace-a3cd6ad2.js');
|
|
46
46
|
var VCDisplayCard = require('./VCDisplayCard-f0783ca4.js');
|
|
47
47
|
require('./default-face.jpeg');
|
|
@@ -54,7 +54,7 @@ require('./medical.svg');
|
|
|
54
54
|
require('./social.svg');
|
|
55
55
|
require('./stem.svg');
|
|
56
56
|
require('./trade.svg');
|
|
57
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
57
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-6c386dbd.js');
|
|
58
58
|
var QRCodeIcon = require('./QRCodeIcon-81c6e96b.js');
|
|
59
59
|
require('./id-sleeve.png');
|
|
60
60
|
require('./icon.green.fat-arrow.png');
|
package/dist/cjs/index3.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var BoostGenericCard = require('./BoostGenericCard-
|
|
5
|
+
var BoostGenericCard = require('./BoostGenericCard-c7b6a8ac.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('./index-7d94d5ac.js');
|
|
8
8
|
require('./index-503d0d98.js');
|
package/dist/cjs/index36.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-72db0270.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('@learncard/init');
|
|
8
8
|
require('./VCDisplayCard-f0783ca4.js');
|
|
@@ -35,7 +35,7 @@ require('./social.svg');
|
|
|
35
35
|
require('./stem.svg');
|
|
36
36
|
require('./trade.svg');
|
|
37
37
|
require('./CaretRightFilled.svg');
|
|
38
|
-
require('./VCDisplayCard2-
|
|
38
|
+
require('./VCDisplayCard2-6c386dbd.js');
|
|
39
39
|
require('./index-838fa72c.js');
|
|
40
40
|
require('./CertificateDisplayCard-8ded38ec.js');
|
|
41
41
|
require('./Lightbox-f19e13d2.js');
|
package/dist/cjs/index39.js
CHANGED
|
@@ -17,7 +17,7 @@ require('./stem.svg');
|
|
|
17
17
|
require('./trade.svg');
|
|
18
18
|
require('./types.esm-2ec4fa7e.js');
|
|
19
19
|
require('./CaretRightFilled.svg');
|
|
20
|
-
var VCDisplayCard2 = require('./VCDisplayCard2-
|
|
20
|
+
var VCDisplayCard2 = require('./VCDisplayCard2-6c386dbd.js');
|
|
21
21
|
require('./id-sleeve.png');
|
|
22
22
|
require('./credential.helpers-ccf9ea86.js');
|
|
23
23
|
require('./index-7d94d5ac.js');
|
|
@@ -64,17 +64,19 @@ const BoostGenericCard = ({
|
|
|
64
64
|
}), (!thumbImgSrc || (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) === "") && /* @__PURE__ */ React.createElement("img", {
|
|
65
65
|
className: "max-w-[110px] w-full h-full p-[0px] object-cover rounded-full",
|
|
66
66
|
src: imgSrc
|
|
67
|
-
})),
|
|
67
|
+
})), /* @__PURE__ */ React.createElement("section", {
|
|
68
|
+
className: "boost-generic-info-section"
|
|
69
|
+
}, !customTitle && /* @__PURE__ */ React.createElement("div", {
|
|
68
70
|
className: `${defaultHeaderClass} items-center`
|
|
69
71
|
}, /* @__PURE__ */ React.createElement("p", {
|
|
70
72
|
className: "relative z-[100] small-boost-title text-[16px] leading-[130%] px-[0px] font-medium text-center text-grayscale-900 line-clamp-2 max-w-full"
|
|
71
|
-
}, title)), customTitle && customTitle, /* @__PURE__ */ React.createElement("
|
|
72
|
-
className: "small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full"
|
|
73
|
-
}, customIssuerName && customIssuerName, !customIssuerName && /* @__PURE__ */ React.createElement("span", {
|
|
73
|
+
}, title)), customTitle && customTitle, customIssuerName && customIssuerName, !customIssuerName && /* @__PURE__ */ React.createElement("span", {
|
|
74
74
|
className: "flex items-center justify-center small-generic-boost-issuer-name line-clamp-1 text-[12px] text-grayscale-700 font-bold px-[6px]"
|
|
75
75
|
}, "by ", issuerName), customDateDisplay && customDateDisplay, !customDateDisplay && /* @__PURE__ */ React.createElement("p", {
|
|
76
76
|
className: "small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700 px-[7px]"
|
|
77
|
-
}, dateDisplay),
|
|
77
|
+
}, dateDisplay), /* @__PURE__ */ React.createElement("div", {
|
|
78
|
+
className: "boost-verifier-badge-display"
|
|
79
|
+
}, verifierBadge)), showChecked && /* @__PURE__ */ React.createElement("div", {
|
|
78
80
|
className: "check-btn-overlay absolute top-[5px] left-[5px]"
|
|
79
81
|
}, /* @__PURE__ */ React.createElement(CircleCheckButton, {
|
|
80
82
|
checked: checkStatus,
|
|
@@ -84,4 +86,4 @@ const BoostGenericCard = ({
|
|
|
84
86
|
};
|
|
85
87
|
|
|
86
88
|
export { BoostGenericCard as B };
|
|
87
|
-
//# sourceMappingURL=BoostGenericCard-
|
|
89
|
+
//# sourceMappingURL=BoostGenericCard-563c1b3e.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BoostGenericCard-563c1b3e.js","sources":["../../src/components/BoostGenericCard/BoostGenericCard.tsx"],"sourcesContent":["import React from 'react';\nimport { BoostGenericCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport CaretRightFilled from '../../assets/images/CaretRightFilled.svg';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport AddAwardLight from '../../assets/images/addawardlight.svg';\nimport ThreeDots from '../../assets/images/DotsThreeOutline.svg';\n\nexport const BoostGenericCard: React.FC<BoostGenericCardProps> = ({\n title,\n customTitle,\n thumbImgSrc,\n customThumbClass = '',\n customHeaderClass = '',\n type = WalletCategoryTypes.achievements,\n className,\n onCheckClick,\n showChecked,\n checkStatus,\n customThumbComponent,\n innerOnClick,\n bgImgSrc,\n issuerName,\n customIssuerName,\n dateDisplay,\n customDateDisplay,\n optionsTriggerOnClick,\n verifierBadge,\n}) => {\n const thumbClass = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-50';\n const defaultThumbClass = `small-boost-card-thumb flex h-[110px] w-[110px] my-[10px] mx-auto ${thumbClass} overflow-hidden flex-col justify-center items-center rounded-full ${customThumbClass}`;\n const imgSrc = thumbImgSrc?.trim() !== '' ? thumbImgSrc : TYPE_TO_IMG_SRC[type];\n const headerBgColor = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-900';\n const checkBtnClass = checkStatus ? 'generic-vc-card checked' : 'generic-vc-card unchecked';\n const defaultHeaderClass = `flex generic-card-title w-full justify-center ${customHeaderClass}`;\n\n const handleInnerClick = () => {\n innerOnClick?.();\n };\n\n const handleOptionsClick = () => {\n optionsTriggerOnClick?.();\n };\n\n return (\n <div\n className={`flex generic-display-card-simple bg-white flex-col shadow-bottom relative $ py-[0px] px-[0px] w-[160px] h-[250px] rounded-[20px] overflow-hidden ${className}`}\n >\n {optionsTriggerOnClick && (\n <section\n className=\"absolute cursor-pointer shadow-bottom h-[30px] w-[30px] top-[5px] right-[5px] rounded-full overflow-hidden z-20 bg-white flex items-center justify-center\"\n onClick={handleOptionsClick}\n >\n <img\n alt=\"Menu dropdown icon\"\n className=\"h-[20px] w-[20px] object-cover overflow-hidden\"\n src={ThreeDots}\n />\n </section>\n )}\n\n {bgImgSrc && (\n <section className=\"absolute top-[-50px] shadow-bottom left-[0px] rounded-b-full overflow-hidden z-0 mt-3\">\n <img className=\"h-full w-full object-cover overflow-hidden\" src={bgImgSrc} />\n </section>\n )}\n <button\n type=\"button\"\n className=\"boost-small-card inner-click-container z-10\"\n onClick={handleInnerClick}\n >\n {customThumbComponent && customThumbComponent}\n {!customThumbComponent && (\n <section className={defaultThumbClass}>\n {thumbImgSrc && thumbImgSrc?.trim() !== '' && (\n <img\n className=\"generic-display-card-img h-full w-full w-[110px] h-[110px] rounded-full object-cover overflow-hidden\"\n src={thumbImgSrc ?? ''}\n alt=\"Credential Achievement Image\"\n />\n )}\n {(!thumbImgSrc || thumbImgSrc?.trim() === '') && (\n <img\n className=\"max-w-[110px] w-full h-full p-[0px] object-cover rounded-full\"\n src={imgSrc}\n />\n )}\n </section>\n )}\n <section className=\"boost-generic-info-section\">\n {!customTitle && (\n <div className={`${defaultHeaderClass} items-center`}>\n <p className=\"relative z-[100] small-boost-title text-[16px] leading-[130%] px-[0px] font-medium text-center text-grayscale-900 line-clamp-2 max-w-full\">\n {title}\n </p>\n </div>\n )}\n\n {customTitle && customTitle}\n\n {customIssuerName && customIssuerName}\n {!customIssuerName && (\n <span className=\"flex items-center justify-center small-generic-boost-issuer-name line-clamp-1 text-[12px] text-grayscale-700 font-bold px-[6px]\">\n by {issuerName}\n </span>\n )}\n\n {customDateDisplay && customDateDisplay}\n {!customDateDisplay && (\n <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700 px-[7px]\">\n {dateDisplay}\n </p>\n )}\n <div className=\"boost-verifier-badge-display\">{verifierBadge}</div>\n </section>\n\n {showChecked && (\n <div className=\"check-btn-overlay absolute top-[5px] left-[5px]\">\n <CircleCheckButton\n checked={checkStatus}\n onClick={onCheckClick}\n className={checkBtnClass}\n />\n </div>\n )}\n </button>\n </div>\n );\n};\n\nexport default BoostGenericCard;\n"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ import './stem.svg';
|
|
|
14
14
|
import './trade.svg';
|
|
15
15
|
import './types.esm-8f6a5623.js';
|
|
16
16
|
import './CaretRightFilled.svg';
|
|
17
|
-
import { V as VCDisplayCard2 } from './VCDisplayCard2-
|
|
17
|
+
import { V as VCDisplayCard2 } from './VCDisplayCard2-55b4930f.js';
|
|
18
18
|
import './id-sleeve.png';
|
|
19
19
|
|
|
20
20
|
var __async = (__this, __arguments, generator) => {
|
|
@@ -84,4 +84,4 @@ const VCCard = ({
|
|
|
84
84
|
};
|
|
85
85
|
|
|
86
86
|
export { VCCard as V };
|
|
87
|
-
//# sourceMappingURL=VCCard-
|
|
87
|
+
//# sourceMappingURL=VCCard-b98daea4.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCCard-
|
|
1
|
+
{"version":3,"file":"VCCard-b98daea4.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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"}
|
|
@@ -592,7 +592,7 @@ const VC2FrontFaceInfo = ({
|
|
|
592
592
|
customThumbComponent,
|
|
593
593
|
trustedAppRegistry
|
|
594
594
|
}) => {
|
|
595
|
-
const issuerName = truncateWithEllipsis(getNameFromProfile(issuer != null ? issuer : ""),
|
|
595
|
+
const issuerName = truncateWithEllipsis(getNameFromProfile(issuer != null ? issuer : ""), 20);
|
|
596
596
|
const issueeName = truncateWithEllipsis(getNameFromProfile(issuee != null ? issuee : ""), 25);
|
|
597
597
|
const issuerImage = getImageFromProfile(issuer != null ? issuer : "");
|
|
598
598
|
const issueeImage = getImageFromProfile(issuee != null ? issuee : "");
|
|
@@ -1283,4 +1283,4 @@ const VCDisplayCard2 = ({
|
|
|
1283
1283
|
};
|
|
1284
1284
|
|
|
1285
1285
|
export { VCDisplayCard2 as V, VCDisplayCardSkillsCount as a, VCIDDisplayCard as b };
|
|
1286
|
-
//# sourceMappingURL=VCDisplayCard2-
|
|
1286
|
+
//# sourceMappingURL=VCDisplayCard2-55b4930f.js.map
|