@learncard/react 2.3.45 → 2.3.46

package/dist/cjs/{constants-43b3df0c.js → index-6cab6d37.js}

@@ -9,7 +9,7 @@ var achievementsGraphic = require('./walletTrophy.webp');
 var MiniTrophyIcon = require('./minitrophycolored.svg');
 var MiniGradIcon = require('./minigradcapcolored.svg');
 var MiniPuzzleIcon = require('./minipuzzlecolored.svg');
-var index = require('./index-732996e9.js');
+var index = require('./index-63ee021e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,33 +28,41 @@ const TYPE_TO_MINI_ICON = {
   [index.LCSubtypes.achievement]: MiniTrophyIcon__default["default"],
   [index.LCSubtypes.skill]: MiniPuzzleIcon__default["default"]
 };
-const WALLET_SUBTYPES = {
-  ACHIEVEMENTS: "achievements",
-  IDS: "ids",
-  JOB_HISTORY: "jobHistory",
-  CURRENCIES: "currency",
-  LEARNING_HISTORY: "learningHistory",
-  SKILLS: "skills"
-};
 const TYPE_TO_IMG_SRC = {
-  [WALLET_SUBTYPES.ACHIEVEMENTS]: achievementsGraphic__default["default"],
-  [WALLET_SUBTYPES.IDS]: idsGraphic__default["default"],
-  [WALLET_SUBTYPES.JOB_HISTORY]: jobhistoryGraphic__default["default"],
-  [WALLET_SUBTYPES.LEARNING_HISTORY]: learningHistoryGraphic__default["default"],
-  [WALLET_SUBTYPES.CURRENCIES]: coinsGraphic__default["default"],
-  [WALLET_SUBTYPES.SKILLS]: skillsGraphic__default["default"]
+  [index.WalletCategoryTypes.achievements]: achievementsGraphic__default["default"],
+  [index.WalletCategoryTypes.ids]: idsGraphic__default["default"],
+  [index.WalletCategoryTypes.jobHistory]: jobhistoryGraphic__default["default"],
+  [index.WalletCategoryTypes.learningHistory]: learningHistoryGraphic__default["default"],
+  [index.WalletCategoryTypes.currency]: coinsGraphic__default["default"],
+  [index.WalletCategoryTypes.skills]: skillsGraphic__default["default"]
 };
 const TYPE_TO_WALLET_COLOR = {
-  [WALLET_SUBTYPES.ACHIEVEMENTS]: "spice-300",
-  [WALLET_SUBTYPES.IDS]: "yellow-300",
-  [WALLET_SUBTYPES.JOB_HISTORY]: "rose-300",
-  [WALLET_SUBTYPES.LEARNING_HISTORY]: "emerald-300",
-  [WALLET_SUBTYPES.CURRENCIES]: "cyan-200",
-  [WALLET_SUBTYPES.SKILLS]: "indigo-300"
+  [index.WalletCategoryTypes.achievements]: "spice-300",
+  [index.WalletCategoryTypes.ids]: "yellow-300",
+  [index.WalletCategoryTypes.jobHistory]: "rose-300",
+  [index.WalletCategoryTypes.learningHistory]: "emerald-300",
+  [index.WalletCategoryTypes.currency]: "cyan-200",
+  [index.WalletCategoryTypes.skills]: "indigo-300"
+};
+({
+  [index.WalletCategoryTypes.achievements]: "spice-200",
+  [index.WalletCategoryTypes.ids]: "yellow-200",
+  [index.WalletCategoryTypes.jobHistory]: "rose-200",
+  [index.WalletCategoryTypes.learningHistory]: "emerald-200",
+  [index.WalletCategoryTypes.currency]: "cyan-200",
+  [index.WalletCategoryTypes.skills]: "indigo-200"
+});
+const TYPE_TO_WALLET_DARK_COLOR = {
+  [index.WalletCategoryTypes.achievements]: "spice-500",
+  [index.WalletCategoryTypes.ids]: "yellow-400",
+  [index.WalletCategoryTypes.jobHistory]: "rose-400",
+  [index.WalletCategoryTypes.learningHistory]: "emerald-500",
+  [index.WalletCategoryTypes.currency]: "cyan-200",
+  [index.WalletCategoryTypes.skills]: "indigo-400"
 };
 
 exports.TYPE_TO_IMG_SRC = TYPE_TO_IMG_SRC;
 exports.TYPE_TO_MINI_ICON = TYPE_TO_MINI_ICON;
 exports.TYPE_TO_WALLET_COLOR = TYPE_TO_WALLET_COLOR;
-exports.WALLET_SUBTYPES = WALLET_SUBTYPES;
-//# sourceMappingURL=constants-43b3df0c.js.map
+exports.TYPE_TO_WALLET_DARK_COLOR = TYPE_TO_WALLET_DARK_COLOR;
+//# sourceMappingURL=index-6cab6d37.js.map

