@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.
Files changed (247) 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-d7f6c028.js} +31 -19
  11. package/dist/{esm/CertificateDisplayCard-b69fd06f.js.map → cjs/CertificateDisplayCard-d7f6c028.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-b952091c.js} +102 -76
  34. package/dist/cjs/MeritBadgeDisplayCard-b952091c.js.map +1 -0
  35. package/dist/cjs/{MeritBadgeSkillsCount-41a273ae.js → MeritBadgeSkillsCount-59548cbb.js} +10 -4
  36. package/dist/cjs/{MeritBadgeSkillsCount-41a273ae.js.map → MeritBadgeSkillsCount-59548cbb.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-70f348fd.js} +4 -18
  58. package/dist/{esm/VCCard-6c8c3ff1.js.map → cjs/VCCard-70f348fd.js.map} +1 -1
  59. package/dist/cjs/{VCDisplayBackFace-9c064eef.js → VCDisplayBackFace-aab5806b.js} +3 -3
  60. package/dist/cjs/{VCDisplayBackFace-9c064eef.js.map → VCDisplayBackFace-aab5806b.js.map} +1 -1
  61. package/dist/cjs/{VCDisplayCard-929fe8b9.js → VCDisplayCard-ae0ee7c6.js} +3 -3
  62. package/dist/cjs/{VCDisplayCard-929fe8b9.js.map → VCDisplayCard-ae0ee7c6.js.map} +1 -1
  63. package/dist/cjs/{VCDisplayCard2-19613b61.js → VCDisplayCard2-653b08d5.js} +67 -48
  64. package/dist/{esm/VCDisplayCard2-06c93532.js.map → cjs/VCDisplayCard2-653b08d5.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-e5f83fc7.js} +19 -9
  70. package/dist/cjs/VerifierStateBadgeAndText-e5f83fc7.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-39c07250.js} +874 -1296
  74. package/dist/cjs/credential.helpers-39c07250.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-7fbe6404.js} +31 -19
  122. package/dist/{cjs/CertificateDisplayCard-11ebf814.js.map → esm/CertificateDisplayCard-7fbe6404.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-ec9d5238.js} +102 -76
  145. package/dist/esm/MeritBadgeDisplayCard-ec9d5238.js.map +1 -0
  146. package/dist/esm/{MeritBadgeSkillsCount-8f371ab1.js → MeritBadgeSkillsCount-1694dc2c.js} +10 -4
  147. package/dist/esm/{MeritBadgeSkillsCount-8f371ab1.js.map → MeritBadgeSkillsCount-1694dc2c.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-85d16242.js} +4 -18
  169. package/dist/{cjs/VCCard-cf3590eb.js.map → esm/VCCard-85d16242.js.map} +1 -1
  170. package/dist/esm/{VCDisplayBackFace-c618851f.js → VCDisplayBackFace-e5f8f858.js} +3 -3
  171. package/dist/esm/{VCDisplayBackFace-c618851f.js.map → VCDisplayBackFace-e5f8f858.js.map} +1 -1
  172. package/dist/esm/{VCDisplayCard-fb298063.js → VCDisplayCard-edcd787f.js} +3 -3
  173. package/dist/esm/{VCDisplayCard-fb298063.js.map → VCDisplayCard-edcd787f.js.map} +1 -1
  174. package/dist/esm/{VCDisplayCard2-06c93532.js → VCDisplayCard2-599e7a65.js} +67 -48
  175. package/dist/{cjs/VCDisplayCard2-19613b61.js.map → esm/VCDisplayCard2-599e7a65.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-b042bf32.js} +19 -9
  181. package/dist/esm/VerifierStateBadgeAndText-b042bf32.js.map +1 -0
  182. package/dist/esm/constants-a7601fa8.js.map +1 -1
  183. package/dist/esm/{credential.helpers-cdc2f4a3.js → credential.helpers-a5b16a5e.js} +820 -1242
  184. package/dist/esm/credential.helpers-a5b16a5e.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/MeritBadgeDisplayCard-70930ef2.js.map +0 -1
  230. package/dist/cjs/SchoolIDCard-c7b4153a.js.map +0 -1
  231. package/dist/cjs/VerifierStateBadgeAndText-fd0bd814.js.map +0 -1
  232. package/dist/cjs/credential.helpers-afb94f02.js.map +0 -1
  233. package/dist/cjs/index-8082a131.js.map +0 -1
  234. package/dist/cjs/index-838fa72c.js +0 -1186
  235. package/dist/cjs/index-838fa72c.js.map +0 -1
  236. package/dist/cjs/types.esm-c33cbec2.js.map +0 -1
  237. package/dist/esm/BoostGenericCard-de8e2a84.js.map +0 -1
  238. package/dist/esm/BoostSmallCard-902844fc.js.map +0 -1
  239. package/dist/esm/GenericCard-7b21d3e2.js.map +0 -1
  240. package/dist/esm/MeritBadgeDisplayCard-575a61ed.js.map +0 -1
  241. package/dist/esm/SchoolIDCard-01422d53.js.map +0 -1
  242. package/dist/esm/VerifierStateBadgeAndText-86214479.js.map +0 -1
  243. package/dist/esm/credential.helpers-cdc2f4a3.js.map +0 -1
  244. package/dist/esm/index-4fa491c1.js +0 -1184
  245. package/dist/esm/index-4fa491c1.js.map +0 -1
  246. package/dist/esm/index-dff96076.js.map +0 -1
  247. 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":"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"}
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-4ec5392e.js';
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-dc9dda81.js.map
65
+ //# sourceMappingURL=VCVerificationPill-43167fd5.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"VCVerificationPill-dc9dda81.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":"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"}
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;;;;"}
@@ -376,7 +376,7 @@ const BYTE_UNITS = [
376
376
 
377
377
  const BIBYTE_UNITS = [
378
378
  'B',
379
- 'kiB',
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 ${UNITS[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 + ' ' + UNITS[0];
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 + ' ' + unit;
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(subSkill);
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((c) => c.type === _skill.category);
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 = ({ verifierState }) => {
2351
+ const VerifierStateBadgeAndText = ({
2352
+ verifierState,
2353
+ className = ""
2354
+ }) => {
2345
2355
  return /* @__PURE__ */ React.createElement("div", {
2346
- className: "flex justify-center"
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-86214479.js.map
2369
+ //# sourceMappingURL=VerifierStateBadgeAndText-b042bf32.js.map