@learncard/react 2.5.6 → 2.5.8

package/dist/cjs/Lightbulb-1c28af02.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Lightbulb = ({ className = "" }) => {
+  return /* @__PURE__ */ React__default["default"].createElement("svg", {
+    viewBox: "0 0 31 30",
+    fill: "none",
+    className,
+    "data-testid": "skill-icon"
+  }, /* @__PURE__ */ React__default["default"].createElement("path", {
+    d: "M21.8624 3.52515C20.7128 2.57963 19.3666 1.90268 17.922 1.5437C16.4774 1.18472 14.9709 1.15276 13.5124 1.45015C11.5704 1.84242 9.78866 2.80274 8.39328 4.20925C6.9979 5.61576 6.05177 7.40506 5.67493 9.35015C5.39974 10.8085 5.44974 12.3097 5.82138 13.7466C6.19302 15.1834 6.87713 16.5206 7.82493 17.6626C8.70453 18.6552 9.20872 19.9245 9.24993 21.2501V25.0001C9.24993 25.9947 9.64502 26.9485 10.3483 27.6518C11.0515 28.3551 12.0054 28.7501 12.9999 28.7501H17.9999C18.9945 28.7501 19.9483 28.3551 20.6516 27.6518C21.3548 26.9485 21.7499 25.9947 21.7499 25.0001V21.4876C21.7919 20.0241 22.3296 18.6182 23.2749 17.5001C24.9313 15.4511 25.7121 12.8312 25.4476 10.2097C25.1832 7.58819 23.8947 5.17701 21.8624 3.50015V3.52515ZM19.2499 25.0001C19.2499 25.3317 19.1182 25.6496 18.8838 25.884C18.6494 26.1185 18.3314 26.2501 17.9999 26.2501H12.9999C12.6684 26.2501 12.3505 26.1185 12.116 25.884C11.8816 25.6496 11.7499 25.3317 11.7499 25.0001V23.7501H19.2499V25.0001ZM21.3374 15.9501C20.0806 17.4409 19.3473 19.3027 19.2499 21.2501H16.7499V17.5001C16.7499 17.1686 16.6182 16.8507 16.3838 16.6163C16.1494 16.3818 15.8314 16.2501 15.4999 16.2501C15.1684 16.2501 14.8505 16.3818 14.616 16.6163C14.3816 16.8507 14.2499 17.1686 14.2499 17.5001V21.2501H11.7499C11.7169 19.3353 11.0086 17.4936 9.74993 16.0501C8.91948 15.0551 8.36104 13.8619 8.12907 12.5868C7.89709 11.3117 7.99949 9.99829 8.42629 8.77456C8.85308 7.55083 9.58971 6.45858 10.5643 5.6043C11.539 4.75003 12.7183 4.1629 13.9874 3.90015C15.0781 3.67558 16.2051 3.6967 17.2866 3.96198C18.3681 4.22727 19.377 4.73005 20.24 5.43384C21.103 6.13762 21.7984 7.02474 22.2758 8.03079C22.7532 9.03685 23.0005 10.1366 22.9999 11.2501C23.0092 12.9625 22.4213 14.6245 21.3374 15.9501V15.9501Z",
+    fill: "currentColor"
+  }));
+};
+
+exports.Lightbulb = Lightbulb;
+//# sourceMappingURL=Lightbulb-1c28af02.js.map

package/dist/cjs/Lightbulb-1c28af02.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbulb-1c28af02.js","sources":["../../src/components/svgs/Lightbulb.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Lightbulb: React.FC<{ className?: string }> = ({ className = '' }) => {\n    return (\n        <svg viewBox=\"0 0 31 30\" fill=\"none\" className={className} data-testid=\"skill-icon\">\n            <path\n                d=\"M21.8624 3.52515C20.7128 2.57963 19.3666 1.90268 17.922 1.5437C16.4774 1.18472 14.9709 1.15276 13.5124 1.45015C11.5704 1.84242 9.78866 2.80274 8.39328 4.20925C6.9979 5.61576 6.05177 7.40506 5.67493 9.35015C5.39974 10.8085 5.44974 12.3097 5.82138 13.7466C6.19302 15.1834 6.87713 16.5206 7.82493 17.6626C8.70453 18.6552 9.20872 19.9245 9.24993 21.2501V25.0001C9.24993 25.9947 9.64502 26.9485 10.3483 27.6518C11.0515 28.3551 12.0054 28.7501 12.9999 28.7501H17.9999C18.9945 28.7501 19.9483 28.3551 20.6516 27.6518C21.3548 26.9485 21.7499 25.9947 21.7499 25.0001V21.4876C21.7919 20.0241 22.3296 18.6182 23.2749 17.5001C24.9313 15.4511 25.7121 12.8312 25.4476 10.2097C25.1832 7.58819 23.8947 5.17701 21.8624 3.50015V3.52515ZM19.2499 25.0001C19.2499 25.3317 19.1182 25.6496 18.8838 25.884C18.6494 26.1185 18.3314 26.2501 17.9999 26.2501H12.9999C12.6684 26.2501 12.3505 26.1185 12.116 25.884C11.8816 25.6496 11.7499 25.3317 11.7499 25.0001V23.7501H19.2499V25.0001ZM21.3374 15.9501C20.0806 17.4409 19.3473 19.3027 19.2499 21.2501H16.7499V17.5001C16.7499 17.1686 16.6182 16.8507 16.3838 16.6163C16.1494 16.3818 15.8314 16.2501 15.4999 16.2501C15.1684 16.2501 14.8505 16.3818 14.616 16.6163C14.3816 16.8507 14.2499 17.1686 14.2499 17.5001V21.2501H11.7499C11.7169 19.3353 11.0086 17.4936 9.74993 16.0501C8.91948 15.0551 8.36104 13.8619 8.12907 12.5868C7.89709 11.3117 7.99949 9.99829 8.42629 8.77456C8.85308 7.55083 9.58971 6.45858 10.5643 5.6043C11.539 4.75003 12.7183 4.1629 13.9874 3.90015C15.0781 3.67558 16.2051 3.6967 17.2866 3.96198C18.3681 4.22727 19.377 4.73005 20.24 5.43384C21.103 6.13762 21.7984 7.02474 22.2758 8.03079C22.7532 9.03685 23.0005 10.1366 22.9999 11.2501C23.0092 12.9625 22.4213 14.6245 21.3374 15.9501V15.9501Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n};\n\nexport default Lightbulb;\n"],"names":["React"],"mappings":";;;;;;;;AAEO,MAAM,SAA8C,GAAA,CAAC,EAAE,SAAA,GAAY,IAAS,KAAA;AAC/E,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,OAAQ,EAAA,WAAA;AAAA,IAAY,IAAK,EAAA,MAAA;AAAA,IAAO,SAAA;AAAA,IAAsB,aAAY,EAAA,YAAA;AAAA,GAAA,kBAClEA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,CAAE,EAAA,8rDAAA;AAAA,IACF,IAAK,EAAA,cAAA;AAAA,GACT,CACJ,CAAA,CAAA;AAER;;;;"}

package/dist/cjs/{Notification-28ace54f.js → Notification-cd651569.js}

@@ -2,13 +2,28 @@
 
 var React = require('react');
 var Trophy = require('./Trophy-9ede7f2b.js');