package/dist/cjs/index-6cab6d37.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-6cab6d37.js","sources":["../../src/constants/index.ts"],"sourcesContent":["import coinsGraphic from '../assets/images/walletcurrency.webp';\nimport idsGraphic from '../assets/images/walletids.webp';\nimport jobhistoryGraphic from '../assets/images/walletjobhistory.webp';\nimport learningHistoryGraphic from '../assets/images/walletlearninghistory.webp';\nimport skillsGraphic from '../assets/images/walletskills.webp';\nimport achievementsGraphic from '../assets/images/walletTrophy.webp';\n\n\nimport MiniTrophyIcon from '../assets/images/minitrophycolored.svg';\nimport MiniGradIcon from '../assets/images/minigradcapcolored.svg';\nimport MiniPuzzleIcon from '../assets/images/minipuzzlecolored.svg';\nimport { LCSubtypes, WalletCategoryTypes } from '../types';\n\nexport const TYPE_TO_MINI_ICON: any = {\n    [LCSubtypes.course]: MiniGradIcon,\n    [LCSubtypes.achievement]: MiniTrophyIcon,\n    [LCSubtypes.skill]: MiniPuzzleIcon,\n};\n\nexport const TYPE_TO_IMG_SRC = {\n    [WalletCategoryTypes.achievements]: achievementsGraphic,\n    [WalletCategoryTypes.ids]: idsGraphic,\n    [WalletCategoryTypes.jobHistory]: jobhistoryGraphic,\n    [WalletCategoryTypes.learningHistory]: learningHistoryGraphic,\n    [WalletCategoryTypes.currency]: coinsGraphic,\n    [WalletCategoryTypes.skills]: skillsGraphic,\n};\n\nexport const TYPE_TO_WALLET_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-300',\n    [WalletCategoryTypes.ids]: 'yellow-300',\n    [WalletCategoryTypes.jobHistory]: 'rose-300',\n    [WalletCategoryTypes.learningHistory]: 'emerald-300',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-300',\n};\n\nexport const TYPE_TO_WALLET_LIGHT_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-200',\n    [WalletCategoryTypes.ids]: 'yellow-200',\n    [WalletCategoryTypes.jobHistory]: 'rose-200',\n    [WalletCategoryTypes.learningHistory]: 'emerald-200',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-200',\n};\n\nexport const TYPE_TO_WALLET_DARK_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-500',\n    [WalletCategoryTypes.ids]: 'yellow-400',\n    [WalletCategoryTypes.jobHistory]: 'rose-400',\n    [WalletCategoryTypes.learningHistory]: 'emerald-500',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-400',\n};\n"],"names":["LCSubtypes","MiniGradIcon","MiniTrophyIcon","MiniPuzzleIcon","WalletCategoryTypes","achievementsGraphic","idsGraphic","jobhistoryGraphic","learningHistoryGraphic","coinsGraphic","skillsGraphic"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUY,MAAC,iBAAiB,GAAG;AACjC,EAAE,CAACA,gBAAU,CAAC,MAAM,GAAGC,gCAAY;AACnC,EAAE,CAACD,gBAAU,CAAC,WAAW,GAAGE,kCAAc;AAC1C,EAAE,CAACF,gBAAU,CAAC,KAAK,GAAGG,kCAAc;AACpC,EAAE;AACU,MAAC,eAAe,GAAG;AAC/B,EAAE,CAACC,yBAAmB,CAAC,YAAY,GAAGC,uCAAmB;AACzD,EAAE,CAACD,yBAAmB,CAAC,GAAG,GAAGE,8BAAU;AACvC,EAAE,CAACF,yBAAmB,CAAC,UAAU,GAAGG,qCAAiB;AACrD,EAAE,CAACH,yBAAmB,CAAC,eAAe,GAAGI,0CAAsB;AAC/D,EAAE,CAACJ,yBAAmB,CAAC,QAAQ,GAAGK,gCAAY;AAC9C,EAAE,CAACL,yBAAmB,CAAC,MAAM,GAAGM,iCAAa;AAC7C,EAAE;AACU,MAAC,oBAAoB,GAAG;AACpC,EAAE,CAACN,yBAAmB,CAAC,YAAY,GAAG,WAAW;AACjD,EAAE,CAACA,yBAAmB,CAAC,GAAG,GAAG,YAAY;AACzC,EAAE,CAACA,yBAAmB,CAAC,UAAU,GAAG,UAAU;AAC9C,EAAE,CAACA,yBAAmB,CAAC,eAAe,GAAG,aAAa;AACtD,EAAE,CAACA,yBAAmB,CAAC,QAAQ,GAAG,UAAU;AAC5C,EAAE,CAACA,yBAAmB,CAAC,MAAM,GAAG,YAAY;AAC5C,EAAE;CACwC;AAC1C,EAAE,CAACA,yBAAmB,CAAC,YAAY,GAAG,WAAW;AACjD,EAAE,CAACA,yBAAmB,CAAC,GAAG,GAAG,YAAY;AACzC,EAAE,CAACA,yBAAmB,CAAC,UAAU,GAAG,UAAU;AAC9C,EAAE,CAACA,yBAAmB,CAAC,eAAe,GAAG,aAAa;AACtD,EAAE,CAACA,yBAAmB,CAAC,QAAQ,GAAG,UAAU;AAC5C,EAAE,CAACA,yBAAmB,CAAC,MAAM,GAAG,YAAY;AAC5C,GAAE;AACU,MAAC,yBAAyB,GAAG;AACzC,EAAE,CAACA,yBAAmB,CAAC,YAAY,GAAG,WAAW;AACjD,EAAE,CAACA,yBAAmB,CAAC,GAAG,GAAG,YAAY;AACzC,EAAE,CAACA,yBAAmB,CAAC,UAAU,GAAG,UAAU;AAC9C,EAAE,CAACA,yBAAmB,CAAC,eAAe,GAAG,aAAa;AACtD,EAAE,CAACA,yBAAmB,CAAC,QAAQ,GAAG,UAAU;AAC5C,EAAE,CAACA,yBAAmB,CAAC,MAAM,GAAG,YAAY;AAC5C;;;;;;;"}

package/dist/cjs/index.js

@@ -2,28 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AchievementCard = require('./AchievementCard-5176ae52.js');
+var AchievementCard = require('./AchievementCard-0123be96.js');
 var Button = require('./Button-a7af702b.js');
-var CircleCheckButton = require('./CircleCheckButton-d0667cda.js');
-var CircleIcon = require('./CircleIcon-ee5316e3.js');
+var CircleCheckButton = require('./CircleCheckButton-97c4f608.js');
+var CircleIcon = require('./CircleIcon-41b3fa88.js');
 var CourseCard = require('./CourseCard-338a32ee.js');
-var CourseVerticalCard = require('./CourseVerticalCard-8baa9517.js');
+var CourseVerticalCard = require('./CourseVerticalCard-ba8fc2f7.js');
 var FlippyCard = require('./FlippyCard-33e03a9e.js');
