@learncard/react 2.10.3 → 2.10.4

package/src/constants/icons.ts

@@ -0,0 +1,87 @@
+import coins from '../assets/images/coins.svg';
+import user from '../assets/images/user.svg';
+import trophy from '../assets/images/trophy.svg';
+import briefcase from '../assets/images/briefcase.svg';
+import graduation from '../assets/images/graduation.svg';
+import lightbulb from '../assets/images/lightbulb.svg';
+import award from '../assets/images/award.svg';
+import keyIcon from '../assets/images/key-icon.svg';
+
+import puzzlelight from '../assets/images/minipuzzle.svg';
+import trophylight from '../assets/images/minitrophy.svg';
+import gradcaplight from '../assets/images/gradcaplight.svg';
+
+// new icons
+import idIcon from '../assets/icons/idIcon.svg';
+import coursesIcon from '../assets/icons/coursesIcon.svg';
+import socialBadgesIcon from '../assets/icons/socialBadgesIcon.svg';
+import achievementsIcon from '../assets/icons/achievementsIcon.svg';
+import accomplishmentsIcon from '../assets/icons/accomplishmentsIcon.svg';
+import skillsIcon from '../assets/icons/skillsIcon.svg';
+import experiencesIcon from '../assets/icons/experiencesIcon.svg';
+import relationshipsIcon from '../assets/icons/relationshipsIcon.svg';
+import accommodationsIcon from '../assets/icons/accommodationsIcon.svg';
+import membershipsIcon from '../assets/icons/membershipsIcon.svg';
+import goalsIcon from '../assets/icons/goalsIcon.svg';
+import eventsIcon from '../assets/icons/eventsIcon.svg';
+
+import { Icons } from '../types';
+export {
+    coins,
+    user,
+    trophy,
+    briefcase,
+    graduation,
+    lightbulb,
+    gradcaplight,
+    trophylight,
+    puzzlelight,
+    award,
+    keyIcon,
+
+    // new icons
+    coursesIcon,
+    socialBadgesIcon,
+    achievementsIcon,
+    accomplishmentsIcon,
+    skillsIcon,
+    experiencesIcon,
+    relationshipsIcon,
+    accommodationsIcon,
+    membershipsIcon,
+    goalsIcon,
+    eventsIcon,
+};
+
+export const ICONS_TO_SOURCE = {
+    [Icons.coinsIcon]: coins,
+    [Icons.userIcon]: idIcon,
+    [Icons.trophyIcon]: trophy,
+    [Icons.briefcaseIcon]: briefcase,
+    [Icons.graduationIcon]: graduation,
+    [Icons.lightbulbIcon]: lightbulb,
+    [Icons.puzzlelight]: puzzlelight,
+    [Icons.trophylight]: trophylight,
+    [Icons.gradcaplight]: gradcaplight,
+    [Icons.award]: award,
+    [Icons.keyIcon]: keyIcon,
+
+    // new icons
+    [Icons.coursesIcon]: coursesIcon,
+    [Icons.socialBagesIcon]: socialBadgesIcon,
+    [Icons.achievementsIcon]: achievementsIcon,
+    [Icons.accomplishmentsIcon]: accomplishmentsIcon,
+    [Icons.skillsIcon]: skillsIcon,
+    [Icons.experiencesIcon]: experiencesIcon,
+    [Icons.relationshipsIcon]: relationshipsIcon,
+    [Icons.accommodationsIcon]: accommodationsIcon,
+    [Icons.membershipsIcon]: membershipsIcon,
+    [Icons.goalsIcon]: goalsIcon,
+    [Icons.eventsIcon]: eventsIcon,
+};
+
+export const TYPE_TO_ICON: any = {
+    course: gradcaplight,
+    achievement: trophylight,
+    skill: puzzlelight,
+};

package/src/constants/index.ts

