@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.
Files changed (245) hide show
  1. package/dist/base.css +1 -1
  2. package/dist/base.js +1 -1
  3. package/dist/cjs/{AchievementCard-2ad4cb64.js → AchievementCard-496e93b5.js} +4 -4
  4. package/dist/cjs/{AchievementCard-2ad4cb64.js.map → AchievementCard-496e93b5.js.map} +1 -1
  5. package/dist/cjs/{BoostGenericCard-e540e459.js → BoostGenericCard-1bfe4385.js} +8 -8
  6. package/dist/cjs/BoostGenericCard-1bfe4385.js.map +1 -0
  7. package/dist/cjs/{BoostSmallCard-9dc75a95.js → BoostSmallCard-bba7c0c9.js} +5 -5
  8. package/dist/cjs/BoostSmallCard-bba7c0c9.js.map +1 -0
  9. package/dist/cjs/Button-a7af702b.js.map +1 -1
  10. package/dist/cjs/{CertificateDisplayCard-11ebf814.js → CertificateDisplayCard-c5583200.js} +31 -19
  11. package/dist/{esm/CertificateDisplayCard-b69fd06f.js.map → cjs/CertificateDisplayCard-c5583200.js.map} +1 -1
  12. package/dist/cjs/Checkmark-f611aa4d.js.map +1 -1
  13. package/dist/cjs/CircleCheckButton-82d47ee2.js.map +1 -1
  14. package/dist/cjs/CircleIcon-617c38fa.js.map +1 -1
  15. package/dist/cjs/CircleSpinner-093cce04.js.map +1 -1
  16. package/dist/cjs/Coins-acd63f46.js.map +1 -1
  17. package/dist/cjs/CourseCard-338a32ee.js.map +1 -1
  18. package/dist/cjs/{CourseVerticalCard-5a73ab74.js → CourseVerticalCard-841960b1.js} +3 -3
  19. package/dist/cjs/{CourseVerticalCard-5a73ab74.js.map → CourseVerticalCard-841960b1.js.map} +1 -1
  20. package/dist/cjs/FlippyCard-209549c5.js.map +1 -1
  21. package/dist/cjs/GenericArrow-8dfb261d.js.map +1 -1
  22. package/dist/cjs/{GenericCard-46248807.js → GenericCard-5659339e.js} +7 -8
  23. package/dist/cjs/GenericCard-5659339e.js.map +1 -0
  24. package/dist/cjs/JobHistoryCard-05a3f98b.js.map +1 -1
  25. package/dist/cjs/JobListCard-458c8585.js.map +1 -1
  26. package/dist/cjs/LearnCardCreditCardBackFace-87cc8b9f.js.map +1 -1
  27. package/dist/cjs/{LearnCardCreditCardFrontFace-94be6a62.js → LearnCardCreditCardFrontFace-39eeb89a.js} +2 -2
  28. package/dist/cjs/{LearnCardCreditCardFrontFace-94be6a62.js.map → LearnCardCreditCardFrontFace-39eeb89a.js.map} +1 -1
  29. package/dist/cjs/LearnPill-21b47475.js.map +1 -1
  30. package/dist/cjs/{Lightbox-f19e13d2.js → Lightbox-880f4672.js} +22 -19
  31. package/dist/cjs/{Lightbox-f19e13d2.js.map → Lightbox-880f4672.js.map} +1 -1
  32. package/dist/cjs/Lightbulb-19c89d3c.js.map +1 -1
  33. package/dist/cjs/{MeritBadgeDisplayCard-70930ef2.js → MeritBadgeDisplayCard-306c0f77.js} +23 -17
  34. package/dist/{esm/MeritBadgeDisplayCard-575a61ed.js.map → cjs/MeritBadgeDisplayCard-306c0f77.js.map} +1 -1
  35. package/dist/cjs/{MeritBadgeSkillsCount-41a273ae.js → MeritBadgeSkillsCount-e48b2202.js} +10 -4
  36. package/dist/cjs/{MeritBadgeSkillsCount-41a273ae.js.map → MeritBadgeSkillsCount-e48b2202.js.map} +1 -1
  37. package/dist/cjs/MiniVCThumbnail-a78e44f2.js.map +1 -1
  38. package/dist/cjs/Notification-d212fa7b.js.map +1 -1
  39. package/dist/cjs/NotificationBoostCard-70dfa17e.js.map +1 -1
  40. package/dist/cjs/NotificationUserAcceptedBoostCard-423b9320.js.map +1 -1
  41. package/dist/cjs/NotificationUserCard-d4dab06c.js.map +1 -1
  42. package/dist/cjs/PuzzlePiece-937c216a.js.map +1 -1
  43. package/dist/cjs/{QRCodeCard-2a818136.js → QRCodeCard-b56c11cc.js} +2 -2
  44. package/dist/cjs/{QRCodeCard-2a818136.js.map → QRCodeCard-b56c11cc.js.map} +1 -1
  45. package/dist/cjs/QRCodeIcon-81c6e96b.js.map +1 -1
  46. package/dist/cjs/RoundedPill-bda7c067.js.map +1 -1
  47. package/dist/cjs/{SchoolIDCard-c7b4153a.js → SchoolIDCard-5a0b8568.js} +1206 -10
  48. package/dist/cjs/SchoolIDCard-5a0b8568.js.map +1 -0
  49. package/dist/cjs/{SkillTabCard-d8f3f5d4.js → SkillTabCard-66677f3c.js} +2 -2
  50. package/dist/cjs/{SkillTabCard-d8f3f5d4.js.map → SkillTabCard-66677f3c.js.map} +1 -1
  51. package/dist/cjs/SkillVerticalCard-3eb3a8e9.js.map +1 -1
  52. package/dist/cjs/SkillsCard-4b6dbb4f.js.map +1 -1
  53. package/dist/cjs/SkillsStatsCard-97a35a88.js.map +1 -1
  54. package/dist/cjs/SmallAchievementCard-a1fa862b.js.map +1 -1
  55. package/dist/cjs/Trophy-3d323be3.js.map +1 -1
  56. package/dist/cjs/User-301088ac.js.map +1 -1
  57. package/dist/cjs/{VCCard-cf3590eb.js → VCCard-4dbd6d24.js} +4 -18
  58. package/dist/{esm/VCCard-6c8c3ff1.js.map → cjs/VCCard-4dbd6d24.js.map} +1 -1
  59. package/dist/cjs/{VCDisplayBackFace-9c064eef.js → VCDisplayBackFace-0473d345.js} +3 -3
  60. package/dist/cjs/{VCDisplayBackFace-9c064eef.js.map → VCDisplayBackFace-0473d345.js.map} +1 -1
  61. package/dist/cjs/{VCDisplayCard-929fe8b9.js → VCDisplayCard-4edf82c6.js} +3 -3
  62. package/dist/cjs/{VCDisplayCard-929fe8b9.js.map → VCDisplayCard-4edf82c6.js.map} +1 -1
  63. package/dist/cjs/{VCDisplayCard2-19613b61.js → VCDisplayCard2-1720f1f1.js} +67 -48
  64. package/dist/{esm/VCDisplayCard2-06c93532.js.map → cjs/VCDisplayCard2-1720f1f1.js.map} +1 -1
  65. package/dist/cjs/VCThumbnail-6bf86bb2.js.map +1 -1
  66. package/dist/cjs/VCVerificationCheck-46fa75d3.js.map +1 -1
  67. package/dist/cjs/{VCVerificationPill-09953688.js → VCVerificationPill-b8d9a33d.js} +2 -2
  68. package/dist/cjs/{VCVerificationPill-09953688.js.map → VCVerificationPill-b8d9a33d.js.map} +1 -1
  69. package/dist/cjs/{VerifierStateBadgeAndText-fd0bd814.js → VerifierStateBadgeAndText-855df7d5.js} +14 -7
  70. package/dist/cjs/VerifierStateBadgeAndText-855df7d5.js.map +1 -0
  71. package/dist/cjs/{constants-737d10f6.js → constants-5bc954cb.js} +10 -10
  72. package/dist/cjs/{constants-737d10f6.js.map → constants-5bc954cb.js.map} +1 -1
  73. package/dist/cjs/{credential.helpers-afb94f02.js → credential.helpers-04044bbd.js} +855 -1285
  74. package/dist/cjs/credential.helpers-04044bbd.js.map +1 -0
  75. package/dist/cjs/icons-0404f605.js.map +1 -1
  76. package/dist/cjs/index-5488badc.js.map +1 -1
  77. package/dist/cjs/index-7cd11826.js.map +1 -1
  78. package/dist/cjs/index-c831a2f6.js +2448 -0
  79. package/dist/cjs/index-c831a2f6.js.map +1 -0
  80. package/dist/cjs/{index-8082a131.js → index-ec1d26f1.js} +17 -21
  81. package/dist/cjs/index-ec1d26f1.js.map +1 -0
  82. package/dist/cjs/index.js +52 -52
  83. package/dist/cjs/index10.js +6 -6
  84. package/dist/cjs/index12.js +1 -1
  85. package/dist/cjs/index13.js +52 -52
  86. package/dist/cjs/index17.js +2 -2
  87. package/dist/cjs/index19.js +1 -1
  88. package/dist/cjs/index2.js +21 -21
  89. package/dist/cjs/index21.js +8 -7
  90. package/dist/cjs/index21.js.map +1 -1
  91. package/dist/cjs/index27.js +2 -2
  92. package/dist/cjs/index29.js +1 -1
  93. package/dist/cjs/index3.js +2 -2
  94. package/dist/cjs/index30.js +1 -2
  95. package/dist/cjs/index30.js.map +1 -1
  96. package/dist/cjs/index33.js +3 -3
  97. package/dist/cjs/index37.js +13 -13
  98. package/dist/cjs/index38.js +5 -4
  99. package/dist/cjs/index38.js.map +1 -1
  100. package/dist/cjs/index39.js +6 -5
  101. package/dist/cjs/index39.js.map +1 -1
  102. package/dist/cjs/index4.js +19 -19
  103. package/dist/cjs/index40.js +9 -9
  104. package/dist/cjs/index41.js +2 -1
  105. package/dist/cjs/index41.js.map +1 -1
  106. package/dist/cjs/index44.js +2 -2
  107. package/dist/cjs/index6.js +7 -6
  108. package/dist/cjs/index6.js.map +1 -1
  109. package/dist/cjs/notifications-56c6fc94.js.map +1 -1
  110. package/dist/cjs/types-8eab1382.js.map +1 -1
  111. package/dist/cjs/types-e4d9a257.js.map +1 -1
  112. package/dist/cjs/{types.esm-c33cbec2.js → types.esm-41aaa0d4.js} +50 -40
  113. package/dist/cjs/types.esm-41aaa0d4.js.map +1 -0
  114. package/dist/esm/{AchievementCard-1d5d1b61.js → AchievementCard-017092a3.js} +4 -4
  115. package/dist/esm/{AchievementCard-1d5d1b61.js.map → AchievementCard-017092a3.js.map} +1 -1
  116. package/dist/esm/{BoostGenericCard-de8e2a84.js → BoostGenericCard-f5200b85.js} +4 -4
  117. package/dist/esm/BoostGenericCard-f5200b85.js.map +1 -0
  118. package/dist/esm/{BoostSmallCard-902844fc.js → BoostSmallCard-7180158e.js} +6 -6
  119. package/dist/esm/BoostSmallCard-7180158e.js.map +1 -0
  120. package/dist/esm/Button-5f805204.js.map +1 -1
  121. package/dist/esm/{CertificateDisplayCard-b69fd06f.js → CertificateDisplayCard-6b7a31bc.js} +31 -19
  122. package/dist/{cjs/CertificateDisplayCard-11ebf814.js.map → esm/CertificateDisplayCard-6b7a31bc.js.map} +1 -1
  123. package/dist/esm/Checkmark-d8b8f43d.js.map +1 -1
  124. package/dist/esm/CircleCheckButton-5a97f071.js.map +1 -1
  125. package/dist/esm/CircleIcon-4200733b.js.map +1 -1
  126. package/dist/esm/CircleSpinner-9b8b1a6b.js.map +1 -1
  127. package/dist/esm/Coins-ed119ec6.js.map +1 -1
  128. package/dist/esm/CourseCard-663ff174.js.map +1 -1
  129. package/dist/esm/{CourseVerticalCard-6b11b2a1.js → CourseVerticalCard-130b0d91.js} +3 -3
  130. package/dist/esm/{CourseVerticalCard-6b11b2a1.js.map → CourseVerticalCard-130b0d91.js.map} +1 -1
  131. package/dist/esm/FlippyCard-a2de5cf1.js.map +1 -1
  132. package/dist/esm/GenericArrow-0dba1707.js.map +1 -1
  133. package/dist/esm/{GenericCard-7b21d3e2.js → GenericCard-fe56887c.js} +4 -5
  134. package/dist/esm/GenericCard-fe56887c.js.map +1 -0
  135. package/dist/esm/JobHistoryCard-80d4ef27.js.map +1 -1
  136. package/dist/esm/JobListCard-1299ff04.js.map +1 -1
  137. package/dist/esm/LearnCardCreditCardBackFace-9baa9e6b.js.map +1 -1
  138. package/dist/esm/{LearnCardCreditCardFrontFace-f61b789c.js → LearnCardCreditCardFrontFace-d50efb25.js} +2 -2
  139. package/dist/esm/{LearnCardCreditCardFrontFace-f61b789c.js.map → LearnCardCreditCardFrontFace-d50efb25.js.map} +1 -1
  140. package/dist/esm/LearnPill-b8885ed1.js.map +1 -1
  141. package/dist/esm/{Lightbox-a1aab9ea.js → Lightbox-883afe8f.js} +22 -19
  142. package/dist/esm/{Lightbox-a1aab9ea.js.map → Lightbox-883afe8f.js.map} +1 -1
  143. package/dist/esm/Lightbulb-b6eca510.js.map +1 -1
  144. package/dist/esm/{MeritBadgeDisplayCard-575a61ed.js → MeritBadgeDisplayCard-0fd4c3c7.js} +23 -17
  145. package/dist/{cjs/MeritBadgeDisplayCard-70930ef2.js.map → esm/MeritBadgeDisplayCard-0fd4c3c7.js.map} +1 -1
  146. package/dist/esm/{MeritBadgeSkillsCount-8f371ab1.js → MeritBadgeSkillsCount-d0c9dd6e.js} +10 -4
  147. package/dist/esm/{MeritBadgeSkillsCount-8f371ab1.js.map → MeritBadgeSkillsCount-d0c9dd6e.js.map} +1 -1
  148. package/dist/esm/MiniVCThumbnail-6a07e810.js.map +1 -1
  149. package/dist/esm/Notification-95d159d2.js.map +1 -1
  150. package/dist/esm/NotificationBoostCard-e614c341.js.map +1 -1
  151. package/dist/esm/NotificationUserAcceptedBoostCard-8c13bd3f.js.map +1 -1
  152. package/dist/esm/NotificationUserCard-dbcc80f9.js.map +1 -1
  153. package/dist/esm/PuzzlePiece-1fb12c2e.js.map +1 -1
  154. package/dist/esm/{QRCodeCard-79d4d253.js → QRCodeCard-aa2b9967.js} +2 -2
  155. package/dist/esm/{QRCodeCard-79d4d253.js.map → QRCodeCard-aa2b9967.js.map} +1 -1
  156. package/dist/esm/QRCodeIcon-e9569804.js.map +1 -1
  157. package/dist/esm/RoundedPill-6a6e8aaf.js.map +1 -1
  158. package/dist/esm/{SchoolIDCard-01422d53.js → SchoolIDCard-5abd1bd9.js} +1205 -9
  159. package/dist/esm/SchoolIDCard-5abd1bd9.js.map +1 -0
  160. package/dist/esm/{SkillTabCard-8177895b.js → SkillTabCard-cfe117a2.js} +2 -2
  161. package/dist/esm/{SkillTabCard-8177895b.js.map → SkillTabCard-cfe117a2.js.map} +1 -1
  162. package/dist/esm/SkillVerticalCard-108f49bb.js.map +1 -1
  163. package/dist/esm/SkillsCard-92a51db2.js.map +1 -1
  164. package/dist/esm/SkillsStatsCard-1628fe9c.js.map +1 -1
  165. package/dist/esm/SmallAchievementCard-d0220751.js.map +1 -1
  166. package/dist/esm/Trophy-ad67f46a.js.map +1 -1
  167. package/dist/esm/User-161c7f37.js.map +1 -1
  168. package/dist/esm/{VCCard-6c8c3ff1.js → VCCard-aa590ccb.js} +4 -18
  169. package/dist/{cjs/VCCard-cf3590eb.js.map → esm/VCCard-aa590ccb.js.map} +1 -1
  170. package/dist/esm/{VCDisplayBackFace-c618851f.js → VCDisplayBackFace-ac7bbe0b.js} +3 -3
  171. package/dist/esm/{VCDisplayBackFace-c618851f.js.map → VCDisplayBackFace-ac7bbe0b.js.map} +1 -1
  172. package/dist/esm/{VCDisplayCard-fb298063.js → VCDisplayCard-b7dc3160.js} +3 -3
  173. package/dist/esm/{VCDisplayCard-fb298063.js.map → VCDisplayCard-b7dc3160.js.map} +1 -1
  174. package/dist/esm/{VCDisplayCard2-06c93532.js → VCDisplayCard2-b8e77e57.js} +67 -48
  175. package/dist/{cjs/VCDisplayCard2-19613b61.js.map → esm/VCDisplayCard2-b8e77e57.js.map} +1 -1
  176. package/dist/esm/VCThumbnail-3c254bda.js.map +1 -1
  177. package/dist/esm/VCVerificationCheck-80249524.js.map +1 -1
  178. package/dist/esm/{VCVerificationPill-dc9dda81.js → VCVerificationPill-43167fd5.js} +2 -2
  179. package/dist/esm/{VCVerificationPill-dc9dda81.js.map → VCVerificationPill-43167fd5.js.map} +1 -1
  180. package/dist/esm/{VerifierStateBadgeAndText-86214479.js → VerifierStateBadgeAndText-26578052.js} +14 -7
  181. package/dist/esm/VerifierStateBadgeAndText-26578052.js.map +1 -0
  182. package/dist/esm/constants-a7601fa8.js.map +1 -1
  183. package/dist/esm/{credential.helpers-cdc2f4a3.js → credential.helpers-93170224.js} +801 -1231
  184. package/dist/esm/credential.helpers-93170224.js.map +1 -0
  185. package/dist/esm/icons-03afd795.js.map +1 -1
  186. package/dist/esm/index-28917993.js.map +1 -1
  187. package/dist/esm/{index-dff96076.js → index-2ef835bd.js} +17 -21
  188. package/dist/esm/index-2ef835bd.js.map +1 -0
  189. package/dist/esm/index-5d5219f7.js.map +1 -1
  190. package/dist/esm/index-705f3821.js +2438 -0
  191. package/dist/esm/index-705f3821.js.map +1 -0
  192. package/dist/esm/index.js +42 -42
  193. package/dist/esm/index10.js +6 -6
  194. package/dist/esm/index12.js +1 -1
  195. package/dist/esm/index13.js +42 -42
  196. package/dist/esm/index17.js +2 -2
  197. package/dist/esm/index19.js +1 -1
  198. package/dist/esm/index2.js +21 -21
  199. package/dist/esm/index21.js +8 -7
  200. package/dist/esm/index21.js.map +1 -1
  201. package/dist/esm/index27.js +2 -2
  202. package/dist/esm/index3.js +2 -2
  203. package/dist/esm/index30.js +1 -2
  204. package/dist/esm/index30.js.map +1 -1
  205. package/dist/esm/index33.js +3 -3
  206. package/dist/esm/index37.js +13 -13
  207. package/dist/esm/index38.js +5 -4
  208. package/dist/esm/index38.js.map +1 -1
  209. package/dist/esm/index39.js +6 -5
  210. package/dist/esm/index39.js.map +1 -1
  211. package/dist/esm/index4.js +19 -19
  212. package/dist/esm/index40.js +9 -9
  213. package/dist/esm/index41.js +2 -1
  214. package/dist/esm/index41.js.map +1 -1
  215. package/dist/esm/index44.js +2 -2
  216. package/dist/esm/index6.js +7 -6
  217. package/dist/esm/index6.js.map +1 -1
  218. package/dist/esm/notifications-009bbd80.js.map +1 -1
  219. package/dist/esm/types-b32d28d5.js.map +1 -1
  220. package/dist/esm/types-cfde3c2b.js.map +1 -1
  221. package/dist/esm/{types.esm-4ec5392e.js → types.esm-3a1994d5.js} +50 -40
  222. package/dist/esm/types.esm-3a1994d5.js.map +1 -0
  223. package/dist/main.css +1 -1
  224. package/dist/main.js +1 -1
  225. package/package.json +3 -3
  226. package/dist/cjs/BoostGenericCard-e540e459.js.map +0 -1
  227. package/dist/cjs/BoostSmallCard-9dc75a95.js.map +0 -1
  228. package/dist/cjs/GenericCard-46248807.js.map +0 -1
  229. package/dist/cjs/SchoolIDCard-c7b4153a.js.map +0 -1
  230. package/dist/cjs/VerifierStateBadgeAndText-fd0bd814.js.map +0 -1
  231. package/dist/cjs/credential.helpers-afb94f02.js.map +0 -1
  232. package/dist/cjs/index-8082a131.js.map +0 -1
  233. package/dist/cjs/index-838fa72c.js +0 -1186
  234. package/dist/cjs/index-838fa72c.js.map +0 -1
  235. package/dist/cjs/types.esm-c33cbec2.js.map +0 -1
  236. package/dist/esm/BoostGenericCard-de8e2a84.js.map +0 -1
  237. package/dist/esm/BoostSmallCard-902844fc.js.map +0 -1
  238. package/dist/esm/GenericCard-7b21d3e2.js.map +0 -1
  239. package/dist/esm/SchoolIDCard-01422d53.js.map +0 -1
  240. package/dist/esm/VerifierStateBadgeAndText-86214479.js.map +0 -1
  241. package/dist/esm/credential.helpers-cdc2f4a3.js.map +0 -1
  242. package/dist/esm/index-4fa491c1.js +0 -1184
  243. package/dist/esm/index-4fa491c1.js.map +0 -1
  244. package/dist/esm/index-dff96076.js.map +0 -1
  245. 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":"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"}
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-c33cbec2.js');
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-09953688.js.map
75
+ //# sourceMappingURL=VCVerificationPill-b8d9a33d.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"VCVerificationPill-09953688.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":"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"}
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;;;;;"}
@@ -391,7 +391,7 @@ const BYTE_UNITS = [
391
391
 
392
392
  const BIBYTE_UNITS = [
393
393
  'B',
394
- 'kiB',
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 ${UNITS[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 + ' ' + UNITS[0];
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 + ' ' + unit;
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(subSkill);
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((c) => c.type === _skill.category);
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-fd0bd814.js.map
2406
+ //# sourceMappingURL=VerifierStateBadgeAndText-855df7d5.js.map