-var GenericCard = require('./GenericCard-e15c5c74.js');
+var GenericCard = require('./GenericCard-c5b70b29.js');
 var JobHistoryCard = require('./JobHistoryCard-05a3f98b.js');
-var JobListCard = require('./JobListCard-428fe475.js');
+var JobListCard = require('./JobListCard-e2b3c042.js');
 var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
 var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-4452fd7a.js');
-var LearnPill = require('./LearnPill-24d24a71.js');
+var LearnPill = require('./LearnPill-23ff7225.js');
 var CircleSpinner = require('./CircleSpinner-093cce04.js');
 var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
 var Notification = require('./Notification-10b40c07.js');
 var QRCodeCard = require('./QRCodeCard-efaa58e1.js');
-var RoundedPill = require('./RoundedPill-64590d8d.js');
-var RoundedSquare = require('./RoundedSquare-211d713f.js');
-var constants = require('./constants-43b3df0c.js');
+var RoundedPill = require('./RoundedPill-15c0aca9.js');
+var RoundedSquare = require('./RoundedSquare-9208c484.js');
 var SchoolIDCard = require('./SchoolIDCard-32a47ae5.js');
-var SkillTabCard = require('./SkillTabCard-0ccad5eb.js');
+var SkillTabCard = require('./SkillTabCard-82f2fae0.js');
 var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
@@ -38,8 +37,18 @@ var User = require('./User-b16d5499.js');
 var GenericArrow = require('./GenericArrow-8dfb261d.js');
 var Trophy = require('./Trophy-9ede7f2b.js');
 require('react');
-require('./index-732996e9.js');
-require('./icons-61ee0fb7.js');
+require('./index-6cab6d37.js');
+require('./walletcurrency.webp');
+require('./walletids.webp');
+require('./walletjobhistory.webp');
+require('./walletlearninghistory.webp');
+require('./walletskills.webp');
+require('./walletTrophy.webp');
+require('./minitrophycolored.svg');
+require('./minigradcapcolored.svg');
+require('./minipuzzlecolored.svg');
+require('./index-63ee021e.js');
+require('./icons-cf98ef88.js');
 require('./coins.svg');
 require('./user.svg');
 require('./trophy.svg');
@@ -56,15 +65,6 @@ require('./index-82de573c.js');
 require('./card-chip.svg');
 require('./master-card-logo.svg');
 require('./verified-check.png');
-require('./walletcurrency.webp');
-require('./walletids.webp');
-require('./walletjobhistory.webp');
-require('./walletlearninghistory.webp');
-require('./walletskills.webp');
-require('./walletTrophy.webp');
-require('./minitrophycolored.svg');
-require('./minigradcapcolored.svg');
-require('./minipuzzlecolored.svg');
 require('./skillplaceholder.png');
 require('./skillgraph.svg');
 require('@learncard/core');
@@ -101,10 +101,6 @@ exports.QRCodeCard = QRCodeCard.QRCodeCard;
 exports.CheckmarkSvg = RoundedPill.CheckmarkSvg;
 exports.RoundedPill = RoundedPill.RoundedPill;
 exports.RoundedSquare = RoundedSquare.RoundedSquare;
-exports.TYPE_TO_IMG_SRC = constants.TYPE_TO_IMG_SRC;
-exports.TYPE_TO_MINI_ICON = constants.TYPE_TO_MINI_ICON;
-exports.TYPE_TO_WALLET_COLOR = constants.TYPE_TO_WALLET_COLOR;
-exports.WALLET_SUBTYPES = constants.WALLET_SUBTYPES;
 exports.SchoolIDCard = SchoolIDCard.SchoolIDCard;
 exports.SkillTabCard = SkillTabCard.SkillTabCard;
 exports.SkillVerticalCard = SkillVerticalCard.SkillVerticalCard;

package/dist/cjs/index.js.map

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

package/dist/cjs/index10.js

@@ -2,28 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AchievementCard = require('./AchievementCard-5176ae52.js');
+var AchievementCard = require('./AchievementCard-0123be96.js');
 var Button = require('./Button-a7af702b.js');
-var CircleCheckButton = require('./CircleCheckButton-d0667cda.js');
-var CircleIcon = require('./CircleIcon-ee5316e3.js');
+var CircleCheckButton = require('./CircleCheckButton-97c4f608.js');
+var CircleIcon = require('./CircleIcon-41b3fa88.js');
 var CourseCard = require('./CourseCard-338a32ee.js');
-var CourseVerticalCard = require('./CourseVerticalCard-8baa9517.js');
+var CourseVerticalCard = require('./CourseVerticalCard-ba8fc2f7.js');
 var FlippyCard = require('./FlippyCard-33e03a9e.js');
-var GenericCard = require('./GenericCard-e15c5c74.js');
+var GenericCard = require('./GenericCard-c5b70b29.js');
 var JobHistoryCard = require('./JobHistoryCard-05a3f98b.js');
-var JobListCard = require('./JobListCard-428fe475.js');
+var JobListCard = require('./JobListCard-e2b3c042.js');
 var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
 var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-4452fd7a.js');
-var LearnPill = require('./LearnPill-24d24a71.js');
+var LearnPill = require('./LearnPill-23ff7225.js');
 var CircleSpinner = require('./CircleSpinner-093cce04.js');
 var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
 var Notification = require('./Notification-10b40c07.js');
 var QRCodeCard = require('./QRCodeCard-efaa58e1.js');
-var RoundedPill = require('./RoundedPill-64590d8d.js');
-var RoundedSquare = require('./RoundedSquare-211d713f.js');
-var constants = require('./constants-43b3df0c.js');
+var RoundedPill = require('./RoundedPill-15c0aca9.js');
+var RoundedSquare = require('./RoundedSquare-9208c484.js');
 var SchoolIDCard = require('./SchoolIDCard-32a47ae5.js');