@@ -0,0 +1,109 @@
+import coinsGraphic from '../assets/images/walletcurrency.webp';
+import idsGraphic from '../assets/images/walletids.webp';
+import idPurple from '../assets/images/id-purple.png';
+import learningHistoryGraphic from '../assets/images/backpack.png';
+import skillsGraphic from '../assets/images/walletskills.webp';
+import achievementsGraphic from '../assets/images/walletTrophy.png';
+import socialBadge from '../assets/images/social-badge-2.png';
+import experienceMountain from '../assets/images/experience-mountain.png';
+import goalsTarget from '../assets/images/goals-target.png';
+import apple from '../assets/images/apple.png';
+import relationshipCats from '../assets/images/relationships-cats.png';
+import membershipKey from '../assets/images/membership-key.svg';
+import accommodationHands from '../assets/images/Accommodation-Hands.png';
+import eventsGraphic from '../assets/images/eventsGraphic.png';
+
+import MiniTrophyIcon from '../assets/images/minitrophycolored.svg';
+import MiniGradIcon from '../assets/images/minigradcapcolored.svg';
+import MiniPuzzleIcon from '../assets/images/minipuzzlecolored.svg';
+import { LCSubtypes, WalletCategoryTypes } from '../types';
+
+export const TYPE_TO_MINI_ICON: any = {
+    [LCSubtypes.course]: MiniGradIcon,
+    [LCSubtypes.achievement]: MiniTrophyIcon,
+    [LCSubtypes.skill]: MiniPuzzleIcon,
+};
+
+// courses(learningHistory - ladder), social badges, achievements, accomplishments,
+// skills, experiences, relationships, accommodations
+// todo - memberships, goals
+// deprecated - ids, currency
+export const TYPE_TO_IMG_SRC = {
+    [WalletCategoryTypes.learningHistory]: apple,
+    [WalletCategoryTypes.socialBadge]: socialBadge,
+    [WalletCategoryTypes.achievements]: achievementsGraphic,
+    [WalletCategoryTypes.accomplishments]: learningHistoryGraphic,
+    [WalletCategoryTypes.skills]: skillsGraphic,
+    [WalletCategoryTypes.jobHistory]: experienceMountain,
+    [WalletCategoryTypes.relationships]: relationshipCats,
+    [WalletCategoryTypes.accommodations]: accommodationHands,
+    [WalletCategoryTypes.events]: eventsGraphic,
+
+    // todo
+    [WalletCategoryTypes.membership]: membershipKey,
+    [WalletCategoryTypes.goals]: goalsTarget,
+
+    // deprecated
+    [WalletCategoryTypes.ids]: idPurple,
+    [WalletCategoryTypes.currency]: coinsGraphic,
+};
+
+export const TYPE_TO_WALLET_COLOR = {
+    [WalletCategoryTypes.learningHistory]: 'emerald-300',
+    [WalletCategoryTypes.socialBadge]: 'cyan-300',
+    [WalletCategoryTypes.achievements]: 'orange-300',
+    [WalletCategoryTypes.accomplishments]: 'lime-300',
+    [WalletCategoryTypes.skills]: 'violet-300',
+    [WalletCategoryTypes.jobHistory]: 'blue-300',
+    [WalletCategoryTypes.relationships]: 'pink-300',
+    [WalletCategoryTypes.accommodations]: 'amber-300',
+    [WalletCategoryTypes.events]: 'fuchsia-300',
+
+    // todo
+    [WalletCategoryTypes.membership]: 'teal-300',
+    [WalletCategoryTypes.goals]: 'rose-300',
+
+    // deprecated
+    [WalletCategoryTypes.ids]: 'teal-300',
+    [WalletCategoryTypes.currency]: 'cyan-300',
+};
+
+export const TYPE_TO_WALLET_LIGHT_COLOR = {
+    [WalletCategoryTypes.learningHistory]: 'emerald-200',
+    [WalletCategoryTypes.socialBadge]: 'cyan-200',
+    [WalletCategoryTypes.achievements]: 'orange-200',
+    [WalletCategoryTypes.accomplishments]: 'lime-200',
+    [WalletCategoryTypes.skills]: 'violet-200',
+    [WalletCategoryTypes.jobHistory]: 'blue-200',
+    [WalletCategoryTypes.relationships]: 'pink-200',
+    [WalletCategoryTypes.accommodations]: 'amber-200',
+    [WalletCategoryTypes.events]: 'fuchsia-200',
+
+    // todo
+    [WalletCategoryTypes.membership]: 'teal-200',
+    [WalletCategoryTypes.goals]: 'rose-200',
+
+    // deprecated
+    [WalletCategoryTypes.ids]: 'teal-200',
+    [WalletCategoryTypes.currency]: 'cyan-200',
+};
+
+export const TYPE_TO_WALLET_DARK_COLOR = {
+    [WalletCategoryTypes.learningHistory]: 'emerald-500',
+    [WalletCategoryTypes.socialBadge]: 'cyan-500',
+    [WalletCategoryTypes.achievements]: 'orange-500',
+    [WalletCategoryTypes.accomplishments]: 'lime-500',
+    [WalletCategoryTypes.skills]: 'violet-500',
+    [WalletCategoryTypes.jobHistory]: 'blue-500',
+    [WalletCategoryTypes.relationships]: 'pink-500',
+    [WalletCategoryTypes.accommodations]: 'amber-500',
+    [WalletCategoryTypes.events]: 'fuchsia-500',
+
+    // todo
+    [WalletCategoryTypes.membership]: 'teal-500',
+    [WalletCategoryTypes.goals]: 'rose-500',
+
+    // deprecated
+    [WalletCategoryTypes.ids]: 'teal-500',
+    [WalletCategoryTypes.currency]: 'cyan-500',
+};

package/src/constants/notifications.ts

@@ -0,0 +1,14 @@
+export enum NotificationTypeEnum {
+    Currency = 'currency',
+    ID = 'id',
+    Achievement = 'achievement',
+    Skill = 'skill',
+    Job = 'job',
+    Learning = 'learning',
+    SocialBadges = 'socialBadge',
+}
+
+export enum UserNotificationTypeEnum {
+    ConnectionRequest = 'connection',
+    AcceptedBoost = 'acceptedBoost',
+}