@learncard/react 2.7.20 → 2.7.23
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-d7f6c028.js} +31 -19
- package/dist/{esm/CertificateDisplayCard-b69fd06f.js.map → cjs/CertificateDisplayCard-d7f6c028.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-b952091c.js} +102 -76
- package/dist/cjs/MeritBadgeDisplayCard-b952091c.js.map +1 -0
- package/dist/cjs/{MeritBadgeSkillsCount-41a273ae.js → MeritBadgeSkillsCount-59548cbb.js} +10 -4
- package/dist/cjs/{MeritBadgeSkillsCount-41a273ae.js.map → MeritBadgeSkillsCount-59548cbb.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-70f348fd.js} +4 -18
- package/dist/{esm/VCCard-6c8c3ff1.js.map → cjs/VCCard-70f348fd.js.map} +1 -1
- package/dist/cjs/{VCDisplayBackFace-9c064eef.js → VCDisplayBackFace-aab5806b.js} +3 -3
- package/dist/cjs/{VCDisplayBackFace-9c064eef.js.map → VCDisplayBackFace-aab5806b.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard-929fe8b9.js → VCDisplayCard-ae0ee7c6.js} +3 -3
- package/dist/cjs/{VCDisplayCard-929fe8b9.js.map → VCDisplayCard-ae0ee7c6.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard2-19613b61.js → VCDisplayCard2-653b08d5.js} +67 -48
- package/dist/{esm/VCDisplayCard2-06c93532.js.map → cjs/VCDisplayCard2-653b08d5.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-e5f83fc7.js} +19 -9
- package/dist/cjs/VerifierStateBadgeAndText-e5f83fc7.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-39c07250.js} +874 -1296
- package/dist/cjs/credential.helpers-39c07250.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-7fbe6404.js} +31 -19
- package/dist/{cjs/CertificateDisplayCard-11ebf814.js.map → esm/CertificateDisplayCard-7fbe6404.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-ec9d5238.js} +102 -76
- package/dist/esm/MeritBadgeDisplayCard-ec9d5238.js.map +1 -0
- package/dist/esm/{MeritBadgeSkillsCount-8f371ab1.js → MeritBadgeSkillsCount-1694dc2c.js} +10 -4
- package/dist/esm/{MeritBadgeSkillsCount-8f371ab1.js.map → MeritBadgeSkillsCount-1694dc2c.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-85d16242.js} +4 -18
- package/dist/{cjs/VCCard-cf3590eb.js.map → esm/VCCard-85d16242.js.map} +1 -1
- package/dist/esm/{VCDisplayBackFace-c618851f.js → VCDisplayBackFace-e5f8f858.js} +3 -3
- package/dist/esm/{VCDisplayBackFace-c618851f.js.map → VCDisplayBackFace-e5f8f858.js.map} +1 -1
- package/dist/esm/{VCDisplayCard-fb298063.js → VCDisplayCard-edcd787f.js} +3 -3
- package/dist/esm/{VCDisplayCard-fb298063.js.map → VCDisplayCard-edcd787f.js.map} +1 -1
- package/dist/esm/{VCDisplayCard2-06c93532.js → VCDisplayCard2-599e7a65.js} +67 -48
- package/dist/{cjs/VCDisplayCard2-19613b61.js.map → esm/VCDisplayCard2-599e7a65.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-b042bf32.js} +19 -9
- package/dist/esm/VerifierStateBadgeAndText-b042bf32.js.map +1 -0
- package/dist/esm/constants-a7601fa8.js.map +1 -1
- package/dist/esm/{credential.helpers-cdc2f4a3.js → credential.helpers-a5b16a5e.js} +820 -1242
- package/dist/esm/credential.helpers-a5b16a5e.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/MeritBadgeDisplayCard-70930ef2.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/MeritBadgeDisplayCard-575a61ed.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-3c254bda.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":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VCThumbnail-3c254bda.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":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCVerificationCheck-80249524.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":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"VCVerificationCheck-80249524.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":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { V as VerificationStatusEnum } from './types.esm-
|
|
2
|
+
import { V as VerificationStatusEnum } from './types.esm-3a1994d5.js';
|
|
3
3
|
import VerificationFailedIcon from './RedXCircle.svg';
|
|
4
4
|
import VerificationPassedIcon from './GreenCheckCircle.svg';
|
|
5
5
|
import VerificationWarningIcon from './YellowWarningCircle.svg';
|
|
@@ -62,4 +62,4 @@ const VCVerificationPill = ({
|
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
export { ValidationStateIndicator as V, VCVerificationPill as a };
|
|
65
|
-
//# sourceMappingURL=VCVerificationPill-
|
|
65
|
+
//# sourceMappingURL=VCVerificationPill-43167fd5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCVerificationPill-
|
|
1
|
+
{"version":3,"file":"VCVerificationPill-43167fd5.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":[],"mappings":";;;;;;AAiBA,MAAM,eAAkB,GAAA;AAAA,EACpB,CAAC,uBAAuB,OAAU,GAAA,gBAAA;AAAA,EAClC,CAAC,uBAAuB,MAAS,GAAA,eAAA;AAAA,EACjC,CAAC,uBAAuB,KAAQ,GAAA,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAAC,uBAAuB,OAAU,GAAA,kBAAA;AAAA,EAClC,CAAC,uBAAuB,MAAS,GAAA,iBAAA;AAAA,EACjC,CAAC,uBAAuB,KAAQ,GAAA,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAAC,uBAAuB,OAAU,GAAA,sBAAA;AAAA,EAClC,CAAC,uBAAuB,MAAS,GAAA,uBAAA;AAAA,EACjC,CAAC,uBAAuB,KAAQ,GAAA,sBAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAAC,uBAAuB,OAAU,GAAA,sBAAA;AAAA,EAClC,CAAC,uBAAuB,KAAQ,GAAA,qBAAA;AAAA,EAChC,CAAC,uBAAuB,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,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,CAA2C,wCAAA,EAAA,OAAA,CAAA,CAAA;AAAA,GAAA,kBACtD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,iHAAA;AAAA,GAAA,kBACV,KAAA,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,SAAS,sBAAuB,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,uBACK,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,8HAAA;AAAA,GAAA,kBACd,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,cAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,WAAW,CAA+C,4CAAA,EAAA,WAAA,CAAA,CAAA;AAAA,GACxD,EAAA,cACL,mBAEC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,6CAAA;AAAA,GAA+C,EAAA,OAAQ,CAEnE,EAAA,OAAA,oBAAY,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,2BAAA;AAAA,GAAA,EAA4B,GAAE,EAAA,OAAQ,CACnE,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,eAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAA,IAAyB,MAAA;AAAA,GAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;"}
|
package/dist/esm/{VerifierStateBadgeAndText-86214479.js → VerifierStateBadgeAndText-b042bf32.js}
RENAMED
|
@@ -376,7 +376,7 @@ const BYTE_UNITS = [
|
|
|
376
376
|
|
|
377
377
|
const BIBYTE_UNITS = [
|
|
378
378
|
'B',
|
|
379
|
-
'
|
|
379
|
+
'KiB',
|
|
380
380
|
'MiB',
|
|
381
381
|
'GiB',
|
|
382
382
|
'TiB',
|
|
@@ -435,6 +435,7 @@ function prettyBytes(number, options) {
|
|
|
435
435
|
options = {
|
|
436
436
|
bits: false,
|
|
437
437
|
binary: false,
|
|
438
|
+
space: true,
|
|
438
439
|
...options,
|
|
439
440
|
};
|
|
440
441
|
|
|
@@ -442,8 +443,10 @@ function prettyBytes(number, options) {
|
|
|
442
443
|
? (options.binary ? BIBIT_UNITS : BIT_UNITS)
|
|
443
444
|
: (options.binary ? BIBYTE_UNITS : BYTE_UNITS);
|
|
444
445
|
|
|
446
|
+
const separator = options.space ? ' ' : '';
|
|
447
|
+
|
|
445
448
|
if (options.signed && number === 0) {
|
|
446
|
-
return ` 0
|
|
449
|
+
return ` 0${separator}${UNITS[0]}`;
|
|
447
450
|
}
|
|
448
451
|
|
|
449
452
|
const isNegative = number < 0;
|
|
@@ -465,7 +468,7 @@ function prettyBytes(number, options) {
|
|
|
465
468
|
|
|
466
469
|
if (number < 1) {
|
|
467
470
|
const numberString = toLocaleString(number, options.locale, localeOptions);
|
|
468
|
-
return prefix + numberString +
|
|
471
|
+
return prefix + numberString + separator + UNITS[0];
|
|
469
472
|
}
|
|
470
473
|
|
|
471
474
|
const exponent = Math.min(Math.floor(options.binary ? Math.log(number) / Math.log(1024) : Math.log10(number) / 3), UNITS.length - 1);
|
|
@@ -479,7 +482,7 @@ function prettyBytes(number, options) {
|
|
|
479
482
|
|
|
480
483
|
const unit = UNITS[exponent];
|
|
481
484
|
|
|
482
|
-
return prefix + numberString +
|
|
485
|
+
return prefix + numberString + separator + unit;
|
|
483
486
|
}
|
|
484
487
|
|
|
485
488
|
const getBaseUrl = (url) => {
|
|
@@ -2296,7 +2299,9 @@ const SelectedSkills = ({ skill, skillSelected }) => {
|
|
|
2296
2299
|
className: "w-[95%] flex items-center flex-col"
|
|
2297
2300
|
}, skillSelected.subskills.map((subSkill, i) => {
|
|
2298
2301
|
var _a;
|
|
2299
|
-
const subskillSelected = (_a = skillSelected == null ? void 0 : skillSelected.subskills) == null ? void 0 : _a.includes(
|
|
2302
|
+
const subskillSelected = (_a = skillSelected == null ? void 0 : skillSelected.subskills) == null ? void 0 : _a.includes(
|
|
2303
|
+
subSkill
|
|
2304
|
+
);
|
|
2300
2305
|
const _subSkill = SKILLS_TO_SUBSKILLS[skill.type].find((ss) => ss.type === subSkill);
|
|
2301
2306
|
return /* @__PURE__ */ React.createElement(Subskill, {
|
|
2302
2307
|
key: i,
|
|
@@ -2322,7 +2327,9 @@ const SkillsBox = ({ skills }) => {
|
|
|
2322
2327
|
}, "Skills")), skills.length > 0 && /* @__PURE__ */ React.createElement("div", {
|
|
2323
2328
|
className: "pt-0 pb-4 flex items-center justify-center flex-col w-full"
|
|
2324
2329
|
}, skills.map((_skill, index) => {
|
|
2325
|
-
boostCMSSKillCategories.find(
|
|
2330
|
+
boostCMSSKillCategories.find(
|
|
2331
|
+
(c) => c.type === _skill.category
|
|
2332
|
+
);
|
|
2326
2333
|
const skill = CATEGORY_TO_SKILLS[_skill.category].find((s) => s.type === _skill.skill);
|
|
2327
2334
|
SKILLS_TO_SUBSKILLS[_skill.skill];
|
|
2328
2335
|
const selectedSkills = skills != null ? skills : [];
|
|
@@ -2341,9 +2348,12 @@ const VERIFIER_STATES = {
|
|
|
2341
2348
|
unknownVerifier: "Unknown Verifier",
|
|
2342
2349
|
untrustedVerifier: "Untrusted Verifier"
|
|
2343
2350
|
};
|
|
2344
|
-
const VerifierStateBadgeAndText = ({
|
|
2351
|
+
const VerifierStateBadgeAndText = ({
|
|
2352
|
+
verifierState,
|
|
2353
|
+
className = ""
|
|
2354
|
+
}) => {
|
|
2345
2355
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2346
|
-
className:
|
|
2356
|
+
className: `flex justify-center ${className}`
|
|
2347
2357
|
}, verifierState === VERIFIER_STATES.selfVerified && /* @__PURE__ */ React.createElement("span", {
|
|
2348
2358
|
className: "uppercase font-poppins text-[12px] font-[500] text-green-dark flex gap-[3px] items-center"
|
|
2349
2359
|
}, /* @__PURE__ */ React.createElement(PersonBadge, null), "Self Verified"), verifierState === VERIFIER_STATES.trustedVerifier && /* @__PURE__ */ React.createElement("span", {
|
|
@@ -2356,4 +2366,4 @@ const VerifierStateBadgeAndText = ({ verifierState }) => {
|
|
|
2356
2366
|
};
|
|
2357
2367
|
|
|
2358
2368
|
export { AcuteCheckmark as A, Camera as C, ExclamationPoint as E, FatArrow as F, GenericDocumentIcon as G, InfoIcon as I, LinkIcon as L, PersonBadge as P, RoundedCorner as R, SelectedSkills as S, UnknownVerifierBadge as U, VERIFIER_STATES as V, X, VideoIcon as a, LeftArrow as b, capitalize as c, SkillsBox as d, IssuerSeal as e, Smiley as f, getBaseUrl as g, Line as h, VerifierStateBadgeAndText as i, VerifiedBadge as j, RedFlag as k, prettyBytes as p, truncateWithEllipsis as t };
|
|
2359
|
-
//# sourceMappingURL=VerifierStateBadgeAndText-
|
|
2369
|
+
//# sourceMappingURL=VerifierStateBadgeAndText-b042bf32.js.map
|