@learncard/react 2.7.20 → 2.7.22
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/base.css +1 -1
- package/dist/base.js +1 -1
- package/dist/cjs/{AchievementCard-2ad4cb64.js → AchievementCard-496e93b5.js} +4 -4
- package/dist/cjs/{AchievementCard-2ad4cb64.js.map → AchievementCard-496e93b5.js.map} +1 -1
- package/dist/cjs/{BoostGenericCard-e540e459.js → BoostGenericCard-1bfe4385.js} +8 -8
- package/dist/cjs/BoostGenericCard-1bfe4385.js.map +1 -0
- package/dist/cjs/{BoostSmallCard-9dc75a95.js → BoostSmallCard-bba7c0c9.js} +5 -5
- package/dist/cjs/BoostSmallCard-bba7c0c9.js.map +1 -0
- package/dist/cjs/Button-a7af702b.js.map +1 -1
- package/dist/cjs/{CertificateDisplayCard-11ebf814.js → CertificateDisplayCard-c5583200.js} +31 -19
- package/dist/{esm/CertificateDisplayCard-b69fd06f.js.map → cjs/CertificateDisplayCard-c5583200.js.map} +1 -1
- package/dist/cjs/Checkmark-f611aa4d.js.map +1 -1
- package/dist/cjs/CircleCheckButton-82d47ee2.js.map +1 -1
- package/dist/cjs/CircleIcon-617c38fa.js.map +1 -1
- package/dist/cjs/CircleSpinner-093cce04.js.map +1 -1
- package/dist/cjs/Coins-acd63f46.js.map +1 -1
- package/dist/cjs/CourseCard-338a32ee.js.map +1 -1
- package/dist/cjs/{CourseVerticalCard-5a73ab74.js → CourseVerticalCard-841960b1.js} +3 -3
- package/dist/cjs/{CourseVerticalCard-5a73ab74.js.map → CourseVerticalCard-841960b1.js.map} +1 -1
- package/dist/cjs/FlippyCard-209549c5.js.map +1 -1
- package/dist/cjs/GenericArrow-8dfb261d.js.map +1 -1
- package/dist/cjs/{GenericCard-46248807.js → GenericCard-5659339e.js} +7 -8
- package/dist/cjs/GenericCard-5659339e.js.map +1 -0
- package/dist/cjs/JobHistoryCard-05a3f98b.js.map +1 -1
- package/dist/cjs/JobListCard-458c8585.js.map +1 -1
- package/dist/cjs/LearnCardCreditCardBackFace-87cc8b9f.js.map +1 -1
- package/dist/cjs/{LearnCardCreditCardFrontFace-94be6a62.js → LearnCardCreditCardFrontFace-39eeb89a.js} +2 -2
- package/dist/cjs/{LearnCardCreditCardFrontFace-94be6a62.js.map → LearnCardCreditCardFrontFace-39eeb89a.js.map} +1 -1
- package/dist/cjs/LearnPill-21b47475.js.map +1 -1
- package/dist/cjs/{Lightbox-f19e13d2.js → Lightbox-880f4672.js} +22 -19
- package/dist/cjs/{Lightbox-f19e13d2.js.map → Lightbox-880f4672.js.map} +1 -1
- package/dist/cjs/Lightbulb-19c89d3c.js.map +1 -1
- package/dist/cjs/{MeritBadgeDisplayCard-70930ef2.js → MeritBadgeDisplayCard-306c0f77.js} +23 -17
- package/dist/{esm/MeritBadgeDisplayCard-575a61ed.js.map → cjs/MeritBadgeDisplayCard-306c0f77.js.map} +1 -1
- package/dist/cjs/{MeritBadgeSkillsCount-41a273ae.js → MeritBadgeSkillsCount-e48b2202.js} +10 -4
- package/dist/cjs/{MeritBadgeSkillsCount-41a273ae.js.map → MeritBadgeSkillsCount-e48b2202.js.map} +1 -1
- package/dist/cjs/MiniVCThumbnail-a78e44f2.js.map +1 -1
- package/dist/cjs/Notification-d212fa7b.js.map +1 -1
- package/dist/cjs/NotificationBoostCard-70dfa17e.js.map +1 -1
- package/dist/cjs/NotificationUserAcceptedBoostCard-423b9320.js.map +1 -1
- package/dist/cjs/NotificationUserCard-d4dab06c.js.map +1 -1
- package/dist/cjs/PuzzlePiece-937c216a.js.map +1 -1
- package/dist/cjs/{QRCodeCard-2a818136.js → QRCodeCard-b56c11cc.js} +2 -2
- package/dist/cjs/{QRCodeCard-2a818136.js.map → QRCodeCard-b56c11cc.js.map} +1 -1
- package/dist/cjs/QRCodeIcon-81c6e96b.js.map +1 -1
- package/dist/cjs/RoundedPill-bda7c067.js.map +1 -1
- package/dist/cjs/{SchoolIDCard-c7b4153a.js → SchoolIDCard-5a0b8568.js} +1206 -10
- package/dist/cjs/SchoolIDCard-5a0b8568.js.map +1 -0
- package/dist/cjs/{SkillTabCard-d8f3f5d4.js → SkillTabCard-66677f3c.js} +2 -2
- package/dist/cjs/{SkillTabCard-d8f3f5d4.js.map → SkillTabCard-66677f3c.js.map} +1 -1
- package/dist/cjs/SkillVerticalCard-3eb3a8e9.js.map +1 -1
- package/dist/cjs/SkillsCard-4b6dbb4f.js.map +1 -1
- package/dist/cjs/SkillsStatsCard-97a35a88.js.map +1 -1
- package/dist/cjs/SmallAchievementCard-a1fa862b.js.map +1 -1
- package/dist/cjs/Trophy-3d323be3.js.map +1 -1
- package/dist/cjs/User-301088ac.js.map +1 -1
- package/dist/cjs/{VCCard-cf3590eb.js → VCCard-4dbd6d24.js} +4 -18
- package/dist/{esm/VCCard-6c8c3ff1.js.map → cjs/VCCard-4dbd6d24.js.map} +1 -1
- package/dist/cjs/{VCDisplayBackFace-9c064eef.js → VCDisplayBackFace-0473d345.js} +3 -3
- package/dist/cjs/{VCDisplayBackFace-9c064eef.js.map → VCDisplayBackFace-0473d345.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard-929fe8b9.js → VCDisplayCard-4edf82c6.js} +3 -3
- package/dist/cjs/{VCDisplayCard-929fe8b9.js.map → VCDisplayCard-4edf82c6.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard2-19613b61.js → VCDisplayCard2-1720f1f1.js} +67 -48
- package/dist/{esm/VCDisplayCard2-06c93532.js.map → cjs/VCDisplayCard2-1720f1f1.js.map} +1 -1
- package/dist/cjs/VCThumbnail-6bf86bb2.js.map +1 -1
- package/dist/cjs/VCVerificationCheck-46fa75d3.js.map +1 -1
- package/dist/cjs/{VCVerificationPill-09953688.js → VCVerificationPill-b8d9a33d.js} +2 -2
- package/dist/cjs/{VCVerificationPill-09953688.js.map → VCVerificationPill-b8d9a33d.js.map} +1 -1
- package/dist/cjs/{VerifierStateBadgeAndText-fd0bd814.js → VerifierStateBadgeAndText-855df7d5.js} +14 -7
- package/dist/cjs/VerifierStateBadgeAndText-855df7d5.js.map +1 -0
- package/dist/cjs/{constants-737d10f6.js → constants-5bc954cb.js} +10 -10
- package/dist/cjs/{constants-737d10f6.js.map → constants-5bc954cb.js.map} +1 -1
- package/dist/cjs/{credential.helpers-afb94f02.js → credential.helpers-04044bbd.js} +855 -1285
- package/dist/cjs/credential.helpers-04044bbd.js.map +1 -0
- package/dist/cjs/icons-0404f605.js.map +1 -1
- package/dist/cjs/index-5488badc.js.map +1 -1
- package/dist/cjs/index-7cd11826.js.map +1 -1
- package/dist/cjs/index-c831a2f6.js +2448 -0
- package/dist/cjs/index-c831a2f6.js.map +1 -0
- package/dist/cjs/{index-8082a131.js → index-ec1d26f1.js} +17 -21
- package/dist/cjs/index-ec1d26f1.js.map +1 -0
- package/dist/cjs/index.js +52 -52
- package/dist/cjs/index10.js +6 -6
- package/dist/cjs/index12.js +1 -1
- package/dist/cjs/index13.js +52 -52
- package/dist/cjs/index17.js +2 -2
- package/dist/cjs/index19.js +1 -1
- package/dist/cjs/index2.js +21 -21
- package/dist/cjs/index21.js +8 -7
- package/dist/cjs/index21.js.map +1 -1
- package/dist/cjs/index27.js +2 -2
- package/dist/cjs/index29.js +1 -1
- package/dist/cjs/index3.js +2 -2
- package/dist/cjs/index30.js +1 -2
- package/dist/cjs/index30.js.map +1 -1
- package/dist/cjs/index33.js +3 -3
- package/dist/cjs/index37.js +13 -13
- package/dist/cjs/index38.js +5 -4
- package/dist/cjs/index38.js.map +1 -1
- package/dist/cjs/index39.js +6 -5
- package/dist/cjs/index39.js.map +1 -1
- package/dist/cjs/index4.js +19 -19
- package/dist/cjs/index40.js +9 -9
- package/dist/cjs/index41.js +2 -1
- package/dist/cjs/index41.js.map +1 -1
- package/dist/cjs/index44.js +2 -2
- package/dist/cjs/index6.js +7 -6
- package/dist/cjs/index6.js.map +1 -1
- package/dist/cjs/notifications-56c6fc94.js.map +1 -1
- package/dist/cjs/types-8eab1382.js.map +1 -1
- package/dist/cjs/types-e4d9a257.js.map +1 -1
- package/dist/cjs/{types.esm-c33cbec2.js → types.esm-41aaa0d4.js} +50 -40
- package/dist/cjs/types.esm-41aaa0d4.js.map +1 -0
- package/dist/esm/{AchievementCard-1d5d1b61.js → AchievementCard-017092a3.js} +4 -4
- package/dist/esm/{AchievementCard-1d5d1b61.js.map → AchievementCard-017092a3.js.map} +1 -1
- package/dist/esm/{BoostGenericCard-de8e2a84.js → BoostGenericCard-f5200b85.js} +4 -4
- package/dist/esm/BoostGenericCard-f5200b85.js.map +1 -0
- package/dist/esm/{BoostSmallCard-902844fc.js → BoostSmallCard-7180158e.js} +6 -6
- package/dist/esm/BoostSmallCard-7180158e.js.map +1 -0
- package/dist/esm/Button-5f805204.js.map +1 -1
- package/dist/esm/{CertificateDisplayCard-b69fd06f.js → CertificateDisplayCard-6b7a31bc.js} +31 -19
- package/dist/{cjs/CertificateDisplayCard-11ebf814.js.map → esm/CertificateDisplayCard-6b7a31bc.js.map} +1 -1
- package/dist/esm/Checkmark-d8b8f43d.js.map +1 -1
- package/dist/esm/CircleCheckButton-5a97f071.js.map +1 -1
- package/dist/esm/CircleIcon-4200733b.js.map +1 -1
- package/dist/esm/CircleSpinner-9b8b1a6b.js.map +1 -1
- package/dist/esm/Coins-ed119ec6.js.map +1 -1
- package/dist/esm/CourseCard-663ff174.js.map +1 -1
- package/dist/esm/{CourseVerticalCard-6b11b2a1.js → CourseVerticalCard-130b0d91.js} +3 -3
- package/dist/esm/{CourseVerticalCard-6b11b2a1.js.map → CourseVerticalCard-130b0d91.js.map} +1 -1
- package/dist/esm/FlippyCard-a2de5cf1.js.map +1 -1
- package/dist/esm/GenericArrow-0dba1707.js.map +1 -1
- package/dist/esm/{GenericCard-7b21d3e2.js → GenericCard-fe56887c.js} +4 -5
- package/dist/esm/GenericCard-fe56887c.js.map +1 -0
- package/dist/esm/JobHistoryCard-80d4ef27.js.map +1 -1
- package/dist/esm/JobListCard-1299ff04.js.map +1 -1
- package/dist/esm/LearnCardCreditCardBackFace-9baa9e6b.js.map +1 -1
- package/dist/esm/{LearnCardCreditCardFrontFace-f61b789c.js → LearnCardCreditCardFrontFace-d50efb25.js} +2 -2
- package/dist/esm/{LearnCardCreditCardFrontFace-f61b789c.js.map → LearnCardCreditCardFrontFace-d50efb25.js.map} +1 -1
- package/dist/esm/LearnPill-b8885ed1.js.map +1 -1
- package/dist/esm/{Lightbox-a1aab9ea.js → Lightbox-883afe8f.js} +22 -19
- package/dist/esm/{Lightbox-a1aab9ea.js.map → Lightbox-883afe8f.js.map} +1 -1
- package/dist/esm/Lightbulb-b6eca510.js.map +1 -1
- package/dist/esm/{MeritBadgeDisplayCard-575a61ed.js → MeritBadgeDisplayCard-0fd4c3c7.js} +23 -17
- package/dist/{cjs/MeritBadgeDisplayCard-70930ef2.js.map → esm/MeritBadgeDisplayCard-0fd4c3c7.js.map} +1 -1
- package/dist/esm/{MeritBadgeSkillsCount-8f371ab1.js → MeritBadgeSkillsCount-d0c9dd6e.js} +10 -4
- package/dist/esm/{MeritBadgeSkillsCount-8f371ab1.js.map → MeritBadgeSkillsCount-d0c9dd6e.js.map} +1 -1
- package/dist/esm/MiniVCThumbnail-6a07e810.js.map +1 -1
- package/dist/esm/Notification-95d159d2.js.map +1 -1
- package/dist/esm/NotificationBoostCard-e614c341.js.map +1 -1
- package/dist/esm/NotificationUserAcceptedBoostCard-8c13bd3f.js.map +1 -1
- package/dist/esm/NotificationUserCard-dbcc80f9.js.map +1 -1
- package/dist/esm/PuzzlePiece-1fb12c2e.js.map +1 -1
- package/dist/esm/{QRCodeCard-79d4d253.js → QRCodeCard-aa2b9967.js} +2 -2
- package/dist/esm/{QRCodeCard-79d4d253.js.map → QRCodeCard-aa2b9967.js.map} +1 -1
- package/dist/esm/QRCodeIcon-e9569804.js.map +1 -1
- package/dist/esm/RoundedPill-6a6e8aaf.js.map +1 -1
- package/dist/esm/{SchoolIDCard-01422d53.js → SchoolIDCard-5abd1bd9.js} +1205 -9
- package/dist/esm/SchoolIDCard-5abd1bd9.js.map +1 -0
- package/dist/esm/{SkillTabCard-8177895b.js → SkillTabCard-cfe117a2.js} +2 -2
- package/dist/esm/{SkillTabCard-8177895b.js.map → SkillTabCard-cfe117a2.js.map} +1 -1
- package/dist/esm/SkillVerticalCard-108f49bb.js.map +1 -1
- package/dist/esm/SkillsCard-92a51db2.js.map +1 -1
- package/dist/esm/SkillsStatsCard-1628fe9c.js.map +1 -1
- package/dist/esm/SmallAchievementCard-d0220751.js.map +1 -1
- package/dist/esm/Trophy-ad67f46a.js.map +1 -1
- package/dist/esm/User-161c7f37.js.map +1 -1
- package/dist/esm/{VCCard-6c8c3ff1.js → VCCard-aa590ccb.js} +4 -18
- package/dist/{cjs/VCCard-cf3590eb.js.map → esm/VCCard-aa590ccb.js.map} +1 -1
- package/dist/esm/{VCDisplayBackFace-c618851f.js → VCDisplayBackFace-ac7bbe0b.js} +3 -3
- package/dist/esm/{VCDisplayBackFace-c618851f.js.map → VCDisplayBackFace-ac7bbe0b.js.map} +1 -1
- package/dist/esm/{VCDisplayCard-fb298063.js → VCDisplayCard-b7dc3160.js} +3 -3
- package/dist/esm/{VCDisplayCard-fb298063.js.map → VCDisplayCard-b7dc3160.js.map} +1 -1
- package/dist/esm/{VCDisplayCard2-06c93532.js → VCDisplayCard2-b8e77e57.js} +67 -48
- package/dist/{cjs/VCDisplayCard2-19613b61.js.map → esm/VCDisplayCard2-b8e77e57.js.map} +1 -1
- package/dist/esm/VCThumbnail-3c254bda.js.map +1 -1
- package/dist/esm/VCVerificationCheck-80249524.js.map +1 -1
- package/dist/esm/{VCVerificationPill-dc9dda81.js → VCVerificationPill-43167fd5.js} +2 -2
- package/dist/esm/{VCVerificationPill-dc9dda81.js.map → VCVerificationPill-43167fd5.js.map} +1 -1
- package/dist/esm/{VerifierStateBadgeAndText-86214479.js → VerifierStateBadgeAndText-26578052.js} +14 -7
- package/dist/esm/VerifierStateBadgeAndText-26578052.js.map +1 -0
- package/dist/esm/constants-a7601fa8.js.map +1 -1
- package/dist/esm/{credential.helpers-cdc2f4a3.js → credential.helpers-93170224.js} +801 -1231
- package/dist/esm/credential.helpers-93170224.js.map +1 -0
- package/dist/esm/icons-03afd795.js.map +1 -1
- package/dist/esm/index-28917993.js.map +1 -1
- package/dist/esm/{index-dff96076.js → index-2ef835bd.js} +17 -21
- package/dist/esm/index-2ef835bd.js.map +1 -0
- package/dist/esm/index-5d5219f7.js.map +1 -1
- package/dist/esm/index-705f3821.js +2438 -0
- package/dist/esm/index-705f3821.js.map +1 -0
- package/dist/esm/index.js +42 -42
- package/dist/esm/index10.js +6 -6
- package/dist/esm/index12.js +1 -1
- package/dist/esm/index13.js +42 -42
- package/dist/esm/index17.js +2 -2
- package/dist/esm/index19.js +1 -1
- package/dist/esm/index2.js +21 -21
- package/dist/esm/index21.js +8 -7
- package/dist/esm/index21.js.map +1 -1
- package/dist/esm/index27.js +2 -2
- package/dist/esm/index3.js +2 -2
- package/dist/esm/index30.js +1 -2
- package/dist/esm/index30.js.map +1 -1
- package/dist/esm/index33.js +3 -3
- package/dist/esm/index37.js +13 -13
- package/dist/esm/index38.js +5 -4
- package/dist/esm/index38.js.map +1 -1
- package/dist/esm/index39.js +6 -5
- package/dist/esm/index39.js.map +1 -1
- package/dist/esm/index4.js +19 -19
- package/dist/esm/index40.js +9 -9
- package/dist/esm/index41.js +2 -1
- package/dist/esm/index41.js.map +1 -1
- package/dist/esm/index44.js +2 -2
- package/dist/esm/index6.js +7 -6
- package/dist/esm/index6.js.map +1 -1
- package/dist/esm/notifications-009bbd80.js.map +1 -1
- package/dist/esm/types-b32d28d5.js.map +1 -1
- package/dist/esm/types-cfde3c2b.js.map +1 -1
- package/dist/esm/{types.esm-4ec5392e.js → types.esm-3a1994d5.js} +50 -40
- package/dist/esm/types.esm-3a1994d5.js.map +1 -0
- package/dist/main.css +1 -1
- package/dist/main.js +1 -1
- package/package.json +3 -3
- package/dist/cjs/BoostGenericCard-e540e459.js.map +0 -1
- package/dist/cjs/BoostSmallCard-9dc75a95.js.map +0 -1
- package/dist/cjs/GenericCard-46248807.js.map +0 -1
- package/dist/cjs/SchoolIDCard-c7b4153a.js.map +0 -1
- package/dist/cjs/VerifierStateBadgeAndText-fd0bd814.js.map +0 -1
- package/dist/cjs/credential.helpers-afb94f02.js.map +0 -1
- package/dist/cjs/index-8082a131.js.map +0 -1
- package/dist/cjs/index-838fa72c.js +0 -1186
- package/dist/cjs/index-838fa72c.js.map +0 -1
- package/dist/cjs/types.esm-c33cbec2.js.map +0 -1
- package/dist/esm/BoostGenericCard-de8e2a84.js.map +0 -1
- package/dist/esm/BoostSmallCard-902844fc.js.map +0 -1
- package/dist/esm/GenericCard-7b21d3e2.js.map +0 -1
- package/dist/esm/SchoolIDCard-01422d53.js.map +0 -1
- package/dist/esm/VerifierStateBadgeAndText-86214479.js.map +0 -1
- package/dist/esm/credential.helpers-cdc2f4a3.js.map +0 -1
- package/dist/esm/index-4fa491c1.js +0 -1184
- package/dist/esm/index-4fa491c1.js.map +0 -1
- package/dist/esm/index-dff96076.js.map +0 -1
- package/dist/esm/types.esm-4ec5392e.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCThumbnail-6bf86bb2.js","sources":["../../src/components/VCThumbnail/VCThumbnail.tsx"],"sourcesContent":["import React from 'react';\n\nimport FatArrow from '../../assets/images/icon.green.fat-arrow.png';\nimport VerifiedCheck from '../../assets/images/verified-check.png';\n\nimport { VCThumbnailProps } from './types';\n\nexport const VCThumbnail: React.FC<VCThumbnailProps> = ({\n title,\n createdAt,\n issuerImage,\n userImage,\n userImageComponent,\n badgeImage,\n className = '',\n listView = false,\n onClick = () => {},\n}) => {\n let imageElement: React.ReactNode | null = null;\n let userImageEl: React.ReactNode | null = null;\n\n if (issuerImage) {\n imageElement = (\n <img className=\"h-full w-full object-cover\" src={issuerImage} alt=\"issuer image\" />\n );\n } else if (badgeImage) {\n imageElement = (\n <img className=\"h-full w-full object-cover\" src={badgeImage} alt=\"badge image\" />\n );\n }\n\n if (userImage) {\n userImageEl = (\n <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct\">\n <img\n className=\"w-full h-full absolute rounded-full object-cover border-solid border-4 border-white\"\n src={userImage}\n alt=\"user image\"\n />\n </div>\n );\n } else if (!userImage && userImageComponent) {\n userImageEl = userImageComponent;\n }\n\n const titleClass =\n issuerImage || badgeImage\n ? 'items-start justify-center w-3/4 text-left'\n : 'item-center justify-center w-full text-center';\n\n if (listView) {\n return (\n <div\n onClick={onClick}\n className={`flex flex-col items-center justify-between relative py-3 px-3 rounded-3xl shadow-3xl bg-emerald-700 max-w-sm vc-thumbnail-listview-container ${className}`}\n data-testid=\"vc-thumbnail-list-view\"\n >\n <div className=\"flex flex-row items-center justify-between mb-3 z-10\">\n {imageElement && (\n <div\n className=\"flex flex-row justify-center items-center w-1/4 text-center\"\n data-testid=\"vc-thumbnail-image\"\n >\n <div className=\"h-16 w-16 border-solid border-2 border-black bg-white\">\n {imageElement}\n </div>\n </div>\n )}\n\n <div className={`flex flex-col ${titleClass}`}>\n <h2\n className=\"ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-base tracking-wide leading-snug text-left line-clamp-2\"\n data-testid=\"vc-thumbnail-title\"\n >\n {title ?? ''}\n </h2>\n <p\n className=\"ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-sm font-light text-center line-clamp-1\"\n data-testid=\"vc-thumbnail-createdAt\"\n >\n {createdAt ?? ''}\n </p>\n </div>\n </div>\n <div className=\"flex items-center justify-center w-full mt-3 vc-thumbnail-footer\">\n <h3 className=\"text-white text-sm text-right font-normal tracking-wide leading-tight flex-1\">\n Verified\n </h3>\n <div className=\"flex items-center justify-center my-0 mx-1 h-10 w-10 rounded-full bg-white overflow-hidden\">\n <div className=\"flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-4 border-emerald-700 overflow-hidden\">\n <img\n className=\"h-full w-full object-cover\"\n src={VerifiedCheck ?? ''}\n alt=\"credential icon\"\n />\n </div>\n </div>\n <h3 className=\"text-white text-sm text-left font-normal tracking-wide leading-tight flex-1\">\n Credential\n </h3>\n </div>\n </div>\n );\n }\n\n const vcThumbNailAltContainerClass = !badgeImage ? 'vc-thumbnail-alt-container' : '';\n\n return (\n <div\n onClick={onClick}\n className={`relative py-3 xxsm:py-1 rounded-3xl shadow-3xl bg-emerald-700 vc-thumbnail-container ${vcThumbNailAltContainerClass} ${className}`}\n data-testid=\"vc-thumbnail\"\n >\n <div className=\"h-full w-full absolute\">\n <div className=\"flex flex-col items-center justify-center z-10 text-center w-full\">\n <div className=\"flex flex-row items-center justify-center w-full px-2\">\n <div className=\"flex flex-row items-center justify-center w-full\">\n <h2\n className=\"text-base tracking-wide leading-snug text-center line-clamp-2\"\n data-testid=\"vc-thumbnail-title\"\n >\n {title ?? ''}\n </h2>\n </div>\n </div>\n <div className=\"w-full mt-2\">\n <p\n className=\"text-sm font-light text-center line-clamp-1\"\n data-testid=\"vc-thumbnail-createdAt\"\n >\n {createdAt ?? ''}\n </p>\n </div>\n\n <div className=\"flex flex-row items-center justify-center mt-3 xxsm:mt-1 w-full\">\n <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct\">\n <img\n className=\"h-5/6 w-10/12 left-1 top-1 absolute rounded-full object-cover\"\n src={issuerImage}\n alt=\"issuer image\"\n />\n </div>\n\n <img\n className=\"h-8 w-8 my-0 mx-4\"\n src={FatArrow ?? ''}\n alt=\"fat arrow icon\"\n />\n {userImageEl}\n </div>\n </div>\n\n {badgeImage && (\n <div className=\"flex items-center justify-center w-full mt-4 xxxsm:mt-0\">\n <div\n className=\"border-solid border-2 border-black bg-white relative w-1/4 h-0 overflow-hidden pt-25pct pb-0 px-0\"\n data-testid=\"vc-thumbnail-badge\"\n >\n <img\n className=\"h-full w-full object-cover absolute top-0 left-0\"\n src={badgeImage}\n alt=\"badge image\"\n />\n </div>\n </div>\n )}\n\n <div className=\"flex items-center justify-center absolute right-2 bottom-5 xxsm:bottom-3 xxxsm:bottom-3 h-8 w-8 rounded-full bg-white overflow-hidden\">\n <div className=\"flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-2 border-emerald-700 overflow-hidden\">\n <img\n className=\"h-full w-full object-cover\"\n src={VerifiedCheck ?? ''}\n alt=\"credential icon\"\n />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default VCThumbnail;\n"],"names":["React","VerifiedCheck","FatArrow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VCThumbnail-6bf86bb2.js","sources":["../../src/components/VCThumbnail/VCThumbnail.tsx"],"sourcesContent":["import React from 'react';\n\nimport FatArrow from '../../assets/images/icon.green.fat-arrow.png';\nimport VerifiedCheck from '../../assets/images/verified-check.png';\n\nimport { VCThumbnailProps } from './types';\n\nexport const VCThumbnail: React.FC<VCThumbnailProps> = ({\n title,\n createdAt,\n issuerImage,\n userImage,\n userImageComponent,\n badgeImage,\n className = '',\n listView = false,\n onClick = () => {},\n}) => {\n let imageElement: React.ReactNode | null = null;\n let userImageEl: React.ReactNode | null = null;\n\n if (issuerImage) {\n imageElement = (\n <img className=\"h-full w-full object-cover\" src={issuerImage} alt=\"issuer image\" />\n );\n } else if (badgeImage) {\n imageElement = (\n <img className=\"h-full w-full object-cover\" src={badgeImage} alt=\"badge image\" />\n );\n }\n\n if (userImage) {\n userImageEl = (\n <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct\">\n <img\n className=\"w-full h-full absolute rounded-full object-cover border-solid border-4 border-white\"\n src={userImage}\n alt=\"user image\"\n />\n </div>\n );\n } else if (!userImage && userImageComponent) {\n userImageEl = userImageComponent;\n }\n\n const titleClass =\n issuerImage || badgeImage\n ? 'items-start justify-center w-3/4 text-left'\n : 'item-center justify-center w-full text-center';\n\n if (listView) {\n return (\n <div\n onClick={onClick}\n className={`flex flex-col items-center justify-between relative py-3 px-3 rounded-3xl shadow-3xl bg-emerald-700 max-w-sm vc-thumbnail-listview-container ${className}`}\n data-testid=\"vc-thumbnail-list-view\"\n >\n <div className=\"flex flex-row items-center justify-between mb-3 z-10\">\n {imageElement && (\n <div\n className=\"flex flex-row justify-center items-center w-1/4 text-center\"\n data-testid=\"vc-thumbnail-image\"\n >\n <div className=\"h-16 w-16 border-solid border-2 border-black bg-white\">\n {imageElement}\n </div>\n </div>\n )}\n\n <div className={`flex flex-col ${titleClass}`}>\n <h2\n className=\"ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-base tracking-wide leading-snug text-left line-clamp-2\"\n data-testid=\"vc-thumbnail-title\"\n >\n {title ?? ''}\n </h2>\n <p\n className=\"ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-sm font-light text-center line-clamp-1\"\n data-testid=\"vc-thumbnail-createdAt\"\n >\n {createdAt ?? ''}\n </p>\n </div>\n </div>\n <div className=\"flex items-center justify-center w-full mt-3 vc-thumbnail-footer\">\n <h3 className=\"text-white text-sm text-right font-normal tracking-wide leading-tight flex-1\">\n Verified\n </h3>\n <div className=\"flex items-center justify-center my-0 mx-1 h-10 w-10 rounded-full bg-white overflow-hidden\">\n <div className=\"flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-4 border-emerald-700 overflow-hidden\">\n <img\n className=\"h-full w-full object-cover\"\n src={VerifiedCheck ?? ''}\n alt=\"credential icon\"\n />\n </div>\n </div>\n <h3 className=\"text-white text-sm text-left font-normal tracking-wide leading-tight flex-1\">\n Credential\n </h3>\n </div>\n </div>\n );\n }\n\n const vcThumbNailAltContainerClass = !badgeImage ? 'vc-thumbnail-alt-container' : '';\n\n return (\n <div\n onClick={onClick}\n className={`relative py-3 xxsm:py-1 rounded-3xl shadow-3xl bg-emerald-700 vc-thumbnail-container ${vcThumbNailAltContainerClass} ${className}`}\n data-testid=\"vc-thumbnail\"\n >\n <div className=\"h-full w-full absolute\">\n <div className=\"flex flex-col items-center justify-center z-10 text-center w-full\">\n <div className=\"flex flex-row items-center justify-center w-full px-2\">\n <div className=\"flex flex-row items-center justify-center w-full\">\n <h2\n className=\"text-base tracking-wide leading-snug text-center line-clamp-2\"\n data-testid=\"vc-thumbnail-title\"\n >\n {title ?? ''}\n </h2>\n </div>\n </div>\n <div className=\"w-full mt-2\">\n <p\n className=\"text-sm font-light text-center line-clamp-1\"\n data-testid=\"vc-thumbnail-createdAt\"\n >\n {createdAt ?? ''}\n </p>\n </div>\n\n <div className=\"flex flex-row items-center justify-center mt-3 xxsm:mt-1 w-full\">\n <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct\">\n <img\n className=\"h-5/6 w-10/12 left-1 top-1 absolute rounded-full object-cover\"\n src={issuerImage}\n alt=\"issuer image\"\n />\n </div>\n\n <img\n className=\"h-8 w-8 my-0 mx-4\"\n src={FatArrow ?? ''}\n alt=\"fat arrow icon\"\n />\n {userImageEl}\n </div>\n </div>\n\n {badgeImage && (\n <div className=\"flex items-center justify-center w-full mt-4 xxxsm:mt-0\">\n <div\n className=\"border-solid border-2 border-black bg-white relative w-1/4 h-0 overflow-hidden pt-25pct pb-0 px-0\"\n data-testid=\"vc-thumbnail-badge\"\n >\n <img\n className=\"h-full w-full object-cover absolute top-0 left-0\"\n src={badgeImage}\n alt=\"badge image\"\n />\n </div>\n </div>\n )}\n\n <div className=\"flex items-center justify-center absolute right-2 bottom-5 xxsm:bottom-3 xxxsm:bottom-3 h-8 w-8 rounded-full bg-white overflow-hidden\">\n <div className=\"flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-2 border-emerald-700 overflow-hidden\">\n <img\n className=\"h-full w-full object-cover\"\n src={VerifiedCheck ?? ''}\n alt=\"credential icon\"\n />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default VCThumbnail;\n"],"names":["React","VerifiedCheck","FatArrow"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCVerificationCheck-46fa75d3.js","sources":["../../src/components/VCVerificationCheck/VCVerificationCheck.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport VerificationCheckDisplay from '../../assets/images/vc.check.svg';\nimport CircleSpinner, { CircleLoadingState } from '../Loading/CircleSpinner';\n\nexport type VCVerificationCheckProps = {\n size?: string | number;\n loading?: boolean;\n};\n\nexport const VCVerificationCheck: React.FC<VCVerificationCheckProps> = ({ size = '44px' }) => {\n const imageSize = {\n width: size,\n height: size,\n };\n return (\n <div className=\"vc-verification-wrapper\" style={{ position: 'relative' }}>\n <div className=\"flex items-center justify-center bg-white rounded-full overflow-hidden\">\n <img\n className=\"h-full w-full object-contain p-1\"\n src={VerificationCheckDisplay ?? ''}\n style={imageSize}\n alt=\"Verification Icon\"\n />\n </div>\n </div>\n );\n};\n\nexport default VCVerificationCheck;\n\nexport const VCVerificationCheckWithSpinner: React.FC<\n VCVerificationCheckProps & { spinnerSize?: string; withBorder?: boolean }\n> = ({ size = '44px', spinnerSize = '60px', loading = true, withBorder = false }) => {\n const loadingState = loading ? CircleLoadingState.spin : CircleLoadingState.stop;\n\n const spinnerStyle: React.CSSProperties = {\n position: 'absolute',\n top: 0,\n left: 0,\n height: spinnerSize,\n width: spinnerSize,\n };\n\n const spinnerSizeNumber = parseInt(spinnerSize.replace('px', ''));\n const offset = spinnerSizeNumber > 50 ? 3 : 2;\n\n return (\n <div\n style={{ width: spinnerSize, height: spinnerSize, position: 'relative' }}\n className={`flex items-center justify-center bg-white rounded-full overflow-hidden select-none ${withBorder ? ' ml-3 mr-3' : ''\n }`}\n >\n <VCVerificationCheck size={size} loading={loading} />\n <div className=\"vc-verification-spinner-overlay\" style={spinnerStyle}>\n <CircleSpinner\n loadingState={loadingState}\n size={spinnerSizeNumber}\n marginOffset={offset}\n />\n </div>\n </div>\n );\n};\n\nexport const VCVerificationCheckWithText: React.FC<\n VCVerificationCheckProps & { spinnerSize?: string }\n> = ({ size = '44px', spinnerSize = '60px', loading = true }) => {\n const [defaultLoading, setDefaultLoading] = useState(true);\n\n useEffect(() => {\n let timer1 = setTimeout(() => setDefaultLoading(false), 3 * 1000);\n return () => {\n clearTimeout(timer1);\n };\n });\n\n return (\n <div className=\"flex justify-center items-center translate-x-[10px] w-full vc-verification-full-wrapper\">\n <span className=\"text-white font-bold tracking-wider\">Verified</span>\n <VCVerificationCheckWithSpinner\n size={size}\n spinnerSize={spinnerSize}\n loading={loading || defaultLoading}\n withBorder\n />\n <span className=\"text-white font-bold tracking-wider\">Credential</span>\n </div>\n );\n};\n"],"names":["React","VerificationCheckDisplay","CircleLoadingState","CircleSpinner","useState","useEffect"],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"VCVerificationCheck-46fa75d3.js","sources":["../../src/components/VCVerificationCheck/VCVerificationCheck.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport VerificationCheckDisplay from '../../assets/images/vc.check.svg';\nimport CircleSpinner, { CircleLoadingState } from '../Loading/CircleSpinner';\n\nexport type VCVerificationCheckProps = {\n size?: string | number;\n loading?: boolean;\n};\n\nexport const VCVerificationCheck: React.FC<VCVerificationCheckProps> = ({ size = '44px' }) => {\n const imageSize = {\n width: size,\n height: size,\n };\n return (\n <div className=\"vc-verification-wrapper\" style={{ position: 'relative' }}>\n <div className=\"flex items-center justify-center bg-white rounded-full overflow-hidden\">\n <img\n className=\"h-full w-full object-contain p-1\"\n src={VerificationCheckDisplay ?? ''}\n style={imageSize}\n alt=\"Verification Icon\"\n />\n </div>\n </div>\n );\n};\n\nexport default VCVerificationCheck;\n\nexport const VCVerificationCheckWithSpinner: React.FC<\n VCVerificationCheckProps & { spinnerSize?: string; withBorder?: boolean }\n> = ({ size = '44px', spinnerSize = '60px', loading = true, withBorder = false }) => {\n const loadingState = loading ? CircleLoadingState.spin : CircleLoadingState.stop;\n\n const spinnerStyle: React.CSSProperties = {\n position: 'absolute',\n top: 0,\n left: 0,\n height: spinnerSize,\n width: spinnerSize,\n };\n\n const spinnerSizeNumber = parseInt(spinnerSize.replace('px', ''));\n const offset = spinnerSizeNumber > 50 ? 3 : 2;\n\n return (\n <div\n style={{ width: spinnerSize, height: spinnerSize, position: 'relative' }}\n className={`flex items-center justify-center bg-white rounded-full overflow-hidden select-none ${withBorder ? ' ml-3 mr-3' : ''\n }`}\n >\n <VCVerificationCheck size={size} loading={loading} />\n <div className=\"vc-verification-spinner-overlay\" style={spinnerStyle}>\n <CircleSpinner\n loadingState={loadingState}\n size={spinnerSizeNumber}\n marginOffset={offset}\n />\n </div>\n </div>\n );\n};\n\nexport const VCVerificationCheckWithText: React.FC<\n VCVerificationCheckProps & { spinnerSize?: string }\n> = ({ size = '44px', spinnerSize = '60px', loading = true }) => {\n const [defaultLoading, setDefaultLoading] = useState(true);\n\n useEffect(() => {\n let timer1 = setTimeout(() => setDefaultLoading(false), 3 * 1000);\n return () => {\n clearTimeout(timer1);\n };\n });\n\n return (\n <div className=\"flex justify-center items-center translate-x-[10px] w-full vc-verification-full-wrapper\">\n <span className=\"text-white font-bold tracking-wider\">Verified</span>\n <VCVerificationCheckWithSpinner\n size={size}\n spinnerSize={spinnerSize}\n loading={loading || defaultLoading}\n withBorder\n />\n <span className=\"text-white font-bold tracking-wider\">Credential</span>\n </div>\n );\n};\n"],"names":["React","VerificationCheckDisplay","CircleLoadingState","CircleSpinner","useState","useEffect"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var types_esm = require('./types.esm-
|
|
4
|
+
var types_esm = require('./types.esm-41aaa0d4.js');
|
|
5
5
|
var VerificationFailedIcon = require('./RedXCircle.svg');
|
|
6
6
|
var VerificationPassedIcon = require('./GreenCheckCircle.svg');
|
|
7
7
|
var VerificationWarningIcon = require('./YellowWarningCircle.svg');
|
|
@@ -72,4 +72,4 @@ const VCVerificationPill = ({
|
|
|
72
72
|
|
|
73
73
|
exports.VCVerificationPill = VCVerificationPill;
|
|
74
74
|
exports.ValidationStateIndicator = ValidationStateIndicator;
|
|
75
|
-
//# sourceMappingURL=VCVerificationPill-
|
|
75
|
+
//# sourceMappingURL=VCVerificationPill-b8d9a33d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCVerificationPill-
|
|
1
|
+
{"version":3,"file":"VCVerificationPill-b8d9a33d.js","sources":["../../src/components/VCVerificationPill/VCVerificationPill.tsx"],"sourcesContent":["import React from 'react';\nimport { VerificationStatus, VerificationStatusEnum } from '@learncard/types';\n\nimport VerificationFailedIcon from '../../assets/images/RedXCircle.svg';\nimport VerificationPassedIcon from '../../assets/images/GreenCheckCircle.svg';\nimport VerificationWarningIcon from '../../assets/images/YellowWarningCircle.svg';\n\ntype VerificationDisplayItemProps = {\n status?: VerificationStatus;\n message?: string;\n details?: string;\n};\n\ntype VerifiableStateIndicatorProps = {\n status: VerificationStatus;\n};\n\nconst StatusToBgColor = {\n [VerificationStatusEnum.Success]: 'bg-emerald-500',\n [VerificationStatusEnum.Failed]: 'bg-yellow-400',\n [VerificationStatusEnum.Error]: 'bg-rose-600',\n};\n\nconst StatusToTextColor = {\n [VerificationStatusEnum.Success]: 'text-emerald-700',\n [VerificationStatusEnum.Failed]: 'text-yellow-400',\n [VerificationStatusEnum.Error]: 'text-rose-600',\n};\n\nconst StatusToIcon = {\n [VerificationStatusEnum.Success]: VerificationPassedIcon,\n [VerificationStatusEnum.Failed]: VerificationWarningIcon,\n [VerificationStatusEnum.Error]: VerificationFailedIcon,\n};\n\nconst StatusToText = {\n [VerificationStatusEnum.Success]: 'Verification Success',\n [VerificationStatusEnum.Error]: 'Verification Error ',\n [VerificationStatusEnum.Failed]: 'Verification Failed',\n};\n\nexport const ValidationStateIndicator: React.FC<VerifiableStateIndicatorProps> = ({ status }) => {\n const bgColor = StatusToBgColor[status];\n const source = StatusToIcon[status];\n\n return (\n <div className={`relative rounded-full w-[30px] h-[30px] ${bgColor}`}>\n <div className=\"relative w-[100%] h-[100%] flex items-center justify-center rounded-[50%] bg-white rounded-full overflow-hidden\">\n <img\n className=\"h-full w-full object-contain p-1\"\n src={source ?? ''}\n alt=\"Verification Status Icon\"\n />\n </div>\n </div>\n );\n};\n\nconst VCVerificationPill: React.FC<VerificationDisplayItemProps> = ({\n message = '',\n details,\n status = VerificationStatusEnum.Success,\n}) => {\n const statusColor = StatusToTextColor[status];\n const statusInfoText = StatusToText[status];\n\n return (\n <section className=\"flex width-full bg-white p-2 px-5 my-3.5 justify-between items-center relative vc-verification-checklist-pill rounded-[22px]\">\n <div className=\"vc-pill-left\">\n <p className={`text-[10px] font-bold status-text uppercase ${statusColor}`}>\n {statusInfoText}\n </p>\n\n <p className=\"text-[12px] text-grayscale-900 vc-pill-text\">{message}</p>\n\n {details && <p className=\"text-[12px] text-gray-600\"> {details}</p>}\n </div>\n <div className=\"vc-pill-right\">\n <ValidationStateIndicator status={status} />\n </div>\n </section>\n );\n};\n\nexport default VCVerificationPill;\n"],"names":["VerificationStatusEnum","VerificationPassedIcon","VerificationWarningIcon","VerificationFailedIcon","React"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,eAAkB,GAAA;AAAA,EACpB,CAACA,iCAAuB,OAAU,GAAA,gBAAA;AAAA,EAClC,CAACA,iCAAuB,MAAS,GAAA,eAAA;AAAA,EACjC,CAACA,iCAAuB,KAAQ,GAAA,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAACA,iCAAuB,OAAU,GAAA,kBAAA;AAAA,EAClC,CAACA,iCAAuB,MAAS,GAAA,iBAAA;AAAA,EACjC,CAACA,iCAAuB,KAAQ,GAAA,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACA,iCAAuB,OAAU,GAAAC,0CAAA;AAAA,EAClC,CAACD,iCAAuB,MAAS,GAAAE,2CAAA;AAAA,EACjC,CAACF,iCAAuB,KAAQ,GAAAG,0CAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACH,iCAAuB,OAAU,GAAA,sBAAA;AAAA,EAClC,CAACA,iCAAuB,KAAQ,GAAA,qBAAA;AAAA,EAChC,CAACA,iCAAuB,MAAS,GAAA,qBAAA;AACrC,CAAA,CAAA;AAEO,MAAM,wBAAoE,GAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AAC7F,EAAA,MAAM,UAAU,eAAgB,CAAA,MAAA,CAAA,CAAA;AAChC,EAAA,MAAM,SAAS,YAAa,CAAA,MAAA,CAAA,CAAA;AAE5B,EAAA,uBACKI,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,CAA2C,wCAAA,EAAA,OAAA,CAAA,CAAA;AAAA,GAAA,kBACtDA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,iHAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,kCAAA;AAAA,IACV,KAAK,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA;AAAA,IACf,GAAI,EAAA,0BAAA;AAAA,GACR,CACJ,CACJ,CAAA,CAAA;AAER,EAAA;AAEA,MAAM,qBAA6D,CAAC;AAAA,EAChE,OAAU,GAAA,EAAA;AAAA,EACV,OAAA;AAAA,EACA,SAASJ,gCAAuB,CAAA,OAAA;AACpC,CAAM,KAAA;AACF,EAAA,MAAM,cAAc,iBAAkB,CAAA,MAAA,CAAA,CAAA;AACtC,EAAA,MAAM,iBAAiB,YAAa,CAAA,MAAA,CAAA,CAAA;AAEpC,EAAA,uBACKI,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,8HAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,cAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,WAAW,CAA+C,4CAAA,EAAA,WAAA,CAAA,CAAA;AAAA,GACxD,EAAA,cACL,mBAECA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,6CAAA;AAAA,GAA+C,EAAA,OAAQ,CAEnE,EAAA,OAAA,oBAAYA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,2BAAA;AAAA,GAAA,EAA4B,GAAE,EAAA,OAAQ,CACnE,CAAA,kBACCA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,eAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAA,IAAyB,MAAA;AAAA,GAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;;"}
|
package/dist/cjs/{VerifierStateBadgeAndText-fd0bd814.js → VerifierStateBadgeAndText-855df7d5.js}
RENAMED
|
@@ -391,7 +391,7 @@ const BYTE_UNITS = [
|
|
|
391
391
|
|
|
392
392
|
const BIBYTE_UNITS = [
|
|
393
393
|
'B',
|
|
394
|
-
'
|
|
394
|
+
'KiB',
|
|
395
395
|
'MiB',
|
|
396
396
|
'GiB',
|
|
397
397
|
'TiB',
|
|
@@ -450,6 +450,7 @@ function prettyBytes(number, options) {
|
|
|
450
450
|
options = {
|
|
451
451
|
bits: false,
|
|
452
452
|
binary: false,
|
|
453
|
+
space: true,
|
|
453
454
|
...options,
|
|
454
455
|
};
|
|
455
456
|
|
|
@@ -457,8 +458,10 @@ function prettyBytes(number, options) {
|
|
|
457
458
|
? (options.binary ? BIBIT_UNITS : BIT_UNITS)
|
|
458
459
|
: (options.binary ? BIBYTE_UNITS : BYTE_UNITS);
|
|
459
460
|
|
|
461
|
+
const separator = options.space ? ' ' : '';
|
|
462
|
+
|
|
460
463
|
if (options.signed && number === 0) {
|
|
461
|
-
return ` 0
|
|
464
|
+
return ` 0${separator}${UNITS[0]}`;
|
|
462
465
|
}
|
|
463
466
|
|
|
464
467
|
const isNegative = number < 0;
|
|
@@ -480,7 +483,7 @@ function prettyBytes(number, options) {
|
|
|
480
483
|
|
|
481
484
|
if (number < 1) {
|
|
482
485
|
const numberString = toLocaleString(number, options.locale, localeOptions);
|
|
483
|
-
return prefix + numberString +
|
|
486
|
+
return prefix + numberString + separator + UNITS[0];
|
|
484
487
|
}
|
|
485
488
|
|
|
486
489
|
const exponent = Math.min(Math.floor(options.binary ? Math.log(number) / Math.log(1024) : Math.log10(number) / 3), UNITS.length - 1);
|
|
@@ -494,7 +497,7 @@ function prettyBytes(number, options) {
|
|
|
494
497
|
|
|
495
498
|
const unit = UNITS[exponent];
|
|
496
499
|
|
|
497
|
-
return prefix + numberString +
|
|
500
|
+
return prefix + numberString + separator + unit;
|
|
498
501
|
}
|
|
499
502
|
|
|
500
503
|
const getBaseUrl = (url) => {
|
|
@@ -2311,7 +2314,9 @@ const SelectedSkills = ({ skill, skillSelected }) => {
|
|
|
2311
2314
|
className: "w-[95%] flex items-center flex-col"
|
|
2312
2315
|
}, skillSelected.subskills.map((subSkill, i) => {
|
|
2313
2316
|
var _a;
|
|
2314
|
-
const subskillSelected = (_a = skillSelected == null ? void 0 : skillSelected.subskills) == null ? void 0 : _a.includes(
|
|
2317
|
+
const subskillSelected = (_a = skillSelected == null ? void 0 : skillSelected.subskills) == null ? void 0 : _a.includes(
|
|
2318
|
+
subSkill
|
|
2319
|
+
);
|
|
2315
2320
|
const _subSkill = SKILLS_TO_SUBSKILLS[skill.type].find((ss) => ss.type === subSkill);
|
|
2316
2321
|
return /* @__PURE__ */ React__default["default"].createElement(Subskill, {
|
|
2317
2322
|
key: i,
|
|
@@ -2337,7 +2342,9 @@ const SkillsBox = ({ skills }) => {
|
|
|
2337
2342
|
}, "Skills")), skills.length > 0 && /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2338
2343
|
className: "pt-0 pb-4 flex items-center justify-center flex-col w-full"
|
|
2339
2344
|
}, skills.map((_skill, index) => {
|
|
2340
|
-
boostCMSSKillCategories.find(
|
|
2345
|
+
boostCMSSKillCategories.find(
|
|
2346
|
+
(c) => c.type === _skill.category
|
|
2347
|
+
);
|
|
2341
2348
|
const skill = CATEGORY_TO_SKILLS[_skill.category].find((s) => s.type === _skill.skill);
|
|
2342
2349
|
SKILLS_TO_SUBSKILLS[_skill.skill];
|
|
2343
2350
|
const selectedSkills = skills != null ? skills : [];
|
|
@@ -2396,4 +2403,4 @@ exports.capitalize = capitalize;
|
|
|
2396
2403
|
exports.getBaseUrl = getBaseUrl;
|
|
2397
2404
|
exports.prettyBytes = prettyBytes;
|
|
2398
2405
|
exports.truncateWithEllipsis = truncateWithEllipsis;
|
|
2399
|
-
//# sourceMappingURL=VerifierStateBadgeAndText-
|
|
2406
|
+
//# sourceMappingURL=VerifierStateBadgeAndText-855df7d5.js.map
|