@learncard/react 2.6.55 → 2.6.57

package/dist/esm/{types-7081a9e5.js → types-c31e4bae.js}

@@ -1,12 +1,18 @@
 import { N as NotificationTypeEnum } from './notifications-009bbd80.js';
-import { T as Trophy } from './Trophy-702610b8.js';
-import { C as Coins, U as User, B as Briefcase, G as Graduation } from './User-fd276ad5.js';
+import { T as Trophy } from './Trophy-ad67f46a.js';
+import { C as Coins, U as User, B as Briefcase, G as Graduation } from './User-9f253521.js';
 import React from 'react';
 
-const PuzzlePiece = ({ className = "" }) => {
+const PuzzlePiece = ({
+  className = "",
+  size = "21",
+  fill = "none"
+}) => {
   return /* @__PURE__ */ React.createElement("svg", {
+    width: size,
+    height: size,
     viewBox: "0 0 26 26",
-    fill: "none",
+    fill,
     className,
     "data-testid": "skill-icon"
   }, /* @__PURE__ */ React.createElement("path", {
@@ -105,5 +111,5 @@ const NotificationTypeStyles = {
   }
 };
 
-export { NotificationTypeStyles as N };
-//# sourceMappingURL=types-7081a9e5.js.map
+export { NotificationTypeStyles as N, PuzzlePiece as P };
+//# sourceMappingURL=types-c31e4bae.js.map

package/dist/esm/types-c31e4bae.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-c31e4bae.js","sources":["../../src/components/svgs/PuzzlePiece.tsx","../../src/components/svgs/ShieldChevron.tsx","../../src/components/Notification/types.ts"],"sourcesContent":["import React from 'react';\n\nconst PuzzlePiece: React.FC<{ className?: string; size?: string; fill?: string }> = ({\n    className = '',\n    size = '21',\n    fill = 'none',\n}) => {\n    return (\n        <svg\n            width={size}\n            height={size}\n            viewBox=\"0 0 26 26\"\n            fill={fill}\n            className={className}\n            data-testid=\"skill-icon\"\n        >\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","import React from 'react';\n\nconst ShieldChevron: React.FC<{ className?: string }> = ({ className }) => {\n    return (\n        <svg viewBox=\"0 0 46 46\" fill=\"none\" className={className} data-testid=\"socialBadge-icon\">\n            <path\n                d=\"M7.53125 19.25V8.9375C7.53125 8.56454 7.67941 8.20685 7.94313 7.94313C8.20685 7.67941 8.56454 7.53125 8.9375 7.53125H37.0625C37.4355 7.53125 37.7931 7.67941 38.0569 7.94313C38.3206 8.20685 38.4688 8.56454 38.4688 8.9375V19.25C38.4688 34.0183 25.9345 38.9112 23.4318 39.7409C23.152 39.8372 22.848 39.8372 22.5682 39.7409C20.0655 38.9112 7.53125 34.0183 7.53125 19.25Z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"4\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M36.0785 29.3425L23 20.1875L9.92139 29.3425\"\n                stroke=\"currentColor\"\n                strokeWidth=\"4\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default ShieldChevron;\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 ShieldChevron from '../svgs/ShieldChevron';\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 shadow-bottom',\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 shadow-bottom',\n        claimedButtonStyles: 'text-cyan-400 bg-cyan-50 border-cyan-50',\n        textStyles: 'text-cyan-400 capitalize',\n        iconCircleStyles: 'bg-cyan-400',\n        IconComponent: ShieldChevron,\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 shadow-bottom',\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 shadow-bottom',\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 shadow-bottom',\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 shadow-bottom',\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 shadow-bottom',\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"],"names":[],"mappings":"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"}

package/dist/esm/user.svg

@@ -1,4 +1,4 @@
-<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path 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" stroke="#FDE047" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4.13152 25.8114C5.28413 23.8164 6.94146 22.1598 8.93701 21.008C10.9326 19.8563 13.1961 19.25 15.5001 19.25C17.8042 19.25 20.0677 19.8564 22.0632 21.0082C24.0587 22.1599 25.716 23.8166 26.8686 25.8116" stroke="#FDE047" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="25" height="24" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path 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" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.13152 25.8114C5.28413 23.8164 6.94146 22.1598 8.93701 21.008C10.9326 19.8563 13.1961 19.25 15.5001 19.25C17.8042 19.25 20.0677 19.8564 22.0632 21.0082C24.0587 22.1599 25.716 23.8166 26.8686 25.8116" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>