-var SkillTabCard = require('./SkillTabCard-0ccad5eb.js');
+var SkillTabCard = require('./SkillTabCard-82f2fae0.js');
 var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
@@ -38,8 +37,18 @@ var User = require('./User-b16d5499.js');
 var GenericArrow = require('./GenericArrow-8dfb261d.js');
 var Trophy = require('./Trophy-9ede7f2b.js');
 require('react');
-require('./index-732996e9.js');
-require('./icons-61ee0fb7.js');
+require('./index-6cab6d37.js');
+require('./walletcurrency.webp');
+require('./walletids.webp');
+require('./walletjobhistory.webp');
+require('./walletlearninghistory.webp');
+require('./walletskills.webp');
+require('./walletTrophy.webp');
+require('./minitrophycolored.svg');
+require('./minigradcapcolored.svg');
+require('./minipuzzlecolored.svg');
+require('./index-63ee021e.js');
+require('./icons-cf98ef88.js');
 require('./coins.svg');
 require('./user.svg');
 require('./trophy.svg');
@@ -56,15 +65,6 @@ require('./index-82de573c.js');
 require('./card-chip.svg');
 require('./master-card-logo.svg');
 require('./verified-check.png');
-require('./walletcurrency.webp');
-require('./walletids.webp');
-require('./walletjobhistory.webp');
-require('./walletlearninghistory.webp');
-require('./walletskills.webp');
-require('./walletTrophy.webp');
-require('./minitrophycolored.svg');
-require('./minigradcapcolored.svg');
-require('./minipuzzlecolored.svg');
 require('./skillplaceholder.png');
 require('./skillgraph.svg');
 require('@learncard/core');
@@ -101,10 +101,6 @@ exports.QRCodeCard = QRCodeCard.QRCodeCard;
 exports.CheckmarkSvg = RoundedPill.CheckmarkSvg;
 exports.RoundedPill = RoundedPill.RoundedPill;
 exports.RoundedSquare = RoundedSquare.RoundedSquare;
-exports.TYPE_TO_IMG_SRC = constants.TYPE_TO_IMG_SRC;
-exports.TYPE_TO_MINI_ICON = constants.TYPE_TO_MINI_ICON;
-exports.TYPE_TO_WALLET_COLOR = constants.TYPE_TO_WALLET_COLOR;
-exports.WALLET_SUBTYPES = constants.WALLET_SUBTYPES;
 exports.SchoolIDCard = SchoolIDCard.SchoolIDCard;
 exports.SkillTabCard = SkillTabCard.SkillTabCard;
 exports.SkillVerticalCard = SkillVerticalCard.SkillVerticalCard;

package/dist/cjs/index10.js.map

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

package/dist/cjs/index12.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var JobListCard = require('./JobListCard-428fe475.js');
+var JobListCard = require('./JobListCard-e2b3c042.js');
 require('react');
-require('./index-732996e9.js');
-require('./constants-43b3df0c.js');
+require('./index-6cab6d37.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');
@@ -15,6 +14,7 @@ require('./walletTrophy.webp');
 require('./minitrophycolored.svg');
 require('./minigradcapcolored.svg');
 require('./minipuzzlecolored.svg');
+require('./index-63ee021e.js');
 
 
 

package/dist/cjs/index15.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LearnPill = require('./LearnPill-24d24a71.js');
+var LearnPill = require('./LearnPill-23ff7225.js');
 require('react');
-require('./index-732996e9.js');
-require('./constants-43b3df0c.js');
+require('./index-63ee021e.js');
+require('./index-6cab6d37.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');

package/dist/cjs/index2.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AchievementCard = require('./AchievementCard-5176ae52.js');
+var AchievementCard = require('./AchievementCard-0123be96.js');
 require('react');
-require('./index-732996e9.js');
-require('./constants-43b3df0c.js');
+require('./index-6cab6d37.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');
@@ -15,10 +14,11 @@ require('./walletTrophy.webp');
 require('./minitrophycolored.svg');
 require('./minigradcapcolored.svg');
 require('./minipuzzlecolored.svg');
+require('./index-63ee021e.js');
 require('./Trophy-9ede7f2b.js');
-require('./CircleCheckButton-d0667cda.js');
-require('./RoundedPill-64590d8d.js');
-require('./icons-61ee0fb7.js');
+require('./CircleCheckButton-97c4f608.js');
+require('./RoundedPill-15c0aca9.js');
+require('./icons-cf98ef88.js');
 require('./coins.svg');
 require('./user.svg');
 require('./trophy.svg');

package/dist/cjs/index20.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RoundedPill = require('./RoundedPill-64590d8d.js');
+var RoundedPill = require('./RoundedPill-15c0aca9.js');
 require('react');
-require('./icons-61ee0fb7.js');
+require('./icons-cf98ef88.js');
 require('./coins.svg');
 require('./user.svg');
 require('./trophy.svg');
@@ -14,7 +14,7 @@ require('./lightbulb.svg');
 require('./minipuzzle.svg');
 require('./minitrophy.svg');
 require('./gradcaplight.svg');
-require('./index-732996e9.js');
+require('./index-63ee021e.js');
 
 
 

package/dist/cjs/index21.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RoundedSquare = require('./RoundedSquare-211d713f.js');
-var constants = require('./constants-43b3df0c.js');
+var RoundedSquare = require('./RoundedSquare-9208c484.js');
 require('react');
-require('./index-732996e9.js');
-require('./icons-61ee0fb7.js');
+require('./index-63ee021e.js');
+require('./icons-cf98ef88.js');
 require('./coins.svg');
 require('./user.svg');
 require('./trophy.svg');
@@ -16,7 +15,8 @@ require('./lightbulb.svg');
 require('./minipuzzle.svg');
 require('./minitrophy.svg');
 require('./gradcaplight.svg');
