@learncard/react 2.8.60 → 2.8.62

package/dist/esm/index.js

@@ -1,10 +1,10 @@
+import React, { useRef, useEffect } from 'react';
 export { A as AchievementCard } from './AchievementCard-d179d041.js';
-export { B as BoostGenericCard } from './BoostGenericCard-5b70fa63.js';
+export { B as BoostGenericCard } from './BoostGenericCard-4cfa6556.js';
 export { B as BoostSmallCard } from './BoostSmallCard-42980ebc.js';
 export { B as Button } from './Button-5f805204.js';
-export { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-c5a21373.js';
-export { C as CertificateBackFace, a as CertificateDisplayCard, b as CertificateFrontFace } from './CertificateDisplayCard-d2a0d0e3.js';
-export { S as SelectedSkills, V as VERIFIER_STATES, a as VerifierStateBadgeAndText } from './VerifierStateBadgeAndText-151db666.js';
+export { C as CertDisplayCardSkillsCount, a as CertificateBackFace, b as CertificateDisplayCard, c as CertificateFrontFace } from './CertificateDisplayCard-58c52cdb.js';
+export { S as SelectedSkills, V as VERIFIER_STATES, a as VerifierStateBadgeAndText } from './VerifierStateBadgeAndText-2e5414f4.js';
 export { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
 export { a as CircleIcon, C as CountCircle } from './CircleIcon-4200733b.js';
 export { C as CourseCard } from './CourseCard-663ff174.js';
@@ -18,32 +18,32 @@ export { L as LearnCardCreditCardFrontFace } from './LearnCardCreditCardFrontFac
 export { L as LearnPill } from './LearnPill-74bcb08c.js';
 export { L as Lightbox } from './Lightbox-2ae83d79.js';
 export { C as CircleLoadingState } from './CircleSpinner-9b8b1a6b.js';
-export { M as MeritBadgeBackFace, a as MeritBadgeDisplayCard, b as MeritBadgeFrontFace } from './MeritBadgeDisplayCard-bc462990.js';
-export { M as MeritBadgeSkillsCount } from './MeritBadgeSkillsCount-d2408dfe.js';
+export { M as MeritBadgeBackFace, a as MeritBadgeDisplayCard, b as MeritBadgeFrontFace } from './MeritBadgeDisplayCard-c87b0271.js';
+export { M as MeritBadgeSkillsCount } from './MeritBadgeSkillsCount-77ceb64c.js';
 export { M as MiniVCThumbnail } from './MiniVCThumbnail-6a07e810.js';
-export { N as Notification } from './Notification-95d159d2.js';
-export { N as NotificationTypeStyles } from './types-cfde3c2b.js';
-export { N as NotificationBoostCard } from './NotificationBoostCard-42596c2c.js';
+export { N as Notification } from './Notification-76adb92c.js';
+export { N as NotificationTypeStyles } from './types-05bc737d.js';
+export { N as NotificationBoostCard } from './NotificationBoostCard-e6f1ab86.js';
 export { N as NotificationUserAcceptedBoostCard } from './NotificationUserAcceptedBoostCard-8c13bd3f.js';
 export { N as NotificationUserCard } from './NotificationUserCard-dbcc80f9.js';
 export { U as UserNotificationTypeStyles } from './types-b32d28d5.js';
 export { Q as QRCodeCard } from './QRCodeCard-aa2b9967.js';
 export { C as CheckmarkSvg, R as RoundedPill } from './RoundedPill-6a6e8aaf.js';
 export { R as RoundedSquare, a as TYPE_TO_IMG_SRC, T as TYPE_TO_MINI_ICON, b as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './constants-20055f35.js';
-export { S as SchoolIDCard } from './SchoolIDCard-752092fb.js';
+export { S as SchoolIDCard } from './SchoolIDCard-7c3ba74c.js';
 export { S as SkillTabCard } from './SkillTabCard-cfe117a2.js';
 export { S as SkillVerticalCard } from './SkillVerticalCard-108f49bb.js';
 export { a as SkillsCard, S as SkillsMeterSegment } from './SkillsCard-92a51db2.js';
 export { S as SkillsStatsCard } from './SkillsStatsCard-1628fe9c.js';
 export { S as SmallAchievementCard } from './SmallAchievementCard-d0220751.js';
 export { U as UserProfilePicture } from './UserProfilePicture-ecc82a6c.js';
-export { V as VCCard } from './VCCard-afbea3f5.js';
-export { V as VCDisplayBackFace } from './VCDisplayBackFace-f08563e9.js';
-export { V as VCDisplayCard } from './VCDisplayCard-7fc1dd02.js';
-export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-415128f5.js';
+export { V as VCCard } from './VCCard-a5dda1f4.js';
+export { V as VCDisplayBackFace } from './VCDisplayBackFace-af01c8b3.js';
+export { V as VCDisplayCard } from './VCDisplayCard-36f34504.js';
+export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-04e304db.js';
 export { V as VCThumbnail } from './VCThumbnail-3c254bda.js';
 export { V as VCVerificationCheck, a as VCVerificationCheckWithSpinner, b as VCVerificationCheckWithText } from './VCVerificationCheck-80249524.js';
-export { V as ValidationStateIndicator } from './VCVerificationPill-2ef031c2.js';
+export { V as ValidationStateIndicator } from './VCVerificationPill-0e2c1172.js';
 export { A as AwardDisplayIcon, B as BadgeDisplayIcon, C as CertificateDisplayIcon, a as CourseDisplayIcon, I as IDDisplayIcon } from './IDDisplayIcon-82a851e7.js';
 export { A as AwardRibbon, I as IDIcon, Q as QRCodeIcon } from './QRCodeIcon-e9569804.js';
 export { B as Briefcase, G as Graduation, U as User } from './User-161c7f37.js';
@@ -53,7 +53,6 @@ export { G as GenericArrow } from './GenericArrow-0dba1707.js';
 export { I as IDSleeve, L as Lightbulb } from './Lightbulb-b6eca510.js';
 export { T as ThreeDotVertical } from './ThreeDotVertical-08294477.js';
 export { T as Trophy } from './Trophy-ad67f46a.js';
-import 'react';
 import './index-b102febc.js';
 import './walletcurrency.webp';
 import './id-purple.png';
@@ -72,12 +71,12 @@ import './minitrophycolored.svg';
 import './minigradcapcolored.svg';
 import './minipuzzlecolored.svg';
 import './index-28917993.js';
+import './PuzzlePiece-4541648e.js';
+import './credential.helpers-97c7e3d4.js';
+import './index-eae3ca64.js';
+import './types.esm-c7016566.js';
 import './CaretRightFilled.svg';
 import './addawardlight.svg';
-import './PuzzlePiece-1fb12c2e.js';
-import './credential.helpers-5731a09d.js';
-import './index-1fa04a2d.js';
-import './types.esm-00eeb9f6.js';
 import './DotsThreeOutline.svg';
 import './athletics.png';
 import './business.png';
@@ -135,4 +134,60 @@ import './vc.check.svg';
 import './RedXCircle.svg';
 import './GreenCheckCircle.svg';
 import './YellowWarningCircle.svg';
+
+const useOnMomentumScrollEnd = ({
+  onScroll: _onScroll,
+  onMomentumScrollEnd,
+  debounceTime = 305
+}) => {
+  const momentumScrollEndTimer = useRef();
+  useEffect(() => () => clearTimeout(momentumScrollEndTimer.current), []);
+  const onScroll = (e) => {
+    _onScroll == null ? void 0 : _onScroll(e);
+    clearTimeout(momentumScrollEndTimer.current);
+    momentumScrollEndTimer.current = setTimeout(() => {
+      onMomentumScrollEnd(e);
+    }, debounceTime);
+  };
+  return onScroll;
+};
+
+const useScrollBorders = ({
+  ref,
+  topShowClassName = "border-t border-t-[--color-grayscale-line]",
+  topHideClassName = "border-t border-t-transparent",
+  bottomShowClassName = "border-b border-b-[--color-grayscale-line]",
+  bottomHideClassName = "border-b border-b-transparent"
+} = {}) => {
+  const internalRef = ref != null ? ref : React.createRef();
+  const updateBorderClasses = () => {
+    if (!internalRef.current || internalRef.current.scrollHeight <= internalRef.current.clientHeight)
+      return;
+    if (internalRef.current.scrollTop > 0) {
+      internalRef.current.classList.remove(...topHideClassName.split(" "));
+      internalRef.current.classList.add(...topShowClassName.split(" "));
+    } else {
+      internalRef.current.classList.remove(...topShowClassName.split(" "));
+      internalRef.current.classList.add(...topHideClassName.split(" "));
+    }
+    if (internalRef.current.scrollTop < internalRef.current.scrollHeight - internalRef.current.clientHeight) {
+      internalRef.current.classList.remove(...bottomHideClassName.split(" "));
+      internalRef.current.classList.add(...bottomShowClassName.split(" "));
+    } else {
+      internalRef.current.classList.remove(...bottomShowClassName.split(" "));
+      internalRef.current.classList.add(...bottomHideClassName.split(" "));
+    }
+  };
+  useEffect(() => {
+    const element = internalRef.current;
+    if (element) {
+      updateBorderClasses();
+      element.addEventListener("scroll", updateBorderClasses);
+      return () => element.removeEventListener("scroll", updateBorderClasses);
+    }
+  }, [internalRef]);
+  return internalRef;
+};
+
+export { useOnMomentumScrollEnd, useScrollBorders };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/helpers/useOnMomentumScrollEnd.ts","../../src/helpers/useScrollBorders.ts"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nexport const useOnMomentumScrollEnd = ({\n    onScroll: _onScroll,\n    onMomentumScrollEnd,\n    debounceTime = 305,\n}: {\n    onScroll?: React.UIEventHandler;\n    onMomentumScrollEnd: React.UIEventHandler;\n    debounceTime?: number;\n}) => {\n    const momentumScrollEndTimer = useRef<NodeJS.Timeout>();\n\n    useEffect(() => () => clearTimeout(momentumScrollEndTimer.current), []);\n\n    const onScroll: React.UIEventHandler = (e) => {\n        _onScroll?.(e);\n\n        clearTimeout(momentumScrollEndTimer.current);\n        momentumScrollEndTimer.current = setTimeout(() => {\n            onMomentumScrollEnd(e);\n        }, debounceTime);\n    };\n\n    return onScroll;\n};\n\nexport default useOnMomentumScrollEnd;\n","import React, { useEffect, type RefObject } from 'react';\n\nexport const useScrollBorders = <Ref extends HTMLElement>({\n    ref,\n    topShowClassName = 'border-t border-t-[--color-grayscale-line]',\n    topHideClassName = 'border-t border-t-transparent',\n    bottomShowClassName = 'border-b border-b-[--color-grayscale-line]',\n    bottomHideClassName = 'border-b border-b-transparent',\n}: {\n    ref?: RefObject<Ref>;\n    topShowClassName?: string;\n    topHideClassName?: string;\n    bottomShowClassName?: string;\n    bottomHideClassName?: string;\n} = {}) => {\n    const internalRef = ref ?? React.createRef<Ref>();\n\n    const updateBorderClasses = () => {\n        if (\n            !internalRef.current ||\n            internalRef.current.scrollHeight <= internalRef.current.clientHeight\n        )\n            return;\n\n        // Top border\n        if (internalRef.current.scrollTop > 0) {\n            internalRef.current.classList.remove(...topHideClassName.split(' '));\n            internalRef.current.classList.add(...topShowClassName.split(' '));\n        } else {\n            internalRef.current.classList.remove(...topShowClassName.split(' '));\n            internalRef.current.classList.add(...topHideClassName.split(' '));\n        }\n\n        // Bottom border\n        if (\n            internalRef.current.scrollTop <\n            internalRef.current.scrollHeight - internalRef.current.clientHeight\n        ) {\n            internalRef.current.classList.remove(...bottomHideClassName.split(' '));\n            internalRef.current.classList.add(...bottomShowClassName.split(' '));\n        } else {\n            internalRef.current.classList.remove(...bottomShowClassName.split(' '));\n            internalRef.current.classList.add(...bottomHideClassName.split(' '));\n        }\n    };\n\n    useEffect(() => {\n        const element = internalRef.current;\n        if (element) {\n            updateBorderClasses();\n\n            element.addEventListener('scroll', updateBorderClasses);\n\n            return () => element.removeEventListener('scroll', updateBorderClasses);\n        }\n    }, [internalRef]); // Re-run when ref changes\n\n    return internalRef;\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/index13.js

@@ -1,10 +1,9 @@
 export { A as AchievementCard } from './AchievementCard-d179d041.js';
-export { B as BoostGenericCard } from './BoostGenericCard-5b70fa63.js';
+export { B as BoostGenericCard } from './BoostGenericCard-4cfa6556.js';
 export { B as BoostSmallCard } from './BoostSmallCard-42980ebc.js';
 export { B as Button } from './Button-5f805204.js';
-export { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-c5a21373.js';
-export { C as CertificateBackFace, a as CertificateDisplayCard, b as CertificateFrontFace } from './CertificateDisplayCard-d2a0d0e3.js';
-export { S as SelectedSkills, V as VERIFIER_STATES, a as VerifierStateBadgeAndText } from './VerifierStateBadgeAndText-151db666.js';
+export { C as CertDisplayCardSkillsCount, a as CertificateBackFace, b as CertificateDisplayCard, c as CertificateFrontFace } from './CertificateDisplayCard-58c52cdb.js';
+export { S as SelectedSkills, V as VERIFIER_STATES, a as VerifierStateBadgeAndText } from './VerifierStateBadgeAndText-2e5414f4.js';
 export { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
 export { a as CircleIcon, C as CountCircle } from './CircleIcon-4200733b.js';
 export { C as CourseCard } from './CourseCard-663ff174.js';
@@ -18,32 +17,32 @@ export { L as LearnCardCreditCardFrontFace } from './LearnCardCreditCardFrontFac
 export { L as LearnPill } from './LearnPill-74bcb08c.js';
 export { L as Lightbox } from './Lightbox-2ae83d79.js';
 export { C as CircleLoadingState } from './CircleSpinner-9b8b1a6b.js';
-export { M as MeritBadgeBackFace, a as MeritBadgeDisplayCard, b as MeritBadgeFrontFace } from './MeritBadgeDisplayCard-bc462990.js';
-export { M as MeritBadgeSkillsCount } from './MeritBadgeSkillsCount-d2408dfe.js';
+export { M as MeritBadgeBackFace, a as MeritBadgeDisplayCard, b as MeritBadgeFrontFace } from './MeritBadgeDisplayCard-c87b0271.js';
+export { M as MeritBadgeSkillsCount } from './MeritBadgeSkillsCount-77ceb64c.js';
 export { M as MiniVCThumbnail } from './MiniVCThumbnail-6a07e810.js';
-export { N as Notification } from './Notification-95d159d2.js';
-export { N as NotificationTypeStyles } from './types-cfde3c2b.js';
-export { N as NotificationBoostCard } from './NotificationBoostCard-42596c2c.js';
+export { N as Notification } from './Notification-76adb92c.js';
+export { N as NotificationTypeStyles } from './types-05bc737d.js';
+export { N as NotificationBoostCard } from './NotificationBoostCard-e6f1ab86.js';
 export { N as NotificationUserAcceptedBoostCard } from './NotificationUserAcceptedBoostCard-8c13bd3f.js';
 export { N as NotificationUserCard } from './NotificationUserCard-dbcc80f9.js';
 export { U as UserNotificationTypeStyles } from './types-b32d28d5.js';
 export { Q as QRCodeCard } from './QRCodeCard-aa2b9967.js';
 export { C as CheckmarkSvg, R as RoundedPill } from './RoundedPill-6a6e8aaf.js';
 export { R as RoundedSquare, a as TYPE_TO_IMG_SRC, T as TYPE_TO_MINI_ICON, b as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './constants-20055f35.js';
-export { S as SchoolIDCard } from './SchoolIDCard-752092fb.js';
+export { S as SchoolIDCard } from './SchoolIDCard-7c3ba74c.js';
 export { S as SkillTabCard } from './SkillTabCard-cfe117a2.js';
 export { S as SkillVerticalCard } from './SkillVerticalCard-108f49bb.js';
 export { a as SkillsCard, S as SkillsMeterSegment } from './SkillsCard-92a51db2.js';
 export { S as SkillsStatsCard } from './SkillsStatsCard-1628fe9c.js';
 export { S as SmallAchievementCard } from './SmallAchievementCard-d0220751.js';
 export { U as UserProfilePicture } from './UserProfilePicture-ecc82a6c.js';
-export { V as VCCard } from './VCCard-afbea3f5.js';
-export { V as VCDisplayBackFace } from './VCDisplayBackFace-f08563e9.js';
-export { V as VCDisplayCard } from './VCDisplayCard-7fc1dd02.js';
-export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-415128f5.js';
+export { V as VCCard } from './VCCard-a5dda1f4.js';
+export { V as VCDisplayBackFace } from './VCDisplayBackFace-af01c8b3.js';
+export { V as VCDisplayCard } from './VCDisplayCard-36f34504.js';
+export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-04e304db.js';
 export { V as VCThumbnail } from './VCThumbnail-3c254bda.js';
 export { V as VCVerificationCheck, a as VCVerificationCheckWithSpinner, b as VCVerificationCheckWithText } from './VCVerificationCheck-80249524.js';
-export { V as ValidationStateIndicator } from './VCVerificationPill-2ef031c2.js';
+export { V as ValidationStateIndicator } from './VCVerificationPill-0e2c1172.js';
 export { A as AwardDisplayIcon, B as BadgeDisplayIcon, C as CertificateDisplayIcon, a as CourseDisplayIcon, I as IDDisplayIcon } from './IDDisplayIcon-82a851e7.js';
 export { A as AwardRibbon, I as IDIcon, Q as QRCodeIcon } from './QRCodeIcon-e9569804.js';
 export { B as Briefcase, G as Graduation, U as User } from './User-161c7f37.js';
@@ -72,12 +71,12 @@ import './minitrophycolored.svg';
 import './minigradcapcolored.svg';
 import './minipuzzlecolored.svg';
 import './index-28917993.js';
+import './PuzzlePiece-4541648e.js';
+import './credential.helpers-97c7e3d4.js';
+import './index-eae3ca64.js';
+import './types.esm-c7016566.js';
 import './CaretRightFilled.svg';
 import './addawardlight.svg';
-import './PuzzlePiece-1fb12c2e.js';
-import './credential.helpers-5731a09d.js';
-import './index-1fa04a2d.js';
-import './types.esm-00eeb9f6.js';
 import './DotsThreeOutline.svg';
 import './athletics.png';
 import './business.png';

package/dist/esm/index13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index13.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index13.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index21.js

@@ -1,10 +1,10 @@
 import 'react';
 import './CaretRightFilled.svg';
-export { M as MeritBadgeBackFace, a as MeritBadgeDisplayCard, b as MeritBadgeFrontFace } from './MeritBadgeDisplayCard-bc462990.js';
-import './index-1fa04a2d.js';
-import './types.esm-00eeb9f6.js';
-export { M as MeritBadgeSkillsCount } from './MeritBadgeSkillsCount-d2408dfe.js';
-import './VerifierStateBadgeAndText-151db666.js';
+export { M as MeritBadgeBackFace, a as MeritBadgeDisplayCard, b as MeritBadgeFrontFace } from './MeritBadgeDisplayCard-c87b0271.js';
+import './index-eae3ca64.js';
+import './types.esm-c7016566.js';
+export { M as MeritBadgeSkillsCount } from './MeritBadgeSkillsCount-77ceb64c.js';
+import './VerifierStateBadgeAndText-2e5414f4.js';
 import './athletics.png';
 import './business.png';
 import './creative.png';
@@ -14,8 +14,8 @@ import './medical.png';
 import './social.png';
 import './stem.png';
 import './trade.png';
-import './PuzzlePiece-1fb12c2e.js';
-import './credential.helpers-5731a09d.js';
+import './PuzzlePiece-4541648e.js';
+import './credential.helpers-97c7e3d4.js';
 import './index-28917993.js';
 import './User-161c7f37.js';
 import './Trophy-ad67f46a.js';

package/dist/esm/index23.js

@@ -1,10 +1,10 @@
-export { N as Notification } from './Notification-95d159d2.js';
-export { N as NotificationTypeStyles } from './types-cfde3c2b.js';
+export { N as Notification } from './Notification-76adb92c.js';
+export { N as NotificationTypeStyles } from './types-05bc737d.js';
 import 'react';
 import './notifications-009bbd80.js';
 import './Checkmark-d8b8f43d.js';
 import './Trophy-ad67f46a.js';
 import './Coins-ed119ec6.js';
 import './User-161c7f37.js';
-import './PuzzlePiece-1fb12c2e.js';
+import './PuzzlePiece-4541648e.js';
 //# sourceMappingURL=index23.js.map

package/dist/esm/index24.js

@@ -1,12 +1,12 @@
-export { N as NotificationBoostCard } from './NotificationBoostCard-42596c2c.js';
+export { N as NotificationBoostCard } from './NotificationBoostCard-e6f1ab86.js';
 import 'react';
 import './X.svg';
-import './types-cfde3c2b.js';
+import './types-05bc737d.js';
 import './notifications-009bbd80.js';
 import './Trophy-ad67f46a.js';
 import './Coins-ed119ec6.js';
 import './User-161c7f37.js';
-import './PuzzlePiece-1fb12c2e.js';
+import './PuzzlePiece-4541648e.js';
 import './Checkmark-d8b8f43d.js';
 import './ArrowArcLeft.svg';
 import './UserProfilePicture-ecc82a6c.js';

package/dist/esm/index3.js

@@ -1,5 +1,7 @@
-export { B as BoostGenericCard } from './BoostGenericCard-5b70fa63.js';
 import 'react';
+import './index-eae3ca64.js';
+import './types.esm-c7016566.js';
+export { B as BoostGenericCard } from './BoostGenericCard-4cfa6556.js';
 import './index-28917993.js';
 import './index-b102febc.js';
 import './walletcurrency.webp';
@@ -19,14 +21,11 @@ import './minitrophycolored.svg';
 import './minigradcapcolored.svg';
 import './minipuzzlecolored.svg';
 import './IDDisplayIcon-82a851e7.js';
-import './ThreeDotVertical-08294477.js';
-import './CertDisplayCardSkillsCount-c5a21373.js';
-import './PuzzlePiece-1fb12c2e.js';
-import './credential.helpers-5731a09d.js';
-import './index-1fa04a2d.js';
-import './types.esm-00eeb9f6.js';
+import './PuzzlePiece-4541648e.js';
+import './credential.helpers-97c7e3d4.js';
 import './User-161c7f37.js';
 import './Trophy-ad67f46a.js';
+import './ThreeDotVertical-08294477.js';
 import './CircleCheckButton-5a97f071.js';
 import './RoundedPill-6a6e8aaf.js';
 import './icons-03afd795.js';

package/dist/esm/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index30.js

@@ -1,3 +1,3 @@
-export { S as SchoolIDCard } from './SchoolIDCard-752092fb.js';
+export { S as SchoolIDCard } from './SchoolIDCard-7c3ba74c.js';
 import 'react';
 //# sourceMappingURL=index30.js.map

package/dist/esm/index38.js

@@ -1,28 +1,28 @@
-export { V as VCCard } from './VCCard-afbea3f5.js';
+export { V as VCCard } from './VCCard-a5dda1f4.js';
 import 'react';
 import '@learncard/init';
-import './VCDisplayCard-7fc1dd02.js';
+import './VCDisplayCard-36f34504.js';
 import './FlippyCard-a2de5cf1.js';
 import './icon.green.fat-arrow.png';
 import './UserProfilePicture-ecc82a6c.js';
 import './VCVerificationCheck-80249524.js';
 import './vc.check.svg';
 import './CircleSpinner-9b8b1a6b.js';
-import './credential.helpers-5731a09d.js';
-import './index-1fa04a2d.js';
-import './types.esm-00eeb9f6.js';
+import './credential.helpers-97c7e3d4.js';
+import './index-eae3ca64.js';
+import './types.esm-c7016566.js';
 import './index-28917993.js';
-import './PuzzlePiece-1fb12c2e.js';
+import './PuzzlePiece-4541648e.js';
 import './User-161c7f37.js';
 import './Trophy-ad67f46a.js';
-import './VCDisplayBackFace-f08563e9.js';
-import './VCVerificationPill-2ef031c2.js';
+import './VCDisplayBackFace-af01c8b3.js';
+import './VCVerificationPill-0e2c1172.js';
 import './RedXCircle.svg';
 import './GreenCheckCircle.svg';
 import './YellowWarningCircle.svg';
 import './ArrowArcRight.svg';
-import './VCDisplayCard2-415128f5.js';
-import './VerifierStateBadgeAndText-151db666.js';
+import './VCDisplayCard2-04e304db.js';
+import './VerifierStateBadgeAndText-2e5414f4.js';
 import './athletics.png';
 import './business.png';
 import './creative.png';
@@ -34,11 +34,10 @@ import './stem.png';
 import './trade.png';
 import './Lightbox-2ae83d79.js';
 import 'react-dom';
-import './CertificateDisplayCard-d2a0d0e3.js';
-import './CertDisplayCardSkillsCount-c5a21373.js';
+import './CertificateDisplayCard-58c52cdb.js';
 import './CaretRightFilled.svg';
 import './DotsThreeOutline.svg';
 import './QRCodeIcon-e9569804.js';
 import './id-sleeve.png';
-import './MeritBadgeDisplayCard-bc462990.js';
+import './MeritBadgeDisplayCard-c87b0271.js';
 //# sourceMappingURL=index38.js.map

package/dist/esm/index38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index38.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index38.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index39.js

@@ -1,18 +1,18 @@
-export { V as VCDisplayBackFace } from './VCDisplayBackFace-f08563e9.js';
+export { V as VCDisplayBackFace } from './VCDisplayBackFace-af01c8b3.js';
 import 'react';
 import './VCVerificationCheck-80249524.js';
 import './vc.check.svg';
 import './CircleSpinner-9b8b1a6b.js';
-import './VCVerificationPill-2ef031c2.js';
-import './types.esm-00eeb9f6.js';
+import './VCVerificationPill-0e2c1172.js';
+import './types.esm-c7016566.js';
 import './RedXCircle.svg';
 import './GreenCheckCircle.svg';
 import './YellowWarningCircle.svg';
 import './ArrowArcRight.svg';
-import './credential.helpers-5731a09d.js';
-import './index-1fa04a2d.js';
+import './credential.helpers-97c7e3d4.js';
+import './index-eae3ca64.js';
 import './index-28917993.js';
-import './PuzzlePiece-1fb12c2e.js';
+import './PuzzlePiece-4541648e.js';
 import './User-161c7f37.js';
 import './Trophy-ad67f46a.js';
 //# sourceMappingURL=index39.js.map

package/dist/esm/index40.js

@@ -1,4 +1,4 @@
-export { V as VCDisplayCard } from './VCDisplayCard-7fc1dd02.js';
+export { V as VCDisplayCard } from './VCDisplayCard-36f34504.js';
 import 'react';
 import './FlippyCard-a2de5cf1.js';
 import './icon.green.fat-arrow.png';
@@ -6,15 +6,15 @@ import './UserProfilePicture-ecc82a6c.js';
 import './VCVerificationCheck-80249524.js';
 import './vc.check.svg';
 import './CircleSpinner-9b8b1a6b.js';
-import './credential.helpers-5731a09d.js';
-import './index-1fa04a2d.js';
-import './types.esm-00eeb9f6.js';
+import './credential.helpers-97c7e3d4.js';
+import './index-eae3ca64.js';
+import './types.esm-c7016566.js';
 import './index-28917993.js';
-import './PuzzlePiece-1fb12c2e.js';
+import './PuzzlePiece-4541648e.js';
 import './User-161c7f37.js';
 import './Trophy-ad67f46a.js';
-import './VCDisplayBackFace-f08563e9.js';
-import './VCVerificationPill-2ef031c2.js';
+import './VCDisplayBackFace-af01c8b3.js';
+import './VCVerificationPill-0e2c1172.js';
 import './RedXCircle.svg';
 import './GreenCheckCircle.svg';
 import './YellowWarningCircle.svg';

package/dist/esm/index41.js

@@ -1,5 +1,5 @@
 import 'react';
-export { S as SelectedSkills } from './VerifierStateBadgeAndText-151db666.js';
+export { S as SelectedSkills } from './VerifierStateBadgeAndText-2e5414f4.js';
 import './athletics.png';
 import './business.png';
 import './creative.png';
@@ -9,25 +9,24 @@ import './medical.png';
 import './social.png';
 import './stem.png';
 import './trade.png';
-import './index-1fa04a2d.js';
-export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-415128f5.js';
-import './types.esm-00eeb9f6.js';
+import './index-eae3ca64.js';
+export { V as VCDisplayCard2, a as VCDisplayCardSkillsCount, b as VCIDDisplayCard } from './VCDisplayCard2-04e304db.js';
+import './types.esm-c7016566.js';
 import './CaretRightFilled.svg';
 import './id-sleeve.png';
-import './PuzzlePiece-1fb12c2e.js';
+import './PuzzlePiece-4541648e.js';
 import './VCVerificationCheck-80249524.js';
 import './vc.check.svg';
 import './CircleSpinner-9b8b1a6b.js';
 import './UserProfilePicture-ecc82a6c.js';
-import './credential.helpers-5731a09d.js';
+import './credential.helpers-97c7e3d4.js';
 import './index-28917993.js';
 import './User-161c7f37.js';
 import './Trophy-ad67f46a.js';
 import './Lightbox-2ae83d79.js';
 import 'react-dom';
-import './CertificateDisplayCard-d2a0d0e3.js';
-import './CertDisplayCardSkillsCount-c5a21373.js';
+import './CertificateDisplayCard-58c52cdb.js';
 import './DotsThreeOutline.svg';
 import './QRCodeIcon-e9569804.js';
-import './MeritBadgeDisplayCard-bc462990.js';
+import './MeritBadgeDisplayCard-c87b0271.js';
 //# sourceMappingURL=index41.js.map

package/dist/esm/index41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index41.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index41.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index42.js

@@ -1,6 +1,6 @@
 import 'react';
 import './icon.green.fat-arrow.png';
 import './vc.check.svg';
-import './index-1fa04a2d.js';
-import './types.esm-00eeb9f6.js';
+import './index-eae3ca64.js';
+import './types.esm-c7016566.js';
 //# sourceMappingURL=index42.js.map

package/dist/esm/index45.js

@@ -1,6 +1,6 @@
-export { V as ValidationStateIndicator } from './VCVerificationPill-2ef031c2.js';
+export { V as ValidationStateIndicator } from './VCVerificationPill-0e2c1172.js';
 import 'react';
-import './types.esm-00eeb9f6.js';
+import './types.esm-c7016566.js';
 import './RedXCircle.svg';
 import './GreenCheckCircle.svg';
 import './YellowWarningCircle.svg';

package/dist/esm/index6.js

@@ -1,13 +1,12 @@
 import 'react';
 import './CaretRightFilled.svg';
-export { C as CertDisplayCardSkillsCount } from './CertDisplayCardSkillsCount-c5a21373.js';
-export { C as CertificateBackFace, a as CertificateDisplayCard, b as CertificateFrontFace } from './CertificateDisplayCard-d2a0d0e3.js';
-import './index-1fa04a2d.js';
-import './types.esm-00eeb9f6.js';
-export { V as VERIFIER_STATES, a as VerifierStateBadgeAndText } from './VerifierStateBadgeAndText-151db666.js';
-import './PuzzlePiece-1fb12c2e.js';
-import './credential.helpers-5731a09d.js';
+export { C as CertDisplayCardSkillsCount, a as CertificateBackFace, b as CertificateDisplayCard, c as CertificateFrontFace } from './CertificateDisplayCard-58c52cdb.js';
+import './index-eae3ca64.js';
+import './types.esm-c7016566.js';
+export { V as VERIFIER_STATES, a as VerifierStateBadgeAndText } from './VerifierStateBadgeAndText-2e5414f4.js';
+import './credential.helpers-97c7e3d4.js';
 import './index-28917993.js';
+import './PuzzlePiece-4541648e.js';
 import './User-161c7f37.js';
 import './Trophy-ad67f46a.js';
 import './UserProfilePicture-ecc82a6c.js';

package/dist/esm/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{types-cfde3c2b.js → types-05bc737d.js}

@@ -2,7 +2,7 @@ import { N as NotificationTypeEnum } from './notifications-009bbd80.js';
 import { T as Trophy } from './Trophy-ad67f46a.js';
 import { C as Coins } from './Coins-ed119ec6.js';
 import { U as User, B as Briefcase, G as Graduation } from './User-161c7f37.js';
-import { P as PuzzlePiece } from './PuzzlePiece-1fb12c2e.js';
+import { P as PuzzlePiece } from './PuzzlePiece-4541648e.js';
 import React from 'react';
 
 const ShieldChevron = ({ className }) => {
@@ -93,4 +93,4 @@ const NotificationTypeStyles = {
 };
 
 export { NotificationTypeStyles as N };
-//# sourceMappingURL=types-cfde3c2b.js.map
+//# sourceMappingURL=types-05bc737d.js.map

package/dist/esm/{types-cfde3c2b.js.map → types-05bc737d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"types-cfde3c2b.js","sources":["../../src/components/svgs/ShieldChevron.tsx","../../src/components/Notification/types.ts"],"sourcesContent":["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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"}
+{"version":3,"file":"types-05bc737d.js","sources":["../../src/components/svgs/ShieldChevron.tsx","../../src/components/Notification/types.ts"],"sourcesContent":["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":";;;;;;;AAEA,MAAM,aAAkD,GAAA,CAAC,EAAE,SAAA,EAAgB,KAAA;AACvE,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,OAAQ,EAAA,WAAA;AAAA,IAAY,IAAK,EAAA,MAAA;AAAA,IAAO,SAAA;AAAA,IAAsB,aAAY,EAAA,kBAAA;AAAA,GAAA,kBAClE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,CAAE,EAAA,gXAAA;AAAA,IACF,MAAO,EAAA,cAAA;AAAA,IACP,WAAY,EAAA,GAAA;AAAA,IACZ,aAAc,EAAA,OAAA;AAAA,IACd,cAAe,EAAA,OAAA;AAAA,GACnB,mBACC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,CAAE,EAAA,6CAAA;AAAA,IACF,MAAO,EAAA,cAAA;AAAA,IACP,WAAY,EAAA,GAAA;AAAA,IACZ,aAAc,EAAA,OAAA;AAAA,IACd,cAAe,EAAA,OAAA;AAAA,GACnB,CACJ,CAAA,CAAA;AAER,CAAA;;ACCO,MAAM,sBAUT,GAAA;AAAA,EACA,CAAC,qBAAqB,QAAW,GAAA;AAAA,IAC7B,gBAAkB,EAAA,+BAAA;AAAA,IAClB,qBAAuB,EAAA,sDAAA;AAAA,IACvB,mBAAqB,EAAA,yCAAA;AAAA,IACrB,UAAY,EAAA,0BAAA;AAAA,IACZ,gBAAkB,EAAA,aAAA;AAAA,IAClB,aAAe,EAAA,KAAA;AAAA,IACf,QAAU,EAAA,UAAA;AAAA,GACd;AAAA,EACA,CAAC,qBAAqB,YAAe,GAAA;AAAA,IACjC,gBAAkB,EAAA,+BAAA;AAAA,IAClB,qBAAuB,EAAA,sDAAA;AAAA,IACvB,mBAAqB,EAAA,yCAAA;AAAA,IACrB,UAAY,EAAA,0BAAA;AAAA,IACZ,gBAAkB,EAAA,aAAA;AAAA,IAClB,aAAe,EAAA,aAAA;AAAA,IACf,QAAU,EAAA,cAAA;AAAA,GACd;AAAA,EACA,CAAC,qBAAqB,EAAK,GAAA;AAAA,IACvB,gBAAkB,EAAA,mCAAA;AAAA,IAClB,qBAAuB,EAAA,0DAAA;AAAA,IACvB,mBAAqB,EAAA,+CAAA;AAAA,IACrB,UAAY,EAAA,2BAAA;AAAA,IACZ,gBAAkB,EAAA,eAAA;AAAA,IAClB,aAAe,EAAA,IAAA;AAAA,IACf,QAAU,EAAA,IAAA;AAAA,GACd;AAAA,EACA,CAAC,qBAAqB,WAAc,GAAA;AAAA,IAChC,gBAAkB,EAAA,iCAAA;AAAA,IAClB,qBAAuB,EAAA,wDAAA;AAAA,IACvB,mBAAqB,EAAA,4CAAA;AAAA,IACrB,UAAY,EAAA,2BAAA;AAAA,IACZ,gBAAkB,EAAA,cAAA;AAAA,IAClB,aAAe,EAAA,MAAA;AAAA,IACf,QAAU,EAAA,aAAA;AAAA,GACd;AAAA,EACA,CAAC,qBAAqB,KAAQ,GAAA;AAAA,IAC1B,gBAAkB,EAAA,mCAAA;AAAA,IAClB,qBAAuB,EAAA,0DAAA;AAAA,IACvB,mBAAqB,EAAA,+CAAA;AAAA,IACrB,UAAY,EAAA,4BAAA;AAAA,IACZ,gBAAkB,EAAA,eAAA;AAAA,IAClB,aAAe,EAAA,WAAA;AAAA,IACf,QAAU,EAAA,OAAA;AAAA,GACd;AAAA,EACA,CAAC,qBAAqB,GAAM,GAAA;AAAA,IACxB,gBAAkB,EAAA,+BAAA;AAAA,IAClB,qBAAuB,EAAA,sDAAA;AAAA,IACvB,mBAAqB,EAAA,yCAAA;AAAA,IACrB,UAAY,EAAA,0BAAA;AAAA,IACZ,gBAAkB,EAAA,aAAA;AAAA,IAClB,aAAe,EAAA,SAAA;AAAA,IACf,QAAU,EAAA,cAAA;AAAA,GACd;AAAA,EACA,CAAC,qBAAqB,QAAW,GAAA;AAAA,IAC7B,gBAAkB,EAAA,qCAAA;AAAA,IAClB,qBAAuB,EAAA,4DAAA;AAAA,IACvB,mBAAqB,EAAA,kDAAA;AAAA,IACrB,UAAY,EAAA,6BAAA;AAAA,IACZ,gBAAkB,EAAA,gBAAA;AAAA,IAClB,aAAe,EAAA,UAAA;AAAA,IACf,QAAU,EAAA,kBAAA;AAAA,GACd;AACJ;;;;"}