-var User = require('./User-b16d5499.js');
+var User = require('./User-7408bdf0.js');
 var AwardRibbon = require('./AwardRibbon-14ba45fb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+const PuzzlePiece = ({ className = "" }) => {
+  return /* @__PURE__ */ React__default["default"].createElement("svg", {
+    viewBox: "0 0 26 26",
+    fill: "none",
+    className,
+    "data-testid": "skill-icon"
+  }, /* @__PURE__ */ React__default["default"].createElement("path", {
+    d: "M6.49991 21.9374C6.39321 21.9374 6.28756 21.9164 6.18898 21.8756C6.0904 21.8347 6.00083 21.7749 5.92538 21.6994C5.84994 21.624 5.79009 21.5344 5.74926 21.4358C5.70843 21.3372 5.68741 21.2316 5.68741 21.1249L5.68747 16.7887C5.25402 16.994 4.7757 17.0863 4.29699 17.0571C3.81827 17.0279 3.35473 16.8781 2.94947 16.6216C2.5442 16.3651 2.21039 16.0103 1.97908 15.5902C1.74776 15.1701 1.62646 14.6983 1.62646 14.2187C1.62646 13.7391 1.74776 13.2672 1.97908 12.8471C2.21039 12.427 2.5442 12.0722 2.94947 11.8157C3.35473 11.5592 3.81827 11.4094 4.29699 11.3802C4.7757 11.351 5.25402 11.4433 5.68747 11.6486L5.68741 7.31241C5.68741 7.20571 5.70843 7.10005 5.74926 7.00148C5.79009 6.9029 5.84994 6.81333 5.92539 6.73788C6.00084 6.66243 6.09041 6.60258 6.18899 6.56175C6.28757 6.52092 6.39322 6.4999 6.49993 6.4999L11.2423 6.49996C11.0371 6.06651 10.9447 5.58819 10.9739 5.10948C11.0031 4.63077 11.153 4.16722 11.4094 3.76196C11.6659 3.3567 12.0207 3.02289 12.4409 2.79158C12.861 2.56026 13.3328 2.43896 13.8124 2.43896C14.292 2.43896 14.7638 2.56026 15.1839 2.79158C15.6041 3.02289 15.9589 3.3567 16.2154 3.76196C16.4718 4.16722 16.6216 4.63077 16.6509 5.10948C16.6801 5.58819 16.5877 6.06651 16.3825 6.49996L21.1249 6.4999C21.3404 6.4999 21.547 6.5855 21.6994 6.73787C21.8518 6.89024 21.9374 7.0969 21.9374 7.31239L21.9374 11.6486C21.504 11.4433 21.0257 11.351 20.5469 11.3802C20.0682 11.4094 19.6047 11.5592 19.1994 11.8157C18.7942 12.0722 18.4604 12.427 18.229 12.8471C17.9977 13.2672 17.8764 13.739 17.8764 14.2187C17.8764 14.6983 17.9977 15.1701 18.229 15.5902C18.4604 16.0103 18.7942 16.3651 19.1994 16.6216C19.6047 16.8781 20.0682 17.0279 20.5469 17.0571C21.0257 17.0863 21.504 16.994 21.9374 16.7887L21.9374 21.1249C21.9374 21.3404 21.8518 21.5471 21.6994 21.6994C21.547 21.8518 21.3404 21.9374 21.1249 21.9374L6.49991 21.9374Z",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+
 var NotificationTypeEnum = /* @__PURE__ */ ((NotificationTypeEnum2) => {
   NotificationTypeEnum2["Currency"] = "currency";
   NotificationTypeEnum2["ID"] = "id";
@@ -22,20 +37,20 @@ var NotificationTypeEnum = /* @__PURE__ */ ((NotificationTypeEnum2) => {
 
 const NotificationTypeStyles = {
   [NotificationTypeEnum.Currency]: {
-    viewButtonStyles: "border-cyan-600 text-cyan-600",
-    unclaimedButtonStyles: "text-white bg-cyan-600 border-cyan-600",
-    claimedButtonStyles: "text-cyan-600 bg-cyan-50 border-cyan-50",
-    textStyles: "text-cyan-600 capitalize",
-    iconCircleStyles: "bg-cyan-600",
+    viewButtonStyles: "border-cyan-400 text-cyan-400",
+    unclaimedButtonStyles: "text-white bg-cyan-400 border-cyan-400",
+    claimedButtonStyles: "text-cyan-400 bg-cyan-50 border-cyan-50",
+    textStyles: "text-cyan-400 capitalize",
+    iconCircleStyles: "bg-cyan-400",
     IconComponent: User.Coins,
     typeText: "Currency"
   },
   [NotificationTypeEnum.SocialBadges]: {
-    viewButtonStyles: "border-cyan-600 text-cyan-600",
-    unclaimedButtonStyles: "text-white bg-cyan-600 border-cyan-600",
-    claimedButtonStyles: "text-cyan-600 bg-cyan-50 border-cyan-50",
-    textStyles: "text-cyan-600 capitalize",
-    iconCircleStyles: "bg-cyan-600",
+    viewButtonStyles: "border-cyan-400 text-cyan-400",
+    unclaimedButtonStyles: "text-white bg-cyan-400 border-cyan-400",
+    claimedButtonStyles: "text-cyan-400 bg-cyan-50 border-cyan-50",
+    textStyles: "text-cyan-400 capitalize",
+    iconCircleStyles: "bg-cyan-400",
     IconComponent: AwardRibbon.AwardRibbon,
     typeText: "Social Badge"
   },
@@ -49,7 +64,7 @@ const NotificationTypeStyles = {
     typeText: "ID"
   },
   [NotificationTypeEnum.Achievement]: {
-    viewButtonStyles: "border-spice-400 text-spice-400",
+    viewButtonStyles: "border-spice-600 text-spice-400",
     unclaimedButtonStyles: "text-white bg-spice-400 border-spice-400",
     claimedButtonStyles: "text-spice-400 bg-spice-50 border-spice-50",
     textStyles: "text-spice-400 capitalize",
@@ -63,26 +78,26 @@ const NotificationTypeStyles = {
     claimedButtonStyles: "text-indigo-400 bg-indigo-50 border-indigo-50",
     textStyles: "text-indigo-400 capitalize",
     iconCircleStyles: "bg-indigo-400",
-    IconComponent: User.Lightbulb,
+    IconComponent: PuzzlePiece,
     typeText: "Skill"
   },
   [NotificationTypeEnum.Job]: {
-    viewButtonStyles: "border-emerald-400 text-emerald-400",
-    unclaimedButtonStyles: "text-white bg-emerald-400 border-emerald-400",
-    claimedButtonStyles: "text-emerald-400 bg-emerald-50 border-emerald-50",
-    textStyles: "text-emerald-400 capitalize",
-    iconCircleStyles: "bg-emerald-400",
-    IconComponent: User.Briefcase,
-    typeText: "Job"
-  },
-  [NotificationTypeEnum.Learning]: {
     viewButtonStyles: "border-rose-400 text-rose-400",
     unclaimedButtonStyles: "text-white bg-rose-400 border-rose-400",
     claimedButtonStyles: "text-rose-400 bg-rose-50 border-rose-50",
     textStyles: "text-rose-400 capitalize",
     iconCircleStyles: "bg-rose-400",
+    IconComponent: User.Briefcase,
+    typeText: "Work History"
+  },
+  [NotificationTypeEnum.Learning]: {
+    viewButtonStyles: "border-emerald-500 text-emerald-500",
+    unclaimedButtonStyles: "text-white bg-emerald-500 border-emerald-500",
+    claimedButtonStyles: "text-emerald-500 bg-emerald-50 border-emerald-50",
+    textStyles: "text-emerald-500 capitalize",
+    iconCircleStyles: "bg-emerald-500",
     IconComponent: User.Graduation,
-    typeText: "Learning"
+    typeText: "Learning History"
   }
 };
 
@@ -134,7 +149,7 @@ const Notification = ({
   }, /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "flex flex-row items-center justify-start w-full"
   }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "h-12 w-12 max-h-12 max-w-[48px] min-h-[48px] min-w-[48px] overflow-hidden rounded-full"
+    className: `h-12 w-12 max-h-12 max-w-[48px] min-h-[48px] min-w-[48px] overflow-hidden rounded-full ${iconCircleStyles}`
   }, /* @__PURE__ */ React__default["default"].createElement("img", {
     src: issuerImage,
     alt: "issuer image",
@@ -169,4 +184,4 @@ const Notification = ({
 
 exports.Notification = Notification;
 exports.NotificationTypeStyles = NotificationTypeStyles;
-//# sourceMappingURL=Notification-28ace54f.js.map
+//# sourceMappingURL=Notification-cd651569.js.map

package/dist/cjs/Notification-cd651569.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification-cd651569.js","sources":["../../src/components/svgs/PuzzlePiece.tsx","../../src/constants/notifications.ts","../../src/components/Notification/types.ts","../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React from 'react';\n\nconst PuzzlePiece: React.FC<{ className?: string }> = ({ className = '' }) => {\n    return (\n        <svg viewBox=\"0 0 26 26\" fill=\"none\" className={className} data-testid=\"skill-icon\">\n            <path\n                d=\"M6.49991 21.9374C6.39321 21.9374 6.28756 21.9164 6.18898 21.8756C6.0904 21.8347 6.00083 21.7749 5.92538 21.6994C5.84994 21.624 5.79009 21.5344 5.74926 21.4358C5.70843 21.3372 5.68741 21.2316 5.68741 21.1249L5.68747 16.7887C5.25402 16.994 4.7757 17.0863 4.29699 17.0571C3.81827 17.0279 3.35473 16.8781 2.94947 16.6216C2.5442 16.3651 2.21039 16.0103 1.97908 15.5902C1.74776 15.1701 1.62646 14.6983 1.62646 14.2187C1.62646 13.7391 1.74776 13.2672 1.97908 12.8471C2.21039 12.427 2.5442 12.0722 2.94947 11.8157C3.35473 11.5592 3.81827 11.4094 4.29699 11.3802C4.7757 11.351 5.25402 11.4433 5.68747 11.6486L5.68741 7.31241C5.68741 7.20571 5.70843 7.10005 5.74926 7.00148C5.79009 6.9029 5.84994 6.81333 5.92539 6.73788C6.00084 6.66243 6.09041 6.60258 6.18899 6.56175C6.28757 6.52092 6.39322 6.4999 6.49993 6.4999L11.2423 6.49996C11.0371 6.06651 10.9447 5.58819 10.9739 5.10948C11.0031 4.63077 11.153 4.16722 11.4094 3.76196C11.6659 3.3567 12.0207 3.02289 12.4409 2.79158C12.861 2.56026 13.3328 2.43896 13.8124 2.43896C14.292 2.43896 14.7638 2.56026 15.1839 2.79158C15.6041 3.02289 15.9589 3.3567 16.2154 3.76196C16.4718 4.16722 16.6216 4.63077 16.6509 5.10948C16.6801 5.58819 16.5877 6.06651 16.3825 6.49996L21.1249 6.4999C21.3404 6.4999 21.547 6.5855 21.6994 6.73787C21.8518 6.89024 21.9374 7.0969 21.9374 7.31239L21.9374 11.6486C21.504 11.4433 21.0257 11.351 20.5469 11.3802C20.0682 11.4094 19.6047 11.5592 19.1994 11.8157C18.7942 12.0722 18.4604 12.427 18.229 12.8471C17.9977 13.2672 17.8764 13.739 17.8764 14.2187C17.8764 14.6983 17.9977 15.1701 18.229 15.5902C18.4604 16.0103 18.7942 16.3651 19.1994 16.6216C19.6047 16.8781 20.0682 17.0279 20.5469 17.0571C21.0257 17.0863 21.504 16.994 21.9374 16.7887L21.9374 21.1249C21.9374 21.3404 21.8518 21.5471 21.6994 21.6994C21.547 21.8518 21.3404 21.9374 21.1249 21.9374L6.49991 21.9374Z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default PuzzlePiece;\n","export enum NotificationTypeEnum {\n    Currency = 'currency',\n    ID = 'id',\n    Achievement = 'achievement',\n    Skill = 'skill',\n    Job = 'job',\n    Learning = 'learning',\n    SocialBadges = 'socialBadge',\n}\n","import { NotificationTypeEnum } from '../../constants/notifications';\n\nimport Trophy from '../svgs/Trophy';\nimport Coins from '../svgs/Coins';\nimport User from '../svgs/User';\nimport Briefcase from '../svgs/Briefcase';\nimport PuzzlePiece from '../svgs/PuzzlePiece';\nimport Graduation from '../svgs/Graduation';\nimport AwardRibbon from '../svgs/AwardRibbon';\n\nexport type NotificationProps = {\n    notificationType: NotificationTypeEnum;\n    title: string;\n    issuerImage?: string;\n    issueDate: string;\n    className?: string;\n    handleViewOnClick: () => void;\n    claimStatus: boolean;\n    handleClaimOnClick: () => void;\n    loadingState: boolean;\n};\n\nexport const NotificationTypeStyles: {\n    [key: NotificationTypeEnum | string]: {\n        viewButtonStyles: string;\n        unclaimedButtonStyles: string;\n        claimedButtonStyles: string;\n        textStyles: string;\n        iconCircleStyles: string;\n        IconComponent: any;\n        typeText: string;\n    };\n} = {\n    [NotificationTypeEnum.Currency]: {\n        viewButtonStyles: 'border-cyan-400 text-cyan-400',\n        unclaimedButtonStyles: 'text-white bg-cyan-400 border-cyan-400',\n        claimedButtonStyles: 'text-cyan-400 bg-cyan-50 border-cyan-50',\n        textStyles: 'text-cyan-400 capitalize',\n        iconCircleStyles: 'bg-cyan-400',\n        IconComponent: Coins,\n        typeText: 'Currency',\n    },\n    [NotificationTypeEnum.SocialBadges]: {\n        viewButtonStyles: 'border-cyan-400 text-cyan-400',\n        unclaimedButtonStyles: 'text-white bg-cyan-400 border-cyan-400',\n        claimedButtonStyles: 'text-cyan-400 bg-cyan-50 border-cyan-50',\n        textStyles: 'text-cyan-400 capitalize',\n        iconCircleStyles: 'bg-cyan-400',\n        IconComponent: AwardRibbon,\n        typeText: 'Social Badge',\n    },\n    [NotificationTypeEnum.ID]: {\n        viewButtonStyles: 'border-yellow-400 text-yellow-400',\n        unclaimedButtonStyles: 'text-white bg-yellow-400 border-yellow-400',\n        claimedButtonStyles: 'text-yellow-400 bg-yellow-50 border-yellow-50',\n        textStyles: 'text-yellow-400 uppercase',\n        iconCircleStyles: 'bg-yellow-400',\n        IconComponent: User,\n        typeText: 'ID',\n    },\n    [NotificationTypeEnum.Achievement]: {\n        viewButtonStyles: 'border-spice-600 text-spice-400',\n        unclaimedButtonStyles: 'text-white bg-spice-400 border-spice-400',\n        claimedButtonStyles: 'text-spice-400 bg-spice-50 border-spice-50',\n        textStyles: 'text-spice-400 capitalize',\n        iconCircleStyles: 'bg-spice-400',\n        IconComponent: Trophy,\n        typeText: 'Achievement',\n    },\n    [NotificationTypeEnum.Skill]: {\n        viewButtonStyles: 'border-indigo-400 text-indigo-400',\n        unclaimedButtonStyles: 'text-white bg-indigo-400 border-indigo-400',\n        claimedButtonStyles: 'text-indigo-400 bg-indigo-50 border-indigo-50',\n        textStyles: 'text-indigo-400 capitalize',\n        iconCircleStyles: 'bg-indigo-400',\n        IconComponent: PuzzlePiece,\n        typeText: 'Skill',\n    },\n    [NotificationTypeEnum.Job]: {\n        viewButtonStyles: 'border-rose-400 text-rose-400',\n        unclaimedButtonStyles: 'text-white bg-rose-400 border-rose-400',\n        claimedButtonStyles: 'text-rose-400 bg-rose-50 border-rose-50',\n        textStyles: 'text-rose-400 capitalize',\n        iconCircleStyles: 'bg-rose-400',\n        IconComponent: Briefcase,\n        typeText: 'Work History',\n    },\n    [NotificationTypeEnum.Learning]: {\n        viewButtonStyles: 'border-emerald-500 text-emerald-500',\n        unclaimedButtonStyles: 'text-white bg-emerald-500 border-emerald-500',\n        claimedButtonStyles: 'text-emerald-500 bg-emerald-50 border-emerald-50',\n        textStyles: 'text-emerald-500 capitalize',\n        iconCircleStyles: 'bg-emerald-500',\n        IconComponent: Graduation,\n        typeText: 'Learning History',\n    },\n};\n","import React, { useState, useEffect } from 'react';\n\nimport { NotificationProps, NotificationTypeStyles } from './types';\nimport { NotificationTypeEnum } from '../../constants/notifications';\n\nimport Checkmark from '../svgs/Checkmark';\n\nexport const Notification: React.FC<NotificationProps> = ({\n    title,\n    issuerImage,\n    issueDate,\n    className,\n    notificationType = NotificationTypeEnum.Achievement,\n    handleViewOnClick = () => {},\n    claimStatus = false,\n    handleClaimOnClick = () => {},\n    loadingState = false,\n}) => {\n    const [isClaimed, setIsClaimed] = useState<boolean>(claimStatus || false);\n    const [isLoading, setIsLoading] = useState<boolean>(loadingState || false);\n\n    useEffect(() => {\n        setIsClaimed(claimStatus);\n    }, [claimStatus]);\n\n    useEffect(() => {\n        setIsLoading(loadingState);\n    }, [loadingState]);\n\n    const {\n        IconComponent,\n        iconCircleStyles,\n        textStyles,\n        viewButtonStyles,\n        claimedButtonStyles,\n        unclaimedButtonStyles,\n        typeText,\n    } = NotificationTypeStyles[notificationType];\n\n    const claimButtonStyles = isClaimed ? claimedButtonStyles : unclaimedButtonStyles;\n\n    let buttonText: string = '';\n\n    if (isClaimed) {\n        buttonText = 'Claimed';\n    } else if (!isClaimed) {\n        buttonText = 'Claim';\n    }\n\n    return (\n        <div\n            className={`flex justify-center items-center relative w-full rounded-3xl shadow-2xl py-3 bg-white ${className}`}\n        >\n            <div\n                className={`absolute flex items-center justify-center top-2 right-2 h-8 w-8 overflow-hidden rounded-full z-10 ${iconCircleStyles}`}\n            >\n                <IconComponent className=\"h-4/5 text-white\" />\n            </div>\n            <div className=\"flex flex-col justify-center items-center relative w-11/12\">\n                <div className=\"flex flex-row items-center justify-start w-full\">\n                    <div\n                        className={`h-12 w-12 max-h-12 max-w-[48px] min-h-[48px] min-w-[48px] overflow-hidden rounded-full ${iconCircleStyles}`}\n                    >\n                        <img\n                            src={issuerImage}\n                            alt=\"issuer image\"\n                            className=\"w-full h-full object-cover\"\n                        />\n                    </div>\n                    <div className=\"text-left ml-3\">\n                        <h4\n                            className=\"font-bold tracking-wide line-clamp-1 text-black\"\n                            data-testid=\"notification-title\"\n                        >\n                            {title}\n                        </h4>\n                        <p\n                            className={`font-semibold p-0 m-0 leading-none tracking-wide line-clamp-1 ${textStyles}`}\n                            data-testid=\"notification-type\"\n                        >\n                            {typeText}{' '}\n                            <span\n                                className=\"text-grayscale-600 normal-case font-normal text-sm\"\n                                data-testid=\"notification-cred-issue-date\"\n                            >\n                                • {issueDate}\n                            </span>\n                        </p>\n                    </div>\n                </div>\n                <div className=\"flex items-center justify-between w-full mt-3\">\n                    <button\n                        onClick={handleViewOnClick}\n                        className={`flex-1 rounded-[24px] border-solid border-2 bg-white font-semibold mr-2 py-2 px-3 tracking-wide ${viewButtonStyles}`}\n                        role=\"button\"\n                        name=\"notification-view-button\"\n                    >\n                        View\n                    </button>\n                    <button\n                        className={`flex items-center justify-center flex-1 rounded-[24px] border-2 border-solid font-semibold py-2 px-3 tracking-wide ${claimButtonStyles}`}\n                        onClick={handleClaimOnClick}\n                        role=\"button\"\n                        name=\"notification-claim-button\"\n                    >\n                        {isClaimed && <Checkmark className=\"h-[24px] p-0 m-0\" />}{' '}\n                        {isLoading ? 'Loading...' : buttonText}\n                    </button>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default Notification;\n"],"names":["React","NotificationTypeEnum","Coins","AwardRibbon","User","Trophy","Briefcase","Graduation","useState","useEffect","Checkmark"],"mappings":"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"}

package/dist/cjs/{User-b16d5499.js → User-7408bdf0.js}

@@ -111,18 +111,6 @@ const Graduation = ({ className = "" }) => {
   }));
 };
 
-const Lightbulb = ({ className = "" }) => {
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    viewBox: "0 0 31 30",
-    fill: "none",
-    className,
-    "data-testid": "skill-icon"
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M21.8624 3.52515C20.7128 2.57963 19.3666 1.90268 17.922 1.5437C16.4774 1.18472 14.9709 1.15276 13.5124 1.45015C11.5704 1.84242 9.78866 2.80274 8.39328 4.20925C6.9979 5.61576 6.05177 7.40506 5.67493 9.35015C5.39974 10.8085 5.44974 12.3097 5.82138 13.7466C6.19302 15.1834 6.87713 16.5206 7.82493 17.6626C8.70453 18.6552 9.20872 19.9245 9.24993 21.2501V25.0001C9.24993 25.9947 9.64502 26.9485 10.3483 27.6518C11.0515 28.3551 12.0054 28.7501 12.9999 28.7501H17.9999C18.9945 28.7501 19.9483 28.3551 20.6516 27.6518C21.3548 26.9485 21.7499 25.9947 21.7499 25.0001V21.4876C21.7919 20.0241 22.3296 18.6182 23.2749 17.5001C24.9313 15.4511 25.7121 12.8312 25.4476 10.2097C25.1832 7.58819 23.8947 5.17701 21.8624 3.50015V3.52515ZM19.2499 25.0001C19.2499 25.3317 19.1182 25.6496 18.8838 25.884C18.6494 26.1185 18.3314 26.2501 17.9999 26.2501H12.9999C12.6684 26.2501 12.3505 26.1185 12.116 25.884C11.8816 25.6496 11.7499 25.3317 11.7499 25.0001V23.7501H19.2499V25.0001ZM21.3374 15.9501C20.0806 17.4409 19.3473 19.3027 19.2499 21.2501H16.7499V17.5001C16.7499 17.1686 16.6182 16.8507 16.3838 16.6163C16.1494 16.3818 15.8314 16.2501 15.4999 16.2501C15.1684 16.2501 14.8505 16.3818 14.616 16.6163C14.3816 16.8507 14.2499 17.1686 14.2499 17.5001V21.2501H11.7499C11.7169 19.3353 11.0086 17.4936 9.74993 16.0501C8.91948 15.0551 8.36104 13.8619 8.12907 12.5868C7.89709 11.3117 7.99949 9.99829 8.42629 8.77456C8.85308 7.55083 9.58971 6.45858 10.5643 5.6043C11.539 4.75003 12.7183 4.1629 13.9874 3.90015C15.0781 3.67558 16.2051 3.6967 17.2866 3.96198C18.3681 4.22727 19.377 4.73005 20.24 5.43384C21.103 6.13762 21.7984 7.02474 22.2758 8.03079C22.7532 9.03685 23.0005 10.1366 22.9999 11.2501C23.0092 12.9625 22.4213 14.6245 21.3374 15.9501V15.9501Z",
-    fill: "currentColor"
-  }));
-};
-
 const User = ({ className = "" }) => {
   return /* @__PURE__ */ React__default["default"].createElement("svg", {
     viewBox: "0 0 31 31",
@@ -148,6 +136,5 @@ exports.Briefcase = Briefcase;
 exports.Checkmark = Checkmark;
 exports.Coins = Coins;
 exports.Graduation = Graduation;
-exports.Lightbulb = Lightbulb;
 exports.User = User;
-//# sourceMappingURL=User-b16d5499.js.map
+//# sourceMappingURL=User-7408bdf0.js.map

package/dist/cjs/User-7408bdf0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"User-7408bdf0.js","sources":["../../src/components/svgs/Briefcase.tsx","../../src/components/svgs/Checkmark.tsx","../../src/components/svgs/Coins.tsx","../../src/components/svgs/Graduation.tsx","../../src/components/svgs/User.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Briefcase: React.FC<{ className?: string }> = ({ className = '' }) => {\n    return (\n        <svg viewBox=\"0 0 31 31\" fill=\"none\" className={className} data-testid=\"job-icon\">\n            <path\n                d=\"M25.8135 8.9375H5.18848C4.67071 8.9375 4.25098 9.35723 4.25098 9.875V24.875C4.25098 25.3928 4.67071 25.8125 5.18848 25.8125H25.8135C26.3312 25.8125 26.751 25.3928 26.751 24.875V9.875C26.751 9.35723 26.3312 8.9375 25.8135 8.9375Z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M20.1875 8.9375V7.0625C20.1875 6.56522 19.99 6.08831 19.6383 5.73667C19.2867 5.38504 18.8098 5.1875 18.3125 5.1875H12.6875C12.1902 5.1875 11.7133 5.38504 11.3617 5.73667C11.01 6.08831 10.8125 6.56522 10.8125 7.0625V8.9375\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M26.7509 15.3018C23.3317 17.2799 19.4502 18.3186 15.5 18.3124C11.5504 18.3186 7.66951 17.2803 4.25073 15.3027\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M14.0938 14.5625H16.9062\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default Briefcase;\n","import React from 'react';\n\nexport const Checkmark: React.FC<{ className?: string }> = ({ className = '' }) => {\n    return (\n        <svg\n            viewBox=\"0 0 26 27\"\n            fill=\"transparent\"\n            className={className}\n            data-testid=\"checkmark-icon\"\n        >\n            <g>\n                <path\n                    d=\"M21 7.25049L10.5 17.75L5.25 12.5005\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                />\n            </g>\n            <defs>\n                <filter\n                    id=\"filter0_d_1165_663\"\n                    x=\"0.25\"\n                    y=\"6.25049\"\n                    filterUnits=\"userSpaceOnUse\"\n                    colorInterpolationFilters=\"sRGB\"\n                >\n                    <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                    <feColorMatrix\n                        in=\"SourceAlpha\"\n                        type=\"matrix\"\n                        values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                        result=\"hardAlpha\"\n                    />\n                    <feOffset dy=\"4\" />\n                    <feGaussianBlur stdDeviation=\"2\" />\n                    <feComposite in2=\"hardAlpha\" operator=\"out\" />\n                    <feColorMatrix\n                        type=\"matrix\"\n                        values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n                    />\n                    <feBlend\n                        mode=\"normal\"\n                        in2=\"BackgroundImageFix\"\n                        result=\"effect1_dropShadow_1165_663\"\n                    />\n                    <feBlend\n                        mode=\"normal\"\n                        in=\"SourceGraphic\"\n                        in2=\"effect1_dropShadow_1165_663\"\n                        result=\"shape\"\n                    />\n                </filter>\n            </defs>\n        </svg>\n    );\n};\n\nexport default Checkmark;\n","import React from 'react';\n\nexport const Coins: React.FC<{ className?: string }> = ({ className = '' }) => {\n    return (\n        <svg viewBox=\"0 0 31 30\" fill=\"none\" className={className} data-testid=\"currency-icon\">\n            <path\n                d=\"M5.74324 21.5007C5.74324 21.0133 5.7219 20.5247 5.75357 20.0393C5.76624 19.8405 5.69757 19.7748 5.5449 19.691C4.93921 19.3584 4.38253 18.9628 3.96552 18.4038C3.66551 18.0003 3.49884 17.5566 3.50651 17.0456C3.51951 16.3066 3.53684 15.5668 3.50384 14.8281C3.44817 13.5639 4.00019 12.6165 4.98621 11.8722C5.86691 11.2064 6.8716 10.7934 7.92363 10.4785C8.09863 10.426 8.27497 10.3763 8.45331 10.3379C8.57498 10.3116 8.62331 10.2617 8.61998 10.1305C8.60965 9.75296 8.63365 9.37472 8.61331 8.99714C8.54665 7.7461 9.10833 6.80822 10.08 6.06785C11.0004 5.3656 12.0524 4.9384 13.1578 4.62424C14.4715 4.25126 15.8152 4.06887 17.1789 4.01827C19.3693 3.93546 21.5263 4.12244 23.6157 4.82141C24.6491 5.16678 25.6191 5.63079 26.4271 6.37215C26.9858 6.88446 27.3985 7.48715 27.4855 8.2548C27.5165 8.52952 27.4882 8.81082 27.4882 9.08915C27.4882 9.78451 27.4678 10.4808 27.4938 11.1752C27.5198 11.8696 27.2418 12.4272 26.7628 12.9083C26.1245 13.5482 25.3488 13.9846 24.5114 14.3076C23.8574 14.5603 23.1787 14.7519 22.5077 14.9612C22.4077 14.9941 22.3744 15.0269 22.3764 15.1255C22.38 15.7331 22.3814 16.3414 22.3764 16.9487C22.3764 17.0502 22.4227 17.0936 22.4987 17.138C23.0954 17.487 23.6401 17.8981 24.0544 18.4557C24.4687 19.0134 24.6651 19.6328 24.6211 20.3446C24.5776 21.0938 24.5776 21.8448 24.6211 22.594C24.6681 23.4527 24.2931 24.0922 23.6734 24.6314C22.8684 25.3324 21.9133 25.7665 20.912 26.1102C19.3756 26.636 17.7872 26.9038 16.1662 26.9761C13.7541 27.0832 11.3881 26.842 9.10766 26.0139C8.2223 25.6925 7.38695 25.2762 6.68159 24.6436C6.22025 24.2298 5.85157 23.7517 5.76557 23.1234C5.72657 22.8378 5.74757 22.5444 5.74457 22.2545C5.74124 22.0031 5.74324 21.7514 5.74324 21.5007ZM18.4032 11.724C18.7839 11.6964 19.4996 11.6626 20.211 11.5896C21.4303 11.4647 22.6187 11.2002 23.7537 10.7326C24.4177 10.4588 25.0468 10.1246 25.5581 9.61001C26.2311 8.93273 26.2435 8.25151 25.5914 7.55681C25.1814 7.11942 24.6731 6.81775 24.1337 6.56603C22.829 5.95711 21.439 5.66135 20.0153 5.5138C18.4017 5.34176 16.7719 5.38453 15.1698 5.64098C14.0031 5.8296 12.8698 6.12733 11.8127 6.66166C11.2554 6.94329 10.7344 7.2765 10.357 7.78455C9.97968 8.29259 9.97002 8.81279 10.3384 9.3182C10.4419 9.46061 10.5594 9.59269 10.689 9.71254C11.2801 10.2561 11.9924 10.5975 12.7408 10.8703C14.4585 11.4973 16.2485 11.7003 18.4032 11.724ZM20.4366 15.3789L20.414 15.346C20.383 15.346 20.3516 15.3437 20.321 15.346C19.8843 15.3828 19.4483 15.4344 19.0109 15.4558C17.691 15.5233 16.3676 15.4589 15.0608 15.2635C13.7458 15.0641 12.4634 14.746 11.2517 14.1886C10.538 13.86 9.87068 13.4657 9.32667 12.8909C9.0155 12.5718 8.78903 12.1819 8.66731 11.7559C7.61929 12.049 6.60993 12.398 5.76424 13.0789C5.51156 13.2823 5.29389 13.5445 5.11455 13.815C4.88121 14.166 4.88455 14.5659 5.11055 14.9201C5.27583 15.1847 5.47943 15.4241 5.7149 15.6306C6.42425 16.2356 7.27794 16.5787 8.1613 16.8531C9.56401 17.2885 11.007 17.4751 12.4728 17.5103C14.0675 17.5478 15.6448 17.4173 17.1899 17.0088C18.1592 16.7525 19.0923 16.4084 19.9113 15.8182C20.0966 15.6842 20.2626 15.5258 20.4373 15.3789H20.4366ZM7.29461 20.4586C7.40895 20.7787 7.60295 21.0173 7.83063 21.2269C8.43064 21.7803 9.15066 22.1267 9.91002 22.4034C11.2434 22.8891 12.6291 23.1181 14.0435 23.199C15.7262 23.2949 17.3949 23.2013 19.0409 22.8266C20.018 22.6042 20.963 22.2936 21.8283 21.7813C22.2697 21.5201 22.6754 21.2158 22.9617 20.784C23.2617 20.3305 23.2767 19.8721 22.966 19.4166C22.688 19.0091 22.3034 18.7189 21.885 18.461C21.7667 18.5839 21.6613 18.7038 21.545 18.8123C20.9983 19.3229 20.3593 19.6946 19.6783 19.9976C17.9616 20.76 16.1449 21.1149 14.2781 21.2407C12.3391 21.3722 10.4177 21.2361 8.52398 20.7882C8.12163 20.6929 7.72429 20.5746 7.29461 20.4586ZM4.96121 16.881C4.89655 17.1863 4.97921 17.4396 5.17855 17.6605C5.58123 18.109 6.09558 18.4012 6.63459 18.6519C7.87596 19.2293 9.193 19.5428 10.5484 19.7146C12.6548 19.9818 14.7485 19.9167 16.8192 19.4416C17.8936 19.1951 18.9309 18.8445 19.8826 18.2812C20.226 18.0778 20.552 17.8511 20.8016 17.5323C20.9523 17.3397 20.962 17.1284 20.9296 16.8869C20.8823 16.9198 20.8503 16.9388 20.82 16.9608C20.3244 17.3134 19.7888 17.6076 19.2239 17.8376C17.7926 18.4314 16.2905 18.7298 14.7505 18.8563C12.7354 19.0223 10.7344 18.9394 8.75832 18.4883C7.41828 18.182 6.14158 17.7245 5.02255 16.9076C5.00326 16.8968 4.98294 16.8879 4.96188 16.881H4.96121ZM7.19161 22.6084C7.12494 22.9259 7.21994 23.1934 7.44361 23.408C7.62294 23.5866 7.81755 23.7497 8.0253 23.8953C8.84165 24.4444 9.75534 24.7826 10.7034 25.0271C13.489 25.7413 16.2851 25.7817 19.0916 25.1483C20.172 24.9055 21.2117 24.5443 22.1637 23.9699C22.491 23.7727 22.8014 23.5526 23.0384 23.247C23.187 23.0544 23.198 22.8444 23.1614 22.6127C21.9353 23.3685 21.5397 23.5657 20.6783 23.8496C18.8153 24.4618 16.8945 24.6712 14.9398 24.6501C13.7685 24.6438 12.6005 24.5287 11.4511 24.3064C10.3204 24.083 9.224 23.7553 8.2043 23.2147C7.85963 23.032 7.53395 22.8151 7.19227 22.6084H7.19161ZM26.0291 11.094C25.9941 11.1164 25.9661 11.1315 25.9408 11.1499C25.3891 11.5538 24.7841 11.8624 24.1487 12.1118C22.4047 12.796 20.5786 13.0648 18.7153 13.1242C17.3384 13.1742 15.9601 13.0782 14.6041 12.8377C13.3871 12.6175 12.2064 12.2827 11.1087 11.7079C10.7534 11.5212 10.4184 11.2975 10.0707 11.0888C9.99768 11.4121 10.115 11.6777 10.3404 11.9136C10.6574 12.2445 11.038 12.4894 11.4427 12.6974C12.8714 13.4308 14.4128 13.7782 15.9992 13.953C17.3296 14.1019 18.6727 14.1045 20.0036 13.9606C21.2887 13.8212 22.5427 13.5534 23.7457 13.0789C24.4491 12.8012 25.1258 12.4755 25.6948 11.9682C25.9508 11.7408 26.1228 11.4779 26.0291 11.094Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n};\n\nexport default Coins;\n","import React from 'react';\n\nexport const Graduation: React.FC<{ className?: string }> = ({ className = '' }) => {\n    return (\n        <svg viewBox=\"0 0 31 31\" fill=\"none\" className={className} data-testid=\"learning-icon\">\n            <path\n                d=\"M27.3626 13.2376L26.1126 12.5501L14.8626 6.3001H14.7251C14.6485 6.2677 14.5689 6.24259 14.4876 6.2251H14.2501H14.0251C13.9397 6.2426 13.856 6.2677 13.7751 6.3001H13.6376L2.38759 12.5501C2.19522 12.6591 2.03521 12.8172 1.92388 13.0083C1.81256 13.1993 1.75391 13.4165 1.75391 13.6376C1.75391 13.8587 1.81256 14.0759 1.92388 14.2669C2.03521 14.458 2.19522 14.6161 2.38759 14.7251L5.50009 16.4501V22.3751C5.50009 23.3697 5.89518 24.3235 6.59844 25.0267C7.3017 25.73 8.25553 26.1251 9.25009 26.1251H19.2501C20.2447 26.1251 21.1985 25.73 21.9017 25.0267C22.605 24.3235 23.0001 23.3697 23.0001 22.3751V16.4501L25.5001 15.0501V18.6251C25.5001 18.9566 25.6318 19.2746 25.8662 19.509C26.1006 19.7434 26.4186 19.8751 26.7501 19.8751C27.0816 19.8751 27.3996 19.7434 27.634 19.509C27.8684 19.2746 28.0001 18.9566 28.0001 18.6251V14.3251C27.9997 14.1036 27.9405 13.8862 27.8285 13.6951C27.7165 13.504 27.5557 13.3461 27.3626 13.2376V13.2376ZM20.5001 22.3751C20.5001 22.7066 20.3684 23.0246 20.134 23.259C19.8996 23.4934 19.5816 23.6251 19.2501 23.6251H9.25009C8.91857 23.6251 8.60063 23.4934 8.36621 23.259C8.13179 23.0246 8.00009 22.7066 8.00009 22.3751V17.8376L13.6376 20.9626L13.8251 21.0376H13.9376C14.0413 21.0507 14.1463 21.0507 14.2501 21.0376C14.3538 21.0507 14.4588 21.0507 14.5626 21.0376H14.6751C14.7415 21.0236 14.8049 20.9982 14.8626 20.9626L20.5001 17.8376V22.3751ZM14.2501 18.4501L5.57509 13.6251L14.2501 8.8001L22.9251 13.6251L14.2501 18.4501Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n};\n\nexport default Graduation;\n","import React from 'react';\n\nexport const User: React.FC<{ className?: string }> = ({ className = '' }) => {\n    return (\n        <svg viewBox=\"0 0 31 31\" fill=\"none\" className={className} data-testid=\"id-icon\">\n            <path\n                d=\"M15.5 19.25C19.6421 19.25 23 15.8921 23 11.75C23 7.60786 19.6421 4.25 15.5 4.25C11.3579 4.25 8 7.60786 8 11.75C8 15.8921 11.3579 19.25 15.5 19.25Z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M4.13159 25.8114C5.2842 23.8164 6.94153 22.1598 8.93708 21.008C10.9326 19.8563 13.1961 19.25 15.5002 19.25C17.8043 19.25 20.0678 19.8564 22.0633 21.0082C24.0588 22.1599 25.7161 23.8166 26.8687 25.8116\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default User;\n"],"names":["React"],"mappings":"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"}

package/dist/cjs/{VCCard-00cd3e88.js → VCCard-4a5e06a1.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var core = require('@learncard/core');
 var VCDisplayCard = require('./VCDisplayCard-8de5bb09.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-97a1147f.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-7b58036f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -76,4 +76,4 @@ const VCCard = ({
 };
 
 exports.VCCard = VCCard;
-//# sourceMappingURL=VCCard-00cd3e88.js.map
+//# sourceMappingURL=VCCard-4a5e06a1.js.map

package/dist/cjs/{VCCard-00cd3e88.js.map → VCCard-4a5e06a1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VCCard-00cd3e88.js","sources":["../../src/components/VCCard/VCCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { initLearnCard } from '@learncard/core';\nimport { VC, Profile, VerificationItem } from '@learncard/types';\n\nimport { VCDisplayCard } from '../VCDisplayCard';\nimport {\n    VCDisplayCard2,\n    MediaMetadata,\n    VideoMetadata,\n    CredentialIconType,\n} from '../VCDisplayCard2';\n\nexport type VCCardProps = {\n    credential: VC;\n    issueeOverride?: Profile;\n    className?: string;\n    version?: '1' | '2';\n\n    /* Only used for version 2 */\n    subjectImageComponent?: React.ReactNode;\n    // convertTagsToSkills?: (tags: string[]) => { [skill: string]: string[] };\n    handleXClick?: () => void;\n    getFileMetadata?: (url: string) => MediaMetadata;\n    getVideoMetadata?: (url: string) => VideoMetadata;\n    onMediaAttachmentClick?: (url: string) => void;\n    bottomRightIcon?: CredentialIconType;\n};\n\nexport const VCCard: React.FC<VCCardProps> = ({\n    credential,\n    issueeOverride,\n    className = '',\n    version = '1',\n    subjectImageComponent,\n    // convertTagsToSkills,\n    handleXClick,\n    getFileMetadata,\n    getVideoMetadata,\n    onMediaAttachmentClick,\n    bottomRightIcon,\n}) => {\n    const [loading, setLoading] = useState(true);\n    const [vcVerification, setVCVerification] = useState<VerificationItem[]>([]);\n\n    useEffect(() => {\n        const verify = async () => {\n            const wallet = await initLearnCard();\n            const verification = await wallet.invoke.verifyCredential(credential, {}, true);\n            setVCVerification(verification);\n            setLoading(false);\n        };\n\n        verify();\n    }, [credential]);\n\n    if (version === '1') {\n        return (\n            <VCDisplayCard\n                credential={credential}\n                issueeOverride={issueeOverride}\n                className={className}\n                loading={loading}\n                verification={vcVerification}\n            />\n        );\n    }\n    return (\n        <VCDisplayCard2\n            credential={credential}\n            issueeOverride={issueeOverride}\n            verificationInProgress={loading}\n            verificationItems={vcVerification}\n            subjectImageComponent={subjectImageComponent}\n            // convertTagsToSkills={convertTagsToSkills}\n            handleXClick={handleXClick}\n            getFileMetadata={getFileMetadata}\n            getVideoMetadata={getVideoMetadata}\n            onMediaAttachmentClick={onMediaAttachmentClick}\n            bottomRightIcon={bottomRightIcon}\n        />\n    );\n};\n\nexport default VCCard;\n"],"names":["useState","useEffect","initLearnCard","React","VCDisplayCard","VCDisplayCard2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,SAAgC,CAAC;AAAA,EAC1C,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAY,GAAA,EAAA;AAAA,EACZ,OAAU,GAAA,GAAA;AAAA,EACV,qBAAA;AAAA,EAEA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,sBAAA;AAAA,EACA,eAAA;AACJ,CAAM,KAAA;AACF,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,IAAI,CAAA,CAAA;AAC3C,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAAA,cAAA,CAA6B,EAAE,CAAA,CAAA;AAE3E,EAAAC,eAAA,CAAU,MAAM;AACZ,IAAA,MAAM,SAAS,MAAY,OAAA,CAAA,KAAA,CAAA,EAAA,IAAA,EAAA,aAAA;AACvB,MAAM,MAAA,MAAA,GAAS,MAAMC,kBAAc,EAAA,CAAA;AACnC,MAAM,MAAA,YAAA,GAAe,MAAM,MAAO,CAAA,MAAA,CAAO,iBAAiB,UAAY,EAAA,IAAI,IAAI,CAAA,CAAA;AAC9E,MAAA,iBAAA,CAAkB,YAAY,CAAA,CAAA;AAC9B,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,KACpB,CAAA,CAAA;AAEA,IAAO,MAAA,EAAA,CAAA;AAAA,GACX,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAA,IAAI,YAAY,GAAK,EAAA;AACjB,IAAA,uBACKC,yBAAA,CAAA,aAAA,CAAAC,2BAAA,EAAA;AAAA,MACG,UAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAc,EAAA,cAAA;AAAA,KAClB,CAAA,CAAA;AAAA,GAER;AACA,EAAA,uBACKD,yBAAA,CAAA,aAAA,CAAAE,6BAAA,EAAA;AAAA,IACG,UAAA;AAAA,IACA,cAAA;AAAA,IACA,sBAAwB,EAAA,OAAA;AAAA,IACxB,iBAAmB,EAAA,cAAA;AAAA,IACnB,qBAAA;AAAA,IAEA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,sBAAA;AAAA,IACA,eAAA;AAAA,GACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"VCCard-4a5e06a1.js","sources":["../../src/components/VCCard/VCCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { initLearnCard } from '@learncard/core';\nimport { VC, Profile, VerificationItem } from '@learncard/types';\n\nimport { VCDisplayCard } from '../VCDisplayCard';\nimport {\n    VCDisplayCard2,\n    MediaMetadata,\n    VideoMetadata,\n    CredentialIconType,\n} from '../VCDisplayCard2';\n\nexport type VCCardProps = {\n    credential: VC;\n    issueeOverride?: Profile;\n    className?: string;\n    version?: '1' | '2';\n\n    /* Only used for version 2 */\n    subjectImageComponent?: React.ReactNode;\n    // convertTagsToSkills?: (tags: string[]) => { [skill: string]: string[] };\n    handleXClick?: () => void;\n    getFileMetadata?: (url: string) => MediaMetadata;\n    getVideoMetadata?: (url: string) => VideoMetadata;\n    onMediaAttachmentClick?: (url: string) => void;\n    bottomRightIcon?: CredentialIconType;\n};\n\nexport const VCCard: React.FC<VCCardProps> = ({\n    credential,\n    issueeOverride,\n    className = '',\n    version = '1',\n    subjectImageComponent,\n    // convertTagsToSkills,\n    handleXClick,\n    getFileMetadata,\n    getVideoMetadata,\n    onMediaAttachmentClick,\n    bottomRightIcon,\n}) => {\n    const [loading, setLoading] = useState(true);\n    const [vcVerification, setVCVerification] = useState<VerificationItem[]>([]);\n\n    useEffect(() => {\n        const verify = async () => {\n            const wallet = await initLearnCard();\n            const verification = await wallet.invoke.verifyCredential(credential, {}, true);\n            setVCVerification(verification);\n            setLoading(false);\n        };\n\n        verify();\n    }, [credential]);\n\n    if (version === '1') {\n        return (\n            <VCDisplayCard\n                credential={credential}\n                issueeOverride={issueeOverride}\n                className={className}\n                loading={loading}\n                verification={vcVerification}\n            />\n        );\n    }\n    return (\n        <VCDisplayCard2\n            credential={credential}\n            issueeOverride={issueeOverride}\n            verificationInProgress={loading}\n            verificationItems={vcVerification}\n            subjectImageComponent={subjectImageComponent}\n            // convertTagsToSkills={convertTagsToSkills}\n            handleXClick={handleXClick}\n            getFileMetadata={getFileMetadata}\n            getVideoMetadata={getVideoMetadata}\n            onMediaAttachmentClick={onMediaAttachmentClick}\n            bottomRightIcon={bottomRightIcon}\n        />\n    );\n};\n\nexport default VCCard;\n"],"names":["useState","useEffect","initLearnCard","React","VCDisplayCard","VCDisplayCard2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,SAAgC,CAAC;AAAA,EAC1C,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAY,GAAA,EAAA;AAAA,EACZ,OAAU,GAAA,GAAA;AAAA,EACV,qBAAA;AAAA,EAEA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,sBAAA;AAAA,EACA,eAAA;AACJ,CAAM,KAAA;AACF,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,IAAI,CAAA,CAAA;AAC3C,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAAA,cAAA,CAA6B,EAAE,CAAA,CAAA;AAE3E,EAAAC,eAAA,CAAU,MAAM;AACZ,IAAA,MAAM,SAAS,MAAY,OAAA,CAAA,KAAA,CAAA,EAAA,IAAA,EAAA,aAAA;AACvB,MAAM,MAAA,MAAA,GAAS,MAAMC,kBAAc,EAAA,CAAA;AACnC,MAAM,MAAA,YAAA,GAAe,MAAM,MAAO,CAAA,MAAA,CAAO,iBAAiB,UAAY,EAAA,IAAI,IAAI,CAAA,CAAA;AAC9E,MAAA,iBAAA,CAAkB,YAAY,CAAA,CAAA;AAC9B,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,KACpB,CAAA,CAAA;AAEA,IAAO,MAAA,EAAA,CAAA;AAAA,GACX,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAA,IAAI,YAAY,GAAK,EAAA;AACjB,IAAA,uBACKC,yBAAA,CAAA,aAAA,CAAAC,2BAAA,EAAA;AAAA,MACG,UAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAc,EAAA,cAAA;AAAA,KAClB,CAAA,CAAA;AAAA,GAER;AACA,EAAA,uBACKD,yBAAA,CAAA,aAAA,CAAAE,6BAAA,EAAA;AAAA,IACG,UAAA;AAAA,IACA,cAAA;AAAA,IACA,sBAAwB,EAAA,OAAA;AAAA,IACxB,iBAAmB,EAAA,cAAA;AAAA,IACnB,qBAAA;AAAA,IAEA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,sBAAA;AAAA,IACA,eAAA;AAAA,GACJ,CAAA,CAAA;AAER;;;;"}

package/dist/cjs/{VCDisplayCard2-97a1147f.js → VCDisplayCard2-7b58036f.js}

@@ -865,7 +865,9 @@ const VCDisplayCard2 = ({
   customFooterComponent,
   customBodyCardComponent,
   customThumbComponent,
-  issueHistory
+  issueHistory,
+  titleOverride,
+  showBackButton
 }) => {
   var _a, _b, _c, _d, _e;
   const {
@@ -909,6 +911,7 @@ const VCDisplayCard2 = ({
     backgroundPosition: "center",
     backgroundAttachment: "fixed"
   };
+  const _title = titleOverride || title;
   return /* @__PURE__ */ React__default["default"].createElement("section", {
     className: "vc-display-card font-mouse flex flex-col items-center border-solid border-[5px] border-white rounded-[30px] overflow-visible z-10 max-w-[400px] relative bg-white"
   }, /* @__PURE__ */ React__default["default"].createElement(RibbonEnd, {
@@ -926,14 +929,14 @@ const VCDisplayCard2 = ({
   }, /* @__PURE__ */ React__default["default"].createElement(VCDisplayCardCategoryType, {
     categoryType
   }), /* @__PURE__ */ React__default["default"].createElement(FitText, {
-    text: title != null ? title : "",
+    text: _title != null ? _title : "",
     width: ((headerWidth != null ? headerWidth : 290) - 40).toString(),
     options: { maxSize: 32, minSize: 20, multiLine: true },
     className: "vc-card-header-main-title text-[#18224E] leading-[100%] text-shadow text-[32px]"
   })), isFront && handleXClick && /* @__PURE__ */ React__default["default"].createElement("button", {
     className: "vc-card-x-button absolute top-[-25px] bg-white rounded-full h-[50px] w-[50px] flex items-center justify-center z-50",
     onClick: handleXClick
-  }, /* @__PURE__ */ React__default["default"].createElement(RoundedX, null)), !isFront && /* @__PURE__ */ React__default["default"].createElement("button", {
+  }, /* @__PURE__ */ React__default["default"].createElement(RoundedX, null)), !isFront && showBackButton && /* @__PURE__ */ React__default["default"].createElement("button", {
     className: "vc-card-back-button absolute top-[-25px] bg-white rounded-full h-[50px] px-[15px] flex items-center justify-center gap-[5px] z-50 text-[30px] text-grayscale-900",
     onClick: () => setIsFront(true)
   }, /* @__PURE__ */ React__default["default"].createElement(LeftArrow, {
@@ -989,4 +992,4 @@ const VCDisplayCard2 = ({
 };
 
 exports.VCDisplayCard2 = VCDisplayCard2;
-//# sourceMappingURL=VCDisplayCard2-97a1147f.js.map
+//# sourceMappingURL=VCDisplayCard2-7b58036f.js.map