-require('./CircleIcon-ee5316e3.js');
+require('./CircleIcon-41b3fa88.js');
+require('./index-6cab6d37.js');
 require('./walletcurrency.webp');
 require('./walletids.webp');
 require('./walletjobhistory.webp');
@@ -30,8 +30,4 @@ require('./minipuzzlecolored.svg');
 
 
 exports.RoundedSquare = RoundedSquare.RoundedSquare;
-exports.TYPE_TO_IMG_SRC = constants.TYPE_TO_IMG_SRC;
-exports.TYPE_TO_MINI_ICON = constants.TYPE_TO_MINI_ICON;
-exports.TYPE_TO_WALLET_COLOR = constants.TYPE_TO_WALLET_COLOR;
-exports.WALLET_SUBTYPES = constants.WALLET_SUBTYPES;
 //# sourceMappingURL=index21.js.map

package/dist/cjs/index21.js.map

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

package/dist/cjs/index25.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SkillTabCard = require('./SkillTabCard-0ccad5eb.js');
+var SkillTabCard = require('./SkillTabCard-82f2fae0.js');
 require('react');
-require('./index-732996e9.js');
-require('./CircleCheckButton-d0667cda.js');
-require('./RoundedPill-64590d8d.js');
-require('./icons-61ee0fb7.js');
+require('./index-63ee021e.js');
+require('./CircleCheckButton-97c4f608.js');
+require('./RoundedPill-15c0aca9.js');
+require('./icons-cf98ef88.js');
 require('./coins.svg');
 require('./user.svg');
 require('./trophy.svg');

package/dist/cjs/index4.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CircleCheckButton = require('./CircleCheckButton-d0667cda.js');
+var CircleCheckButton = require('./CircleCheckButton-97c4f608.js');
 require('react');
-require('./RoundedPill-64590d8d.js');
-require('./icons-61ee0fb7.js');
+require('./RoundedPill-15c0aca9.js');
+require('./icons-cf98ef88.js');
 require('./coins.svg');
 require('./user.svg');
 require('./trophy.svg');
@@ -15,7 +15,7 @@ require('./lightbulb.svg');
 require('./minipuzzle.svg');
 require('./minitrophy.svg');
 require('./gradcaplight.svg');
-require('./index-732996e9.js');
+require('./index-63ee021e.js');
 
 
 

package/dist/cjs/index5.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CircleIcon = require('./CircleIcon-ee5316e3.js');
+var CircleIcon = require('./CircleIcon-41b3fa88.js');
 require('react');
-require('./index-732996e9.js');
-require('./icons-61ee0fb7.js');
+require('./index-63ee021e.js');
+require('./icons-cf98ef88.js');
 require('./coins.svg');
 require('./user.svg');
 require('./trophy.svg');

package/dist/cjs/index7.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CourseVerticalCard = require('./CourseVerticalCard-8baa9517.js');
+var CourseVerticalCard = require('./CourseVerticalCard-ba8fc2f7.js');
 require('react');
 require('./lhplaceholder.png');
 require('./minitrophy.svg');
 require('./minijob.svg');
 require('./minipuzzle.svg');
-require('./index-732996e9.js');
-require('./CircleCheckButton-d0667cda.js');
-require('./RoundedPill-64590d8d.js');
-require('./icons-61ee0fb7.js');
+require('./index-63ee021e.js');
+require('./CircleCheckButton-97c4f608.js');
+require('./RoundedPill-15c0aca9.js');
+require('./icons-cf98ef88.js');
 require('./coins.svg');
 require('./user.svg');
 require('./trophy.svg');

package/dist/cjs/index9.js

@@ -2,9 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var GenericCard = require('./GenericCard-e15c5c74.js');
+var GenericCard = require('./GenericCard-c5b70b29.js');
 require('react');
-require('./Trophy-9ede7f2b.js');
+require('./index-63ee021e.js');
+require('./index-6cab6d37.js');
+require('./walletcurrency.webp');
+require('./walletids.webp');
+require('./walletjobhistory.webp');
+require('./walletlearninghistory.webp');
+require('./walletskills.webp');
+require('./walletTrophy.webp');
+require('./minitrophycolored.svg');
+require('./minigradcapcolored.svg');
+require('./minipuzzlecolored.svg');
 
 
 

package/dist/cjs/index9.js.map

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

package/dist/esm/{AchievementCard-45a42963.js → AchievementCard-92b5a3ea.js}

@@ -1,9 +1,9 @@
 import React from 'react';
-import { L as LCSubtypes } from './index-e5252279.js';
-import { T as TYPE_TO_MINI_ICON } from './constants-3c35c9bd.js';
+import { T as TYPE_TO_MINI_ICON } from './index-2ef79548.js';
+import { L as LCSubtypes } from './index-15b828c0.js';
 import { T as Trophy } from './Trophy-702610b8.js';
