@learncard/react 2.3.45 → 2.3.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{AchievementCard-5176ae52.js → AchievementCard-0123be96.js} +6 -6
- package/dist/cjs/AchievementCard-0123be96.js.map +1 -0
- package/dist/cjs/{CircleCheckButton-d0667cda.js → CircleCheckButton-97c4f608.js} +2 -2
- package/dist/cjs/{CircleCheckButton-d0667cda.js.map → CircleCheckButton-97c4f608.js.map} +1 -1
- package/dist/cjs/{CircleIcon-ee5316e3.js → CircleIcon-41b3fa88.js} +3 -3
- package/dist/cjs/{CircleIcon-ee5316e3.js.map → CircleIcon-41b3fa88.js.map} +1 -1
- package/dist/cjs/{CourseVerticalCard-8baa9517.js → CourseVerticalCard-ba8fc2f7.js} +4 -4
- package/dist/cjs/{CourseVerticalCard-8baa9517.js.map → CourseVerticalCard-ba8fc2f7.js.map} +1 -1
- package/dist/cjs/GenericCard-c5b70b29.js +49 -0
- package/dist/cjs/GenericCard-c5b70b29.js.map +1 -0
- package/dist/cjs/{JobListCard-428fe475.js → JobListCard-e2b3c042.js} +4 -4
- package/dist/cjs/{JobListCard-428fe475.js.map → JobListCard-e2b3c042.js.map} +1 -1
- package/dist/cjs/{LearnPill-24d24a71.js → LearnPill-23ff7225.js} +4 -4
- package/dist/cjs/{LearnPill-24d24a71.js.map → LearnPill-23ff7225.js.map} +1 -1
- package/dist/cjs/{RoundedPill-64590d8d.js → RoundedPill-15c0aca9.js} +2 -2
- package/dist/cjs/{RoundedPill-64590d8d.js.map → RoundedPill-15c0aca9.js.map} +1 -1
- package/dist/cjs/{RoundedSquare-211d713f.js → RoundedSquare-9208c484.js} +9 -9
- package/dist/cjs/RoundedSquare-9208c484.js.map +1 -0
- package/dist/cjs/{SkillTabCard-0ccad5eb.js → SkillTabCard-82f2fae0.js} +4 -4
- package/dist/cjs/{SkillTabCard-0ccad5eb.js.map → SkillTabCard-82f2fae0.js.map} +1 -1
- package/dist/cjs/{icons-61ee0fb7.js → icons-cf98ef88.js} +2 -2
- package/dist/cjs/{icons-61ee0fb7.js.map → icons-cf98ef88.js.map} +1 -1
- package/dist/cjs/{index-732996e9.js → index-63ee021e.js} +11 -1
- package/dist/cjs/index-63ee021e.js.map +1 -0
- package/dist/cjs/{constants-43b3df0c.js → index-6cab6d37.js} +31 -23
- package/dist/cjs/index-6cab6d37.js.map +1 -0
- package/dist/cjs/index.js +22 -26
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index10.js +22 -26
- package/dist/cjs/index10.js.map +1 -1
- package/dist/cjs/index12.js +3 -3
- package/dist/cjs/index15.js +3 -3
- package/dist/cjs/index2.js +6 -6
- package/dist/cjs/index20.js +3 -3
- package/dist/cjs/index21.js +5 -9
- package/dist/cjs/index21.js.map +1 -1
- package/dist/cjs/index25.js +5 -5
- package/dist/cjs/index4.js +4 -4
- package/dist/cjs/index5.js +3 -3
- package/dist/cjs/index7.js +5 -5
- package/dist/cjs/index9.js +12 -2
- package/dist/cjs/index9.js.map +1 -1
- package/dist/esm/{AchievementCard-45a42963.js → AchievementCard-92b5a3ea.js} +5 -5
- package/dist/esm/AchievementCard-92b5a3ea.js.map +1 -0
- package/dist/esm/{CircleCheckButton-251f4bbd.js → CircleCheckButton-a55dfd2a.js} +2 -2
- package/dist/esm/{CircleCheckButton-251f4bbd.js.map → CircleCheckButton-a55dfd2a.js.map} +1 -1
- package/dist/esm/{CircleIcon-c96790bf.js → CircleIcon-b0dca4b6.js} +3 -3
- package/dist/esm/{CircleIcon-c96790bf.js.map → CircleIcon-b0dca4b6.js.map} +1 -1
- package/dist/esm/{CourseVerticalCard-11cf10a3.js → CourseVerticalCard-643f767b.js} +4 -4
- package/dist/esm/{CourseVerticalCard-11cf10a3.js.map → CourseVerticalCard-643f767b.js.map} +1 -1
- package/dist/esm/GenericCard-ada539c7.js +43 -0
- package/dist/esm/GenericCard-ada539c7.js.map +1 -0
- package/dist/esm/{JobListCard-c26d8a61.js → JobListCard-e84e21e7.js} +3 -3
- package/dist/esm/{JobListCard-c26d8a61.js.map → JobListCard-e84e21e7.js.map} +1 -1
- package/dist/esm/{LearnPill-f4a13a3d.js → LearnPill-a1001ae7.js} +3 -3
- package/dist/esm/{LearnPill-f4a13a3d.js.map → LearnPill-a1001ae7.js.map} +1 -1
- package/dist/esm/{RoundedPill-b4f1607a.js → RoundedPill-2f4dc646.js} +2 -2
- package/dist/esm/{RoundedPill-b4f1607a.js.map → RoundedPill-2f4dc646.js.map} +1 -1
- package/dist/esm/{RoundedSquare-16480fc1.js → RoundedSquare-c013d78d.js} +6 -6
- package/dist/esm/RoundedSquare-c013d78d.js.map +1 -0
- package/dist/esm/{SkillTabCard-29010c5a.js → SkillTabCard-ade7a48c.js} +4 -4
- package/dist/esm/{SkillTabCard-29010c5a.js.map → SkillTabCard-ade7a48c.js.map} +1 -1
- package/dist/esm/{icons-e7cf7735.js → icons-10f38bbd.js} +2 -2
- package/dist/esm/{icons-e7cf7735.js.map → icons-10f38bbd.js.map} +1 -1
- package/dist/esm/{index-e5252279.js → index-15b828c0.js} +11 -2
- package/dist/esm/index-15b828c0.js.map +1 -0
- package/dist/esm/index-2ef79548.js +51 -0
- package/dist/esm/index-2ef79548.js.map +1 -0
- package/dist/esm/index.js +22 -22
- package/dist/esm/index10.js +22 -22
- package/dist/esm/index12.js +3 -3
- package/dist/esm/index15.js +3 -3
- package/dist/esm/index2.js +6 -6
- package/dist/esm/index20.js +3 -3
- package/dist/esm/index21.js +5 -5
- package/dist/esm/index25.js +5 -5
- package/dist/esm/index4.js +4 -4
- package/dist/esm/index5.js +3 -3
- package/dist/esm/index7.js +5 -5
- package/dist/esm/index9.js +12 -2
- package/dist/esm/index9.js.map +1 -1
- package/dist/index.d.ts +14 -18
- package/dist/main.css +1 -1
- package/dist/main.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/AchievementCard-5176ae52.js.map +0 -1
- package/dist/cjs/GenericCard-e15c5c74.js +0 -39
- package/dist/cjs/GenericCard-e15c5c74.js.map +0 -1
- package/dist/cjs/RoundedSquare-211d713f.js.map +0 -1
- package/dist/cjs/constants-43b3df0c.js.map +0 -1
- package/dist/cjs/index-732996e9.js.map +0 -1
- package/dist/esm/AchievementCard-45a42963.js.map +0 -1
- package/dist/esm/GenericCard-0f929a07.js +0 -33
- package/dist/esm/GenericCard-0f929a07.js.map +0 -1
- package/dist/esm/RoundedSquare-16480fc1.js.map +0 -1
- package/dist/esm/constants-3c35c9bd.js +0 -43
- package/dist/esm/constants-3c35c9bd.js.map +0 -1
- package/dist/esm/index-e5252279.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CourseVerticalCard-
|
|
1
|
+
{"version":3,"file":"CourseVerticalCard-643f767b.js","sources":["../../src/components/CourseVerticalCard/CourseVerticalCard.tsx"],"sourcesContent":["import React from 'react';\nimport { CourseCardVerticalProps } from '../../types';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport CourseCardPlaceholder from '../../assets/images/lhplaceholder.png';\nimport { RoundedPill } from '../RoundedPill';\nimport MiniTrophyIcon from '../../assets/images/minitrophy.svg';\nimport MiniJobIcon from '../../assets/images/minijob.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzle.svg';\nimport { LCSubtypes } from '../../types';\n\nconst TYPE_TO_COURSE_MINI_ICON: any = {\n ['job']: MiniJobIcon,\n ['achievement']: MiniTrophyIcon,\n ['skill']: MiniPuzzleIcon,\n};\n\nconst TYPE_TO_COLOR: any = {\n ['job']: 'bg-emerald-700',\n ['achievement']: 'bg-spice-500',\n ['skill']: 'bg-indigo-500',\n};\n\ntype CourseCardStatBubbleProps = {\n count: number | string;\n type: string;\n className?: string;\n};\n\nconst CourseCardStatBubble: React.FC<CourseCardStatBubbleProps> = ({\n count = 0,\n type = LCSubtypes.job,\n className,\n}) => {\n const imgSrc = TYPE_TO_COURSE_MINI_ICON[type];\n const bgColor = TYPE_TO_COLOR[type];\n\n return (\n <div\n className={`course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[80px] h-[30px] items-center ${className}`}\n >\n <img src={imgSrc} className=\"pr-[5px]\" />\n <span className=\"flex items-center text-sm text-white\">{count}</span>\n </div>\n );\n};\n\nexport const CourseVerticalCard: React.FC<CourseCardVerticalProps> = ({\n className,\n title,\n thumbImgSrc,\n showStatus,\n claimStatus = false,\n achievementCount = 0,\n skillCount = 0,\n checked,\n showChecked,\n onCheckClick,\n onClick,\n}) => {\n const claimBtnStatusType = claimStatus ? LCSubtypes.course : LCSubtypes.locked;\n\n return (\n <div\n onClick={onClick}\n className={`flex flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] ${className}`}\n >\n <section\n className={`relative flex h-[120px] flex-col justify-center items-center w-full rounded-[20px]`}\n >\n <img\n src={CourseCardPlaceholder}\n className=\"course-card-img h-full w-full object-cover rounded-[20px]\"\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 <div className=\"course-card-detail-info flex flex-col justify-between\">\n <p className=\"course-card-title text-sm text-center font-semibold line-clamp-2 mt-[4px]\">\n {title}\n </p>\n <div className=\"course-card-counts-container flex items-center justify-center my-[5px]\">\n <CourseCardStatBubble\n type={'achievement'}\n count={achievementCount}\n className={'mr-[5px]'}\n />\n <CourseCardStatBubble\n type={'skill'}\n count={skillCount}\n className={'mr-[0px]'}\n />\n </div>\n </div>\n {showStatus && (\n <div className=\"course-card-footer absolute bottom-[6px] left-[5px]\">\n <RoundedPill\n onClick={onClick}\n showCheckmark\n type={claimBtnStatusType}\n statusText={'Passed'}\n />\n </div>\n )}\n </div>\n );\n};\n\nexport default CourseVerticalCard;\n"],"names":["MiniTrophyIcon","MiniPuzzleIcon"],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { W as WalletCategoryTypes } from './index-15b828c0.js';
|
|
3
|
+
import { a as TYPE_TO_IMG_SRC, b as TYPE_TO_WALLET_DARK_COLOR } from './index-2ef79548.js';
|
|
4
|
+
|
|
5
|
+
const GenericCard = ({
|
|
6
|
+
title = "Title Lorem Ipsum",
|
|
7
|
+
thumbImgSrc,
|
|
8
|
+
customThumbClass = "",
|
|
9
|
+
customHeaderClass = "",
|
|
10
|
+
type = WalletCategoryTypes.achievements,
|
|
11
|
+
className,
|
|
12
|
+
onClick = () => {
|
|
13
|
+
}
|
|
14
|
+
}) => {
|
|
15
|
+
var _a, _b;
|
|
16
|
+
const thumbClass = (_a = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`) != null ? _a : "bg-grayscale-50";
|
|
17
|
+
const defaultThumbClass = `flex h-[110px] m-auto ${thumbClass} w-[140px] overflow-hidden flex-col justify-center items-center w-full rounded-[20px] ${customThumbClass}`;
|
|
18
|
+
const imgSrc = (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) !== "" ? thumbImgSrc : TYPE_TO_IMG_SRC[type];
|
|
19
|
+
const headerBgColor = (_b = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`) != null ? _b : "bg-grayscale-900";
|
|
20
|
+
const defaultHeaderClass = `flex generic-card-title w-full flex justify-center items-center h-[76px] ${headerBgColor} ${customHeaderClass}`;
|
|
21
|
+
return /* @__PURE__ */ React.createElement("button", {
|
|
22
|
+
onClick,
|
|
23
|
+
className: `flex generic-display-card-simple bg-white flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[0px] px-[0px] w-[160px] h-[215px] rounded-[20px] overflow-hidden ${className}`
|
|
24
|
+
}, /* @__PURE__ */ React.createElement("section", {
|
|
25
|
+
className: defaultHeaderClass
|
|
26
|
+
}, /* @__PURE__ */ React.createElement("p", {
|
|
27
|
+
className: "relative z-[100] text-[14px] px-[10px] py-[0px] font-bold mt-[10px] text-center text-white line-clamp-2"
|
|
28
|
+
}, title)), /* @__PURE__ */ React.createElement("section", {
|
|
29
|
+
className: defaultThumbClass
|
|
30
|
+
}, thumbImgSrc && (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) !== "" && /* @__PURE__ */ React.createElement("img", {
|
|
31
|
+
className: "generic-display-card-img h-full w-full w-[140px] h-[119px] rounded-[20px] object-cover overflow-hidden",
|
|
32
|
+
src: thumbImgSrc != null ? thumbImgSrc : "",
|
|
33
|
+
alt: "Credential Achievement Image"
|
|
34
|
+
}), (!thumbImgSrc || (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) === "") && /* @__PURE__ */ React.createElement("img", {
|
|
35
|
+
className: "max-w-[130px] w-full h-full p-[10px] object-contain",
|
|
36
|
+
src: imgSrc
|
|
37
|
+
})), /* @__PURE__ */ React.createElement("section", {
|
|
38
|
+
className: "generic-card-footer"
|
|
39
|
+
}));
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export { GenericCard as G };
|
|
43
|
+
//# sourceMappingURL=GenericCard-ada539c7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GenericCard-ada539c7.js","sources":["../../src/components/GenericCard/GenericCard.tsx"],"sourcesContent":["import React from 'react';\nimport { GenericCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\n\nexport const GenericCard: React.FC<GenericCardProps> = ({\n title = 'Title Lorem Ipsum',\n thumbImgSrc,\n customThumbClass = '',\n customHeaderClass = '',\n type = WalletCategoryTypes.achievements,\n className,\n onClick = () => {},\n}) => {\n const thumbClass = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-50';\n const defaultThumbClass = `flex h-[110px] m-auto ${thumbClass} w-[140px] overflow-hidden flex-col justify-center items-center w-full rounded-[20px] ${customThumbClass}`;\n const imgSrc = thumbImgSrc?.trim() !== '' ? thumbImgSrc : TYPE_TO_IMG_SRC[type];\n const headerBgColor = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-900';\n const defaultHeaderClass = `flex generic-card-title w-full flex justify-center items-center h-[76px] ${headerBgColor} ${customHeaderClass}`;\n return (\n <button\n onClick={onClick}\n className={`flex generic-display-card-simple bg-white flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[0px] px-[0px] w-[160px] h-[215px] rounded-[20px] overflow-hidden ${className}`}\n >\n <section className={defaultHeaderClass}>\n <p className=\"relative z-[100] text-[14px] px-[10px] py-[0px] font-bold mt-[10px] text-center text-white line-clamp-2\">\n {title}\n </p>\n </section>\n <section className={defaultThumbClass}>\n {thumbImgSrc && thumbImgSrc?.trim() !== '' && (\n <img\n className=\"generic-display-card-img h-full w-full w-[140px] h-[119px] rounded-[20px] object-cover overflow-hidden\"\n src={thumbImgSrc ?? ''}\n alt=\"Credential Achievement Image\"\n />\n )}\n {(!thumbImgSrc || thumbImgSrc?.trim() === '') && (\n <img\n className=\"max-w-[130px] w-full h-full p-[10px] object-contain\"\n src={imgSrc}\n />\n )}\n </section>\n\n <section className=\"generic-card-footer\"></section>\n </button>\n );\n};\n\nexport default GenericCard;\n"],"names":[],"mappings":";;;;AAGY,MAAC,WAAW,GAAG,CAAC;AAC5B,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,WAAW;AACb,EAAE,gBAAgB,GAAG,EAAE;AACvB,EAAE,iBAAiB,GAAG,EAAE;AACxB,EAAE,IAAI,GAAG,mBAAmB,CAAC,YAAY;AACzC,EAAE,SAAS;AACX,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACb,EAAE,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,iBAAiB,CAAC;AACrG,EAAE,MAAM,iBAAiB,GAAG,CAAC,sBAAsB,EAAE,UAAU,CAAC,sFAAsF,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAC3K,EAAE,MAAM,MAAM,GAAG,CAAC,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;AAClH,EAAE,MAAM,aAAa,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,kBAAkB,CAAC;AACzG,EAAE,MAAM,kBAAkB,GAAG,CAAC,0EAA0E,EAAE,aAAa,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAC/I,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,wKAAwK,EAAE,SAAS,CAAC,CAAC;AACrM,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,kBAAkB;AACjC,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,yGAAyG;AACxH,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7D,IAAI,SAAS,EAAE,iBAAiB;AAChC,GAAG,EAAE,WAAW,IAAI,CAAC,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC7H,IAAI,SAAS,EAAE,yGAAyG;AACxH,IAAI,GAAG,EAAE,WAAW,IAAI,IAAI,GAAG,WAAW,GAAG,EAAE;AAC/C,IAAI,GAAG,EAAE,8BAA8B;AACvC,GAAG,CAAC,EAAE,CAAC,CAAC,WAAW,IAAI,CAAC,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjI,IAAI,SAAS,EAAE,qDAAqD;AACpE,IAAI,GAAG,EAAE,MAAM;AACf,GAAG,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACtD,IAAI,SAAS,EAAE,qBAAqB;AACpC,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { T as TYPE_TO_MINI_ICON } from './index-2ef79548.js';
|
|
3
|
+
import { L as LCSubtypes } from './index-15b828c0.js';
|
|
4
4
|
|
|
5
5
|
const TYPE_TO_COLOR = {
|
|
6
6
|
course: "bg-emerald-50",
|
|
@@ -114,4 +114,4 @@ const JobListCard = ({
|
|
|
114
114
|
};
|
|
115
115
|
|
|
116
116
|
export { JobListingBubble as J, JobListCard as a };
|
|
117
|
-
//# sourceMappingURL=JobListCard-
|
|
117
|
+
//# sourceMappingURL=JobListCard-e84e21e7.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JobListCard-c26d8a61.js","sources":["../../src/components/JobListCard/JobListCard.tsx"],"sourcesContent":["import React from 'react';\nimport { JobListCardProps } from '../../types';\nimport { TYPE_TO_MINI_ICON } from '../RoundedSquare';\nimport { LCSubtypes } from '../../types';\n\nconst TYPE_TO_COLOR: any = {\n course: 'bg-emerald-50',\n achievement: 'bg-spice-50',\n skill: 'bg-indigo-50',\n};\n\nconst TYPE_TO_TEXT_COLOR: any = {\n course: 'text-emerald-700',\n achievement: 'text-spice-500',\n skill: 'text-indigo-600',\n};\n\ntype JobListingBubbleProps = {\n count: number | string | undefined;\n type: LCSubtypes.course | LCSubtypes.achievement | LCSubtypes.skill;\n className?: string;\n};\n\nexport const JobListingBubble: React.FC<JobListingBubbleProps> = ({\n count = 0,\n type = LCSubtypes.skill,\n className,\n}) => {\n const imgSrc = TYPE_TO_MINI_ICON[type];\n const bgColor = TYPE_TO_COLOR[type];\n const textColor = TYPE_TO_TEXT_COLOR[type];\n if (count === 0) return <></>;\n return (\n <div\n className={`job-card-stat-bubble px-[10px] px-[5px] flex-nowrap rounded-[30px] flex ${bgColor} min-w-[48px] min-w-[90px] h-[30px] justify-center items-center ${className}`}\n >\n <img src={imgSrc} className=\"mr-[3px]\" />\n <span className={`flex items-center text-sm ${textColor} font-bold`}>{count}</span>\n </div>\n );\n};\n\nexport const JobListCard: React.FC<JobListCardProps> = ({\n company,\n className = 'job-listing-card',\n title,\n compensation,\n location,\n locationRequirement,\n timeRequirement,\n qualificationDisplay,\n percentQualifiedDisplay,\n postDateDisplay,\n imgThumb,\n isBookmarked,\n onBookmark,\n onClick,\n}) => {\n const courseReqCount = qualificationDisplay?.courses?.totalRequiredCount;\n const achievementsReqCount = qualificationDisplay?.achievements?.totalRequiredCount;\n const skillsReqCount = qualificationDisplay?.skills?.totalRequiredCount;\n\n const courseCountDisplay =\n courseReqCount &&\n `${qualificationDisplay?.courses?.fulfilledCount ?? 0}/${\n qualificationDisplay?.courses?.totalRequiredCount ?? 0\n }`;\n const achievementsCountDisplay =\n achievementsReqCount &&\n `${qualificationDisplay?.achievements?.fulfilledCount ?? 0}/${\n qualificationDisplay?.achievements?.totalRequiredCount ?? 0\n }`;\n const skillsCountDisplay =\n skillsReqCount &&\n `${qualificationDisplay?.skills?.fulfilledCount ?? 0}/${\n qualificationDisplay?.skills?.totalRequiredCount ?? 0\n }`;\n\n const qualifiedText = percentQualifiedDisplay\n ? `${percentQualifiedDisplay}% Qualified - Apply`\n : 'Apply';\n\n let topText = '';\n if (!compensation && timeRequirement) topText = timeRequirement;\n if (!timeRequirement && compensation) topText = compensation;\n if (timeRequirement && compensation) topText = `${compensation} • ${timeRequirement}`;\n\n let locationText = '';\n if (!location && locationRequirement) locationText = locationRequirement;\n if (!locationRequirement && location) locationText = location;\n if (locationRequirement && location) locationText = `${locationRequirement} • ${location}`;\n\n return (\n <div\n className={`flex flex-col justify-between shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] min-h-[260px] rounded-[20px] ${className}`}\n >\n <div className=\"job-listing-top flex\">\n <div className=\"flex text-grayscale-500 text-xs uppercase w-full line-clamp-1\">\n {topText}\n </div>\n </div>\n <p className=\"text-grayscale-500 text-xs line-clamp-1 flex-shrink-0\">\n {' '}\n {postDateDisplay}\n </p>\n\n <div className=\"job-listing-center flex mt-[5px]\">\n {imgThumb && (\n <img\n className=\"object-cover w-[80px] flex-shrink-0 items-center justify-center rounded-[15px] mr-[10px]\"\n src={imgThumb}\n />\n )}\n\n <div className=\"job-listing-description flex flex-col\">\n <h4 className=\"text-lg font-bold line-clamp-2\">{title}</h4>\n <p className=\"text-sm line-clamp-1\">{company}</p>\n <span className=\"text-sm line-clamp-1\">{locationText}</span>\n </div>\n </div>\n\n <div className=\"job-listing-qualifications mt-[10px]\">\n <div className=\"course-card-counts-container flex items-center flex-wrap\">\n <JobListingBubble\n type={LCSubtypes.course}\n count={courseCountDisplay}\n className={'mr-[5px] min-w-[100px]'}\n />\n\n <JobListingBubble\n type={LCSubtypes.achievement}\n count={achievementsCountDisplay}\n className={'mr-[5px] min-w-[100px]'}\n />\n\n <JobListingBubble\n type={LCSubtypes.skill}\n count={skillsCountDisplay}\n className={'mr-[0px min-w-[100px]]'}\n />\n </div>\n </div>\n\n <button\n type=\"button\"\n onClick={onClick}\n className=\"mt-[10px] bg-cyan-700 py-[15px] px-[2px] rounded-[40px] text-grayscale-50 text-[17px] font-bold\"\n >\n {qualifiedText}\n </button>\n </div>\n );\n};\n\nexport default JobListCard;\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"JobListCard-e84e21e7.js","sources":["../../src/components/JobListCard/JobListCard.tsx"],"sourcesContent":["import React from 'react';\nimport { JobListCardProps } from '../../types';\nimport { TYPE_TO_MINI_ICON } from '../../constants/';\nimport { LCSubtypes } from '../../types';\n\nconst TYPE_TO_COLOR: any = {\n course: 'bg-emerald-50',\n achievement: 'bg-spice-50',\n skill: 'bg-indigo-50',\n};\n\nconst TYPE_TO_TEXT_COLOR: any = {\n course: 'text-emerald-700',\n achievement: 'text-spice-500',\n skill: 'text-indigo-600',\n};\n\ntype JobListingBubbleProps = {\n count: number | string | undefined;\n type: LCSubtypes.course | LCSubtypes.achievement | LCSubtypes.skill;\n className?: string;\n};\n\nexport const JobListingBubble: React.FC<JobListingBubbleProps> = ({\n count = 0,\n type = LCSubtypes.skill,\n className,\n}) => {\n const imgSrc = TYPE_TO_MINI_ICON[type];\n const bgColor = TYPE_TO_COLOR[type];\n const textColor = TYPE_TO_TEXT_COLOR[type];\n if (count === 0) return <></>;\n return (\n <div\n className={`job-card-stat-bubble px-[10px] px-[5px] flex-nowrap rounded-[30px] flex ${bgColor} min-w-[48px] min-w-[90px] h-[30px] justify-center items-center ${className}`}\n >\n <img src={imgSrc} className=\"mr-[3px]\" />\n <span className={`flex items-center text-sm ${textColor} font-bold`}>{count}</span>\n </div>\n );\n};\n\nexport const JobListCard: React.FC<JobListCardProps> = ({\n company,\n className = 'job-listing-card',\n title,\n compensation,\n location,\n locationRequirement,\n timeRequirement,\n qualificationDisplay,\n percentQualifiedDisplay,\n postDateDisplay,\n imgThumb,\n isBookmarked,\n onBookmark,\n onClick,\n}) => {\n const courseReqCount = qualificationDisplay?.courses?.totalRequiredCount;\n const achievementsReqCount = qualificationDisplay?.achievements?.totalRequiredCount;\n const skillsReqCount = qualificationDisplay?.skills?.totalRequiredCount;\n\n const courseCountDisplay =\n courseReqCount &&\n `${qualificationDisplay?.courses?.fulfilledCount ?? 0}/${\n qualificationDisplay?.courses?.totalRequiredCount ?? 0\n }`;\n const achievementsCountDisplay =\n achievementsReqCount &&\n `${qualificationDisplay?.achievements?.fulfilledCount ?? 0}/${\n qualificationDisplay?.achievements?.totalRequiredCount ?? 0\n }`;\n const skillsCountDisplay =\n skillsReqCount &&\n `${qualificationDisplay?.skills?.fulfilledCount ?? 0}/${\n qualificationDisplay?.skills?.totalRequiredCount ?? 0\n }`;\n\n const qualifiedText = percentQualifiedDisplay\n ? `${percentQualifiedDisplay}% Qualified - Apply`\n : 'Apply';\n\n let topText = '';\n if (!compensation && timeRequirement) topText = timeRequirement;\n if (!timeRequirement && compensation) topText = compensation;\n if (timeRequirement && compensation) topText = `${compensation} • ${timeRequirement}`;\n\n let locationText = '';\n if (!location && locationRequirement) locationText = locationRequirement;\n if (!locationRequirement && location) locationText = location;\n if (locationRequirement && location) locationText = `${locationRequirement} • ${location}`;\n\n return (\n <div\n className={`flex flex-col justify-between shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] min-h-[260px] rounded-[20px] ${className}`}\n >\n <div className=\"job-listing-top flex\">\n <div className=\"flex text-grayscale-500 text-xs uppercase w-full line-clamp-1\">\n {topText}\n </div>\n </div>\n <p className=\"text-grayscale-500 text-xs line-clamp-1 flex-shrink-0\">\n {' '}\n {postDateDisplay}\n </p>\n\n <div className=\"job-listing-center flex mt-[5px]\">\n {imgThumb && (\n <img\n className=\"object-cover w-[80px] flex-shrink-0 items-center justify-center rounded-[15px] mr-[10px]\"\n src={imgThumb}\n />\n )}\n\n <div className=\"job-listing-description flex flex-col\">\n <h4 className=\"text-lg font-bold line-clamp-2\">{title}</h4>\n <p className=\"text-sm line-clamp-1\">{company}</p>\n <span className=\"text-sm line-clamp-1\">{locationText}</span>\n </div>\n </div>\n\n <div className=\"job-listing-qualifications mt-[10px]\">\n <div className=\"course-card-counts-container flex items-center flex-wrap\">\n <JobListingBubble\n type={LCSubtypes.course}\n count={courseCountDisplay}\n className={'mr-[5px] min-w-[100px]'}\n />\n\n <JobListingBubble\n type={LCSubtypes.achievement}\n count={achievementsCountDisplay}\n className={'mr-[5px] min-w-[100px]'}\n />\n\n <JobListingBubble\n type={LCSubtypes.skill}\n count={skillsCountDisplay}\n className={'mr-[0px min-w-[100px]]'}\n />\n </div>\n </div>\n\n <button\n type=\"button\"\n onClick={onClick}\n className=\"mt-[10px] bg-cyan-700 py-[15px] px-[2px] rounded-[40px] text-grayscale-50 text-[17px] font-bold\"\n >\n {qualifiedText}\n </button>\n </div>\n );\n};\n\nexport default JobListCard;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { L as LCSubtypes } from './index-
|
|
3
|
-
import { T as TYPE_TO_MINI_ICON } from './
|
|
2
|
+
import { L as LCSubtypes } from './index-15b828c0.js';
|
|
3
|
+
import { T as TYPE_TO_MINI_ICON } from './index-2ef79548.js';
|
|
4
4
|
|
|
5
5
|
const TYPE_TO_COLOR = {
|
|
6
6
|
[LCSubtypes.course]: "bg-emerald-50",
|
|
@@ -31,4 +31,4 @@ const LearnPill = ({
|
|
|
31
31
|
};
|
|
32
32
|
|
|
33
33
|
export { LearnPill as L };
|
|
34
|
-
//# sourceMappingURL=LearnPill-
|
|
34
|
+
//# sourceMappingURL=LearnPill-a1001ae7.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LearnPill-
|
|
1
|
+
{"version":3,"file":"LearnPill-a1001ae7.js","sources":["../../src/components/LearnPill/LearnPill.tsx"],"sourcesContent":["import React from 'react';\nimport { LearnPillProps, LCSubtypes } from '../../types';\nimport { TYPE_TO_MINI_ICON } from '../../constants/';\n\nconst TYPE_TO_COLOR: any = {\n [LCSubtypes.course]: 'bg-emerald-50',\n [LCSubtypes.achievement]: 'bg-spice-50',\n [LCSubtypes.skill]: 'bg-indigo-50',\n};\n\nconst TYPE_TO_TEXT_COLOR: any = {\n [LCSubtypes.course]: 'text-emerald-700',\n [LCSubtypes.achievement]: 'text-spice-500',\n [LCSubtypes.skill]: 'text-indigo-600',\n};\n\nexport const LearnPill: React.FC<LearnPillProps> = ({\n count = 0,\n type = LCSubtypes.course,\n className,\n}) => {\n const imgSrc = TYPE_TO_MINI_ICON[type];\n const bgColor = TYPE_TO_COLOR[type];\n const textColor = TYPE_TO_TEXT_COLOR[type];\n return (\n <div\n className={`course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[100px] h-[30px] items-center ${className}`}\n >\n <img src={imgSrc} className=\"mr-[5px]\" />\n <span className={`flex items-center text-sm ${textColor} font-bold`}>{count}</span>\n </div>\n );\n};\n\nexport default LearnPill;\n"],"names":[],"mappings":";;;;AAGA,MAAM,aAAa,GAAG;AACtB,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,eAAe;AACtC,EAAE,CAAC,UAAU,CAAC,WAAW,GAAG,aAAa;AACzC,EAAE,CAAC,UAAU,CAAC,KAAK,GAAG,cAAc;AACpC,CAAC,CAAC;AACF,MAAM,kBAAkB,GAAG;AAC3B,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,kBAAkB;AACzC,EAAE,CAAC,UAAU,CAAC,WAAW,GAAG,gBAAgB;AAC5C,EAAE,CAAC,UAAU,CAAC,KAAK,GAAG,iBAAiB;AACvC,CAAC,CAAC;AACU,MAAC,SAAS,GAAG,CAAC;AAC1B,EAAE,KAAK,GAAG,CAAC;AACX,EAAE,IAAI,GAAG,UAAU,CAAC,MAAM;AAC1B,EAAE,SAAS;AACX,CAAC,KAAK;AACN,EAAE,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACzC,EAAE,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;AACtC,EAAE,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAC7C,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,sDAAsD,EAAE,OAAO,CAAC,kDAAkD,EAAE,SAAS,CAAC,CAAC;AAC/I,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,GAAG,EAAE,MAAM;AACf,IAAI,SAAS,EAAE,UAAU;AACzB,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAClD,IAAI,SAAS,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,UAAU,CAAC;AACjE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AACb;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { T as TYPE_TO_ICON } from './icons-
|
|
2
|
+
import { T as TYPE_TO_ICON } from './icons-10f38bbd.js';
|
|
3
3
|
|
|
4
4
|
const TYPE_TO_BG_COLOR_CLASS = {
|
|
5
5
|
skill: "indigo-50",
|
|
@@ -96,4 +96,4 @@ const RoundedPill = ({
|
|
|
96
96
|
};
|
|
97
97
|
|
|
98
98
|
export { CheckmarkSvg as C, RoundedPill as R };
|
|
99
|
-
//# sourceMappingURL=RoundedPill-
|
|
99
|
+
//# sourceMappingURL=RoundedPill-2f4dc646.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoundedPill-
|
|
1
|
+
{"version":3,"file":"RoundedPill-2f4dc646.js","sources":["../../src/components/RoundedPill/RoundedPill.tsx"],"sourcesContent":["import React from 'react';\nimport { TYPE_TO_ICON } from '../../constants/icons';\nimport { RoundedPillProps } from '../../types';\n\nconst TYPE_TO_BG_COLOR_CLASS: any = {\n skill: 'indigo-50',\n achievement: 'spice-50',\n course: 'emerald-50',\n locked: 'grayscale-100',\n};\n\nconst TYPE_TO_FOREGROUND_COLOR: any = {\n skill: 'indigo-500',\n achievement: 'spice-500',\n course: 'emerald-700',\n locked: 'grayscale-700',\n};\n\nconst TYPE_TO_CHECKMARK_COLOR: any = {\n skill: '#6366F1',\n achievement: '#FF5820',\n course: '#00BA88',\n locked: '#52597A',\n};\n\ntype InlineSVGProps = {\n color?: string;\n size?: string | number;\n};\n\nexport const CheckmarkSvg: React.FC<InlineSVGProps> = ({ color = '#00BA88', size = '20' }) => {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.875 5.62537L8.125 14.375L3.75 10.0004\"\n stroke={color}\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n};\n\nconst LockedIcon: React.FC<InlineSVGProps> = ({ color = '#52597A', size = '20' }) => {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.25 6.875H3.75C3.40482 6.875 3.125 7.15482 3.125 7.5V16.25C3.125 16.5952 3.40482 16.875 3.75 16.875H16.25C16.5952 16.875 16.875 16.5952 16.875 16.25V7.5C16.875 7.15482 16.5952 6.875 16.25 6.875Z\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M7.1875 6.875V4.0625C7.1875 3.31658 7.48382 2.60121 8.01126 2.07376C8.53871 1.54632 9.25408 1.25 10 1.25C10.7459 1.25 11.4613 1.54632 11.9887 2.07376C12.5162 2.60121 12.8125 3.31658 12.8125 4.0625V6.875\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10 13.125C10.6904 13.125 11.25 12.5654 11.25 11.875C11.25 11.1846 10.6904 10.625 10 10.625C9.30964 10.625 8.75 11.1846 8.75 11.875C8.75 12.5654 9.30964 13.125 10 13.125Z\"\n fill={color}\n />\n </svg>\n );\n};\n\nexport const RoundedPill: React.FC<RoundedPillProps> = ({\n statusText,\n type = 'skill',\n onClick,\n showCheckmark = false,\n}) => {\n const backgroundColor = `bg-${TYPE_TO_BG_COLOR_CLASS[type]}`;\n const iconBgColor = `bg-${TYPE_TO_FOREGROUND_COLOR[type]}`;\n const circleClass = `flex w-full items-center justify-center icon-display h-[40px] w-[40px] rounded-full ${iconBgColor} absolute flex-shrink-0 `;\n\n const handleClick = () => {\n onClick?.();\n };\n\n const iconSrc = TYPE_TO_ICON[type];\n const textColor = `text-${TYPE_TO_FOREGROUND_COLOR[type]}`;\n const checkColor = TYPE_TO_CHECKMARK_COLOR[type];\n const locked = type === 'locked';\n\n const displayText = !locked ? statusText : 'Locked';\n\n return (\n <button\n onClick={handleClick}\n className={`flex relative ${backgroundColor} items-center px-[5px] py-[2px] w-[180px] h-[46px] rounded-[40px] rounded-pill-el`}\n >\n {!locked && (\n <div className={circleClass}>\n <img\n className=\"h-full w-full object-cover max-h-[24px] max-w-[24px] flex-shrink-0 \"\n src={iconSrc ?? ''}\n alt=\"Icon image\"\n />\n </div>\n )}\n <span\n className={`font-semibold ${textColor} w-full flex items-center justify-center text-[14px]`}\n >\n {showCheckmark && !locked && (\n <span className=\"rounded-pill-checkmark mr-[5px]\">\n <CheckmarkSvg color={checkColor} />\n </span>\n )}\n {locked && (\n <span className=\"rounded-pill-checkmark mr-[5px]\">\n <LockedIcon />\n </span>\n )}\n\n {displayText}\n </span>\n </button>\n );\n};\n\nexport default RoundedPill;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { I as Icons } from './index-
|
|
3
|
-
import { I as ICONS_TO_SOURCE } from './icons-
|
|
4
|
-
import { C as CountCircle, a as CircleIcon } from './CircleIcon-
|
|
5
|
-
import { a as TYPE_TO_IMG_SRC,
|
|
2
|
+
import { I as Icons, W as WalletCategoryTypes } from './index-15b828c0.js';
|
|
3
|
+
import { I as ICONS_TO_SOURCE } from './icons-10f38bbd.js';
|
|
4
|
+
import { C as CountCircle, a as CircleIcon } from './CircleIcon-b0dca4b6.js';
|
|
5
|
+
import { a as TYPE_TO_IMG_SRC, c as TYPE_TO_WALLET_COLOR } from './index-2ef79548.js';
|
|
6
6
|
|
|
7
7
|
const RoundedSquare = ({
|
|
8
8
|
title = "Currencies",
|
|
9
9
|
description = "Lorem ipsum sit dalor amet",
|
|
10
10
|
iconSrc = ICONS_TO_SOURCE[Icons.trophyIcon],
|
|
11
11
|
imgSrc,
|
|
12
|
-
type =
|
|
12
|
+
type = WalletCategoryTypes.achievements,
|
|
13
13
|
count = "28",
|
|
14
14
|
onClick = () => {
|
|
15
15
|
},
|
|
@@ -45,4 +45,4 @@ const RoundedSquare = ({
|
|
|
45
45
|
};
|
|
46
46
|
|
|
47
47
|
export { RoundedSquare as R };
|
|
48
|
-
//# sourceMappingURL=RoundedSquare-
|
|
48
|
+
//# sourceMappingURL=RoundedSquare-c013d78d.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RoundedSquare-c013d78d.js","sources":["../../src/components/RoundedSquare/RoundedSquare.tsx"],"sourcesContent":["import React from 'react';\nimport { Icons, WalletCategoryTypes } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\nimport CircleIcon from '../CircleIcon/CircleIcon';\nimport { CountCircle } from '../CircleIcon';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_COLOR } from '../../constants';\n\nexport type RoundedSquareProps = {\n title?: string;\n description?: string;\n type?: WalletCategoryTypes;\n iconSrc?: string;\n imgSrc?: string;\n count?: string | number;\n onClick?: () => void;\n bgColor?: string;\n};\n\nexport const RoundedSquare: React.FC<RoundedSquareProps> = ({\n title = 'Currencies',\n description = 'Lorem ipsum sit dalor amet',\n iconSrc = ICONS_TO_SOURCE[Icons.trophyIcon],\n imgSrc,\n type = WalletCategoryTypes.achievements,\n count = '28',\n onClick = () => {},\n bgColor,\n}) => {\n const imgSource = imgSrc || TYPE_TO_IMG_SRC[type];\n const backgroundColor = bgColor ?? `bg-${TYPE_TO_WALLET_COLOR[type]}`;\n const circleClass = `flex w-full justify-end icon-display absolute right-[15px] bottom-[10px] max-h-[40px] max-w-[40px]`;\n\n return (\n <button\n onClick={onClick}\n className={`flex relative ${backgroundColor} py-[15px] px-[15px] w-[170px] h-[170px] rounded-[40px] rounded-square-card-container`}\n >\n <div className=\"w-full relative\">\n <section className=\"title-headline-container flex items-center justify-between\">\n <CountCircle\n count={count}\n className=\"solo-counter-circle right-[0px] top-[0px] relative\"\n />\n <h3 className=\"line-clamp-2 font-bold text-[13px] text-grayscale-900 text-left\">\n {title}\n </h3>\n </section>\n\n <div className=\"graphic-background relative flex justify-center\">\n <img className=\"max-w-[130px]\" src={imgSource} />\n </div>\n </div>\n\n <div className={circleClass}>\n <CircleIcon iconSrc={iconSrc} count={count} size=\"40\" />\n </div>\n </button>\n );\n};\n\nexport default RoundedSquare;\n"],"names":[],"mappings":";;;;;;AAMY,MAAC,aAAa,GAAG,CAAC;AAC9B,EAAE,KAAK,GAAG,YAAY;AACtB,EAAE,WAAW,GAAG,4BAA4B;AAC5C,EAAE,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC;AAC7C,EAAE,MAAM;AACR,EAAE,IAAI,GAAG,mBAAmB,CAAC,YAAY;AACzC,EAAE,KAAK,GAAG,IAAI;AACd,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,EAAE,OAAO;AACT,CAAC,KAAK;AACN,EAAE,MAAM,SAAS,GAAG,MAAM,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;AACpD,EAAE,MAAM,eAAe,GAAG,OAAO,IAAI,IAAI,GAAG,OAAO,GAAG,CAAC,GAAG,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACzF,EAAE,MAAM,WAAW,GAAG,CAAC,kGAAkG,CAAC,CAAC;AAC3H,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,cAAc,EAAE,eAAe,CAAC,qFAAqF,CAAC;AACtI,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,iBAAiB;AAChC,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,4DAA4D;AAC3E,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACtD,IAAI,KAAK;AACT,IAAI,SAAS,EAAE,oDAAoD;AACnE,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAChD,IAAI,SAAS,EAAE,iEAAiE;AAChF,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzD,IAAI,SAAS,EAAE,iDAAiD;AAChE,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,eAAe;AAC9B,IAAI,GAAG,EAAE,SAAS;AAClB,GAAG,CAAC,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnD,IAAI,SAAS,EAAE,WAAW;AAC1B,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE;AACrD,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,IAAI,EAAE,IAAI;AACd,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { L as LCSubtypes } from './index-
|
|
3
|
-
import { C as CircleCheckButton } from './CircleCheckButton-
|
|
4
|
-
import { R as RoundedPill } from './RoundedPill-
|
|
2
|
+
import { L as LCSubtypes } from './index-15b828c0.js';
|
|
3
|
+
import { C as CircleCheckButton } from './CircleCheckButton-a55dfd2a.js';
|
|
4
|
+
import { R as RoundedPill } from './RoundedPill-2f4dc646.js';
|
|
5
5
|
|
|
6
6
|
const SkillTabCard = ({
|
|
7
7
|
title,
|
|
@@ -30,4 +30,4 @@ const SkillTabCard = ({
|
|
|
30
30
|
};
|
|
31
31
|
|
|
32
32
|
export { SkillTabCard as S };
|
|
33
|
-
//# sourceMappingURL=SkillTabCard-
|
|
33
|
+
//# sourceMappingURL=SkillTabCard-ade7a48c.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkillTabCard-
|
|
1
|
+
{"version":3,"file":"SkillTabCard-ade7a48c.js","sources":["../../src/components/SkillTabCard/SkillTabCard.tsx"],"sourcesContent":["import React from 'react';\nimport { RoundedPill } from '../RoundedPill';\nimport { LCSubtypes } from '../../types';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { SkillTabCardProps } from '../../types';\n\nexport const SkillTabCard: React.FC<SkillTabCardProps> = ({\n title,\n description,\n checked = false,\n showChecked,\n onClick,\n onCheckClicked,\n className = 'skill-tab-card',\n}) => {\n return (\n <div\n className={`flex-col flex justify-between items-center font-bold shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[168px] rounded-[20px] ${className}`}\n >\n {showChecked && (\n <CircleCheckButton\n onClick={onCheckClicked}\n checked={checked}\n bgColor=\"bg-grayscale-200\"\n />\n )}\n <h4 className=\"text-indigo-600 text-[14px] text-center line-clamp-2\">{title}</h4>\n <p className=\"line-clamp-2 text-[12px] text-center\">{description}</p>\n\n <RoundedPill type={LCSubtypes.skill} statusText={'Earned'} onClick={onClick} />\n </div>\n );\n};\n\nexport default SkillTabCard;\n"],"names":[],"mappings":";;;;;AAIY,MAAC,YAAY,GAAG,CAAC;AAC7B,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,OAAO,GAAG,KAAK;AACjB,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE,cAAc;AAChB,EAAE,SAAS,GAAG,gBAAgB;AAC9B,CAAC,KAAK;AACN,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,0JAA0J,EAAE,SAAS,CAAC,CAAC;AACvL,GAAG,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE;AAC3E,IAAI,OAAO,EAAE,cAAc;AAC3B,IAAI,OAAO;AACX,IAAI,OAAO,EAAE,kBAAkB;AAC/B,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAChD,IAAI,SAAS,EAAE,sDAAsD;AACrE,GAAG,EAAE,KAAK,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACtD,IAAI,SAAS,EAAE,sCAAsC;AACrD,GAAG,EAAE,WAAW,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACpE,IAAI,IAAI,EAAE,UAAU,CAAC,KAAK;AAC1B,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,OAAO;AACX,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
|
|
@@ -7,7 +7,7 @@ import lightbulb from './lightbulb.svg';
|
|
|
7
7
|
import puzzlelight from './minipuzzle.svg';
|
|
8
8
|
import trophylight from './minitrophy.svg';
|
|
9
9
|
import gradcaplight from './gradcaplight.svg';
|
|
10
|
-
import { I as Icons } from './index-
|
|
10
|
+
import { I as Icons } from './index-15b828c0.js';
|
|
11
11
|
|
|
12
12
|
const ICONS_TO_SOURCE = {
|
|
13
13
|
[Icons.coinsIcon]: coins,
|
|
@@ -27,4 +27,4 @@ const TYPE_TO_ICON = {
|
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
export { ICONS_TO_SOURCE as I, TYPE_TO_ICON as T };
|
|
30
|
-
//# sourceMappingURL=icons-
|
|
30
|
+
//# sourceMappingURL=icons-10f38bbd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons-
|
|
1
|
+
{"version":3,"file":"icons-10f38bbd.js","sources":["../../src/constants/icons.ts"],"sourcesContent":["import coins from '../assets/images/coins.svg';\nimport user from '../assets/images/user.svg';\nimport trophy from '../assets/images/trophy.svg';\nimport briefcase from '../assets/images/briefcase.svg';\nimport graduation from '../assets/images/graduation.svg';\nimport lightbulb from '../assets/images/lightbulb.svg';\n\nimport puzzlelight from '../assets/images/minipuzzle.svg';\nimport trophylight from '../assets/images/minitrophy.svg';\nimport gradcaplight from '../assets/images/gradcaplight.svg';\n\nimport { Icons } from '../types';\nexport {\n coins,\n user,\n trophy,\n briefcase,\n graduation,\n lightbulb,\n gradcaplight,\n trophylight,\n puzzlelight,\n};\n\nexport const ICONS_TO_SOURCE = {\n [Icons.coinsIcon]: coins,\n [Icons.userIcon]: user,\n [Icons.trophyIcon]: trophy,\n [Icons.briefcaseIcon]: briefcase,\n [Icons.graduationIcon]: graduation,\n [Icons.lightbulbIcon]: lightbulb,\n [Icons.puzzlelight]: puzzlelight,\n [Icons.trophylight]: trophylight,\n [Icons.gradcaplight]: gradcaplight,\n};\n\nexport const TYPE_TO_ICON: any = {\n course: gradcaplight,\n achievement: trophylight,\n skill: puzzlelight,\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAqBY,MAAC,eAAe,GAAG;AAC/B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK;AAC1B,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI;AACxB,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;AAC5B,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,SAAS;AAClC,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,UAAU;AACpC,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,SAAS;AAClC,EAAE,CAAC,KAAK,CAAC,WAAW,GAAG,WAAW;AAClC,EAAE,CAAC,KAAK,CAAC,WAAW,GAAG,WAAW;AAClC,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,YAAY;AACpC,EAAE;AACU,MAAC,YAAY,GAAG;AAC5B,EAAE,MAAM,EAAE,YAAY;AACtB,EAAE,WAAW,EAAE,WAAW;AAC1B,EAAE,KAAK,EAAE,WAAW;AACpB;;;;"}
|
|
@@ -18,6 +18,15 @@ var LCSubtypes = /* @__PURE__ */ ((LCSubtypes2) => {
|
|
|
18
18
|
LCSubtypes2["locked"] = "locked";
|
|
19
19
|
return LCSubtypes2;
|
|
20
20
|
})(LCSubtypes || {});
|
|
21
|
+
var WalletCategoryTypes = /* @__PURE__ */ ((WalletCategoryTypes2) => {
|
|
22
|
+
WalletCategoryTypes2["achievements"] = "achievements";
|
|
23
|
+
WalletCategoryTypes2["ids"] = "ids";
|
|
24
|
+
WalletCategoryTypes2["jobHistory"] = "jobHistory";
|
|
25
|
+
WalletCategoryTypes2["currency"] = "currency";
|
|
26
|
+
WalletCategoryTypes2["learningHistory"] = "learningHistory";
|
|
27
|
+
WalletCategoryTypes2["skills"] = "skills";
|
|
28
|
+
return WalletCategoryTypes2;
|
|
29
|
+
})(WalletCategoryTypes || {});
|
|
21
30
|
|
|
22
|
-
export { Icons as I, LCSubtypes as L };
|
|
23
|
-
//# sourceMappingURL=index-
|
|
31
|
+
export { Icons as I, LCSubtypes as L, WalletCategoryTypes as W };
|
|
32
|
+
//# sourceMappingURL=index-15b828c0.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-15b828c0.js","sources":["../../src/types/index.ts"],"sourcesContent":["import { VerificationItem, VC, Profile, CredentialSubject } from '@learncard/types';\n\nexport enum Icons {\n coinsIcon,\n userIcon,\n trophyIcon,\n briefcaseIcon,\n graduationIcon,\n lightbulbIcon,\n gradcaplight,\n trophylight,\n puzzlelight,\n}\n\nexport enum LCSubtypes {\n job = 'job',\n achievement = 'achievement',\n skill = 'skill',\n course = 'course',\n locked = 'locked',\n}\n\nexport enum WalletCategoryTypes {\n achievements = 'achievements',\n ids = 'ids',\n jobHistory = 'jobHistory',\n currency = 'currency',\n learningHistory = 'learningHistory',\n skills = 'skills',\n}\n\nexport type CredentialInfo = {\n title?: string;\n createdAt?: string;\n issuer?: Profile;\n issuee?: Profile;\n credentialSubject?: CredentialSubject;\n};\n\nexport type VCDisplayCardProps = {\n title?: string;\n createdAt?: string;\n issuer?: Profile;\n issuee?: Profile;\n subjectImageComponent?: React.ReactNode;\n userImage?: string;\n className?: string;\n credentialSubject?: CredentialSubject;\n onClick?: () => void;\n loading?: boolean;\n verification?: VerificationItem[];\n};\n\nexport type RoundedSquareProps = {\n title?: string;\n description?: string;\n iconSrc?: string;\n count?: string | number;\n onClick?: () => void;\n bgColor?: string;\n};\n\nexport type SmallAchievementCardProps = {\n title?: string;\n thumbImgSrc?: string;\n showStatus?: boolean;\n showSkills?: boolean;\n date?: string;\n onClick?: () => void;\n};\n\nexport type AchievementCardProps = {\n title?: string;\n thumbImgSrc?: string;\n showStatus?: boolean;\n claimStatus?: boolean;\n showSkills?: boolean;\n skillCount?: number;\n showChecked?: boolean;\n checked?: boolean;\n onCheckClick?: () => void;\n onClick?: () => void;\n};\n\nexport type CourseCardProps = {\n status?: string;\n title?: string;\n semester?: string;\n skillCount?: string | number;\n thumbSrc?: string;\n jobCount?: string | number;\n className?: string;\n hideHeader?: boolean;\n check?: boolean;\n achievementCount: string | number;\n onClick?: () => void;\n};\n\nexport type CourseCardVerticalProps = {\n title?: string;\n className?: string;\n thumbImgSrc?: string;\n showStatus?: boolean;\n claimStatus?: boolean;\n achievementCount?: number;\n skillCount?: number;\n date?: string;\n checked?: boolean;\n showChecked?: boolean;\n onCheckClick?: () => void;\n onClick?: () => void;\n};\n\nexport type SkillsCardProps = {\n count?: number;\n title?: string;\n level?: string;\n category?: string;\n levelCount?: number;\n skillColor?: string;\n onClick?: () => void;\n className?: string;\n};\n\nexport type SkillStat = {\n name?: string;\n percent: number | string;\n className?: string;\n};\n\nexport type SkillsStatsCardProps = {\n totalCount?: string | number;\n skills?: SkillStat[];\n className?: string;\n onClick?: () => void;\n};\n\nexport type SkillVerticalCardProps = {\n title: string;\n completed?: number;\n total?: number;\n thumbImg?: string;\n onClick?: () => void;\n className?: string;\n};\n\nexport type RoundedPillProps = {\n statusText?: string;\n type?: LCSubtypes.course | LCSubtypes.achievement | LCSubtypes.skill | 'locked';\n onClick?: () => void;\n showCheckmark?: boolean;\n};\n\nexport type JobQualificationsCount = {\n fulfilledCount: number;\n totalRequiredCount: number;\n};\n\nexport type JobQualificationDisplay = {\n skills?: JobQualificationsCount;\n achievements?: JobQualificationsCount;\n courses?: JobQualificationsCount;\n};\n\nexport type JobListCardProps = {\n title?: string;\n company?: string;\n compensation?: string;\n location?: string;\n locationRequirement?: string;\n timeRequirement?: string;\n qualificationDisplay?: JobQualificationDisplay;\n percentQualifiedDisplay?: string;\n postDateDisplay?: string;\n imgThumb?: string;\n isBookmarked?: boolean;\n className?: string;\n onBookmark?: () => void;\n onClick?: () => void;\n};\n\nexport type LearnPillProps = {\n count: number | string;\n type: LCSubtypes.course | LCSubtypes.achievement | LCSubtypes.skill;\n className?: string;\n};\n\nexport type CircleCheckButtonProps = {\n onClick?: () => void;\n className?: string;\n bgColor?: string;\n checked?: boolean;\n};\n\nexport type SkillTabCardProps = {\n title?: string;\n description?: string;\n checked?: boolean;\n showChecked?: boolean;\n className?: string;\n onCheckClicked?: () => void;\n onClick?: () => void;\n};\n\nexport type JobHistoryCardProps = {\n title?: string;\n company?: string;\n description?: string;\n dateRange?: string;\n jobType?: string;\n className?: string;\n showArrow?: boolean;\n onClick?: () => void;\n};\n\nexport type GenericCardProps = {\n title?: string;\n className?: string;\n type?: WalletCategoryTypes;\n thumbImgSrc?: string;\n customThumbClass?: string;\n customHeaderClass?: string;\n onClick?: () => void;\n};\n"],"names":[],"mappings":"AAAU,IAAC,KAAK,mBAAmB,CAAC,CAAC,MAAM,KAAK;AAChD,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC;AAChD,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC;AAC9C,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,YAAY,CAAC;AAClD,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;AACxD,EAAE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,GAAG,gBAAgB,CAAC;AAC1D,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;AACxD,EAAE,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC;AACtD,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,aAAa,CAAC;AACpD,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,aAAa,CAAC;AACpD,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,EAAE,KAAK,IAAI,EAAE,EAAE;AACN,IAAC,UAAU,mBAAmB,CAAC,CAAC,WAAW,KAAK;AAC1D,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AAC7B,EAAE,WAAW,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;AAC7C,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;AACjC,EAAE,WAAW,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACnC,EAAE,WAAW,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACnC,EAAE,OAAO,WAAW,CAAC;AACrB,CAAC,EAAE,UAAU,IAAI,EAAE,EAAE;AACX,IAAC,mBAAmB,mBAAmB,CAAC,CAAC,oBAAoB,KAAK;AAC5E,EAAE,oBAAoB,CAAC,cAAc,CAAC,GAAG,cAAc,CAAC;AACxD,EAAE,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACtC,EAAE,oBAAoB,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;AACpD,EAAE,oBAAoB,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;AAChD,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,iBAAiB,CAAC;AAC9D,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;AAC5C,EAAE,OAAO,oBAAoB,CAAC;AAC9B,CAAC,EAAE,mBAAmB,IAAI,EAAE;;;;"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import coinsGraphic from './walletcurrency.webp';
|
|
2
|
+
import idsGraphic from './walletids.webp';
|
|
3
|
+
import jobhistoryGraphic from './walletjobhistory.webp';
|
|
4
|
+
import learningHistoryGraphic from './walletlearninghistory.webp';
|
|
5
|
+
import skillsGraphic from './walletskills.webp';
|
|
6
|
+
import achievementsGraphic from './walletTrophy.webp';
|
|
7
|
+
import MiniTrophyIcon from './minitrophycolored.svg';
|
|
8
|
+
import MiniGradIcon from './minigradcapcolored.svg';
|
|
9
|
+
import MiniPuzzleIcon from './minipuzzlecolored.svg';
|
|
10
|
+
import { L as LCSubtypes, W as WalletCategoryTypes } from './index-15b828c0.js';
|
|
11
|
+
|
|
12
|
+
const TYPE_TO_MINI_ICON = {
|
|
13
|
+
[LCSubtypes.course]: MiniGradIcon,
|
|
14
|
+
[LCSubtypes.achievement]: MiniTrophyIcon,
|
|
15
|
+
[LCSubtypes.skill]: MiniPuzzleIcon
|
|
16
|
+
};
|
|
17
|
+
const TYPE_TO_IMG_SRC = {
|
|
18
|
+
[WalletCategoryTypes.achievements]: achievementsGraphic,
|
|
19
|
+
[WalletCategoryTypes.ids]: idsGraphic,
|
|
20
|
+
[WalletCategoryTypes.jobHistory]: jobhistoryGraphic,
|
|
21
|
+
[WalletCategoryTypes.learningHistory]: learningHistoryGraphic,
|
|
22
|
+
[WalletCategoryTypes.currency]: coinsGraphic,
|
|
23
|
+
[WalletCategoryTypes.skills]: skillsGraphic
|
|
24
|
+
};
|
|
25
|
+
const TYPE_TO_WALLET_COLOR = {
|
|
26
|
+
[WalletCategoryTypes.achievements]: "spice-300",
|
|
27
|
+
[WalletCategoryTypes.ids]: "yellow-300",
|
|
28
|
+
[WalletCategoryTypes.jobHistory]: "rose-300",
|
|
29
|
+
[WalletCategoryTypes.learningHistory]: "emerald-300",
|
|
30
|
+
[WalletCategoryTypes.currency]: "cyan-200",
|
|
31
|
+
[WalletCategoryTypes.skills]: "indigo-300"
|
|
32
|
+
};
|
|
33
|
+
({
|
|
34
|
+
[WalletCategoryTypes.achievements]: "spice-200",
|
|
35
|
+
[WalletCategoryTypes.ids]: "yellow-200",
|
|
36
|
+
[WalletCategoryTypes.jobHistory]: "rose-200",
|
|
37
|
+
[WalletCategoryTypes.learningHistory]: "emerald-200",
|
|
38
|
+
[WalletCategoryTypes.currency]: "cyan-200",
|
|
39
|
+
[WalletCategoryTypes.skills]: "indigo-200"
|
|
40
|
+
});
|
|
41
|
+
const TYPE_TO_WALLET_DARK_COLOR = {
|
|
42
|
+
[WalletCategoryTypes.achievements]: "spice-500",
|
|
43
|
+
[WalletCategoryTypes.ids]: "yellow-400",
|
|
44
|
+
[WalletCategoryTypes.jobHistory]: "rose-400",
|
|
45
|
+
[WalletCategoryTypes.learningHistory]: "emerald-500",
|
|
46
|
+
[WalletCategoryTypes.currency]: "cyan-200",
|
|
47
|
+
[WalletCategoryTypes.skills]: "indigo-400"
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export { TYPE_TO_MINI_ICON as T, TYPE_TO_IMG_SRC as a, TYPE_TO_WALLET_DARK_COLOR as b, TYPE_TO_WALLET_COLOR as c };
|
|
51
|
+
//# sourceMappingURL=index-2ef79548.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-2ef79548.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":[],"mappings":";;;;;;;;;;;AAUY,MAAC,iBAAiB,GAAG;AACjC,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,YAAY;AACnC,EAAE,CAAC,UAAU,CAAC,WAAW,GAAG,cAAc;AAC1C,EAAE,CAAC,UAAU,CAAC,KAAK,GAAG,cAAc;AACpC,EAAE;AACU,MAAC,eAAe,GAAG;AAC/B,EAAE,CAAC,mBAAmB,CAAC,YAAY,GAAG,mBAAmB;AACzD,EAAE,CAAC,mBAAmB,CAAC,GAAG,GAAG,UAAU;AACvC,EAAE,CAAC,mBAAmB,CAAC,UAAU,GAAG,iBAAiB;AACrD,EAAE,CAAC,mBAAmB,CAAC,eAAe,GAAG,sBAAsB;AAC/D,EAAE,CAAC,mBAAmB,CAAC,QAAQ,GAAG,YAAY;AAC9C,EAAE,CAAC,mBAAmB,CAAC,MAAM,GAAG,aAAa;AAC7C,EAAE;AACU,MAAC,oBAAoB,GAAG;AACpC,EAAE,CAAC,mBAAmB,CAAC,YAAY,GAAG,WAAW;AACjD,EAAE,CAAC,mBAAmB,CAAC,GAAG,GAAG,YAAY;AACzC,EAAE,CAAC,mBAAmB,CAAC,UAAU,GAAG,UAAU;AAC9C,EAAE,CAAC,mBAAmB,CAAC,eAAe,GAAG,aAAa;AACtD,EAAE,CAAC,mBAAmB,CAAC,QAAQ,GAAG,UAAU;AAC5C,EAAE,CAAC,mBAAmB,CAAC,MAAM,GAAG,YAAY;AAC5C,EAAE;CACwC;AAC1C,EAAE,CAAC,mBAAmB,CAAC,YAAY,GAAG,WAAW;AACjD,EAAE,CAAC,mBAAmB,CAAC,GAAG,GAAG,YAAY;AACzC,EAAE,CAAC,mBAAmB,CAAC,UAAU,GAAG,UAAU;AAC9C,EAAE,CAAC,mBAAmB,CAAC,eAAe,GAAG,aAAa;AACtD,EAAE,CAAC,mBAAmB,CAAC,QAAQ,GAAG,UAAU;AAC5C,EAAE,CAAC,mBAAmB,CAAC,MAAM,GAAG,YAAY;AAC5C,GAAE;AACU,MAAC,yBAAyB,GAAG;AACzC,EAAE,CAAC,mBAAmB,CAAC,YAAY,GAAG,WAAW;AACjD,EAAE,CAAC,mBAAmB,CAAC,GAAG,GAAG,YAAY;AACzC,EAAE,CAAC,mBAAmB,CAAC,UAAU,GAAG,UAAU;AAC9C,EAAE,CAAC,mBAAmB,CAAC,eAAe,GAAG,aAAa;AACtD,EAAE,CAAC,mBAAmB,CAAC,QAAQ,GAAG,UAAU;AAC5C,EAAE,CAAC,mBAAmB,CAAC,MAAM,GAAG,YAAY;AAC5C;;;;"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
export { A as AchievementCard } from './AchievementCard-
|
|
1
|
+
export { A as AchievementCard } from './AchievementCard-92b5a3ea.js';
|
|
2
2
|
export { B as Button } from './Button-5f805204.js';
|
|
3
|
-
export { C as CircleCheckButton } from './CircleCheckButton-
|
|
4
|
-
export { a as CircleIcon, C as CountCircle } from './CircleIcon-
|
|
3
|
+
export { C as CircleCheckButton } from './CircleCheckButton-a55dfd2a.js';
|
|
4
|
+
export { a as CircleIcon, C as CountCircle } from './CircleIcon-b0dca4b6.js';
|
|
5
5
|
export { C as CourseCard } from './CourseCard-663ff174.js';
|
|
6
|
-
export { C as CourseVerticalCard } from './CourseVerticalCard-
|
|
6
|
+
export { C as CourseVerticalCard } from './CourseVerticalCard-643f767b.js';
|
|
7
7
|
export { F as FlippyCard } from './FlippyCard-682649d7.js';
|
|
8
|
-
export { G as GenericCard } from './GenericCard-
|
|
8
|
+
export { G as GenericCard } from './GenericCard-ada539c7.js';
|
|
9
9
|
export { J as JobHistoryCard } from './JobHistoryCard-80d4ef27.js';
|
|
10
|
-
export { a as JobListCard, J as JobListingBubble } from './JobListCard-
|
|
10
|
+
export { a as JobListCard, J as JobListingBubble } from './JobListCard-e84e21e7.js';
|
|
11
11
|
export { L as LearnCardCreditCardBackFace } from './LearnCardCreditCardBackFace-9baa9e6b.js';
|
|
12
12
|
export { L as LearnCardCreditCardFrontFace } from './LearnCardCreditCardFrontFace-cf793917.js';
|
|
13
|
-
export { L as LearnPill } from './LearnPill-
|
|
13
|
+
export { L as LearnPill } from './LearnPill-a1001ae7.js';
|
|
14
14
|
export { C as CircleLoadingState } from './CircleSpinner-9b8b1a6b.js';
|
|
15
15
|
export { M as MiniVCThumbnail } from './MiniVCThumbnail-6a07e810.js';
|
|
16
16
|
export { N as Notification, a as NotificationTypeStyles } from './Notification-ac50790d.js';
|
|
17
17
|
export { Q as QRCodeCard } from './QRCodeCard-c57e2067.js';
|
|
18
|
-
export { C as CheckmarkSvg, R as RoundedPill } from './RoundedPill-
|
|
19
|
-
export { R as RoundedSquare } from './RoundedSquare-
|
|
20
|
-
export { a as TYPE_TO_IMG_SRC, T as TYPE_TO_MINI_ICON, b as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './constants-3c35c9bd.js';
|
|
18
|
+
export { C as CheckmarkSvg, R as RoundedPill } from './RoundedPill-2f4dc646.js';
|
|
19
|
+
export { R as RoundedSquare } from './RoundedSquare-c013d78d.js';
|
|
21
20
|
export { S as SchoolIDCard } from './SchoolIDCard-4f56262c.js';
|
|
22
|
-
export { S as SkillTabCard } from './SkillTabCard-
|
|
21
|
+
export { S as SkillTabCard } from './SkillTabCard-ade7a48c.js';
|
|
23
22
|
export { S as SkillVerticalCard } from './SkillVerticalCard-108f49bb.js';
|
|
24
23
|
export { a as SkillsCard, S as SkillsMeterSegment } from './SkillsCard-92a51db2.js';
|
|
25
24
|
export { S as SkillsStatsCard } from './SkillsStatsCard-1628fe9c.js';
|
|
@@ -34,8 +33,18 @@ export { B as Briefcase, C as Checkmark, a as Coins, G as Graduation, L as Light
|
|
|
34
33
|
export { G as GenericArrow } from './GenericArrow-0dba1707.js';
|
|
35
34
|
export { T as Trophy } from './Trophy-702610b8.js';
|
|
36
35
|
import 'react';
|
|
37
|
-
import './index-
|
|
38
|
-
import './
|
|
36
|
+
import './index-2ef79548.js';
|
|
37
|
+
import './walletcurrency.webp';
|
|
38
|
+
import './walletids.webp';
|
|
39
|
+
import './walletjobhistory.webp';
|
|
40
|
+
import './walletlearninghistory.webp';
|
|
41
|
+
import './walletskills.webp';
|
|
42
|
+
import './walletTrophy.webp';
|
|
43
|
+
import './minitrophycolored.svg';
|
|
44
|
+
import './minigradcapcolored.svg';
|
|
45
|
+
import './minipuzzlecolored.svg';
|
|
46
|
+
import './index-15b828c0.js';
|
|
47
|
+
import './icons-10f38bbd.js';
|
|
39
48
|
import './coins.svg';
|
|
40
49
|
import './user.svg';
|
|
41
50
|
import './trophy.svg';
|
|
@@ -52,15 +61,6 @@ import './index-aa1098e1.js';
|
|
|
52
61
|
import './card-chip.svg';
|
|
53
62
|
import './master-card-logo.svg';
|
|
54
63
|
import './verified-check.png';
|
|
55
|
-
import './walletcurrency.webp';
|
|
56
|
-
import './walletids.webp';
|
|
57
|
-
import './walletjobhistory.webp';
|
|
58
|
-
import './walletlearninghistory.webp';
|
|
59
|
-
import './walletskills.webp';
|
|
60
|
-
import './walletTrophy.webp';
|
|
61
|
-
import './minitrophycolored.svg';
|
|
62
|
-
import './minigradcapcolored.svg';
|
|
63
|
-
import './minipuzzlecolored.svg';
|
|
64
64
|
import './skillplaceholder.png';
|
|
65
65
|
import './skillgraph.svg';
|
|
66
66
|
import '@learncard/core';
|
package/dist/esm/index10.js
CHANGED
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
export { A as AchievementCard } from './AchievementCard-
|
|
1
|
+
export { A as AchievementCard } from './AchievementCard-92b5a3ea.js';
|
|
2
2
|
export { B as Button } from './Button-5f805204.js';
|
|
3
|
-
export { C as CircleCheckButton } from './CircleCheckButton-
|
|
4
|
-
export { a as CircleIcon, C as CountCircle } from './CircleIcon-
|
|
3
|
+
export { C as CircleCheckButton } from './CircleCheckButton-a55dfd2a.js';
|
|
4
|
+
export { a as CircleIcon, C as CountCircle } from './CircleIcon-b0dca4b6.js';
|
|
5
5
|
export { C as CourseCard } from './CourseCard-663ff174.js';
|
|
6
|
-
export { C as CourseVerticalCard } from './CourseVerticalCard-
|
|
6
|
+
export { C as CourseVerticalCard } from './CourseVerticalCard-643f767b.js';
|
|
7
7
|
export { F as FlippyCard } from './FlippyCard-682649d7.js';
|
|
8
|
-
export { G as GenericCard } from './GenericCard-
|
|
8
|
+
export { G as GenericCard } from './GenericCard-ada539c7.js';
|
|
9
9
|
export { J as JobHistoryCard } from './JobHistoryCard-80d4ef27.js';
|
|
10
|
-
export { a as JobListCard, J as JobListingBubble } from './JobListCard-
|
|
10
|
+
export { a as JobListCard, J as JobListingBubble } from './JobListCard-e84e21e7.js';
|
|
11
11
|
export { L as LearnCardCreditCardBackFace } from './LearnCardCreditCardBackFace-9baa9e6b.js';
|
|
12
12
|
export { L as LearnCardCreditCardFrontFace } from './LearnCardCreditCardFrontFace-cf793917.js';
|
|
13
|
-
export { L as LearnPill } from './LearnPill-
|
|
13
|
+
export { L as LearnPill } from './LearnPill-a1001ae7.js';
|
|
14
14
|
export { C as CircleLoadingState } from './CircleSpinner-9b8b1a6b.js';
|
|
15
15
|
export { M as MiniVCThumbnail } from './MiniVCThumbnail-6a07e810.js';
|
|
16
16
|
export { N as Notification, a as NotificationTypeStyles } from './Notification-ac50790d.js';
|
|
17
17
|
export { Q as QRCodeCard } from './QRCodeCard-c57e2067.js';
|
|
18
|
-
export { C as CheckmarkSvg, R as RoundedPill } from './RoundedPill-
|
|
19
|
-
export { R as RoundedSquare } from './RoundedSquare-
|
|
20
|
-
export { a as TYPE_TO_IMG_SRC, T as TYPE_TO_MINI_ICON, b as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './constants-3c35c9bd.js';
|
|
18
|
+
export { C as CheckmarkSvg, R as RoundedPill } from './RoundedPill-2f4dc646.js';
|
|
19
|
+
export { R as RoundedSquare } from './RoundedSquare-c013d78d.js';
|
|
21
20
|
export { S as SchoolIDCard } from './SchoolIDCard-4f56262c.js';
|
|
22
|
-
export { S as SkillTabCard } from './SkillTabCard-
|
|
21
|
+
export { S as SkillTabCard } from './SkillTabCard-ade7a48c.js';
|
|
23
22
|
export { S as SkillVerticalCard } from './SkillVerticalCard-108f49bb.js';
|
|
24
23
|
export { a as SkillsCard, S as SkillsMeterSegment } from './SkillsCard-92a51db2.js';
|
|
25
24
|
export { S as SkillsStatsCard } from './SkillsStatsCard-1628fe9c.js';
|
|
@@ -34,8 +33,18 @@ export { B as Briefcase, C as Checkmark, a as Coins, G as Graduation, L as Light
|
|
|
34
33
|
export { G as GenericArrow } from './GenericArrow-0dba1707.js';
|
|
35
34
|
export { T as Trophy } from './Trophy-702610b8.js';
|
|
36
35
|
import 'react';
|
|
37
|
-
import './index-
|
|
38
|
-
import './
|
|
36
|
+
import './index-2ef79548.js';
|
|
37
|
+
import './walletcurrency.webp';
|
|
38
|
+
import './walletids.webp';
|
|
39
|
+
import './walletjobhistory.webp';
|
|
40
|
+
import './walletlearninghistory.webp';
|
|
41
|
+
import './walletskills.webp';
|
|
42
|
+
import './walletTrophy.webp';
|
|
43
|
+
import './minitrophycolored.svg';
|
|
44
|
+
import './minigradcapcolored.svg';
|
|
45
|
+
import './minipuzzlecolored.svg';
|
|
46
|
+
import './index-15b828c0.js';
|
|
47
|
+
import './icons-10f38bbd.js';
|
|
39
48
|
import './coins.svg';
|
|
40
49
|
import './user.svg';
|
|
41
50
|
import './trophy.svg';
|
|
@@ -52,15 +61,6 @@ import './index-aa1098e1.js';
|
|
|
52
61
|
import './card-chip.svg';
|
|
53
62
|
import './master-card-logo.svg';
|
|
54
63
|
import './verified-check.png';
|
|
55
|
-
import './walletcurrency.webp';
|
|
56
|
-
import './walletids.webp';
|
|
57
|
-
import './walletjobhistory.webp';
|
|
58
|
-
import './walletlearninghistory.webp';
|
|
59
|
-
import './walletskills.webp';
|
|
60
|
-
import './walletTrophy.webp';
|
|
61
|
-
import './minitrophycolored.svg';
|
|
62
|
-
import './minigradcapcolored.svg';
|
|
63
|
-
import './minipuzzlecolored.svg';
|
|
64
64
|
import './skillplaceholder.png';
|
|
65
65
|
import './skillgraph.svg';
|
|
66
66
|
import '@learncard/core';
|