-import { C as CircleCheckButton } from './CircleCheckButton-251f4bbd.js';
-import { R as RoundedPill } from './RoundedPill-b4f1607a.js';
+import { C as CircleCheckButton } from './CircleCheckButton-a55dfd2a.js';
+import { R as RoundedPill } from './RoundedPill-2f4dc646.js';
 
 const AchievementCard = ({
   title = "Title Lorem Ipsum",
@@ -58,4 +58,4 @@ const AchievementCard = ({
 };
 
 export { AchievementCard as A };
-//# sourceMappingURL=AchievementCard-45a42963.js.map
+//# sourceMappingURL=AchievementCard-92b5a3ea.js.map

package/dist/esm/AchievementCard-92b5a3ea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AchievementCard-92b5a3ea.js","sources":["../../src/components/AchievementCard/AchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { AchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { Trophy } from '../svgs';\nimport { TYPE_TO_MINI_ICON } from '../../constants';\nimport { LCSubtypes } from '../../types';\n\nexport const AchievementCard: React.FC<AchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    claimStatus,\n    showSkills = true,\n    showChecked,\n    checked,\n    skillCount,\n    showStatus = true,\n    onCheckClick,\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n\n    const claimBtnStatusType = claimStatus ? LCSubtypes.achievement : LCSubtypes.locked;\n    const skillIconSrc = TYPE_TO_MINI_ICON[LCSubtypes.skill];\n    const skillCountTxt = skillCount && skillCount > 1 ? 'Skills' : 'Skill';\n    const showSkillCounter = showSkills && skillCount !== 0;\n\n    return (\n        <div\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`relative flex h-[120px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-cover rounded-[20px]\"\n                        src={thumbImgSrc ?? ''}\n                        alt=\"Credential Achievement Image\"\n                    />\n                )}\n                {(!thumbImgSrc || thumbImgSrc === '') && (\n                    <Trophy\n                        className=\"achievement-placeholder-trophy flex p-[15px]\"\n                        color=\"#ffffff\"\n                    />\n                )}\n\n                {showSkills && showSkillCounter && (\n                    <div className=\"absolute px-[10px] text-[14px] flex items-center justify-center text-indigo-600 skill-pill font-bold min-w-[100px] bottom-[10px] right-[9px] rounded-[20px] h-[30px] bg-indigo-50 \">\n                        <img\n                            src={skillIconSrc}\n                            className=\"flex items-center justify-center mr-[4px]\"\n                        />\n                        +{skillCount} {skillCountTxt}\n                    </div>\n                )}\n\n                {showChecked && (\n                    <CircleCheckButton\n                        checked={checked}\n                        onClick={onCheckClick}\n                        className=\"absolute top-[5px] left-[5px]\"\n                    />\n                )}\n            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-[14px] text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n\n            <section className=\"achievement-card-footer absolute bottom-[6px] left-[5px]\">\n                {showStatus && (\n                    <RoundedPill\n                        onClick={onClick}\n                        showCheckmark\n                        type={claimBtnStatusType}\n                        statusText={'Claimed'}\n                    />\n                )}\n            </section>\n        </div>\n    );\n};\n\nexport default AchievementCard;\n"],"names":[],"mappings":";;;;;;;AAMY,MAAC,eAAe,GAAG,CAAC;AAChC,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,UAAU,GAAG,IAAI;AACnB,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE,UAAU;AACZ,EAAE,UAAU,GAAG,IAAI;AACnB,EAAE,YAAY;AACd,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,MAAM,UAAU,GAAG,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;AACvE,EAAE,MAAM,kBAAkB,GAAG,WAAW,GAAG,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC;AACtF,EAAE,MAAM,YAAY,GAAG,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAC3D,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI,UAAU,GAAG,CAAC,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC1E,EAAE,MAAM,gBAAgB,GAAG,UAAU,IAAI,UAAU,KAAK,CAAC,CAAC;AAC1D,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,2IAA2I,CAAC;AAC5J,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,wBAAwB,EAAE,UAAU,CAAC,2DAA2D,CAAC;AACjH,GAAG,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,IAAI,SAAS,EAAE,2CAA2C;AAC1D,IAAI,GAAG,EAAE,WAAW,IAAI,IAAI,GAAG,WAAW,GAAG,EAAE;AAC/C,IAAI,GAAG,EAAE,8BAA8B;AACvC,GAAG,CAAC,EAAE,CAAC,CAAC,WAAW,IAAI,WAAW,KAAK,EAAE,qBAAqB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC1F,IAAI,SAAS,EAAE,8CAA8C;AAC7D,IAAI,KAAK,EAAE,SAAS;AACpB,GAAG,CAAC,EAAE,UAAU,IAAI,gBAAgB,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnF,IAAI,SAAS,EAAE,oLAAoL;AACnM,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,GAAG,EAAE,YAAY;AACrB,IAAI,SAAS,EAAE,2CAA2C;AAC1D,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,CAAC,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE;AAClH,IAAI,OAAO;AACX,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,SAAS,EAAE,+BAA+B;AAC9C,GAAG,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACtD,IAAI,SAAS,EAAE,2DAA2D;AAC1E,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,gEAAgE;AAC/E,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7D,IAAI,SAAS,EAAE,0DAA0D;AACzE,GAAG,EAAE,UAAU,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACpE,IAAI,OAAO;AACX,IAAI,aAAa,EAAE,IAAI;AACvB,IAAI,IAAI,EAAE,kBAAkB;AAC5B,IAAI,UAAU,EAAE,SAAS;AACzB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}

package/dist/esm/{CircleCheckButton-251f4bbd.js → CircleCheckButton-a55dfd2a.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { C as CheckmarkSvg } from './RoundedPill-b4f1607a.js';
+import { C as CheckmarkSvg } from './RoundedPill-2f4dc646.js';
 
 const CircleCheckButton = ({
   checked,
@@ -21,4 +21,4 @@ const CircleCheckButton = ({
 };
 
 export { CircleCheckButton as C };
-//# sourceMappingURL=CircleCheckButton-251f4bbd.js.map
+//# sourceMappingURL=CircleCheckButton-a55dfd2a.js.map

package/dist/esm/{CircleCheckButton-251f4bbd.js.map → CircleCheckButton-a55dfd2a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CircleCheckButton-251f4bbd.js","sources":["../../src/components/CircleCheckButton/CircleCheckButton.tsx"],"sourcesContent":["import React from 'react';\nimport { CircleCheckButtonProps } from '../../types';\nimport { CheckmarkSvg } from '../RoundedPill';\n\nexport const CircleCheckButton: React.FC<CircleCheckButtonProps> = ({\n    checked,\n    onClick,\n    bgColor,\n    className = '',\n}) => {\n    const backgroundColor = checked ? 'bg-emerald-700' : bgColor ? bgColor : 'bg-gray-50';\n\n    const handleClick = () => {\n        onClick?.();\n    };\n\n    return (\n        <button\n            type=\"button\"\n            onClick={handleClick}\n            className={`w-[32px] h-[32px] flex items-center justify-center border-4 border-gray-50 rounded-full text-gray-700  ${backgroundColor} ${className}`}\n        >\n            <CheckmarkSvg color=\"#ffffff\" />\n        </button>\n    );\n};\n\nexport default CircleCheckButton;\n"],"names":[],"mappings":";;;AAEY,MAAC,iBAAiB,GAAG,CAAC;AAClC,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,SAAS,GAAG,EAAE;AAChB,CAAC,KAAK;AACN,EAAE,MAAM,eAAe,GAAG,OAAO,GAAG,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,YAAY,CAAC;AACxF,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,EAAE,CAAC;AACzC,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,SAAS,EAAE,CAAC,uGAAuG,EAAE,eAAe,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AACvJ,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE;AACvD,IAAI,KAAK,EAAE,SAAS;AACpB,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
+{"version":3,"file":"CircleCheckButton-a55dfd2a.js","sources":["../../src/components/CircleCheckButton/CircleCheckButton.tsx"],"sourcesContent":["import React from 'react';\nimport { CircleCheckButtonProps } from '../../types';\nimport { CheckmarkSvg } from '../RoundedPill';\n\nexport const CircleCheckButton: React.FC<CircleCheckButtonProps> = ({\n    checked,\n    onClick,\n    bgColor,\n    className = '',\n}) => {\n    const backgroundColor = checked ? 'bg-emerald-700' : bgColor ? bgColor : 'bg-gray-50';\n\n    const handleClick = () => {\n        onClick?.();\n    };\n\n    return (\n        <button\n            type=\"button\"\n            onClick={handleClick}\n            className={`w-[32px] h-[32px] flex items-center justify-center border-4 border-gray-50 rounded-full text-gray-700  ${backgroundColor} ${className}`}\n        >\n            <CheckmarkSvg color=\"#ffffff\" />\n        </button>\n    );\n};\n\nexport default CircleCheckButton;\n"],"names":[],"mappings":";;;AAEY,MAAC,iBAAiB,GAAG,CAAC;AAClC,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,SAAS,GAAG,EAAE;AAChB,CAAC,KAAK;AACN,EAAE,MAAM,eAAe,GAAG,OAAO,GAAG,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,YAAY,CAAC;AACxF,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,EAAE,CAAC;AACzC,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,SAAS,EAAE,CAAC,uGAAuG,EAAE,eAAe,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AACvJ,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE;AACvD,IAAI,KAAK,EAAE,SAAS;AACpB,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/dist/esm/{CircleIcon-c96790bf.js → CircleIcon-b0dca4b6.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { I as Icons } from './index-e5252279.js';
-import { I as ICONS_TO_SOURCE } from './icons-e7cf7735.js';
+import { I as Icons } from './index-15b828c0.js';
+import { I as ICONS_TO_SOURCE } from './icons-10f38bbd.js';
 
 const CountCircle = ({
   size = "auto",
@@ -57,4 +57,4 @@ const CircleIcon = ({
 };
 
 export { CountCircle as C, CircleIcon as a };
-//# sourceMappingURL=CircleIcon-c96790bf.js.map
+//# sourceMappingURL=CircleIcon-b0dca4b6.js.map

package/dist/esm/{CircleIcon-c96790bf.js.map → CircleIcon-b0dca4b6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CircleIcon-c96790bf.js","sources":["../../src/components/CircleIcon/CircleIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icons } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\n\nexport type CircleIconProps = {\n    iconSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n    innerPadding?: string;\n    size?: string;\n    hideCount?: boolean;\n    borderColor?: string;\n};\n\nexport type CountCircleProps = {\n    size?: string;\n    count?: string | number;\n    innerPadding?: string;\n    onClick?: () => {};\n    bgColor?: string;\n    className?: string;\n};\n\nexport const CountCircle: React.FC<CountCircleProps> = ({\n    size = 'auto',\n    count = '28',\n    innerPadding = '3px 5px',\n    className,\n    onClick = () => {},\n    bgColor = 'bg-grayscale-50',\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper text-center absolute right-[-15px] top-[-15px] min-w-[25px] ${className}`}\n            style={style}\n        >\n            <div className={`h-full`}>\n                <p className=\"h-full line-clamp-1 font-semibold text-grayscale-900 text-[12px]\">\n                    {count}\n                </p>\n            </div>\n        </section>\n    );\n};\n\nexport const CircleIcon: React.FC<CircleIconProps> = ({\n    iconSrc = ICONS_TO_SOURCE[Icons.coinsIcon],\n    size = '52px',\n    count = '28',\n    innerPadding = '6px',\n    onClick = () => {},\n    bgColor = 'bg-grayscale-900',\n    hideCount = true,\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper p-[0px] m-[0px]`}\n            style={style}\n        >\n            <div className={`relative w-full h-full`}>\n                {!hideCount && <CountCircle count={count} />}\n                <img className=\"h-full w-full object-cover\" src={iconSrc ?? ''} alt=\"Icon image\" />\n            </div>\n        </section>\n    );\n};\n\nexport default CircleIcon;\n"],"names":[],"mappings":";;;;AAGY,MAAC,WAAW,GAAG,CAAC;AAC5B,EAAE,IAAI,GAAG,MAAM;AACf,EAAE,KAAK,GAAG,IAAI;AACd,EAAE,YAAY,GAAG,SAAS;AAC1B,EAAE,SAAS;AACX,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,EAAE,OAAO,GAAG,iBAAiB;AAC7B,CAAC,KAAK;AACN,EAAE,MAAM,KAAK,GAAG;AAChB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACxD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,EAAE,OAAO,CAAC,8FAA8F,EAAE,SAAS,CAAC,CAAC;AACrI,IAAI,KAAK;AACT,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,CAAC,MAAM,CAAC;AACvB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,kEAAkE;AACjF,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACd,EAAE;AACU,MAAC,UAAU,GAAG,CAAC;AAC3B,EAAE,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC;AAC5C,EAAE,IAAI,GAAG,MAAM;AACf,EAAE,KAAK,GAAG,IAAI;AACd,EAAE,YAAY,GAAG,KAAK;AACtB,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,EAAE,OAAO,GAAG,kBAAkB;AAC9B,EAAE,SAAS,GAAG,IAAI;AAClB,CAAC,KAAK;AACN,EAAE,MAAM,KAAK,GAAG;AAChB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACxD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,EAAE,OAAO,CAAC,iDAAiD,CAAC;AAC5E,IAAI,KAAK;AACT,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,CAAC,sBAAsB,CAAC;AACvC,GAAG,EAAE,CAAC,SAAS,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACpE,IAAI,KAAK;AACT,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,4BAA4B;AAC3C,IAAI,GAAG,EAAE,OAAO,IAAI,IAAI,GAAG,OAAO,GAAG,EAAE;AACvC,IAAI,GAAG,EAAE,YAAY;AACrB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}
+{"version":3,"file":"CircleIcon-b0dca4b6.js","sources":["../../src/components/CircleIcon/CircleIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icons } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\n\nexport type CircleIconProps = {\n    iconSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n    innerPadding?: string;\n    size?: string;\n    hideCount?: boolean;\n    borderColor?: string;\n};\n\nexport type CountCircleProps = {\n    size?: string;\n    count?: string | number;\n    innerPadding?: string;\n    onClick?: () => {};\n    bgColor?: string;\n    className?: string;\n};\n\nexport const CountCircle: React.FC<CountCircleProps> = ({\n    size = 'auto',\n    count = '28',\n    innerPadding = '3px 5px',\n    className,\n    onClick = () => {},\n    bgColor = 'bg-grayscale-50',\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper text-center absolute right-[-15px] top-[-15px] min-w-[25px] ${className}`}\n            style={style}\n        >\n            <div className={`h-full`}>\n                <p className=\"h-full line-clamp-1 font-semibold text-grayscale-900 text-[12px]\">\n                    {count}\n                </p>\n            </div>\n        </section>\n    );\n};\n\nexport const CircleIcon: React.FC<CircleIconProps> = ({\n    iconSrc = ICONS_TO_SOURCE[Icons.coinsIcon],\n    size = '52px',\n    count = '28',\n    innerPadding = '6px',\n    onClick = () => {},\n    bgColor = 'bg-grayscale-900',\n    hideCount = true,\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper p-[0px] m-[0px]`}\n            style={style}\n        >\n            <div className={`relative w-full h-full`}>\n                {!hideCount && <CountCircle count={count} />}\n                <img className=\"h-full w-full object-cover\" src={iconSrc ?? ''} alt=\"Icon image\" />\n            </div>\n        </section>\n    );\n};\n\nexport default CircleIcon;\n"],"names":[],"mappings":";;;;AAGY,MAAC,WAAW,GAAG,CAAC;AAC5B,EAAE,IAAI,GAAG,MAAM;AACf,EAAE,KAAK,GAAG,IAAI;AACd,EAAE,YAAY,GAAG,SAAS;AAC1B,EAAE,SAAS;AACX,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,EAAE,OAAO,GAAG,iBAAiB;AAC7B,CAAC,KAAK;AACN,EAAE,MAAM,KAAK,GAAG;AAChB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACxD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,EAAE,OAAO,CAAC,8FAA8F,EAAE,SAAS,CAAC,CAAC;AACrI,IAAI,KAAK;AACT,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,CAAC,MAAM,CAAC;AACvB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,kEAAkE;AACjF,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACd,EAAE;AACU,MAAC,UAAU,GAAG,CAAC;AAC3B,EAAE,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC;AAC5C,EAAE,IAAI,GAAG,MAAM;AACf,EAAE,KAAK,GAAG,IAAI;AACd,EAAE,YAAY,GAAG,KAAK;AACtB,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,EAAE,OAAO,GAAG,kBAAkB;AAC9B,EAAE,SAAS,GAAG,IAAI;AAClB,CAAC,KAAK;AACN,EAAE,MAAM,KAAK,GAAG;AAChB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACxD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,EAAE,OAAO,CAAC,iDAAiD,CAAC;AAC5E,IAAI,KAAK;AACT,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,CAAC,sBAAsB,CAAC;AACvC,GAAG,EAAE,CAAC,SAAS,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACpE,IAAI,KAAK;AACT,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,4BAA4B;AAC3C,IAAI,GAAG,EAAE,OAAO,IAAI,IAAI,GAAG,OAAO,GAAG,EAAE;AACvC,IAAI,GAAG,EAAE,YAAY;AACrB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}

package/dist/esm/{CourseVerticalCard-11cf10a3.js → CourseVerticalCard-643f767b.js}

@@ -3,9 +3,9 @@ import CourseCardPlaceholder from './lhplaceholder.png';
 import trophylight from './minitrophy.svg';
 import MiniJobIcon from './minijob.svg';
 import puzzlelight from './minipuzzle.svg';
-import { L as LCSubtypes } from './index-e5252279.js';
-import { C as CircleCheckButton } from './CircleCheckButton-251f4bbd.js';
-import { R as RoundedPill } from './RoundedPill-b4f1607a.js';
+import { L as LCSubtypes } from './index-15b828c0.js';
+import { C as CircleCheckButton } from './CircleCheckButton-a55dfd2a.js';
+import { R as RoundedPill } from './RoundedPill-2f4dc646.js';
 
 const TYPE_TO_COURSE_MINI_ICON = {
   ["job"]: MiniJobIcon,
@@ -84,4 +84,4 @@ const CourseVerticalCard = ({
 };
 
 export { CourseVerticalCard as C };
-//# sourceMappingURL=CourseVerticalCard-11cf10a3.js.map
+//# sourceMappingURL=CourseVerticalCard-643f767b.js.map